@fangzhongya/fang-ui 0.0.36 → 0.0.38

package/dist/components/alert/index.d.ts

@@ -24,7 +24,6 @@ declare const Alert: SFCWithInstall<{
             }> & Omit<{
                 readonly type: EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "error", unknown>;
                 readonly title: string;
-                readonly center: boolean;
                 readonly showAfter: number;
                 readonly hideAfter: number;
                 readonly autoClose: number;
@@ -32,10 +31,11 @@ declare const Alert: SFCWithInstall<{
                 readonly closable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly closeText: string;
                 readonly showIcon: boolean;
+                readonly center: boolean;
                 readonly effect: EpPropMergeType<StringConstructor, "dark" | "light", unknown>;
                 onOpen?: (() => any) | undefined | undefined;
                 onClose?: ((evt?: Event | undefined) => any) | undefined | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "title" | "center" | "showAfter" | "hideAfter" | "autoClose" | "description" | "closable" | "closeText" | "showIcon" | "effect">;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "title" | "showAfter" | "hideAfter" | "autoClose" | "description" | "closable" | "closeText" | "showIcon" | "center" | "effect">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -48,7 +48,7 @@ declare const Alert: SFCWithInstall<{
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "close", evt?: Event | undefined) => void) & ((event: "open") => void);
+            $emit: ((event: "open") => void) & ((event: "close", evt?: Event | undefined) => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
                 readonly showAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
@@ -127,7 +127,7 @@ declare const Alert: SFCWithInstall<{
         }>> & {
             onOpen?: (() => any) | undefined;
             onClose?: ((evt?: Event | undefined) => any) | undefined;
-        }, "type" | "title" | "center" | "showAfter" | "hideAfter" | "autoClose" | "description" | "closable" | "closeText" | "showIcon" | "effect"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
+        }, "type" | "title" | "showAfter" | "hideAfter" | "autoClose" | "description" | "closable" | "closeText" | "showIcon" | "center" | "effect"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
             $slots: {
                 icon?(_: {}): any;
                 title?(_: {}): any;

package/dist/components/alert/src/index.d.ts

@@ -23,7 +23,6 @@ declare function __VLS_template(): {
             }> & Omit<{
                 readonly type: EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "error", unknown>;
                 readonly title: string;
-                readonly center: boolean;
                 readonly showAfter: number;
                 readonly hideAfter: number;
                 readonly autoClose: number;
@@ -31,10 +30,11 @@ declare function __VLS_template(): {
                 readonly closable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly closeText: string;
                 readonly showIcon: boolean;
+                readonly center: boolean;
                 readonly effect: EpPropMergeType<StringConstructor, "dark" | "light", unknown>;
                 onOpen?: (() => any) | undefined | undefined;
                 onClose?: ((evt?: Event | undefined) => any) | undefined | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "title" | "center" | "showAfter" | "hideAfter" | "autoClose" | "description" | "closable" | "closeText" | "showIcon" | "effect">;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "title" | "showAfter" | "hideAfter" | "autoClose" | "description" | "closable" | "closeText" | "showIcon" | "center" | "effect">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -47,7 +47,7 @@ declare function __VLS_template(): {
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "close", evt?: Event | undefined) => void) & ((event: "open") => void);
+            $emit: ((event: "open") => void) & ((event: "close", evt?: Event | undefined) => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
                 readonly showAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
@@ -126,7 +126,7 @@ declare function __VLS_template(): {
         }>> & {
             onOpen?: (() => any) | undefined;
             onClose?: ((evt?: Event | undefined) => any) | undefined;
-        }, "type" | "title" | "center" | "showAfter" | "hideAfter" | "autoClose" | "description" | "closable" | "closeText" | "showIcon" | "effect"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
+        }, "type" | "title" | "showAfter" | "hideAfter" | "autoClose" | "description" | "closable" | "closeText" | "showIcon" | "center" | "effect"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
             $slots: {
                 icon?(_: {}): any;
                 title?(_: {}): any;
@@ -158,7 +158,6 @@ declare const __VLS_component: DefineComponent<{}, {
         }> & Omit<{
             readonly type: EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "error", unknown>;
             readonly title: string;
-            readonly center: boolean;
             readonly showAfter: number;
             readonly hideAfter: number;
             readonly autoClose: number;
@@ -166,10 +165,11 @@ declare const __VLS_component: DefineComponent<{}, {
             readonly closable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly closeText: string;
             readonly showIcon: boolean;
+            readonly center: boolean;
             readonly effect: EpPropMergeType<StringConstructor, "dark" | "light", unknown>;
             onOpen?: (() => any) | undefined | undefined;
             onClose?: ((evt?: Event | undefined) => any) | undefined | undefined;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "title" | "center" | "showAfter" | "hideAfter" | "autoClose" | "description" | "closable" | "closeText" | "showIcon" | "effect">;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "title" | "showAfter" | "hideAfter" | "autoClose" | "description" | "closable" | "closeText" | "showIcon" | "center" | "effect">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -182,7 +182,7 @@ declare const __VLS_component: DefineComponent<{}, {
         $root: ComponentPublicInstance | null;
         $parent: ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "close", evt?: Event | undefined) => void) & ((event: "open") => void);
+        $emit: ((event: "open") => void) & ((event: "close", evt?: Event | undefined) => void);
         $el: any;
         $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
             readonly showAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
@@ -261,7 +261,7 @@ declare const __VLS_component: DefineComponent<{}, {
     }>> & {
         onOpen?: (() => any) | undefined;
         onClose?: ((evt?: Event | undefined) => any) | undefined;
-    }, "type" | "title" | "center" | "showAfter" | "hideAfter" | "autoClose" | "description" | "closable" | "closeText" | "showIcon" | "effect"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
+    }, "type" | "title" | "showAfter" | "hideAfter" | "autoClose" | "description" | "closable" | "closeText" | "showIcon" | "center" | "effect"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
         $slots: {
             icon?(_: {}): any;
             title?(_: {}): any;

package/dist/components/array/index.d.ts

@@ -44,8 +44,8 @@ declare const Array: SFCWithInstall<{
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         config: Record<string, any>;
-        modelValue: string | unknown[];
         disabled: boolean;
+        modelValue: string | unknown[];
         clearable: boolean;
         readonly: boolean;
         rangeSeparator: string;
@@ -104,8 +104,8 @@ declare const Array: SFCWithInstall<{
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
         config: Record<string, any>;
-        modelValue: string | unknown[];
         disabled: boolean;
+        modelValue: string | unknown[];
         clearable: boolean;
         readonly: boolean;
         rangeSeparator: string;
@@ -159,8 +159,8 @@ declare const Array: SFCWithInstall<{
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     config: Record<string, any>;
-    modelValue: string | unknown[];
     disabled: boolean;
+    modelValue: string | unknown[];
     clearable: boolean;
     readonly: boolean;
     rangeSeparator: string;

package/dist/components/array/src/index.cjs

@@ -3,6 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
+const index$1 = require("../../icon/index.cjs");
+const clear = require("../../../icons/vue/clear.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -217,22 +219,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           key: 1,
           class: vue.normalizeClass([vue.unref(cs).z("icon"), vue.unref(cs).z("clear")]),
           onClick: vue.withModifiers(onClear, ["stop"])
-        }, _cache[4] || (_cache[4] = [
-          vue.createElementVNode("svg", {
-            viewBox: "0 0 1024 1024",
-            xmlns: "http://www.w3.org/2000/svg",
-            "data-v-ea893728": ""
-          }, [
-            vue.createElementVNode("path", {
-              fill: "currentColor",
-              d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
-            }),
-            vue.createElementVNode("path", {
-              fill: "currentColor",
-              d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-            })
-          ], -1)
-        ]), 2)) : vue.createCommentVNode("", true),
+        }, [
+          vue.createVNode(vue.unref(index$1.Icon), null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(clear.default)
+            ]),
+            _: 1
+          })
+        ], 2)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).suffix)
       ], 34);
     };

