@oiij/naive-ui 0.0.76 → 0.0.78

package/dist/components/preset-picker/PresetPicker.vue.d.ts

@@ -1,24 +1,18 @@
 import { DataObject } from "../../composables/use-data-request.js";
 import { PresetPickerEmits, PresetPickerExpose, PresetPickerProps, PresetPickerValue } from "./index.js";
-import * as vue59 from "vue";
+import * as vue46 from "vue";
 import { DataTableColumns } from "naive-ui";
 
 //#region src/components/preset-picker/PresetPicker.vue.d.ts
 declare const __VLS_export: <V extends PresetPickerValue, R extends DataObject>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue59.PublicProps & __VLS_PrettifyLocal<PresetPickerProps<V, R> & {
-    onClose?: (() => any) | undefined;
+  props: vue46.PublicProps & __VLS_PrettifyLocal<PresetPickerProps<V, R> & {
     "onUpdate:value"?: ((val: V | null, raw: R | R[] | null) => any) | undefined;
-    onAfterEnter?: (() => any) | undefined;
-    onAfterLeave?: (() => any) | undefined;
-    onEsc?: (() => any) | undefined;
-    onMaskClick?: (() => any) | undefined;
     onNegativeClick?: (() => any) | undefined;
     onPositiveClick?: (() => any) | undefined;
-    "onUpdate:show"?: ((value: boolean) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
-  expose: (exposed: vue59.ShallowUnwrapRef<PresetPickerExpose<R>>) => void;
+  expose: (exposed: vue46.ShallowUnwrapRef<PresetPickerExpose<R>>) => void;
   attrs: any;
   slots: {
     'button-icon'?: (props: {}) => any;
@@ -43,6 +37,7 @@ declare const __VLS_export: <V extends PresetPickerValue, R extends DataObject>(
       clearValue: () => void;
       setCheckedRowKeys: (keys: (string | number)[]) => void;
       setCheckedRows: (rows: R[]) => void;
+      onLoadedRows: (rows: R[]) => void;
     }) => any;
   } & {
     'modal-action'?: (props: {}) => any;
@@ -54,7 +49,7 @@ declare const __VLS_export: <V extends PresetPickerValue, R extends DataObject>(
     'modal-close'?: (props: {}) => any;
   };
   emit: PresetPickerEmits<V, R>;
-}>) => vue59.VNode & {
+}>) => vue46.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/preset-picker/index.d.ts

@@ -7,53 +7,67 @@ import { ComponentExposed } from "vue-component-type-helpers";
 import { TableSelectionColumn } from "naive-ui/es/data-table/src/interface";
 
 //#region src/components/preset-picker/index.d.ts
+/**
+ * 预设选择器值类型
+ */
 type PresetPickerValue = string | number | (string | number)[] | null;
+/**
+ * 预设选择器暴露的方法
+ * @template R 列表项类型
+ */
 type PresetPickerExpose<R extends DataObject = DataObject> = {
-  showModalFlag: Ref<boolean, boolean>;
-  checkedRowKeys: Ref<(string | number)[], (string | number)[]>;
-  checkedRows: Ref<R[], R[]>;
-  columns: DataTableColumns<any>;
-  showModal: () => void;
+  /** 显示模态框标志 */showModalFlag: Ref<boolean, boolean>; /** 选中行键 */
+  checkedRowKeys: Ref<(string | number)[], (string | number)[]>; /** 选中行数据 */
+  checkedRows: Ref<R[], R[]>; /** 表格列配置 */
+  columns: DataTableColumns<any>; /** 显示模态框 */
+  showModal: () => void; /** 更新选中行键效果 */
   updateCheckedRowKeysEffect: (keys: (string | number)[], rows: (R | undefined)[], meta: {
     row: R | undefined;
     action: 'check' | 'uncheck' | 'checkAll' | 'uncheckAll';
-  }, currentData: R[]) => void;
-  clickRowEffect: (row: R) => void;
-  clearValue: () => void;
-  setCheckedRowKeys: (keys: (string | number)[]) => void;
+  }, currentData: R[]) => void; /** 点击行效果 */
+  clickRowEffect: (row: R) => void; /** 清空值 */
+  clearValue: () => void; /** 设置选中行键 */
+  setCheckedRowKeys: (keys: (string | number)[]) => void; /** 设置选中行数据 */
   setCheckedRows: (rows: R[]) => void;
 };
