@aplus-frontend/ui 0.4.1 → 0.4.2

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

@@ -72,6 +72,10 @@ declare function __VLS_template(): {
                 type: PropType<(val: SelectValue) => void>;
                 default: (val: SelectValue) => void;
             };
+            onBeforeSelect: {
+                type: PropType<(nextVal: SelectValue) => boolean | Promise<boolean>>;
+                default: (nextVal: SelectValue) => boolean | Promise<boolean>;
+            };
             children: PropType< VueNode[]>;
             listHeight: NumberConstructor;
             onMouseenter: PropType<(e: MouseEvent) => void>;
@@ -219,6 +223,7 @@ declare function __VLS_template(): {
             filterOption: boolean | FilterFunc<DefaultOptionType>;
             defaultActiveFirstOption: boolean;
             labelInValue: boolean;
+            onBeforeSelect: (nextVal: SelectValue) => boolean | Promise<boolean>;
         }, true, {}, CustomSlotsType<{
             notFoundContent: any;
             suffixIcon: any;
@@ -282,6 +287,10 @@ declare function __VLS_template(): {
                 type: PropType<(val: SelectValue) => void>;
                 default: (val: SelectValue) => void;
             };
+            onBeforeSelect: {
+                type: PropType<(nextVal: SelectValue) => boolean | Promise<boolean>>;
+                default: (nextVal: SelectValue) => boolean | Promise<boolean>;
+            };
             children: PropType< VueNode[]>;
             listHeight: NumberConstructor;
             onMouseenter: PropType<(e: MouseEvent) => void>;
@@ -429,6 +438,7 @@ declare function __VLS_template(): {
             filterOption: boolean | FilterFunc<DefaultOptionType>;
             defaultActiveFirstOption: boolean;
             labelInValue: boolean;
+            onBeforeSelect: (nextVal: SelectValue) => boolean | Promise<boolean>;
         }> | null;
     };
     rootEl: any;