package/dist/components/array/src/index.d.ts

@@ -92,8 +92,8 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     config: Record<string, any>;
-    modelValue: string | unknown[];
     disabled: boolean;
+    modelValue: string | unknown[];
     clearable: boolean;
     readonly: boolean;
     rangeSeparator: string;

package/dist/components/array/src/index.js

@@ -1,6 +1,8 @@
-import { defineComponent, ref, computed, watch, createElementBlock, openBlock, withModifiers, normalizeClass, unref, renderSlot, createBlock, createElementVNode, createCommentVNode, resolveDynamicComponent, mergeProps, toDisplayString } from "vue";
+import { defineComponent, ref, computed, watch, createElementBlock, openBlock, withModifiers, normalizeClass, unref, renderSlot, createBlock, createElementVNode, createCommentVNode, resolveDynamicComponent, mergeProps, toDisplayString, createVNode, withCtx } from "vue";
 import { dataEmits, dataProps, dataExpose, dataSlot } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { Icon } from "../../icon/index.js";
+import Clear from "../../../icons/vue/clear.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
@@ -215,22 +217,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 1,
           class: normalizeClass([unref(cs).z("icon"), unref(cs).z("clear")]),
           onClick: withModifiers(onClear, ["stop"])
-        }, _cache[4] || (_cache[4] = [
-          createElementVNode("svg", {
-            viewBox: "0 0 1024 1024",
-            xmlns: "http://www.w3.org/2000/svg",
-            "data-v-ea893728": ""
-          }, [
-            createElementVNode("path", {
-              fill: "currentColor",
-              d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
-            }),
-            createElementVNode("path", {
-              fill: "currentColor",
-              d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-            })
-          ], -1)
-        ]), 2)) : createCommentVNode("", true),
+        }, [
+          createVNode(unref(Icon), null, {
+            default: withCtx(() => [
+              createVNode(Clear)
+            ]),
+            _: 1
+          })
+        ], 2)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, unref(dataSlot).suffix)
       ], 34);
     };

