@aplus-frontend/ui 0.4.1 → 0.4.2

package/es/src/business/ap-group-search/popover-select/index.vue.d.ts

@@ -1,6 +1,12 @@
 import { SelectProps } from '@aplus-frontend/antdv';
-import { SelectValue } from '@aplus-frontend/antdv/es/select';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { SelectValue, DefaultOptionType, LabeledValue } from '@aplus-frontend/antdv/es/select';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, CSSProperties, GlobalComponents, GlobalDirectives } from 'vue';
+import { VueTypeValidableDef } from '../../../../node_modules/vue-types';
+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';
+import { AlignType } from '@aplus-frontend/antdv/es/vc-trigger/interface';
 type __VLS_Props = Omit<SelectProps, 'mode' | 'suffixIcon'> & {
     __parentRef: HTMLElement;
 };
@@ -10,5 +16,417 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSubmit?: ((value: SelectValue) => any) | undefined;
     "onOpen-change"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, 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;
+}, HTMLDivElement>;
 export default _default;

package/es/src/business/ap-group-search/popover-select/index.vue2.mjs

@@ -22,6 +22,7 @@ const Y = /* @__PURE__ */ P({
     placement: {},
     status: {},
     "onUpdate:value": {},
+    onBeforeSelect: {},
     children: {},
     listHeight: {},
     onMouseenter: {},

package/es/src/business/ap-select-layout/select-layout.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: <T extends ApSelectItem>(__VLS_props: NonNullable<Awaite
         readonly onOnSelect?: ((value: T) => any) | undefined;
         readonly onAfterEnter?: ((el: Element) => any) | undefined;
         readonly onAfterLeave?: ((el: Element) => any) | undefined;
-    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onAfterEnter" | "onAfterLeave" | "onOnSelect"> & Partial<{}> & ApSelectLayoutProps<T>> & PublicProps;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onAfterEnter" | "onAfterLeave" | "onOnSelect"> & ApSelectLayoutProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

package/es/src/business/ap-table-modal/index.d.ts

@@ -1,6 +1,6 @@
 import { useTableModal } from './hooks/use-table-modal';
 import { useTableSelectModal } from './hooks/use-table-select-modal';
-import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ShallowUnwrapRef, ComputedRef, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 import { ApTableModalProps, OpenOptions, OpenReturnType } from './interface';
 import { Recordable } from '../../type';
 import { TableColumnsType } from '@aplus-frontend/antdv';
@@ -51,7 +51,27 @@ declare const ApTableModal: {
         focusTriggerAfterClose: boolean;
         maxCount: number;
         isRenderModalTitleSuffix: boolean;
-    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+        apTableRef: ShallowUnwrapRef<{
+            submit: () => void;
+            reset: () => void;
+            refresh: () => void;
+            setSearchFormValues: (fields: any) => void;
+            getSearchFormValues: (transform?: boolean) => Partial<any> | undefined;
+            getShownColumns: () => TableColumnsType<any>;
+            dataSource: ComputedRef<any[]>;
+            rowSelection: {
+                select: (item: any) => void;
+                unSelect: (item: any) => void;
+                isSelected: (item: any) => boolean;
+                selectAll: () => void;
+                unSelectAll: () => void;
+                clearAll: () => void;
+                toggleSelect: (item: any) => void;
+                selectedRows: ComputedRef<any[]>;
+            };
+        }> | null;
+    }, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/es/src/business/ap-table-modal/interface.d.ts

@@ -1,9 +1,9 @@
 import { VNode, VNodeChild } from 'vue';
-import { ApColumnType, ApTableProps } from '../../index';
+import { ApTableProps } from '../../index';
 import { ModalProps, TableProps } from '@aplus-frontend/antdv';
 /** table-modal的props类型 */
 export interface ApTableModalProps<TableRowType = any> extends Omit<ModalProps, 'onOk' | 'open' | 'close' | 'visible'> {
-    columns: ApColumnType[];
+    columns: ApTableProps['columns'];
     getRowKey?: (record: TableRowType) => string | number;
     api?: (params: any) => Promise<{
         records: TableRowType[];

package/es/src/business/ap-table-modal/table-modal.vue.d.ts

@@ -1,5 +1,5 @@
 import { OpenOptions, OpenReturnType, ApTableModalProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ShallowUnwrapRef, ComputedRef } from 'vue';
 import { Recordable } from '../../type';
 import { TableColumnsType } from '@aplus-frontend/antdv';
 type __VLS_Props = ApTableModalProps;
@@ -46,5 +46,25 @@ declare const _default: DefineComponent<__VLS_Props, {
     focusTriggerAfterClose: boolean;
     maxCount: number;
     isRenderModalTitleSuffix: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    apTableRef: ShallowUnwrapRef<{
+        submit: () => void;
+        reset: () => void;
+        refresh: () => void;
+        setSearchFormValues: (fields: any) => void;
+        getSearchFormValues: (transform?: boolean) => Partial<any> | undefined;
+        getShownColumns: () => TableColumnsType<any>;
+        dataSource: ComputedRef<any[]>;
+        rowSelection: {
+            select: (item: any) => void;
+            unSelect: (item: any) => void;
+            isSelected: (item: any) => boolean;
+            selectAll: () => void;
+            unSelectAll: () => void;
+            clearAll: () => void;
+            toggleSelect: (item: any) => void;
+            selectedRows: ComputedRef<any[]>;
+        };
+    }> | null;
+}, any>;
 export default _default;