@aplus-frontend/ui 0.0.1-beta.6 → 0.0.1-beta.8

package/lib/src/cropper/cropper-modal.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./cropper-modal.vue.js");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./cropper-image.vue.js");const o=require("ant-design-vue"),s=require("../base-button/index.js"),T=require("../modal/index.js"),q=require("@aplus-frontend/utils");require("../config-provider/index.js");const I=require("@fruits-chain/utils");require("./style/modal.css");const h=require("../config-provider/hooks/use-namespace.js"),_=require("../modal/hooks/use-modal.js"),E=require("../config-provider/hooks/use-locale.js"),$=require("./cropper-image.vue2.js"),A=["src","alt"],L=e.defineComponent({name:"CropperModal",__name:"cropper-modal",props:{circled:{type:Boolean,default:!0},uploadApi:{type:Function},src:{type:String},size:{type:Number}},emits:["uploadSuccess","uploadError","register"],setup(f,{emit:V}){const p=f,v=V;let N="";const n=e.ref(p.src||""),i=e.ref(""),m=e.ref();let b=1,g=1;const{b:u}=h.useNamespace("cropper-am"),[y,{closeModal:z,setModalProps:C}]=_.useModalInner(),{t:a}=E.useLocale();function B(r){if(p.size&&r.size>1024*1024*p.size)return v("uploadError",{msg:a("ap.cropper.imageTooBig")}),!1;const t=new FileReader;return t.readAsDataURL(r),n.value="",i.value="",t.onload=function(l){var d;n.value=((d=l.target)==null?void 0:d.result)??"",N=r.name},!1}function k({imgBase64:r}){i.value=r}function w(r){m.value=r}function c(r,t){var l,d;r==="scaleX"&&(b=t=b===-1?1:-1),r==="scaleY"&&(g=t=g===-1?1:-1),(d=(l=m==null?void 0:m.value)==null?void 0:l[r])==null||d.call(l,t)}async function x(){const r=p.uploadApi;if(r&&I.isFunction(r)){const t=q.dataURLtoBlob(i.value);try{C({confirmLoading:!0});const l=await r({name:"file",file:t,filename:N});v("uploadSuccess",{source:i.value,data:l.url}),z()}finally{C({confirmLoading:!1})}}}return(r,t)=>(e.openBlock(),e.createBlock(e.unref(T.BaseModal),e.mergeProps(r.$attrs,{onRegister:e.unref(y),title:e.unref(a)("ap.cropper.modalTitle"),width:"800px",canFullscreen:!1,onOk:x,okText:e.unref(a)("ap.cropper.okText")}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("left"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("cropper"))},[n.value?(e.openBlock(),e.createBlock($.default,{key:0,src:n.value,height:"300px",circled:f.circled,onCropend:k,onReady:w},null,8,["src","circled"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("toolbar"))},[e.createVNode(e.unref(o.Upload),{fileList:[],accept:"image/*",beforeUpload:B},{default:e.withCtx(()=>[e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.cropper.selectImage"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{size:"small",preIcon:"ant-design:upload-outlined",type:"primary"})]),_:1},8,["title"])]),_:1}),e.createVNode(e.unref(o.Space),null,{default:e.withCtx(()=>[e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.common.resetText"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{type:"primary",preIcon:"ant-design:reload-outlined",size:"small",disabled:!n.value,onClick:t[0]||(t[0]=l=>c("reset"))},null,8,["disabled"])]),_:1},8,["title"]),e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.cropper.rotateLeft"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{type:"primary",preIcon:"ant-design:rotate-left-outlined",size:"small",disabled:!n.value,onClick:t[1]||(t[1]=l=>c("rotate",-45))},null,8,["disabled"])]),_:1},8,["title"]),e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.cropper.rotateRight"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{type:"primary",preIcon:"ant-design:rotate-right-outlined",size:"small",disabled:!n.value,onClick:t[2]||(t[2]=l=>c("rotate",45))},null,8,["disabled"])]),_:1},8,["title"]),e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.cropper.scaleX"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{type:"primary",preIcon:"vaadin:arrows-long-h",size:"small",disabled:!n.value,onClick:t[3]||(t[3]=l=>c("scaleX"))},null,8,["disabled"])]),_:1},8,["title"]),e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.cropper.scaleY"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{type:"primary",preIcon:"vaadin:arrows-long-v",size:"small",disabled:!n.value,onClick:t[4]||(t[4]=l=>c("scaleY"))},null,8,["disabled"])]),_:1},8,["title"]),e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.cropper.zoomIn"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{type:"primary",preIcon:"ant-design:zoom-in-outlined",size:"small",disabled:!n.value,onClick:t[5]||(t[5]=l=>c("zoom",.1))},null,8,["disabled"])]),_:1},8,["title"]),e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.cropper.zoomOut"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{type:"primary",preIcon:"ant-design:zoom-out-outlined",size:"small",disabled:!n.value,onClick:t[6]||(t[6]=l=>c("zoom",-.1))},null,8,["disabled"])]),_:1},8,["title"])]),_:1})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("right"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("preview"))},[i.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:i.value,alt:e.unref(a)("ap.cropper.preview")},null,8,A)):e.createCommentVNode("",!0)],2),i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(u)("group"))},[e.createVNode(e.unref(o.Avatar),{src:i.value,size:"large"},null,8,["src"]),e.createVNode(e.unref(o.Avatar),{src:i.value,size:48},null,8,["src"]),e.createVNode(e.unref(o.Avatar),{src:i.value,size:64},null,8,["src"]),e.createVNode(e.unref(o.Avatar),{src:i.value,size:80},null,8,["src"])],2)):e.createCommentVNode("",!0)],2)],2)]),_:1},16,["onRegister","title","okText"]))}});exports.default=L;

