@aplus-frontend/ui 6.26.4 → 6.26.5

package/lib/src/ap-field/select/read.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),s=require("lodash-unified"),d={key:0},u=t.defineComponent({name:"ApFieldSelectRead",__name:"read",props:{mode:{},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean},animation:{},direction:{},disabled:{type:Boolean},prefixCls:{},getPopupContainer:{},virtual:{type:Boolean},dropdownMatchSelectWidth:{},loading:{type:Boolean},showAction:{},dropdownAlign:{},placeholder:{},allowClear:{type:Boolean},autofocus:{type:Boolean},defaultOpen:{type:Boolean},id:{},clearIcon:{},options:{},onDeselect:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},showSearch:{type:Boolean},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},optionLabelRender:{},onClear:{},onDropdownVisibleChange:{},showArrow:{type:Boolean},onPopupScroll:{},menuItemSelectedIcon:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},defaultActiveFirstOption:{type:Boolean},onClickOption:{},labelInValue:{type:Boolean},emptyText:{default:"--"},request:{},multiple:{type:Boolean},value:{},"onUpdate:value":{},searchMode:{},refetchOnFocus:{type:Boolean},lazy:{type:Boolean},addAll:{type:[Boolean,Number]},params:{},searchDelay:{}},setup(r){const e=r,i=t.computed(()=>{const o=e.value;if(!o)return e.emptyText;const n=e.fieldNames?.label||"label",l=e.fieldNames?.value||"value";return s.isArray(o)?o.map(a=>e.options?.find(p=>p[l]===a)?.[n]).filter(Boolean).join("、")||e.emptyText:e.options?.find(a=>a[l]===o)?.[n]||e.emptyText});return(o,n)=>o.mode==="read"?(t.openBlock(),t.createElementBlock("span",d,t.toDisplayString(i.value),1)):t.createCommentVNode("",!0)}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),s=require("lodash-unified"),d={key:0},u=t.defineComponent({name:"ApFieldSelectRead",__name:"read",props:{mode:{},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean},showArrow:{type:Boolean},variant:{},maxCount:{},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean},animation:{},direction:{},disabled:{type:Boolean},prefixCls:{},getPopupContainer:{},virtual:{type:Boolean},dropdownMatchSelectWidth:{},loading:{type:Boolean},showAction:{},dropdownAlign:{},placeholder:{},allowClear:{type:Boolean},autofocus:{type:Boolean},defaultOpen:{type:Boolean},id:{},clearIcon:{},options:{},onDeselect:{},prefix:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},showSearch:{type:Boolean},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},optionLabelRender:{},onClear:{},onDropdownVisibleChange:{},onPopupScroll:{},menuItemSelectedIcon:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},defaultActiveFirstOption:{type:Boolean},onClickOption:{},labelInValue:{type:Boolean},emptyText:{default:"--"},request:{},multiple:{type:Boolean},value:{},"onUpdate:value":{},searchMode:{},refetchOnFocus:{type:Boolean},lazy:{type:Boolean},addAll:{type:[Boolean,Number]},params:{},searchDelay:{}},setup(r){const e=r,i=t.computed(()=>{const o=e.value;if(!o)return e.emptyText;const n=e.fieldNames?.label||"label",l=e.fieldNames?.value||"value";return s.isArray(o)?o.map(a=>e.options?.find(p=>p[l]===a)?.[n]).filter(Boolean).join("、")||e.emptyText:e.options?.find(a=>a[l]===o)?.[n]||e.emptyText});return(o,n)=>o.mode==="read"?(t.openBlock(),t.createElementBlock("span",d,t.toDisplayString(i.value),1)):t.createCommentVNode("",!0)}});exports.default=u;

package/lib/src/ap-field/tree-select/index.vue.d.ts

