@aplus-frontend/ui 0.4.0 → 0.4.2

package/es/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/es/src/ap-field/select/index.vue.mjs

@@ -25,6 +25,7 @@ const ne = { key: 0 }, pe = /* @__PURE__ */ _({
     dropdownClassName: {},
     placement: {},
     status: {},
+    onBeforeSelect: {},
     children: {},
     listHeight: {},
     onMouseenter: {},
@@ -91,8 +92,7 @@ const ne = { key: 0 }, pe = /* @__PURE__ */ _({
     "onUpdate:value": {},
     searchMode: { default: "filter" },
     refetchOnFocus: { type: Boolean, default: !1 },
-    lazy: { type: Boolean, default: !1 },
-    onBeforeSelect: {}
+    lazy: { type: Boolean, default: !1 }
   },
   emits: ["update:value"],
   setup(C, { expose: F, emit: b }) {
@@ -175,7 +175,8 @@ const ne = { key: 0 }, pe = /* @__PURE__ */ _({
             "onSearch",
             "request",
             "searchMode",
-            "onFocus"
+            "onFocus",
+            "onBeforeSelect"
           ])
         ),
         placeholder: a(P),