@aplus-frontend/ui 6.29.3 → 6.30.0

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("lodash-unified"),S=require("@aplus-frontend/antdv");require("../../hooks/index.js");const I=require("../hooks/use-default-placeholder.js"),d=require("./use-select-options.js"),T=require("../../hooks/useControllableValue.js"),P={key:0},k=e.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},showArrow:{type:Boolean,default:void 0},variant:{},maxCount:{},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},disabled:{type:Boolean,default:void 0},prefixCls:{},getPopupContainer:{},virtual:{type:Boolean,default:void 0},dropdownMatchSelectWidth:{},loading:{type:Boolean,default:void 0},showAction:{},dropdownAlign:{},placeholder:{},allowClear:{type:Boolean,default:!0},autofocus:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},id:{},clearIcon:{},options:{},onDeselect:{},prefix:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},showSearch:{type:Boolean,default:void 0},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},optionLabelRender:{},onClear:{},onDropdownVisibleChange:{},onPopupScroll:{},menuItemSelectedIcon:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean,default:void 0},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},defaultActiveFirstOption:{type:Boolean,default:void 0},onClickOption:{},labelInValue:{type:Boolean,default:void 0},emptyText:{default:"--"},request:{},multiple:{type:Boolean,default:void 0},value:{},"onUpdate:value":{},searchMode:{default:"filter"},refetchOnFocus:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},addAll:{type:[Boolean,Number]},params:{},searchDelay:{default:300}},emits:["update:value"],setup(g,{expose:C,emit:B}){let r=0;const o=g,_=u.debounce(t=>{if(!u.isFunction(o.request))return;r+=1;const n=r;c([]),a.value=!0,o.request(t).then(l=>{r===n&&(c(l),a.value=!1)})},o.searchDelay),L=(t,n)=>{const l=o.fieldNames?.label||"label";return typeof n?.[l]=="string"&&n[l].toLowerCase().indexOf(t.toLowerCase())>-1},{options:i,updateOptions:c}=d.useSelectOptions(o),m=e.ref(),a=e.ref(o?.loading||!1),b=B;async function f(t=!0){if(!u.isFunction(o.request))return;a.value=!0,r+=1;const n=r;try{t&&c([]);const l=await o.request(void 0,o.params);if(n!==r)return;c(l)}finally{a.value=!1}}function w(t){o.onFocus?.(t),o.refetchOnFocus&&r>0&&!a.value&&f(!0)}e.onMounted(()=>{o.lazy||f()}),e.watch(()=>o.params,()=>{f()},{deep:!0});const{value:p,updateValue:v}=T.useControllableValue(o,b),F=I.useDefaultPlaceholder("Select",o),O=e.computed(()=>{const t=e.unref(p);if(!t)return o.emptyText;const n=o.fieldNames?.label||"label",l=o.fieldNames?.value||"value";return u.isArray(t)?t.map(s=>e.unref(i).find(x=>x[l]===s)?.[n]).filter(Boolean).join("、")||o.emptyText:e.unref(i).find(s=>s[l]===t)?.[n]||o.emptyText}),A=e.computed(()=>{const t=!!o?.showSearch,n=o.searchMode;let l={};return t&&(l=n==="request"?{defaultActiveFirstOption:!1,onSearch:_,notFoundContent:a.value?void 0:null,filterOption:!1,suffixIcon:null}:{filterOption:u.isNil(o?.filterOption)?L:o?.filterOption}),{...u.omit(o,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect"]),placeholder:e.unref(F),...l}}),y=e.computed(()=>i.value.map(t=>t[o.fieldNames?.value||"value"]).filter(t=>t!==d.SELECT_ALL_VALUE_KEY)),V=e.computed(()=>{if(!o.multiple||!o.addAll)return e.unref(p);if(i.value.some(t=>t[o.fieldNames?.value||"value"]===d.SELECT_ALL_VALUE_KEY)){const t=e.unref(y),n=e.unref(p)||[];if(t.length&&t.every(l=>n?.includes(l)))return[d.SELECT_ALL_VALUE_KEY]}return e.unref(p)});function E(t){return o.multiple&&t.includes(d.SELECT_ALL_VALUE_KEY)?v(e.unref(y)):v(t)}function N(){m.value?.focus()}function q(){m.value?.blur()}return C({focus:N,blur:q,request:f}),(t,n)=>t.mode==="read"?(e.openBlock(),e.createElementBlock("span",P,e.toDisplayString(O.value),1)):(e.openBlock(),e.createBlock(e.unref(S.Select),e.mergeProps({key:1,ref_key:"selectRef",ref:m,"allow-clear":""},A.value,{mode:t.multiple?"multiple":void 0,value:V.value,options:e.unref(i),loading:a.value,"onUpdate:value":E,onFocus:w}),e.createSlots({_:2},[e.renderList(t.$slots,(l,h)=>({name:h,fn:e.withCtx(s=>[e.renderSlot(t.$slots,h,e.normalizeProps(e.guardReactiveProps(s||{})))])})),a.value?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(S.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["mode","value","options","loading"]))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("lodash-unified"),S=require("@aplus-frontend/antdv");require("../../hooks/index.js");const I=require("../hooks/use-default-placeholder.js"),d=require("./use-select-options.js"),T=require("../../hooks/useControllableValue.js"),P={key:0},k=e.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},showArrow:{type:Boolean,default:void 0},variant:{},maxCount:{},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},autofocus:{type:Boolean,default:void 0},getPopupContainer:{},virtual:{type:Boolean,default:void 0},dropdownMatchSelectWidth:{},placeholder:{},loading:{type:Boolean,default:void 0},prefix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},fieldNames:{},inputValue:{},searchValue:{},autoClearSearchValue:{type:Boolean,default:void 0},onDeselect:{},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},options:{},defaultActiveFirstOption:{type:Boolean,default:void 0},listItemHeight:{},onClickOption:{},menuItemSelectedIcon:{},labelInValue:{type:Boolean,default:void 0},showSearch:{type:Boolean,default:void 0},tagRender:{},optionLabelRender:{},onClear:{},defaultOpen:{type:Boolean,default:void 0},onDropdownVisibleChange:{},maxTagTextLength:{},maxTagCount:{},maxTagPlaceholder:{},tokenSeparators:{},removeIcon:{},dropdownStyle:{},dropdownRender:{},dropdownAlign:{},showAction:{},onPopupScroll:{},onInputKeyDown:{},emptyText:{default:"--"},request:{},multiple:{type:Boolean,default:void 0},value:{},"onUpdate:value":{},searchMode:{default:"filter"},refetchOnFocus:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},addAll:{type:[Boolean,Number]},params:{},searchDelay:{default:300}},emits:["update:value"],setup(g,{expose:C,emit:B}){let r=0;const o=g,_=u.debounce(t=>{if(!u.isFunction(o.request))return;r+=1;const n=r;c([]),a.value=!0,o.request(t).then(l=>{r===n&&(c(l),a.value=!1)})},o.searchDelay),L=(t,n)=>{const l=o.fieldNames?.label||"label";return typeof n?.[l]=="string"&&n[l].toLowerCase().indexOf(t.toLowerCase())>-1},{options:i,updateOptions:c}=d.useSelectOptions(o),m=e.ref(),a=e.ref(o?.loading||!1),b=B;async function f(t=!0){if(!u.isFunction(o.request))return;a.value=!0,r+=1;const n=r;try{t&&c([]);const l=await o.request(void 0,o.params);if(n!==r)return;c(l)}finally{a.value=!1}}function w(t){o.onFocus?.(t),o.refetchOnFocus&&r>0&&!a.value&&f(!0)}e.onMounted(()=>{o.lazy||f()}),e.watch(()=>o.params,()=>{f()},{deep:!0});const{value:p,updateValue:v}=T.useControllableValue(o,b),F=I.useDefaultPlaceholder("Select",o),O=e.computed(()=>{const t=e.unref(p);if(!t)return o.emptyText;const n=o.fieldNames?.label||"label",l=o.fieldNames?.value||"value";return u.isArray(t)?t.map(s=>e.unref(i).find(x=>x[l]===s)?.[n]).filter(Boolean).join("、")||o.emptyText:e.unref(i).find(s=>s[l]===t)?.[n]||o.emptyText}),A=e.computed(()=>{const t=!!o?.showSearch,n=o.searchMode;let l={};return t&&(l=n==="request"?{defaultActiveFirstOption:!1,onSearch:_,notFoundContent:a.value?void 0:null,filterOption:!1,suffixIcon:null}:{filterOption:u.isNil(o?.filterOption)?L:o?.filterOption}),{...u.omit(o,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect"]),placeholder:e.unref(F),...l}}),y=e.computed(()=>i.value.map(t=>t[o.fieldNames?.value||"value"]).filter(t=>t!==d.SELECT_ALL_VALUE_KEY)),V=e.computed(()=>{if(!o.multiple||!o.addAll)return e.unref(p);if(i.value.some(t=>t[o.fieldNames?.value||"value"]===d.SELECT_ALL_VALUE_KEY)){const t=e.unref(y),n=e.unref(p)||[];if(t.length&&t.every(l=>n?.includes(l)))return[d.SELECT_ALL_VALUE_KEY]}return e.unref(p)});function E(t){return o.multiple&&t.includes(d.SELECT_ALL_VALUE_KEY)?v(e.unref(y)):v(t)}function N(){m.value?.focus()}function q(){m.value?.blur()}return C({focus:N,blur:q,request:f}),(t,n)=>t.mode==="read"?(e.openBlock(),e.createElementBlock("span",P,e.toDisplayString(O.value),1)):(e.openBlock(),e.createBlock(e.unref(S.Select),e.mergeProps({key:1,ref_key:"selectRef",ref:m,"allow-clear":""},A.value,{mode:t.multiple?"multiple":void 0,value:V.value,options:e.unref(i),loading:a.value,"onUpdate:value":E,onFocus:w}),e.createSlots({_:2},[e.renderList(t.$slots,(l,h)=>({name:h,fn:e.withCtx(s=>[e.renderSlot(t.$slots,h,e.normalizeProps(e.guardReactiveProps(s||{})))])})),a.value?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(S.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["mode","value","options","loading"]))}});exports.default=k;

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},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;
+"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:{},id:{},autofocus:{type:Boolean},getPopupContainer:{},virtual:{type:Boolean},dropdownMatchSelectWidth:{},placeholder:{},loading:{type:Boolean},prefix:{},clearIcon:{},allowClear:{type:Boolean},fieldNames:{},inputValue:{},searchValue:{},autoClearSearchValue:{type:Boolean},onDeselect:{},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},options:{},defaultActiveFirstOption:{type:Boolean},listItemHeight:{},onClickOption:{},menuItemSelectedIcon:{},labelInValue:{type:Boolean},showSearch:{type:Boolean},tagRender:{},optionLabelRender:{},onClear:{},defaultOpen:{type:Boolean},onDropdownVisibleChange:{},maxTagTextLength:{},maxTagCount:{},maxTagPlaceholder:{},tokenSeparators:{},removeIcon:{},dropdownStyle:{},dropdownRender:{},dropdownAlign:{},showAction:{},onPopupScroll:{},onInputKeyDown:{},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/slider/index.vue.d.ts

