fix: icons in bundle

CyanSalt · Dec 16, 2023 · e6bcc1e · e6bcc1e
1 parent e5f1993
commit e6bcc1e
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 7 deletions.
diff --git a/src/confirm/index.vue b/src/confirm/index.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import '../common/style.scss'
+import { Check, X } from 'lucide'
 import type { ComponentPublicInstance } from 'vue'
 import RButton from '../button/index.vue'
 import RDialog from '../dialog/index.vue'
@@ -41,10 +42,10 @@ function toggle(open: boolean) {
     <slot></slot>
     <template #footer>
       <RButton class="r-confirm__button">
-        <RIcon name="x" />
+        <RIcon :icon="X" />
       </RButton>
       <RButton type="primary" value="confirm" class="r-confirm__button">
-        <RIcon name="check" />
+        <RIcon :icon="Check" />
       </RButton>
     </template>
   </RDialog>

diff --git a/src/dialog/index.vue b/src/dialog/index.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import '../common/style.scss'
+import { X } from 'lucide'
 import { watchEffect } from 'vue'
 import RCard from '../card/index.vue'
 import { effectRef } from '../common/utils'
@@ -101,7 +102,7 @@ const nestingGraphicsOptions = $computed(() => {
             size="large"
             class="r-dialog__close"
           >
-            <RIcon name="x" size="large" />
+            <RIcon :icon="X" size="large" />
           </RLink>
         </RSpace>
       </template>

diff --git a/src/loading/index.vue b/src/loading/index.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { Loader } from 'lucide'
 import '../common/style.scss'
 import RIcon from '../icon/index.vue'
 import RSpace from '../space/index.vue'
@@ -10,7 +11,7 @@ defineOptions({
 
 <template>
   <RSpace justify="center" align="center" class="r-loading">
-    <RIcon name="loader" class="r-loading__icon" />
+    <RIcon :icon="Loader" class="r-loading__icon" />
   </RSpace>
 </template>
 

diff --git a/src/select/index.vue b/src/select/index.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import '../common/style.scss'
 import { vOnClickOutside } from '@vueuse/components'
+import { ChevronDown, Loader, X } from 'lucide'
 import type { RoughSVG } from 'roughjs/bin/svg'
 import { inject, provide, reactive, ref } from 'vue'
 import RCheckboxGroup from '../checkbox/checkbox-group.vue'
@@ -166,21 +167,21 @@ provide(labelsInjection, labels)
     >
     <RIcon
       v-if="loading"
-      name="loader"
+      :icon="Loader"
       :graphics-options="graphicsOptions"
       class="r-select__icon"
     />
     <RIcon
       v-else-if="clearable && state"
       tag="a"
-      name="x"
+      :icon="X"
       :graphics-options="graphicsOptions"
       class="r-select__icon"
       @click="clear"
     />
     <RIcon
       v-else
-      name="chevron-down"
+      :icon="ChevronDown"
       :graphics-options="graphicsOptions"
       class="r-select__icon"
     />