package/dist/components/box/index.css

@@ -41,7 +41,7 @@
   display: flex;
   align-items: center;
 }
-.box-title-close i {
+.box-title-close-icon {
   width: 20px;
   height: 20px;
   margin: 0 4px;

package/dist/components/box/index.d.ts

@@ -18,8 +18,8 @@ declare const Box: SFCWithInstall<{
             type: StringConstructor;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        modelValue: boolean;
         disabled: boolean;
+        modelValue: boolean;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -44,8 +44,8 @@ declare const Box: SFCWithInstall<{
             type: StringConstructor;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        modelValue: boolean;
         disabled: boolean;
+        modelValue: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -67,8 +67,8 @@ declare const Box: SFCWithInstall<{
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    modelValue: boolean;
     disabled: boolean;
+    modelValue: boolean;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & {
         default?(_: {}): any;

package/dist/components/box/src/index.d.ts

@@ -41,8 +41,8 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {
-    modelValue: boolean;
     disabled: boolean;
+    modelValue: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/box-adjust/index.css

@@ -41,7 +41,7 @@
   display: flex;
   align-items: center;
 }
-.box-title-close i {
+.box-title-close-icon {
   width: 20px;
   height: 20px;
   margin: 0 4px;

package/dist/components/box-adjust/index.d.ts

@@ -25,8 +25,8 @@ declare const BoxAdjust: SFCWithInstall<{
             type: StringConstructor;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        modelValue: boolean;
         disabled: boolean;
+        modelValue: boolean;
         drag: string | boolean;
         often: boolean;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
@@ -60,8 +60,8 @@ declare const BoxAdjust: SFCWithInstall<{
             type: StringConstructor;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        modelValue: boolean;
         disabled: boolean;
+        modelValue: boolean;
         drag: string | boolean;
         often: boolean;
     }>;
@@ -92,8 +92,8 @@ declare const BoxAdjust: SFCWithInstall<{
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    modelValue: boolean;
     disabled: boolean;
+    modelValue: boolean;
     drag: string | boolean;
     often: boolean;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {

package/dist/components/box-adjust/src/index.d.ts

@@ -53,8 +53,8 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {
-    modelValue: boolean;
     disabled: boolean;
+    modelValue: boolean;
     drag: string | boolean;
     often: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/dist/components/box-local/index.css

@@ -41,7 +41,7 @@
   display: flex;
   align-items: center;
 }
-.box-title-close i {
+.box-title-close-icon {
   width: 20px;
   height: 20px;
   margin: 0 4px;

package/dist/components/box-local/index.d.ts

@@ -21,8 +21,8 @@ declare const BoxLocal: SFCWithInstall<{
             type: StringConstructor;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        modelValue: boolean;
         disabled: boolean;
+        modelValue: boolean;
         local: boolean;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
@@ -51,8 +51,8 @@ declare const BoxLocal: SFCWithInstall<{
             type: StringConstructor;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        modelValue: boolean;
         disabled: boolean;
+        modelValue: boolean;
         local: boolean;
     }>;
     __isFragment?: never;
@@ -78,8 +78,8 @@ declare const BoxLocal: SFCWithInstall<{
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    modelValue: boolean;
     disabled: boolean;
+    modelValue: boolean;
     local: boolean;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {}) => any>> & {

package/dist/components/box-local/src/index.d.ts

@@ -48,8 +48,8 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {
-    modelValue: boolean;
     disabled: boolean;
+    modelValue: boolean;
     local: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/box-title/index.css

@@ -29,7 +29,7 @@
   display: flex;
   align-items: center;
 }
-.box-title-close i {
+.box-title-close-icon {
   width: 20px;
   height: 20px;
   margin: 0 4px;

package/dist/components/box-title/index.scss

@@ -17,7 +17,7 @@ $box-title: 'box-title';
 		font-size: 18px;
 		display: flex;
 		align-items: center;
-		i {
+		&-icon {
 			width: 20px;
 			height: 20px;
 			margin: 0 4px;

package/dist/components/box-title/src/index.cjs

@@ -2,9 +2,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
+const index$2 = require("../../icon/index.cjs");
+const close = require("../../../icons/vue/close.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
-const _hoisted_1 = ["title"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -31,21 +32,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(vue.unref(cs).z("close"))
         }, [
           vue.renderSlot(_ctx.$slots, "icon"),
-          vue.createElementVNode("i", {
+          vue.createVNode(vue.unref(index$2.Icon), {
             onClick: onClose,
-            class: vue.normalizeClass(vue.unref(cs).z("close-i")),
+            class: vue.normalizeClass(vue.unref(cs).z("close-icon")),
             title: vue.unref(getLocale)("close")
-          }, _cache[0] || (_cache[0] = [
-            vue.createElementVNode("svg", {
-              viewBox: "0 0 1024 1024",
-              xmlns: "http://www.w3.org/2000/svg"
-            }, [
-              vue.createElementVNode("path", {
-                fill: "currentColor",
-                d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-              })
-            ], -1)
-          ]), 10, _hoisted_1)
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(close.default)
+            ]),
+            _: 1
+          }, 8, ["class", "title"])
         ], 2)
       ], 2);
     };

package/dist/components/box-title/src/index.js

@@ -1,8 +1,9 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, toDisplayString, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, toDisplayString, renderSlot, createVNode, withCtx } from "vue";
 import { dataEmits, dataProps, dataExpose } from "./data.js";
+import { Icon } from "../../icon/index.js";
+import Close from "../../../icons/vue/close.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
-const _hoisted_1 = ["title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
@@ -29,21 +30,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(cs).z("close"))
         }, [
           renderSlot(_ctx.$slots, "icon"),
-          createElementVNode("i", {
+          createVNode(unref(Icon), {
             onClick: onClose,
-            class: normalizeClass(unref(cs).z("close-i")),
+            class: normalizeClass(unref(cs).z("close-icon")),
             title: unref(getLocale)("close")
-          }, _cache[0] || (_cache[0] = [
-            createElementVNode("svg", {
-              viewBox: "0 0 1024 1024",
-              xmlns: "http://www.w3.org/2000/svg"
-            }, [
-              createElementVNode("path", {
-                fill: "currentColor",
-                d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-              })
-            ], -1)
-          ]), 10, _hoisted_1)
+          }, {
+            default: withCtx(() => [
+              createVNode(Close)
+            ]),
+            _: 1
+          }, 8, ["class", "title"])
         ], 2)
       ], 2);
     };

package/dist/components/button/index.d.ts

@@ -27,14 +27,14 @@ declare const Button: SFCWithInstall<{
                 readonly autoInsertSpace: EpPropMergeType<BooleanConstructor, unknown, unknown>;
             }> & Omit<{
                 readonly type: EpPropMergeType<StringConstructor, "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
-                readonly link: boolean;
-                readonly circle: boolean;
-                readonly text: boolean;
                 readonly disabled: boolean;
                 readonly nativeType: EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
                 readonly loading: boolean;
+                readonly text: boolean;
+                readonly link: boolean;
                 readonly bg: boolean;
                 readonly autofocus: boolean;
+                readonly circle: boolean;
                 readonly dark: boolean;
                 readonly tag: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>;
                 readonly size?: EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
@@ -45,7 +45,7 @@ declare const Button: SFCWithInstall<{
                 readonly color?: string | undefined;
                 readonly autoInsertSpace?: EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
                 onClick?: ((evt: MouseEvent) => any) | undefined | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "link" | "circle" | "text" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "dark" | "autoInsertSpace" | "tag">;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "text" | "link" | "bg" | "autofocus" | "round" | "circle" | "dark" | "autoInsertSpace" | "tag">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -182,7 +182,7 @@ declare const Button: SFCWithInstall<{
             readonly tag: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown, "button", boolean>;
         }>> & {
             onClick?: ((evt: MouseEvent) => any) | undefined;
-        }, "size" | "type" | "link" | "circle" | "text" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "dark" | "autoInsertSpace" | "tag" | "ref" | "shouldAddSpace"> & ShallowUnwrapRef<{
+        }, "size" | "type" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "text" | "link" | "bg" | "autofocus" | "round" | "circle" | "dark" | "autoInsertSpace" | "tag" | "ref" | "shouldAddSpace"> & ShallowUnwrapRef<{
             ref: Ref<HTMLButtonElement | undefined>;
             size: ComputedRef<"" | "small" | "default" | "large">;
             type: ComputedRef<string>;

package/dist/components/button/src/index.d.ts

@@ -26,14 +26,14 @@ declare function __VLS_template(): {
                 readonly autoInsertSpace: EpPropMergeType<BooleanConstructor, unknown, unknown>;
             }> & Omit<{
                 readonly type: EpPropMergeType<StringConstructor, "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
-                readonly link: boolean;
-                readonly circle: boolean;
-                readonly text: boolean;
                 readonly disabled: boolean;
                 readonly nativeType: EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
                 readonly loading: boolean;
+                readonly text: boolean;
+                readonly link: boolean;
                 readonly bg: boolean;
                 readonly autofocus: boolean;
+                readonly circle: boolean;
                 readonly dark: boolean;
                 readonly tag: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>;
                 readonly size?: EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
@@ -44,7 +44,7 @@ declare function __VLS_template(): {
                 readonly color?: string | undefined;
                 readonly autoInsertSpace?: EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
                 onClick?: ((evt: MouseEvent) => any) | undefined | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "link" | "circle" | "text" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "dark" | "autoInsertSpace" | "tag">;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "text" | "link" | "bg" | "autofocus" | "round" | "circle" | "dark" | "autoInsertSpace" | "tag">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -181,7 +181,7 @@ declare function __VLS_template(): {
             readonly tag: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown, "button", boolean>;
         }>> & {
             onClick?: ((evt: MouseEvent) => any) | undefined;
-        }, "size" | "type" | "link" | "circle" | "text" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "dark" | "autoInsertSpace" | "tag" | "ref" | "shouldAddSpace"> & ShallowUnwrapRef<{
+        }, "size" | "type" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "text" | "link" | "bg" | "autofocus" | "round" | "circle" | "dark" | "autoInsertSpace" | "tag" | "ref" | "shouldAddSpace"> & ShallowUnwrapRef<{
             ref: Ref<HTMLButtonElement | undefined>;
             size: ComputedRef<"" | "small" | "default" | "large">;
             type: ComputedRef<string>;
@@ -222,14 +222,14 @@ declare const __VLS_component: DefineComponent<{}, {
             readonly autoInsertSpace: EpPropMergeType<BooleanConstructor, unknown, unknown>;
         }> & Omit<{
             readonly type: EpPropMergeType<StringConstructor, "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
-            readonly link: boolean;
-            readonly circle: boolean;
-            readonly text: boolean;
             readonly disabled: boolean;
             readonly nativeType: EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
             readonly loading: boolean;
+            readonly text: boolean;
+            readonly link: boolean;
             readonly bg: boolean;
             readonly autofocus: boolean;
+            readonly circle: boolean;
             readonly dark: boolean;
             readonly tag: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>;
             readonly size?: EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
@@ -240,7 +240,7 @@ declare const __VLS_component: DefineComponent<{}, {
             readonly color?: string | undefined;
             readonly autoInsertSpace?: EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
             onClick?: ((evt: MouseEvent) => any) | undefined | undefined;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "link" | "circle" | "text" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "dark" | "autoInsertSpace" | "tag">;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "text" | "link" | "bg" | "autofocus" | "round" | "circle" | "dark" | "autoInsertSpace" | "tag">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -377,7 +377,7 @@ declare const __VLS_component: DefineComponent<{}, {
         readonly tag: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown, "button", boolean>;
     }>> & {
         onClick?: ((evt: MouseEvent) => any) | undefined;
-    }, "size" | "type" | "link" | "circle" | "text" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "dark" | "autoInsertSpace" | "tag" | "ref" | "shouldAddSpace"> & ShallowUnwrapRef<{
+    }, "size" | "type" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "text" | "link" | "bg" | "autofocus" | "round" | "circle" | "dark" | "autoInsertSpace" | "tag" | "ref" | "shouldAddSpace"> & ShallowUnwrapRef<{
         ref: Ref<HTMLButtonElement | undefined>;
         size: ComputedRef<"" | "small" | "default" | "large">;
         type: ComputedRef<string>;