@@ -124,10 +124,10 @@ declare function __VLS_template(): {
             onChange: (value: number | [number, number]) => void;
             range: boolean | SliderRange;
             disabled: boolean;
-            defaultValue: number | [number, number];
-            step: number;
             autofocus: boolean;
             'onUpdate:value': (value: number | [number, number]) => void;
+            defaultValue: number | [number, number];
+            step: number;
             included: boolean;
             marks: SliderMarks;
             handleStyle: CSSProperties | CSSProperties[];
@@ -256,10 +256,10 @@ declare function __VLS_template(): {
             onChange: (value: number | [number, number]) => void;
             range: boolean | SliderRange;
             disabled: boolean;
-            defaultValue: number | [number, number];
-            step: number;
             autofocus: boolean;
             'onUpdate:value': (value: number | [number, number]) => void;
+            defaultValue: number | [number, number];
+            step: number;
             included: boolean;
             marks: SliderMarks;
             handleStyle: CSSProperties | CSSProperties[];
@@ -286,10 +286,10 @@ declare const __VLS_component: DefineComponent<ApFieldSliderProps, {
     disabled: boolean;
     max: number;
     min: number;
+    emptyText: string;
     included: boolean;
     tooltipOpen: boolean;
     tooltipVisible: boolean;
-    emptyText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     sliderRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         id: StringConstructor;
@@ -400,10 +400,10 @@ declare const __VLS_component: DefineComponent<ApFieldSliderProps, {
         onChange: (value: number | [number, number]) => void;
         range: boolean | SliderRange;
         disabled: boolean;
-        defaultValue: number | [number, number];
-        step: number;
         autofocus: boolean;
         'onUpdate:value': (value: number | [number, number]) => void;
+        defaultValue: number | [number, number];
+        step: number;
         included: boolean;
         marks: SliderMarks;
         handleStyle: CSSProperties | CSSProperties[];
@@ -532,10 +532,10 @@ declare const __VLS_component: DefineComponent<ApFieldSliderProps, {
         onChange: (value: number | [number, number]) => void;
         range: boolean | SliderRange;
         disabled: boolean;
-        defaultValue: number | [number, number];
-        step: number;
         autofocus: boolean;
         'onUpdate:value': (value: number | [number, number]) => void;
+        defaultValue: number | [number, number];
+        step: number;
         included: boolean;
         marks: SliderMarks;
         handleStyle: CSSProperties | CSSProperties[];

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

@@ -20,9 +20,9 @@ declare const __VLS_component: DefineComponent<ApFieldSwitchProps, {}, {}, {}, {
     size: "small" | "default";
     disabled: boolean;
     loading: boolean;
+    emptyText: string;
     checkedValue: string | number | boolean;
     unCheckedValue: string | number | boolean;
-    emptyText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/src/ap-field/switch/read.vue.d.ts

@@ -4,8 +4,8 @@ declare const _default: DefineComponent<ApFieldSwitchProps, {}, {}, {}, {}, Comp
     size: "small" | "default";
     disabled: boolean;
     loading: boolean;
+    emptyText: string;
     checkedValue: string | number | boolean;
     unCheckedValue: string | number | boolean;
-    emptyText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -31,9 +31,9 @@ declare const __VLS_component: DefineComponent<ApFieldTextProps, {
     mode: FieldMode;
     disabled: boolean;
     bordered: boolean;
+    emptyText: string;
     lazy: boolean;
     allowClear: boolean;
-    emptyText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/src/ap-field/text/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@aplus-frontend/antdv");require("../../hooks/index.js");const I=require("lodash-unified"),C=require("../hooks/use-default-placeholder.js"),S=require("../../hooks/useControllableValue.js");function _(u){return typeof u=="function"||Object.prototype.toString.call(u)==="[object Object]"&&!e.isVNode(u)}const V=e.defineComponent({name:"ApFieldText",__name:"index",props:{mode:{default:"edit"},class:{},style:{},id:{},placeholder:{},autocomplete:{},type:{default:"text"},name:{},size:{},autofocus:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onKeydown:{},onKeyup:{},onMousedown:{},onMouseUp:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onRawInput:{},"onUpdate:value":{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},value:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean,default:void 0},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{}},emits:["update:value"],setup(u,{expose:i,emit:d}){const o=e.ref(),l=e.useSlots(),c=n=>{o.value?.focus(n)},f=()=>{o.value?.blur()},m=(n,a,r)=>{o.value?.setSelectionRange(n,a,r)},y=()=>{o.value?.select()},v=d,t=u,{value:s,updateValue:x}=S.useControllableValue(t,v),b=C.useDefaultPlaceholder("Text",t);function h(n){const a=n.target.value||"",r=t.beforeInput?t.beforeInput?.(a):a,p=o.value?.$el?.querySelector("input");p&&(p.value=r),x(r)}function B(){return t.mode==="edit"?e.createVNode(g.Input,e.mergeProps(I.omit(t,["mode","emptyText","value","onUpdate:value","beforeInput"]),{placeholder:e.unref(b),value:e.unref(s),onInput:h,ref:o}),_(l)?l:{default:()=>[l]}):e.createVNode("span",null,[t.prefix||l?.prefix?.(),e.unref(s)||t.emptyText,t.suffix||l?.suffix?.()])}return i({focus:c,blur:f,setSelectionRange:m,select:y,input:e.computed(()=>o.value?.input)}),(n,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(B())))}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@aplus-frontend/antdv");require("../../hooks/index.js");const I=require("lodash-unified"),C=require("../hooks/use-default-placeholder.js"),S=require("../../hooks/useControllableValue.js");function _(u){return typeof u=="function"||Object.prototype.toString.call(u)==="[object Object]"&&!e.isVNode(u)}const V=e.defineComponent({name:"ApFieldText",__name:"index",props:{mode:{default:"edit"},class:{},style:{},variant:{},size:{},value:{},name:{},type:{default:"text"},onCompositionend:{},onCompositionstart:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},onMousedown:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},readonly:{type:Boolean},autofocus:{type:Boolean},autocomplete:{},placeholder:{},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},"onUpdate:value":{},valueModifiers:{},status:{},defaultValue:{},inputElement:{},triggerFocus:{},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{}},emits:["update:value"],setup(u,{expose:i,emit:d}){const o=e.ref(),l=e.useSlots(),c=n=>{o.value?.focus(n)},f=()=>{o.value?.blur()},m=(n,a,r)=>{o.value?.setSelectionRange(n,a,r)},y=()=>{o.value?.select()},v=d,t=u,{value:s,updateValue:x}=S.useControllableValue(t,v),b=C.useDefaultPlaceholder("Text",t);function h(n){const a=n.target.value||"",r=t.beforeInput?t.beforeInput?.(a):a,p=o.value?.$el?.querySelector("input");p&&(p.value=r),x(r)}function B(){return t.mode==="edit"?e.createVNode(g.Input,e.mergeProps(I.omit(t,["mode","emptyText","value","onUpdate:value","beforeInput"]),{placeholder:e.unref(b),value:e.unref(s),onInput:h,ref:o}),_(l)?l:{default:()=>[l]}):e.createVNode("span",null,[t.prefix||l?.prefix?.(),e.unref(s)||t.emptyText,t.suffix||l?.suffix?.()])}return i({focus:c,blur:f,setSelectionRange:m,select:y,input:e.computed(()=>o.value?.input)}),(n,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(B())))}});exports.default=V;

package/lib/src/ap-field/text/password.vue.d.ts

@@ -31,9 +31,9 @@ declare const __VLS_component: DefineComponent<ApFieldTextPasswordProps, {
     visible: boolean;
     disabled: boolean;
     bordered: boolean;
+    emptyText: string;
     lazy: boolean;
     allowClear: boolean;
-    emptyText: string;
     action: string;
     visibilityToggle: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

package/lib/src/ap-field/text/password.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@aplus-frontend/antdv");require("../../hooks/index.js");const h=require("lodash-unified"),c=require("@ant-design/icons-vue"),x=require("../hooks/use-default-placeholder.js"),p=require("../../hooks/useControllableValue.js");function C(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const g=e.defineComponent({name:"ApFieldTextPassword",__name:"password",props:{mode:{default:"edit"},class:{},style:{},id:{},placeholder:{},autocomplete:{},type:{default:"text"},name:{},size:{},autofocus:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onKeydown:{},onKeyup:{},onMousedown:{},onMouseUp:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onRawInput:{},"onUpdate:value":{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},value:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean,default:void 0},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},inputPrefixCls:{},action:{default:"click"},visibilityToggle:{type:Boolean,default:!0},visible:{type:Boolean,default:void 0},"onUpdate:visible":{},emptyText:{default:"--"}},emits:["update:value","update:visible"],setup(t,{expose:f,emit:v}){const s=v,o=t,a=e.useSlots(),u=e.ref(),{value:y,updateValue:m}=p.useControllableValue(o,s),b=x.useDefaultPlaceholder("TextPassword",o),{value:B,updateValue:r}=p.useControllableValue(o,s,{valuePropName:"visible"});function V(){const n=e.unref(y),l=e.unref(B);if(o.mode==="edit")return e.createVNode(d.Input.Password,e.mergeProps(h.omit(o,["mode","emptyText","value","onUpdate:value","visible","onUpdate:visible"]),{placeholder:e.unref(b),value:n,"onUpdate:value":m,visible:l,"onUpdate:visible":r,ref:u}),C(a)?a:{default:()=>[a]});let i=e.createVNode(e.Fragment,null,[o.emptyText]);return n&&(i=e.createVNode(d.Space,null,{default:()=>[e.createVNode("span",null,[l?n:"********"]),e.createVNode("span",{style:{cursor:"pointer"},onClick:()=>r(!l)},[l?e.createVNode(c.EyeOutlined,null,null):e.createVNode(c.EyeInvisibleOutlined,null,null)])]})),i}return f({focus:()=>{u.value?.focus()},blur:()=>{u.value?.blur()}}),(n,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V())))}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@aplus-frontend/antdv");require("../../hooks/index.js");const h=require("lodash-unified"),c=require("@ant-design/icons-vue"),x=require("../hooks/use-default-placeholder.js"),p=require("../../hooks/useControllableValue.js");function C(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const g=e.defineComponent({name:"ApFieldTextPassword",__name:"password",props:{mode:{default:"edit"},class:{},style:{},variant:{},size:{},value:{},name:{},type:{default:"text"},onCompositionend:{},onCompositionstart:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},onMousedown:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},readonly:{type:Boolean},autofocus:{type:Boolean},autocomplete:{},placeholder:{},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},"onUpdate:value":{},valueModifiers:{},status:{},defaultValue:{},inputElement:{},triggerFocus:{},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},inputPrefixCls:{},action:{default:"click"},visibilityToggle:{type:Boolean,default:!0},visible:{type:Boolean,default:void 0},"onUpdate:visible":{},emptyText:{default:"--"}},emits:["update:value","update:visible"],setup(t,{expose:f,emit:v}){const r=v,o=t,a=e.useSlots(),u=e.ref(),{value:y,updateValue:m}=p.useControllableValue(o,r),b=x.useDefaultPlaceholder("TextPassword",o),{value:B,updateValue:s}=p.useControllableValue(o,r,{valuePropName:"visible"});function V(){const n=e.unref(y),l=e.unref(B);if(o.mode==="edit")return e.createVNode(d.Input.Password,e.mergeProps(h.omit(o,["mode","emptyText","value","onUpdate:value","visible","onUpdate:visible"]),{placeholder:e.unref(b),value:n,"onUpdate:value":m,visible:l,"onUpdate:visible":s,ref:u}),C(a)?a:{default:()=>[a]});let i=e.createVNode(e.Fragment,null,[o.emptyText]);return n&&(i=e.createVNode(d.Space,null,{default:()=>[e.createVNode("span",null,[l?n:"********"]),e.createVNode("span",{style:{cursor:"pointer"},onClick:()=>s(!l)},[l?e.createVNode(c.EyeOutlined,null,null):e.createVNode(c.EyeInvisibleOutlined,null,null)])]})),i}return f({focus:()=>{u.value?.focus()},blur:()=>{u.value?.blur()}}),(n,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V())))}});exports.default=g;