@@ -462,7 +472,419 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
     emptyText: string;
     searchMode: "filter" | "request";
     refetchOnFocus: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    selectRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        value: {
+            type: PropType<SelectValue>;
+            default: SelectValue;
+        };
+        defaultValue: {
+            type: PropType<SelectValue>;
+            default: SelectValue;
+        };
+        notFoundContent: VueTypeValidableDef<any>;
+        suffixIcon: VueTypeValidableDef<any>;
+        itemIcon: VueTypeValidableDef<any>;
+        size: {
+            type: PropType<ButtonSize>;
+            default: ButtonSize;
+        };
+        mode: {
+            type: PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
+            default: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        transitionName: StringConstructor;
+        choiceTransitionName: {
+            type: PropType<"">;
+            default: "";
+        };
+        popupClassName: StringConstructor;
+        dropdownClassName: StringConstructor;
+        placement: {
+            type: PropType<"bottomLeft" | "bottomRight" | "topLeft" | "topRight">;
+            default: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+        };
+        status: {
+            type: PropType<"" | "error" | "warning">;
+            default: "" | "error" | "warning";
+        };
+        'onUpdate:value': {
+            type: PropType<(val: SelectValue) => void>;
+            default: (val: SelectValue) => void;
+        };
+        onBeforeSelect: {
+            type: PropType<(nextVal: SelectValue) => boolean | Promise<boolean>>;
+            default: (nextVal: SelectValue) => boolean | Promise<boolean>;
+        };
+        children: PropType< VueNode[]>;
+        listHeight: NumberConstructor;
+        onMouseenter: PropType<(e: MouseEvent) => void>;
+        onMouseleave: PropType<(e: MouseEvent) => void>;
+        tabindex: NumberConstructor;
+        onClick: PropType<(e: MouseEvent) => void>;
+        onFocus: {
+            type: PropType<(e: FocusEvent) => void>;
+        };
+        onBlur: {
+            type: PropType<(e: FocusEvent) => void>;
+        };
+        onChange: PropType<(value: SelectValue, option: DefaultOptionType | DefaultOptionType[]) => void>;
+        onKeydown: PropType<(e: KeyboardEvent) => void>;
+        onKeyup: PropType<(e: KeyboardEvent) => void>;
+        onMousedown: PropType<(e: MouseEvent) => void>;
+        onSelect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+        open: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        animation: StringConstructor;
+        direction: {
+            type: PropType<"rtl" | "ltr">;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        prefixCls: StringConstructor;
+        id: StringConstructor;
+        autofocus: BooleanConstructor;
+        getPopupContainer: {
+            type: PropType<RenderDOMFunc>;
+        };
+        virtual: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        dropdownMatchSelectWidth: {
+            type: PropType<number | boolean>;
+            default: any;
+        };
+        options: PropType<DefaultOptionType[]>;
+        showAction: {
+            type: PropType<("click" | "focus")[]>;
+        };
+        onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+        loading: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placeholder: VueTypeValidableDef<any>;
+        clearIcon: VueTypeValidableDef<any>;
+        allowClear: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        onSearch: PropType<(value: string) => void>;
+        fieldNames: PropType<FieldNames>;
+        dropdownStyle: {
+            type: PropType<CSSProperties>;
+        };
+        dropdownRender: {
+            type: PropType<DropdownRender>;
+        };
+        dropdownAlign: PropType<AlignType>;
+        showSearch: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        searchValue: StringConstructor;
+        onInputKeyDown: PropType<(e: KeyboardEvent) => void>;
+        removeIcon: VueTypeValidableDef<any>;
+        maxTagCount: {
+            type: PropType<number | "responsive">;
+        };
+        maxTagTextLength: NumberConstructor;
+        maxTagPlaceholder: VueTypeValidableDef<any>;
+        tokenSeparators: {
+            type: PropType<string[]>;
+        };
+        tagRender: {
+            type: PropType<(props: CustomTagProps) => any>;
+        };
+        optionLabelRender: {
+            type: PropType<(option: Record<string, any>) => any>;
+        };
+        onClear: PropType<() => void>;
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        onDropdownVisibleChange: {
+            type: PropType<(open: boolean) => void>;
+        };
+        showArrow: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        onPopupScroll: PropType<(e: UIEvent) => void>;
+        menuItemSelectedIcon: VueTypeValidableDef<any>;
+        listItemHeight: NumberConstructor;
+        inputValue: StringConstructor;
+        autoClearSearchValue: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        filterOption: {
+            type: PropType<boolean | FilterFunc<DefaultOptionType>>;
+            default: any;
+        };
+        filterSort: PropType<(optionA: DefaultOptionType, optionB: DefaultOptionType) => number>;
+        optionFilterProp: StringConstructor;
+        optionLabelProp: StringConstructor;
+        defaultActiveFirstOption: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        labelInValue: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        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: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+        loading: boolean;
+        bordered: boolean;
+        allowClear: boolean;
+        showSearch: boolean;
+        choiceTransitionName: "";
+        defaultOpen: boolean;
+        showArrow: boolean;
+        autoClearSearchValue: boolean;
+        filterOption: boolean | FilterFunc<DefaultOptionType>;
+        defaultActiveFirstOption: boolean;
+        labelInValue: boolean;
+        onBeforeSelect: (nextVal: SelectValue) => boolean | Promise<boolean>;
+    }, true, {}, CustomSlotsType<{
+        notFoundContent: any;
+        suffixIcon: any;
+        itemIcon: any;
+        removeIcon: any;
+        clearIcon: any;
+        dropdownRender: any;
+        option: any;
+        placeholder: any;
+        tagRender: any;
+        maxTagPlaceholder: any;
+        optionLabel: any;
+        default: any;
+    }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        value: {
+            type: PropType<SelectValue>;
+            default: SelectValue;
+        };
+        defaultValue: {
+            type: PropType<SelectValue>;
+            default: SelectValue;
+        };
+        notFoundContent: VueTypeValidableDef<any>;
+        suffixIcon: VueTypeValidableDef<any>;
+        itemIcon: VueTypeValidableDef<any>;
+        size: {
+            type: PropType<ButtonSize>;
+            default: ButtonSize;
+        };
+        mode: {
+            type: PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
+            default: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        transitionName: StringConstructor;
+        choiceTransitionName: {
+            type: PropType<"">;
+            default: "";
+        };
+        popupClassName: StringConstructor;
+        dropdownClassName: StringConstructor;
+        placement: {
+            type: PropType<"bottomLeft" | "bottomRight" | "topLeft" | "topRight">;
+            default: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+        };
+        status: {
+            type: PropType<"" | "error" | "warning">;
+            default: "" | "error" | "warning";
+        };
+        'onUpdate:value': {
+            type: PropType<(val: SelectValue) => void>;
+            default: (val: SelectValue) => void;
+        };
+        onBeforeSelect: {
+            type: PropType<(nextVal: SelectValue) => boolean | Promise<boolean>>;
+            default: (nextVal: SelectValue) => boolean | Promise<boolean>;
+        };
+        children: PropType< VueNode[]>;
+        listHeight: NumberConstructor;
+        onMouseenter: PropType<(e: MouseEvent) => void>;
+        onMouseleave: PropType<(e: MouseEvent) => void>;
+        tabindex: NumberConstructor;
+        onClick: PropType<(e: MouseEvent) => void>;
+        onFocus: {
+            type: PropType<(e: FocusEvent) => void>;
+        };
+        onBlur: {
+            type: PropType<(e: FocusEvent) => void>;
+        };
+        onChange: PropType<(value: SelectValue, option: DefaultOptionType | DefaultOptionType[]) => void>;
+        onKeydown: PropType<(e: KeyboardEvent) => void>;
+        onKeyup: PropType<(e: KeyboardEvent) => void>;
+        onMousedown: PropType<(e: MouseEvent) => void>;
+        onSelect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+        open: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        animation: StringConstructor;
+        direction: {
+            type: PropType<"rtl" | "ltr">;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        prefixCls: StringConstructor;
+        id: StringConstructor;
+        autofocus: BooleanConstructor;
+        getPopupContainer: {
+            type: PropType<RenderDOMFunc>;
+        };
+        virtual: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        dropdownMatchSelectWidth: {
+            type: PropType<number | boolean>;
+            default: any;
+        };
+        options: PropType<DefaultOptionType[]>;
+        showAction: {
+            type: PropType<("click" | "focus")[]>;
+        };
+        onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+        loading: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placeholder: VueTypeValidableDef<any>;
+        clearIcon: VueTypeValidableDef<any>;
+        allowClear: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        onSearch: PropType<(value: string) => void>;
+        fieldNames: PropType<FieldNames>;
+        dropdownStyle: {
+            type: PropType<CSSProperties>;
+        };
+        dropdownRender: {
+            type: PropType<DropdownRender>;
+        };
+        dropdownAlign: PropType<AlignType>;
+        showSearch: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        searchValue: StringConstructor;
+        onInputKeyDown: PropType<(e: KeyboardEvent) => void>;
+        removeIcon: VueTypeValidableDef<any>;
+        maxTagCount: {
+            type: PropType<number | "responsive">;
+        };
+        maxTagTextLength: NumberConstructor;
+        maxTagPlaceholder: VueTypeValidableDef<any>;
+        tokenSeparators: {
+            type: PropType<string[]>;
+        };
+        tagRender: {
+            type: PropType<(props: CustomTagProps) => any>;
+        };
+        optionLabelRender: {
+            type: PropType<(option: Record<string, any>) => any>;
+        };
+        onClear: PropType<() => void>;
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        onDropdownVisibleChange: {
+            type: PropType<(open: boolean) => void>;
+        };
+        showArrow: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        onPopupScroll: PropType<(e: UIEvent) => void>;
+        menuItemSelectedIcon: VueTypeValidableDef<any>;
+        listItemHeight: NumberConstructor;
+        inputValue: StringConstructor;
+        autoClearSearchValue: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        filterOption: {
+            type: PropType<boolean | FilterFunc<DefaultOptionType>>;
+            default: any;
+        };
+        filterSort: PropType<(optionA: DefaultOptionType, optionB: DefaultOptionType) => number>;
+        optionFilterProp: StringConstructor;
+        optionLabelProp: StringConstructor;
+        defaultActiveFirstOption: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        labelInValue: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
+        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: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+        loading: boolean;
+        bordered: boolean;
+        allowClear: boolean;
+        showSearch: boolean;
+        choiceTransitionName: "";
+        defaultOpen: boolean;
+        showArrow: boolean;
+        autoClearSearchValue: boolean;
+        filterOption: boolean | FilterFunc<DefaultOptionType>;
+        defaultActiveFirstOption: boolean;
+        labelInValue: boolean;
+        onBeforeSelect: (nextVal: SelectValue) => boolean | Promise<boolean>;
+    }> | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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("../../utils/index.js"),T=require("../hooks/use-default-placeholder.js"),_=require("../hooks/use-options.js"),A=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},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},onBeforeSelect:{}},emits:["update:value"],setup(S,{expose:B,emit:g}){let r=0;const b=i.debounce(t=>{if(!i.isFunction(e.request))return;r+=1;const n=r;s([]),u.value=!0,e.request(t).then(l=>{r===n&&s(l)}).finally(()=>{u.value=!1})},300),e=S,C=(t,n)=>{var a;const l=((a=e.fieldNames)==null?void 0:a.label)||"label";return typeof(n==null?void 0:n[l])=="string"&&n[l].toLowerCase().indexOf(t.toLowerCase())>-1},{options:c,updateOptions:s}=_.default(e),f=o.ref(),u=o.ref((e==null?void 0:e.loading)||!1),F=g;async function p(t=!0){if(!i.isFunction(e.request))return;u.value=!0,r+=1;const n=r;try{t&&s([]);const l=await e.request();if(n!==r)return;s(l)}finally{u.value=!1}}function q(t){var n;(n=e.onFocus)==null||n.call(e,t),e.refetchOnFocus&&r>0&&!u.value&&p(!0)}o.onMounted(()=>{if(e.lazy){r+=1;return}p()});const{value:v,updateValue:x}=A.useControllableValue(e,F,{beforeUpdateValue:e.onBeforeSelect}),N=T.useDefaultPlaceholder("Select",e),O=o.computed(()=>{var d,h;const t=o.unref(v);if(!t)return e.emptyText;const n=((d=e.fieldNames)==null?void 0:d.label)||"label",l=((h=e.fieldNames)==null?void 0:h.value)||"value";if(i.isArray(t))return t.map(m=>{var y;return(y=o.unref(c).find(M=>M[l]===m))==null?void 0:y[n]}).filter(Boolean).join("、")||e.emptyText;const a=o.unref(c).find(m=>m[l]===t);return(a==null?void 0:a[n])||e.emptyText}),I=o.computed(()=>{const t=!!(e!=null&&e.showSearch),n=e.searchMode;let l={};return t&&(l=n==="request"?{showArrow:!1,defaultActiveFirstOption:!1,onSearch:b,notFoundContent:u.value?void 0:null}:{showArrow:!0,filterOption:i.isNil(e==null?void 0:e.filterOption)?C:e==null?void 0:e.filterOption}),{...k.omitUndefined(i.omit(e,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus"])),placeholder:o.unref(N),...l}});function P(){var t;(t=f.value)==null||t.focus()}function V(){var t;(t=f.value)==null||t.blur()}return B({focus:P,blur:V,request:p}),(t,n)=>t.mode==="read"?(o.openBlock(),o.createElementBlock("span",U,o.toDisplayString(O.value),1)):(o.openBlock(),o.createBlock(o.unref(w.Select),o.mergeProps({key:1,ref_key:"selectRef",ref:f,"allow-clear":""},I.value,{mode:t.multiple?"multiple":void 0,value:o.unref(v),options:o.unref(c),loading:u.value,"onUpdate:value":o.unref(x),onFocus:q}),o.createSlots({_:2},[o.renderList(t.$slots,(l,a)=>({name:a,fn:o.withCtx(d=>[o.renderSlot(t.$slots,a,o.normalizeProps(o.guardReactiveProps(d||{})))])})),u.value?{name:"notFoundContent",fn:o.withCtx(()=>[o.createVNode(o.unref(w.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["mode","value","options","loading","onUpdate:value"]))}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),i=require("lodash-unified"),S=require("@aplus-frontend/antdv");require("../../hooks/index.js");const k=require("../../utils/index.js"),T=require("../hooks/use-default-placeholder.js"),_=require("../hooks/use-options.js"),A=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:{},onBeforeSelect:{},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},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}},emits:["update:value"],setup(w,{expose:B,emit:g}){let r=0;const b=i.debounce(t=>{if(!i.isFunction(e.request))return;r+=1;const n=r;s([]),u.value=!0,e.request(t).then(l=>{r===n&&s(l)}).finally(()=>{u.value=!1})},300),e=w,C=(t,n)=>{var a;const l=((a=e.fieldNames)==null?void 0:a.label)||"label";return typeof(n==null?void 0:n[l])=="string"&&n[l].toLowerCase().indexOf(t.toLowerCase())>-1},{options:c,updateOptions:s}=_.default(e),f=o.ref(),u=o.ref((e==null?void 0:e.loading)||!1),F=g;async function p(t=!0){if(!i.isFunction(e.request))return;u.value=!0,r+=1;const n=r;try{t&&s([]);const l=await e.request();if(n!==r)return;s(l)}finally{u.value=!1}}function q(t){var n;(n=e.onFocus)==null||n.call(e,t),e.refetchOnFocus&&r>0&&!u.value&&p(!0)}o.onMounted(()=>{if(e.lazy){r+=1;return}p()});const{value:v,updateValue:x}=A.useControllableValue(e,F,{beforeUpdateValue:e.onBeforeSelect}),N=T.useDefaultPlaceholder("Select",e),O=o.computed(()=>{var d,h;const t=o.unref(v);if(!t)return e.emptyText;const n=((d=e.fieldNames)==null?void 0:d.label)||"label",l=((h=e.fieldNames)==null?void 0:h.value)||"value";if(i.isArray(t))return t.map(m=>{var y;return(y=o.unref(c).find(M=>M[l]===m))==null?void 0:y[n]}).filter(Boolean).join("、")||e.emptyText;const a=o.unref(c).find(m=>m[l]===t);return(a==null?void 0:a[n])||e.emptyText}),I=o.computed(()=>{const t=!!(e!=null&&e.showSearch),n=e.searchMode;let l={};return t&&(l=n==="request"?{showArrow:!1,defaultActiveFirstOption:!1,onSearch:b,notFoundContent:u.value?void 0:null}:{showArrow:!0,filterOption:i.isNil(e==null?void 0:e.filterOption)?C:e==null?void 0:e.filterOption}),{...k.omitUndefined(i.omit(e,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect"])),placeholder:o.unref(N),...l}});function P(){var t;(t=f.value)==null||t.focus()}function V(){var t;(t=f.value)==null||t.blur()}return B({focus:P,blur:V,request:p}),(t,n)=>t.mode==="read"?(o.openBlock(),o.createElementBlock("span",U,o.toDisplayString(O.value),1)):(o.openBlock(),o.createBlock(o.unref(S.Select),o.mergeProps({key:1,ref_key:"selectRef",ref:f,"allow-clear":""},I.value,{mode:t.multiple?"multiple":void 0,value:o.unref(v),options:o.unref(c),loading:u.value,"onUpdate:value":o.unref(x),onFocus:q}),o.createSlots({_:2},[o.renderList(t.$slots,(l,a)=>({name:a,fn:o.withCtx(d=>[o.renderSlot(t.$slots,a,o.normalizeProps(o.guardReactiveProps(d||{})))])})),u.value?{name:"notFoundContent",fn:o.withCtx(()=>[o.createVNode(o.unref(S.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["mode","value","options","loading","onUpdate:value"]))}});exports.default=D;