From 4bb1474ff24ca1e24076211cae49f424684f4db8 Mon Sep 17 00:00:00 2001
From: yutent <yutent.io@gmail.com>
Date: Tue, 21 Mar 2023 16:06:07 +0800
Subject: [PATCH] =?UTF-8?q?icon=E7=BB=84=E4=BB=B6=E6=94=B9=E7=94=A8name?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/form/button.js |  2 +-
 src/form/passwd.js |  2 +-
 src/icon/index.js  | 12 ++++++------
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/form/button.js b/src/form/button.js
index c287dfe..a86e27d 100644
--- a/src/form/button.js
+++ b/src/form/button.js
@@ -257,7 +257,7 @@ class Button extends Component {
   render() {
     return html`
       <button ref="btn" disabled=${this.disabled}>
-        <wc-icon class="icon" is=${this.icon}></wc-icon>
+        <wc-icon class="icon" name=${this.icon}></wc-icon>
         <slot></slot>
       </button>
     `
diff --git a/src/form/passwd.js b/src/form/passwd.js
index 508d365..9635d24 100644
--- a/src/form/passwd.js
+++ b/src/form/passwd.js
@@ -234,7 +234,7 @@ class Passwd extends Component {
         <wc-icon
           class="icon"
           @click=${this.iconClick}
-          :is=${this._type === 'password' ? 'eye' : 'eye-off'}
+          :name=${this._type === 'password' ? 'eye' : 'eye-off'}
         ></wc-icon>
       </div>
     `
diff --git a/src/icon/index.js b/src/icon/index.js
index a654516..87f4999 100644
--- a/src/icon/index.js
+++ b/src/icon/index.js
@@ -15,12 +15,12 @@ if (window.EXT_SVG_DICT) {
 
 class Icon extends Component {
   static props = {
-    is: {
+    name: {
       type: String,
       default: null,
       observer(val) {
         if (val === '') {
-          this.is = null
+          this.name = null
         }
       }
     }
@@ -32,7 +32,7 @@ class Icon extends Component {
       width: var(--size, 36px);
       height: var(--size, 36px);
     }
-    :host(:not([is])) {
+    :host(:not([name])) {
       display: none;
     }
     .icon {
@@ -93,12 +93,12 @@ class Icon extends Component {
   render() {
     return html`
       <svg
-        class="icon ${this.is === 'loading' ? 'loading' : ''}"
+        class="icon ${this.name === 'loading' ? 'loading' : ''}"
         viewBox="0 0 1024 1024"
       >
-        ${this.is === 'loading'
+        ${this.name === 'loading'
           ? svg`<circle class="circle" cx="512" cy="512" r="384" fill="none" stroke-width="80" />`
-          : svg`<path d="${dict[this.is]}" />`}
+          : svg`<path d="${dict[this.name]}" />`}
       </svg>
     `
   }