@aplus-frontend/ui 6.26.4 → 6.27.0

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;
@@ -558,11 +563,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 +908,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;
@@ -1218,11 +1233,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){return e(i.toRaw(a)),F.push(e),()=>{F=F.filter(t=>t!==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;

package/lib/src/ap-form/hooks/use-watch.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("../context.js"),e=require("vue"),N=require("../constant.js"),g=require("../utils/get.js");function i(n){try{return JSON.stringify(n)}catch{return Math.random()}}function v(n,u,V){const{internalInstance:S,model:h}=I.useInjectForm(),o=V?.initialValue||u?.initialValue||void 0,l=e.ref(o);let a=i(o),s=!0;const M=u&&"value"in u?u:void 0;return e.watchEffect(c=>{const t=M?.value?.getInternalInstance(N.INTERNAL_FORM_INSTANCE_MARK)||S;if(!t){s=!1;return}const r=t.registerWatch(w=>{const f=g.getModelValue(w,e.unref(n)),d=i(f);d!==a&&(l.value=f,a=d)},s);c(r)}),e.watch(()=>e.unref(n),c=>{const t=g.getModelValue(e.unref(h),c),r=i(t);r!==a&&(l.value=t,a=r)}),l}exports.default=v;exports.useWatch=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("../context.js"),e=require("vue"),w=require("../constant.js"),d=require("../utils/get.js");function i(t){try{return JSON.stringify(t)}catch{return Math.random()}}function g(t,n,V){const{internalInstance:S,model:h}=M.useInjectForm(),o=V?.initialValue||n?.initialValue||void 0,l=e.ref(o);let u=i(o);const s=e.computed(()=>(n&&"value"in n?n:void 0)?.value?.getInternalInstance(w.INTERNAL_FORM_INSTANCE_MARK)||S);return e.watchEffect(a=>{if(!s.value)return;const r=s.value.registerWatch(c=>{const f=d.getModelValue(c,e.unref(t)),v=i(f);v!==u&&(l.value=f,u=v)});a(r)}),e.watch(()=>e.unref(t),a=>{const r=d.getModelValue(e.unref(h),a),c=i(r);c!==u&&(l.value=r,u=c)}),l}exports.default=g;exports.useWatch=g;

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

@@ -114,7 +114,7 @@ export type ApFormInternalInstance = {
      * @param inner
      * @returns
      */
-    registerWatch: (callback: WatchFunc, inner: boolean) => () => void;
+    registerWatch: (callback: WatchFunc, inner?: boolean) => () => void;
     /**
      * 注册表单项
      * @param field

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

@@ -67,6 +67,7 @@ declare function __VLS_template(): {
                 readonly animation?: string | undefined;
                 readonly children?: VueNode[] | undefined;
                 readonly prefixCls?: string | undefined;
+                readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
                 readonly loading?: boolean | undefined;
                 readonly transitionName?: string | undefined;
                 readonly autofocus?: boolean | undefined;
@@ -78,6 +79,7 @@ declare function __VLS_template(): {
                 readonly id?: string | undefined;
                 readonly placeholder?: any;
                 readonly status?: "" | "error" | "warning" | undefined;
+                readonly prefix?: any;
                 readonly clearIcon?: any;
                 readonly allowClear?: boolean | undefined;
                 readonly options?: DefaultOptionType[] | undefined;
@@ -88,6 +90,8 @@ declare function __VLS_template(): {
                 readonly suffixIcon?: any;
                 readonly notFoundContent?: any;
                 readonly itemIcon?: any;
+                readonly showArrow?: boolean | undefined;
+                readonly maxCount?: number | undefined;
                 readonly choiceTransitionName?: "" | undefined;
                 readonly popupClassName?: string | undefined;
                 readonly listHeight?: number | undefined;
@@ -108,7 +112,6 @@ declare function __VLS_template(): {
                 readonly optionLabelRender?: ((option: Record<string, any>) => any) | undefined;
                 readonly onClear?: (() => void) | undefined;
                 readonly onDropdownVisibleChange?: ((open: boolean) => void) | undefined;
-                readonly showArrow?: boolean | undefined;
                 readonly onPopupScroll?: ((e: UIEvent) => void) | undefined;
                 readonly menuItemSelectedIcon?: any;
                 readonly listItemHeight?: number | undefined;
@@ -163,6 +166,15 @@ declare function __VLS_template(): {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    showArrow: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    variant: {
+                        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                        default: "filled" | "outlined" | "borderless" | "underlined";
+                    };
+                    maxCount: NumberConstructor;
                     transitionName: StringConstructor;
                     choiceTransitionName: {
                         type: PropType<"">;
@@ -245,6 +257,7 @@ declare function __VLS_template(): {
                     clearIcon: VueTypeValidableDef<any>;
                     options: PropType< DefaultOptionType[]>;
                     onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+                    prefix: VueTypeValidableDef<any>;
                     onSearch: PropType<(value: string) => void>;
                     fieldNames: PropType<FieldNames>;
                     dropdownStyle: {
@@ -278,10 +291,6 @@ declare function __VLS_template(): {
                     onDropdownVisibleChange: {
                         type: PropType<(open: boolean) => void>;
                     };
-                    showArrow: {
-                        type: BooleanConstructor;
-                        default: any;
-                    };
                     onPopupScroll: PropType<(e: UIEvent) => void>;
                     menuItemSelectedIcon: VueTypeValidableDef<any>;
                     listItemHeight: NumberConstructor;
@@ -315,6 +324,7 @@ declare function __VLS_template(): {
                     virtual: boolean;
                     dropdownMatchSelectWidth: number | boolean;
                     loading: boolean;
+                    variant: "filled" | "outlined" | "borderless" | "underlined";
                     bordered: boolean;
                     defaultValue: SelectValue;
                     status: "" | "error" | "warning";
@@ -325,11 +335,11 @@ declare function __VLS_template(): {
                     placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
                     showSearch: boolean;
                     choiceTransitionName: "";
-                    showArrow: boolean;
                     autoClearSearchValue: boolean;
                     filterOption: boolean | FilterFunc<DefaultOptionType>;
                     defaultActiveFirstOption: boolean;
                     labelInValue: boolean;
+                    showArrow: boolean;
                 }, true, {}, CustomSlotsType<{
                     notFoundContent: any;
                     suffixIcon: any;
@@ -343,6 +353,7 @@ declare function __VLS_template(): {
                     maxTagPlaceholder: any;
                     optionLabel: any;
                     default: any;
+                    prefix: any;
                 }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
                     P: {};
                     B: {};
@@ -374,6 +385,15 @@ declare function __VLS_template(): {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    showArrow: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    variant: {
+                        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                        default: "filled" | "outlined" | "borderless" | "underlined";
+                    };
+                    maxCount: NumberConstructor;
                     transitionName: StringConstructor;
                     choiceTransitionName: {
                         type: PropType<"">;
@@ -456,6 +476,7 @@ declare function __VLS_template(): {
                     clearIcon: VueTypeValidableDef<any>;
                     options: PropType< DefaultOptionType[]>;
                     onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+                    prefix: VueTypeValidableDef<any>;
                     onSearch: PropType<(value: string) => void>;
                     fieldNames: PropType<FieldNames>;
                     dropdownStyle: {
@@ -489,10 +510,6 @@ declare function __VLS_template(): {
                     onDropdownVisibleChange: {
                         type: PropType<(open: boolean) => void>;
                     };
-                    showArrow: {
-                        type: BooleanConstructor;
-                        default: any;
-                    };
                     onPopupScroll: PropType<(e: UIEvent) => void>;
                     menuItemSelectedIcon: VueTypeValidableDef<any>;
                     listItemHeight: NumberConstructor;
@@ -526,6 +543,7 @@ declare function __VLS_template(): {
                     virtual: boolean;
                     dropdownMatchSelectWidth: number | boolean;
                     loading: boolean;
+                    variant: "filled" | "outlined" | "borderless" | "underlined";
                     bordered: boolean;
                     defaultValue: SelectValue;
                     status: "" | "error" | "warning";
@@ -536,11 +554,11 @@ declare function __VLS_template(): {
                     placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
                     showSearch: boolean;
                     choiceTransitionName: "";
-                    showArrow: boolean;
                     autoClearSearchValue: boolean;
                     filterOption: boolean | FilterFunc<DefaultOptionType>;
                     defaultActiveFirstOption: boolean;
                     labelInValue: boolean;
+                    showArrow: boolean;
                 }> | null;
             };
             $slots: Readonly<{
@@ -571,8 +589,8 @@ declare function __VLS_template(): {
                 lazy: boolean;
                 allowClear: boolean;
                 defaultOpen: boolean;
-                showSearch: boolean;
                 showArrow: boolean;
+                showSearch: boolean;
                 autoClearSearchValue: boolean;
                 defaultActiveFirstOption: boolean;
                 labelInValue: boolean;
@@ -612,8 +630,8 @@ declare function __VLS_template(): {
             lazy: boolean;
             allowClear: boolean;
             defaultOpen: boolean;
-            showSearch: boolean;
             showArrow: boolean;
+            showSearch: boolean;
             autoClearSearchValue: boolean;
             defaultActiveFirstOption: boolean;
             labelInValue: boolean;
@@ -623,7 +641,7 @@ declare function __VLS_template(): {
             searchDelay: number;
         }> & Omit<Readonly< ApFieldSelectProps> & Readonly<{
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-        }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "loading" | "autofocus" | "bordered" | "virtual" | "lazy" | "allowClear" | "defaultOpen" | "showSearch" | "showArrow" | "autoClearSearchValue" | "defaultActiveFirstOption" | "labelInValue" | "emptyText" | "searchMode" | "refetchOnFocus" | "searchDelay")> & ShallowUnwrapRef<{
+        }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "loading" | "autofocus" | "bordered" | "virtual" | "lazy" | "allowClear" | "defaultOpen" | "showArrow" | "showSearch" | "autoClearSearchValue" | "defaultActiveFirstOption" | "labelInValue" | "emptyText" | "searchMode" | "refetchOnFocus" | "searchDelay")> & ShallowUnwrapRef<{
             focus: () => void;
             blur: () => void;
             request: (clear?: boolean) => Promise<void>;
@@ -698,6 +716,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             readonly animation?: string | undefined;
             readonly children?: VueNode[] | undefined;
             readonly prefixCls?: string | undefined;
+            readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
             readonly loading?: boolean | undefined;
             readonly transitionName?: string | undefined;
             readonly autofocus?: boolean | undefined;
@@ -709,6 +728,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             readonly id?: string | undefined;
             readonly placeholder?: any;
             readonly status?: "" | "error" | "warning" | undefined;
+            readonly prefix?: any;
             readonly clearIcon?: any;
             readonly allowClear?: boolean | undefined;
             readonly options?: DefaultOptionType[] | undefined;
@@ -719,6 +739,8 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             readonly suffixIcon?: any;
             readonly notFoundContent?: any;
             readonly itemIcon?: any;
+            readonly showArrow?: boolean | undefined;
+            readonly maxCount?: number | undefined;
             readonly choiceTransitionName?: "" | undefined;
             readonly popupClassName?: string | undefined;
             readonly listHeight?: number | undefined;
@@ -739,7 +761,6 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             readonly optionLabelRender?: ((option: Record<string, any>) => any) | undefined;
             readonly onClear?: (() => void) | undefined;
             readonly onDropdownVisibleChange?: ((open: boolean) => void) | undefined;
-            readonly showArrow?: boolean | undefined;
             readonly onPopupScroll?: ((e: UIEvent) => void) | undefined;
             readonly menuItemSelectedIcon?: any;
             readonly listItemHeight?: number | undefined;
@@ -794,6 +815,15 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                showArrow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
+                maxCount: NumberConstructor;
                 transitionName: StringConstructor;
                 choiceTransitionName: {
                     type: PropType<"">;
@@ -876,6 +906,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
                 clearIcon: VueTypeValidableDef<any>;
                 options: PropType< DefaultOptionType[]>;
                 onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+                prefix: VueTypeValidableDef<any>;
                 onSearch: PropType<(value: string) => void>;
                 fieldNames: PropType<FieldNames>;
                 dropdownStyle: {
@@ -909,10 +940,6 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
                 onDropdownVisibleChange: {
                     type: PropType<(open: boolean) => void>;
                 };
-                showArrow: {
-                    type: BooleanConstructor;
-                    default: any;
-                };
                 onPopupScroll: PropType<(e: UIEvent) => void>;
                 menuItemSelectedIcon: VueTypeValidableDef<any>;
                 listItemHeight: NumberConstructor;
@@ -946,6 +973,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
                 virtual: boolean;
                 dropdownMatchSelectWidth: number | boolean;
                 loading: boolean;
+                variant: "filled" | "outlined" | "borderless" | "underlined";
                 bordered: boolean;
                 defaultValue: SelectValue;
                 status: "" | "error" | "warning";
@@ -956,11 +984,11 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
                 placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
                 showSearch: boolean;
                 choiceTransitionName: "";
-                showArrow: boolean;
                 autoClearSearchValue: boolean;
                 filterOption: boolean | FilterFunc<DefaultOptionType>;
                 defaultActiveFirstOption: boolean;
                 labelInValue: boolean;
+                showArrow: boolean;
             }, true, {}, CustomSlotsType<{
                 notFoundContent: any;
                 suffixIcon: any;
@@ -974,6 +1002,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
                 maxTagPlaceholder: any;
                 optionLabel: any;
                 default: any;
+                prefix: any;
             }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -1005,6 +1034,15 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                showArrow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
+                maxCount: NumberConstructor;
                 transitionName: StringConstructor;
                 choiceTransitionName: {
                     type: PropType<"">;
@@ -1087,6 +1125,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
                 clearIcon: VueTypeValidableDef<any>;
                 options: PropType< DefaultOptionType[]>;
                 onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+                prefix: VueTypeValidableDef<any>;
                 onSearch: PropType<(value: string) => void>;
                 fieldNames: PropType<FieldNames>;
                 dropdownStyle: {
@@ -1120,10 +1159,6 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
                 onDropdownVisibleChange: {
                     type: PropType<(open: boolean) => void>;
                 };
-                showArrow: {
-                    type: BooleanConstructor;
-                    default: any;
-                };
                 onPopupScroll: PropType<(e: UIEvent) => void>;
                 menuItemSelectedIcon: VueTypeValidableDef<any>;
                 listItemHeight: NumberConstructor;
@@ -1157,6 +1192,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
                 virtual: boolean;
                 dropdownMatchSelectWidth: number | boolean;
                 loading: boolean;
+                variant: "filled" | "outlined" | "borderless" | "underlined";
                 bordered: boolean;
                 defaultValue: SelectValue;
                 status: "" | "error" | "warning";
@@ -1167,11 +1203,11 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
                 placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
                 showSearch: boolean;
                 choiceTransitionName: "";
-                showArrow: boolean;
                 autoClearSearchValue: boolean;
                 filterOption: boolean | FilterFunc<DefaultOptionType>;
                 defaultActiveFirstOption: boolean;
                 labelInValue: boolean;
+                showArrow: boolean;
             }> | null;
         };
         $slots: Readonly<{
@@ -1202,8 +1238,8 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             lazy: boolean;
             allowClear: boolean;
             defaultOpen: boolean;
-            showSearch: boolean;
             showArrow: boolean;
+            showSearch: boolean;
             autoClearSearchValue: boolean;
             defaultActiveFirstOption: boolean;
             labelInValue: boolean;
@@ -1243,8 +1279,8 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
         lazy: boolean;
         allowClear: boolean;
         defaultOpen: boolean;
-        showSearch: boolean;
         showArrow: boolean;
+        showSearch: boolean;
         autoClearSearchValue: boolean;
         defaultActiveFirstOption: boolean;
         labelInValue: boolean;
@@ -1254,7 +1290,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
         searchDelay: number;
     }> & Omit<Readonly< ApFieldSelectProps> & Readonly<{
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "loading" | "autofocus" | "bordered" | "virtual" | "lazy" | "allowClear" | "defaultOpen" | "showSearch" | "showArrow" | "autoClearSearchValue" | "defaultActiveFirstOption" | "labelInValue" | "emptyText" | "searchMode" | "refetchOnFocus" | "searchDelay")> & ShallowUnwrapRef<{
+    }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "loading" | "autofocus" | "bordered" | "virtual" | "lazy" | "allowClear" | "defaultOpen" | "showArrow" | "showSearch" | "autoClearSearchValue" | "defaultActiveFirstOption" | "labelInValue" | "emptyText" | "searchMode" | "refetchOnFocus" | "searchDelay")> & ShallowUnwrapRef<{
         focus: () => void;
         blur: () => void;
         request: (clear?: boolean) => Promise<void>;