@aplus-frontend/ui 0.1.8 → 0.1.10

package/lib/src/ap-table/hooks/use-table-content-height.d.ts

@@ -3,7 +3,7 @@ export type TableContentHeightOptions = {
     offset?: number;
 };
 declare const useTableContentHeight: (options?: TableContentHeightOptions) => {
-    contentRef: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    contentRef: Ref<HTMLDivElement | undefined>;
     height: ComputedRef<number>;
 };
 export default useTableContentHeight;

package/lib/src/ap-table/hooks/use-table-paging.d.ts

@@ -1,6 +1,7 @@
-import { Ref, ComputedRef } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 import { RequestData } from '../interface';
 import { ApFormSearchFormExpose } from '../../ap-form';
+import { DataIndex } from 'ant-design-vue/es/vc-table/interface';
 import { TablePaginationConfig, FilterValue, SorterResult, TableCurrentDataSource } from 'ant-design-vue/es/table/interface';
 export type UseTablePagingParams<DataType, ParamsType> = {
     request: (params: any) => Promise<RequestData<DataType>>;
@@ -45,14 +46,14 @@ export type UseTablePagingParams<DataType, ParamsType> = {
     /**
      * 需要后端筛选的字段列表
      */
-    filterFields?: string[];
+    filterFields?: ComputedRef<DataIndex[]>;
     /**
      * 需要后端筛选的排序字段列表
      */
-    sortFields?: string[];
+    sortFields?: ComputedRef<DataIndex[]>;
 };
 export declare const useTablePaging: <DataType = any, ParamsType = Record<string, any>>({ manual, defaultCurrent, defaultPageSize, request, defaultParams, defaultData, formatParams, paramsValueTypeMap, resetFieldsIgnores, filterFields, sortFields }: UseTablePagingParams<DataType, ParamsType>) => {
-    formRef: Ref<ApFormSearchFormExpose | undefined, ApFormSearchFormExpose | undefined>;
+    formRef: Ref<ApFormSearchFormExpose | undefined>;
     submit: () => void;
     reset: () => void;
     refresh: () => void;
@@ -61,13 +62,9 @@ export declare const useTablePaging: <DataType = any, ParamsType = Record<string
         total: number;
         records: DataType[];
         loading: boolean;
-    }, {
-        total: number;
-        records: DataType[];
-        loading: boolean;
     }>;
-    current: Ref<number, number>;
-    pageSize: Ref<number, number>;
+    current: Ref<number>;
+    pageSize: Ref<number>;
     handleTableChange: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<any> | SorterResult<any>[], extra: TableCurrentDataSource<any>) => void;
     tableProps: ComputedRef<{
         loading: boolean;

package/lib/src/ap-table/hooks/use-table-paging.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),C=require("../utils.js"),I=require("lodash-unified");require("../../config-provider/index.js");const K=require("../../config-provider/hooks/use-locale.js"),N=({manual:O=!1,defaultCurrent:j=1,defaultPageSize:S=10,request:$,defaultParams:x={},defaultData:D=[],formatParams:F,paramsValueTypeMap:T,resetFieldsIgnores:P,filterFields:L=[],sortFields:M=[]})=>{let v=0,f={};const R=e=>F?F(e):e,i=t.ref(),c=t.ref(j),d=t.ref(S),{t:b}=K.useLocale(),o=t.ref({total:0,records:D,loading:!1}),z=async e=>{var n;const a=R(e),r=Date.now();v=r,o.value.loading=!0;try{const s=await $({...x,...a});v===r&&(o.value.total=s.total||((n=s.data)==null?void 0:n.length)||0,o.value.records=[...s.data||[]])}catch{v===r&&(o.value.records=[],o.value.total=0)}finally{o.value.loading=!1}},q=e=>{const a={};return Object.entries(e).forEach(([r,n])=>{if(a[r]=n,T&&n){const s=T[r];s&&(a[r]=C.parseFieldValue(s,n))}}),a},A=async e=>{var n,s,g,p,h,l,u;const a=((s=(n=i.value)==null?void 0:n.apForm)==null?void 0:s.getFieldsValue())||{},r={};Object.entries(a).forEach(([V,H])=>{P&&P.indexOf(V)>-1&&(r[V]=H)}),await((p=(g=i.value)==null?void 0:g.apForm)==null?void 0:p.resetFields()),(u=(l=(h=i.value)==null?void 0:h.apForm)==null?void 0:l.setFieldsValue)==null||u.call(l,r),t.nextTick(()=>{e==null||e()})},m=e=>{f=e;const a=q(e);z(a)},B=e=>{m({...f,...e})},w=()=>{var a,r;const e=((r=(a=i.value)==null?void 0:a.apForm)==null?void 0:r.getFieldsValue(!0))||{};c.value=1,m({...e,current:1,pageSize:f.pageSize||S})},E=()=>{A(w)},J=()=>{m(f)},Q=e=>{const a=t.unref(o).total-e,r=Math.ceil(a/t.unref(d)),n=t.unref(c)>r?r:t.unref(c);B({current:n>0?n:1})},y=(e,a,r)=>{var h,l;const n=((l=(h=i.value)==null?void 0:h.apForm)==null?void 0:l.getFieldsValue(!0))||{};c.value=e.current,d.value=e.pageSize;const s=I.isArray(r)?[...r]:[r],g={};for(const u of s)M.includes(u.field)&&(g[C.dataIndexToStr(u.field)]=u.order);const p={};for(const u of Object.keys(a))L.includes(u)&&(p[u]=a[u]);m({...n,filter:p,sort:g,current:e.current,pageSize:e.pageSize})};t.onMounted(()=>{var a,r;const e=((r=(a=i.value)==null?void 0:a.apForm)==null?void 0:r.getFieldsValue(!0))||{};if(f={current:t.unref(c),pageSize:t.unref(d),...e},!O){const n=q(f);z(n)}});const U=t.computed(()=>t.unref(o).total===0?"-":`${t.unref(c.value)}/${Math.ceil(t.unref(o).total/t.unref(d))}`),G=t.computed(()=>({loading:t.unref(o).loading,pagination:{current:t.unref(c),pageSize:t.unref(d),total:t.unref(o).total,showSizeChanger:!0,showQuickJumper:!0,showTotal:e=>`${b("ap.apTable.pagination.totalLeft",{total:e})} ${b("ap.apTable.pagination.totalRight",{page:t.unref(U)})}`},onChange:y,dataSource:t.unref(o).records}));return{formRef:i,submit:w,reset:E,refresh:J,refreshByDelete:Q,data:o,current:c,pageSize:d,handleTableChange:y,tableProps:G,dataSource:t.computed(()=>t.unref(o).records)}};exports.useTablePaging=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),O=require("../utils.js"),I=require("lodash-unified");require("../../config-provider/index.js");const K=require("../../config-provider/hooks/use-locale.js"),N=({manual:j=!1,defaultCurrent:$=1,defaultPageSize:T=10,request:x,defaultParams:D={},defaultData:L=[],formatParams:P,paramsValueTypeMap:b,resetFieldsIgnores:z,filterFields:M,sortFields:R})=>{let F=0,f={};const A=e=>P?P(e):e,i=t.ref(),c=t.ref($),d=t.ref(T),{t:q}=K.useLocale(),o=t.ref({total:0,records:L,loading:!1}),w=async e=>{var n;const a=A(e),r=Date.now();F=r,o.value.loading=!0;try{const s=await x({...D,...a});F===r&&(o.value.total=s.total||((n=s.data)==null?void 0:n.length)||0,o.value.records=[...s.data||[]])}catch{F===r&&(o.value.records=[],o.value.total=0)}finally{o.value.loading=!1}},y=e=>{const a={};return Object.entries(e).forEach(([r,n])=>{if(a[r]=n,b&&n){const s=b[r];s&&(a[r]=O.parseFieldValue(s,n))}}),a},B=async e=>{var n,s,g,p,h,l,m;const a=((s=(n=i.value)==null?void 0:n.apForm)==null?void 0:s.getFieldsValue())||{},r={};Object.entries(a).forEach(([v,u])=>{z&&z.indexOf(v)>-1&&(r[v]=u)}),await((p=(g=i.value)==null?void 0:g.apForm)==null?void 0:p.resetFields()),(m=(l=(h=i.value)==null?void 0:h.apForm)==null?void 0:l.setFieldsValue)==null||m.call(l,r),t.nextTick(()=>{e==null||e()})},S=e=>{f=e;const a=y(e);w(a)},E=e=>{S({...f,...e})},V=()=>{var a,r;const e=((r=(a=i.value)==null?void 0:a.apForm)==null?void 0:r.getFieldsValue(!0))||{};c.value=1,S({...e,current:1,pageSize:f.pageSize||T})},J=()=>{B(V)},Q=()=>{S(f)},U=e=>{const a=t.unref(o).total-e,r=Math.ceil(a/t.unref(d)),n=t.unref(c)>r?r:t.unref(c);E({current:n>0?n:1})},C=(e,a,r)=>{var h,l,m,v;const n=((l=(h=i.value)==null?void 0:h.apForm)==null?void 0:l.getFieldsValue(!0))||{};c.value=e.current,d.value=e.pageSize;const s=I.isArray(r)?[...r]:[r],g={};for(const u of s)(m=t.unref(R))!=null&&m.includes(u.field)&&(g[O.dataIndexToStr(u.field)]=u.order);const p={};for(const u of Object.keys(a))(v=t.unref(M))!=null&&v.includes(u)&&(p[u]=a[u]);S({...n,filter:p,sort:g,current:e.current,pageSize:e.pageSize})};t.onMounted(()=>{var a,r;const e=((r=(a=i.value)==null?void 0:a.apForm)==null?void 0:r.getFieldsValue(!0))||{};if(f={current:t.unref(c),pageSize:t.unref(d),...e},!j){const n=y(f);w(n)}});const G=t.computed(()=>t.unref(o).total===0?"-":`${t.unref(c.value)}/${Math.ceil(t.unref(o).total/t.unref(d))}`),H=t.computed(()=>({loading:t.unref(o).loading,pagination:{current:t.unref(c),pageSize:t.unref(d),total:t.unref(o).total,showSizeChanger:!0,showQuickJumper:!0,showTotal:e=>`${q("ap.apTable.pagination.totalLeft",{total:e})} ${q("ap.apTable.pagination.totalRight",{page:t.unref(G)})}`},onChange:C,dataSource:t.unref(o).records}));return{formRef:i,submit:V,reset:J,refresh:Q,refreshByDelete:U,data:o,current:c,pageSize:d,handleTableChange:C,tableProps:H,dataSource:t.computed(()=>t.unref(o).records)}};exports.useTablePaging=N;

