fast-element-plus 2.0.19 → 2.0.20

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

@@ -1,53 +1,53 @@
 import type { ElSelectorModelValue, ElSelectorOutput, ElSelectorValue } from "../../select";
 import type { SelectComponentProps } from "../../select/src/select";
 import type { PagedInput, PagedResult } from "../../table";
-/** FaSelectPage 的运行时 Props 定义。 */
+/** FaSelectPage 的运行时 Props 定义 */
 export declare const faSelectPageProps: {
-    /** @description whether Select is disabled 重载使其支持 ElForm*/
+    /** 是否禁用选择器；未指定时继承 ElForm 的禁用状态。 */
     disabled: {
         type: BooleanConstructor;
         default: undefined;
     };
-    /** @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' */
+    /** 筛选结果为空时显示的文本，也可通过 empty 插槽替换。 */
     noMatchText: {
         type: StringConstructor;
         default: string;
     };
-    /** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */
+    /** 没有可选数据时显示的文本，也可通过 empty 插槽替换。 */
     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 */
+    /** 悬停折叠标签时是否显示全部选项；仅在 collapse-tags 开启时有效。 */
     collapseTagsTooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** @description v-model绑定值 */
+    /** v-model 绑定值 */
     modelValue: {
         type: import("vue").PropType<ElSelectorModelValue>;
         default: undefined;
     };
-    /** @description v-model:label绑定值 */
+    /** v-model:label 绑定值 */
     label: import("vue").PropType<string | string[] | null>;
-    /** @description 宽度 */
+    /** 宽度 */
     width: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    /** @description 更多细节，只有使用slot的时候有用 */
+    /** 插槽使用的附加状态 */
     moreDetail: BooleanConstructor;
-    /** @description 配置选项 */
+    /** 配置选项 */
     props: {
         type: import("vue").PropType<SelectComponentProps>;
         default: () => {
@@ -57,7 +57,7 @@ export declare const faSelectPageProps: {
             children: string;
         };
     };
-    /** @description 请求api */
+    /** 请求数据的函数 */
     requestApi: {
         type: import("vue").PropType<(params?: PagedInput) => Promise<PagedResult<ElSelectorOutput>>>;
         required: true;
@@ -83,9 +83,7 @@ export declare const faSelectPageProps: {
     allowCreate: BooleanConstructor;
     loading: BooleanConstructor;
     popperClass: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | import("element-plus/es/utils/typescript.mjs").ClassValue[]) | (() => import("element-plus/es/utils/typescript.mjs").ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | import("element-plus/es/utils/typescript.mjs").ClassValue[]) | (() => import("element-plus/es/utils/typescript.mjs").ClassValue)) | null)[], unknown, unknown, string, boolean>;
-    popperStyle: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (
-    /** @description 下拉列表底部的内容 */
-    ...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+    popperStyle: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
     popperOptions: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>) | (((new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>)) | null)[], unknown, unknown, () => Partial<import("element-plus").Options>, boolean>;
     remote: BooleanConstructor;
     debounce: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
@@ -153,15 +151,15 @@ export declare const faSelectPageProps: {
         __epPropKey: true;
     };
 };
