@silver-formily/element-plus 3.0.3 → 4.0.2

package/esm/rate/index.d.ts

@@ -1,8 +1,193 @@
 import { ElRate } from "element-plus";
+import * as _$vue from "vue";
+import * as _$element_plus_es_utils_index_mjs0 from "element-plus/es/utils/index.mjs";
 
 //#region src/rate/index.d.ts
 type RateProps = typeof ElRate;
-declare const Rate: any;
+declare const Rate: _$element_plus_es_utils_index_mjs0.SFCWithInstall<_$vue.DefineComponent<{
+  modelValue: {
+    type: _$vue.PropType<number>;
+    default: number;
+  };
+  disabled: {
+    type: _$vue.PropType<boolean>;
+    default: undefined;
+  };
+  size: {
+    type: _$vue.PropType<"" | "default" | "small" | "large">;
+  };
+  clearable: {
+    type: _$vue.PropType<boolean>;
+  };
+  ariaLabel: {
+    type: _$vue.PropType<string>;
+  };
+  id: {
+    type: _$vue.PropType<string>;
+    default: undefined;
+  };
+  max: {
+    type: _$vue.PropType<number>;
+    default: number;
+  };
+  textColor: {
+    type: _$vue.PropType<string>;
+    default: string;
+  };
+  lowThreshold: {
+    type: _$vue.PropType<number>;
+    default: number;
+  };
+  highThreshold: {
+    type: _$vue.PropType<number>;
+    default: number;
+  };
+  colors: {
+    type: _$vue.PropType<string[] | Record<number, string>>;
+    default: () => string[];
+  };
+  voidColor: {
+    type: _$vue.PropType<string>;
+    default: string;
+  };
+  disabledVoidColor: {
+    type: _$vue.PropType<string>;
+    default: string;
+  };
+  icons: {
+    type: _$vue.PropType<(string | _$vue.Component)[] | Record<number, string | _$vue.Component>>;
+    default: () => any[];
+  };
+  voidIcon: {
+    type: _$vue.PropType<string | _$vue.Component>;
+    default: () => any;
+  };
+  disabledVoidIcon: {
+    type: _$vue.PropType<string | _$vue.Component>;
+    default: () => any;
+  };
+  allowHalf: {
+    type: _$vue.PropType<boolean>;
+  };
+  showText: {
+    type: _$vue.PropType<boolean>;
+  };
+  showScore: {
+    type: _$vue.PropType<boolean>;
+  };
+  texts: {
+    type: _$vue.PropType<string[]>;
+    default: () => string[];
+  };
+  scoreTemplate: {
+    type: _$vue.PropType<string>;
+    default: string;
+  };
+}, {
+  setCurrentValue: (value: number, event?: MouseEvent) => void;
+  resetCurrentValue: () => void;
+}, unknown, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: number) => void;
+  change: (value: number) => void;
+}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  modelValue: {
+    type: _$vue.PropType<number>;
+    default: number;
+  };
+  disabled: {
+    type: _$vue.PropType<boolean>;
+    default: undefined;
+  };
+  size: {
+    type: _$vue.PropType<"" | "default" | "small" | "large">;
+  };
+  clearable: {
+    type: _$vue.PropType<boolean>;
+  };
+  ariaLabel: {
+    type: _$vue.PropType<string>;
+  };
+  id: {
+    type: _$vue.PropType<string>;
+    default: undefined;
+  };
+  max: {
+    type: _$vue.PropType<number>;
+    default: number;
+  };
+  textColor: {
+    type: _$vue.PropType<string>;
+    default: string;
+  };
+  lowThreshold: {
+    type: _$vue.PropType<number>;
+    default: number;
+  };
+  highThreshold: {
+    type: _$vue.PropType<number>;
+    default: number;
+  };
+  colors: {
+    type: _$vue.PropType<string[] | Record<number, string>>;
+    default: () => string[];
+  };
+  voidColor: {
+    type: _$vue.PropType<string>;
+    default: string;
+  };
+  disabledVoidColor: {
+    type: _$vue.PropType<string>;
+    default: string;
+  };
+  icons: {
+    type: _$vue.PropType<(string | _$vue.Component)[] | Record<number, string | _$vue.Component>>;
+    default: () => any[];
+  };
+  voidIcon: {
+    type: _$vue.PropType<string | _$vue.Component>;
+    default: () => any;
+  };
+  disabledVoidIcon: {
+    type: _$vue.PropType<string | _$vue.Component>;
+    default: () => any;
+  };
+  allowHalf: {
+    type: _$vue.PropType<boolean>;
+  };
+  showText: {
+    type: _$vue.PropType<boolean>;
+  };
+  showScore: {
+    type: _$vue.PropType<boolean>;
+  };
+  texts: {
+    type: _$vue.PropType<string[]>;
+    default: () => string[];
+  };
+  scoreTemplate: {
+    type: _$vue.PropType<string>;
+    default: string;
+  };
+}>> & {
+  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+  onChange?: ((value: number) => any) | undefined;
+}, {
+  disabled: boolean;
+  id: string;
+  modelValue: number;
+  max: number;
+  textColor: string;
+  colors: string[] | Record<number, string>;
+  lowThreshold: number;
+  highThreshold: number;
+  voidColor: string;
+  disabledVoidColor: string;
+  icons: Array<string | _$vue.Component> | Record<number, string | _$vue.Component>;
+  voidIcon: string | _$vue.Component;
+  disabledVoidIcon: string | _$vue.Component;
+  texts: string[];
+  scoreTemplate: string;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>>;
 //#endregion
 export { Rate, RateProps };
 //# sourceMappingURL=index.d.ts.map

package/esm/segmented/index.d.ts

@@ -1,5 +1,32 @@
+import * as _$vue from "vue";
+import * as _$element_plus_es_components_segmented_src_types_mjs0 from "element-plus/es/components/segmented/src/types.mjs";
+
 //#region src/segmented/index.d.ts
-declare const Segmented: any;
+declare const Segmented: {
+  new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+    options?: _$element_plus_es_components_segmented_src_types_mjs0.Option[];
+  }> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {}, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<{
+    options?: _$element_plus_es_components_segmented_src_types_mjs0.Option[];
+  }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & _$vue.ComponentOptionsBase<Readonly<{
+  options?: _$element_plus_es_components_segmented_src_types_mjs0.Option[];
+}> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
+  $slots: {
+    default?: (props: {
+      item: any;
+    }) => any;
+  };
+});
 //#endregion
 export { Segmented };
 //# sourceMappingURL=index.d.ts.map

package/esm/select/index.d.ts

@@ -1,5 +1,116 @@
+import * as _$vue from "vue";
+import * as _$element_plus_es_utils_index_mjs0 from "element-plus/es/utils/index.mjs";
+
 //#region src/select/index.d.ts