package/lib/src/ap-table/interface.d.ts

@@ -101,6 +101,17 @@ export type ApColumnType<RecordType = any, ValueType extends ApTableValueTypes =
      * 自定义查询表单渲染
      */
     customRenderFormItem?: (config: ApColumnType<RecordType, ValueType>) => any;
+    /**
+     * 自定义渲染文本，和customRender相比，其必须返回字符串，并且后续的渲染（例如copy/ellipsis）都将使用这个值
+     */
+    renderText?: (option: {
+        value: any;
+        text: any;
+        record: RecordType;
+        index: number;
+        renderIndex: number;
+        column: ApColumnType<RecordType>;
+    }) => string;
     /**
      * 指定值类型（将会用于默认渲染和查询表单生成）
      */
@@ -126,7 +137,7 @@ export type ApColumnType<RecordType = any, ValueType extends ApTableValueTypes =
      */
     filters?: ColumnType<RecordType>['filters'] | true;
     /**
-     * 自定义渲染，添加了`editable`以及`originalNode`
+     * 自定义渲染，添加了`editable`以及`originalNode、originalText`
      * @param opt
      * @returns
      */
@@ -138,6 +149,7 @@ export type ApColumnType<RecordType = any, ValueType extends ApTableValueTypes =
         renderIndex: number;
         column: ApColumnType<RecordType>;
         originalNode?: VNode;