package/lib/src/ap-field/text/read-password.vue.d.ts

@@ -7,9 +7,9 @@ declare const _default: DefineComponent<ApFieldTextPasswordProps, {}, {}, {}, {}
     visible: boolean;
     disabled: boolean;
     bordered: boolean;
+    emptyText: string;
     lazy: boolean;
     allowClear: boolean;
-    emptyText: string;
     action: string;
     visibilityToggle: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

package/lib/src/ap-field/text/read-password.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@aplus-frontend/antdv"),l=require("@ant-design/icons-vue"),i=e.defineComponent({name:"ApFieldTextPasswordRead",__name:"read-password",props:{mode:{default:"edit"},class:{},style:{},id:{},placeholder:{},autocomplete:{},type:{default:"text"},name:{},size:{},autofocus:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onKeydown:{},onKeyup:{},onMousedown:{},onMouseUp:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onRawInput:{},"onUpdate:value":{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},value:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean,default:void 0},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},inputPrefixCls:{},action:{default:"click"},visibilityToggle:{type:Boolean,default:!0},visible:{type:Boolean,default:void 0},"onUpdate:visible":{},emptyText:{default:"--"}},setup(a){const u=a,o=e.unref(u.visible);return(t,n)=>t.value?(e.openBlock(),e.createBlock(e.unref(r.Space),{key:1},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(e.unref(o)?t.value:"********"),1),e.createElementVNode("span",{style:{cursor:"pointer"},onClick:n[0]||(n[0]=()=>o.value=!e.unref(o))},[e.unref(o)?(e.openBlock(),e.createBlock(e.unref(l.EyeOutlined),{key:0})):(e.openBlock(),e.createBlock(e.unref(l.EyeInvisibleOutlined),{key:1}))])]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.emptyText),1)],64))}});exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@aplus-frontend/antdv"),l=require("@ant-design/icons-vue"),i=e.defineComponent({name:"ApFieldTextPasswordRead",__name:"read-password",props:{mode:{default:"edit"},class:{},style:{},variant:{},size:{},value:{},name:{},type:{default:"text"},onCompositionend:{},onCompositionstart:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},onMousedown:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},readonly:{type:Boolean},autofocus:{type:Boolean},autocomplete:{},placeholder:{},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},"onUpdate:value":{},valueModifiers:{},status:{},defaultValue:{},inputElement:{},triggerFocus:{},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},inputPrefixCls:{},action:{default:"click"},visibilityToggle:{type:Boolean,default:!0},visible:{type:Boolean,default:void 0},"onUpdate:visible":{},emptyText:{default:"--"}},setup(a){const u=a,o=e.unref(u.visible);return(t,n)=>t.value?(e.openBlock(),e.createBlock(e.unref(r.Space),{key:1},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(e.unref(o)?t.value:"********"),1),e.createElementVNode("span",{style:{cursor:"pointer"},onClick:n[0]||(n[0]=()=>o.value=!e.unref(o))},[e.unref(o)?(e.openBlock(),e.createBlock(e.unref(l.EyeOutlined),{key:0})):(e.openBlock(),e.createBlock(e.unref(l.EyeInvisibleOutlined),{key:1}))])]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.emptyText),1)],64))}});exports.default=i;