-declare const Select: any;
+declare const Select: {
+  new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<{
+    options?: Array<(Partial<{
+      disabled: boolean;
+      created: boolean;
+    }> & Omit<{
+      readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+      readonly disabled: boolean;
+      readonly created: boolean;
+      readonly label?: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+    } & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps, "disabled" | "created">) | (Partial<{
+      disabled: boolean;
+    }> & Omit<{
+      readonly disabled: boolean;
+      readonly label?: string;
+    } & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps, "disabled"> & {
+      options: (Partial<{
+        disabled: boolean;
+        created: boolean;
+      }> & Omit<{
+        readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+        readonly disabled: boolean;
+        readonly created: boolean;
+        readonly label?: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+      } & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps, "disabled" | "created">)[];
+    })>;
+  }> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {}, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<{
+    options?: Array<(Partial<{
+      disabled: boolean;
+      created: boolean;
+    }> & Omit<{
+      readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+      readonly disabled: boolean;
+      readonly created: boolean;
+      readonly label?: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+    } & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps, "disabled" | "created">) | (Partial<{
+      disabled: boolean;
+    }> & Omit<{
+      readonly disabled: boolean;
+      readonly label?: string;
+    } & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps, "disabled"> & {
+      options: (Partial<{
+        disabled: boolean;
+        created: boolean;
+      }> & Omit<{
+        readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+        readonly disabled: boolean;
+        readonly created: boolean;
+        readonly label?: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+      } & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps, "disabled" | "created">)[];
+    })>;
+  }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & _$vue.ComponentOptionsBase<Readonly<{
+  options?: Array<(Partial<{
+    disabled: boolean;
+    created: boolean;
+  }> & Omit<{
+    readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+    readonly disabled: boolean;
+    readonly created: boolean;
+    readonly label?: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+  } & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps, "disabled" | "created">) | (Partial<{
+    disabled: boolean;
+  }> & Omit<{
+    readonly disabled: boolean;
+    readonly label?: string;
+  } & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps, "disabled"> & {
+    options: (Partial<{
+      disabled: boolean;
+      created: boolean;
+    }> & Omit<{
+      readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+      readonly disabled: boolean;
+      readonly created: boolean;
+      readonly label?: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+    } & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps, "disabled" | "created">)[];
+  })>;
+}> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
+  $slots: {
+    option?: (props: {
+      option: Partial<{
+        disabled: boolean;
+        created: boolean;
+      }> & Omit<{
+        readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+        readonly disabled: boolean;
+        readonly created: boolean;
+        readonly label?: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+      } & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps, "disabled" | "created">;
+    }) => any;
+    header?: () => any;
+    footer?: () => any;
+    prefix?: () => any;
+    empty?: () => any;
+    tag?: () => any;
+    loading?: () => any;
+    label?: () => any;
+  };
+});
 //#endregion
 export { Select };
 //# sourceMappingURL=index.d.ts.map

package/esm/select-table/index.d.ts

@@ -1,5 +1,65 @@
+import { ISelectTableProps } from "./types.js";
+import * as _$element_plus0 from "element-plus";
+import * as _$vue from "vue";
+
 //#region src/select-table/index.d.ts
-declare const SelectTable: any;
+declare const SelectTable: {
+  new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<ISelectTableProps> & Readonly<{
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+  }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+  }, _$vue.PublicProps, {
+    loading: boolean;
+    dataSource: any[];
+    valueType: "all" | "parent" | "child" | "path";
+    mode: "multiple" | "single";
+    columns: _$element_plus0.Column<any>[];
+    optionAsValue: boolean;
+    clickRowToSelect: boolean;
+    showAlertToolbar: boolean;
+    ignoreSelectable: boolean;
+  }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<ISelectTableProps> & Readonly<{
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+  }>, {}, {}, {}, {}, {
+    loading: boolean;
+    dataSource: any[];
+    valueType: "all" | "parent" | "child" | "path";
+    mode: "multiple" | "single";
+    columns: _$element_plus0.Column<any>[];
+    optionAsValue: boolean;
+    clickRowToSelect: boolean;
+    showAlertToolbar: boolean;
+    ignoreSelectable: boolean;
+  }>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & _$vue.ComponentOptionsBase<Readonly<ISelectTableProps> & Readonly<{
+  "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (...args: any[]) => void;
+}, string, {
+  loading: boolean;
+  dataSource: any[];
+  valueType: "all" | "parent" | "child" | "path";
+  mode: "multiple" | "single";
+  columns: _$element_plus0.Column<any>[];
+  optionAsValue: boolean;
+  clickRowToSelect: boolean;
+  showAlertToolbar: boolean;
+  ignoreSelectable: boolean;
+}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
+  $slots: {
+    default?: (props: {}) => any;
+  };
+});
 //#endregion
 export { SelectTable };
 //# sourceMappingURL=index.d.ts.map

package/esm/select-table/select-table.mjs

@@ -46,57 +46,90 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const elTableProps = useAttrs();
 		const field = useField();
+		const elTableRef = ref();
+		const radioSelectedKey = ref();
+		function requireRowKey() {
+			if (!props.rowKey) throw new Error("rowKey is required");
+			return props.rowKey;
+		}
+		function getRowValue(item) {
+			if (!props.rowKey || !item) return;
+			return item[props.rowKey];
+		}
+		function getSingleSelectedKey(value) {
+			if (!isValid(value)) return null;
+			return props.optionAsValue ? getRowValue(value) ?? null : value;
+		}
+		function getMultipleSelectedKeys(value) {
+			if (!Array.isArray(value)) return [];
+			return value.map((item) => props.optionAsValue ? getRowValue(item) : item).filter(isValid);
+		}
+		function syncRadioSelection(item) {
+			radioSelectedKey.value = getRowValue(item) ?? null;
+			elTableRef.value?.setCurrentRow(item);
+		}
 		function compatibleRadioValue(key) {
 			return lt(version, "2.6.0") ? { label: key } : { value: key };
 		}
-		const elTableRef = ref();
-		const rowKey = props.rowKey;
 		function getInitialSelectedList() {
-			if (props.mode === "multiple") return props.modelValue?.map((item) => {
-				if (!props.optionAsValue) return { [rowKey]: item };
-				return item;
-			}) ?? [];
-			else return props.optionAsValue ? [props.modelValue] : [{ [rowKey]: props.modelValue }];
+			if (!isValid(props.modelValue)) return [];
+			if (props.mode === "multiple") {
+				if (!Array.isArray(props.modelValue)) return [];
+				return props.modelValue.map((item) => {
+					if (!props.optionAsValue) {
+						if (!props.rowKey) return null;
+						return { [props.rowKey]: item };
+					}
+					return item;
+				}).filter(isValid);
+			} else {
+				if (props.optionAsValue) return [props.modelValue];
+				if (!props.rowKey) return [];
+				return [{ [props.rowKey]: props.modelValue }];
+			}
 		}
 		const selectedFlatDataSource = ref(getInitialSelectedList());
 		let prevSelection = [];