+        originalText?: any;
     }) => any;
 } : never;
 export type RequestData<T> = {

package/lib/src/ap-tag/ap-tag-group.vue.d.ts

@@ -1,20 +1,45 @@
 import { ApTagGroupProps, ApTagProps, EllipsisProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 type ApTagGroupSlots = {
     tooltip?: (props: {
         tags: ApTagProps[];
     }) => void;
 };
 declare function __VLS_template(): Readonly<ApTagGroupSlots> & ApTagGroupSlots;
-declare const __VLS_component: DefineComponent<ApTagGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApTagGroupProps & {}>, {
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTagGroupProps>, {
+    list: () => ApTagProps[];
+    space: number;
+    ellipsis: () => {};
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTagGroupProps>, {
+    list: () => ApTagProps[];
+    space: number;
+    ellipsis: () => {};
+}>>>, {
     ellipsis: EllipsisProps;
     space: number;
     list: ApTagProps[];
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}>;
+}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/src/ap-tag/ap-tag-group.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("ant-design-vue"),_=require("@ant-design/icons-vue");require("./ap-tag.vue2.js");require("../config-provider/index.js");const b=require("lodash-unified");require("./style/ap-tag-group.css");const N=require("../config-provider/hooks/use-locale.js"),B=require("../config-provider/hooks/use-global-config.js"),T=require("../config-provider/hooks/use-namespace.js"),q=require("./ap-tag.vue.js"),W=e.defineComponent({__name:"ap-tag-group",props:{list:{default:()=>[]},space:{default:4},ellipsisColor:{},ellipsis:{default:()=>({})}},setup(v){const{t:h}=N.useLocale(),r=v,y=B.useGlobalConfig("uiMode"),{b:x,bm:p}=T.useNamespace("tag-group"),a=e.ref(),n=e.computed(()=>({...{iconColor:"#34B77C",symbol:"icon",text:h("ap.common.more")},...r.ellipsis})),C=e.computed(()=>n.value.tooltip&&typeof n.value.tooltip=="object"?b.omit(n.value.tooltip,["trigger","title"]):{}),c=e.computed(()=>e.unref(u)<r.list.length),u=e.ref(0),w=e.computed(()=>r.list.map(t=>t.text).join("、")),E=e.computed(()=>[x()].filter(Boolean)),k=e.computed(()=>y.value==="aplus"?[p("ellipsis-text","aplus")]:[p("ellipsis-text","admin")]),d=(t,l)=>{let s=document.createElement("canvas");const o=s.getContext("2d");o.font=`${t}px system-ui`;const i=o.measureText(l);return setTimeout(()=>{s=null},0),i.width},m=()=>{let t=0,l=0;if(!a.value)return;const s=a.value.offsetWidth;for(let o of r.list){const i=o.size==="large"?16:12,f=d(o.size==="large"?14:12,o.text)+i+2+r.space;if(t+=f,t>s){t-=f;break}l++}if(l<r.list.length){const i=d(12,n.value.text);r.ellipsis.symbol==="icon"?t+=16:t+=i,t>s&&l--}u.value=l};e.watch(()=>r.list,(t,l)=>{t!==l&&e.nextTick(()=>{m()})},{immediate:!0});const g=()=>{m()};return e.onMounted(()=>{[["ellipsisColor","ellipse.color"]].forEach(([t,l])=>{r[t]&&console.error(`[ApTagGroup]: \`${t}\` is deprecated, please use \`${l}\` instead.`)}),window.addEventListener("resize",g)}),e.onUnmounted(()=>{window.removeEventListener("resize",g)}),(t,l)=>(e.openBlock(),e.createBlock(e.unref(V.Tooltip),e.mergeProps({trigger:"hover"},C.value),{title:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{tags:t.list},()=>[e.createTextVNode(e.toDisplayString(w.value),1)])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(E.value),ref_key:"container",ref:a,style:e.normalizeStyle({pointerEvents:c.value?"auto":"none"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.list,(s,o)=>(e.openBlock(),e.createBlock(q.default,e.mergeProps({ref_for:!0},s,{key:o,style:{display:o>=u.value?"none":"inline-block",marginRight:`${t.space}px`}}),null,16,["style"]))),128)),c.value&&n.value.symbol==="icon"?(e.openBlock(),e.createBlock(e.unref(_),{key:0,style:e.normalizeStyle({color:t.ellipsisColor||n.value.iconColor})},{component:e.withCtx(()=>l[0]||(l[0]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:"none",version:"1.1",width:"16",height:"16",viewBox:"0 0 16 16"},[e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"master_svg0_1133_24991"},[e.createElementVNode("rect",{x:"0",y:"0",width:"16",height:"16",rx:"0"})])]),e.createElementVNode("g",{"clip-path":"url(#master_svg0_1133_24991)"},[e.createElementVNode("g",null,[e.createElementVNode("ellipse",{cx:"8",cy:"8",rx:"1",ry:"1",fill:"currentColor","fill-opacity":"1"})]),e.createElementVNode("g",null,[e.createElementVNode("ellipse",{cx:"3.25",cy:"8",rx:"1",ry:"1",fill:"currentColor","fill-opacity":"1"})]),e.createElementVNode("g",null,[e.createElementVNode("ellipse",{cx:"12.75",cy:"8",rx:"1",ry:"1",fill:"currentColor","fill-opacity":"1"})])])],-1)])),_:1},8,["style"])):c.value&&n.value.symbol==="text"?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(k.value)},e.toDisplayString(n.value.text),3)):e.createCommentVNode("",!0)],6)]),_:3},16))}});exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("ant-design-vue"),V=require("@ant-design/icons-vue");require("./ap-tag.vue2.js");require("../config-provider/index.js");const b=require("lodash-unified");require("./style/ap-tag-group.css");const N=require("../config-provider/hooks/use-locale.js"),B=require("../config-provider/hooks/use-global-config.js"),T=require("../config-provider/hooks/use-namespace.js"),q=require("./ap-tag.vue.js"),W=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:"none",version:"1.1",width:"16",height:"16",viewBox:"0 0 16 16"},[e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"master_svg0_1133_24991"},[e.createElementVNode("rect",{x:"0",y:"0",width:"16",height:"16",rx:"0"})])]),e.createElementVNode("g",{"clip-path":"url(#master_svg0_1133_24991)"},[e.createElementVNode("g",null,[e.createElementVNode("ellipse",{cx:"8",cy:"8",rx:"1",ry:"1",fill:"currentColor","fill-opacity":"1"})]),e.createElementVNode("g",null,[e.createElementVNode("ellipse",{cx:"3.25",cy:"8",rx:"1",ry:"1",fill:"currentColor","fill-opacity":"1"})]),e.createElementVNode("g",null,[e.createElementVNode("ellipse",{cx:"12.75",cy:"8",rx:"1",ry:"1",fill:"currentColor","fill-opacity":"1"})])])],-1),z=e.defineComponent({__name:"ap-tag-group",props:{list:{default:()=>[]},space:{default:4},ellipsisColor:{},ellipsis:{default:()=>({})}},setup(v){const{t:h}=N.useLocale(),r=v,y=B.useGlobalConfig("uiMode"),{b:x,bm:p}=T.useNamespace("tag-group"),a=e.ref(),n=e.computed(()=>({...{iconColor:"#34B77C",symbol:"icon",text:h("ap.common.more")},...r.ellipsis})),C=e.computed(()=>n.value.tooltip&&typeof n.value.tooltip=="object"?b.omit(n.value.tooltip,["trigger","title"]):{}),c=e.computed(()=>e.unref(u)<r.list.length),u=e.ref(0),w=e.computed(()=>r.list.map(t=>t.text).join("、")),_=e.computed(()=>[x()].filter(Boolean)),E=e.computed(()=>y.value==="aplus"?[p("ellipsis-text","aplus")]:[p("ellipsis-text","admin")]),d=(t,l)=>{let s=document.createElement("canvas");const o=s.getContext("2d");o.font=`${t}px system-ui`;const i=o.measureText(l);return setTimeout(()=>{s=null},0),i.width},m=()=>{let t=0,l=0;if(!a.value)return;const s=a.value.offsetWidth;for(let o of r.list){const i=o.size==="large"?16:12,f=d(o.size==="large"?14:12,o.text)+i+2+r.space;if(t+=f,t>s){t-=f;break}l++}if(l<r.list.length){const i=d(12,n.value.text);r.ellipsis.symbol==="icon"?t+=16:t+=i,t>s&&l--}u.value=l};e.watch(()=>r.list,(t,l)=>{t!==l&&e.nextTick(()=>{m()})},{immediate:!0});const g=()=>{m()};return e.onMounted(()=>{[["ellipsisColor","ellipse.color"]].forEach(([t,l])=>{r[t]&&console.error(`[ApTagGroup]: \`${t}\` is deprecated, please use \`${l}\` instead.`)}),window.addEventListener("resize",g)}),e.onUnmounted(()=>{window.removeEventListener("resize",g)}),(t,l)=>(e.openBlock(),e.createBlock(e.unref(k.Tooltip),e.mergeProps({trigger:"hover"},C.value),{title:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{tags:t.list},()=>[e.createTextVNode(e.toDisplayString(w.value),1)])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(_.value),ref_key:"container",ref:a,style:e.normalizeStyle({pointerEvents:c.value?"auto":"none"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.list,(s,o)=>(e.openBlock(),e.createBlock(q.default,e.mergeProps({ref_for:!0},s,{key:o,style:{display:o>=u.value?"none":"inline-block",marginRight:`${t.space}px`}}),null,16,["style"]))),128)),c.value&&n.value.symbol==="icon"?(e.openBlock(),e.createBlock(e.unref(V),{key:0,style:e.normalizeStyle({color:t.ellipsisColor||n.value.iconColor})},{component:e.withCtx(()=>[W]),_:1},8,["style"])):c.value&&n.value.symbol==="text"?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(E.value)},e.toDisplayString(n.value.text),3)):e.createCommentVNode("",!0)],6)]),_:3},16))}});exports.default=z;

