fast-element-plus 1.0.0 → 1.0.1

package/lib/components/selectPage/src/selectPage.d.ts

@@ -0,0 +1,595 @@
+import { SelectComponentProps } from '../../select/src/select';
+import { ElSelectorOutput } from '../../select';
+import { PagedInput, PagedResult } from '../../table';
+export declare const faSelectPageProps: {
+    /** @description displayed text while loading data from server, default is 'Loading' */
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data' */
+    noMatchText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */
+    noDataText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description whether to collapse tags to a text when multiple selecting */
+    collapseTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true */
+    collapseTagsTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description v-model绑定值 */
+    modelValue: {
+        type: import('vue').PropType<string | number | boolean | object | (string | number | boolean | object)[]>;
+        default: any;
+    };
+    /** @description v-model:label绑定值 */
+    label: import('vue').PropType<string | string[]>;
+    /** @description 宽度 */
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    /** @description 更多细节，只有使用slot的时候有用 */
+    moreDetail: BooleanConstructor;
+    /** @description 配置选项 */
+    props: {
+        type: import('vue').PropType<SelectComponentProps>;
+        default: () => Partial<SelectComponentProps>;
+    };
+    /** @description 请求api */
+    requestApi: {
+        type: import('vue').PropType<(params?: PagedInput) => Promise<PagedResult<ElSelectorOutput>>>;
+    };
+    /** 初始化参数 */
+    initParam: import('vue').PropType<any>;
+    ariaLabel: StringConstructor;
+    emptyValues: ArrayConstructor;
+    valueOnClear: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | ((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null))[], unknown, unknown, undefined, boolean>;
+    name: StringConstructor;
+    id: StringConstructor;
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    automaticDropdown: BooleanConstructor;
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    effect: {
+        type: import('vue').PropType<string | (string & {})>;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    clearable: BooleanConstructor;
+    filterable: BooleanConstructor;
+    allowCreate: BooleanConstructor;
+    loading: BooleanConstructor;
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperOptions: {
+        type: import('vue').PropType<Options>;
+        default: () => Partial<Options>;
+    };
+    remote: BooleanConstructor;
+    remoteMethod: FunctionConstructor;
+    filterMethod: FunctionConstructor;
+    multiple: BooleanConstructor;
+    multipleLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    defaultFirstOption: BooleanConstructor;
+    reserveKeyword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxCollapseTags: {
+        type: NumberConstructor;
+        default: number;
+    };
+    teleported: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearIcon: {
+        type: import('vue').PropType<string | import('vue').Component>;
+        default: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    };
+    fitInputWidth: BooleanConstructor;
+    suffixIcon: {
+        type: import('vue').PropType<string | import('vue').Component>;
+        default: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    };
+    tagType: {
+        default: string;
+        type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    tagEffect: {
+        default: string;
+        type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "plain" | "dark" | "light", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    remoteShowSuffix: BooleanConstructor;
+    placement: {
+        type: import('vue').PropType<Placement>;
+        default: string;
+    };
+    fallbackPlacements: {
+        type: import('vue').PropType<Placement[]>;
+        default: string[];
+    };
+};
+export declare const faSelectPageEmits: {
+    /** @description v-model 回调 */
+    "update:modelValue": (value: string | number | boolean | object | (string | number | boolean | object)[]) => boolean;
+    /** @description v-model:label 回调 */
+    "update:label": (value: string | string[]) => boolean;
+    /** @description 数据改变 */
+    dataChangeCallBack: (data: ElSelectorOutput[] | any[]) => boolean;
+    /** @description 改变 */
+    change: (data: ElSelectorOutput | ElSelectorOutput[] | any | any[], value?: string | number | boolean | object | (string | number | boolean | object)[]) => boolean;
+    /** @description 下拉框出现/隐藏时触发 */
+    visibleChange: (visible: boolean) => boolean;
+    /** @description 多选模式下移除tag时触发 */
+    removeTag: (tagValue: any) => boolean;
+    /** @description 可清空的单选模式下用户点击清空按钮时触发 */
+    clear: () => boolean;
+    /** @description 当 input 失去焦点时触发 */
+    blur: (event: FocusEvent) => boolean;
+    /** @description 当 input 获得焦点时触发 */
+    focus: (event: FocusEvent) => boolean;
+};
+type FaSelectPageSlots = {
+    /** @description FaSelectOption 默认内容插槽 */
+    default: ElSelectorOutput;
+    /** @description 下拉列表顶部的内容 */
+    header: never;
+    /** @description 下拉列表底部的内容 */
+    footer: never;
+    /** @description Select 组件头部内容 */
+    prefix: never;
+    /** @description 无选项时的列表 */
+    empty: never;
+    /** @description select 组件自定义标签内容 */
+    tag: never;
+    /** @description select 组件自定义 loading内容 */
+    loading: never;
+    /** @description select 组件自定义标签内容 */
+    label: {
+        label: string;
+        value: string | number | boolean | object;
+    };
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** @description displayed text while loading data from server, default is 'Loading' */
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data' */
+    noMatchText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */
+    noDataText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description whether to collapse tags to a text when multiple selecting */
+    collapseTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true */
+    collapseTagsTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description v-model绑定值 */
+    modelValue: {
+        type: import('vue').PropType<string | number | boolean | object | (string | number | boolean | object)[]>;
+        default: any;
+    };
+    /** @description v-model:label绑定值 */
+    label: import('vue').PropType<string | string[]>;
+    /** @description 宽度 */
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    /** @description 更多细节，只有使用slot的时候有用 */
+    moreDetail: BooleanConstructor;
+    /** @description 配置选项 */
+    props: {
+        type: import('vue').PropType<SelectComponentProps>;
+        default: () => Partial<SelectComponentProps>;
+    };
+    /** @description 请求api */
+    requestApi: {
+        type: import('vue').PropType<(params?: PagedInput) => Promise<PagedResult<ElSelectorOutput>>>;
+    };
+    /** 初始化参数 */
+    initParam: import('vue').PropType<any>;
+    ariaLabel: StringConstructor;
+    emptyValues: ArrayConstructor;
+    valueOnClear: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | ((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null))[], unknown, unknown, undefined, boolean>;
+    name: StringConstructor;
+    id: StringConstructor;
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    automaticDropdown: BooleanConstructor;
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    effect: {
+        type: import('vue').PropType<string | (string & {})>;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    clearable: BooleanConstructor;
+    filterable: BooleanConstructor;
+    allowCreate: BooleanConstructor;
+    loading: BooleanConstructor;
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperOptions: {
+        type: import('vue').PropType<Options>;
+        default: () => Partial<Options>;
+    };
+    remote: BooleanConstructor;
+    remoteMethod: FunctionConstructor;
+    filterMethod: FunctionConstructor;
+    multiple: BooleanConstructor;
+    multipleLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    defaultFirstOption: BooleanConstructor;
+    reserveKeyword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxCollapseTags: {
+        type: NumberConstructor;
+        default: number;
+    };
+    teleported: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearIcon: {
+        type: import('vue').PropType<string | import('vue').Component>;
+        default: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    };
+    fitInputWidth: BooleanConstructor;
+    suffixIcon: {
+        type: import('vue').PropType<string | import('vue').Component>;
+        default: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    };
+    tagType: {
+        default: string;
+        type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    tagEffect: {
+        default: string;
+        type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "plain" | "dark" | "light", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    remoteShowSuffix: BooleanConstructor;
+    placement: {
+        type: import('vue').PropType<Placement>;
+        default: string;
+    };
+    fallbackPlacements: {
+        type: import('vue').PropType<Placement[]>;
+        default: string[];
+    };
+}>, {
+    /** @description 使选择器的输入框获取焦点 */
+    focus: import('vue').ComputedRef<() => void>;
+    /** @description 使选择器的输入框失去焦点，并隐藏下拉框 */
+    blur: import('vue').ComputedRef<() => void>;
+    /** @description 获取当前选中的标签 */
+    selectedLabel: import('vue').ComputedRef<string | string[]>;
+    /** @description 加载状态 */
+    loading: import('vue').ComputedRef<boolean>;
+    /** @description 选中的数据 */
+    selectedList: import('vue').ComputedRef<{
+        [x: string]: any;
+        label?: string;
+        value?: any;
+        data?: any;
+        hide?: boolean;
+        disabled?: boolean;
+        children?: /*elided*/ any[];
+    }[]>;
+    /** @description 刷新 */
+    refresh: (pageIndex?: number) => Promise<void>;
+    /** @description 设置选择 */
+    setSelection: (value: string | number | boolean | object | (string | number | boolean | object)[]) => void;
+    /** @description 清除选择 */
+    clearSelection: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    /** @description v-model 回调 */
+    "update:modelValue": (value: string | number | boolean | object | (string | number | boolean | object)[]) => boolean;
+    /** @description v-model:label 回调 */
+    "update:label": (value: string | string[]) => boolean;
+    /** @description 数据改变 */
+    dataChangeCallBack: (data: ElSelectorOutput[] | any[]) => boolean;
+    /** @description 改变 */
+    change: (data: ElSelectorOutput | ElSelectorOutput[] | any | any[], value?: string | number | boolean | object | (string | number | boolean | object)[]) => boolean;
+    /** @description 下拉框出现/隐藏时触发 */
+    visibleChange: (visible: boolean) => boolean;
+    /** @description 多选模式下移除tag时触发 */
+    removeTag: (tagValue: any) => boolean;
+    /** @description 可清空的单选模式下用户点击清空按钮时触发 */
+    clear: () => boolean;
+    /** @description 当 input 失去焦点时触发 */
+    blur: (event: FocusEvent) => boolean;
+    /** @description 当 input 获得焦点时触发 */
+    focus: (event: FocusEvent) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** @description displayed text while loading data from server, default is 'Loading' */
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data' */
+    noMatchText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */
+    noDataText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description whether to collapse tags to a text when multiple selecting */
+    collapseTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true */
+    collapseTagsTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description v-model绑定值 */
+    modelValue: {
+        type: import('vue').PropType<string | number | boolean | object | (string | number | boolean | object)[]>;
+        default: any;
+    };
+    /** @description v-model:label绑定值 */
+    label: import('vue').PropType<string | string[]>;
+    /** @description 宽度 */
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    /** @description 更多细节，只有使用slot的时候有用 */
+    moreDetail: BooleanConstructor;
+    /** @description 配置选项 */
+    props: {
+        type: import('vue').PropType<SelectComponentProps>;
+        default: () => Partial<SelectComponentProps>;
+    };
+    /** @description 请求api */
+    requestApi: {
+        type: import('vue').PropType<(params?: PagedInput) => Promise<PagedResult<ElSelectorOutput>>>;
+    };
+    /** 初始化参数 */
+    initParam: import('vue').PropType<any>;
+    ariaLabel: StringConstructor;
+    emptyValues: ArrayConstructor;
+    valueOnClear: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | ((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null))[], unknown, unknown, undefined, boolean>;
+    name: StringConstructor;
+    id: StringConstructor;
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    automaticDropdown: BooleanConstructor;
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    effect: {
+        type: import('vue').PropType<string | (string & {})>;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    clearable: BooleanConstructor;
+    filterable: BooleanConstructor;
+    allowCreate: BooleanConstructor;
+    loading: BooleanConstructor;
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperOptions: {
+        type: import('vue').PropType<Options>;
+        default: () => Partial<Options>;
+    };
+    remote: BooleanConstructor;
+    remoteMethod: FunctionConstructor;
+    filterMethod: FunctionConstructor;
+    multiple: BooleanConstructor;
+    multipleLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    defaultFirstOption: BooleanConstructor;
+    reserveKeyword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxCollapseTags: {
+        type: NumberConstructor;
+        default: number;
+    };
+    teleported: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearIcon: {
+        type: import('vue').PropType<string | import('vue').Component>;
+        default: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    };
+    fitInputWidth: BooleanConstructor;
+    suffixIcon: {
+        type: import('vue').PropType<string | import('vue').Component>;
+        default: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    };
+    tagType: {
+        default: string;
+        type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    tagEffect: {
+        default: string;
+        type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "plain" | "dark" | "light", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    remoteShowSuffix: BooleanConstructor;
+    placement: {
+        type: import('vue').PropType<Placement>;
+        default: string;
+    };
+    fallbackPlacements: {
+        type: import('vue').PropType<Placement[]>;
+        default: string[];
+    };
+}>> & Readonly<{
+    onClear?: () => any;
+    "onUpdate:modelValue"?: (value: string | number | boolean | object | (string | number | boolean | object)[]) => any;
+    onChange?: (data: any, value?: string | number | boolean | object | (string | number | boolean | object)[]) => any;
+    onFocus?: (event: FocusEvent) => any;
+    onBlur?: (event: FocusEvent) => any;
+    "onUpdate:label"?: (value: string | string[]) => any;
+    onDataChangeCallBack?: (data: any[] | {
+        [key: string]: any;
+        label?: string;
+        value?: any;
+        data?: any;
+        hide?: boolean;
+        disabled?: boolean;
+        children?: /*elided*/ any[];
+    }[]) => any;
+    onVisibleChange?: (visible: boolean) => any;
+    onRemoveTag?: (tagValue: any) => any;
+}>, {
+    props: SelectComponentProps;
+    placement: Placement;
+    loading: boolean;
+    disabled: boolean;
+    modelValue: string | number | boolean | object | (string | number | boolean | object)[];
+    autocomplete: string;
+    clearable: boolean;
+    clearIcon: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    suffixIcon: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    validateEvent: boolean;
+    popperOptions: Options;
+    popperClass: string;
+    effect: string | (string & {});
+    teleported: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    width: string | number;
+    persistent: boolean;
+    fallbackPlacements: Placement[];
+    moreDetail: boolean;
+    loadingText: string;
+    noMatchText: string;
+    noDataText: string;
+    collapseTags: boolean;
+    collapseTagsTooltip: boolean;
+    valueOnClear: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | ((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null))[], unknown, unknown>;
+    automaticDropdown: boolean;
+    filterable: boolean;
+    allowCreate: boolean;
+    remote: boolean;
+    multiple: boolean;
+    multipleLimit: number;
+    defaultFirstOption: boolean;
+    reserveKeyword: boolean;
+    valueKey: string;
+    maxCollapseTags: number;
+    fitInputWidth: boolean;
+    tagType: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
+    tagEffect: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "plain" | "dark" | "light", unknown>;
+    remoteShowSuffix: boolean;
+}, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaSelectPageSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/selectPage/src/selectPage.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("element-plus"),a=require("@element-plus/icons-vue"),t=require("../../select/index.js"),o=require("@fast-china/utils"),i=require("@vueuse/core"),r=require("lodash-unified"),s=require("../../select/src/select.js"),n={...s.SelectProps,loadingText:{type:String,default:"加载中..."},noMatchText:{type:String,default:"暂无匹配的数据"},noDataText:{type:String,default:"暂无数据"},collapseTags:{type:Boolean,default:!0},collapseTagsTooltip:{type:Boolean,default:!0},modelValue:{type:o.definePropType([String,Number,Boolean,Object,Array]),default:void 0},label:o.definePropType([String,Array]),width:{type:[String,Number],default:"100%"},moreDetail:Boolean,props:{type:o.definePropType(Object),default:()=>({label:"label",hide:"hide",disabled:"disabled",children:"children"})},requestApi:{type:o.definePropType(Function)},initParam:o.definePropType([String,Number,Object])},u={"update:modelValue":e=>r.isString(e)||r.isNumber(e)||r.isBoolean(e)||r.isObject(e)||r.isArray(e)||r.isNull(e),"update:label":e=>r.isString(e)||r.isArray(e)||r.isNull(e),dataChangeCallBack:e=>r.isArray(e),change:(e,l)=>(r.isObject(e)||r.isArray(e)||r.isNull(e))&&(r.isString(l)||r.isNumber(l)||r.isBoolean(l)||r.isObject(l)||r.isArray(l)||r.isNull(l)),visibleChange:e=>r.isBoolean(e),removeTag:e=>r.isString(e)||r.isNumber(e)||r.isBoolean(e)||r.isObject(e)||r.isArray(e),clear:()=>!0,blur:e=>e instanceof FocusEvent,focus:e=>e instanceof FocusEvent},d=e.defineComponent({name:"FaSelectPage",props:n,emits:u,slots:o.makeSlots(),setup(n,{attrs:u,slots:d,emit:c,expose:p}){const g=i.useVModel(n,"label",c,{passive:!0}),f=l.useGlobalSize(),b=e.reactive({value:o.withDefineType(),loading:!1,selectorData:o.withDefineType([]),selectedList:o.withDefineType([]),debut:!0,echo:!0,nextRefresh:!1,pageIndex:1,pageSize:15,totalRows:0,searchValue:void 0,defaultSelectorData:o.withDefineType()}),m=e.ref(),v=e=>e?.map(e=>({...e,value:e[n.valueKey],label:r.isFunction(n.props.label)?n.props.label(e):e[n.props.label??"label"],hide:r.isFunction(n.props.hide)?n.props.hide(e):e[n.props.hide??"hide"],disabled:r.isFunction(n.props.disabled)?n.props.disabled(e):e[n.props.disabled??"disabled"],children:r.isFunction(n.props.children)?v(n.props.children(e)):v(e[n.props.children??"children"])})).filter(e=>!e.hide),h=async e=>{b.loading=!0,b.pageIndex=e??b.pageIndex;const l={...n.initParam??{},pageIndex:b.pageIndex,pageSize:b.pageSize,searchValue:b.searchValue};try{const e=await n.requestApi(l);b.echo=!1,b.totalRows=e.totalRows,b.selectorData=v(e.rows),c("dataChangeCallBack",b.selectorData)}catch(a){o.consoleError("FaSelectPage",a),b.pageIndex=1,b.totalRows=0,b.selectorData=[]}finally{b.loading=!1}},y=e=>{if(n.multiple){const l=e;if(0===l?.length)return b.value=null,g.value=null,b.selectedList=[],c("update:modelValue",null),void c("change",null,null);const a=b.selectorData.filter(e=>l.includes(e.value));b.value=e,g.value=a.map(e=>e.label),b.selectedList=[...b.selectedList.filter(e=>!a.some(l=>l.value===e.value)),...a].filter(e=>l.includes(e.value)),c("update:modelValue",e),c("change",a,e)}else{if(r.isNil(e))return b.value=null,g.value=null,b.selectedList=[],c("update:modelValue",null),void c("change",null,null);const l=b.selectorData.find(l=>l.value===e);b.value=e,g.value=l.label,b.selectedList.some(l=>l.value===e)||(b.selectedList=[l]),c("update:modelValue",e),c("change",l,e)}},S=()=>{b.value=null,g.value=null,b.selectedList=[],c("clear")},V=async e=>{e&&(b.debut?(b.debut=!1,await h()):b.nextRefresh&&(b.nextRefresh=!1,await h())),c("visibleChange",e)};e.watch(()=>n.modelValue,e=>{if(b.echo&&!r.isNil(e)){const l=!r.isNil(n.label);if(n.multiple){if(!r.isArray(e))return void o.consoleError("FaSelectPage","当启用 multiple 时，传入的 modelValue 必须是Array。");if(l&&!r.isArray(n.label))return void o.consoleError("FaSelectPage","当启用 multiple 时，传入的 modelValue:label 必须是Array。");b.selectedList=e.slice(0,n.multipleLimit>0?n.multipleLimit:e.length).map((e,a)=>({value:e,label:l?n.label[a]:void 0}))}else{if(r.isArray(e))return void o.consoleError("FaSelectPage","当禁用 multiple 时，传入的 modelValue 不能是Array。");if(l&&r.isArray(n.label))return void o.consoleError("FaSelectPage","当禁用 multiple 时，传入的 modelValue:label 不能是Array。");b.defaultSelectorData={value:e,label:n.label}}}b.value=e},{immediate:!0}),e.onMounted(()=>{e.watch(()=>n.initParam,(e,l)=>{r.isEqual(e,l)||(b.nextRefresh=!0,r.isNil(b.value)||y())})});const x=o.useProps(n,s.SelectProps,["modelValue","popperClass","loading"]);return o.useRender(()=>e.createVNode(l.ElSelect,e.mergeProps(x.value,{ref:m,class:"fa-select-page",popperClass:`fa-select-page-dropdown fa-select-page-dropdown-${f.value} ${n.popperClass}`,style:{width:o.addUnit(n.width)},modelValue:b.value,"onUpdate:modelValue":e=>b.value=e,loading:b.loading,onChange:y,onClear:S,onVisibleChange:V,onRemoveTag:e=>c("removeTag",e),onBlur:e=>c("blur",e),onFocus:e=>c("focus",e)}),{default:()=>b.selectorData.map(l=>e.createVNode(t.FaSelectOption,{data:l,moreDetail:n.moreDetail},{default:d.default})),header:()=>e.createVNode(e.Fragment,null,[b.defaultSelectorData&&e.createVNode(l.ElOption,{class:"fa-select-page-dropdown__default-selector",value:b.defaultSelectorData.value,label:b.defaultSelectorData.label,disabled:!0},{default:()=>[e.createVNode("span",null,[b.defaultSelectorData.label]),e.createVNode("span",null,[e.createTextVNode("Default")])]}),e.createVNode(l.ElInput,{class:"fa-select-page-dropdown__search-input",clearable:!0,placeholder:"请输入关键字搜索",modelValue:b.searchValue,modelModifiers:{trim:!0},"onUpdate:modelValue":e=>b.searchValue=e,onKeyup:e=>{"Enter"===e.key&&h(1)}},{append:()=>e.createVNode(l.ElButton,{loading:b.loading,icon:a.Search,onClick:()=>h(1)},null)}),d.header&&d.header()]),footer:()=>e.createVNode(e.Fragment,null,[e.createVNode(l.ElPagination,{class:"fa-select-page-dropdown__pagination",size:"small",currentPage:b.pageIndex,pageSize:b.pageSize,total:b.totalRows,layout:"prev, pager, next, total",pagerCount:5,onCurrentChange:h},null),d.footer&&d.footer()]),...d.prefix&&{prefix:()=>d.prefix()},...d.empty&&{empty:()=>d.empty()},...d.tag&&{tag:()=>d.tag()},...d.loading&&{loading:()=>d.loading()},...n.multiple?{label:({label:l,value:a})=>{const t=b.selectedList.find(e=>e.value===a);return d.label?d.label({label:t?.label,value:r.isNil(t)?a:t?.value}):t&&e.createVNode("span",{class:"el-select__tags-text"},[t.label])}}:d.label&&{label:({label:e,value:l})=>d.label({label:e,value:l})}})),o.useExpose(p,{focus:e.computed(()=>m.value?.focus),blur:e.computed(()=>m.value?.blur),selectedLabel:e.computed(()=>m.value?.selectedLabel),loading:e.computed(()=>b.loading),selectedList:e.computed(()=>b.selectedList),refresh:h,setSelection:e=>y(e),clearSelection:()=>y(null)})}});exports.default=d,exports.faSelectPageEmits=u,exports.faSelectPageProps=n;
+//# sourceMappingURL=selectPage.js.map