-		const radioSelectedKey = ref();
 		const currentSelectLength = computed(() => {
 			if (props.mode === "multiple") return Array.isArray(props.modelValue) ? props.modelValue.length : 0;
 			else return isValid(radioSelectedKey.value) ? 1 : 0;
 		});
 		watch(() => props.dataSource, async () => {
-			const selectedKeys = uniq(selectedFlatDataSource.value.map((item) => item[rowKey]));
+			const selectedKeys = uniq(selectedFlatDataSource.value.map((item) => getRowValue(item)).filter(isValid));
 			await nextTick();
 			for (const item of props.dataSource) {
-				if (selectedKeys.includes(item[rowKey])) if (props.mode === "multiple") elTableRef.value?.toggleRowSelection(item, true, props.ignoreSelectable);
-				else {
-					elTableRef.value?.setCurrentRow(item);
-					onRadioClick(item);
-				}
+				const itemKey = getRowValue(item);
+				if (isValid(itemKey) && selectedKeys.includes(itemKey)) if (props.mode === "multiple") elTableRef.value?.toggleRowSelection(item, true, props.ignoreSelectable);
+				else syncRadioSelection(item);
 				await nextTick();
-				prevSelection = elTableRef.value?.getSelectionRows();
+				prevSelection = elTableRef.value?.getSelectionRows() ?? [];
 			}
 		}, { immediate: true });
 		watch(() => [props.modelValue, props.loading], async ([value, loading]) => {
 			if (loading) return;
-			if (props.mode === "single") radioSelectedKey.value = props.optionAsValue ? value[rowKey] : value;
-			else {
+			if (props.mode === "single") {
+				const selectedKey = getSingleSelectedKey(value);
+				radioSelectedKey.value = selectedKey;
+				const selectedItem = props.dataSource.find((item) => getRowValue(item) === selectedKey);
+				elTableRef.value?.setCurrentRow(selectedItem);
+			} else {
 				await nextTick();
-				const currentDisplayDataKeys = elTableRef.value?.getSelectionRows().map((item) => item[rowKey]);
-				const valueKeys = props.optionAsValue ? value?.map((item) => item[rowKey]) : value ?? [];
-				selectedFlatDataSource.value = selectedFlatDataSource.value.filter((item) => valueKeys.includes(item[rowKey]));
+				const currentDisplayDataKeys = elTableRef.value?.getSelectionRows().map((item) => getRowValue(item)).filter(isValid) ?? [];
+				const valueKeys = getMultipleSelectedKeys(value);
+				selectedFlatDataSource.value = selectedFlatDataSource.value.filter((item) => valueKeys.includes(getRowValue(item)));
 				if (isEqual(valueKeys, currentDisplayDataKeys)) return;
 				const diffItems = xor(valueKeys, currentDisplayDataKeys);
-				for (const tableItem of props.dataSource) if (diffItems.includes(tableItem[rowKey])) {
-					const shouldSelect = valueKeys.includes(tableItem[rowKey]);
-					elTableRef.value.toggleRowSelection(tableItem, shouldSelect, props.ignoreSelectable);
+				for (const tableItem of props.dataSource) {
+					const itemKey = getRowValue(tableItem);
+					if (isValid(itemKey) && diffItems.includes(itemKey)) {
+						const shouldSelect = valueKeys.includes(itemKey);
+						elTableRef.value?.toggleRowSelection(tableItem, shouldSelect, props.ignoreSelectable);
+					}
 				}
 			}
 		}, { immediate: true });
 		function onSelect(newSelection) {
-			/* istanbul ignore if -- @preserve */
-			if (!rowKey) throw new Error("rowKey is required");
+			const rowKey = requireRowKey();
 			const removedItemList = prevSelection.length > newSelection.length ? differenceWith(prevSelection, newSelection, (itemPrev, itemNext) => {
 				return itemPrev[rowKey] === itemNext[rowKey];
 			}) : [];
@@ -112,7 +145,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			else emit("update:modelValue", selectedFlatDataSource.value.map((item) => item[rowKey]));
 		}
 		function onRadioClick(item) {
-			radioSelectedKey.value = item[rowKey];
+			const rowKey = requireRowKey();
+			syncRadioSelection(item);
 			if (props.optionAsValue) emit("update:modelValue", item);
 			else emit("update:modelValue", item[rowKey]);
 		}
@@ -131,7 +165,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				emit("update:modelValue", []);
 				selectedFlatDataSource.value = [];
 			} else {
-				radioSelectedKey.value = null;
+				syncRadioSelection(null);
 				emit("update:modelValue", null);
 			}
 		}
@@ -155,7 +189,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				ref_key: "elTableRef",
 				ref: elTableRef
 			}, unref(elTableProps), {
-				"row-key": unref(rowKey),
+				"row-key": __props.rowKey,
 				"row-class-name": props.clickRowToSelect ? `--click-row-select` : "",
 				data: props.dataSource,
 				"highlight-current-row": props.mode === "single",
@@ -176,7 +210,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => radioSelectedKey.value = $event),
 						style: { "width": "100%" }
 					}, {
-						default: withCtx(() => [createVNode(unref(ElRadio), mergeProps(compatibleRadioValue(row[unref(rowKey)]), { onChange: () => onRadioClick(row) }), {
+						default: withCtx(() => [createVNode(unref(ElRadio), mergeProps(compatibleRadioValue(row[__props.rowKey]), { onChange: () => onRadioClick(row) }), {
 							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" \xA0 ", -1)])]),
 							_: 1
 						}, 16, ["onChange"])]),