+/**
+ * 预设选择器属性
+ * @template V 值类型
+ * @template R 列表项类型
+ */
 type PresetPickerProps<V extends PresetPickerValue, R extends DataObject = DataObject> = {
-  value?: V;
-  fallbackLabel?: string | ((val: string | number) => string);
-  multiple?: boolean;
-  disabled?: boolean;
-  clearable?: boolean;
-  tooltip?: boolean;
-  placeholder?: string;
-  type?: ButtonProps['type'];
-  columns?: DataTableColumns<R>;
-  selectionOptions?: TableSelectionColumn;
+  /** 值 */value?: V; /** 回退标签 */
+  fallbackLabel?: string | ((val: string | number) => string); /** 是否多选 */
+  multiple?: boolean; /** 是否禁用 */
+  disabled?: boolean; /** 是否可清空 */
+  clearable?: boolean; /** 是否显示提示 */
+  tooltip?: boolean; /** 占位符 */
+  placeholder?: string; /** 按钮类型 */
+  type?: ButtonProps['type']; /** 表格列配置 */
+  columns?: DataTableColumns<R>; /** 选择列选项 */
+  selectionOptions?: TableSelectionColumn; /** 字段映射 */
   fields?: {
     label?: string;
     value?: string;
-  };
-  buttonProps?: ButtonProps & ClassStyle;
-  clearButtonProps?: ButtonProps & ClassStyle;
-  badgeProps?: BadgeProps & ClassStyle;
+  }; /** 按钮属性 */
+  buttonProps?: ButtonProps & ClassStyle; /** 清空按钮属性 */
+  clearButtonProps?: ButtonProps & ClassStyle; /** 徽标属性 */
+  badgeProps?: BadgeProps & ClassStyle; /** 模态框属性 */
   modalProps?: ModalProps & ClassStyle;
 };
+/**
+ * 预设选择器事件
+ * @template V 值类型
+ * @template R 列表项类型
+ */
 type PresetPickerEmits<V extends PresetPickerValue, R extends DataObject = DataObject> = {
-  (e: 'update:value', val: V | null, raw: R | R[] | null): void;
-  (e: 'afterEnter'): void;
-  (e: 'afterLeave'): void;
-  (e: 'esc'): void;
-  (e: 'maskClick'): void;
-  (e: 'update:show', value: boolean): void;
-  (e: 'close'): void;
-  (e: 'negativeClick'): void;
+  /** 更新值事件 */(e: 'update:value', val: V | null, raw: R | R[] | null): void; /** 点击取消按钮事件 */
+  (e: 'negativeClick'): void; /** 点击确认按钮事件 */
   (e: 'positiveClick'): void;
 };
+/**
+ * 预设选择器实例类型
+ */
 type PresetPickerInst = ComponentExposed<typeof _default>;
 //#endregion
 export { PresetPickerEmits, PresetPickerExpose, PresetPickerInst, PresetPickerProps, PresetPickerValue };

package/dist/components/preset-select/PresetSelect.js

@@ -1,6 +1,6 @@
 import { useDataRequest } from "../../composables/use-data-request.js";
 import { useDebounceFn } from "@vueuse/core";
-import { computed, createBlock, createCommentVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, reactive, ref, renderSlot, toRaw, toValue, unref, useTemplateRef, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, reactive, ref, renderSlot, toRaw, unref, useTemplateRef, withCtx } from "vue";
 import { NFlex, NPagination, NSelect } from "naive-ui";
 
 //#region src/components/preset-select/PresetSelect.vue
@@ -37,12 +37,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		"success",
 		"error",
 		"finally",