package/lib/src/ap-tag/ap-tag.vue.d.ts

@@ -1,8 +1,33 @@
 import { ApTagProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<ApTagProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApTagProps & {}>, {
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTagProps>, {
+    size: string;
+    color: string;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTagProps>, {
+    size: string;
+    color: string;
+    disabled: boolean;
+}>>>, {
     size: "small" | "middle" | "large";
     disabled: boolean;
     color: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}>;
+}, {}>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/src/ap-upload/apUpload.vue.d.ts

@@ -1,8 +1,8 @@
-import { PropType, VNode, DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, RendererNode, RendererElement, ComponentProvideOptions } from 'vue';
+import { PropType, VNode, DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, RendererNode, RendererElement } from 'vue';
 import { FileUploadType, BeforeUpload, CustomRequest } from './apUploadTypes';
 import { GetOssAccess } from './hooks/useOss';
 declare function clear(): void;
-declare const _default: DefineComponent<ExtractPropTypes<{
+declare const _default: DefineComponent<{
     dirName: {
         type: StringConstructor;
     };
@@ -43,35 +43,60 @@ declare const _default: DefineComponent<ExtractPropTypes<{
     getOssAccess: {
         type: PropType<GetOssAccess>;
     };
-}>, {
+}, {
     done: ComputedRef<boolean>;
     clear: typeof clear;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
-}, string, PublicProps, Readonly<{
-    type: FileUploadType;
-    title: string;
-    subTitle: string | VNode< RendererNode, RendererElement, {
-        [key: string]: any;
-    }>;
-} & {
-    value?: string | unknown[] | Record<string, any> | undefined;
-    accept?: string | undefined;
-    beforeUpload?: BeforeUpload | undefined;
-    customRequest?: CustomRequest | undefined;
-    maxCount?: number | undefined;
-    getOssAccess?: GetOssAccess | undefined;
-    dirName?: string | undefined;
-    needName?: boolean | Record<string, any> | undefined;
-    maxSize?: number | undefined;
-} & {
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    dirName: {
+        type: StringConstructor;
+    };
+    type: {
+        type: PropType<FileUploadType>;
+        default: string;
+    };
+    value: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    needName: {
+        type: (BooleanConstructor | ObjectConstructor)[];
+    };
+    accept: {
+        type: StringConstructor;
+    };
+    maxSize: {
+        type: NumberConstructor;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    subTitle: {
+        type: (StringConstructor | (() => VNode))[];
+        default: string;
+    };
+    maxCount: {
+        type: NumberConstructor;
+    };
+    beforeUpload: {
+        type: PropType<BeforeUpload>;
+    };
+    customRequest: {
+        type: PropType<CustomRequest>;
+    };
+    getOssAccess: {
+        type: PropType<GetOssAccess>;
+    };
+}>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     type: FileUploadType;
     title: string;
     value: string | unknown[] | Record<string, any>;
     subTitle: string | VNode< RendererNode, RendererElement, {
         [key: string]: any;
     }>;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}>;
+}, {}>;
 export default _default;

package/lib/src/ap-upload/components/MultipleFile.vue.d.ts

@@ -1,3 +1,3 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}>;
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/src/ap-upload/components/Picture.vue.d.ts

@@ -1,3 +1,3 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}>;
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/src/ap-upload/components/SingleFile.vue.d.ts

@@ -1,3 +1,3 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}>;
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/src/base-button/button.vue.d.ts