@@ -159,7 +159,9 @@ declare function __VLS_template(): {
             id: StringConstructor;
             clearIcon: VueTypeValidableDef<any>;
             notFoundContent: VueTypeValidableDef<any>;
+            maxCount: NumberConstructor;
             onDeselect: PropType<SelectHandler<unknown, BaseOptionType>>;
+            prefix: VueTypeValidableDef<any>;
             onSearch: {
                 type: PropType<(value: string) => void>;
             };
@@ -218,10 +220,6 @@ declare function __VLS_template(): {
             getRawInputElement: {
                 type: PropType<() => any>;
             };
-            showArrow: {
-                type: BooleanConstructor;
-                default: any;
-            };
             onPopupScroll: PropType<(e: UIEvent) => void>;
             listItemHeight: NumberConstructor;
             inputValue: StringConstructor;
@@ -233,6 +231,10 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: any;
             };
+            showArrow: {
+                type: BooleanConstructor;
+                default: any;
+            };
             showCheckedStrategy: {
                 type: PropType<CheckedStrategy>;
             };
@@ -287,9 +289,9 @@ declare function __VLS_template(): {
             replaceFields: FieldNames;
             treeCheckable: boolean;
             showSearch: boolean;
-            showArrow: boolean;
             autoClearSearchValue: boolean;
             labelInValue: boolean;
+            showArrow: boolean;
             treeDefaultExpandAll: boolean;
             treeLine: boolean | {
                 showLeafIcon: boolean;
@@ -436,7 +438,9 @@ declare function __VLS_template(): {
             id: StringConstructor;
             clearIcon: VueTypeValidableDef<any>;
             notFoundContent: VueTypeValidableDef<any>;
+            maxCount: NumberConstructor;
             onDeselect: PropType<SelectHandler<unknown, BaseOptionType>>;
+            prefix: VueTypeValidableDef<any>;
             onSearch: {
                 type: PropType<(value: string) => void>;
             };
@@ -495,10 +499,6 @@ declare function __VLS_template(): {
             getRawInputElement: {
                 type: PropType<() => any>;
             };
-            showArrow: {
-                type: BooleanConstructor;
-                default: any;
-            };
             onPopupScroll: PropType<(e: UIEvent) => void>;
             listItemHeight: NumberConstructor;
             inputValue: StringConstructor;
@@ -510,6 +510,10 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: any;
             };
+            showArrow: {
+                type: BooleanConstructor;
+                default: any;
+            };
             showCheckedStrategy: {
                 type: PropType<CheckedStrategy>;
             };
@@ -564,9 +568,9 @@ declare function __VLS_template(): {
             replaceFields: FieldNames;
             treeCheckable: boolean;
             showSearch: boolean;
-            showArrow: boolean;
             autoClearSearchValue: boolean;
             labelInValue: boolean;
+            showArrow: boolean;
             treeDefaultExpandAll: boolean;
             treeLine: boolean | {
                 showLeafIcon: boolean;
@@ -600,8 +604,8 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
     dropdownMatchSelectWidth: number | boolean;
     allowClear: boolean;
     defaultOpen: boolean;
-    showSearch: boolean;
     showArrow: boolean;
+    showSearch: boolean;
     autoClearSearchValue: boolean;
     labelInValue: boolean;
     treeCheckable: boolean;
@@ -728,7 +732,9 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
         id: StringConstructor;
         clearIcon: VueTypeValidableDef<any>;
         notFoundContent: VueTypeValidableDef<any>;
+        maxCount: NumberConstructor;
         onDeselect: PropType<SelectHandler<unknown, BaseOptionType>>;
+        prefix: VueTypeValidableDef<any>;
         onSearch: {
             type: PropType<(value: string) => void>;
         };
@@ -787,10 +793,6 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
         getRawInputElement: {
             type: PropType<() => any>;
         };
-        showArrow: {
-            type: BooleanConstructor;
-            default: any;
-        };
         onPopupScroll: PropType<(e: UIEvent) => void>;
         listItemHeight: NumberConstructor;
         inputValue: StringConstructor;
@@ -802,6 +804,10 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
             type: BooleanConstructor;
             default: any;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: any;
+        };
         showCheckedStrategy: {
             type: PropType<CheckedStrategy>;
         };
@@ -856,9 +862,9 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
         replaceFields: FieldNames;
         treeCheckable: boolean;
         showSearch: boolean;
-        showArrow: boolean;
         autoClearSearchValue: boolean;
         labelInValue: boolean;
+        showArrow: boolean;
         treeDefaultExpandAll: boolean;
         treeLine: boolean | {
             showLeafIcon: boolean;
@@ -1005,7 +1011,9 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
         id: StringConstructor;
         clearIcon: VueTypeValidableDef<any>;
         notFoundContent: VueTypeValidableDef<any>;
+        maxCount: NumberConstructor;
         onDeselect: PropType<SelectHandler<unknown, BaseOptionType>>;
+        prefix: VueTypeValidableDef<any>;
         onSearch: {
             type: PropType<(value: string) => void>;
         };
@@ -1064,10 +1072,6 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
         getRawInputElement: {
             type: PropType<() => any>;
         };
-        showArrow: {
-            type: BooleanConstructor;
-            default: any;
-        };
         onPopupScroll: PropType<(e: UIEvent) => void>;
         listItemHeight: NumberConstructor;
         inputValue: StringConstructor;
@@ -1079,6 +1083,10 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
             type: BooleanConstructor;
             default: any;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: any;
+        };
         showCheckedStrategy: {
             type: PropType<CheckedStrategy>;
         };
@@ -1133,9 +1141,9 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
         replaceFields: FieldNames;
         treeCheckable: boolean;
         showSearch: boolean;
-        showArrow: boolean;
         autoClearSearchValue: boolean;
         labelInValue: boolean;
+        showArrow: boolean;
         treeDefaultExpandAll: boolean;
         treeLine: boolean | {
             showLeafIcon: boolean;

package/lib/src/ap-field/tree-select/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@aplus-frontend/antdv");require("../../hooks/index.js");const g=require("lodash-unified"),q=require("./use-request.js"),P=require("../../hooks/useControllableValue.js");function v(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!e.isVNode(r)}const _=e.defineComponent({name:"ApFieldTreeSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},suffixIcon:{},size:{},bordered:{type:Boolean,default:void 0},treeLine:{},replaceFields:{},placement:{},status:{},popupClassName:{},dropdownClassName:{},"onUpdate:value":{},"onUpdate:treeExpandedKeys":{},"onUpdate:searchValue":{},value:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},multiple:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},prefixCls:{},getPopupContainer:{},virtual:{type:Boolean,default:!0},dropdownMatchSelectWidth:{default:!0},loading:{type:Boolean,default:void 0},defaultValue:{},showAction:{},transitionName:{},dropdownAlign:{},placeholder:{},allowClear:{type:Boolean,default:void 0},autofocus:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},id:{},clearIcon:{},notFoundContent:{},onDeselect:{},onSearch:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},switcherIcon:{},filterTreeNode:{},treeData:{},treeCheckable:{type:Boolean,default:void 0},showSearch:{type:Boolean,default:void 0},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},choiceTransitionName:{},optionLabelRender:{},onClear:{},onDropdownVisibleChange:{},getRawInputElement:{},showArrow:{type:Boolean,default:void 0},onPopupScroll:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean,default:void 0},labelInValue:{type:Boolean,default:void 0},showCheckedStrategy:{},treeExpandAction:{},treeDefaultExpandAll:{type:Boolean,default:void 0},treeIcon:{},treeLoadedKeys:{},onTreeLoad:{},treeNodeFilterProp:{},treeNodeLabelProp:{},treeCheckStrictly:{type:Boolean,default:void 0},treeDataSimpleMode:{},treeExpandedKeys:{},treeDefaultExpandedKeys:{},onTreeExpand:{},dropdownPopupAlign:{},emptyText:{default:"--"},request:{},lazy:{type:Boolean},params:{},loadData:{type:Boolean}},emits:["update:value"],setup(r,{expose:S,emit:B}){const o=r,C=e.useSlots(),N=B,s=e.ref(),{value:p,updateValue:w}=P.useControllableValue(o,N),{treeData:f,loading:m,request:y}=q.useRequest(o),V=e.computed(()=>{let t;const d=e.unref(p),u=g.isArray(d)?d:[d].filter(Boolean);if(!u.length)return e.createVNode(e.Fragment,null,[o.emptyText]);const n=[],c=o.fieldNames?.label||"label",k=o.fieldNames?.value||"value";function h(a){for(const l of a){if(u.find(D=>D===l[k])&&n.push(l[c]),n.length===u.length)return;l.children?.length&&h(l.children)}}return h(e.unref(f)),n.length?n.length===1?e.createVNode("span",null,[n[0]]):e.createVNode(i.Space,{size:4},v(t=n.map((a,l)=>e.createVNode(i.Tag,{style:"margin-right: 0px",key:`${a}-${l}`},v(a)?a:{default:()=>[a]})))?t:{default:()=>[t]}):e.createVNode(e.Fragment,null,[o.emptyText])});function x(){s.value?.focus?.()}function b(){s.value?.blur?.()}function T(t){return y(t)}return S({request:y,focus:x,blur:b}),(t,d)=>t.mode==="read"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V.value),{key:0})):(e.openBlock(),e.createBlock(e.unref(i.TreeSelect),e.mergeProps({key:1},e.unref(g.omit)(o,["onUpdate:value","value","treeData","loadData"]),{ref_key:"treeSelectRef",ref:s,value:e.unref(p),"tree-data":e.unref(f),loading:e.unref(m),"load-data":t.loadData?T:void 0,"onUpdate:value":e.unref(w)}),e.createSlots({_:2},[e.renderList(C,(u,n)=>({name:n,fn:e.withCtx(c=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(c||{})))])})),e.unref(m)?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(i.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["value","tree-data","loading","load-data","onUpdate:value"]))}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@aplus-frontend/antdv");require("../../hooks/index.js");const g=require("lodash-unified"),q=require("./use-request.js"),P=require("../../hooks/useControllableValue.js");function v(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!e.isVNode(r)}const _=e.defineComponent({name:"ApFieldTreeSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},suffixIcon:{},size:{},bordered:{type:Boolean,default:void 0},treeLine:{},replaceFields:{},placement:{},status:{},popupClassName:{},dropdownClassName:{},"onUpdate:value":{},"onUpdate:treeExpandedKeys":{},"onUpdate:searchValue":{},value:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},multiple:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},prefixCls:{},getPopupContainer:{},virtual:{type:Boolean,default:!0},dropdownMatchSelectWidth:{default:!0},loading:{type:Boolean,default:void 0},defaultValue:{},showAction:{},transitionName:{},dropdownAlign:{},placeholder:{},allowClear:{type:Boolean,default:void 0},autofocus:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},id:{},clearIcon:{},notFoundContent:{},maxCount:{},onDeselect:{},prefix:{},onSearch:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},switcherIcon:{},filterTreeNode:{},treeData:{},treeCheckable:{type:Boolean,default:void 0},showSearch:{type:Boolean,default:void 0},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},choiceTransitionName:{},optionLabelRender:{},onClear:{},onDropdownVisibleChange:{},getRawInputElement:{},onPopupScroll:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean,default:void 0},labelInValue:{type:Boolean,default:void 0},showArrow:{type:Boolean,default:void 0},showCheckedStrategy:{},treeExpandAction:{},treeDefaultExpandAll:{type:Boolean,default:void 0},treeIcon:{},treeLoadedKeys:{},onTreeLoad:{},treeNodeFilterProp:{},treeNodeLabelProp:{},treeCheckStrictly:{type:Boolean,default:void 0},treeDataSimpleMode:{},treeExpandedKeys:{},treeDefaultExpandedKeys:{},onTreeExpand:{},dropdownPopupAlign:{},emptyText:{default:"--"},request:{},lazy:{type:Boolean},params:{},loadData:{type:Boolean}},emits:["update:value"],setup(r,{expose:S,emit:B}){const o=r,C=e.useSlots(),N=B,s=e.ref(),{value:p,updateValue:w}=P.useControllableValue(o,N),{treeData:f,loading:m,request:y}=q.useRequest(o),x=e.computed(()=>{let t;const d=e.unref(p),u=g.isArray(d)?d:[d].filter(Boolean);if(!u.length)return e.createVNode(e.Fragment,null,[o.emptyText]);const n=[],c=o.fieldNames?.label||"label",k=o.fieldNames?.value||"value";function h(a){for(const l of a){if(u.find(D=>D===l[k])&&n.push(l[c]),n.length===u.length)return;l.children?.length&&h(l.children)}}return h(e.unref(f)),n.length?n.length===1?e.createVNode("span",null,[n[0]]):e.createVNode(i.Space,{size:4},v(t=n.map((a,l)=>e.createVNode(i.Tag,{style:"margin-right: 0px",key:`${a}-${l}`},v(a)?a:{default:()=>[a]})))?t:{default:()=>[t]}):e.createVNode(e.Fragment,null,[o.emptyText])});function V(){s.value?.focus?.()}function b(){s.value?.blur?.()}function T(t){return y(t)}return S({request:y,focus:V,blur:b}),(t,d)=>t.mode==="read"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value),{key:0})):(e.openBlock(),e.createBlock(e.unref(i.TreeSelect),e.mergeProps({key:1},e.unref(g.omit)(o,["onUpdate:value","value","treeData","loadData"]),{ref_key:"treeSelectRef",ref:s,value:e.unref(p),"tree-data":e.unref(f),loading:e.unref(m),"load-data":t.loadData?T:void 0,"onUpdate:value":e.unref(w)}),e.createSlots({_:2},[e.renderList(C,(u,n)=>({name:n,fn:e.withCtx(c=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(c||{})))])})),e.unref(m)?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(i.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["value","tree-data","loading","load-data","onUpdate:value"]))}});exports.default=_;