package/esm/select-table/select-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-table.mjs","names":[],"sources":["../../src/select-table/select-table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableInstance } from 'element-plus'\nimport type { ISelectTableProps } from './types'\nimport { isEqual, isFn, isValid } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport {\n  ElLink,\n  ElRadio,\n  ElRadioGroup,\n  ElTable,\n  ElTableColumn,\n  useAttrs,\n  version,\n  vLoading,\n} from 'element-plus'\nimport { differenceWith, remove, uniq, uniqWith, xor } from 'lodash-es'\nimport { computed, nextTick, ref, watch } from 'vue'\nimport { lt, stylePrefix } from '../__builtins__'\n\ndefineOptions({\n  name: 'FSelectTable',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<ISelectTableProps>(), {\n  columns: () => [],\n  mode: 'multiple',\n  dataSource: () => [],\n  optionAsValue: false,\n  valueType: 'all',\n  loading: false,\n  clickRowToSelect: true,\n  showAlertToolbar: true,\n  ignoreSelectable: true,\n})\n\nconst emit = defineEmits(['update:modelValue'])\n\nconst elTableProps = useAttrs()\nconst field = useField()\n\nfunction compatibleRadioValue(key: string) {\n  return lt(version, '2.6.0') ? { label: key } : { value: key }\n}\n\nconst elTableRef = ref<TableInstance>()\nconst rowKey = props.rowKey\nfunction getInitialSelectedList() {\n  if (props.mode === 'multiple') {\n    return props.modelValue?.map((item) => {\n      if (!props.optionAsValue) {\n        return {\n          [rowKey]: item,\n        }\n      }\n      return item\n    }) ?? []\n  }\n  else {\n    return props.optionAsValue ? [props.modelValue] : [{ [rowKey]: props.modelValue }]\n  }\n}\nconst initialSelectedList = getInitialSelectedList()\nconst selectedFlatDataSource = ref(initialSelectedList)\n// 为了获取移除的项而缓存的当前页面的前一次选择。由于element-plus没有获取移除项的方法，需要通过这种方式移除field中移除的项\nlet prevSelection = []\n\nconst radioSelectedKey = ref()\n\nconst currentSelectLength = computed(() => {\n  if (props.mode === 'multiple') {\n    return Array.isArray(props.modelValue) ? props.modelValue.length : 0\n  }\n  else {\n    return isValid(radioSelectedKey.value) ? 1 : 0\n  }\n})\n\nwatch(\n  () => props.dataSource,\n  async () => {\n    const selectedKeys = uniq(\n      selectedFlatDataSource.value.map(item => item[rowKey]),\n    )\n    await nextTick()\n    for (const item of props.dataSource) {\n      if (selectedKeys.includes(item[rowKey])) {\n        if (props.mode === 'multiple') {\n          elTableRef.value?.toggleRowSelection(item, true, props.ignoreSelectable)\n        }\n        else {\n          elTableRef.value?.setCurrentRow(item)\n          onRadioClick(item)\n        }\n      }\n      await nextTick()\n      prevSelection = elTableRef.value?.getSelectionRows()\n    }\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => [props.modelValue, props.loading],\n  async ([value, loading]) => {\n    if (loading) {\n      return\n    }\n    if (props.mode === 'single') {\n      radioSelectedKey.value = props.optionAsValue ? value[rowKey] : value\n    }\n    else {\n      await nextTick()\n      const currentDisplayDataKeys = elTableRef.value\n        ?.getSelectionRows()\n        .map(item => item[rowKey])\n      const valueKeys = props.optionAsValue\n        ? value?.map(item => item[rowKey])\n        : value ?? []\n      selectedFlatDataSource.value = selectedFlatDataSource.value.filter(\n        item => valueKeys.includes(item[rowKey]),\n      )\n      if (isEqual(valueKeys, currentDisplayDataKeys)) {\n        return\n      }\n      const diffItems = xor(valueKeys, currentDisplayDataKeys)\n      for (const tableItem of props.dataSource) {\n        if (diffItems.includes(tableItem[rowKey])) {\n          const shouldSelect = valueKeys.includes(tableItem[rowKey])\n          elTableRef.value.toggleRowSelection(tableItem, shouldSelect, props.ignoreSelectable)\n        }\n      }\n    }\n  },\n  {\n    immediate: true,\n  },\n)\n\nfunction onSelect(newSelection: Record<string, any>[]) {\n  /* istanbul ignore if -- @preserve */\n  if (!rowKey) {\n    throw new Error('rowKey is required')\n  }\n\n  const removedItemList\n    = prevSelection.length > newSelection.length\n      ? differenceWith(\n          prevSelection,\n          newSelection,\n          (itemPrev, itemNext) => {\n            return itemPrev[rowKey] === itemNext[rowKey]\n          },\n        )\n      : []\n  prevSelection = [...newSelection]\n  selectedFlatDataSource.value = uniqWith(\n    [...selectedFlatDataSource.value, ...newSelection],\n    (itemPrev, itemNext) => {\n      return itemPrev[rowKey] === itemNext[rowKey]\n    },\n  )\n  if (removedItemList.length > 0) {\n    const removedKeys = uniq(removedItemList.map(item => item[rowKey]))\n    remove(selectedFlatDataSource.value, item =>\n      removedKeys.includes(item[rowKey]))\n  }\n\n  if (props.optionAsValue) {\n    emit('update:modelValue', selectedFlatDataSource.value)\n  }\n  else {\n    const selectedKeys = selectedFlatDataSource.value.map(\n      item => item[rowKey],\n    )\n    emit('update:modelValue', selectedKeys)\n  }\n}\n\nfunction onRadioClick(item) {\n  radioSelectedKey.value = item[rowKey]\n  if (props.optionAsValue) {\n    emit('update:modelValue', item)\n  }\n  else {\n    emit('update:modelValue', item[rowKey])\n  }\n}\n\nfunction onRowClick(row: Record<string, any>, _, event: Event) {\n  if (!props.clickRowToSelect)\n    return\n\n  if (props.mode === 'multiple') {\n    const checkboxDOM = (event.target as Element)\n      .closest('tr')\n      .querySelector('input[type=\"checkbox\"]')\n    if (checkboxDOM instanceof HTMLElement) {\n      checkboxDOM.click()\n    }\n  }\n  else {\n    const radioDOM = (event.target as Element)\n      .closest('tr')\n      .querySelector('input[type=\"radio\"]')\n    if (radioDOM instanceof HTMLElement) {\n      radioDOM.click()\n    }\n  }\n}\n\nfunction onClearSelectionClick() {\n  if (props.mode === 'multiple') {\n    emit('update:modelValue', [])\n    selectedFlatDataSource.value = []\n  }\n  else {\n    radioSelectedKey.value = null\n    emit('update:modelValue', null)\n  }\n}\n\nfunction selectable(row: Record<string, any>, index: number) {\n  if (props.selectable && isFn(props.selectable)) {\n    return props.selectable(row, index, field.value)\n  }\n  return true\n}\n</script>\n\n<template>\n  <div :class=\"`${stylePrefix}-select-table`\">\n    <div\n      v-if=\"currentSelectLength > 0 && props.showAlertToolbar\"\n      :class=\"`${stylePrefix}-select-table-alert-container`\"\n    >\n      <span>已选择 {{ currentSelectLength }} 项</span>\n      <ElLink\n        type=\"primary\"\n        :underline=\"lt(version, '2.9.9') ? false : 'never'\"\n        style=\"margin-left: 8px;\"\n        @click=\"onClearSelectionClick\"\n      >\n        取消选择\n      </ElLink>\n    </div>\n    <ElTable\n      ref=\"elTableRef\"\n      v-loading=\"props.loading\"\n      v-bind=\"elTableProps\"\n      :row-key=\"rowKey\"\n      :row-class-name=\"props.clickRowToSelect ? `--click-row-select` : ''\"\n      :data=\"props.dataSource\"\n      :highlight-current-row=\"props.mode === 'single'\"\n      @select=\"onSelect\"\n      @select-all=\"onSelect\"\n      @row-click=\"onRowClick\"\n    >\n      <ElTableColumn\n        v-if=\"props.mode === 'multiple'\"\n        type=\"selection\"\n        :selectable=\"selectable\"\n      />\n      <ElTableColumn\n        v-else\n        width=\"46\"\n      >\n        <template #default=\"{ row }\">\n          <ElRadioGroup v-model=\"radioSelectedKey\" style=\"width: 100%;\">\n            <ElRadio\n              v-bind=\"compatibleRadioValue(row[rowKey])\"\n              @change=\"() => onRadioClick(row)\"\n            >\n              &nbsp;\n            </ElRadio>\n          </ElRadioGroup>\n        </template>\n      </ElTableColumn>\n      <template v-if=\"props.columns.length === 0\">\n        <slot />\n      </template>\n      <template v-else>\n        <ElTableColumn\n          v-for=\"colItem of props.columns\"\n          v-bind=\"colItem\"\n          :key=\"colItem.prop || colItem.type\"\n        />\n      </template>\n    </ElTable>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAYd,MAAM,OAAO;EAEb,MAAM,eAAe,UAAS;EAC9B,MAAM,QAAQ,UAAS;EAEvB,SAAS,qBAAqB,KAAa;AACzC,UAAO,GAAG,SAAS,QAAQ,GAAG,EAAE,OAAO,KAAK,GAAG,EAAE,OAAO,KAAI;;EAG9D,MAAM,aAAa,KAAmB;EACtC,MAAM,SAAS,MAAM;EACrB,SAAS,yBAAyB;AAChC,OAAI,MAAM,SAAS,WACjB,QAAO,MAAM,YAAY,KAAK,SAAS;AACrC,QAAI,CAAC,MAAM,cACT,QAAO,GACJ,SAAS,MACZ;AAEF,WAAO;KACP,IAAI,EAAC;OAGP,QAAO,MAAM,gBAAgB,CAAC,MAAM,WAAW,GAAG,CAAC,GAAG,SAAS,MAAM,YAAY,CAAA;;EAIrF,MAAM,yBAAyB,IADH,wBAAuB,CACG;EAEtD,IAAI,gBAAgB,EAAC;EAErB,MAAM,mBAAmB,KAAI;EAE7B,MAAM,sBAAsB,eAAe;AACzC,OAAI,MAAM,SAAS,WACjB,QAAO,MAAM,QAAQ,MAAM,WAAW,GAAG,MAAM,WAAW,SAAS;OAGnE,QAAO,QAAQ,iBAAiB,MAAM,GAAG,IAAI;IAEhD;AAED,cACQ,MAAM,YACZ,YAAY;GACV,MAAM,eAAe,KACnB,uBAAuB,MAAM,KAAI,SAAQ,KAAK,QAAQ,CACxD;AACA,SAAM,UAAS;AACf,QAAK,MAAM,QAAQ,MAAM,YAAY;AACnC,QAAI,aAAa,SAAS,KAAK,QAAQ,CACrC,KAAI,MAAM,SAAS,WACjB,YAAW,OAAO,mBAAmB,MAAM,MAAM,MAAM,iBAAgB;SAEpE;AACH,gBAAW,OAAO,cAAc,KAAI;AACpC,kBAAa,KAAI;;AAGrB,UAAM,UAAS;AACf,oBAAgB,WAAW,OAAO,kBAAiB;;KAGvD,EAAE,WAAW,MAAM,CACrB;AAEA,cACQ,CAAC,MAAM,YAAY,MAAM,QAAQ,EACvC,OAAO,CAAC,OAAO,aAAa;AAC1B,OAAI,QACF;AAEF,OAAI,MAAM,SAAS,SACjB,kBAAiB,QAAQ,MAAM,gBAAgB,MAAM,UAAU;QAE5D;AACH,UAAM,UAAS;IACf,MAAM,yBAAyB,WAAW,OACtC,kBAAiB,CAClB,KAAI,SAAQ,KAAK,QAAO;IAC3B,MAAM,YAAY,MAAM,gBACpB,OAAO,KAAI,SAAQ,KAAK,QAAO,GAC/B,SAAS,EAAC;AACd,2BAAuB,QAAQ,uBAAuB,MAAM,QAC1D,SAAQ,UAAU,SAAS,KAAK,QAAQ,CAC1C;AACA,QAAI,QAAQ,WAAW,uBAAuB,CAC5C;IAEF,MAAM,YAAY,IAAI,WAAW,uBAAsB;AACvD,SAAK,MAAM,aAAa,MAAM,WAC5B,KAAI,UAAU,SAAS,UAAU,QAAQ,EAAE;KACzC,MAAM,eAAe,UAAU,SAAS,UAAU,QAAO;AACzD,gBAAW,MAAM,mBAAmB,WAAW,cAAc,MAAM,iBAAgB;;;KAK3F,EACE,WAAW,MACZ,CACH;EAEA,SAAS,SAAS,cAAqC;;AAErD,OAAI,CAAC,OACH,OAAM,IAAI,MAAM,qBAAoB;GAGtC,MAAM,kBACF,cAAc,SAAS,aAAa,SAClC,eACE,eACA,eACC,UAAU,aAAa;AACtB,WAAO,SAAS,YAAY,SAAS;KAEzC,GACA,EAAC;AACP,mBAAgB,CAAC,GAAG,aAAY;AAChC,0BAAuB,QAAQ,SAC7B,CAAC,GAAG,uBAAuB,OAAO,GAAG,aAAa,GACjD,UAAU,aAAa;AACtB,WAAO,SAAS,YAAY,SAAS;KAEzC;AACA,OAAI,gBAAgB,SAAS,GAAG;IAC9B,MAAM,cAAc,KAAK,gBAAgB,KAAI,SAAQ,KAAK,QAAQ,CAAA;AAClE,WAAO,uBAAuB,QAAO,SACnC,YAAY,SAAS,KAAK,QAAQ,CAAA;;AAGtC,OAAI,MAAM,cACR,MAAK,qBAAqB,uBAAuB,MAAK;OAMtD,MAAK,qBAHgB,uBAAuB,MAAM,KAChD,SAAQ,KAAK,QACf,CACsC;;EAI1C,SAAS,aAAa,MAAM;AAC1B,oBAAiB,QAAQ,KAAK;AAC9B,OAAI,MAAM,cACR,MAAK,qBAAqB,KAAI;OAG9B,MAAK,qBAAqB,KAAK,QAAO;;EAI1C,SAAS,WAAW,KAA0B,GAAG,OAAc;AAC7D,OAAI,CAAC,MAAM,iBACT;AAEF,OAAI,MAAM,SAAS,YAAY;IAC7B,MAAM,cAAe,MAAM,OACxB,QAAQ,KAAI,CACZ,cAAc,2BAAwB;AACzC,QAAI,uBAAuB,YACzB,aAAY,OAAM;UAGjB;IACH,MAAM,WAAY,MAAM,OACrB,QAAQ,KAAI,CACZ,cAAc,wBAAqB;AACtC,QAAI,oBAAoB,YACtB,UAAS,OAAM;;;EAKrB,SAAS,wBAAwB;AAC/B,OAAI,MAAM,SAAS,YAAY;AAC7B,SAAK,qBAAqB,EAAE,CAAA;AAC5B,2BAAuB,QAAQ,EAAC;UAE7B;AACH,qBAAiB,QAAQ;AACzB,SAAK,qBAAqB,KAAI;;;EAIlC,SAAS,WAAW,KAA0B,OAAe;AAC3D,OAAI,MAAM,cAAc,KAAK,MAAM,WAAW,CAC5C,QAAO,MAAM,WAAW,KAAK,OAAO,MAAM,MAAK;AAEjD,UAAO;;;uBAKP,mBA0DM,OAAA,EA1DA,OAAK,eAAA,GAAK,MAAA,YAAW,CAAA,eAAA,EAAA,EAAA,CAEjB,oBAAA,QAAmB,KAAQ,MAAM,oBAAA,WAAA,EADzC,mBAaM,OAAA;;IAXH,OAAK,eAAA,GAAK,MAAA,YAAW,CAAA,+BAAA;OAEtB,mBAA4C,QAAA,MAAtC,SAAI,gBAAG,oBAAA,MAAmB,GAAG,MAAE,EAAA,EACrC,YAOS,MAAA,OAAA,EAAA;IANP,MAAK;IACJ,WAAW,MAAA,GAAE,CAAC,MAAA,QAAO,EAAA,QAAA,GAAA,QAAA;IACtB,OAAA,EAAA,eAAA,OAAyB;IACxB,SAAO;;2BAGV,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFC,UAED,GAAA,CAAA,EAAA,CAAA;;+FAEF,YA0CU,MAAA,QAAA,EA1CV,WA0CU;aAzCJ;IAAJ,KAAI;MAEI,MAAA,aAAY,EAAA;IACnB,WAAS,MAAA,OAAM;IACf,kBAAgB,MAAM,mBAAgB,uBAAA;IACtC,MAAM,MAAM;IACZ,yBAAuB,MAAM,SAAI;IACzB;IACR,aAAY;IACD;;2BAMV,CAHM,MAAM,SAAI,cAAA,WAAA,EADlB,YAIE,MAAA,cAAA,EAAA;;KAFA,MAAK;KACQ;wBAEf,YAcgB,MAAA,cAAA,EAAA;;KAZd,OAAM;;KAEK,SAAO,SAQD,EARK,UAAG,CACvB,YAOe,MAAA,aAAA,EAAA;kBAPQ,iBAAA;mEAAA,iBAAgB,QAAA;MAAE,OAAA,EAAA,SAAA,QAAoB;;6BAMjD,CALV,YAKU,MAAA,QAAA,EALV,WACU,qBAAqB,IAAI,MAAA,OAAM,EAAA,EAAA,EACtC,gBAAc,aAAa,IAAG,EAAA,CAAA,EAAA;8BAGjC,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFC,UAED,GAAA,CAAA,EAAA,CAAA;;;;;;SAIU,MAAM,QAAQ,WAAM,IAClC,WAAQ,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,IAAA,UAAA,KAAA,EAGR,mBAIE,UAAA,EAAA,KAAA,GAAA,EAAA,WAHkB,MAAM,UAAjB,YAAO;yBADhB,YAIE,MAAA,cAAA,EAJF,WAIE,EAAA,SAAA,MAAA,EAFQ,SAAO,EACd,KAAK,QAAQ,QAAQ,QAAQ,MAAA,CAAA,EAAA,MAAA,GAAA;;;;;;;;2BArCvB,MAAM,QAAO,CAAA,CAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"select-table.mjs","names":[],"sources":["../../src/select-table/select-table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableInstance } from 'element-plus'\nimport type { ISelectTableProps } from './types'\nimport { isEqual, isFn, isValid } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport {\n  ElLink,\n  ElRadio,\n  ElRadioGroup,\n  ElTable,\n  ElTableColumn,\n  useAttrs,\n  version,\n  vLoading,\n} from 'element-plus'\nimport { differenceWith, remove, uniq, uniqWith, xor } from 'lodash-es'\nimport { computed, nextTick, ref, watch } from 'vue'\nimport { lt, stylePrefix } from '../__builtins__'\n\ndefineOptions({\n  name: 'FSelectTable',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<ISelectTableProps>(), {\n  columns: () => [],\n  mode: 'multiple',\n  dataSource: () => [],\n  optionAsValue: false,\n  valueType: 'all',\n  loading: false,\n  clickRowToSelect: true,\n  showAlertToolbar: true,\n  ignoreSelectable: true,\n})\n\nconst emit = defineEmits(['update:modelValue'])\n\nconst elTableProps = useAttrs()\nconst field = useField()\nconst elTableRef = ref<TableInstance>()\nconst radioSelectedKey = ref()\n\nfunction requireRowKey() {\n  if (!props.rowKey) {\n    throw new Error('rowKey is required')\n  }\n  return props.rowKey\n}\n\nfunction getRowValue(item?: Record<string, any> | null) {\n  if (!props.rowKey || !item) {\n    return undefined\n  }\n  return item[props.rowKey]\n}\n\nfunction getSingleSelectedKey(value: any) {\n  if (!isValid(value)) {\n    return null\n  }\n  return props.optionAsValue ? getRowValue(value) ?? null : value\n}\n\nfunction getMultipleSelectedKeys(value: any) {\n  if (!Array.isArray(value)) {\n    return []\n  }\n  return value\n    .map(item => props.optionAsValue ? getRowValue(item) : item)\n    .filter(isValid)\n}\n\nfunction syncRadioSelection(item?: Record<string, any> | null) {\n  radioSelectedKey.value = getRowValue(item) ?? null\n  elTableRef.value?.setCurrentRow(item)\n}\n\nfunction compatibleRadioValue(key: string) {\n  return lt(version, '2.6.0') ? { label: key } : { value: key }\n}\n\nfunction getInitialSelectedList() {\n  if (!isValid(props.modelValue)) {\n    return []\n  }\n\n  if (props.mode === 'multiple') {\n    if (!Array.isArray(props.modelValue)) {\n      return []\n    }\n\n    return props.modelValue.map((item) => {\n      if (!props.optionAsValue) {\n        if (!props.rowKey) {\n          return null\n        }\n        return {\n          [props.rowKey]: item,\n        }\n      }\n      return item\n    }).filter(isValid)\n  }\n  else {\n    if (props.optionAsValue) {\n      return [props.modelValue]\n    }\n    if (!props.rowKey) {\n      return []\n    }\n    return [{ [props.rowKey]: props.modelValue }]\n  }\n}\nconst initialSelectedList = getInitialSelectedList()\nconst selectedFlatDataSource = ref(initialSelectedList)\n// 为了获取移除的项而缓存的当前页面的前一次选择。由于element-plus没有获取移除项的方法，需要通过这种方式移除field中移除的项\nlet prevSelection = []\n\nconst currentSelectLength = computed(() => {\n  if (props.mode === 'multiple') {\n    return Array.isArray(props.modelValue) ? props.modelValue.length : 0\n  }\n  else {\n    return isValid(radioSelectedKey.value) ? 1 : 0\n  }\n})\n\nwatch(\n  () => props.dataSource,\n  async () => {\n    const selectedKeys = uniq(\n      selectedFlatDataSource.value.map(item => getRowValue(item)).filter(isValid),\n    )\n    await nextTick()\n    for (const item of props.dataSource) {\n      const itemKey = getRowValue(item)\n      if (isValid(itemKey) && selectedKeys.includes(itemKey)) {\n        if (props.mode === 'multiple') {\n          elTableRef.value?.toggleRowSelection(item, true, props.ignoreSelectable)\n        }\n        else {\n          syncRadioSelection(item)\n        }\n      }\n      await nextTick()\n      prevSelection = elTableRef.value?.getSelectionRows() ?? []\n    }\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => [props.modelValue, props.loading],\n  async ([value, loading]) => {\n    if (loading) {\n      return\n    }\n    if (props.mode === 'single') {\n      const selectedKey = getSingleSelectedKey(value)\n      radioSelectedKey.value = selectedKey\n      const selectedItem = props.dataSource.find(item => getRowValue(item) === selectedKey)\n      elTableRef.value?.setCurrentRow(selectedItem)\n    }\n    else {\n      await nextTick()\n      const currentDisplayDataKeys = elTableRef.value\n        ?.getSelectionRows()\n        .map(item => getRowValue(item))\n        .filter(isValid) ?? []\n      const valueKeys = getMultipleSelectedKeys(value)\n      selectedFlatDataSource.value = selectedFlatDataSource.value.filter(\n        item => valueKeys.includes(getRowValue(item)),\n      )\n      if (isEqual(valueKeys, currentDisplayDataKeys)) {\n        return\n      }\n      const diffItems = xor(valueKeys, currentDisplayDataKeys)\n      for (const tableItem of props.dataSource) {\n        const itemKey = getRowValue(tableItem)\n        if (isValid(itemKey) && diffItems.includes(itemKey)) {\n          const shouldSelect = valueKeys.includes(itemKey)\n          elTableRef.value?.toggleRowSelection(tableItem, shouldSelect, props.ignoreSelectable)\n        }\n      }\n    }\n  },\n  {\n    immediate: true,\n  },\n)\n\nfunction onSelect(newSelection: Record<string, any>[]) {\n  const rowKey = requireRowKey()\n\n  const removedItemList\n    = prevSelection.length > newSelection.length\n      ? differenceWith(\n          prevSelection,\n          newSelection,\n          (itemPrev, itemNext) => {\n            return itemPrev[rowKey] === itemNext[rowKey]\n          },\n        )\n      : []\n  prevSelection = [...newSelection]\n  selectedFlatDataSource.value = uniqWith(\n    [...selectedFlatDataSource.value, ...newSelection],\n    (itemPrev, itemNext) => {\n      return itemPrev[rowKey] === itemNext[rowKey]\n    },\n  )\n  if (removedItemList.length > 0) {\n    const removedKeys = uniq(removedItemList.map(item => item[rowKey]))\n    remove(selectedFlatDataSource.value, item =>\n      removedKeys.includes(item[rowKey]))\n  }\n\n  if (props.optionAsValue) {\n    emit('update:modelValue', selectedFlatDataSource.value)\n  }\n  else {\n    const selectedKeys = selectedFlatDataSource.value.map(\n      item => item[rowKey],\n    )\n    emit('update:modelValue', selectedKeys)\n  }\n}\n\nfunction onRadioClick(item) {\n  const rowKey = requireRowKey()\n  syncRadioSelection(item)\n  if (props.optionAsValue) {\n    emit('update:modelValue', item)\n  }\n  else {\n    emit('update:modelValue', item[rowKey])\n  }\n}\n\nfunction onRowClick(row: Record<string, any>, _, event: Event) {\n  if (!props.clickRowToSelect)\n    return\n\n  if (props.mode === 'multiple') {\n    const checkboxDOM = (event.target as Element)\n      .closest('tr')\n      .querySelector('input[type=\"checkbox\"]')\n    if (checkboxDOM instanceof HTMLElement) {\n      checkboxDOM.click()\n    }\n  }\n  else {\n    const radioDOM = (event.target as Element)\n      .closest('tr')\n      .querySelector('input[type=\"radio\"]')\n    if (radioDOM instanceof HTMLElement) {\n      radioDOM.click()\n    }\n  }\n}\n\nfunction onClearSelectionClick() {\n  if (props.mode === 'multiple') {\n    emit('update:modelValue', [])\n    selectedFlatDataSource.value = []\n  }\n  else {\n    syncRadioSelection(null)\n    emit('update:modelValue', null)\n  }\n}\n\nfunction selectable(row: Record<string, any>, index: number) {\n  if (props.selectable && isFn(props.selectable)) {\n    return props.selectable(row, index, field.value)\n  }\n  return true\n}\n</script>\n\n<template>\n  <div :class=\"`${stylePrefix}-select-table`\">\n    <div\n      v-if=\"currentSelectLength > 0 && props.showAlertToolbar\"\n      :class=\"`${stylePrefix}-select-table-alert-container`\"\n    >\n      <span>已选择 {{ currentSelectLength }} 项</span>\n      <ElLink\n        type=\"primary\"\n        :underline=\"lt(version, '2.9.9') ? false : 'never'\"\n        style=\"margin-left: 8px;\"\n        @click=\"onClearSelectionClick\"\n      >\n        取消选择\n      </ElLink>\n    </div>\n    <ElTable\n      ref=\"elTableRef\"\n      v-loading=\"props.loading\"\n      v-bind=\"elTableProps\"\n      :row-key=\"rowKey\"\n      :row-class-name=\"props.clickRowToSelect ? `--click-row-select` : ''\"\n      :data=\"props.dataSource\"\n      :highlight-current-row=\"props.mode === 'single'\"\n      @select=\"onSelect\"\n      @select-all=\"onSelect\"\n      @row-click=\"onRowClick\"\n    >\n      <ElTableColumn\n        v-if=\"props.mode === 'multiple'\"\n        type=\"selection\"\n        :selectable=\"selectable\"\n      />\n      <ElTableColumn\n        v-else\n        width=\"46\"\n      >\n        <template #default=\"{ row }\">\n          <ElRadioGroup v-model=\"radioSelectedKey\" style=\"width: 100%;\">\n            <ElRadio\n              v-bind=\"compatibleRadioValue(row[rowKey])\"\n              @change=\"() => onRadioClick(row)\"\n            >\n              &nbsp;\n            </ElRadio>\n          </ElRadioGroup>\n        </template>\n      </ElTableColumn>\n      <template v-if=\"props.columns.length === 0\">\n        <slot />\n      </template>\n      <template v-else>\n        <ElTableColumn\n          v-for=\"colItem of props.columns\"\n          v-bind=\"colItem\"\n          :key=\"colItem.prop || colItem.type\"\n        />\n      </template>\n    </ElTable>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAYd,MAAM,OAAO;EAEb,MAAM,eAAe,UAAS;EAC9B,MAAM,QAAQ,UAAS;EACvB,MAAM,aAAa,KAAmB;EACtC,MAAM,mBAAmB,KAAI;EAE7B,SAAS,gBAAgB;AACvB,OAAI,CAAC,MAAM,OACT,OAAM,IAAI,MAAM,qBAAoB;AAEtC,UAAO,MAAM;;EAGf,SAAS,YAAY,MAAmC;AACtD,OAAI,CAAC,MAAM,UAAU,CAAC,KACpB;AAEF,UAAO,KAAK,MAAM;;EAGpB,SAAS,qBAAqB,OAAY;AACxC,OAAI,CAAC,QAAQ,MAAM,CACjB,QAAO;AAET,UAAO,MAAM,gBAAgB,YAAY,MAAM,IAAI,OAAO;;EAG5D,SAAS,wBAAwB,OAAY;AAC3C,OAAI,CAAC,MAAM,QAAQ,MAAM,CACvB,QAAO,EAAC;AAEV,UAAO,MACJ,KAAI,SAAQ,MAAM,gBAAgB,YAAY,KAAK,GAAG,KAAI,CAC1D,OAAO,QAAO;;EAGnB,SAAS,mBAAmB,MAAmC;AAC7D,oBAAiB,QAAQ,YAAY,KAAK,IAAI;AAC9C,cAAW,OAAO,cAAc,KAAI;;EAGtC,SAAS,qBAAqB,KAAa;AACzC,UAAO,GAAG,SAAS,QAAQ,GAAG,EAAE,OAAO,KAAK,GAAG,EAAE,OAAO,KAAI;;EAG9D,SAAS,yBAAyB;AAChC,OAAI,CAAC,QAAQ,MAAM,WAAW,CAC5B,QAAO,EAAC;AAGV,OAAI,MAAM,SAAS,YAAY;AAC7B,QAAI,CAAC,MAAM,QAAQ,MAAM,WAAW,CAClC,QAAO,EAAC;AAGV,WAAO,MAAM,WAAW,KAAK,SAAS;AACpC,SAAI,CAAC,MAAM,eAAe;AACxB,UAAI,CAAC,MAAM,OACT,QAAO;AAET,aAAO,GACJ,MAAM,SAAS,MAClB;;AAEF,YAAO;MACP,CAAC,OAAO,QAAO;UAEd;AACH,QAAI,MAAM,cACR,QAAO,CAAC,MAAM,WAAU;AAE1B,QAAI,CAAC,MAAM,OACT,QAAO,EAAC;AAEV,WAAO,CAAC,GAAG,MAAM,SAAS,MAAM,YAAY,CAAA;;;EAIhD,MAAM,yBAAyB,IADH,wBAAuB,CACG;EAEtD,IAAI,gBAAgB,EAAC;EAErB,MAAM,sBAAsB,eAAe;AACzC,OAAI,MAAM,SAAS,WACjB,QAAO,MAAM,QAAQ,MAAM,WAAW,GAAG,MAAM,WAAW,SAAS;OAGnE,QAAO,QAAQ,iBAAiB,MAAM,GAAG,IAAI;IAEhD;AAED,cACQ,MAAM,YACZ,YAAY;GACV,MAAM,eAAe,KACnB,uBAAuB,MAAM,KAAI,SAAQ,YAAY,KAAK,CAAC,CAAC,OAAO,QAAQ,CAC7E;AACA,SAAM,UAAS;AACf,QAAK,MAAM,QAAQ,MAAM,YAAY;IACnC,MAAM,UAAU,YAAY,KAAI;AAChC,QAAI,QAAQ,QAAQ,IAAI,aAAa,SAAS,QAAQ,CACpD,KAAI,MAAM,SAAS,WACjB,YAAW,OAAO,mBAAmB,MAAM,MAAM,MAAM,iBAAgB;QAGvE,oBAAmB,KAAI;AAG3B,UAAM,UAAS;AACf,oBAAgB,WAAW,OAAO,kBAAkB,IAAI,EAAC;;KAG7D,EAAE,WAAW,MAAM,CACrB;AAEA,cACQ,CAAC,MAAM,YAAY,MAAM,QAAQ,EACvC,OAAO,CAAC,OAAO,aAAa;AAC1B,OAAI,QACF;AAEF,OAAI,MAAM,SAAS,UAAU;IAC3B,MAAM,cAAc,qBAAqB,MAAK;AAC9C,qBAAiB,QAAQ;IACzB,MAAM,eAAe,MAAM,WAAW,MAAK,SAAQ,YAAY,KAAK,KAAK,YAAW;AACpF,eAAW,OAAO,cAAc,aAAY;UAEzC;AACH,UAAM,UAAS;IACf,MAAM,yBAAyB,WAAW,OACtC,kBAAiB,CAClB,KAAI,SAAQ,YAAY,KAAK,CAAA,CAC7B,OAAO,QAAQ,IAAI,EAAC;IACvB,MAAM,YAAY,wBAAwB,MAAK;AAC/C,2BAAuB,QAAQ,uBAAuB,MAAM,QAC1D,SAAQ,UAAU,SAAS,YAAY,KAAK,CAAC,CAC/C;AACA,QAAI,QAAQ,WAAW,uBAAuB,CAC5C;IAEF,MAAM,YAAY,IAAI,WAAW,uBAAsB;AACvD,SAAK,MAAM,aAAa,MAAM,YAAY;KACxC,MAAM,UAAU,YAAY,UAAS;AACrC,SAAI,QAAQ,QAAQ,IAAI,UAAU,SAAS,QAAQ,EAAE;MACnD,MAAM,eAAe,UAAU,SAAS,QAAO;AAC/C,iBAAW,OAAO,mBAAmB,WAAW,cAAc,MAAM,iBAAgB;;;;KAK5F,EACE,WAAW,MACZ,CACH;EAEA,SAAS,SAAS,cAAqC;GACrD,MAAM,SAAS,eAAc;GAE7B,MAAM,kBACF,cAAc,SAAS,aAAa,SAClC,eACE,eACA,eACC,UAAU,aAAa;AACtB,WAAO,SAAS,YAAY,SAAS;KAEzC,GACA,EAAC;AACP,mBAAgB,CAAC,GAAG,aAAY;AAChC,0BAAuB,QAAQ,SAC7B,CAAC,GAAG,uBAAuB,OAAO,GAAG,aAAa,GACjD,UAAU,aAAa;AACtB,WAAO,SAAS,YAAY,SAAS;KAEzC;AACA,OAAI,gBAAgB,SAAS,GAAG;IAC9B,MAAM,cAAc,KAAK,gBAAgB,KAAI,SAAQ,KAAK,QAAQ,CAAA;AAClE,WAAO,uBAAuB,QAAO,SACnC,YAAY,SAAS,KAAK,QAAQ,CAAA;;AAGtC,OAAI,MAAM,cACR,MAAK,qBAAqB,uBAAuB,MAAK;OAMtD,MAAK,qBAHgB,uBAAuB,MAAM,KAChD,SAAQ,KAAK,QACf,CACsC;;EAI1C,SAAS,aAAa,MAAM;GAC1B,MAAM,SAAS,eAAc;AAC7B,sBAAmB,KAAI;AACvB,OAAI,MAAM,cACR,MAAK,qBAAqB,KAAI;OAG9B,MAAK,qBAAqB,KAAK,QAAO;;EAI1C,SAAS,WAAW,KAA0B,GAAG,OAAc;AAC7D,OAAI,CAAC,MAAM,iBACT;AAEF,OAAI,MAAM,SAAS,YAAY;IAC7B,MAAM,cAAe,MAAM,OACxB,QAAQ,KAAI,CACZ,cAAc,2BAAwB;AACzC,QAAI,uBAAuB,YACzB,aAAY,OAAM;UAGjB;IACH,MAAM,WAAY,MAAM,OACrB,QAAQ,KAAI,CACZ,cAAc,wBAAqB;AACtC,QAAI,oBAAoB,YACtB,UAAS,OAAM;;;EAKrB,SAAS,wBAAwB;AAC/B,OAAI,MAAM,SAAS,YAAY;AAC7B,SAAK,qBAAqB,EAAE,CAAA;AAC5B,2BAAuB,QAAQ,EAAC;UAE7B;AACH,uBAAmB,KAAI;AACvB,SAAK,qBAAqB,KAAI;;;EAIlC,SAAS,WAAW,KAA0B,OAAe;AAC3D,OAAI,MAAM,cAAc,KAAK,MAAM,WAAW,CAC5C,QAAO,MAAM,WAAW,KAAK,OAAO,MAAM,MAAK;AAEjD,UAAO;;;uBAKP,mBA0DM,OAAA,EA1DA,OAAK,eAAA,GAAK,MAAA,YAAW,CAAA,eAAA,EAAA,EAAA,CAEjB,oBAAA,QAAmB,KAAQ,MAAM,oBAAA,WAAA,EADzC,mBAaM,OAAA;;IAXH,OAAK,eAAA,GAAK,MAAA,YAAW,CAAA,+BAAA;OAEtB,mBAA4C,QAAA,MAAtC,SAAI,gBAAG,oBAAA,MAAmB,GAAG,MAAE,EAAA,EACrC,YAOS,MAAA,OAAA,EAAA;IANP,MAAK;IACJ,WAAW,MAAA,GAAE,CAAC,MAAA,QAAO,EAAA,QAAA,GAAA,QAAA;IACtB,OAAA,EAAA,eAAA,OAAyB;IACxB,SAAO;;2BAGV,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFC,UAED,GAAA,CAAA,EAAA,CAAA;;+FAEF,YA0CU,MAAA,QAAA,EA1CV,WA0CU;aAzCJ;IAAJ,KAAI;MAEI,MAAA,aAAY,EAAA;IACnB,WAAS,QAAA;IACT,kBAAgB,MAAM,mBAAgB,uBAAA;IACtC,MAAM,MAAM;IACZ,yBAAuB,MAAM,SAAI;IACzB;IACR,aAAY;IACD;;2BAMV,CAHM,MAAM,SAAI,cAAA,WAAA,EADlB,YAIE,MAAA,cAAA,EAAA;;KAFA,MAAK;KACQ;wBAEf,YAcgB,MAAA,cAAA,EAAA;;KAZd,OAAM;;KAEK,SAAO,SAQD,EARK,UAAG,CACvB,YAOe,MAAA,aAAA,EAAA;kBAPQ,iBAAA;mEAAA,iBAAgB,QAAA;MAAE,OAAA,EAAA,SAAA,QAAoB;;6BAMjD,CALV,YAKU,MAAA,QAAA,EALV,WACU,qBAAqB,IAAI,QAAA,QAAM,EAAA,EACtC,gBAAc,aAAa,IAAG,EAAA,CAAA,EAAA;8BAGjC,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFC,UAED,GAAA,CAAA,EAAA,CAAA;;;;;;SAIU,MAAM,QAAQ,WAAM,IAClC,WAAQ,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,IAAA,UAAA,KAAA,EAGR,mBAIE,UAAA,EAAA,KAAA,GAAA,EAAA,WAHkB,MAAM,UAAjB,YAAO;yBADhB,YAIE,MAAA,cAAA,EAJF,WAIE,EAAA,SAAA,MAAA,EAFQ,SAAO,EACd,KAAK,QAAQ,QAAQ,QAAQ,MAAA,CAAA,EAAA,MAAA,GAAA;;;;;;;;2BArCvB,MAAM,QAAO,CAAA,CAAA,CAAA,EAAA,EAAA"}

package/esm/select-table/types.d.ts

@@ -0,0 +1,22 @@
+import { Column } from "element-plus";
+import { GeneralField } from "@formily/core";
+
+//#region src/select-table/types.d.ts
+interface ISelectTableProps {
+  columns?: Column<any>[];
+  mode?: 'multiple' | 'single';
+  dataSource?: any[];
+  optionAsValue?: boolean;
+  valueType?: 'all' | 'parent' | 'child' | 'path';
+  loading?: boolean;
+  rowKey: string;
+  clickRowToSelect?: boolean;
+  showAlertToolbar?: boolean;
+  modelValue?: any;
+  data?: Record<string, any>[];
+  selectable?: (row: Record<string, any>, index: number, field: GeneralField) => boolean;
+  ignoreSelectable?: boolean;
+}
+//#endregion
+export { ISelectTableProps };
+//# sourceMappingURL=types.d.ts.map