bd
/
ui
2
0
Fork 0
Code Issues Pull Requests Wiki Activity

icon组件改用name

master
yutent 2023-03-21 16:06:07 +08:00
parent 615ef62853
commit 4bb1474ff2
3 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/form/button.js
View File

@ -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>
`

2
src/form/passwd.js
View File

@ -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>
`

12
src/icon/index.js
View File

@ -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>
`
}