cd-icon-picker 0.1.1 → 0.1.4

package/package.json

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

package/src/Icon.vue

@@ -49,7 +49,7 @@ export default defineComponent({
   },
 });
 </script>
-<style lang="scss" scoped>
+<style scoped>
 .svg-icon-spin { animation: loadingCircle 1s infinite linear; }
 @keyframes loadingCircle { 100% { transform: rotate(360deg); } }
 </style>

package/src/IconPicker.vue

@@ -239,16 +239,16 @@ function handleCancel() {
   visible.value = false;
 }
 
+watch(
+  () => sourceType.value,
+  v => {
+    emit('update:type', v);
+  },
+);
+
 </script>
-<style lang="scss">
-.cd-icon-picker {
-  &-popover {
-    .scrollbar {
-      height: 220px;
-      overflow: auto;
-    }
-  }
-}
+<style>
+.cd-icon-picker-popover .scrollbar { height: 220px; overflow: auto; }
 
 .cd-picker-body { display: flex; gap: 12px; padding: 12px; }
 .cd-picker-sidebar { width: 240px; border-right: 1px solid #eee; padding-right: 12px; }
@@ -271,9 +271,3 @@ function handleCancel() {
 .cd-picker-pagination { display: flex; justify-content: center; padding: 8px; }
 .cd-picker-empty { padding: 24px; }
 </style>
-watch(
-  () => sourceType.value,
-  v => {
-    emit('update:type', v);
-  },
-);

package/src/SvgIcon.vue

@@ -43,7 +43,7 @@
     },
   });
 </script>
-<style lang="scss" scoped>
+<style scoped>
   .cd-svg-icon {
     display: inline-block;
     overflow: hidden;