@aplus-frontend/ui 6.19.1 → 6.20.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 o=require("vue"),i=require("lodash-unified"),w=require("@aplus-frontend/antdv");require("../../hooks/index.js");const k=require("../hooks/use-default-placeholder.js"),d=require("./use-select-options.js"),M=require("../../hooks/useControllableValue.js"),U={key:0},D=o.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},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:{},options:{},showAction:{},onDeselect:{},loading:{type:Boolean,default:void 0},placeholder:{},clearIcon:{},allowClear:{type:Boolean,default:!0},fieldNames:{},dropdownStyle:{},dropdownRender:{},dropdownAlign:{},showSearch:{type:Boolean,default:void 0},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},optionLabelRender:{},onClear:{},defaultOpen:{type:Boolean,default:void 0},onDropdownVisibleChange:{},showArrow:{type:Boolean,default:void 0},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(B,{expose:L,emit:b}){let r=0;const e=B,_=i.debounce(t=>{if(!i.isFunction(e.request))return;r+=1;const l=r;c([]),u.value=!0,e.request(t).then(n=>{r===l&&(c(n),u.value=!1)})},e.searchDelay),A=(t,l)=>{var a;const n=((a=e.fieldNames)==null?void 0:a.label)||"label";return typeof(l==null?void 0:l[n])=="string"&&l[n].toLowerCase().indexOf(t.toLowerCase())>-1},{options:s,updateOptions:c}=d.useSelectOptions(e),v=o.ref(),u=o.ref((e==null?void 0:e.loading)||!1),F=b;async function f(t=!0){if(!i.isFunction(e.request))return;u.value=!0,r+=1;const l=r;try{t&&c([]);const n=await e.request(void 0,e.params);if(l!==r)return;c(n)}finally{u.value=!1}}function O(t){var l;(l=e.onFocus)==null||l.call(e,t),e.refetchOnFocus&&r>0&&!u.value&&f(!0)}o.onMounted(()=>{e.lazy||f()}),o.watch(()=>e.params,()=>{f()},{deep:!0});const{value:p,updateValue:h}=M.useControllableValue(e,F),V=k.useDefaultPlaceholder("Select",e),E=o.computed(()=>{var m,g;const t=o.unref(p);if(!t)return e.emptyText;const l=((m=e.fieldNames)==null?void 0:m.label)||"label",n=((g=e.fieldNames)==null?void 0:g.value)||"value";if(i.isArray(t))return t.map(y=>{var C;return(C=o.unref(s).find(P=>P[n]===y))==null?void 0:C[l]}).filter(Boolean).join("、")||e.emptyText;const a=o.unref(s).find(y=>y[n]===t);return(a==null?void 0:a[l])||e.emptyText}),N=o.computed(()=>{const t=!!(e!=null&&e.showSearch),l=e.searchMode;let n={};return t&&(n=l==="request"?{showArrow:!1,defaultActiveFirstOption:!1,onSearch:_,notFoundContent:u.value?void 0:null,filterOption:!1}:{showArrow:!0,filterOption:i.isNil(e==null?void 0:e.filterOption)?A:e==null?void 0:e.filterOption}),{...i.omit(e,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect"]),placeholder:o.unref(V),...n}}),S=o.computed(()=>s.value.map(t=>{var l;return t[((l=e.fieldNames)==null?void 0:l.value)||"value"]}).filter(t=>t!==d.SELECT_ALL_VALUE_KEY)),q=o.computed(()=>{if(!e.multiple||!e.addAll)return o.unref(p);if(s.value.some(t=>{var l;return t[((l=e.fieldNames)==null?void 0:l.value)||"value"]===d.SELECT_ALL_VALUE_KEY})){const t=o.unref(S),l=o.unref(p)||[];if(t.length&&t.every(n=>l==null?void 0:l.includes(n)))return[d.SELECT_ALL_VALUE_KEY]}return o.unref(p)});function T(t){return e.multiple&&t.includes(d.SELECT_ALL_VALUE_KEY)?h(o.unref(S)):h(t)}function x(){var t;(t=v.value)==null||t.focus()}function I(){var t;(t=v.value)==null||t.blur()}return L({focus:x,blur:I,request:f}),(t,l)=>t.mode==="read"?(o.openBlock(),o.createElementBlock("span",U,o.toDisplayString(E.value),1)):(o.openBlock(),o.createBlock(o.unref(w.Select),o.mergeProps({key:1,ref_key:"selectRef",ref:v,"allow-clear":""},N.value,{mode:t.multiple?"multiple":void 0,value:q.value,options:o.unref(s),loading:u.value,"onUpdate:value":T,onFocus:O}),o.createSlots({_:2},[o.renderList(t.$slots,(n,a)=>({name:a,fn:o.withCtx(m=>[o.renderSlot(t.$slots,a,o.normalizeProps(o.guardReactiveProps(m||{})))])})),u.value?{name:"notFoundContent",fn:o.withCtx(()=>[o.createVNode(o.unref(w.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["mode","value","options","loading"]))}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),i=require("lodash-unified"),w=require("@aplus-frontend/antdv");require("../../hooks/index.js");const k=require("../hooks/use-default-placeholder.js"),d=require("./use-select-options.js"),M=require("../../hooks/useControllableValue.js"),U={key:0},D=o.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},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:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},showSearch:{type:Boolean,default:void 0},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},optionLabelRender:{},onClear:{},onDropdownVisibleChange:{},showArrow:{type:Boolean,default:void 0},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(B,{expose:L,emit:b}){let r=0;const e=B,_=i.debounce(t=>{if(!i.isFunction(e.request))return;r+=1;const l=r;c([]),u.value=!0,e.request(t).then(n=>{r===l&&(c(n),u.value=!1)})},e.searchDelay),A=(t,l)=>{var a;const n=((a=e.fieldNames)==null?void 0:a.label)||"label";return typeof(l==null?void 0:l[n])=="string"&&l[n].toLowerCase().indexOf(t.toLowerCase())>-1},{options:s,updateOptions:c}=d.useSelectOptions(e),v=o.ref(),u=o.ref((e==null?void 0:e.loading)||!1),F=b;async function f(t=!0){if(!i.isFunction(e.request))return;u.value=!0,r+=1;const l=r;try{t&&c([]);const n=await e.request(void 0,e.params);if(l!==r)return;c(n)}finally{u.value=!1}}function O(t){var l;(l=e.onFocus)==null||l.call(e,t),e.refetchOnFocus&&r>0&&!u.value&&f(!0)}o.onMounted(()=>{e.lazy||f()}),o.watch(()=>e.params,()=>{f()},{deep:!0});const{value:p,updateValue:h}=M.useControllableValue(e,F),V=k.useDefaultPlaceholder("Select",e),E=o.computed(()=>{var m,g;const t=o.unref(p);if(!t)return e.emptyText;const l=((m=e.fieldNames)==null?void 0:m.label)||"label",n=((g=e.fieldNames)==null?void 0:g.value)||"value";if(i.isArray(t))return t.map(y=>{var C;return(C=o.unref(s).find(P=>P[n]===y))==null?void 0:C[l]}).filter(Boolean).join("、")||e.emptyText;const a=o.unref(s).find(y=>y[n]===t);return(a==null?void 0:a[l])||e.emptyText}),N=o.computed(()=>{const t=!!(e!=null&&e.showSearch),l=e.searchMode;let n={};return t&&(n=l==="request"?{showArrow:!1,defaultActiveFirstOption:!1,onSearch:_,notFoundContent:u.value?void 0:null,filterOption:!1}:{showArrow:!0,filterOption:i.isNil(e==null?void 0:e.filterOption)?A:e==null?void 0:e.filterOption}),{...i.omit(e,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect"]),placeholder:o.unref(V),...n}}),S=o.computed(()=>s.value.map(t=>{var l;return t[((l=e.fieldNames)==null?void 0:l.value)||"value"]}).filter(t=>t!==d.SELECT_ALL_VALUE_KEY)),q=o.computed(()=>{if(!e.multiple||!e.addAll)return o.unref(p);if(s.value.some(t=>{var l;return t[((l=e.fieldNames)==null?void 0:l.value)||"value"]===d.SELECT_ALL_VALUE_KEY})){const t=o.unref(S),l=o.unref(p)||[];if(t.length&&t.every(n=>l==null?void 0:l.includes(n)))return[d.SELECT_ALL_VALUE_KEY]}return o.unref(p)});function T(t){return e.multiple&&t.includes(d.SELECT_ALL_VALUE_KEY)?h(o.unref(S)):h(t)}function x(){var t;(t=v.value)==null||t.focus()}function I(){var t;(t=v.value)==null||t.blur()}return L({focus:x,blur:I,request:f}),(t,l)=>t.mode==="read"?(o.openBlock(),o.createElementBlock("span",U,o.toDisplayString(E.value),1)):(o.openBlock(),o.createBlock(o.unref(w.Select),o.mergeProps({key:1,ref_key:"selectRef",ref:v,"allow-clear":""},N.value,{mode:t.multiple?"multiple":void 0,value:q.value,options:o.unref(s),loading:u.value,"onUpdate:value":T,onFocus:O}),o.createSlots({_:2},[o.renderList(t.$slots,(n,a)=>({name:a,fn:o.withCtx(m=>[o.renderSlot(t.$slots,a,o.normalizeProps(o.guardReactiveProps(m||{})))])})),u.value?{name:"notFoundContent",fn:o.withCtx(()=>[o.createVNode(o.unref(w.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["mode","value","options","loading"]))}});exports.default=D;

package/lib/src/ap-field/select/use-select-options.d.ts

@@ -6,13 +6,13 @@ export declare const useSelectOptions: (props: ApFieldSelectProps) => {
     options: Ref<{
         [x: string]: any;
         label?: any;
-        value?: (string | number | null) | undefined;
+        value?: string | number | null | undefined;
         children?: Omit<DefaultOptionType, "children">[] | undefined;
         disabled?: boolean | undefined;
     }[], DefaultOptionType[] | {
         [x: string]: any;
         label?: any;
-        value?: (string | number | null) | undefined;
+        value?: string | number | null | undefined;
         children?: Omit<DefaultOptionType, "children">[] | undefined;
         disabled?: boolean | undefined;
     }[]>;

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;
-            autofocus: boolean;
             defaultValue: number | [number, number];
-            'onUpdate:value': (value: number | [number, number]) => void;
             step: number;
+            autofocus: boolean;
+            'onUpdate:value': (value: number | [number, number]) => void;
             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;
-            autofocus: boolean;
             defaultValue: number | [number, number];
-            'onUpdate:value': (value: number | [number, number]) => void;
             step: number;
+            autofocus: boolean;
+            'onUpdate:value': (value: number | [number, number]) => void;
             included: boolean;
             marks: SliderMarks;
             handleStyle: CSSProperties | CSSProperties[];
@@ -400,10 +400,10 @@ declare const __VLS_component: DefineComponent<ApFieldSliderProps, {
         onChange: (value: number | [number, number]) => void;
         range: boolean | SliderRange;
         disabled: boolean;
-        autofocus: boolean;
         defaultValue: number | [number, number];
-        'onUpdate:value': (value: number | [number, number]) => void;
         step: number;
+        autofocus: boolean;
+        'onUpdate:value': (value: number | [number, number]) => void;
         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;
-        autofocus: boolean;
         defaultValue: number | [number, number];
-        'onUpdate:value': (value: number | [number, number]) => void;
         step: number;
+        autofocus: boolean;
+        'onUpdate:value': (value: number | [number, number]) => void;
         included: boolean;
         marks: SliderMarks;
         handleStyle: CSSProperties | CSSProperties[];

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 { SizeType } from '@aplus-frontend/antdv/es/button';
-import { ShowCountProps } from '@aplus-frontend/antdv/es/vc-input/inputProps';
+import { ButtonSize } from '@aplus-frontend/antdv/es/config-provider';
 import { VueTypeValidableDef } from '../../../node_modules/vue-types';
+import { ShowCountProps } from '@aplus-frontend/antdv/es/vc-input/inputProps';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 declare const _default: DefineComponent<ApFieldTextAreaProps, {
     focus: (options?: InputFocusOptions) => void;
@@ -49,7 +49,7 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
         };
         valueModifiers: ObjectConstructor;
         size: {
-            type: PropType<SizeType>;
+            type: PropType<ButtonSize>;
         };
         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" | "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";
+            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";
         };
         onFocus: PropType<FocusEventHandler>;
         onBlur: PropType<FocusEventHandler>;
@@ -83,38 +83,43 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
             default: any;
         };
         prefixCls: StringConstructor;
-        id: StringConstructor;
-        autofocus: {
+        autocomplete: StringConstructor;
+        loading: {
             type: BooleanConstructor;
             default: any;
         };
-        autocomplete: StringConstructor;
-        readonly: {
+        bordered: {
             type: BooleanConstructor;
             default: any;
         };
-        status: PropType<"" | "error" | "warning">;
         defaultValue: {
             type: PropType<string | number>;
             default: any;
         };
-        'onUpdate:value': PropType<(val: string) => void>;
-        loading: {
+        status: PropType<"" | "error" | "warning">;
+        placeholder: {
+            type: PropType<string | number>;
+        };
+        allowClear: {
             type: BooleanConstructor;
             default: any;
         };
-        placeholder: {
-            type: PropType<string | number>;
+        autofocus: {
+            type: BooleanConstructor;
+            default: any;
         };
+        id: StringConstructor;
+        clearIcon: VueTypeValidableDef<any>;
+        readonly: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        'onUpdate:value': PropType<(val: string) => void>;
         lazy: {
             type: BooleanConstructor;
             default: boolean;
         };
         maxlength: NumberConstructor;
-        bordered: {
-            type: BooleanConstructor;
-            default: any;
-        };
         showCount: {
             type: PropType<boolean | ShowCountProps>;
         };
@@ -128,26 +133,21 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
         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" | "datetime-local" | "file" | "password" | "tel";
+        type: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "tel" | "datetime-local" | "file" | "password";
         onMousedown: MouseEventHandler;
         focused: boolean;
         hidden: boolean;
         disabled: boolean;
+        loading: boolean;
+        bordered: boolean;
+        defaultValue: string | number;
+        allowClear: boolean;
         autofocus: boolean;
         readonly: boolean;
-        defaultValue: string | number;
-        loading: boolean;
         lazy: boolean;
-        bordered: boolean;
         onMouseUp: MouseEventHandler;
-        allowClear: boolean;
         autosize: any;
         autoSize: any;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
@@ -181,7 +181,7 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
         };
         valueModifiers: ObjectConstructor;
         size: {
-            type: PropType<SizeType>;
+            type: PropType<ButtonSize>;
         };
         value: {
             type: PropType<string | number>;
@@ -189,8 +189,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" | "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";
+            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";
         };
         onFocus: PropType<FocusEventHandler>;
         onBlur: PropType<FocusEventHandler>;
@@ -215,38 +215,43 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
             default: any;
         };
         prefixCls: StringConstructor;
-        id: StringConstructor;
-        autofocus: {
+        autocomplete: StringConstructor;
+        loading: {
             type: BooleanConstructor;
             default: any;
         };
-        autocomplete: StringConstructor;
-        readonly: {
+        bordered: {
             type: BooleanConstructor;
             default: any;
         };
-        status: PropType<"" | "error" | "warning">;
         defaultValue: {
             type: PropType<string | number>;
             default: any;
         };
-        'onUpdate:value': PropType<(val: string) => void>;
-        loading: {
+        status: PropType<"" | "error" | "warning">;
+        placeholder: {
+            type: PropType<string | number>;
+        };
+        allowClear: {
             type: BooleanConstructor;
             default: any;
         };
-        placeholder: {
-            type: PropType<string | number>;
+        autofocus: {
+            type: BooleanConstructor;
+            default: any;
         };
+        id: StringConstructor;
+        clearIcon: VueTypeValidableDef<any>;
+        readonly: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        'onUpdate:value': PropType<(val: string) => void>;
         lazy: {
             type: BooleanConstructor;
             default: boolean;
         };
         maxlength: NumberConstructor;
-        bordered: {
-            type: BooleanConstructor;
-            default: any;
-        };
         showCount: {
             type: PropType<boolean | ShowCountProps>;
         };
@@ -260,26 +265,21 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
         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" | "datetime-local" | "file" | "password" | "tel";
+        type: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "tel" | "datetime-local" | "file" | "password";
         onMousedown: MouseEventHandler;
         focused: boolean;
         hidden: boolean;
         disabled: boolean;
+        loading: boolean;
+        bordered: boolean;
+        defaultValue: string | number;
+        allowClear: boolean;
         autofocus: boolean;
         readonly: boolean;
-        defaultValue: string | number;
-        loading: boolean;
         lazy: boolean;
-        bordered: boolean;
         onMouseUp: MouseEventHandler;
-        allowClear: boolean;
         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"),d=require("lodash-unified");require("../../hooks/index.js");require("../../config-provider/index.js");const h=require("@aplus-frontend/antdv"),I=require("../hooks/use-default-placeholder.js"),g=require("../../hooks/useControllableValue.js"),C=require("../../config-provider/hooks/use-namespace.js"),q=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:{},autofocus:{type:Boolean},autocomplete:{},readonly:{type:Boolean},status:{},defaultValue:{},"onUpdate:value":{},loading:{type:Boolean},placeholder:{},lazy:{type:Boolean,default:!0},maxlength:{},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},inputElement:{},triggerFocus:{},handleReset:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{}},emits:["update:value"],setup(c,{expose:f,emit:m}){const n=e.ref(),o=c,y=m,{value:l,updateValue:v}=g.useControllableValue(o,y),{b}=C.useNamespace("field-text-area"),x=I.useDefaultPlaceholder("TextArea",o);function B(t){var s,p,i;const a=t.target.value||"",u=o.beforeInput?(s=o.beforeInput)==null?void 0:s.call(o,a):a,r=(i=(p=n.value)==null?void 0:p.$el)==null?void 0:i.querySelector("textarea");r&&(r.value=u),v(u)}return f({focus:t=>{var a;(a=n.value)==null||a.focus(t)},blur:()=>{var t;(t=n.value)==null||t.blur()},resizableTextArea:e.computed(()=>{var t;return(t=n.value)==null?void 0:t.resizableTextArea})}),(t,a)=>t.mode==="read"?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(b)())},e.toDisplayString(e.unref(d.isNil)(e.unref(l))||e.unref(l)===""?t.emptyText:e.unref(l)),3)):(e.openBlock(),e.createBlock(e.unref(h.Input).TextArea,e.mergeProps({key:1},e.unref(d.omit)(o,["onUpdate:value","value","beforeInput"]),{ref_key:"textAreaRef",ref:n,placeholder:e.unref(x),value:e.unref(l),onInput:B}),null,16,["placeholder","value"]))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("lodash-unified");require("../../hooks/index.js");require("../../config-provider/index.js");const h=require("@aplus-frontend/antdv"),I=require("../hooks/use-default-placeholder.js"),g=require("../../hooks/useControllableValue.js"),C=require("../../config-provider/hooks/use-namespace.js"),q=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(c,{expose:f,emit:m}){const n=e.ref(),o=c,y=m,{value:l,updateValue:v}=g.useControllableValue(o,y),{b}=C.useNamespace("field-text-area"),x=I.useDefaultPlaceholder("TextArea",o);function B(t){var s,p,i;const a=t.target.value||"",u=o.beforeInput?(s=o.beforeInput)==null?void 0:s.call(o,a):a,r=(i=(p=n.value)==null?void 0:p.$el)==null?void 0:i.querySelector("textarea");r&&(r.value=u),v(u)}return f({focus:t=>{var a;(a=n.value)==null||a.focus(t)},blur:()=>{var t;(t=n.value)==null||t.blur()},resizableTextArea:e.computed(()=>{var t;return(t=n.value)==null?void 0:t.resizableTextArea})}),(t,a)=>t.mode==="read"?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(b)())},e.toDisplayString(e.unref(d.isNil)(e.unref(l))||e.unref(l)===""?t.emptyText:e.unref(l)),3)):(e.openBlock(),e.createBlock(e.unref(h.Input).TextArea,e.mergeProps({key:1},e.unref(d.omit)(o,["onUpdate:value","value","beforeInput"]),{ref_key:"textAreaRef",ref:n,placeholder:e.unref(x),value:e.unref(l),onInput:B}),null,16,["placeholder","value"]))}});exports.default=q;