package/lib/src/ap-field/tree-select/read.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("lodash-unified"),c=require("@aplus-frontend/antdv");function s(l){return typeof l=="function"||Object.prototype.toString.call(l)==="[object Object]"&&!e.isVNode(l)}const g=e.defineComponent({name:"ApFieldTreeSelectRead",__name:"read",props:{mode:{default:"edit"},class:{},style:{},suffixIcon:{},size:{},bordered:{type:Boolean},treeLine:{},replaceFields:{},placement:{},status:{},popupClassName:{},dropdownClassName:{},"onUpdate:value":{},"onUpdate:treeExpandedKeys":{},"onUpdate:searchValue":{},value:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean},animation:{},direction:{},multiple:{type:Boolean},disabled:{type:Boolean},prefixCls:{},getPopupContainer:{},virtual:{type:Boolean},dropdownMatchSelectWidth:{},loading:{type:Boolean},defaultValue:{},showAction:{},transitionName:{},dropdownAlign:{},placeholder:{},allowClear:{type:Boolean},autofocus:{type:Boolean},defaultOpen:{type:Boolean},id:{},clearIcon:{},notFoundContent:{},onDeselect:{},onSearch:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},switcherIcon:{},filterTreeNode:{},treeData:{},treeCheckable:{type:Boolean},showSearch:{type:Boolean},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},choiceTransitionName:{},optionLabelRender:{},onClear:{},onDropdownVisibleChange:{},getRawInputElement:{},showArrow:{type:Boolean},onPopupScroll:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean},labelInValue:{type:Boolean},showCheckedStrategy:{},treeExpandAction:{},treeDefaultExpandAll:{type:Boolean},treeIcon:{},treeLoadedKeys:{},onTreeLoad:{},treeNodeFilterProp:{},treeNodeLabelProp:{},treeCheckStrictly:{type:Boolean},treeDataSimpleMode:{},treeExpandedKeys:{},treeDefaultExpandedKeys:{},onTreeExpand:{},dropdownPopupAlign:{},emptyText:{default:"--"},request:{},lazy:{type:Boolean},params:{},loadData:{type:Boolean}},setup(l){const o=l,u=e.computed(()=>{let r;const d=o.value,p=f.isArray(d)?d:[d].filter(Boolean);if(!p.length)return e.createVNode(e.Fragment,null,[o.emptyText]);const t=[],y=o.fieldNames?.label||"label",h=o.fieldNames?.value||"value";function i(n){for(const a of n){if(p.find(m=>m===a[h])&&t.push(a[y]),t.length===p.length)return;a.children?.length&&i(a.children)}}return i(o.treeData),t.length?t.length===1?e.createVNode("span",null,[t[0]]):e.createVNode(c.Space,{size:4},s(r=t.map((n,a)=>e.createVNode(c.Tag,{style:"margin-right: 0px",key:`${n}-${a}`},s(n)?n:{default:()=>[n]})))?r:{default:()=>[r]}):e.createVNode(e.Fragment,null,[o.emptyText])});return(r,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value)))}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("lodash-unified"),c=require("@aplus-frontend/antdv");function s(l){return typeof l=="function"||Object.prototype.toString.call(l)==="[object Object]"&&!e.isVNode(l)}const g=e.defineComponent({name:"ApFieldTreeSelectRead",__name:"read",props:{mode:{default:"edit"},class:{},style:{},suffixIcon:{},size:{},bordered:{type:Boolean},treeLine:{},replaceFields:{},placement:{},status:{},popupClassName:{},dropdownClassName:{},"onUpdate:value":{},"onUpdate:treeExpandedKeys":{},"onUpdate:searchValue":{},value:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean},animation:{},direction:{},multiple:{type:Boolean},disabled:{type:Boolean},prefixCls:{},getPopupContainer:{},virtual:{type:Boolean},dropdownMatchSelectWidth:{},loading:{type:Boolean},defaultValue:{},showAction:{},transitionName:{},dropdownAlign:{},placeholder:{},allowClear:{type:Boolean},autofocus:{type:Boolean},defaultOpen:{type:Boolean},id:{},clearIcon:{},notFoundContent:{},maxCount:{},onDeselect:{},prefix:{},onSearch:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},switcherIcon:{},filterTreeNode:{},treeData:{},treeCheckable:{type:Boolean},showSearch:{type:Boolean},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},choiceTransitionName:{},optionLabelRender:{},onClear:{},onDropdownVisibleChange:{},getRawInputElement:{},onPopupScroll:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean},labelInValue:{type:Boolean},showArrow:{type:Boolean},showCheckedStrategy:{},treeExpandAction:{},treeDefaultExpandAll:{type:Boolean},treeIcon:{},treeLoadedKeys:{},onTreeLoad:{},treeNodeFilterProp:{},treeNodeLabelProp:{},treeCheckStrictly:{type:Boolean},treeDataSimpleMode:{},treeExpandedKeys:{},treeDefaultExpandedKeys:{},onTreeExpand:{},dropdownPopupAlign:{},emptyText:{default:"--"},request:{},lazy:{type:Boolean},params:{},loadData:{type:Boolean}},setup(l){const o=l,u=e.computed(()=>{let r;const d=o.value,p=h.isArray(d)?d:[d].filter(Boolean);if(!p.length)return e.createVNode(e.Fragment,null,[o.emptyText]);const t=[],y=o.fieldNames?.label||"label",m=o.fieldNames?.value||"value";function i(n){for(const a of n){if(p.find(f=>f===a[m])&&t.push(a[y]),t.length===p.length)return;a.children?.length&&i(a.children)}}return i(o.treeData),t.length?t.length===1?e.createVNode("span",null,[t[0]]):e.createVNode(c.Space,{size:4},s(r=t.map((n,a)=>e.createVNode(c.Tag,{style:"margin-right: 0px",key:`${n}-${a}`},s(n)?n:{default:()=>[n]})))?r:{default:()=>[r]}):e.createVNode(e.Fragment,null,[o.emptyText])});return(r,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value)))}});exports.default=g;

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

