cd-icon-picker 0.1.3 → 0.1.5

package/index.ts

@@ -11,4 +11,4 @@ const install = (app: App) => {
 
 export { Icon, IconPicker, SvgIcon, install };
 
-export default { install };
+export default IconPicker;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cd-icon-picker",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "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

@@ -15,7 +15,16 @@
       </template>
     </t-input>
 
-    <t-dialog v-model:visible="visible" header="选择图标" width="940px"   :close-on-esc-keydown="true" :close-on-overlay-click="true" @confirm="handleConfirm" @cancel="handleCancel">
+    <t-dialog v-model:visible="visible" width="940px"   :close-on-esc-keydown="true" :close-on-overlay-click="true" @confirm="handleConfirm" @cancel="handleCancel">
+      <template #header>
+        <div class="cd-picker-header">
+          当前图标
+          <span v-if="isSvgMode && currentSelect">
+            <SvgIcon :name="currentSelect" :prefix="svgPrefix" :size="20" />
+          </span>
+          <Icon :icon="currentSelect || defaultIcon" :size="20" v-else />
+        </div>
+      </template>
       <div class="cd-picker-body">
         <div class="cd-picker-sidebar">
           <div class="cd-picker-section">

package/src/SvgIcon.vue

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