package/lib/src/ap-field/text/read.vue.d.ts

@@ -6,8 +6,8 @@ declare const _default: DefineComponent<ApFieldTextProps, {}, {}, {}, {}, Compon
     mode: FieldMode;
     disabled: boolean;
     bordered: boolean;
+    emptyText: string;
     lazy: boolean;
     allowClear: boolean;
-    emptyText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=e.defineComponent({name:"ApFieldTextRead",__name:"read",props:{mode:{default:"edit"},class:{},style:{},id:{},placeholder:{},autocomplete:{},type:{default:"text"},name:{},size:{},autofocus:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onKeydown:{},onKeyup:{},onMousedown:{},onMouseUp:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onRawInput:{},"onUpdate:value":{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},value:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean,default:void 0},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{}},setup(t){const o=t;return(n,l)=>(e.openBlock(),e.createElementBlock("span",null,e.toDisplayString(o.prefix)+" "+e.toDisplayString(n.value||o.emptyText)+" "+e.toDisplayString(o.suffix),1))}});exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=e.defineComponent({name:"ApFieldTextRead",__name:"read",props:{mode:{default:"edit"},class:{},style:{},variant:{},size:{},value:{},name:{},type:{default:"text"},onCompositionend:{},onCompositionstart:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},onMousedown:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},readonly:{type:Boolean},autofocus:{type:Boolean},autocomplete:{},placeholder:{},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},"onUpdate:value":{},valueModifiers:{},status:{},defaultValue:{},inputElement:{},triggerFocus:{},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{}},setup(t){const o=t;return(n,l)=>(e.openBlock(),e.createElementBlock("span",null,e.toDisplayString(o.prefix)+" "+e.toDisplayString(n.value||o.emptyText)+" "+e.toDisplayString(o.suffix),1))}});exports.default=a;