@@ -238,11 +238,16 @@ declare function __VLS_template(): {
                 type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                 default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
             };
+            variant: {
+                type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                default: "filled" | "outlined" | "borderless" | "underlined";
+            };
         }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
             size: ButtonSize;
             onSubmit: (e: Event) => void;
             disabled: boolean;
             validateTrigger: string | string[];
+            variant: "filled" | "outlined" | "borderless" | "underlined";
             onFinish: (values: any) => void;
             validateMessages: ValidateMessages;
             requiredMark: "" | RequiredMark;
@@ -354,7 +359,10 @@ declare function __VLS_template(): {
                     };
                     md: {
                         type: PropType<string | number | ColSize>;
-                        default: string | number | ColSize;
+                        default: string | number | **
+                         * 注册表单项
+                         * @param field
+                         */).ColSize;
                     };
                     lg: {
                         type: PropType<string | number | ColSize>;
@@ -558,11 +566,16 @@ declare function __VLS_template(): {
                 type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                 default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
             };
+            variant: {
+                type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                default: "filled" | "outlined" | "borderless" | "underlined";
+            };
         }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
             size: ButtonSize;
             onSubmit: (e: Event) => void;
             disabled: boolean;
             validateTrigger: string | string[];
+            variant: "filled" | "outlined" | "borderless" | "underlined";
             onFinish: (values: any) => void;
             validateMessages: ValidateMessages;
             requiredMark: "" | RequiredMark;
@@ -898,11 +911,16 @@ declare const __VLS_component: DefineComponent<ApFormProps, {
             type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
             default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
         };
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+            default: "filled" | "outlined" | "borderless" | "underlined";
+        };
     }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         size: ButtonSize;
         onSubmit: (e: Event) => void;
         disabled: boolean;
         validateTrigger: string | string[];
+        variant: "filled" | "outlined" | "borderless" | "underlined";
         onFinish: (values: any) => void;
         validateMessages: ValidateMessages;
         requiredMark: "" | RequiredMark;
@@ -1014,7 +1032,10 @@ declare const __VLS_component: DefineComponent<ApFormProps, {
                 };
                 md: {
                     type: PropType<string | number | ColSize>;
-                    default: string | number | ColSize;
+                    default: string | number | **
+                     * 注册表单项
+                     * @param field
+                     */).ColSize;
                 };
                 lg: {
                     type: PropType<string | number | ColSize>;
@@ -1218,11 +1239,16 @@ declare const __VLS_component: DefineComponent<ApFormProps, {
             type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
             default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
         };
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+            default: "filled" | "outlined" | "borderless" | "underlined";
+        };
     }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
         size: ButtonSize;
         onSubmit: (e: Event) => void;
         disabled: boolean;
         validateTrigger: string | string[];