-		"blur",
-		"clear",
-		"create",
-		"focus",
-		"scroll",
 		"search",
+		"update:show",
 		"update:value",
 		"update:page",
 		"update:pageSize"
@@ -63,7 +59,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			...__props.fields
 		};
 		const paginationProps = reactive({ ...__props.pagination && typeof __props.pagination === "boolean" ? {} : __props.pagination });
-		const _dataCache = [];
 		const { loading, data, error, params, list, pagination: paginationRef, run, runAsync, refresh, refreshAsync, cancel, mutate, setParams, runParams, runParamsAsync, onBefore, onSuccess, onError, onFinally } = useDataRequest(__props.api, {
 			defaultParams: {
 				[_fields.search]: null,
@@ -79,9 +74,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		});
 		onSuccess((data, params) => {
 			emit("success", data, params);
-			data?.[_fields.list]?.forEach((f) => {
-				if (!_dataCache.some((s) => s?.[_fields.rowKey] === f?.[_fields.rowKey])) _dataCache.push(f);
-			});
 		});
 		onError((err, params) => {
 			emit("error", err, params);
@@ -90,7 +82,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			emit("finally", params, data, err);
 		});
 		const optionsReactive = computed(() => {
-			return typeof __props.optionFormat === "function" ? list.value.map((m) => __props.optionFormat(m)).filter((f) => !!f) : list.value.map((m) => {
+			if (typeof __props.optionFormat === "function") return list.value.map((m) => __props.optionFormat(m)).filter(Boolean);
+			return list.value.map((m) => {
 				return {
 					[_fields.label]: m?.[_fields.label],
 					[_fields.value]: m?.[_fields.value],
@@ -106,55 +99,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			});
 		}, typeof __props.debounce === "number" ? __props.debounce : 500);
 		const vOnSelect = {
-			onBlur: (ev) => {
-				emit("blur", ev);
-			},
-			onClear: () => {
-				emit("clear");
-			},
-			onCreate: (label) => {
-				return emit("create", label);
-			},
-			onFocus: (ev) => {
-				emit("focus", ev);
-			},
-			onScroll: (ev) => {
-				emit("scroll", ev);
-			},
 			onUpdateValue: (val, option) => {
-				emit("update:value", val, option, toRaw(toValue(Array.isArray(val) ? list.value.filter((f) => val.includes(f?.[_fields.value])) : list.value.find((f) => f?.[_fields.value] === val) ?? null)));
+				emit("update:value", val, option, toRaw(Array.isArray(val) ? list.value.filter((f) => val.includes(f?.[_fields.value])) : list.value.find((f) => f?.[_fields.value] === val) ?? null));
 			},
 			onSearch: (val) => {
+				emit("search", val);
 				searchValue.value = val;
 				if (loading.value) return;
 				__props.debounce ? debounceSearch() : runParams({
 					[_fields.page]: 1,
-					[_fields.search]: searchValue.value
+					[_fields.search]: val
 				});
 			},
 			onUpdateShow: (show) => {
-				if (show) {
-					if (!data.value) {
-						if (__props.manual) runParams({
-							[_fields.page]: 1,
-							[_fields.pageSize]: 10,
-							[_fields.search]: null,
-							...__props.defaultParams ?? {}
-						});
-					}
-				}
+				emit("update:show", show);
+				if (show && !data.value && __props.manual) runParams({
+					[_fields.page]: 1,
+					[_fields.pageSize]: 10,
+					[_fields.search]: null,
+					...__props.defaultParams ?? {}
+				});
 			}
 		};
 		const vOnPagination = {
 			onUpdatePage: (page) => {
 				emit("update:page", page);
-				if (loading.value) return;
-				runParams({ [_fields.page]: page });
+				if (!loading.value) runParams({ [_fields.page]: page });
 			},
 			onUpdatePageSize: (pageSize) => {
 				emit("update:pageSize", pageSize);
-				if (loading.value) return;
-				runParams({ [_fields.pageSize]: pageSize });
+				if (!loading.value) runParams({ [_fields.pageSize]: pageSize });
 			}
 		};
 		function fallbackOption(val) {
@@ -188,13 +162,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const templateBind = computed(() => {
 			return {
 				...expose,
-				loading: toValue(loading),
-				data: toValue(data),
-				error: toValue(error),
-				params: toValue(params),
-				list: toValue(list),
-				pagination: toValue(paginationRef),
-				selectInst: toValue(selectInstRef)
+				loading: loading.value,
+				data: data.value,
+				error: error.value,
+				params: params.value,
+				list: list.value,
+				pagination: paginationRef.value,
+				selectInst: selectInstRef.value
 			};
 		});
 		__expose(expose);
@@ -214,11 +188,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				"fallback-option": fallbackOption,
 				loading: unref(loading)
 			}, __props.selectProps, {
-				onBlur: vOnSelect.onBlur,
-				onClear: vOnSelect.onClear,
-				onCreate: vOnSelect.onCreate,
-				onFocus: vOnSelect.onFocus,
-				onScroll: vOnSelect.onScroll,
 				onSearch: vOnSelect.onSearch,
 				"onUpdate:show": vOnSelect.onUpdateShow,
 				"onUpdate:value": vOnSelect.onUpdateValue
@@ -256,11 +225,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				"children-field",
 				"value",
 				"loading",
-				"onBlur",
-				"onClear",
-				"onCreate",
-				"onFocus",
-				"onScroll",
 				"onSearch",
 				"onUpdate:show",
 				"onUpdate:value"

package/dist/components/preset-select/PresetSelect.vue.d.ts

@@ -1,29 +1,25 @@
-import { DataObject, UseDataRequestPagination } from "../../composables/use-data-request.js";
+import { DataObject } from "../../composables/use-data-request.js";
 import { PresetSelectEmits, PresetSelectExpose, PresetSelectProps, PresetSelectValue } from "./index.js";
-import * as _vueuse_core11 from "@vueuse/core";
-import * as vue62 from "vue";
+import * as _vueuse_core4 from "@vueuse/core";
+import * as vue30 from "vue";
 import { SelectInst, SelectOption } from "naive-ui";
 
 //#region src/components/preset-select/PresetSelect.vue.d.ts
 declare const __VLS_export: <V extends PresetSelectValue, P extends DataObject, D extends DataObject, R extends DataObject>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue62.PublicProps & __VLS_PrettifyLocal<PresetSelectProps<V, P, D, R> & {
-    onError?: ((err: Error, params: P[]) => any) | undefined;
+  props: vue30.PublicProps & __VLS_PrettifyLocal<PresetSelectProps<V, P, D, R> & {
     onSuccess?: ((data: D, params: P[]) => any) | undefined;
-    onClear?: (() => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onScroll?: ((ev: Event) => any) | undefined;
+    onError?: ((err: Error, params: P[]) => any) | undefined;
     "onUpdate:value"?: ((val: V | null, option: SelectOption | SelectOption[] | null, raw: R | R[] | null) => any) | undefined;
-    onSearch?: ((value: string) => any) | undefined;
-    onFinally?: ((params: P[], data?: D | undefined, err?: Error | undefined) => any) | undefined;
+    onSearch?: ((val: string) => any) | undefined;
     onBefore?: ((params: P[]) => any) | undefined;
-    onCreate?: ((label: string) => any) | undefined;
+    "onUpdate:show"?: ((show: boolean) => any) | undefined;
     "onUpdate:page"?: ((page: number) => any) | undefined;
     "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+    onFinally?: ((params: P[], data?: D | undefined, err?: Error | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P_1;
   } ? P_1 : {});
-  expose: (exposed: vue62.ShallowUnwrapRef<PresetSelectExpose<P, D, R>>) => void;
+  expose: (exposed: vue30.ShallowUnwrapRef<PresetSelectExpose<P, D, R>>) => void;
   attrs: any;
   slots: {
     header?: (props: {
@@ -32,7 +28,7 @@ declare const __VLS_export: <V extends PresetSelectValue, P extends DataObject,
       error: Error | undefined;
       params: [] | P[];
       list: R[];
-      pagination: UseDataRequestPagination | {
+      pagination: {
         page: number;
         pageSize: number;
         itemCount: number;
@@ -47,10 +43,10 @@ declare const __VLS_export: <V extends PresetSelectValue, P extends DataObject,
       setParams: (_params: Partial<P>) => void;
       runParams: (_params: Partial<P>) => void;
       runParamsAsync: (_params: Partial<P>) => Promise<D>;
-      onBefore: _vueuse_core11.EventHookOn<[P[]]>;
-      onSuccess: _vueuse_core11.EventHookOn<[D, P[]]>;
-      onError: _vueuse_core11.EventHookOn<[Error, P[]]>;
-      onFinally: _vueuse_core11.EventHookOn<[P[], D | undefined, Error | undefined]>;
+      onBefore: _vueuse_core4.EventHookOn<[P[]]>;
+      onSuccess: _vueuse_core4.EventHookOn<[D, P[]]>;
+      onError: _vueuse_core4.EventHookOn<[Error, P[]]>;
+      onFinally: _vueuse_core4.EventHookOn<[P[], D | undefined, Error | undefined]>;
     }) => any;
   } & {
     footer?: (props: {
@@ -59,7 +55,7 @@ declare const __VLS_export: <V extends PresetSelectValue, P extends DataObject,
       error: Error | undefined;
       params: [] | P[];
       list: R[];
-      pagination: UseDataRequestPagination | {
+      pagination: {
         page: number;
         pageSize: number;
         itemCount: number;
@@ -74,10 +70,10 @@ declare const __VLS_export: <V extends PresetSelectValue, P extends DataObject,
       setParams: (_params: Partial<P>) => void;
       runParams: (_params: Partial<P>) => void;
       runParamsAsync: (_params: Partial<P>) => Promise<D>;
-      onBefore: _vueuse_core11.EventHookOn<[P[]]>;
-      onSuccess: _vueuse_core11.EventHookOn<[D, P[]]>;
-      onError: _vueuse_core11.EventHookOn<[Error, P[]]>;
-      onFinally: _vueuse_core11.EventHookOn<[P[], D | undefined, Error | undefined]>;
+      onBefore: _vueuse_core4.EventHookOn<[P[]]>;
+      onSuccess: _vueuse_core4.EventHookOn<[D, P[]]>;
+      onError: _vueuse_core4.EventHookOn<[Error, P[]]>;
+      onFinally: _vueuse_core4.EventHookOn<[P[], D | undefined, Error | undefined]>;
     }) => any;
   } & {
     'footer-extra'?: (props: {
@@ -86,7 +82,7 @@ declare const __VLS_export: <V extends PresetSelectValue, P extends DataObject,
       error: Error | undefined;
       params: [] | P[];
       list: R[];
-      pagination: UseDataRequestPagination | {
+      pagination: {
         page: number;
         pageSize: number;
         itemCount: number;
@@ -101,10 +97,10 @@ declare const __VLS_export: <V extends PresetSelectValue, P extends DataObject,
       setParams: (_params: Partial<P>) => void;
       runParams: (_params: Partial<P>) => void;
       runParamsAsync: (_params: Partial<P>) => Promise<D>;
-      onBefore: _vueuse_core11.EventHookOn<[P[]]>;
-      onSuccess: _vueuse_core11.EventHookOn<[D, P[]]>;
-      onError: _vueuse_core11.EventHookOn<[Error, P[]]>;
-      onFinally: _vueuse_core11.EventHookOn<[P[], D | undefined, Error | undefined]>;
+      onBefore: _vueuse_core4.EventHookOn<[P[]]>;
+      onSuccess: _vueuse_core4.EventHookOn<[D, P[]]>;
+      onError: _vueuse_core4.EventHookOn<[Error, P[]]>;
+      onFinally: _vueuse_core4.EventHookOn<[P[], D | undefined, Error | undefined]>;
     }) => any;
   } & {
     empty?: (props: {
@@ -113,7 +109,7 @@ declare const __VLS_export: <V extends PresetSelectValue, P extends DataObject,
       error: Error | undefined;
       params: [] | P[];
       list: R[];
-      pagination: UseDataRequestPagination | {
+      pagination: {
         page: number;
         pageSize: number;
         itemCount: number;
@@ -128,10 +124,10 @@ declare const __VLS_export: <V extends PresetSelectValue, P extends DataObject,
       setParams: (_params: Partial<P>) => void;
       runParams: (_params: Partial<P>) => void;
       runParamsAsync: (_params: Partial<P>) => Promise<D>;
-      onBefore: _vueuse_core11.EventHookOn<[P[]]>;
-      onSuccess: _vueuse_core11.EventHookOn<[D, P[]]>;
-      onError: _vueuse_core11.EventHookOn<[Error, P[]]>;
-      onFinally: _vueuse_core11.EventHookOn<[P[], D | undefined, Error | undefined]>;
+      onBefore: _vueuse_core4.EventHookOn<[P[]]>;
+      onSuccess: _vueuse_core4.EventHookOn<[D, P[]]>;
+      onError: _vueuse_core4.EventHookOn<[Error, P[]]>;
+      onFinally: _vueuse_core4.EventHookOn<[P[], D | undefined, Error | undefined]>;
     }) => any;
   } & {
     arrow?: (props: {
@@ -140,7 +136,7 @@ declare const __VLS_export: <V extends PresetSelectValue, P extends DataObject,
       error: Error | undefined;
       params: [] | P[];
       list: R[];
-      pagination: UseDataRequestPagination | {
+      pagination: {
         page: number;
         pageSize: number;
         itemCount: number;
@@ -155,14 +151,14 @@ declare const __VLS_export: <V extends PresetSelectValue, P extends DataObject,
       setParams: (_params: Partial<P>) => void;
       runParams: (_params: Partial<P>) => void;
       runParamsAsync: (_params: Partial<P>) => Promise<D>;
-      onBefore: _vueuse_core11.EventHookOn<[P[]]>;
-      onSuccess: _vueuse_core11.EventHookOn<[D, P[]]>;
-      onError: _vueuse_core11.EventHookOn<[Error, P[]]>;
-      onFinally: _vueuse_core11.EventHookOn<[P[], D | undefined, Error | undefined]>;
+      onBefore: _vueuse_core4.EventHookOn<[P[]]>;
+      onSuccess: _vueuse_core4.EventHookOn<[D, P[]]>;
+      onError: _vueuse_core4.EventHookOn<[Error, P[]]>;
+      onFinally: _vueuse_core4.EventHookOn<[P[], D | undefined, Error | undefined]>;
     }) => any;
   };
   emit: PresetSelectEmits<V, P, D, R>;
-}>) => vue62.VNode & {
+}>) => vue30.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/preset-select/index.d.ts

@@ -7,42 +7,76 @@ import { PaginationProps, SelectGroupOption, SelectInst, SelectOption, SelectPro
 import { ComponentExposed } from "vue-component-type-helpers";
 
 //#region src/components/preset-select/index.d.ts
+/**
+ * 数组感知类型
+ * @template V 值类型
+ * @template T 目标类型
+ */
 type ArrayAwareType<V, T> = V extends null ? null : (V extends any[] ? T[] : T) | null;
+/**
+ * 选项格式化函数
+ * @template R 列表项类型
+ */
 type OptionFormat<R extends DataObject = DataObject> = (row: R) => SelectOption | SelectGroupOption | false | undefined | null;
+/**
+ * 预设选择器值类型
+ */
 type PresetSelectValue = string | number | (string | number)[] | null;
+/**
+ * 预设选择器字段配置
+ */
 type PresetSelectFields = DataRequestFields & {
-  label?: string;
-  value?: string;
-  rowKey?: string;
-  search?: string;
+  /** 标签字段名 */label?: string; /** 值字段名 */
+  value?: string; /** 行键字段名 */
+  rowKey?: string; /** 搜索字段名 */
+  search?: string; /** 子节点字段名 */
   children?: string;
 };
+/**
+ * 预设选择器暴露的方法
+ * @template P 请求参数类型
+ * @template D 响应数据类型
+ * @template R 列表项类型
+ */
 type PresetSelectExpose<P extends DataObject = DataObject, D extends DataObject = DataObject, R extends DataObject = DataObject> = UseDataRequestReturns<P, D, R> & {
-  selectInst: Readonly<ShallowRef<SelectInst | null>>;
+  /** 选择器实例 */selectInst: Readonly<ShallowRef<SelectInst | null>>;
 };
+/**
+ * 预设选择器属性
+ * @template V 值类型
+ * @template P 请求参数类型
+ * @template D 响应数据类型
+ * @template R 列表项类型
+ */
 type PresetSelectProps<V extends PresetSelectValue, P extends DataObject = DataObject, D extends DataObject = DataObject, R extends DataObject = DataObject> = RemoteRequestProps<P, D> & {
-  value?: V;
-  fallbackLabel?: string | ((val: string | number) => SelectOption);
-  multiple?: boolean;
-  disabled?: boolean;
-  clearable?: boolean;
-  debounce?: boolean | number;
-  optionFormat?: OptionFormat<R>;
-  fields?: PresetSelectFields;
-  selectProps?: SelectProps & ClassStyle;
+  /** 值 */value?: V; /** 回退标签 */
+  fallbackLabel?: string | ((val: string | number) => SelectOption); /** 是否多选 */
+  multiple?: boolean; /** 是否禁用 */
+  disabled?: boolean; /** 是否可清空 */
+  clearable?: boolean; /** 防抖配置 */
+  debounce?: boolean | number; /** 选项格式化函数 */
+  optionFormat?: OptionFormat<R>; /** 字段配置 */
+  fields?: PresetSelectFields; /** 选择器属性 */
+  selectProps?: SelectProps & ClassStyle; /** 分页配置 */
   pagination?: Omit<PaginationProps, 'page' | 'pageSize'> & ClassStyle | boolean;
 };
+/**
+ * 预设选择器事件
+ * @template V 值类型
+ * @template P 请求参数类型
+ * @template D 响应数据类型
+ * @template R 列表项类型
+ */
 type PresetSelectEmits<V extends PresetSelectValue, P extends DataObject = DataObject, D extends DataObject = DataObject, R extends DataObject = DataObject> = RemoteRequestEmits<P, D> & {
-  (e: 'blur', ev: FocusEvent): void;
-  (e: 'clear'): void;
-  (e: 'create', label: string): SelectOption;
-  (e: 'focus', ev: FocusEvent): void;
-  (e: 'scroll', ev: Event): void;
-  (e: 'search', value: string): void;
-  (e: 'update:value', val: V | null, option: SelectOption | SelectOption[] | null, raw: R | R[] | null): void;
-  (e: 'update:page', page: number): void;
+  /** 搜索事件 */(e: 'search', val: string): void; /** 更新显示事件 */
+  (e: 'update:show', show: boolean): void; /** 更新值事件 */
+  (e: 'update:value', val: V | null, option: SelectOption | SelectOption[] | null, raw: R | R[] | null): void; /** 更新页码事件 */
+  (e: 'update:page', page: number): void; /** 更新每页大小事件 */
   (e: 'update:pageSize', pageSize: number): void;
 };
+/**
+ * 预设选择器实例类型
+ */
 type PresetSelectInst = ComponentExposed<typeof _default>;
 //#endregion
 export { ArrayAwareType, OptionFormat, PresetSelectEmits, PresetSelectExpose, PresetSelectFields, PresetSelectInst, PresetSelectProps, PresetSelectValue };

package/dist/components/remote-request/RemoteRequest.js

@@ -1,5 +1,5 @@
 import { useDataRequest } from "../../composables/use-data-request.js";
-import { computed, defineComponent, guardReactiveProps, normalizeProps, renderSlot, toValue } from "vue";
+import { computed, defineComponent, guardReactiveProps, normalizeProps, renderSlot } from "vue";
 
 //#region src/components/remote-request/RemoteRequest.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -70,12 +70,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const templateBind = computed(() => {
 			return {
 				...expose,
-				loading: toValue(loading),
-				data: toValue(data),
-				error: toValue(error),
-				params: toValue(params),
-				list: toValue(list),
-				pagination: toValue(pagination)
+				loading: loading.value,
+				data: data.value,
+				error: error.value,
+				params: params.value,
+				list: list.value,
+				pagination: pagination.value
 			};
 		});
 		__expose(expose);

package/dist/components/remote-request/RemoteRequest.vue.d.ts

@@ -1,19 +1,19 @@
-import { DataObject, UseDataRequestPagination } from "../../composables/use-data-request.js";
+import { DataObject } from "../../composables/use-data-request.js";
 import { RemoteRequestEmits, RemoteRequestExpose, RemoteRequestProps } from "./index.js";
-import * as _vueuse_core4 from "@vueuse/core";
-import * as vue27 from "vue";
+import * as _vueuse_core52 from "@vueuse/core";
+import * as vue41 from "vue";
 
 //#region src/components/remote-request/RemoteRequest.vue.d.ts
 declare const __VLS_export: <P extends DataObject, D extends DataObject, R extends DataObject>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue27.PublicProps & __VLS_PrettifyLocal<RemoteRequestProps<P, D> & {
-    onError?: ((err: Error, params: P[]) => any) | undefined;
+  props: vue41.PublicProps & __VLS_PrettifyLocal<RemoteRequestProps<P, D> & {
     onSuccess?: ((data: D, params: P[]) => any) | undefined;
-    onFinally?: ((params: P[], data?: D | undefined, err?: Error | undefined) => any) | undefined;
+    onError?: ((err: Error, params: P[]) => any) | undefined;
     onBefore?: ((params: P[]) => any) | undefined;
+    onFinally?: ((params: P[], data?: D | undefined, err?: Error | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P_1;
   } ? P_1 : {});
-  expose: (exposed: vue27.ShallowUnwrapRef<RemoteRequestExpose<P, D, R>>) => void;
+  expose: (exposed: vue41.ShallowUnwrapRef<RemoteRequestExpose<P, D, R>>) => void;
   attrs: any;
   slots: {
     default?: (props: {
@@ -22,7 +22,7 @@ declare const __VLS_export: <P extends DataObject, D extends DataObject, R exten
       error: Error | undefined;
       params: [] | P[];
       list: R[];
-      pagination: UseDataRequestPagination | {
+      pagination: {
         page: number;
         pageSize: number;
         itemCount: number;
@@ -36,14 +36,14 @@ declare const __VLS_export: <P extends DataObject, D extends DataObject, R exten
       setParams: (_params: Partial<P>) => void;
       runParams: (_params: Partial<P>) => void;
       runParamsAsync: (_params: Partial<P>) => Promise<D>;
-      onBefore: _vueuse_core4.EventHookOn<[P[]]>;
-      onSuccess: _vueuse_core4.EventHookOn<[D, P[]]>;
-      onError: _vueuse_core4.EventHookOn<[Error, P[]]>;
-      onFinally: _vueuse_core4.EventHookOn<[P[], D | undefined, Error | undefined]>;
+      onBefore: _vueuse_core52.EventHookOn<[P[]]>;
+      onSuccess: _vueuse_core52.EventHookOn<[D, P[]]>;
+      onError: _vueuse_core52.EventHookOn<[Error, P[]]>;
+      onFinally: _vueuse_core52.EventHookOn<[P[], D | undefined, Error | undefined]>;
     }) => any;
   };
   emit: RemoteRequestEmits<P, D>;
-}>) => vue27.VNode & {
+}>) => vue41.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;