package/lib/src/ap-field/text-area/index.vue.d.ts

@@ -4,9 +4,9 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
 import { FieldMode } from '..';
 import { AutoSizeType } from '@aplus-frontend/antdv/es/input/inputProps';
 import { CompositionEventHandler, FocusEventHandler, ChangeEventHandler, KeyboardEventHandler, MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
-import { ButtonSize } from '@aplus-frontend/antdv/es/config-provider';
-import { VueTypeValidableDef } from '../../../node_modules/vue-types';
+import { SizeType } from '@aplus-frontend/antdv/es/button';
 import { ShowCountProps } from '@aplus-frontend/antdv/es/vc-input/inputProps';
+import { VueTypeValidableDef } from '../../../node_modules/vue-types';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 declare const _default: DefineComponent<ApFieldTextAreaProps, {
     focus: (options?: InputFocusOptions) => void;
@@ -21,9 +21,9 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
     mode: FieldMode;
     disabled: boolean;
     bordered: boolean;
+    emptyText: string;
     lazy: boolean;
     allowClear: boolean;
-    emptyText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     textAreaRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         rows: NumberConstructor;
@@ -49,7 +49,7 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
         };
         valueModifiers: ObjectConstructor;
         size: {
-            type: PropType<ButtonSize>;
+            type: PropType<SizeType>;
         };
         value: {
             type: PropType<string | number>;
@@ -57,8 +57,8 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
         };
         name: StringConstructor;
         type: {
-            type: PropType<"number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "tel" | "datetime-local" | "file" | "password">;
-            default: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "tel" | "datetime-local" | "file" | "password";
+            type: PropType<"number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel">;
+            default: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
         };
         onFocus: PropType<FocusEventHandler>;
         onBlur: PropType<FocusEventHandler>;
@@ -83,43 +83,36 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
             default: any;
         };
         prefixCls: StringConstructor;