-/** FaSelectPage 的运行时 Emits 定义。 */
+/** FaSelectPage 的运行时 Emits 定义 */
 export declare const faSelectPageEmits: {
-    /** @description v-model 回调 */
+    /** v-model 回调 */
     "update:modelValue": (value: ElSelectorModelValue) => value is string | number | boolean | object | ElSelectorValue[] | null | undefined;
-    /** @description 选中数据改变 */
+    /** 选中数据改变 */
     change: (_data: ElSelectorOutput | ElSelectorOutput[] | null, _value?: ElSelectorModelValue) => boolean;
-    /** @description v-model:label 回调 */
+    /** v-model:label 回调 */
     "update:label": (value: string | string[] | null) => boolean;
-    /** @description 数据改变 */
+    /** 数据改变 */
     dataChange: (data: ElSelectorOutput[]) => boolean;
     'popup-scroll': ({ scrollTop, scrollLeft }: {
         scrollTop: number;
@@ -174,74 +172,74 @@ export declare const faSelectPageEmits: {
     blur: (evt: FocusEvent) => boolean;
     clear: () => boolean;
 };
-/** FaSelectPage 的插槽参数。 */
+/** FaSelectPage 的插槽参数 */
 export interface FaSelectPageSlots extends Record<string, unknown> {
-    /** @description FaSelectOption 默认内容插槽 */
+    /** FaSelectOption 默认内容插槽 */
     default: ElSelectorOutput;
-    /** @description 下拉列表顶部的内容 */
+    /** 下拉列表顶部的内容 */
     header: never;
-    /** @description 下拉列表底部的内容 */
+    /** 下拉列表底部的内容 */
     footer: never;
-    /** @description Select 组件头部内容 */
+    /** Select 组件头部内容 */
     prefix: never;
-    /** @description 无选项时的列表 */
+    /** 无选项时的列表 */
     empty: never;
-    /** @description select 组件自定义标签内容 */
+    /** select 组件自定义标签内容 */
     tag: never;
-    /** @description select 组件自定义 loading内容 */
+    /** Select 组件自定义加载内容 */
     loading: never;
-    /** @description select 组件自定义标签内容 */
+    /** select 组件自定义标签内容 */
     label: {
         label: string;
         value: string | number | boolean | object;
     };
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** @description whether Select is disabled 重载使其支持 ElForm*/
+    /** 是否禁用选择器；未指定时继承 ElForm 的禁用状态。 */
     disabled: {
         type: BooleanConstructor;
         default: undefined;
     };
-    /** @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' */
+    /** 筛选结果为空时显示的文本，也可通过 empty 插槽替换。 */
     noMatchText: {
         type: StringConstructor;
         default: string;
     };
-    /** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */
+    /** 没有可选数据时显示的文本，也可通过 empty 插槽替换。 */
     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 */
+    /** 悬停折叠标签时是否显示全部选项；仅在 collapse-tags 开启时有效。 */
     collapseTagsTooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** @description v-model绑定值 */
+    /** v-model 绑定值 */
     modelValue: {
         type: import("vue").PropType<ElSelectorModelValue>;
         default: undefined;
     };
-    /** @description v-model:label绑定值 */
+    /** v-model:label 绑定值 */
     label: import("vue").PropType<string | string[] | null>;
-    /** @description 宽度 */
+    /** 宽度 */
     width: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    /** @description 更多细节，只有使用slot的时候有用 */
+    /** 插槽使用的附加状态 */
     moreDetail: BooleanConstructor;
-    /** @description 配置选项 */
+    /** 配置选项 */
     props: {
         type: import("vue").PropType<SelectComponentProps>;
         default: () => {
@@ -251,7 +249,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             children: string;
         };
     };
-    /** @description 请求api */
+    /** 请求数据的函数 */
     requestApi: {
         type: import("vue").PropType<(params?: PagedInput) => Promise<PagedResult<ElSelectorOutput>>>;
         required: true;
@@ -277,9 +275,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     allowCreate: BooleanConstructor;
     loading: BooleanConstructor;
     popperClass: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | import("element-plus/es/utils/typescript.mjs").ClassValue[]) | (() => import("element-plus/es/utils/typescript.mjs").ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | import("element-plus/es/utils/typescript.mjs").ClassValue[]) | (() => import("element-plus/es/utils/typescript.mjs").ClassValue)) | null)[], unknown, unknown, string, boolean>;
-    popperStyle: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (
-    /** @description 下拉列表底部的内容 */
-    ...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+    popperStyle: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
     popperOptions: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>) | (((new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>)) | null)[], unknown, unknown, () => Partial<import("element-plus").Options>, boolean>;
     remote: BooleanConstructor;
     debounce: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
@@ -347,15 +343,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         __epPropKey: true;
     };
 }>, {
-    /** @description 使选择器的输入框获取焦点 */
+    /** 使选择器的输入框获取焦点 */
     focus: import("vue").ComputedRef<(() => void) | undefined>;
-    /** @description 使选择器的输入框失去焦点，并隐藏下拉框 */
+    /** 使选择器的输入框失去焦点，并隐藏下拉框 */
     blur: import("vue").ComputedRef<(() => void) | undefined>;
-    /** @description 获取当前选中的标签 */
+    /** 获取当前选中的标签 */
     selectedLabel: import("vue").ComputedRef<string | string[] | undefined>;
-    /** @description 加载状态 */
+    /** 加载状态 */
     loading: import("vue").Ref<boolean, boolean>;
-    /** @description 选中的数据 */
+    /** 选中的数据 */
     selectedList: import("vue").ComputedRef<{
         [x: string]: any;
         label?: string | undefined;
@@ -365,20 +361,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         disabled?: boolean | undefined;
         children?: /*elided*/ any[] | undefined;
     }[]>;
-    /** @description 刷新 */
+    /** 刷新 */
     refresh: (pageIndex?: number) => Promise<void>;
-    /** @description 设置选择 */
+    /** 设置选择 */
     setSelection: (value: Exclude<ElSelectorModelValue, null | undefined>) => void;
-    /** @description 清除选择 */
+    /** 清除选择 */
     clearSelection: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    /** @description v-model 回调 */
+    /** v-model 回调 */
     "update:modelValue": (value: ElSelectorModelValue) => value is string | number | boolean | object | ElSelectorValue[] | null | undefined;
-    /** @description 选中数据改变 */
+    /** 选中数据改变 */
     change: (_data: ElSelectorOutput | ElSelectorOutput[] | null, _value?: ElSelectorModelValue) => boolean;
-    /** @description v-model:label 回调 */
+    /** v-model:label 回调 */
     "update:label": (value: string | string[] | null) => boolean;
-    /** @description 数据改变 */
+    /** 数据改变 */
     dataChange: (data: ElSelectorOutput[]) => boolean;
     'popup-scroll': ({ scrollTop, scrollLeft }: {
         scrollTop: number;
@@ -391,51 +387,51 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     blur: (evt: FocusEvent) => boolean;
     clear: () => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** @description whether Select is disabled 重载使其支持 ElForm*/
+    /** 是否禁用选择器；未指定时继承 ElForm 的禁用状态。 */
     disabled: {
         type: BooleanConstructor;
         default: undefined;
     };
-    /** @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' */
+    /** 筛选结果为空时显示的文本，也可通过 empty 插槽替换。 */
     noMatchText: {
         type: StringConstructor;
         default: string;
     };
-    /** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */
+    /** 没有可选数据时显示的文本，也可通过 empty 插槽替换。 */
     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 */
+    /** 悬停折叠标签时是否显示全部选项；仅在 collapse-tags 开启时有效。 */
     collapseTagsTooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** @description v-model绑定值 */
+    /** v-model 绑定值 */
     modelValue: {
         type: import("vue").PropType<ElSelectorModelValue>;
         default: undefined;
     };
-    /** @description v-model:label绑定值 */
+    /** v-model:label 绑定值 */
     label: import("vue").PropType<string | string[] | null>;
-    /** @description 宽度 */
+    /** 宽度 */
     width: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    /** @description 更多细节，只有使用slot的时候有用 */
+    /** 插槽使用的附加状态 */
     moreDetail: BooleanConstructor;
-    /** @description 配置选项 */
+    /** 配置选项 */
     props: {
         type: import("vue").PropType<SelectComponentProps>;
         default: () => {
@@ -445,7 +441,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             children: string;
         };
     };
-    /** @description 请求api */
+    /** 请求数据的函数 */
     requestApi: {
         type: import("vue").PropType<(params?: PagedInput) => Promise<PagedResult<ElSelectorOutput>>>;
         required: true;
@@ -471,9 +467,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     allowCreate: BooleanConstructor;
     loading: BooleanConstructor;
     popperClass: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | import("element-plus/es/utils/typescript.mjs").ClassValue[]) | (() => import("element-plus/es/utils/typescript.mjs").ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | import("element-plus/es/utils/typescript.mjs").ClassValue[]) | (() => import("element-plus/es/utils/typescript.mjs").ClassValue)) | null)[], unknown, unknown, string, boolean>;
-    popperStyle: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (
-    /** @description 下拉列表底部的内容 */
-    ...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+    popperStyle: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
     popperOptions: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>) | (((new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>)) | null)[], unknown, unknown, () => Partial<import("element-plus").Options>, boolean>;
     remote: BooleanConstructor;
     debounce: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
@@ -578,27 +572,27 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     teleported: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     width: string | number;
     filterable: boolean;
-    loadingText: string;
     valueOnClear: import("element-plus/es/utils/vue/props/types.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) | null)[], unknown, unknown>;
+    allowCreate: boolean;
     automaticDropdown: boolean;
-    moreDetail: boolean;
-    noMatchText: string;
-    noDataText: string;
     collapseTags: boolean;
     collapseTagsTooltip: boolean;
-    allowCreate: boolean;
-    remote: boolean;
-    debounce: number;
+    tagTooltip: import("element-plus").TagTooltipProps;
+    maxCollapseTags: number;
+    defaultFirstOption: boolean;
+    loadingText: string;
     multiple: boolean;
     multipleLimit: number;
-    defaultFirstOption: boolean;
+    noDataText: string;
+    noMatchText: string;
     reserveKeyword: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    remote: boolean;
+    debounce: number;
     valueKey: string;
-    tagTooltip: import("element-plus").TagTooltipProps;
-    maxCollapseTags: number;
-    fitInputWidth: boolean;
+    remoteShowSuffix: boolean;
     tagType: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
     tagEffect: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "plain" | "dark" | "light", unknown>;
-    remoteShowSuffix: boolean;
+    fitInputWidth: boolean;
+    moreDetail: boolean;
 }, import("../../../utils").TypedSlotsDeclaration<FaSelectPageSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/selectPage/src/selectPage.mjs

@@ -7,44 +7,44 @@ import { useRender } from "../../../utils/vue/render.mjs";
 import { makeSlots } from "../../../utils/vue/slots.mjs";
 import { withDefineType } from "../../../utils/vue/with.mjs";
 import { FaSelectOption } from "../../select/index.mjs";
-import { Fragment, computed, createTextVNode, createVNode, defineComponent, mergeProps, reactive, shallowRef, toRef, useModel, watch } from "vue";
+import { Fragment, computed, createTextVNode, createVNode, defineComponent, mergeProps, onBeforeUnmount, reactive, shallowRef, toRef, useModel, watch } from "vue";
 import { Search } from "@element-plus/icons-vue";
 import { ElButton, ElInput, ElOption, ElPagination, ElSelect, selectEmits, selectProps, useGlobalSize } from "element-plus";
 //#region src/components/selectPage/src/selectPage.tsx
-/** FaSelectPage 的运行时 Props 定义。 */
+/** FaSelectPage 的运行时 Props 定义 */
 const faSelectPageProps = {
 	...selectProps,
-	/** @description whether Select is disabled 重载使其支持 ElForm*/
+	/** 是否禁用选择器；未指定时继承 ElForm 的禁用状态。 */
 	disabled: {
 		type: Boolean,
 		default: void 0
 	},
-	/** @description displayed text while loading data from server, default is 'Loading' */
+	/** 远程数据加载时显示的文本；默认显示“加载中...”。 */
 	loadingText: {
 		type: String,
 		default: "加载中..."
 	},
-	/** @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data' */
+	/** 筛选结果为空时显示的文本，也可通过 empty 插槽替换。 */
 	noMatchText: {
 		type: String,
 		default: "暂无匹配的数据"
 	},
-	/** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */
+	/** 没有可选数据时显示的文本，也可通过 empty 插槽替换。 */
 	noDataText: {
 		type: String,
 		default: "暂无数据"
 	},
-	/** @description whether to collapse tags to a text when multiple selecting */
+	/** 多选时是否折叠已选标签 */
 	collapseTags: {
 		type: Boolean,
 		default: true
 	},
-	/** @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true */
+	/** 悬停折叠标签时是否显示全部选项；仅在 collapse-tags 开启时有效。 */
 	collapseTagsTooltip: {
 		type: Boolean,
 		default: true
 	},
-	/** @description v-model绑定值 */
+	/** v-model 绑定值 */
 	modelValue: {
 		type: definePropType([
 			String,
@@ -55,16 +55,16 @@ const faSelectPageProps = {
 		]),
 		default: void 0
 	},
-	/** @description v-model:label绑定值 */
+	/** v-model:label 绑定值 */
 	label: definePropType([String, Array]),
-	/** @description 宽度 */
+	/** 宽度 */
 	width: {
 		type: [String, Number],
 		default: "100%"
 	},
-	/** @description 更多细节，只有使用slot的时候有用 */
+	/** 插槽使用的附加状态 */
 	moreDetail: Boolean,
-	/** @description 配置选项 */
+	/** 配置选项 */
 	props: {
 		type: definePropType(Object),
 		default: () => ({
@@ -74,7 +74,7 @@ const faSelectPageProps = {
 			children: "children"
 		})
 	},
-	/** @description 请求api */
+	/** 请求数据的函数 */
 	requestApi: {
 		type: definePropType(Function),
 		required: true
@@ -86,16 +86,16 @@ const faSelectPageProps = {
 		Object
 	])
 };
-/** FaSelectPage 的运行时 Emits 定义。 */
+/** FaSelectPage 的运行时 Emits 定义 */
 const faSelectPageEmits = {
 	...selectEmits,
-	/** @description v-model 回调 */
+	/** v-model 回调 */
 	"update:modelValue": (value) => typeof value === "string" || typeof value === "number" || typeof value === "boolean" || typeof value === "object" && value !== null || value == null,
-	/** @description 选中数据改变 */
+	/** 选中数据改变 */
 	change: (_data, _value) => true,
-	/** @description v-model:label 回调 */
+	/** v-model:label 回调 */
 	"update:label": (value) => typeof value === "string" || Array.isArray(value) || value === null,
-	/** @description 数据改变 */
+	/** 数据改变 */
 	dataChange: (data) => Array.isArray(data)
 };
 var selectPage_default = defineComponent({
@@ -126,6 +126,7 @@ var selectPage_default = defineComponent({
 			defaultSelectorData: withDefineType()
 		});
 		let requestVersion = 0;
+		let disposed = false;
 		const handleData = (data) => {
 			return data.map((item) => {
 				const value = item[props.valueKey];
@@ -144,7 +145,9 @@ var selectPage_default = defineComponent({
 				};
 			}).filter((item) => item.hide !== true);
 		};
+		const flattenOptions = (data) => data.flatMap((item) => [item, ...flattenOptions(item.children ?? [])]);
 		const loadData = async (pageIndex) => {
+			if (disposed) return;
 			const currentRequestVersion = ++requestVersion;
 			state.loading = true;
 			state.pageIndex = pageIndex ?? state.pageIndex;
@@ -156,19 +159,20 @@ var selectPage_default = defineComponent({
 			};
 			try {
 				const resData = await props.requestApi(params);
-				if (currentRequestVersion !== requestVersion) return;
+				if (disposed || currentRequestVersion !== requestVersion) return;
 				state.echo = false;
 				state.totalRows = resData.totalRows ?? 0;
 				state.selectorData = handleData(resData.rows ?? []);
+				state.defaultSelectorData &&= flattenOptions(state.selectorData).find((item) => isEqual(item.value, state.defaultSelectorData?.value)) ?? state.defaultSelectorData;
 				emit("dataChange", state.selectorData);
 			} catch (error) {
-				if (currentRequestVersion !== requestVersion) return;
+				if (disposed || currentRequestVersion !== requestVersion) return;
 				state.pageIndex = 1;
 				state.totalRows = 0;
 				state.selectorData = [];
 				throw error;
 			} finally {
-				if (currentRequestVersion === requestVersion) state.loading = false;
+				if (!disposed && currentRequestVersion === requestVersion) state.loading = false;
 			}
 		};
 		const pageIndexModel = computed({
@@ -193,12 +197,11 @@ var selectPage_default = defineComponent({
 			}
 			emit("visible-change", visible);
 		};
-		const flattenOptions = (data) => data.flatMap((item) => [item, ...flattenOptions(item.children ?? [])]);
 		const handleChange = (value) => {
 			const selectorData = flattenOptions([
+				...state.selectorData,
 				...state.selectedList,
-				...state.defaultSelectorData ? [state.defaultSelectorData] : [],
-				...state.selectorData
+				...state.defaultSelectorData ? [state.defaultSelectorData] : []
 			]);
 			if (props.multiple) {
 				const valueList = Array.isArray(value) ? value : [];
@@ -254,9 +257,9 @@ var selectPage_default = defineComponent({
 		}, { immediate: true });
 		watch([() => state.value, () => state.selectorData], ([value]) => {
 			const selectorData = flattenOptions([
+				...state.selectorData,
 				...state.selectedList,
-				...state.defaultSelectorData ? [state.defaultSelectorData] : [],
-				...state.selectorData
+				...state.defaultSelectorData ? [state.defaultSelectorData] : []
 			]);
 			if (props.multiple) {
 				if (!Array.isArray(value)) {
@@ -272,6 +275,7 @@ var selectPage_default = defineComponent({
 			}
 			if (value == null || Array.isArray(value)) {
 				state.selectedList = [];
+				state.defaultSelectorData = void 0;
 				selectedLabel.value = null;
 				return;
 			}
@@ -285,10 +289,20 @@ var selectPage_default = defineComponent({
 		});
 		watch(() => props.initParam, (newValue, oldValue) => {
 			if (!isEqual(newValue, oldValue)) {
+				requestVersion++;
+				state.loading = false;
+				state.selectorData = [];
+				state.selectedList = [];
+				state.defaultSelectorData = void 0;
+				state.pageIndex = 1;
 				state.nextRefresh = true;
 				if (state.value != null) handleModelValueUpdate(props.multiple ? [] : void 0);
 			}
 		});
+		onBeforeUnmount(() => {
+			disposed = true;
+			requestVersion++;
+		});
 		const elSelectProps = useProps(props, selectProps, [
 			"modelValue",
 			"popperClass",
@@ -369,21 +383,21 @@ var selectPage_default = defineComponent({
 			}) ?? [] }
 		}));
 		return useExpose(expose, {
-			/** @description 使选择器的输入框获取焦点 */
+			/** 使选择器的输入框获取焦点 */
 			focus: computed(() => selectRef.value?.focus),
-			/** @description 使选择器的输入框失去焦点，并隐藏下拉框 */
+			/** 使选择器的输入框失去焦点，并隐藏下拉框 */
 			blur: computed(() => selectRef.value?.blur),
-			/** @description 获取当前选中的标签 */
+			/** 获取当前选中的标签 */
 			selectedLabel: computed(() => selectRef.value?.selectedLabel),
-			/** @description 加载状态 */
+			/** 加载状态 */
 			loading: toRef(state, "loading"),
-			/** @description 选中的数据 */
+			/** 选中的数据 */
 			selectedList: computed(() => state.selectedList),
-			/** @description 刷新 */
+			/** 刷新 */
 			refresh: loadData,
-			/** @description 设置选择 */
+			/** 设置选择 */
 			setSelection: (value) => handleModelValueUpdate(value),
-			/** @description 清除选择 */
+			/** 清除选择 */
 			clearSelection: () => handleModelValueUpdate(props.multiple ? [] : void 0)
 		});
 	}