@aplus-frontend/ui 0.0.1-beta.0 → 0.0.1-beta.10

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/cropper/style/avatar.css

@@ -4,7 +4,7 @@
 }
 .aplus-cropper-avatar-image-wrapper {
   overflow: hidden;
-  border: 1px solid #eee;
+  border: 1px solid #dee4ed;
   border-radius: 50%;
   background: #fff;
   cursor: pointer;

package/lib/src/cropper/style/modal.css

@@ -30,7 +30,7 @@
   height: 220px;
   margin: 0 auto;
   overflow: hidden;
-  border: 1px solid #eee;
+  border: 1px solid #dee4ed;
   border-radius: 50%;
 }
 .aplus-cropper-am-preview img {
@@ -43,5 +43,5 @@
   justify-content: space-around;
   margin-top: 8px;
   padding-top: 8px;
-  border-top: 1px solid #eee;
+  border-top: 1px solid #dee4ed;
 }

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

@@ -1,8 +1,8 @@
 import { CollapseContainerOptions } from '../container';
-import { PropType } from 'vue';
+import { PropType, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 import { DescItem } from './interface';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: DefineComponent<{
     useCollapse: {
         type: BooleanConstructor;
         default: boolean;
@@ -21,7 +21,7 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     column: {
-        type: (ObjectConstructor | NumberConstructor)[];
+        type: (NumberConstructor | ObjectConstructor)[];
         default: () => {
             xxl: number;
             xl: number;
@@ -42,7 +42,7 @@ declare const _default: import('vue').DefineComponent<{
     data: {
         type: ObjectConstructor;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "register"[], "register", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "register"[], "register", PublicProps, Readonly< ExtractPropTypes<{
     useCollapse: {
         type: BooleanConstructor;
         default: boolean;
@@ -61,7 +61,7 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     column: {
-        type: (ObjectConstructor | NumberConstructor)[];
+        type: (NumberConstructor | ObjectConstructor)[];
         default: () => {
             xxl: number;
             xl: number;
@@ -85,8 +85,8 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onRegister?: ((...args: any[]) => any) | undefined;
 }, {
-    size: string;
     title: string;
+    size: string;
     bordered: boolean;
     column: number | Record<string, any>;
     schema: DescItem[];

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

@@ -1,46 +1,163 @@
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
+import { CollapseContainerOptions } from '..';
+import { DescItem } from './interface';
 export * from './interface';
 export { useDescription } from './use-description';
-export declare const Description: import('@aplus-frontend/utils/src/vue/install').SFCWithInstall<import('vue').DefineComponent<{
-    useCollapse: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    size: {
-        type: StringConstructor;
-        validator: (v: string) => boolean;
-        default: string;
-    };
-    bordered: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    column: {
-        type: (ObjectConstructor | NumberConstructor)[];
-        default: () => {
-            xxl: number;
-            xl: number;
-            lg: number;
-            md: number;
-            sm: number;
-            xs: number;
+export declare const Description: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        useCollapse: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-    };
-    collapseOptions: {
-        type: import('vue').PropType<import('..').CollapseContainerOptions>;
-        default: null;
-    };
-    schema: {
-        type: import('vue').PropType<import('./interface').DescItem[]>;
-        default: () => never[];
-    };
-    data: {
-        type: ObjectConstructor;
-    };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "register"[], "register", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: StringConstructor;
+            validator: (v: string) => boolean;
+            default: string;
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        column: {
+            type: (NumberConstructor | ObjectConstructor)[];
+            default: () => {
+                xxl: number;
+                xl: number;
+                lg: number;
+                md: number;
+                sm: number;
+                xs: number;
+            };
+        };
+        collapseOptions: {
+            type: PropType<CollapseContainerOptions>;
+            default: null;
+        };
+        schema: {
+            type: PropType< DescItem[]>;
+            default: () => never[];
+        };
+        data: {
+            type: ObjectConstructor;
+        };
+    }>> & {
+        onRegister?: ((...args: any[]) => any) | undefined;
+    }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "register"[], VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        useCollapse: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: StringConstructor;
+            validator: (v: string) => boolean;
+            default: string;
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        column: {
+            type: (NumberConstructor | ObjectConstructor)[];
+            default: () => {
+                xxl: number;
+                xl: number;
+                lg: number;
+                md: number;
+                sm: number;
+                xs: number;
+            };
+        };
+        collapseOptions: {
+            type: PropType<CollapseContainerOptions>;
+            default: null;
+        };
+        schema: {
+            type: PropType< DescItem[]>;
+            default: () => never[];
+        };
+        data: {
+            type: ObjectConstructor;
+        };
+    }>> & {
+        onRegister?: ((...args: any[]) => any) | undefined;
+    }, {
+        title: string;
+        size: string;
+        bordered: boolean;
+        column: number | Record<string, any>;
+        schema: DescItem[];
+        useCollapse: boolean;
+        collapseOptions: CollapseContainerOptions;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        useCollapse: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: StringConstructor;
+            validator: (v: string) => boolean;
+            default: string;
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        column: {
+            type: (NumberConstructor | ObjectConstructor)[];
+            default: () => {
+                xxl: number;
+                xl: number;
+                lg: number;
+                md: number;
+                sm: number;
+                xs: number;
+            };
+        };
+        collapseOptions: {
+            type: PropType<CollapseContainerOptions>;
+            default: null;
+        };
+        schema: {
+            type: PropType< DescItem[]>;
+            default: () => never[];
+        };
+        data: {
+            type: ObjectConstructor;
+        };
+    }>> & {
+        onRegister?: ((...args: any[]) => any) | undefined;
+    }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        title: string;
+        size: string;
+        bordered: boolean;
+        column: number | Record<string, any>;
+        schema: DescItem[];
+        useCollapse: boolean;
+        collapseOptions: CollapseContainerOptions;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     useCollapse: {
         type: BooleanConstructor;
         default: boolean;
@@ -59,7 +176,7 @@ export declare const Description: import('@aplus-frontend/utils/src/vue/install'
         default: boolean;
     };
     column: {
-        type: (ObjectConstructor | NumberConstructor)[];
+        type: (NumberConstructor | ObjectConstructor)[];
         default: () => {
             xxl: number;
             xl: number;
@@ -70,11 +187,11 @@ export declare const Description: import('@aplus-frontend/utils/src/vue/install'
         };
     };
     collapseOptions: {
-        type: import('vue').PropType<import('..').CollapseContainerOptions>;
+        type: PropType<CollapseContainerOptions>;
         default: null;
     };
     schema: {
-        type: import('vue').PropType<import('./interface').DescItem[]>;
+        type: PropType< DescItem[]>;
         default: () => never[];
     };
     data: {
@@ -82,12 +199,16 @@ export declare const Description: import('@aplus-frontend/utils/src/vue/install'
     };
 }>> & {
     onRegister?: ((...args: any[]) => any) | undefined;
-}, {
-    size: string;
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "register"[], "register", {
     title: string;
+    size: string;
     bordered: boolean;
     column: number | Record<string, any>;
-    schema: import('./interface').DescItem[];
+    schema: DescItem[];
     useCollapse: boolean;
-    collapseOptions: import('..').CollapseContainerOptions;
-}, {}>>;
+    collapseOptions: CollapseContainerOptions;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {
+    $props: {
+        onClick?: (() => void) | undefined;
+    };
+});

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/design-token/index.d.ts

@@ -0,0 +1,4 @@
+import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
+
+export declare const aplusToken: ThemeConfig['token'];
+export declare const adminToken: ThemeConfig['token'];

package/lib/src/design-token/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={borderRadius:4},r={...o,colorPrimary:"#0070FF",colorPrimaryHover:"#66A9FF",colorPrimaryActive:"#338CFF",colorTextBase:"#182948",colorText:"#182948",colorTextSecondary:"#526A90",colorTextTertiary:"#8896B0",colorBorder:"#DEE4ED",colorSplit:"#E9EDF3",colorInfo:"#0070FF",colorSuccess:"#2ED1A3",colorError:"#FF4D4F",colorWarning:"#FFA940",colorBgContainerDisabled:"#F9F9FA",wireframe:!1,colorBgLayout:"#F2F6F9"},c={...o,colorPrimary:"#34B77C",colorPrimaryHover:"#85D4B0",colorPrimaryActive:"#5DC596",colorBgContainerDisabled:"#f5f5f5",colorText:"#333333",colorTextSecondary:"#666666",colorTextTertiary:"#999999",colorBorder:"#D9D9D9",colorSplit:"#E9E9E9",colorInfo:"#1890FF",colorSuccess:"#52C41A",colorError:"#FF4D4F",colorWarning:"#FAAD14",colorLink:"#1890FF",wireframe:!1,colorBgLayout:"#FAFAFA"};exports.adminToken=c;exports.aplusToken=r;

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

@@ -1,20 +1,21 @@
 import { DropdownProps, DropMenu } from './interface';
 import { Recordable } from '../type';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownProps>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownProps>, {
     trigger: () => string[];
     dropMenuList: () => never[];
     selectedKeys: () => never[];
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     menuEvent: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownProps>, {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownProps>, {
     trigger: () => string[];
     dropMenuList: () => never[];
     selectedKeys: () => never[];
 }>>> & {
     onMenuEvent?: ((...args: any[]) => any) | undefined;
 }, {
-    trigger: ("click" | "contextmenu" | "hover")[];
+    trigger: ("click" | "hover" | "contextmenu")[];
     selectedKeys: string[];
     dropMenuList: (DropMenu & Recordable<any>)[];
 }, {}>, {
@@ -24,9 +25,9 @@ export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
-        type: import('vue').PropType<T[K]>;
+        type: PropType<T[K]>;
         required: true;
     };
 };

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

@@ -1,47 +1,50 @@
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
+import { DropMenu } from './interface';
+import { Recordable } from '../type';
 export * from './interface';
-export declare const Dropdown: import('@aplus-frontend/utils/src/vue/install').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+export declare const Dropdown: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         trigger: {
-            type: import('vue').PropType<("click" | "contextmenu" | "hover")[]>;
+            type: PropType<("click" | "hover" | "contextmenu")[]>;
             default: () => string[];
         };
         selectedKeys: {
-            type: import('vue').PropType<string[]>;
+            type: PropType<string[]>;
             default: () => never[];
         };
         popconfirm: {
-            type: import('vue').PropType<boolean>;
+            type: PropType<boolean>;
         };
         dropMenuList: {
-            type: import('vue').PropType<(import('./interface').DropMenu & import('../type').Recordable<any>)[]>;
+            type: PropType<( DropMenu & Recordable<any>)[]>;
             default: () => never[];
         };
     }>> & {
         onMenuEvent?: ((...args: any[]) => any) | undefined;
-    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         menuEvent: (...args: any[]) => void;
-    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         trigger: {
-            type: import('vue').PropType<("click" | "contextmenu" | "hover")[]>;
+            type: PropType<("click" | "hover" | "contextmenu")[]>;
             default: () => string[];
         };
         selectedKeys: {
-            type: import('vue').PropType<string[]>;
+            type: PropType<string[]>;
             default: () => never[];
         };
         popconfirm: {
-            type: import('vue').PropType<boolean>;
+            type: PropType<boolean>;
         };
         dropMenuList: {
-            type: import('vue').PropType<(import('./interface').DropMenu & import('../type').Recordable<any>)[]>;
+            type: PropType<( DropMenu & Recordable<any>)[]>;
             default: () => never[];
         };
     }>> & {
         onMenuEvent?: ((...args: any[]) => any) | undefined;
     }, {
-        trigger: ("click" | "contextmenu" | "hover")[];
+        trigger: ("click" | "hover" | "contextmenu")[];
         selectedKeys: string[];
-        dropMenuList: (import('./interface').DropMenu & import('../type').Recordable<any>)[];
+        dropMenuList: ( DropMenu & Recordable<any>)[];
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -49,58 +52,62 @@ export declare const Dropdown: import('@aplus-frontend/utils/src/vue/install').S
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         trigger: {
-            type: import('vue').PropType<("click" | "contextmenu" | "hover")[]>;
+            type: PropType<("click" | "hover" | "contextmenu")[]>;
             default: () => string[];
         };
         selectedKeys: {
-            type: import('vue').PropType<string[]>;
+            type: PropType<string[]>;
             default: () => never[];
         };
         popconfirm: {
-            type: import('vue').PropType<boolean>;
+            type: PropType<boolean>;
         };
         dropMenuList: {
-            type: import('vue').PropType<(import('./interface').DropMenu & import('../type').Recordable<any>)[]>;
+            type: PropType<( DropMenu & Recordable<any>)[]>;
             default: () => never[];
         };
     }>> & {
         onMenuEvent?: ((...args: any[]) => any) | undefined;
     }, {}, {}, {}, {}, {
-        trigger: ("click" | "contextmenu" | "hover")[];
+        trigger: ("click" | "hover" | "contextmenu")[];
         selectedKeys: string[];
-        dropMenuList: (import('./interface').DropMenu & import('../type').Recordable<any>)[];
+        dropMenuList: ( DropMenu & Recordable<any>)[];
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     trigger: {
-        type: import('vue').PropType<("click" | "contextmenu" | "hover")[]>;
+        type: PropType<("click" | "hover" | "contextmenu")[]>;
         default: () => string[];
     };
     selectedKeys: {
-        type: import('vue').PropType<string[]>;
+        type: PropType<string[]>;
         default: () => never[];
     };
     popconfirm: {
-        type: import('vue').PropType<boolean>;
+        type: PropType<boolean>;
     };
     dropMenuList: {
-        type: import('vue').PropType<(import('./interface').DropMenu & import('../type').Recordable<any>)[]>;
+        type: PropType<( DropMenu & Recordable<any>)[]>;
         default: () => never[];
     };
 }>> & {
     onMenuEvent?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     menuEvent: (...args: any[]) => void;
 }, string, {
-    trigger: ("click" | "contextmenu" | "hover")[];
+    trigger: ("click" | "hover" | "contextmenu")[];
     selectedKeys: string[];
-    dropMenuList: (import('./interface').DropMenu & import('../type').Recordable<any>)[];
-}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    dropMenuList: ( DropMenu & Recordable<any>)[];
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
-})>;
+}) & Plugin<any[]> & (new (...args: any[]) => {
+    $props: {
+        onClick?: (() => void) | undefined;
+    };
+});

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.d.ts

@@ -1 +1,2 @@
 export { useMessage } from './useMessage';
+export { useControllableValue } from './useControllableValue';

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/hooks/useControllableValue.d.ts

@@ -0,0 +1,13 @@
+import { Recordable } from '../type';
+import { Ref, UnwrapRef } from 'vue';
+
+type Options = {
+    defaultValue?: any;
+    defaultValuePropName?: string;
+    valuePropName?: string;
+};
+export declare function useControllableValue<ValueType = any>(props: Recordable, emit: (event: any, ...args: any[]) => void, options?: Options): {
+    value: Ref<UnwrapRef<ValueType>>;
+    updateValue: (newValue: any) => void;
+};
+export {};

package/lib/src/hooks/useControllableValue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("vue");function c(u,t,e){const f=(e==null?void 0:e.defaultValuePropName)||"defaultValue",a=(e==null?void 0:e.valuePropName)||"value",r=d.ref(u[f]||(e==null?void 0:e.defaultValue));function v(l){u[a]===void 0&&(r.value=l),t(`update:${a}`,l)}return d.watch(()=>u[a],l=>{u[a]!==void 0&&(r.value=l)},{immediate:!0}),{value:r,updateValue:v}}exports.useControllableValue=c;