@@ -1,16 +1,37 @@
-import { ComponentOptionsMixin, DefineComponent, PublicProps, ComponentProvideOptions } from 'vue';
+import { ComponentOptionsMixin, DefineComponent, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { ButtonProps } from './interface';
 declare function __VLS_template(): {
     icon?(_: {}): any;
     default?(_: any): any;
 };
-declare const __VLS_component: DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonProps & {}>, {
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ButtonProps>, {
     iconSize: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}>;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ButtonProps>, {
+    iconSize: number;
+}>>>, {
+    iconSize: number;
+}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/src/base-button/index.d.ts

@@ -1,28 +1,131 @@
 import { default as ModalButton } from './modal-button.vue';
 import { default as PopConfirmButton } from './pop-confirm-button.vue';
-import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, Plugin } from 'vue';
-import { ButtonProps } from './interface';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
 export * from './interface';
 export { ModalButton, PopConfirmButton };
 export declare const BaseButton: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ButtonProps & {}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ButtonProps & {}>, {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        onClick: {
+            type: PropType<() => void>;
+        };
+        loading: {
+            type: PropType<boolean>;
+        };
+        disabled: {
+            type: PropType<boolean>;
+        };
+        text: {
+            type: PropType<string>;
+        };
+        color: {
+            type: PropType<"error" | "success" | "warning" | "primary">;
+        };
+        preIcon: {
+            type: PropType<string>;
+        };
+        postIcon: {
+            type: PropType<string>;
+        };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        onClick: {
+            type: PropType<() => void>;
+        };
+        loading: {
+            type: PropType<boolean>;
+        };
+        disabled: {
+            type: PropType<boolean>;
+        };
+        text: {
+            type: PropType<string>;
+        };
+        color: {
+            type: PropType<"error" | "success" | "warning" | "primary">;
+        };
+        preIcon: {
+            type: PropType<string>;
+        };
+        postIcon: {
+            type: PropType<string>;
+        };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
+    }>>, {
         iconSize: number;
-    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, ComponentProvideOptions, {
+    }, true, {}, {}, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly< ButtonProps & {}>, {}, {}, {}, {}, {
+    }, Readonly< ExtractPropTypes<{
+        onClick: {
+            type: PropType<() => void>;
+        };
+        loading: {
+            type: PropType<boolean>;
+        };
+        disabled: {
+            type: PropType<boolean>;
+        };
+        text: {
+            type: PropType<string>;
+        };
+        color: {
+            type: PropType<"error" | "success" | "warning" | "primary">;
+        };
+        preIcon: {
+            type: PropType<string>;
+        };
+        postIcon: {
+            type: PropType<string>;
+        };
+        iconSize: {
+            type: PropType<number>;
+            default: number;
+        };
+    }>>, {}, {}, {}, {}, {
         iconSize: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ButtonProps & {}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    onClick: {
+        type: PropType<() => void>;
+    };
+    loading: {
+        type: PropType<boolean>;
+    };
+    disabled: {
+        type: PropType<boolean>;
+    };
+    text: {
+        type: PropType<string>;
+    };
+    color: {
+        type: PropType<"error" | "success" | "warning" | "primary">;
+    };
+    preIcon: {
+        type: PropType<string>;
+    };
+    postIcon: {
+        type: PropType<string>;
+    };
+    iconSize: {
+        type: PropType<number>;
+        default: number;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     iconSize: number;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & ( VNodeProps & AllowedComponentProps & ( ComponentCustomProps & (new () => {
+}, {}, string, {}> & ( VNodeProps & AllowedComponentProps & ( ComponentCustomProps & (new () => {
     $slots: {
         icon?(_: {}): any;
         default?(_: any): any;

package/lib/src/base-button/modal-button.vue.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ExtractPropTypes, PropType, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, PropType, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 import { ModalOptionsEx } from '../hooks/useMessage';
-declare const _default: DefineComponent<ExtractPropTypes<{
+declare const _default: DefineComponent<{
     enable: {
         type: BooleanConstructor;
         default: boolean;
@@ -9,13 +9,19 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: PropType<Partial< ModalOptionsEx>>;
         default: () => {};
     };
-}>, () => VNode<RendererNode, RendererElement, {
+}, () => VNode<RendererNode, RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
-    enable: boolean;
-    modalConfig: Partial< ModalOptionsEx>;
-} & {} & {}>, {
+}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    enable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modalConfig: {
+        type: PropType<Partial< ModalOptionsEx>>;
+        default: () => {};
+    };
+}>>, {
     enable: boolean;
     modalConfig: Partial< ModalOptionsEx>;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}>;
+}, {}>;
 export default _default;

package/lib/src/base-button/pop-confirm-button.vue.d.ts

@@ -1,14 +1,17 @@
-import { DefineComponent, ExtractPropTypes, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<ExtractPropTypes<{
+import { DefineComponent, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+declare const _default: DefineComponent<{
     enable: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>, () => VNode<RendererNode, RendererElement, {
+}, () => VNode<RendererNode, RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
-    enable: boolean;
-} & {} & {}>, {
+}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    enable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
     enable: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}>;
+}, {}>;
 export default _default;

package/lib/src/basic/arrow.vue.d.ts

@@ -1,4 +1,13 @@
 import { BasicArrowProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<BasicArrowProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BasicArrowProps & {}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}>;
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_TypePropsToOption<BasicArrowProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<BasicArrowProps>>>, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};