@aplus-frontend/ui 6.19.0 → 6.19.1

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

@@ -2,7 +2,7 @@ import { DefaultOptionType, SelectValue, LabeledValue } from '@aplus-frontend/an
 import { ApFieldSelectProps } from '../interface';
 import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, CSSProperties, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent } from 'vue';
 import { VueTypeValidableDef } from '../../../node_modules/vue-types';
-import { SizeType } from '@aplus-frontend/antdv/es/config-provider';
+import { ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { VueNode, CustomSlotsType } from '@aplus-frontend/antdv/es/_util/type';
 import { SelectHandler, FieldNames, FilterFunc } from '@aplus-frontend/antdv/es/vc-select/Select';
 import { RenderDOMFunc, DropdownRender, CustomTagProps } from '@aplus-frontend/antdv/es/vc-select/BaseSelect';
@@ -39,8 +39,8 @@ declare function __VLS_template(): {
             suffixIcon: VueTypeValidableDef<any>;
             itemIcon: VueTypeValidableDef<any>;
             size: {
-                type: PropType<SizeType>;
-                default: SizeType;
+                type: PropType<ButtonSize>;
+                default: ButtonSize;
             };
             mode: {
                 type: PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
@@ -58,8 +58,8 @@ declare function __VLS_template(): {
             popupClassName: StringConstructor;
             dropdownClassName: StringConstructor;
             placement: {
-                type: PropType<"bottomLeft" | "bottomRight" | "topLeft" | "topRight">;
-                default: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+                type: PropType<"topLeft" | "topRight" | "bottomLeft" | "bottomRight">;
+                default: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
             };
             status: {
                 type: PropType<"" | "error" | "warning">;
@@ -99,6 +99,8 @@ declare function __VLS_template(): {
                 default: any;
             };
             prefixCls: StringConstructor;
+            id: StringConstructor;
+            autofocus: BooleanConstructor;
             getPopupContainer: {
                 type: PropType<RenderDOMFunc>;
             };
@@ -110,28 +112,21 @@ declare function __VLS_template(): {
                 type: PropType<number | boolean>;
                 default: any;
             };
-            loading: {
-                type: BooleanConstructor;
-                default: any;
-            };
+            options: PropType<DefaultOptionType[]>;
             showAction: {
                 type: PropType<("click" | "focus")[]>;
             };
-            dropdownAlign: PropType<AlignType>;
-            placeholder: VueTypeValidableDef<any>;
-            allowClear: {
+            onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+            loading: {
                 type: BooleanConstructor;
                 default: any;
             };
-            autofocus: BooleanConstructor;
-            defaultOpen: {
+            placeholder: VueTypeValidableDef<any>;
+            clearIcon: VueTypeValidableDef<any>;
+            allowClear: {
                 type: BooleanConstructor;
                 default: any;
             };
-            id: StringConstructor;
-            clearIcon: VueTypeValidableDef<any>;
-            options: PropType<DefaultOptionType[]>;
-            onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
             onSearch: PropType<(value: string) => void>;
             fieldNames: PropType<FieldNames>;
             dropdownStyle: {
@@ -140,6 +135,7 @@ declare function __VLS_template(): {
             dropdownRender: {
                 type: PropType<DropdownRender>;
             };
+            dropdownAlign: PropType<AlignType>;
             showSearch: {
                 type: BooleanConstructor;
                 default: any;
@@ -162,6 +158,10 @@ declare function __VLS_template(): {
                 type: PropType<(option: Record<string, any>) => any>;
             };
             onClear: PropType<() => void>;
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: any;
+            };
             onDropdownVisibleChange: {
                 type: PropType<(open: boolean) => void>;
             };
@@ -194,24 +194,24 @@ declare function __VLS_template(): {
                 default: any;
             };
         }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-            size: SizeType;
+            size: ButtonSize;
             value: SelectValue;
             mode: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
             open: boolean;
             disabled: boolean;
+            autofocus: boolean;
             virtual: boolean;
             dropdownMatchSelectWidth: number | boolean;
+            status: "" | "error" | "warning";
+            defaultValue: SelectValue;
+            'onUpdate:value': (val: SelectValue) => void;
+            placement: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
             loading: boolean;
             bordered: boolean;
-            defaultValue: SelectValue;
-            status: "" | "error" | "warning";
             allowClear: boolean;
-            autofocus: boolean;
-            defaultOpen: boolean;
-            'onUpdate:value': (val: SelectValue) => void;
-            placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
             showSearch: boolean;
             choiceTransitionName: "";
+            defaultOpen: boolean;
             showArrow: boolean;
             autoClearSearchValue: boolean;
             filterOption: boolean | FilterFunc<DefaultOptionType>;
@@ -250,8 +250,8 @@ declare function __VLS_template(): {
             suffixIcon: VueTypeValidableDef<any>;
             itemIcon: VueTypeValidableDef<any>;
             size: {
-                type: PropType<SizeType>;
-                default: SizeType;
+                type: PropType<ButtonSize>;
+                default: ButtonSize;
             };
             mode: {
                 type: PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
@@ -269,8 +269,8 @@ declare function __VLS_template(): {
             popupClassName: StringConstructor;
             dropdownClassName: StringConstructor;
             placement: {
-                type: PropType<"bottomLeft" | "bottomRight" | "topLeft" | "topRight">;
-                default: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+                type: PropType<"topLeft" | "topRight" | "bottomLeft" | "bottomRight">;
+                default: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
             };
             status: {
                 type: PropType<"" | "error" | "warning">;
@@ -310,6 +310,8 @@ declare function __VLS_template(): {
                 default: any;
             };
             prefixCls: StringConstructor;
+            id: StringConstructor;
+            autofocus: BooleanConstructor;
             getPopupContainer: {
                 type: PropType<RenderDOMFunc>;
             };
@@ -321,28 +323,21 @@ declare function __VLS_template(): {
                 type: PropType<number | boolean>;
                 default: any;
             };
-            loading: {
-                type: BooleanConstructor;
-                default: any;
-            };
+            options: PropType<DefaultOptionType[]>;
             showAction: {
                 type: PropType<("click" | "focus")[]>;
             };
-            dropdownAlign: PropType<AlignType>;
-            placeholder: VueTypeValidableDef<any>;
-            allowClear: {
+            onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+            loading: {
                 type: BooleanConstructor;
                 default: any;
             };
-            autofocus: BooleanConstructor;
-            defaultOpen: {
+            placeholder: VueTypeValidableDef<any>;
+            clearIcon: VueTypeValidableDef<any>;
+            allowClear: {
                 type: BooleanConstructor;
                 default: any;
             };
-            id: StringConstructor;
-            clearIcon: VueTypeValidableDef<any>;
-            options: PropType<DefaultOptionType[]>;
-            onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
             onSearch: PropType<(value: string) => void>;
             fieldNames: PropType<FieldNames>;
             dropdownStyle: {
@@ -351,6 +346,7 @@ declare function __VLS_template(): {
             dropdownRender: {
                 type: PropType<DropdownRender>;
             };
+            dropdownAlign: PropType<AlignType>;
             showSearch: {
                 type: BooleanConstructor;
                 default: any;
@@ -373,6 +369,10 @@ declare function __VLS_template(): {
                 type: PropType<(option: Record<string, any>) => any>;
             };
             onClear: PropType<() => void>;
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: any;
+            };
             onDropdownVisibleChange: {
                 type: PropType<(open: boolean) => void>;
             };
@@ -405,24 +405,24 @@ declare function __VLS_template(): {
                 default: any;
             };
         }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
-            size: SizeType;
+            size: ButtonSize;
             value: SelectValue;
             mode: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
             open: boolean;
             disabled: boolean;
+            autofocus: boolean;
             virtual: boolean;
             dropdownMatchSelectWidth: number | boolean;
+            status: "" | "error" | "warning";
+            defaultValue: SelectValue;
+            'onUpdate:value': (val: SelectValue) => void;
+            placement: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
             loading: boolean;
             bordered: boolean;
-            defaultValue: SelectValue;
-            status: "" | "error" | "warning";
             allowClear: boolean;
-            autofocus: boolean;
-            defaultOpen: boolean;
-            'onUpdate:value': (val: SelectValue) => void;
-            placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
             showSearch: boolean;
             choiceTransitionName: "";
+            defaultOpen: boolean;
             showArrow: boolean;
             autoClearSearchValue: boolean;
             filterOption: boolean | FilterFunc<DefaultOptionType>;
@@ -476,8 +476,8 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         suffixIcon: VueTypeValidableDef<any>;
         itemIcon: VueTypeValidableDef<any>;
         size: {
-            type: PropType<SizeType>;
-            default: SizeType;
+            type: PropType<ButtonSize>;
+            default: ButtonSize;
         };
         mode: {
             type: PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
@@ -495,8 +495,8 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         popupClassName: StringConstructor;
         dropdownClassName: StringConstructor;
         placement: {
-            type: PropType<"bottomLeft" | "bottomRight" | "topLeft" | "topRight">;
-            default: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+            type: PropType<"topLeft" | "topRight" | "bottomLeft" | "bottomRight">;
+            default: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
         };
         status: {
             type: PropType<"" | "error" | "warning">;
@@ -536,6 +536,8 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             default: any;
         };
         prefixCls: StringConstructor;
+        id: StringConstructor;
+        autofocus: BooleanConstructor;
         getPopupContainer: {
             type: PropType<RenderDOMFunc>;
         };
@@ -547,28 +549,21 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             type: PropType<number | boolean>;
             default: any;
         };
-        loading: {
-            type: BooleanConstructor;
-            default: any;
-        };
+        options: PropType<DefaultOptionType[]>;
         showAction: {
             type: PropType<("click" | "focus")[]>;
         };
-        dropdownAlign: PropType<AlignType>;
-        placeholder: VueTypeValidableDef<any>;
-        allowClear: {
+        onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+        loading: {
             type: BooleanConstructor;
             default: any;
         };
-        autofocus: BooleanConstructor;
-        defaultOpen: {
+        placeholder: VueTypeValidableDef<any>;
+        clearIcon: VueTypeValidableDef<any>;
+        allowClear: {
             type: BooleanConstructor;
             default: any;
         };
-        id: StringConstructor;
-        clearIcon: VueTypeValidableDef<any>;
-        options: PropType<DefaultOptionType[]>;
-        onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
         onSearch: PropType<(value: string) => void>;
         fieldNames: PropType<FieldNames>;
         dropdownStyle: {
@@ -577,6 +572,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         dropdownRender: {
             type: PropType<DropdownRender>;
         };
+        dropdownAlign: PropType<AlignType>;
         showSearch: {
             type: BooleanConstructor;
             default: any;
@@ -599,6 +595,10 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             type: PropType<(option: Record<string, any>) => any>;
         };
         onClear: PropType<() => void>;
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: any;
+        };
         onDropdownVisibleChange: {
             type: PropType<(open: boolean) => void>;
         };
@@ -631,24 +631,24 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             default: any;
         };
     }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        size: SizeType;
+        size: ButtonSize;
         value: SelectValue;
         mode: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
         open: boolean;
         disabled: boolean;
+        autofocus: boolean;
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
+        status: "" | "error" | "warning";
+        defaultValue: SelectValue;
+        'onUpdate:value': (val: SelectValue) => void;
+        placement: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
         loading: boolean;
         bordered: boolean;
-        defaultValue: SelectValue;
-        status: "" | "error" | "warning";
         allowClear: boolean;
-        autofocus: boolean;
-        defaultOpen: boolean;
-        'onUpdate:value': (val: SelectValue) => void;
-        placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
         showSearch: boolean;
         choiceTransitionName: "";
+        defaultOpen: boolean;
         showArrow: boolean;
         autoClearSearchValue: boolean;
         filterOption: boolean | FilterFunc<DefaultOptionType>;
@@ -687,8 +687,8 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         suffixIcon: VueTypeValidableDef<any>;
         itemIcon: VueTypeValidableDef<any>;
         size: {
-            type: PropType<SizeType>;
-            default: SizeType;
+            type: PropType<ButtonSize>;
+            default: ButtonSize;
         };
         mode: {
             type: PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
@@ -706,8 +706,8 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         popupClassName: StringConstructor;
         dropdownClassName: StringConstructor;
         placement: {
-            type: PropType<"bottomLeft" | "bottomRight" | "topLeft" | "topRight">;
-            default: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+            type: PropType<"topLeft" | "topRight" | "bottomLeft" | "bottomRight">;
+            default: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
         };
         status: {
             type: PropType<"" | "error" | "warning">;
@@ -747,6 +747,8 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             default: any;
         };
         prefixCls: StringConstructor;
+        id: StringConstructor;
+        autofocus: BooleanConstructor;
         getPopupContainer: {
             type: PropType<RenderDOMFunc>;
         };
@@ -758,28 +760,21 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             type: PropType<number | boolean>;
             default: any;
         };
-        loading: {
-            type: BooleanConstructor;
-            default: any;
-        };
+        options: PropType<DefaultOptionType[]>;
         showAction: {
             type: PropType<("click" | "focus")[]>;
         };
-        dropdownAlign: PropType<AlignType>;
-        placeholder: VueTypeValidableDef<any>;
-        allowClear: {
+        onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+        loading: {
             type: BooleanConstructor;
             default: any;
         };
-        autofocus: BooleanConstructor;
-        defaultOpen: {
+        placeholder: VueTypeValidableDef<any>;
+        clearIcon: VueTypeValidableDef<any>;
+        allowClear: {
             type: BooleanConstructor;
             default: any;
         };
-        id: StringConstructor;
-        clearIcon: VueTypeValidableDef<any>;
-        options: PropType<DefaultOptionType[]>;
-        onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
         onSearch: PropType<(value: string) => void>;
         fieldNames: PropType<FieldNames>;
         dropdownStyle: {
@@ -788,6 +783,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         dropdownRender: {
             type: PropType<DropdownRender>;
         };
+        dropdownAlign: PropType<AlignType>;
         showSearch: {
             type: BooleanConstructor;
             default: any;
@@ -810,6 +806,10 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             type: PropType<(option: Record<string, any>) => any>;
         };
         onClear: PropType<() => void>;
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: any;
+        };
         onDropdownVisibleChange: {
             type: PropType<(open: boolean) => void>;
         };
@@ -842,24 +842,24 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             default: any;
         };
     }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
-        size: SizeType;
+        size: ButtonSize;
         value: SelectValue;
         mode: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
         open: boolean;
         disabled: boolean;
+        autofocus: boolean;
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
+        status: "" | "error" | "warning";
+        defaultValue: SelectValue;
+        'onUpdate:value': (val: SelectValue) => void;
+        placement: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
         loading: boolean;
         bordered: boolean;
-        defaultValue: SelectValue;
-        status: "" | "error" | "warning";
         allowClear: boolean;
-        autofocus: boolean;
-        defaultOpen: boolean;
-        'onUpdate:value': (val: SelectValue) => void;
-        placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
         showSearch: boolean;
         choiceTransitionName: "";
+        defaultOpen: boolean;
         showArrow: boolean;
         autoClearSearchValue: boolean;
         filterOption: boolean | FilterFunc<DefaultOptionType>;

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:{},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;
+"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;

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;
-            defaultValue: number | [number, number];
-            step: number;
             autofocus: boolean;
+            defaultValue: number | [number, number];
             'onUpdate:value': (value: number | [number, number]) => void;
+            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;
+            defaultValue: number | [number, number];
             'onUpdate:value': (value: number | [number, number]) => void;
+            step: number;
             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;
-        defaultValue: number | [number, number];
-        step: number;
         autofocus: boolean;
+        defaultValue: number | [number, number];
         'onUpdate:value': (value: number | [number, number]) => void;
+        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;
+        defaultValue: number | [number, number];
         'onUpdate:value': (value: number | [number, number]) => void;
+        step: number;
         included: boolean;
         marks: SliderMarks;
         handleStyle: CSSProperties | CSSProperties[];