package/lib/src/cropper/index.d.ts

@@ -4,14 +4,14 @@ import { ButtonProps } from '..';
 export * from './interface';
 export declare const CropperImage: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        options: {
-            type: PropType<CropperOptions>;
-            default: () => {};
-        };
         height: {
             type: PropType<string | number>;
             default: string;
         };
+        options: {
+            type: PropType<CropperOptions>;
+            default: () => {};
+        };
         imageStyle: {
             type: PropType<CSSProperties>;
             default: () => {};
@@ -44,14 +44,14 @@ export declare const CropperImage: {
         ready: (...args: any[]) => void;
         cropendError: (...args: any[]) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        options: {
-            type: PropType<CropperOptions>;
-            default: () => {};
-        };
         height: {
             type: PropType<string | number>;
             default: string;
         };
+        options: {
+            type: PropType<CropperOptions>;
+            default: () => {};
+        };
         imageStyle: {
             type: PropType<CSSProperties>;
             default: () => {};
@@ -80,8 +80,8 @@ export declare const CropperImage: {
         onReady?: ((...args: any[]) => any) | undefined;
         onCropendError?: ((...args: any[]) => any) | undefined;
     }, {
-        options: CropperOptions;
         height: string | number;
+        options: CropperOptions;
         imageStyle: CSSProperties;
         circled: boolean;
         realTimePreview: boolean;
@@ -94,14 +94,14 @@ export declare const CropperImage: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        options: {
-            type: PropType<CropperOptions>;
-            default: () => {};
-        };
         height: {
             type: PropType<string | number>;
             default: string;
         };
+        options: {
+            type: PropType<CropperOptions>;
+            default: () => {};
+        };
         imageStyle: {
             type: PropType<CSSProperties>;
             default: () => {};
@@ -130,8 +130,8 @@ export declare const CropperImage: {
         onReady?: ((...args: any[]) => any) | undefined;
         onCropendError?: ((...args: any[]) => any) | undefined;
     }, {}, {}, {}, {}, {
-        options: CropperOptions;
         height: string | number;
+        options: CropperOptions;
         imageStyle: CSSProperties;
         circled: boolean;
         realTimePreview: boolean;
@@ -141,14 +141,14 @@ export declare const CropperImage: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    options: {
-        type: PropType<CropperOptions>;
-        default: () => {};
-    };
     height: {
         type: PropType<string | number>;
         default: string;
     };
+    options: {
+        type: PropType<CropperOptions>;
+        default: () => {};
+    };
     imageStyle: {
         type: PropType<CSSProperties>;
         default: () => {};
@@ -181,8 +181,8 @@ export declare const CropperImage: {
     ready: (...args: any[]) => void;
     cropendError: (...args: any[]) => void;
 }, string, {
-    options: CropperOptions;
     height: string | number;
+    options: CropperOptions;
     imageStyle: CSSProperties;
     circled: boolean;
     realTimePreview: boolean;
@@ -194,16 +194,16 @@ export declare const CropperImage: {
 });
 export declare const CropperAvatar: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        value: {
-            type: PropType<string>;
+        width: {
+            type: PropType<string | number>;
+            default: string;
         };
         size: {
             type: PropType<number>;
             default: number;
         };
-        width: {
-            type: PropType<string | number>;
-            default: string;
+        value: {
+            type: PropType<string>;
         };
         uploadApi: {
             type: PropType<({ file, name }: {
@@ -232,16 +232,16 @@ export declare const CropperAvatar: {
         change: (...args: any[]) => void;
         "update:value": (...args: any[]) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        value: {
-            type: PropType<string>;
+        width: {
+            type: PropType<string | number>;
+            default: string;
         };
         size: {
             type: PropType<number>;
             default: number;
         };
-        width: {
-            type: PropType<string | number>;
-            default: string;
+        value: {
+            type: PropType<string>;
         };
         uploadApi: {
             type: PropType<({ file, name }: {
@@ -264,8 +264,8 @@ export declare const CropperAvatar: {
         onChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     }, {
-        size: number;
         width: string | number;
+        size: number;
         showBtn: boolean;
         btnText: string;
     }, true, {}, {}, {
@@ -276,16 +276,16 @@ export declare const CropperAvatar: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        value: {
-            type: PropType<string>;
+        width: {
+            type: PropType<string | number>;
+            default: string;
         };
         size: {
             type: PropType<number>;
             default: number;
         };
-        width: {
-            type: PropType<string | number>;
-            default: string;
+        value: {
+            type: PropType<string>;
         };
         uploadApi: {
             type: PropType<({ file, name }: {
@@ -311,8 +311,8 @@ export declare const CropperAvatar: {
         openModal: (data?: unknown, openOnSet?: boolean | undefined) => void;
         closeModal: () => void;
     }, {}, {}, {}, {
-        size: number;
         width: string | number;
+        size: number;
         showBtn: boolean;
         btnText: string;
     }>;
@@ -320,16 +320,16 @@ export declare const CropperAvatar: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    value: {
-        type: PropType<string>;
+    width: {
+        type: PropType<string | number>;
+        default: string;
     };
     size: {
         type: PropType<number>;
         default: number;
     };
-    width: {
-        type: PropType<string | number>;
-        default: string;
+    value: {
+        type: PropType<string>;
     };
     uploadApi: {
         type: PropType<({ file, name }: {
@@ -358,8 +358,8 @@ export declare const CropperAvatar: {
     change: (...args: any[]) => void;
     "update:value": (...args: any[]) => void;
 }, string, {
-    size: number;
     width: string | number;
+    size: number;
     showBtn: boolean;
     btnText: string;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {

package/lib/src/cropper/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@aplus-frontend/utils"),r=require("./cropper-image.vue.js"),t=require("./cropper-avatar.vue.js"),p=e.withInstall(r.default),a=e.withInstall(t.default);exports.CropperAvatar=a;exports.CropperImage=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@aplus-frontend/utils");require("./cropper-image.vue.js");require("./cropper-avatar.vue.js");require("./interface.js");const r=require("./cropper-image.vue2.js"),t=require("./cropper-avatar.vue2.js"),u=e.withInstall(r.default),p=e.withInstall(t.default);exports.CropperAvatar=p;exports.CropperImage=u;

package/lib/src/cropper/interface.js

@@ -0,0 +1 @@
+"use strict";

package/lib/src/description/description.vue.d.ts

@@ -85,9 +85,9 @@ declare const _default: DefineComponent<{
 }>> & {
     onRegister?: ((...args: any[]) => any) | undefined;
 }, {
+    title: string;
     size: string;
     bordered: boolean;
-    title: string;
     column: number | Record<string, any>;
     schema: DescItem[];
     useCollapse: boolean;

package/lib/src/description/description.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),F=require("../container/index.js"),w=require("@aplus-frontend/hooks"),b=require("ant-design-vue"),A=require("lodash-unified"),m=require("@fruits-chain/utils");require("../config-provider/index.js");const E=require("../config-provider/hooks/use-namespace.js");function W(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const k={useCollapse:{type:Boolean,default:!0},title:{type:String,default:""},size:{type:String,validator:n=>["small","default","middle",void 0].includes(n),default:"small"},bordered:{type:Boolean,default:!0},column:{type:[Number,Object],default:()=>({xxl:4,xl:3,lg:3,md:3,sm:2,xs:1})},collapseOptions:{type:Object,default:null},schema:{type:Array,default:()=>[]},data:{type:Object}},B=e.defineComponent({name:"ApDescription",props:k,emits:["register"],setup(n,{slots:x,emit:N}){const i=e.ref(null),{b:O}=E.useNamespace("description"),C=w.useAttrs(),l=e.computed(()=>({...n,...e.unref(i)})),c=e.computed(()=>({...e.unref(l),title:void 0})),q=e.computed(()=>!!e.unref(l).title),v=e.computed(()=>({canExpand:!1,...e.unref(c).collapseOptions})),V=e.computed(()=>({...e.unref(C),...e.unref(c)}));function j(t){i.value={...e.unref(i),...t}}function D({label:t,labelMinWidth:u,labelStyle:r}){if(!r&&!u)return t;const s={...r,minWidth:`${u}px `};return e.createVNode("div",{style:s},[t])}function P(){const{schema:t,data:u}=e.unref(c);return e.unref(t).map(r=>{const{render:s,field:d,span:S,show:p,contentMinWidth:g}=r;if(p&&m.isFunction(p)&&!p(u))return null;const y=()=>{var h;const o=(h=e.unref(c))==null?void 0:h.data;if(!o)return null;const f=A.get(o,d);return f&&!e.toRefs(o).hasOwnProperty(d)?m.isFunction(s)?s("",o):"":m.isFunction(s)?s(f,o):f??""},M=g;return e.createVNode(b.Descriptions.Item,{label:D(r),key:d,span:S},{default:()=>{if(!g)return y();const o={minWidth:`${M}px`};return e.createVNode("div",{style:o},[y()])}})}).filter(r=>!!r)}const a=()=>{let t;return e.createVNode(b.Descriptions,e.mergeProps({class:O()},e.unref(V)),W(t=P())?t:{default:()=>[t]})},_=()=>{const t=n.useCollapse?a():e.createVNode("div",null,[a()]);if(!n.useCollapse)return t;const{canExpand:u,helpMessage:r}=e.unref(v),{title:s}=e.unref(l);return e.createVNode(F.CollapseContainer,{title:s,canExpand:u,helpMessage:r},{default:()=>t,action:x.action})};return N("register",{setDescProps:j}),()=>e.unref(q)?_():a()}});exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./description.vue2.js");exports.default=e.default;

package/lib/src/description/description.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./description.vue.js");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),F=require("../container/index.js"),w=require("@aplus-frontend/hooks"),b=require("ant-design-vue"),A=require("lodash-unified"),m=require("@fruits-chain/utils");require("../config-provider/index.js");const E=require("../config-provider/hooks/use-namespace.js");function W(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const k={useCollapse:{type:Boolean,default:!0},title:{type:String,default:""},size:{type:String,validator:n=>["small","default","middle",void 0].includes(n),default:"small"},bordered:{type:Boolean,default:!0},column:{type:[Number,Object],default:()=>({xxl:4,xl:3,lg:3,md:3,sm:2,xs:1})},collapseOptions:{type:Object,default:null},schema:{type:Array,default:()=>[]},data:{type:Object}},B=e.defineComponent({name:"ApDescription",props:k,emits:["register"],setup(n,{slots:x,emit:N}){const i=e.ref(null),{b:O}=E.useNamespace("description"),C=w.useAttrs(),l=e.computed(()=>({...n,...e.unref(i)})),c=e.computed(()=>({...e.unref(l),title:void 0})),q=e.computed(()=>!!e.unref(l).title),v=e.computed(()=>({canExpand:!1,...e.unref(c).collapseOptions})),V=e.computed(()=>({...e.unref(C),...e.unref(c)}));function j(t){i.value={...e.unref(i),...t}}function D({label:t,labelMinWidth:u,labelStyle:r}){if(!r&&!u)return t;const s={...r,minWidth:`${u}px `};return e.createVNode("div",{style:s},[t])}function P(){const{schema:t,data:u}=e.unref(c);return e.unref(t).map(r=>{const{render:s,field:d,span:S,show:p,contentMinWidth:g}=r;if(p&&m.isFunction(p)&&!p(u))return null;const y=()=>{var h;const o=(h=e.unref(c))==null?void 0:h.data;if(!o)return null;const f=A.get(o,d);return f&&!e.toRefs(o).hasOwnProperty(d)?m.isFunction(s)?s("",o):"":m.isFunction(s)?s(f,o):f??""},M=g;return e.createVNode(b.Descriptions.Item,{label:D(r),key:d,span:S},{default:()=>{if(!g)return y();const o={minWidth:`${M}px`};return e.createVNode("div",{style:o},[y()])}})}).filter(r=>!!r)}const a=()=>{let t;return e.createVNode(b.Descriptions,e.mergeProps({class:O()},e.unref(V)),W(t=P())?t:{default:()=>[t]})},_=()=>{const t=n.useCollapse?a():e.createVNode("div",null,[a()]);if(!n.useCollapse)return t;const{canExpand:u,helpMessage:r}=e.unref(v),{title:s}=e.unref(l);return e.createVNode(F.CollapseContainer,{title:s,canExpand:u,helpMessage:r},{default:()=>t,action:x.action})};return N("register",{setDescProps:j}),()=>e.unref(q)?_():a()}});exports.default=B;

package/lib/src/description/index.d.ts

@@ -89,9 +89,9 @@ export declare const Description: {
     }>> & {
         onRegister?: ((...args: any[]) => any) | undefined;
     }, {
+        title: string;
         size: string;
         bordered: boolean;
-        title: string;
         column: number | Record<string, any>;
         schema: DescItem[];
         useCollapse: boolean;
@@ -146,9 +146,9 @@ export declare const Description: {
     }>> & {
         onRegister?: ((...args: any[]) => any) | undefined;
     }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        title: string;
         size: string;
         bordered: boolean;
-        title: string;
         column: number | Record<string, any>;
         schema: DescItem[];
         useCollapse: boolean;
@@ -200,9 +200,9 @@ export declare const Description: {
 }>> & {
     onRegister?: ((...args: any[]) => any) | undefined;
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "register"[], "register", {
+    title: string;
     size: string;
     bordered: boolean;
-    title: string;
     column: number | Record<string, any>;
     schema: DescItem[];
     useCollapse: boolean;

package/lib/src/description/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./description.vue.js"),t=require("@aplus-frontend/utils");require("vue");const i=t.withInstall(e.default);exports.Description=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./description.vue.js");const e=require("@aplus-frontend/utils");require("./interface.js");const i=require("./use-description.js"),t=require("./description.vue2.js"),r=e.withInstall(t.default);exports.useDescription=i.useDescription;exports.Description=r;

package/lib/src/description/interface.js

@@ -0,0 +1 @@
+"use strict";

package/lib/src/dropdown/dropdown.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
 }>>> & {
     onMenuEvent?: ((...args: any[]) => any) | undefined;
 }, {
-    trigger: ("click" | "contextmenu" | "hover")[];
+    trigger: ("click" | "hover" | "contextmenu")[];
     selectedKeys: string[];
     dropMenuList: (DropMenu & Recordable<any>)[];
 }, {}>, {

package/lib/src/dropdown/dropdown.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("ant-design-vue"),l=require("../icon/index.js"),i=require("lodash-unified"),M={style:{"margin-left":"0.25rem"}},_={style:{"margin-left":"0.25rem"}},h=e.defineComponent({__name:"dropdown",props:{popconfirm:{type:Boolean},trigger:{default:()=>["contextmenu"]},dropMenuList:{default:()=>[]},selectedKeys:{default:()=>[]}},emits:["menuEvent"],setup(u,{emit:d}){const s=t.Dropdown,a=t.Menu,f=t.Menu.Item,p=t.Menu.Divider,m=t.Popconfirm,k=u,g=d;function C(n){var c;const{event:r}=n,o=k.dropMenuList.find(B=>`${B.event}`==`${r}`);g("menuEvent",o),(c=n.onClick)==null||c.call(n)}const v=e.computed(()=>n=>{const r=i.omit(n,["confirm","cancel","icon"]);return!n.onConfirm&&n.confirm&&i.isFunction(n.confirm)&&(r.onConfirm=n.confirm),!n.onCancel&&n.cancel&&i.isFunction(n.cancel)&&(r.onCancel=n.cancel),r}),y=n=>({key:n});return(n,r)=>(e.openBlock(),e.createBlock(e.unref(s),e.mergeProps({trigger:n.trigger},n.$attrs),{overlay:e.withCtx(()=>[e.createVNode(e.unref(a),{selectedKeys:n.selectedKeys},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.dropMenuList,o=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${o.event}`},[e.createVNode(e.unref(f),e.mergeProps({ref_for:!0},y(o.event),{onClick:c=>C(o),disabled:o.disabled}),{default:e.withCtx(()=>[n.popconfirm&&o.popConfirm?(e.openBlock(),e.createBlock(e.unref(m),e.mergeProps({key:0,ref_for:!0},v.value(o.popConfirm),{disabled:o.disabled}),e.createSlots({default:e.withCtx(()=>[e.createElementVNode("div",null,[o.icon?(e.openBlock(),e.createBlock(e.unref(l.Icon),{key:0,icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",M,e.toDisplayString(o.text),1)])]),_:2},[o.popConfirm.icon?{name:"icon",fn:e.withCtx(()=>[e.createVNode(e.unref(l.Icon),{icon:o.popConfirm.icon},null,8,["icon"])]),key:"0"}:void 0]),1040,["disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.icon?(e.openBlock(),e.createBlock(e.unref(l.Icon),{key:0,icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",_,e.toDisplayString(o.text),1)],64))]),_:2},1040,["onClick","disabled"]),o.divider?(e.openBlock(),e.createBlock(e.unref(p),{key:`d-${o.event}`})):e.createCommentVNode("",!0)],64))),128))]),_:1},8,["selectedKeys"])]),default:e.withCtx(()=>[e.createElementVNode("span",null,[e.renderSlot(n.$slots,"default")])]),_:3},16,["trigger"]))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./dropdown.vue2.js");exports.default=e.default;

package/lib/src/dropdown/dropdown.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./dropdown.vue.js");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("ant-design-vue"),l=require("../icon/index.js"),i=require("lodash-unified"),M={style:{"margin-left":"0.25rem"}},_={style:{"margin-left":"0.25rem"}},h=e.defineComponent({__name:"dropdown",props:{popconfirm:{type:Boolean},trigger:{default:()=>["contextmenu"]},dropMenuList:{default:()=>[]},selectedKeys:{default:()=>[]}},emits:["menuEvent"],setup(u,{emit:d}){const s=t.Dropdown,a=t.Menu,f=t.Menu.Item,p=t.Menu.Divider,m=t.Popconfirm,k=u,g=d;function C(n){var c;const{event:r}=n,o=k.dropMenuList.find(B=>`${B.event}`==`${r}`);g("menuEvent",o),(c=n.onClick)==null||c.call(n)}const v=e.computed(()=>n=>{const r=i.omit(n,["confirm","cancel","icon"]);return!n.onConfirm&&n.confirm&&i.isFunction(n.confirm)&&(r.onConfirm=n.confirm),!n.onCancel&&n.cancel&&i.isFunction(n.cancel)&&(r.onCancel=n.cancel),r}),y=n=>({key:n});return(n,r)=>(e.openBlock(),e.createBlock(e.unref(s),e.mergeProps({trigger:n.trigger},n.$attrs),{overlay:e.withCtx(()=>[e.createVNode(e.unref(a),{selectedKeys:n.selectedKeys},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.dropMenuList,o=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${o.event}`},[e.createVNode(e.unref(f),e.mergeProps({ref_for:!0},y(o.event),{onClick:c=>C(o),disabled:o.disabled}),{default:e.withCtx(()=>[n.popconfirm&&o.popConfirm?(e.openBlock(),e.createBlock(e.unref(m),e.mergeProps({key:0,ref_for:!0},v.value(o.popConfirm),{disabled:o.disabled}),e.createSlots({default:e.withCtx(()=>[e.createElementVNode("div",null,[o.icon?(e.openBlock(),e.createBlock(e.unref(l.Icon),{key:0,icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",M,e.toDisplayString(o.text),1)])]),_:2},[o.popConfirm.icon?{name:"icon",fn:e.withCtx(()=>[e.createVNode(e.unref(l.Icon),{icon:o.popConfirm.icon},null,8,["icon"])]),key:"0"}:void 0]),1040,["disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.icon?(e.openBlock(),e.createBlock(e.unref(l.Icon),{key:0,icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",_,e.toDisplayString(o.text),1)],64))]),_:2},1040,["onClick","disabled"]),o.divider?(e.openBlock(),e.createBlock(e.unref(p),{key:`d-${o.event}`})):e.createCommentVNode("",!0)],64))),128))]),_:1},8,["selectedKeys"])]),default:e.withCtx(()=>[e.createElementVNode("span",null,[e.renderSlot(n.$slots,"default")])]),_:3},16,["trigger"]))}});exports.default=h;

package/lib/src/dropdown/index.d.ts

@@ -5,7 +5,7 @@ export * from './interface';
 export declare const Dropdown: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         trigger: {
-            type: PropType<("click" | "contextmenu" | "hover")[]>;
+            type: PropType<("click" | "hover" | "contextmenu")[]>;
             default: () => string[];
         };
         selectedKeys: {
@@ -25,7 +25,7 @@ export declare const Dropdown: {
         menuEvent: (...args: any[]) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         trigger: {
-            type: PropType<("click" | "contextmenu" | "hover")[]>;
+            type: PropType<("click" | "hover" | "contextmenu")[]>;
             default: () => string[];
         };
         selectedKeys: {
@@ -42,7 +42,7 @@ export declare const Dropdown: {
     }>> & {
         onMenuEvent?: ((...args: any[]) => any) | undefined;
     }, {
-        trigger: ("click" | "contextmenu" | "hover")[];
+        trigger: ("click" | "hover" | "contextmenu")[];
         selectedKeys: string[];
         dropMenuList: ( DropMenu & Recordable<any>)[];
     }, true, {}, {}, {
@@ -54,7 +54,7 @@ export declare const Dropdown: {
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
         trigger: {
-            type: PropType<("click" | "contextmenu" | "hover")[]>;
+            type: PropType<("click" | "hover" | "contextmenu")[]>;
             default: () => string[];
         };
         selectedKeys: {
@@ -71,7 +71,7 @@ export declare const Dropdown: {
     }>> & {
         onMenuEvent?: ((...args: any[]) => any) | undefined;
     }, {}, {}, {}, {}, {
-        trigger: ("click" | "contextmenu" | "hover")[];
+        trigger: ("click" | "hover" | "contextmenu")[];
         selectedKeys: string[];
         dropMenuList: ( DropMenu & Recordable<any>)[];
     }>;
@@ -80,7 +80,7 @@ export declare const Dropdown: {
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     trigger: {
-        type: PropType<("click" | "contextmenu" | "hover")[]>;
+        type: PropType<("click" | "hover" | "contextmenu")[]>;
         default: () => string[];
     };
     selectedKeys: {
@@ -99,7 +99,7 @@ export declare const Dropdown: {
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     menuEvent: (...args: any[]) => void;
 }, string, {
-    trigger: ("click" | "contextmenu" | "hover")[];
+    trigger: ("click" | "hover" | "contextmenu")[];
     selectedKeys: string[];
     dropMenuList: ( DropMenu & Recordable<any>)[];
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {

package/lib/src/dropdown/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@aplus-frontend/utils"),t=require("./dropdown.vue.js"),o=e.withInstall(t.default);exports.Dropdown=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@aplus-frontend/utils");require("./dropdown.vue.js");require("./interface.js");const r=require("./dropdown.vue2.js"),t=e.withInstall(r.default);exports.Dropdown=t;

package/lib/src/dropdown/interface.js

@@ -0,0 +1 @@
+"use strict";

package/lib/src/hooks/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useMessage.js"),s=require("./useControllableValue.js");exports.useMessage=e.useMessage;exports.useControllableValue=s.useControllableValue;

package/lib/src/icon/icon.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("./svg-icon.vue.js"),g=require("@fruits-chain/utils"),r=require("@iconify/iconify");require("./style/icon.css");require("../config-provider/index.js");const S=require("../config-provider/hooks/use-namespace.js"),f="|svg",z=e.defineComponent({name:"ApIcon",__name:"icon",props:{icon:{},color:{},size:{default:16},spin:{type:Boolean,default:!1},prefix:{default:""}},setup(d){const s=d,{b:o}=S.useNamespace("icon"),a=e.ref(null),l=e.computed(()=>{var n;return(n=s.icon)==null?void 0:n.endsWith(f)}),m=e.computed(()=>s.icon.replace(f,"")),_=e.computed(()=>`${s.prefix?s.prefix+":":""}${s.icon}`),u=async()=>{if(e.unref(l))return;const n=e.unref(a);if(!n)return;await e.nextTick();const t=e.unref(_);if(!t)return;r.iconExists(t)||await r.loadIcon(t);const p=r.renderSVG(t,{});if(p)n.textContent="",n.appendChild(p);else{const i=document.createElement("span");i.className=o("placeholer"),i.dataset.icon=t,n.textContent="",n.appendChild(i)}},v=e.computed(()=>{const{size:n,color:t}=s;let c=n;return g.isType("String")(n)&&(c=parseInt(n,10)),{fontSize:`${c}px`,color:t,display:"inline-flex"}});return e.watch(()=>s.icon,u,{flush:"post"}),e.onMounted(u),(n,t)=>l.value?(e.openBlock(),e.createBlock(y.default,{key:0,size:n.size,name:m.value,class:e.normalizeClass([n.$attrs.class,e.unref(o)("anticon")]),spin:n.spin},null,8,["size","name","class","spin"])):(e.openBlock(),e.createElementBlock("span",{key:1,ref_key:"elRef",ref:a,class:e.normalizeClass([n.$attrs.class,e.unref(o)(),e.unref(o)("anticon"),n.spin&&e.unref(o)("spin")]),style:e.normalizeStyle(v.value)},null,6))}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./icon.vue2.js");exports.default=e.default;

package/lib/src/icon/icon.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./icon.vue.js");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./svg-icon.vue.js");const y=require("@fruits-chain/utils"),r=require("@iconify/iconify");require("./style/icon.css");require("../config-provider/index.js");const g=require("../config-provider/hooks/use-namespace.js"),S=require("./svg-icon.vue2.js"),f="|svg",z=e.defineComponent({name:"ApIcon",__name:"icon",props:{icon:{},color:{},size:{default:16},spin:{type:Boolean,default:!1},prefix:{default:""}},setup(d){const s=d,{b:o}=g.useNamespace("icon"),a=e.ref(null),l=e.computed(()=>{var n;return(n=s.icon)==null?void 0:n.endsWith(f)}),m=e.computed(()=>s.icon.replace(f,"")),_=e.computed(()=>`${s.prefix?s.prefix+":":""}${s.icon}`),u=async()=>{if(e.unref(l))return;const n=e.unref(a);if(!n)return;await e.nextTick();const t=e.unref(_);if(!t)return;r.iconExists(t)||await r.loadIcon(t);const p=r.renderSVG(t,{});if(p)n.textContent="",n.appendChild(p);else{const i=document.createElement("span");i.className=o("placeholer"),i.dataset.icon=t,n.textContent="",n.appendChild(i)}},v=e.computed(()=>{const{size:n,color:t}=s;let c=n;return y.isType("String")(n)&&(c=parseInt(n,10)),{fontSize:`${c}px`,color:t,display:"inline-flex"}});return e.watch(()=>s.icon,u,{flush:"post"}),e.onMounted(u),(n,t)=>l.value?(e.openBlock(),e.createBlock(S.default,{key:0,size:n.size,name:m.value,class:e.normalizeClass([n.$attrs.class,e.unref(o)("anticon")]),spin:n.spin},null,8,["size","name","class","spin"])):(e.openBlock(),e.createElementBlock("span",{key:1,ref_key:"elRef",ref:a,class:e.normalizeClass([n.$attrs.class,e.unref(o)(),e.unref(o)("anticon"),n.spin&&e.unref(o)("spin")]),style:e.normalizeStyle(v.value)},null,6))}});exports.default=z;

package/lib/src/icon/index.d.ts

@@ -2,6 +2,13 @@ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOpt
 export * from './interface';
 export declare const Icon: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        color: {
+            type: PropType<string>;
+        };
+        icon: {
+            type: PropType<string>;
+            required: true;
+        };
         size: {
             type: PropType<string | number>;
             default: number;
@@ -10,18 +17,18 @@ export declare const Icon: {
             type: PropType<string>;
             default: string;
         };
-        color: {
-            type: PropType<string>;
-        };
         spin: {
             type: PropType<boolean>;
             default: boolean;
         };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        color: {
+            type: PropType<string>;
+        };
         icon: {
             type: PropType<string>;
             required: true;
         };
-    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         size: {
             type: PropType<string | number>;
             default: number;
@@ -30,17 +37,10 @@ export declare const Icon: {
             type: PropType<string>;
             default: string;
         };
-        color: {
-            type: PropType<string>;
-        };
         spin: {
             type: PropType<boolean>;
             default: boolean;
         };
-        icon: {
-            type: PropType<string>;
-            required: true;
-        };
     }>>, {
         size: string | number;
         prefix: string;
@@ -53,6 +53,13 @@ export declare const Icon: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
+        color: {
+            type: PropType<string>;
+        };
+        icon: {
+            type: PropType<string>;
+            required: true;
+        };
         size: {
             type: PropType<string | number>;
             default: number;
@@ -61,17 +68,10 @@ export declare const Icon: {
             type: PropType<string>;
             default: string;
         };
-        color: {
-            type: PropType<string>;
-        };
         spin: {
             type: PropType<boolean>;
             default: boolean;
         };
-        icon: {
-            type: PropType<string>;
-            required: true;
-        };
     }>>, {}, {}, {}, {}, {
         size: string | number;
         prefix: string;
@@ -81,6 +81,13 @@ export declare const Icon: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    color: {
+        type: PropType<string>;
+    };
+    icon: {
+        type: PropType<string>;
+        required: true;
+    };
     size: {
         type: PropType<string | number>;
         default: number;
@@ -89,17 +96,10 @@ export declare const Icon: {
         type: PropType<string>;
         default: string;
     };
-    color: {
-        type: PropType<string>;
-    };
     spin: {
         type: PropType<boolean>;
         default: boolean;
     };
-    icon: {
-        type: PropType<string>;
-        required: true;
-    };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     size: string | number;
     prefix: string;
@@ -111,14 +111,14 @@ export declare const Icon: {
 });
 export declare const SvgIcon: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        name: {
-            type: PropType<string>;
-            required: true;
-        };
         size: {
             type: PropType<string | number>;
             default: number;
         };
+        name: {
+            type: PropType<string>;
+            required: true;
+        };
         prefix: {
             type: PropType<string>;
             default: string;
@@ -128,14 +128,14 @@ export declare const SvgIcon: {
             default: boolean;
         };
     }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        name: {
-            type: PropType<string>;
-            required: true;
-        };
         size: {
             type: PropType<string | number>;
             default: number;
         };
+        name: {
+            type: PropType<string>;
+            required: true;
+        };
         prefix: {
             type: PropType<string>;
             default: string;
@@ -156,14 +156,14 @@ export declare const SvgIcon: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        name: {
-            type: PropType<string>;
-            required: true;
-        };
         size: {
             type: PropType<string | number>;
             default: number;
         };
+        name: {
+            type: PropType<string>;
+            required: true;
+        };
         prefix: {
             type: PropType<string>;
             default: string;
@@ -181,14 +181,14 @@ export declare const SvgIcon: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    name: {
-        type: PropType<string>;
-        required: true;
-    };
     size: {
         type: PropType<string | number>;
         default: number;
     };
+    name: {
+        type: PropType<string>;
+        required: true;
+    };
     prefix: {
         type: PropType<string>;
         default: string;

package/lib/src/icon/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./icon.vue.js"),n=require("./svg-icon.vue.js"),t=require("@aplus-frontend/utils"),u=t.withInstall(e.default),c=t.withInstall(n.default);exports.Icon=u;exports.SvgIcon=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./icon.vue.js");require("./svg-icon.vue.js");const e=require("@aplus-frontend/utils");require("./interface.js");const t=require("./icon.vue2.js"),r=require("./svg-icon.vue2.js"),u=e.withInstall(t.default),n=e.withInstall(r.default);exports.Icon=u;exports.SvgIcon=n;

package/lib/src/icon/interface.js

@@ -0,0 +1 @@
+"use strict";

package/lib/src/icon/svg-icon.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/svg-icon.css");require("../config-provider/index.js");const u=require("../config-provider/hooks/use-namespace.js"),i=["xlink:href"],c=e.defineComponent({name:"ApSvgIcon",__name:"svg-icon",props:{name:{},prefix:{default:"icon"},size:{default:16},spin:{type:Boolean,default:!1}},setup(o){const n=o,{b:r}=u.useNamespace("svg-icon"),a=e.computed(()=>`#${n.prefix}-${n.name}`),l=e.computed(()=>{const{size:t}=n;let s=`${t}`;return s=`${s.replace("px","")}px`,{width:s,height:s}});return(t,s)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([e.unref(r)(),t.$attrs.class,t.spin&&e.unref(r)("spin")]),style:e.normalizeStyle(l.value),"aria-hidden":"true"},[e.createElementVNode("use",{"xlink:href":a.value},null,8,i)],6))}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./svg-icon.vue2.js");exports.default=e.default;

package/lib/src/icon/svg-icon.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./svg-icon.vue.js");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/svg-icon.css");require("../config-provider/index.js");const u=require("../config-provider/hooks/use-namespace.js"),i=["xlink:href"],c=e.defineComponent({name:"ApSvgIcon",__name:"svg-icon",props:{name:{},prefix:{default:"icon"},size:{default:16},spin:{type:Boolean,default:!1}},setup(o){const n=o,{b:r}=u.useNamespace("svg-icon"),a=e.computed(()=>`#${n.prefix}-${n.name}`),l=e.computed(()=>{const{size:t}=n;let s=`${t}`;return s=`${s.replace("px","")}px`,{width:s,height:s}});return(t,s)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([e.unref(r)(),t.$attrs.class,t.spin&&e.unref(r)("spin")]),style:e.normalizeStyle(l.value),"aria-hidden":"true"},[e.createElementVNode("use",{"xlink:href":a.value},null,8,i)],6))}});exports.default=c;