+        variant: "filled" | "outlined" | "borderless" | "underlined";
         onFinish: (values: any) => void;
         validateMessages: ValidateMessages;
         requiredMark: "" | RequiredMark;

package/lib/src/ap-form/ap-form.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),J=require("@aplus-frontend/antdv"),Q=require("./context.js"),l=require("lodash-unified"),X=require("@vueuse/core"),Y=require("./constant.js"),p=require("../utils/index.js"),Z=require("./utils/set.js"),T=require("./utils/params.js"),z=require("./provider/context.js"),_=require("./utils/get.js"),ee=i.defineComponent({name:"ApForm",__name:"ap-form",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function],default:!1},syncToUrlPriority:{type:Boolean}},setup(O,{expose:j}){const s=O;function v(e,t,r=!0,n){if(l.isArray(e)){let o=a;for(let f=0;f<e.length-1;f++)e[f]in o||(o[e[f]]={}),o=o[e[f]];n?n(o,e[e.length-1]):o[e[e.length-1]]=t}else n?n(a,e):a[e]=t;let c=l.isArray(e)?e[0]:e;if(r){const o={[c]:a[c]};m.triggerFormChange(s.name,o),s.onValuesChange?.(o,a,e)}V()}const u=i.ref(),P=X.useUrlSearchParams(p.getRouteType()),m=z.useInjectFormProvider(),C=i.ref(s.syncToUrl?T.genParams(s.syncToUrl,P,"get"):{});let g=l.cloneDeep(U()),h={};const a=i.reactive(U());let F=[];function U(){const e=s.initialValues||{};return s.syncToUrlPriority?{...e,...i.unref(C)}:{...i.unref(C),...e}}function w(e){const t=y(e,h);m.triggerFormFinish(s.name,e),s.syncToUrl&&T.setToParams(P,T.genParams(s.syncToUrl,t,"set")),s.onFinish?.(t)}const B=async()=>{u.value?.resetFields(),await i.nextTick(()=>{Object.keys(a).forEach(e=>delete a[e]),Object.assign(a,g),V(),s.syncToUrl&&T.setToParams(P,T.genParams(s.syncToUrl,y(g,h),"set"))})},x=e=>{u.value?.clearValidate(e)},E=(e,t)=>u.value?.validateFields(e,t),S=async(e,t)=>{const r=await u.value?.validateFields(e,t);return y(r,h)},M=e=>e===!0?i.toRaw(a):u.value?.getFieldsValue(e),D=e=>{const t=M(e);return y(t,h)},N=(e,t)=>u.value?.validate(e,t),W=(e,t={})=>{u.value?.scrollToField(e,t)},$=e=>{Object.assign(a,e),V()},I=(e,t,r=!0,n)=>{v(e,t,r,n),V()};function q(e,t){return t||e(i.toRaw(a)),F.push(e),()=>{F=F.filter(r=>r!==e)}}function k(e,t){if(l.isArray(e)){let r=g;for(let n=0;n<e.length-1;n++)p.isDef(r[e[n]])||(r[e[n]]={}),r=r[e[n]];r[e[e.length-1]]=t}else g[e]=t}function K(e,t){if(!p.isDef(e)||!p.isDef(t))return;const r=_.getModelValue(g,t);if(l.isEqual(r,e))return;const n=_.getModelValue(i.unref(C),t);p.isDef(n)&&s.syncToUrlPriority||(v(t,e,!1),k(t,e))}function L(e,t){t&&(h=Z.default(h,[e].flat(1),t,!0))}function b({initialValue:e,name:t,transform:r}){K(e,t),L(t,r)}function A(){return g}function G(e){if(e!==Y.INTERNAL_FORM_INSTANCE_MARK){console.warn("getInternalInstance should only used at internal");return}return{registerField:b,registerWatch:q,setFieldValue:I,getInitialValues:A}}function V(){if(F.length){const e=i.toRaw(a);F.forEach(t=>{t(e)})}}function y(e,t){if(e==null)return;let r=l.isArray(e)?[]:{};return Object.keys(e).forEach(n=>{const c=e[n],o=t?.[n],f=l.isFunction(o)?o:o?.transformer,H=l.isFunction(o)?!0:o?.flat;if(l.isFunction(f)){const d=f(c);H?l.isArray(d)&&l.isArray(r)?r=[...r,...d]:l.isPlainObject(d)&&l.isPlainObject(r)?r={...r,...d}:r[n]=d:r[n]=d}else if(l.isPlainObject(c)||l.isArray(c)){const d=y(c,o);r[n]=d}else r[n]=c}),r}const R={resetFields:B,clearValidate:x,validateFields:E,getFieldsValue:M,validate:N,scrollToField:W,setFieldsValue:$,setFieldValue:I,registerWatch:q,validateFieldsReturnTransformed:S,getFieldsValueTransformed:D,getInternalInstance:G};return i.watch(()=>s.name,e=>{e&&(m.registerForm(e,R),i.onWatcherCleanup(()=>{m.unregisterForm(s.name)}))},{immediate:!0}),Q.useProvideForm({model:i.computed(()=>a),updateModel:v,internalInstance:{registerWatch:q,registerField:b,setFieldValue:I,getInitialValues:A}}),j(R),(e,t)=>(i.openBlock(),i.createBlock(i.unref(J.Form),i.mergeProps({ref_key:"formRef",ref:u},i.unref(l.omit)(s,["initialValues","onValuesChange","onFinish","syncToUrl","syncToUrlPriority"]),{model:a,"data-form-name":e.name,onFinish:w}),{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default")]),_:3},16,["model","data-form-name"]))}});exports.default=ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),J=require("@aplus-frontend/antdv"),Q=require("./context.js"),l=require("lodash-unified"),X=require("@vueuse/core"),Y=require("./constant.js"),p=require("../utils/index.js"),Z=require("./utils/set.js"),T=require("./utils/params.js"),z=require("./provider/context.js"),_=require("./utils/get.js"),ee=i.defineComponent({name:"ApForm",__name:"ap-form",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},variant:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function],default:!1},syncToUrlPriority:{type:Boolean}},setup(O,{expose:j}){const s=O;function v(e,t,r=!0,n){if(l.isArray(e)){let o=a;for(let f=0;f<e.length-1;f++)e[f]in o||(o[e[f]]={}),o=o[e[f]];n?n(o,e[e.length-1]):o[e[e.length-1]]=t}else n?n(a,e):a[e]=t;let c=l.isArray(e)?e[0]:e;if(r){const o={[c]:a[c]};m.triggerFormChange(s.name,o),s.onValuesChange?.(o,a,e)}V()}const u=i.ref(),P=X.useUrlSearchParams(p.getRouteType()),m=z.useInjectFormProvider(),C=i.ref(s.syncToUrl?T.genParams(s.syncToUrl,P,"get"):{});let g=l.cloneDeep(U()),h={};const a=i.reactive(U());let F=[];function U(){const e=s.initialValues||{};return s.syncToUrlPriority?{...e,...i.unref(C)}:{...i.unref(C),...e}}function w(e){const t=y(e,h);m.triggerFormFinish(s.name,e),s.syncToUrl&&T.setToParams(P,T.genParams(s.syncToUrl,t,"set")),s.onFinish?.(t)}const B=async()=>{u.value?.resetFields(),await i.nextTick(()=>{Object.keys(a).forEach(e=>delete a[e]),Object.assign(a,g),V(),s.syncToUrl&&T.setToParams(P,T.genParams(s.syncToUrl,y(g,h),"set"))})},x=e=>{u.value?.clearValidate(e)},E=(e,t)=>u.value?.validateFields(e,t),S=async(e,t)=>{const r=await u.value?.validateFields(e,t);return y(r,h)},M=e=>e===!0?i.toRaw(a):u.value?.getFieldsValue(e),D=e=>{const t=M(e);return y(t,h)},N=(e,t)=>u.value?.validate(e,t),W=(e,t={})=>{u.value?.scrollToField(e,t)},$=e=>{Object.assign(a,e),V()},I=(e,t,r=!0,n)=>{v(e,t,r,n),V()};function q(e,t){return t||e(i.toRaw(a)),F.push(e),()=>{F=F.filter(r=>r!==e)}}function k(e,t){if(l.isArray(e)){let r=g;for(let n=0;n<e.length-1;n++)p.isDef(r[e[n]])||(r[e[n]]={}),r=r[e[n]];r[e[e.length-1]]=t}else g[e]=t}function K(e,t){if(!p.isDef(e)||!p.isDef(t))return;const r=_.getModelValue(g,t);if(l.isEqual(r,e))return;const n=_.getModelValue(i.unref(C),t);p.isDef(n)&&s.syncToUrlPriority||(v(t,e,!1),k(t,e))}function L(e,t){t&&(h=Z.default(h,[e].flat(1),t,!0))}function b({initialValue:e,name:t,transform:r}){K(e,t),L(t,r)}function A(){return g}function G(e){if(e!==Y.INTERNAL_FORM_INSTANCE_MARK){console.warn("getInternalInstance should only used at internal");return}return{registerField:b,registerWatch:q,setFieldValue:I,getInitialValues:A}}function V(){if(F.length){const e=i.toRaw(a);F.forEach(t=>{t(e)})}}function y(e,t){if(e==null)return;let r=l.isArray(e)?[]:{};return Object.keys(e).forEach(n=>{const c=e[n],o=t?.[n],f=l.isFunction(o)?o:o?.transformer,H=l.isFunction(o)?!0:o?.flat;if(l.isFunction(f)){const d=f(c);H?l.isArray(d)&&l.isArray(r)?r=[...r,...d]:l.isPlainObject(d)&&l.isPlainObject(r)?r={...r,...d}:r[n]=d:r[n]=d}else if(l.isPlainObject(c)||l.isArray(c)){const d=y(c,o);r[n]=d}else r[n]=c}),r}const R={resetFields:B,clearValidate:x,validateFields:E,getFieldsValue:M,validate:N,scrollToField:W,setFieldsValue:$,setFieldValue:I,registerWatch:q,validateFieldsReturnTransformed:S,getFieldsValueTransformed:D,getInternalInstance:G};return i.watch(()=>s.name,e=>{e&&(m.registerForm(e,R),i.onWatcherCleanup(()=>{m.unregisterForm(s.name)}))},{immediate:!0}),Q.useProvideForm({model:i.computed(()=>a),updateModel:v,internalInstance:{registerWatch:q,registerField:b,setFieldValue:I,getInitialValues:A}}),j(R),(e,t)=>(i.openBlock(),i.createBlock(i.unref(J.Form),i.mergeProps({ref_key:"formRef",ref:u},i.unref(l.omit)(s,["initialValues","onValuesChange","onFinish","syncToUrl","syncToUrlPriority"]),{model:a,"data-form-name":e.name,onFinish:w}),{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default")]),_:3},16,["model","data-form-name"]))}});exports.default=ee;

