@phill-component/icons 1.11.3 → 1.11.6

package/dist/mobile/uvue/{icon-undo/icon-undo.uvue → icon-underline/icon-underline.uvue}

@@ -1,7 +1,7 @@
 <template>
   <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="rootStyle">
     <!-- #ifdef H5 -->
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M8.81 16H29.5C35.851 16 41 21.149 41 27.5S35.851 39 29.5 39H17"/><path stroke="currentColor" stroke-width="2" d="m15.322 23.78-7.778-7.778 7.778-7.778"/></svg>
+    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M9 41h30M13 5v17.5C13 27 15.5 33 24 33s11-5 11-10.5V5"/></svg>
     <!-- #endif -->
     <!-- #ifndef H5 -->
     <image :src="imgSrc" :style="iconBoxStyle" />
@@ -11,7 +11,7 @@
 </template>
 <script setup lang="uts">
 import { computed } from 'vue'
-import imgSrc from '@/uni_modules/@phill-component/icons/mobile/uvue/icon-undo/undo.png'
+import imgSrc from '@/uni_modules/@phill-component/icons/mobile/uvue/icon-underline/underline.png'
 const props = defineProps({
   size: { type: [String, Number], default: '1em' },
   color: { type: String, default: 'var(--tsm-color-primary)' },

package/dist/mobile/vue/{icon-undo.vue → icon-underline.vue}

@@ -1,7 +1,7 @@
 <template>
   <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="[wrapStyle, iconStyle]">
     <!-- #ifdef H5 -->
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M8.81 16H29.5C35.851 16 41 21.149 41 27.5S35.851 39 29.5 39H17"/><path stroke="currentColor" stroke-width="2" d="m15.322 23.78-7.778-7.778 7.778-7.778"/></svg>
+    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M9 41h30M13 5v17.5C13 27 15.5 33 24 33s11-5 11-10.5V5"/></svg>
     <!-- #endif -->
     <!-- #ifndef H5 -->
     <image :src="imgSrc" :style="iconBoxStyle" />
@@ -11,7 +11,7 @@
 </template>
 <script setup>
 import { computed } from 'vue'
-import imgSrc from '@/uni_modules/@phill-component/icons/mobile/uvue/icon-undo/undo.png'
+import imgSrc from '@/uni_modules/@phill-component/icons/mobile/uvue/icon-underline/underline.png'
 const props = defineProps({
   size: { type: [String, Number], default: '1em' },
   color: { type: String, default: 'var(--tsm-color-primary)' },

package/dist/web/vue/{Undo.vue → Underline.vue}

@@ -1,6 +1,6 @@
 <template>
   <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="[wrapStyle, iconStyle]">
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M8.81 16H29.5C35.851 16 41 21.149 41 27.5S35.851 39 29.5 39H17"/><path stroke="currentColor" stroke-width="2" d="m15.322 23.78-7.778-7.778 7.778-7.778"/></svg>
+    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M9 41h30M13 5v17.5C13 27 15.5 33 24 33s11-5 11-10.5V5"/></svg>
     <text v-if="label !== ''" class="icon__label" :style="labelStyle">{{ label }}</text>
   </view>
 </template>

package/dist/web/vue/index.js

@@ -1,8 +1,6 @@
-export { default as IconAttachment } from './Attachment.vue';
 export { default as IconBrush } from './Brush.vue';
 export { default as IconEdit } from './Edit.vue';
 export { default as IconFire } from './Fire.vue';
-export { default as IconLink } from './Link.vue';
 export { default as IconMenu } from './Menu.vue';
 export { default as IconSort } from './Sort.vue';
-export { default as IconUndo } from './Undo.vue';
+export { default as IconUnderline } from './Underline.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phill-component/icons",
-  "version": "1.11.3",
+  "version": "1.11.6",
   "description": "Phill Component Icons",
   "main": "dist/web/vue/index.js",
   "types": "dist/web/vue/index.d.ts",

package/scripts/build.js

@@ -4,7 +4,7 @@ const { optimize } = require('svgo');
 const Case = require('case');
 
 const rootDir = path.resolve(__dirname, '..');
-const srcDir = rootDir;
+const srcDir = path.resolve(rootDir, 'resource');
 const distDir = path.resolve(rootDir, 'dist');
 // web: 仅供 PC/Web 使用（始终内联 SVG）
 const webDir = path.resolve(distDir, 'web');

package/dist/mobile/uvue/icon-attachment/icon-attachment.uvue

@@ -1,75 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="rootStyle">
-    <!-- #ifdef H5 -->
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M29.037 15.236s-9.174 9.267-11.48 11.594c-2.305 2.327-1.646 4.987-.329 6.316 1.317 1.33 3.994 1.953 6.258-.332L37.32 18.851c3.623-3.657 2.092-8.492 0-10.639s-6.916-3.657-10.54 0L11.3 23.838c-3.623 3.657-3.953 10.638.329 14.96s11.115 4.105 14.821.333 8.74-8.822 11.224-11.33"/></svg>
-    <!-- #endif -->
-    <!-- #ifndef H5 -->
-    <image :src="imgSrc" :style="iconBoxStyle" />
-    <!-- #endif -->
-    <text v-if="label != ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup lang="uts">
-import { computed } from 'vue'
-import imgSrc from '@/uni_modules/@phill-component/icons/mobile/uvue/icon-attachment/attachment.png'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: 'var(--tsm-color-primary)' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-function toPx(v: any): string {
-  if (typeof v === 'number') return (v as number).toString() + 'px'
-  const s = (v as string)
-  return s != '' ? s : ''
-}
-const iconW = computed((): string => (props.width != '' ? toPx(props.width) : toPx(props.size)))
-const iconH = computed((): string => (props.height != '' ? toPx(props.height) : toPx(props.size)))
-const iconStyle = computed((): UTSJSONObject => {
-  return { 'color': props.color != '' ? props.color : 'inherit' } as UTSJSONObject
-})
-const iconBoxStyle = computed((): UTSJSONObject => ({ width: iconW.value, height: iconH.value } as UTSJSONObject))
-const wrapStyle = computed((): UTSJSONObject => {
-  const map = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' } as UTSJSONObject
-  let dir: string = 'row'
-  const cand = map[props.labelPos] as string | null
-  if (cand != null && cand.length > 0) {
-    dir = cand
-  }
-  return { display: 'flex', alignItems: 'center', flexDirection: dir } as UTSJSONObject
-})
-const rootStyle = computed((): UTSJSONObject => {
-  const s = wrapStyle.value
-  const i = iconStyle.value
-  for (const key in i) {
-    s[key] = i[key]
-  }
-  return s
-})
-const labelStyle = computed((): UTSJSONObject => {
-  const out = {} as UTSJSONObject
-  if (props.labelColor != '') out['color'] = props.labelColor
-  out['fontSize'] = toPx(props.labelSize)
-  out['marginLeft'] = props.labelPos == 'right' ? toPx(props.space) : 0
-  out['marginTop'] = props.labelPos == 'bottom' ? toPx(props.space) : 0
-  out['marginRight'] = props.labelPos == 'left' ? toPx(props.space) : 0
-  out['marginBottom'] = props.labelPos == 'top' ? toPx(props.space) : 0
-  return out
-})
-function onTap(e: UniPointerEvent) {
-  emit('click', props.index)
-  if (props.stop) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>

package/dist/mobile/uvue/icon-link/icon-link.uvue

@@ -1,75 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="rootStyle">
-    <!-- #ifdef H5 -->
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="m14.1 25.414-4.95 4.95a6 6 0 0 0 8.486 8.485l8.485-8.485a6 6 0 0 0 0-8.485"/><path stroke="currentColor" stroke-width="2" d="M21.879 26.121a6 6 0 0 1 0-8.485l8.485-8.485a6 6 0 1 1 8.485 8.485L33.5 23"/></svg>
-    <!-- #endif -->
-    <!-- #ifndef H5 -->
-    <image :src="imgSrc" :style="iconBoxStyle" />
-    <!-- #endif -->
-    <text v-if="label != ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup lang="uts">
-import { computed } from 'vue'
-import imgSrc from '@/uni_modules/@phill-component/icons/mobile/uvue/icon-link/link.png'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: 'var(--tsm-color-primary)' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-function toPx(v: any): string {
-  if (typeof v === 'number') return (v as number).toString() + 'px'
-  const s = (v as string)
-  return s != '' ? s : ''
-}
-const iconW = computed((): string => (props.width != '' ? toPx(props.width) : toPx(props.size)))
-const iconH = computed((): string => (props.height != '' ? toPx(props.height) : toPx(props.size)))
-const iconStyle = computed((): UTSJSONObject => {
-  return { 'color': props.color != '' ? props.color : 'inherit' } as UTSJSONObject
-})
-const iconBoxStyle = computed((): UTSJSONObject => ({ width: iconW.value, height: iconH.value } as UTSJSONObject))
-const wrapStyle = computed((): UTSJSONObject => {
-  const map = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' } as UTSJSONObject
-  let dir: string = 'row'
-  const cand = map[props.labelPos] as string | null
-  if (cand != null && cand.length > 0) {
-    dir = cand
-  }
-  return { display: 'flex', alignItems: 'center', flexDirection: dir } as UTSJSONObject
-})
-const rootStyle = computed((): UTSJSONObject => {
-  const s = wrapStyle.value
-  const i = iconStyle.value
-  for (const key in i) {
-    s[key] = i[key]
-  }
-  return s
-})
-const labelStyle = computed((): UTSJSONObject => {
-  const out = {} as UTSJSONObject
-  if (props.labelColor != '') out['color'] = props.labelColor
-  out['fontSize'] = toPx(props.labelSize)
-  out['marginLeft'] = props.labelPos == 'right' ? toPx(props.space) : 0
-  out['marginTop'] = props.labelPos == 'bottom' ? toPx(props.space) : 0
-  out['marginRight'] = props.labelPos == 'left' ? toPx(props.space) : 0
-  out['marginBottom'] = props.labelPos == 'top' ? toPx(props.space) : 0
-  return out
-})
-function onTap(e: UniPointerEvent) {
-  emit('click', props.index)
-  if (props.stop) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>

package/dist/mobile/vue/icon-attachment.vue

@@ -1,58 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="[wrapStyle, iconStyle]">
-    <!-- #ifdef H5 -->
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M29.037 15.236s-9.174 9.267-11.48 11.594c-2.305 2.327-1.646 4.987-.329 6.316 1.317 1.33 3.994 1.953 6.258-.332L37.32 18.851c3.623-3.657 2.092-8.492 0-10.639s-6.916-3.657-10.54 0L11.3 23.838c-3.623 3.657-3.953 10.638.329 14.96s11.115 4.105 14.821.333 8.74-8.822 11.224-11.33"/></svg>
-    <!-- #endif -->
-    <!-- #ifndef H5 -->
-    <image :src="imgSrc" :style="iconBoxStyle" />
-    <!-- #endif -->
-    <text v-if="label !== ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup>
-import { computed } from 'vue'
-import imgSrc from '@/uni_modules/@phill-component/icons/mobile/uvue/icon-attachment/attachment.png'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: 'var(--tsm-color-primary)' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-const toPx = (v) => typeof v === 'number' ? (v + 'px') : (String(v||''));
-const iconW = computed(() => props.width ? toPx(props.width) : toPx(props.size))
-const iconH = computed(() => props.height ? toPx(props.height) : toPx(props.size))
-const iconBoxStyle = computed(() => ({ width: iconW.value, height: iconH.value }))
-const iconStyle = computed(() => {
-  return { color: props.color || 'inherit' }
-})
-const wrapStyle = computed(() => {
-  const dirMap = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' }
-  return { display: 'flex', alignItems: 'center', flexDirection: dirMap[props.labelPos] || 'row' }
-})
-const labelStyle = computed(() => {
-  return {
-    color: props.labelColor || '',
-    fontSize: toPx(props.labelSize),
-    marginLeft: props.labelPos === 'right' ? toPx(props.space) : 0,
-    marginTop: props.labelPos === 'bottom' ? toPx(props.space) : 0,
-    marginRight: props.labelPos === 'left' ? toPx(props.space) : 0,
-    marginBottom: props.labelPos === 'top' ? toPx(props.space) : 0
-  }
-})
-function onTap(e) {
-  emit('click', props.index)
-  if (props.stop && e && e.stopPropagation) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>

package/dist/mobile/vue/icon-link.vue

@@ -1,58 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="[wrapStyle, iconStyle]">
-    <!-- #ifdef H5 -->
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="m14.1 25.414-4.95 4.95a6 6 0 0 0 8.486 8.485l8.485-8.485a6 6 0 0 0 0-8.485"/><path stroke="currentColor" stroke-width="2" d="M21.879 26.121a6 6 0 0 1 0-8.485l8.485-8.485a6 6 0 1 1 8.485 8.485L33.5 23"/></svg>
-    <!-- #endif -->
-    <!-- #ifndef H5 -->
-    <image :src="imgSrc" :style="iconBoxStyle" />
-    <!-- #endif -->
-    <text v-if="label !== ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup>
-import { computed } from 'vue'
-import imgSrc from '@/uni_modules/@phill-component/icons/mobile/uvue/icon-link/link.png'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: 'var(--tsm-color-primary)' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-const toPx = (v) => typeof v === 'number' ? (v + 'px') : (String(v||''));
-const iconW = computed(() => props.width ? toPx(props.width) : toPx(props.size))
-const iconH = computed(() => props.height ? toPx(props.height) : toPx(props.size))
-const iconBoxStyle = computed(() => ({ width: iconW.value, height: iconH.value }))
-const iconStyle = computed(() => {
-  return { color: props.color || 'inherit' }
-})
-const wrapStyle = computed(() => {
-  const dirMap = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' }
-  return { display: 'flex', alignItems: 'center', flexDirection: dirMap[props.labelPos] || 'row' }
-})
-const labelStyle = computed(() => {
-  return {
-    color: props.labelColor || '',
-    fontSize: toPx(props.labelSize),
-    marginLeft: props.labelPos === 'right' ? toPx(props.space) : 0,
-    marginTop: props.labelPos === 'bottom' ? toPx(props.space) : 0,
-    marginRight: props.labelPos === 'left' ? toPx(props.space) : 0,
-    marginBottom: props.labelPos === 'top' ? toPx(props.space) : 0
-  }
-})
-function onTap(e) {
-  emit('click', props.index)
-  if (props.stop && e && e.stopPropagation) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>

package/dist/web/vue/Attachment.vue

@@ -1,53 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="[wrapStyle, iconStyle]">
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M29.037 15.236s-9.174 9.267-11.48 11.594c-2.305 2.327-1.646 4.987-.329 6.316 1.317 1.33 3.994 1.953 6.258-.332L37.32 18.851c3.623-3.657 2.092-8.492 0-10.639s-6.916-3.657-10.54 0L11.3 23.838c-3.623 3.657-3.953 10.638.329 14.96s11.115 4.105 14.821.333 8.74-8.822 11.224-11.33"/></svg>
-    <text v-if="label !== ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup>
-import { computed } from 'vue'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: 'inherit' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-const toPx = (v) => typeof v === 'number' ? (v + 'px') : (String(v||''));
-const iconW = computed(() => props.width ? toPx(props.width) : toPx(props.size))
-const iconH = computed(() => props.height ? toPx(props.height) : toPx(props.size))
-const iconBoxStyle = computed(() => ({ width: iconW.value, height: iconH.value }))
-const iconStyle = computed(() => {
-  return { color: props.color || 'inherit' }
-})
-const wrapStyle = computed(() => {
-  const dirMap = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' }
-  return { display: 'flex', alignItems: 'center', flexDirection: dirMap[props.labelPos] || 'row' }
-})
-const labelStyle = computed(() => {
-  return {
-    color: props.labelColor || '',
-    fontSize: toPx(props.labelSize),
-    marginLeft: props.labelPos === 'right' ? toPx(props.space) : 0,
-    marginTop: props.labelPos === 'bottom' ? toPx(props.space) : 0,
-    marginRight: props.labelPos === 'left' ? toPx(props.space) : 0,
-    marginBottom: props.labelPos === 'top' ? toPx(props.space) : 0
-  }
-})
-const imgSrc = '__IMG_SRC__'
-function onTap(e) {
-  emit('click', props.index)
-  if (props.stop && e && e.stopPropagation) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>

package/dist/web/vue/Link.vue

@@ -1,53 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="[wrapStyle, iconStyle]">
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="m14.1 25.414-4.95 4.95a6 6 0 0 0 8.486 8.485l8.485-8.485a6 6 0 0 0 0-8.485"/><path stroke="currentColor" stroke-width="2" d="M21.879 26.121a6 6 0 0 1 0-8.485l8.485-8.485a6 6 0 1 1 8.485 8.485L33.5 23"/></svg>
-    <text v-if="label !== ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup>
-import { computed } from 'vue'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: 'inherit' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-const toPx = (v) => typeof v === 'number' ? (v + 'px') : (String(v||''));
-const iconW = computed(() => props.width ? toPx(props.width) : toPx(props.size))
-const iconH = computed(() => props.height ? toPx(props.height) : toPx(props.size))
-const iconBoxStyle = computed(() => ({ width: iconW.value, height: iconH.value }))
-const iconStyle = computed(() => {
-  return { color: props.color || 'inherit' }
-})
-const wrapStyle = computed(() => {
-  const dirMap = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' }
-  return { display: 'flex', alignItems: 'center', flexDirection: dirMap[props.labelPos] || 'row' }
-})
-const labelStyle = computed(() => {
-  return {
-    color: props.labelColor || '',
-    fontSize: toPx(props.labelSize),
-    marginLeft: props.labelPos === 'right' ? toPx(props.space) : 0,
-    marginTop: props.labelPos === 'bottom' ? toPx(props.space) : 0,
-    marginRight: props.labelPos === 'left' ? toPx(props.space) : 0,
-    marginBottom: props.labelPos === 'top' ? toPx(props.space) : 0
-  }
-})
-const imgSrc = '__IMG_SRC__'
-function onTap(e) {
-  emit('click', props.index)
-  if (props.stop && e && e.stopPropagation) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>