cd-icon-picker 0.1.5 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cd-icon-picker",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Vue 3 icon picker supporting TDesign & RemixIcon, with custom SVG via :diy-icon.",
   "license": "MIT",
   "type": "module",

package/src/IconPicker.vue

@@ -103,7 +103,7 @@ const props = defineProps({
   type: { type: String as PropType<'remix' | 'tdesign' | 'custom'>, default: 'remix' },
 });
 
-const emit = defineEmits(['change', 'update:value', 'update:tdesign', 'update:remixicon', 'update:svg']);
+const emit = defineEmits(['change', 'update:value', 'update:tdesign', 'update:remixicon', 'update:svg', 'update:type']);
 
 // dialog 不需要 attach/placement
 
@@ -145,11 +145,18 @@ const displayValue = computed({
   },
 });
 
+watch(
+  () => props.type,
+  v => {
+    sourceType.value = (v as any) || 'remix';
+  },
+  { immediate: true },
+);
+
 watchEffect(() => {
-  sourceType.value = (props.type as any) || sourceType.value;
   let v = props.value || '';
-  if (sourceType.value === 'remix' && v && !/-line$|-filled$/.test(v)) {
-    v = v + (styleType.value === 'filled' ? '-filled' : '-line');
+  if (sourceType.value === 'remix' && v && !/-line$|-fill$/.test(v)) {
+    v = v + (styleType.value === 'filled' ? '-fill' : '-line');
   }
   currentSelect.value = v;
 });
@@ -191,8 +198,8 @@ const filteredIcons = computed(() => {
   }
 
   if (sourceType.value === 'remix') {
-    const suffix = useFill ? '-filled' : '-line';
-    list = list.map(n => (/-line$|-filled$/.test(n) ? n : `${n}${suffix}`));
+    const suffix = useFill ? '-fill' : '-line';
+    list = list.map(n => (/-line$|-fill$/.test(n) ? n : `${n}${suffix}`));
   }
 
   return searchText.value ? list.filter(i => i.includes(searchText.value)) : list;