package/lib/src/ap-form/drawer-form/index.vue.d.ts

@@ -115,6 +115,7 @@ declare function __VLS_template(): {
                 readonly onFinish?: ((values: any) => void) | undefined;
                 readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
                 readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
+                readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
                 readonly initialValues?: Recordable | undefined;
                 readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
                 readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
@@ -349,11 +350,16 @@ declare function __VLS_template(): {
                         type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                         default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                     };
+                    variant: {
+                        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                        default: "filled" | "outlined" | "borderless" | "underlined";
+                    };
                 }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
                     size: ButtonSize;
                     onSubmit: (e: Event) => void;
                     disabled: boolean;
                     validateTrigger: string | string[];
+                    variant: "filled" | "outlined" | "borderless" | "underlined";
                     onFinish: (values: any) => void;
                     validateMessages: ValidateMessages;
                     requiredMark: "" | RequiredMark;
@@ -669,11 +675,16 @@ declare function __VLS_template(): {
                         type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                         default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                     };
+                    variant: {
+                        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                        default: "filled" | "outlined" | "borderless" | "underlined";
+                    };
                 }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
                     size: ButtonSize;
                     onSubmit: (e: Event) => void;
                     disabled: boolean;
                     validateTrigger: string | string[];
+                    variant: "filled" | "outlined" | "borderless" | "underlined";
                     onFinish: (values: any) => void;
                     validateMessages: ValidateMessages;
                     requiredMark: "" | RequiredMark;