-        autocomplete: StringConstructor;
-        loading: {
+        id: StringConstructor;
+        readonly: {
             type: BooleanConstructor;
             default: any;
         };
-        bordered: {
+        autofocus: {
             type: BooleanConstructor;
             default: any;
         };
-        defaultValue: {
-            type: PropType<string | number>;
-            default: any;
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+            default: "filled" | "outlined" | "borderless" | "underlined";
         };
-        status: PropType<"" | "error" | "warning">;
+        autocomplete: StringConstructor;
         placeholder: {
             type: PropType<string | number>;
         };
-        allowClear: {
+        lazy: {
             type: BooleanConstructor;
-            default: any;
+            default: boolean;
         };
-        autofocus: {
+        maxlength: NumberConstructor;
+        loading: {
             type: BooleanConstructor;
             default: any;
         };
-        id: StringConstructor;
-        clearIcon: VueTypeValidableDef<any>;
-        readonly: {
+        bordered: {
             type: BooleanConstructor;
             default: any;
         };
-        'onUpdate:value': PropType<(val: string) => void>;
-        lazy: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxlength: NumberConstructor;
         showCount: {
             type: PropType<boolean | ShowCountProps>;
         };
@@ -130,24 +123,36 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
             default: any;
         };
         onRawInput: PropType<ChangeEventHandler>;
+        'onUpdate:value': PropType<(val: string) => void>;
+        status: PropType<"" | "error" | "warning">;
+        defaultValue: {
+            type: PropType<string | number>;
+            default: any;
+        };
         inputElement: VueTypeValidableDef<any>;
         triggerFocus: PropType<() => void>;
         handleReset: PropType<MouseEventHandler>;
+        clearIcon: VueTypeValidableDef<any>;
+        allowClear: {
+            type: BooleanConstructor;
+            default: any;
+        };
     }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         value: string | number;
-        type: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "tel" | "datetime-local" | "file" | "password";
+        type: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
         onMousedown: MouseEventHandler;
         focused: boolean;
         hidden: boolean;
         disabled: boolean;
+        readonly: boolean;
+        autofocus: boolean;
+        variant: "filled" | "outlined" | "borderless" | "underlined";
+        lazy: boolean;
         loading: boolean;
         bordered: boolean;
+        onMouseUp: MouseEventHandler;
         defaultValue: string | number;
         allowClear: boolean;
-        autofocus: boolean;
-        readonly: boolean;
-        lazy: boolean;
-        onMouseUp: MouseEventHandler;
         autosize: any;
         autoSize: any;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
@@ -181,7 +186,7 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
         };
         valueModifiers: ObjectConstructor;
         size: {
-            type: PropType<ButtonSize>;
+            type: PropType<SizeType>;
         };
         value: {
             type: PropType<string | number>;
@@ -189,8 +194,8 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
         };
         name: StringConstructor;
         type: {
-            type: PropType<"number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "tel" | "datetime-local" | "file" | "password">;
-            default: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "tel" | "datetime-local" | "file" | "password";
+            type: PropType<"number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel">;
+            default: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
         };
         onFocus: PropType<FocusEventHandler>;
         onBlur: PropType<FocusEventHandler>;
@@ -215,43 +220,36 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
             default: any;
         };
         prefixCls: StringConstructor;
-        autocomplete: StringConstructor;
-        loading: {
+        id: StringConstructor;
+        readonly: {
             type: BooleanConstructor;
             default: any;
         };
-        bordered: {
+        autofocus: {
             type: BooleanConstructor;
             default: any;
         };
-        defaultValue: {
-            type: PropType<string | number>;
-            default: any;
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+            default: "filled" | "outlined" | "borderless" | "underlined";
         };
-        status: PropType<"" | "error" | "warning">;
+        autocomplete: StringConstructor;
         placeholder: {
             type: PropType<string | number>;
         };
-        allowClear: {
+        lazy: {
             type: BooleanConstructor;
-            default: any;
+            default: boolean;
         };
-        autofocus: {
+        maxlength: NumberConstructor;
+        loading: {
             type: BooleanConstructor;
             default: any;
         };
-        id: StringConstructor;
-        clearIcon: VueTypeValidableDef<any>;
-        readonly: {
+        bordered: {
             type: BooleanConstructor;
             default: any;
         };
-        'onUpdate:value': PropType<(val: string) => void>;
-        lazy: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxlength: NumberConstructor;
         showCount: {
             type: PropType<boolean | ShowCountProps>;
         };
@@ -262,24 +260,36 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
             default: any;
         };
         onRawInput: PropType<ChangeEventHandler>;
+        'onUpdate:value': PropType<(val: string) => void>;
+        status: PropType<"" | "error" | "warning">;
+        defaultValue: {
+            type: PropType<string | number>;
+            default: any;
+        };
         inputElement: VueTypeValidableDef<any>;
         triggerFocus: PropType<() => void>;
         handleReset: PropType<MouseEventHandler>;
+        clearIcon: VueTypeValidableDef<any>;
+        allowClear: {
+            type: BooleanConstructor;
+            default: any;
+        };
     }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
         value: string | number;
-        type: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "tel" | "datetime-local" | "file" | "password";
+        type: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
         onMousedown: MouseEventHandler;
         focused: boolean;
         hidden: boolean;
         disabled: boolean;
+        readonly: boolean;
+        autofocus: boolean;
+        variant: "filled" | "outlined" | "borderless" | "underlined";
+        lazy: boolean;
         loading: boolean;
         bordered: boolean;
+        onMouseUp: MouseEventHandler;
         defaultValue: string | number;
         allowClear: boolean;
-        autofocus: boolean;
-        readonly: boolean;
-        lazy: boolean;
-        onMouseUp: MouseEventHandler;
         autosize: any;
         autoSize: any;
     }> | null;

package/lib/src/ap-field/text-area/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("lodash-unified");require("../../hooks/index.js");require("../../config-provider/index.js");const b=require("@aplus-frontend/antdv"),x=require("../hooks/use-default-placeholder.js"),B=require("../../hooks/useControllableValue.js"),h=require("../../config-provider/hooks/use-namespace.js"),I=e.defineComponent({name:"ApFieldTextArea",__name:"index",props:{mode:{default:"edit"},class:{},style:{},rows:{},autoSize:{type:[Boolean,Object]},onResize:{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},size:{},value:{},name:{},type:{default:"text"},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},onMousedown:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean,default:void 0},prefixCls:{},autocomplete:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},defaultValue:{},status:{},placeholder:{},allowClear:{type:Boolean,default:!0},autofocus:{type:Boolean},id:{},clearIcon:{},readonly:{type:Boolean},"onUpdate:value":{},lazy:{type:Boolean,default:!0},maxlength:{},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},inputElement:{},triggerFocus:{},handleReset:{},emptyText:{default:"--"},beforeInput:{}},emits:["update:value"],setup(p,{expose:i,emit:d}){const o=e.ref(),a=p,c=d,{value:n,updateValue:f}=B.useControllableValue(a,c),{b:m}=h.useNamespace("field-text-area"),y=x.useDefaultPlaceholder("TextArea",a);function v(t){const l=t.target.value||"",u=a.beforeInput?a.beforeInput?.(l):l,r=o.value?.$el?.querySelector("textarea");r&&(r.value=u),f(u)}return i({focus:t=>{o.value?.focus(t)},blur:()=>{o.value?.blur()},resizableTextArea:e.computed(()=>o.value?.resizableTextArea)}),(t,l)=>t.mode==="read"?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(m)())},e.toDisplayString(e.unref(s.isNil)(e.unref(n))||e.unref(n)===""?t.emptyText:e.unref(n)),3)):(e.openBlock(),e.createBlock(e.unref(b.Input).TextArea,e.mergeProps({key:1},e.unref(s.omit)(a,["onUpdate:value","value","beforeInput"]),{ref_key:"textAreaRef",ref:o,placeholder:e.unref(y),value:e.unref(n),onInput:v}),null,16,["placeholder","value"]))}});exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("lodash-unified");require("../../hooks/index.js");require("../../config-provider/index.js");const b=require("@aplus-frontend/antdv"),x=require("../hooks/use-default-placeholder.js"),B=require("../../hooks/useControllableValue.js"),h=require("../../config-provider/hooks/use-namespace.js"),I=e.defineComponent({name:"ApFieldTextArea",__name:"index",props:{mode:{default:"edit"},class:{},style:{},rows:{},autoSize:{type:[Boolean,Object]},onResize:{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},size:{},value:{},name:{},type:{default:"text"},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},onMousedown:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},readonly:{type:Boolean},autofocus:{type:Boolean},variant:{},autocomplete:{},placeholder:{},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},"onUpdate:value":{},status:{},defaultValue:{},inputElement:{},triggerFocus:{},handleReset:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{}},emits:["update:value"],setup(p,{expose:i,emit:d}){const o=e.ref(),a=p,c=d,{value:n,updateValue:f}=B.useControllableValue(a,c),{b:m}=h.useNamespace("field-text-area"),y=x.useDefaultPlaceholder("TextArea",a);function v(t){const l=t.target.value||"",u=a.beforeInput?a.beforeInput?.(l):l,r=o.value?.$el?.querySelector("textarea");r&&(r.value=u),f(u)}return i({focus:t=>{o.value?.focus(t)},blur:()=>{o.value?.blur()},resizableTextArea:e.computed(()=>o.value?.resizableTextArea)}),(t,l)=>t.mode==="read"?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(m)())},e.toDisplayString(e.unref(s.isNil)(e.unref(n))||e.unref(n)===""?t.emptyText:e.unref(n)),3)):(e.openBlock(),e.createBlock(e.unref(b.Input).TextArea,e.mergeProps({key:1},e.unref(s.omit)(a,["onUpdate:value","value","beforeInput"]),{ref_key:"textAreaRef",ref:o,placeholder:e.unref(y),value:e.unref(n),onInput:v}),null,16,["placeholder","value"]))}});exports.default=I;

