feat: convert iconItemSelect component to compositionAPI

src/components/modules/settings/iconItemSelect.vue

@@ -18,34 +18,40 @@
   </div>
 </template>
 
-<script>
+<script lang="ts" setup>
 // 图标按钮选择组件
-const NAME = 'icon-item-select'
+// const NAME = 'icon-item-select'
 
-export default {
+type TPropData = {
-  name: NAME,
+  select: boolean,
-  props: {
+  extraIcon: boolean,
-    label: {
+  tip: string
-      default: '',
+  icon?: string
-    },
+}
-    data: {
+
-      required: true,
+type TProps = {
-      type: Array,
+  label?: string
-    },
+  data: TPropData[]
-  },
+}
-  emits: ['finish'],
+
-  data() {
+type TEmits = {
-    return {}
+  (event: 'finish', data: TPropData): void
-  },
+}
-  methods: {
+
-    selectItem(item) {
+const props = withDefaults(defineProps<TProps>(), {
+  label: ''
+})
+
+const emit = defineEmits<TEmits>()
+
+
+function selectItem(item: TPropData) {
   if (typeof item.select !== 'undefined') {
     item.select = !item.select
   }
-      this.$emit('finish', item)
+  emit('finish', item)
-    },
-  },
 }
+
 </script>
 
 <style lang="less" scoped>