Refactor #5046
parent
19cd180575
commit
6ccebe113b
|
@ -6,11 +6,6 @@ import { ObjectUtils, UniqueComponentId } from 'primevue/utils';
|
|||
export default {
|
||||
name: 'BaseIcon',
|
||||
extends: BaseComponent,
|
||||
data() {
|
||||
return {
|
||||
id: this.$attrs.id
|
||||
};
|
||||
},
|
||||
props: {
|
||||
label: {
|
||||
type: String,
|
||||
|
@ -22,12 +17,9 @@ export default {
|
|||
}
|
||||
},
|
||||
style: BaseIconStyle,
|
||||
mounted() {
|
||||
this.id = this.id || UniqueComponentId();
|
||||
},
|
||||
watch: {
|
||||
'$attrs.id': function (newValue) {
|
||||
this.id = newValue || UniqueComponentId();
|
||||
computed: {
|
||||
pathId() {
|
||||
return UniqueComponentId('pv_icon_clip_pv_id_');
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
@ -43,7 +35,6 @@ export default {
|
|||
}
|
||||
]
|
||||
}),
|
||||
id: this.id,
|
||||
role: !isLabelEmpty ? 'img' : undefined,
|
||||
'aria-label': !isLabelEmpty ? this.label : undefined,
|
||||
'aria-hidden': isLabelEmpty
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'ArrowDownIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'ArrowUpIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -19,11 +19,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'BanIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -27,11 +27,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'ExclamationTriangleIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'EyeSlashIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -19,11 +19,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'FilterIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'FilterSlashIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'InfoCircleIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -19,11 +19,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'PencilIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -19,11 +19,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'PlusIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'RefreshIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'SearchIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'SearchMinusIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'SearchPlusIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -25,11 +25,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'SortAltIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -19,11 +19,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'SortAmountDownIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -19,11 +19,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'SortAmountUpAltIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -19,11 +19,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'SpinnerIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -19,11 +19,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'StarIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -19,11 +19,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'StarFillIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'ThLargeIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'TimesCircleIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'TrashIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'UndoIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'UploadIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'WindowMaximizeIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
|
@ -21,11 +21,6 @@ import BaseIcon from 'primevue/baseicon';
|
|||
|
||||
export default {
|
||||
name: 'WindowMinimizeIcon',
|
||||
extends: BaseIcon,
|
||||
computed: {
|
||||
pathId() {
|
||||
return `pv_icon_clip_${this.id}`;
|
||||
}
|
||||
}
|
||||
extends: BaseIcon
|
||||
};
|
||||
</script>
|
||||
|
|
Loading…
Reference in New Issue