package/lib/src/ap-field/text-area/read.vue.d.ts

@@ -6,8 +6,8 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {}, {}, {}, {}, Co
     mode: FieldMode;
     disabled: boolean;
     bordered: boolean;
+    emptyText: string;
     lazy: boolean;
     allowClear: boolean;
-    emptyText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/lib/src/ap-field/text-area/read.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("lodash-unified"),a={key:0,style:{whiteSpace:"pre-wrap",wordWrap:"break-word",wordBreak:"break-all"}},n=e.defineComponent({name:"ApFieldTextAreaRead",__name:"read",props:{mode:{default:"edit"},class:{},style:{},rows:{},autoSize:{type:[Boolean,Object]},onResize:{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},size:{},value:{},name:{},type:{default:"text"},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},onMousedown:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean,default:void 0},prefixCls:{},autocomplete:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},defaultValue:{},status:{},placeholder:{},allowClear:{type:Boolean,default:!0},autofocus:{type:Boolean},id:{},clearIcon:{},readonly:{type:Boolean},"onUpdate:value":{},lazy:{type:Boolean,default:!0},maxlength:{},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},inputElement:{},triggerFocus:{},handleReset:{},emptyText:{default:"--"},beforeInput:{}},setup(l){return(o,r)=>o.mode==="read"?(e.openBlock(),e.createElementBlock("span",a,e.toDisplayString(e.unref(t.isNil)(o.value)||o.value===""?o.emptyText:o.value),1)):e.createCommentVNode("",!0)}});exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("lodash-unified"),a={key:0,style:{whiteSpace:"pre-wrap",wordWrap:"break-word",wordBreak:"break-all"}},n=e.defineComponent({name:"ApFieldTextAreaRead",__name:"read",props:{mode:{default:"edit"},class:{},style:{},rows:{},autoSize:{type:[Boolean,Object]},onResize:{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},size:{},value:{},name:{},type:{default:"text"},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},onMousedown:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},readonly:{type:Boolean},autofocus:{type:Boolean},variant:{},autocomplete:{},placeholder:{},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},"onUpdate:value":{},status:{},defaultValue:{},inputElement:{},triggerFocus:{},handleReset:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{}},setup(l){return(o,r)=>o.mode==="read"?(e.openBlock(),e.createElementBlock("span",a,e.toDisplayString(e.unref(t.isNil)(o.value)||o.value===""?o.emptyText:o.value),1)):e.createCommentVNode("",!0)}});exports.default=n;