@@ -1063,6 +1074,7 @@ declare const __VLS_component: DefineComponent<ApFormDrawerFormProps, {
             readonly onFinish?: ((values: any) => void) | undefined;
             readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
             readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
+            readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
             readonly initialValues?: Recordable | undefined;
             readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
             readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
@@ -1297,11 +1309,16 @@ declare const __VLS_component: DefineComponent<ApFormDrawerFormProps, {
                     type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                     default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
                 size: ButtonSize;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
+                variant: "filled" | "outlined" | "borderless" | "underlined";
                 onFinish: (values: any) => void;
                 validateMessages: ValidateMessages;
                 requiredMark: "" | RequiredMark;
@@ -1617,11 +1634,16 @@ declare const __VLS_component: DefineComponent<ApFormDrawerFormProps, {
                     type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                     default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
                 size: ButtonSize;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
+                variant: "filled" | "outlined" | "borderless" | "underlined";
                 onFinish: (values: any) => void;
                 validateMessages: ValidateMessages;
                 requiredMark: "" | RequiredMark;

package/lib/src/ap-form/drawer-form/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../../hooks/index.js");const L=require("../../utils/slot.js");require("../../config-provider/index.js");const b=require("lodash-unified"),U=require("../../utils/index.js"),j=require("../../hooks/useControllableValue.js"),E=require("../../config-provider/hooks/use-locale.js"),D=require("../../config-provider/hooks/use-namespace.js"),I=require("../ap-form.vue2.js");function W(l){return typeof l=="function"||Object.prototype.toString.call(l)==="[object Object]"&&!e.isVNode(l)}const A=e.defineComponent({name:"ApFormDrawerForm",__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onFieldsChange:{},onFinishFailed:{},onValidate:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},open:{type:Boolean,default:void 0},"onUpdate:open":{},drawerProps:{default:()=>({})},title:{},width:{default:378},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0},submitTimeout:{},resize:{type:[Object,Boolean],default:!1}},emits:["update:open"],setup(l,{expose:k,emit:x}){const n=l,p=e.useSlots(),R=x,i=e.ref(),d=e.ref(),r=e.ref(!1),{value:g,updateValue:c}=j.useControllableValue(n,R,{valuePropName:"open",defaultValue:!1}),a=e.computed(()=>{const t={onResize:()=>{},minWidth:300,maxWidth:window.innerWidth*.8,resizeOnOpen:!0};return b.isBoolean(n.resize)?n.resize?t:{}:{minWidth:n.resize?.minWidth??t.minWidth,maxWidth:n.resize?.maxWidth??t.maxWidth,onResize:n.resize?.onResize??t.onResize,resizeOnOpen:b.isUndefined(n.resize?.resizeOnOpen)?t.onResize:n.resize.resizeOnOpen}}),u=e.ref(y()),{t:v}=E.useLocale(),{e:N,em:F}=D.useNamespace("ap-form-drawer-form"),O=e.computed(()=>[N("resize-bar"),{[F("resize-bar","min-disabled")]:e.unref(u)===e.unref(a).minWidth},{[F("resize-bar","max-disabled")]:e.unref(u)===e.unref(a).maxWidth}]);e.watch(()=>i.value,t=>{t&&d.value&&(t.setFieldsValue?.(d.value),d.value=void 0)}),e.watch(()=>e.unref(g),t=>{t&&e.unref(a)?.resizeOnOpen&&(u.value=y())});function y(){const t=e.unref(a)?.minWidth;return!t||t&&t<n.width?n.width:t}const V=L.getSingleVNode(p.trigger),w=V?e.cloneVNode(V,{onClick:()=>{c(!0)}}):null,P=e.computed(()=>{const t=[];if(n.submitter===!1)return null;if(n.showCancel){let o;t.push(e.createVNode(s.Button,{onClick:B,disabled:r.value},W(o=v("ap.common.cancelText"))?o:{default:()=>[o]}))}return n.submitter?.resetButtonProps!==!1&&t.push(e.createVNode(s.Button,e.mergeProps(n.submitter?.resetButtonProps||{},{key:"submit",disabled:r.value,onClick:q}),{default:()=>[n.submitter?.resetText||v("ap.common.resetText")]})),n.submitter?.submitButtonProps!==!1&&t.push(e.createVNode(s.Button,e.mergeProps({type:"primary",key:"submit"},n.submitter?.submitButtonProps||{},{loading:r.value,onClick:S}),{default:()=>[n.submitter?.submitText||v("ap.common.okText")]})),e.createVNode(s.Flex,{justify:"flex-end"},{default:()=>[p.submitter?p.submitter(t):e.createVNode(s.Space,null,W(t)?t:{default:()=>[t]})]})});function _(){a.value?.onResize?.(),document.addEventListener("mousemove",C),document.addEventListener("mouseup",z)}function C(t){const o=e.unref(a),f=(document.body.offsetWidth||1e3)-(t.clientX-document.body.offsetLeft),m=o?.minWidth??(n.width||800),T=o?.maxWidth??window.innerWidth*.8;let h=f;f<m&&(h=m),f>T&&(h=T),u.value=h}function z(){document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",z)}function q(){n.submitter!==!1&&(i.value?.resetFields(),n.submitter?.onReset?.())}async function S(){if(n.submitter!==!1)try{const t=await i.value?.validateFieldsReturnTransformed();n.submitter?.onSubmit?.(),r.value=!0;const o=n.onFinish?.(U.convertReactiveToRaw(t));if(n.submitTimeout&&o instanceof Promise){const m=setTimeout(()=>r.value=!1,n.submitTimeout);o.finally(()=>{clearTimeout(m),r.value=!1})}await o&&c(!1)}finally{r.value=!1}}function B(){e.unref(r)||c(!1)}function M(t){!t&&e.unref(r)||c(t)}return k({resetFields:async()=>{i.value?.resetFields()},clearValidate:t=>{i.value?.clearValidate(t)},validateFields:(t,o)=>i.value?.validateFields(t,o),getFieldsValue:t=>i.value?.getFieldsValue(t),validate:(t,o)=>i.value?.validate(t,o),scrollToField:(t,o={})=>{i.value?.scrollToField(t,o)},setFieldValue:(t,o)=>{i.value?.setFieldValue?.(t,o)},setFieldsValue:t=>{if(!i.value){d.value=t;return}i.value?.setFieldsValue?.(t)},getInternalInstance:t=>i.value?.getInternalInstance(t),getFieldsValueTransformed:t=>i.value?.getFieldsValueTransformed(t),validateFieldsReturnTransformed:t=>i.value?.validateFieldsReturnTransformed(t)}),(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(s.Drawer),e.mergeProps(t.drawerProps,{open:e.unref(g),width:u.value,"onUpdate:open":M,onCancel:B}),{title:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(n.title),1)])]),footer:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(P.value)))]),default:e.withCtx(()=>[e.createVNode(I.default,e.mergeProps({ref_key:"formRef",ref:i},e.unref(b.omit)(n,["drawerProps","open","onUpdate:open","title","width","onFinish","submitter"])),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16),t.resize?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(O.value),onMousedown:e.withModifiers(_,["stop","prevent"])},null,34)):e.createCommentVNode("",!0)]),_:3},16,["open","width"]),e.unref(w)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(w)),{key:0})):e.createCommentVNode("",!0)],64))}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../../hooks/index.js");const L=require("../../utils/slot.js");require("../../config-provider/index.js");const b=require("lodash-unified"),U=require("../../utils/index.js"),j=require("../../hooks/useControllableValue.js"),E=require("../../config-provider/hooks/use-locale.js"),D=require("../../config-provider/hooks/use-namespace.js"),I=require("../ap-form.vue2.js");function W(l){return typeof l=="function"||Object.prototype.toString.call(l)==="[object Object]"&&!e.isVNode(l)}const A=e.defineComponent({name:"ApFormDrawerForm",__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onFieldsChange:{},onFinishFailed:{},onValidate:{},variant:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},open:{type:Boolean,default:void 0},"onUpdate:open":{},drawerProps:{default:()=>({})},title:{},width:{default:378},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0},submitTimeout:{},resize:{type:[Object,Boolean],default:!1}},emits:["update:open"],setup(l,{expose:k,emit:x}){const n=l,p=e.useSlots(),R=x,i=e.ref(),d=e.ref(),r=e.ref(!1),{value:g,updateValue:c}=j.useControllableValue(n,R,{valuePropName:"open",defaultValue:!1}),a=e.computed(()=>{const t={onResize:()=>{},minWidth:300,maxWidth:window.innerWidth*.8,resizeOnOpen:!0};return b.isBoolean(n.resize)?n.resize?t:{}:{minWidth:n.resize?.minWidth??t.minWidth,maxWidth:n.resize?.maxWidth??t.maxWidth,onResize:n.resize?.onResize??t.onResize,resizeOnOpen:b.isUndefined(n.resize?.resizeOnOpen)?t.onResize:n.resize.resizeOnOpen}}),u=e.ref(y()),{t:v}=E.useLocale(),{e:N,em:F}=D.useNamespace("ap-form-drawer-form"),O=e.computed(()=>[N("resize-bar"),{[F("resize-bar","min-disabled")]:e.unref(u)===e.unref(a).minWidth},{[F("resize-bar","max-disabled")]:e.unref(u)===e.unref(a).maxWidth}]);e.watch(()=>i.value,t=>{t&&d.value&&(t.setFieldsValue?.(d.value),d.value=void 0)}),e.watch(()=>e.unref(g),t=>{t&&e.unref(a)?.resizeOnOpen&&(u.value=y())});function y(){const t=e.unref(a)?.minWidth;return!t||t&&t<n.width?n.width:t}const V=L.getSingleVNode(p.trigger),w=V?e.cloneVNode(V,{onClick:()=>{c(!0)}}):null,P=e.computed(()=>{const t=[];if(n.submitter===!1)return null;if(n.showCancel){let o;t.push(e.createVNode(s.Button,{onClick:B,disabled:r.value},W(o=v("ap.common.cancelText"))?o:{default:()=>[o]}))}return n.submitter?.resetButtonProps!==!1&&t.push(e.createVNode(s.Button,e.mergeProps(n.submitter?.resetButtonProps||{},{key:"submit",disabled:r.value,onClick:q}),{default:()=>[n.submitter?.resetText||v("ap.common.resetText")]})),n.submitter?.submitButtonProps!==!1&&t.push(e.createVNode(s.Button,e.mergeProps({type:"primary",key:"submit"},n.submitter?.submitButtonProps||{},{loading:r.value,onClick:S}),{default:()=>[n.submitter?.submitText||v("ap.common.okText")]})),e.createVNode(s.Flex,{justify:"flex-end"},{default:()=>[p.submitter?p.submitter(t):e.createVNode(s.Space,null,W(t)?t:{default:()=>[t]})]})});function _(){a.value?.onResize?.(),document.addEventListener("mousemove",C),document.addEventListener("mouseup",z)}function C(t){const o=e.unref(a),f=(document.body.offsetWidth||1e3)-(t.clientX-document.body.offsetLeft),m=o?.minWidth??(n.width||800),T=o?.maxWidth??window.innerWidth*.8;let h=f;f<m&&(h=m),f>T&&(h=T),u.value=h}function z(){document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",z)}function q(){n.submitter!==!1&&(i.value?.resetFields(),n.submitter?.onReset?.())}async function S(){if(n.submitter!==!1)try{const t=await i.value?.validateFieldsReturnTransformed();n.submitter?.onSubmit?.(),r.value=!0;const o=n.onFinish?.(U.convertReactiveToRaw(t));if(n.submitTimeout&&o instanceof Promise){const m=setTimeout(()=>r.value=!1,n.submitTimeout);o.finally(()=>{clearTimeout(m),r.value=!1})}await o&&c(!1)}finally{r.value=!1}}function B(){e.unref(r)||c(!1)}function M(t){!t&&e.unref(r)||c(t)}return k({resetFields:async()=>{i.value?.resetFields()},clearValidate:t=>{i.value?.clearValidate(t)},validateFields:(t,o)=>i.value?.validateFields(t,o),getFieldsValue:t=>i.value?.getFieldsValue(t),validate:(t,o)=>i.value?.validate(t,o),scrollToField:(t,o={})=>{i.value?.scrollToField(t,o)},setFieldValue:(t,o)=>{i.value?.setFieldValue?.(t,o)},setFieldsValue:t=>{if(!i.value){d.value=t;return}i.value?.setFieldsValue?.(t)},getInternalInstance:t=>i.value?.getInternalInstance(t),getFieldsValueTransformed:t=>i.value?.getFieldsValueTransformed(t),validateFieldsReturnTransformed:t=>i.value?.validateFieldsReturnTransformed(t)}),(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(s.Drawer),e.mergeProps(t.drawerProps,{open:e.unref(g),width:u.value,"onUpdate:open":M,onCancel:B}),{title:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(n.title),1)])]),footer:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(P.value)))]),default:e.withCtx(()=>[e.createVNode(I.default,e.mergeProps({ref_key:"formRef",ref:i},e.unref(b.omit)(n,["drawerProps","open","onUpdate:open","title","width","onFinish","submitter"])),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16),t.resize?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(O.value),onMousedown:e.withModifiers(_,["stop","prevent"])},null,34)):e.createCommentVNode("",!0)]),_:3},16,["open","width"]),e.unref(w)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(w)),{key:0})):e.createCommentVNode("",!0)],64))}});exports.default=A;