@tmagic/table 1.8.0-beta.2 → 1.8.0-beta.20

package/dist/tmagic-table.umd.cjs

@@ -1,12 +1,13 @@
 (function(global, factory) {
-	typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("@tmagic/design"), require("@tmagic/form"), require("@tmagic/utils")) : typeof define === "function" && define.amd ? define([
+	typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("@tmagic/design"), require("@element-plus/icons-vue"), require("@tmagic/form"), require("@tmagic/utils")) : typeof define === "function" && define.amd ? define([
 		"exports",
 		"vue",
 		"@tmagic/design",
+		"@element-plus/icons-vue",
 		"@tmagic/form",
 		"@tmagic/utils"
-	], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.TMagicTable = {}, global.Vue, global._tmagic_design, global._tmagic_form, global._tmagic_utils));
-})(this, function(exports, vue, _tmagic_design, _tmagic_form, _tmagic_utils) {
+	], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.TMagicTable = {}, global.Vue, global._tmagic_design, global._element_plus_icons_vue, global._tmagic_form, global._tmagic_utils));
+})(this, function(exports, vue, _tmagic_design, _element_plus_icons_vue, _tmagic_form, _tmagic_utils) {
 	Object.defineProperties(exports, {
 		__esModule: { value: true },
 		[Symbol.toStringTag]: { value: "Module" }
@@ -23,7 +24,7 @@
 	//#endregion
 	//#region node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Symbol.js
 	/** Built-in value references. */
-	var Symbol = root.Symbol;
+	var Symbol$1 = root.Symbol;
 	//#endregion
 	//#region node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_getRawTag.js
 	/** Used for built-in method references. */
@@ -37,7 +38,7 @@
 	*/
 	var nativeObjectToString$1 = objectProto$3.toString;
 	/** Built-in value references. */
-	var symToStringTag$1 = Symbol ? Symbol.toStringTag : void 0;
+	var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : void 0;
 	/**
 	* A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
 	*
@@ -77,9 +78,10 @@
 	//#endregion
 	//#region node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseGetTag.js
 	/** `Object#toString` result references. */
-	var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
+	var nullTag = "[object Null]";
+	var undefinedTag = "[object Undefined]";
 	/** Built-in value references. */
-	var symToStringTag = Symbol ? Symbol.toStringTag : void 0;
+	var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : void 0;
 	/**
 	* The base implementation of `getTag` without fallbacks for buggy environments.
 	*
@@ -180,7 +182,10 @@
 	//#endregion
 	//#region node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isFunction.js
 	/** `Object#toString` result references. */
-	var asyncTag = "[object AsyncFunction]", funcTag$2 = "[object Function]", genTag$1 = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
+	var asyncTag = "[object AsyncFunction]";
+	var funcTag$2 = "[object Function]";
+	var genTag$1 = "[object GeneratorFunction]";
+	var proxyTag = "[object Proxy]";
 	/**
 	* Checks if `value` is classified as a `Function` object.
 	*
@@ -256,7 +261,8 @@
 	/** Used to detect host constructors (Safari). */
 	var reIsHostCtor = /^\[object .+?Constructor\]$/;
 	/** Used for built-in method references. */
-	var funcProto = Function.prototype, objectProto$2 = Object.prototype;
+	var funcProto = Function.prototype;
+	var objectProto$2 = Object.prototype;
 	/** Used to resolve the decompiled source of functions. */
 	var funcToString = funcProto.toString;
 	/** Used to check objects for own properties. */
@@ -674,8 +680,30 @@
 	//#endregion
 	//#region node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseIsTypedArray.js
 	/** `Object#toString` result references. */
-	var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag$2 = "[object Boolean]", dateTag$2 = "[object Date]", errorTag$1 = "[object Error]", funcTag$1 = "[object Function]", mapTag$4 = "[object Map]", numberTag$2 = "[object Number]", objectTag$2 = "[object Object]", regexpTag$2 = "[object RegExp]", setTag$4 = "[object Set]", stringTag$2 = "[object String]", weakMapTag$2 = "[object WeakMap]";
-	var arrayBufferTag$2 = "[object ArrayBuffer]", dataViewTag$3 = "[object DataView]", float32Tag$2 = "[object Float32Array]", float64Tag$2 = "[object Float64Array]", int8Tag$2 = "[object Int8Array]", int16Tag$2 = "[object Int16Array]", int32Tag$2 = "[object Int32Array]", uint8Tag$2 = "[object Uint8Array]", uint8ClampedTag$2 = "[object Uint8ClampedArray]", uint16Tag$2 = "[object Uint16Array]", uint32Tag$2 = "[object Uint32Array]";
+	var argsTag$1 = "[object Arguments]";
+	var arrayTag$1 = "[object Array]";
+	var boolTag$2 = "[object Boolean]";
+	var dateTag$2 = "[object Date]";
+	var errorTag$1 = "[object Error]";
+	var funcTag$1 = "[object Function]";
+	var mapTag$4 = "[object Map]";
+	var numberTag$2 = "[object Number]";
+	var objectTag$2 = "[object Object]";
+	var regexpTag$2 = "[object RegExp]";
+	var setTag$4 = "[object Set]";
+	var stringTag$2 = "[object String]";
+	var weakMapTag$2 = "[object WeakMap]";
+	var arrayBufferTag$2 = "[object ArrayBuffer]";
+	var dataViewTag$3 = "[object DataView]";
+	var float32Tag$2 = "[object Float32Array]";
+	var float64Tag$2 = "[object Float64Array]";
+	var int8Tag$2 = "[object Int8Array]";
+	var int16Tag$2 = "[object Int16Array]";
+	var int32Tag$2 = "[object Int32Array]";
+	var uint8Tag$2 = "[object Uint8Array]";
+	var uint8ClampedTag$2 = "[object Uint8ClampedArray]";
+	var uint16Tag$2 = "[object Uint16Array]";
+	var uint32Tag$2 = "[object Uint32Array]";
 	/** Used to identify `toStringTag` values of typed arrays. */
 	var typedArrayTags = {};
 	typedArrayTags[float32Tag$2] = typedArrayTags[float64Tag$2] = typedArrayTags[int8Tag$2] = typedArrayTags[int16Tag$2] = typedArrayTags[int32Tag$2] = typedArrayTags[uint8Tag$2] = typedArrayTags[uint8ClampedTag$2] = typedArrayTags[uint16Tag$2] = typedArrayTags[uint32Tag$2] = true;
@@ -1411,7 +1439,8 @@
 	/** Detect free variable `module`. */
 	var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
 	/** Built-in value references. */
-	var Buffer = freeModule && freeModule.exports === freeExports ? root.Buffer : void 0, allocUnsafe = Buffer ? Buffer.allocUnsafe : void 0;
+	var Buffer = freeModule && freeModule.exports === freeExports ? root.Buffer : void 0;
+	var allocUnsafe = Buffer ? Buffer.allocUnsafe : void 0;
 	/**
 	* Creates a clone of  `buffer`.
 	*
@@ -1584,10 +1613,18 @@
 	//#endregion
 	//#region node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_getTag.js
 	/** `Object#toString` result references. */
-	var mapTag$3 = "[object Map]", objectTag$1 = "[object Object]", promiseTag = "[object Promise]", setTag$3 = "[object Set]", weakMapTag$1 = "[object WeakMap]";
+	var mapTag$3 = "[object Map]";
+	var objectTag$1 = "[object Object]";
+	var promiseTag = "[object Promise]";
+	var setTag$3 = "[object Set]";
+	var weakMapTag$1 = "[object WeakMap]";
 	var dataViewTag$2 = "[object DataView]";
 	/** Used to detect maps, sets, and weakmaps. */
-	var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set), weakMapCtorString = toSource(WeakMap);
+	var dataViewCtorString = toSource(DataView);
+	var mapCtorString = toSource(Map);
+	var promiseCtorString = toSource(Promise$1);
+	var setCtorString = toSource(Set);
+	var weakMapCtorString = toSource(WeakMap);
 	/**
 	* Gets the `toStringTag` of `value`.
 	*
@@ -1678,7 +1715,8 @@
 	//#endregion
 	//#region node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_cloneSymbol.js
 	/** Used to convert symbols to primitives and strings. */
-	var symbolProto = Symbol ? Symbol.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
+	var symbolProto = Symbol$1 ? Symbol$1.prototype : void 0;
+	var symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
 	/**
 	* Creates a clone of the `symbol` object.
 	*
@@ -1706,8 +1744,25 @@
 	//#endregion
 	//#region node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_initCloneByTag.js
 	/** `Object#toString` result references. */
-	var boolTag$1 = "[object Boolean]", dateTag$1 = "[object Date]", mapTag$2 = "[object Map]", numberTag$1 = "[object Number]", regexpTag$1 = "[object RegExp]", setTag$2 = "[object Set]", stringTag$1 = "[object String]", symbolTag$1 = "[object Symbol]";
-	var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView]", float32Tag$1 = "[object Float32Array]", float64Tag$1 = "[object Float64Array]", int8Tag$1 = "[object Int8Array]", int16Tag$1 = "[object Int16Array]", int32Tag$1 = "[object Int32Array]", uint8Tag$1 = "[object Uint8Array]", uint8ClampedTag$1 = "[object Uint8ClampedArray]", uint16Tag$1 = "[object Uint16Array]", uint32Tag$1 = "[object Uint32Array]";
+	var boolTag$1 = "[object Boolean]";
+	var dateTag$1 = "[object Date]";
+	var mapTag$2 = "[object Map]";
+	var numberTag$1 = "[object Number]";
+	var regexpTag$1 = "[object RegExp]";
+	var setTag$2 = "[object Set]";
+	var stringTag$1 = "[object String]";
+	var symbolTag$1 = "[object Symbol]";
+	var arrayBufferTag$1 = "[object ArrayBuffer]";
+	var dataViewTag$1 = "[object DataView]";
+	var float32Tag$1 = "[object Float32Array]";
+	var float64Tag$1 = "[object Float64Array]";
+	var int8Tag$1 = "[object Int8Array]";
+	var int16Tag$1 = "[object Int16Array]";
+	var int32Tag$1 = "[object Int32Array]";
+	var uint8Tag$1 = "[object Uint8Array]";
+	var uint8ClampedTag$1 = "[object Uint8ClampedArray]";
+	var uint16Tag$1 = "[object Uint16Array]";
+	var uint32Tag$1 = "[object Uint32Array]";
 	/**
 	* Initializes an object clone based on its `toStringTag`.
 	*
@@ -1829,10 +1884,36 @@
 	//#endregion
 	//#region node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseClone.js
 	/** Used to compose bitmasks for cloning. */
-	var CLONE_DEEP_FLAG$1 = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG$1 = 4;
+	var CLONE_DEEP_FLAG$1 = 1;
+	var CLONE_FLAT_FLAG = 2;
+	var CLONE_SYMBOLS_FLAG$1 = 4;
 	/** `Object#toString` result references. */
-	var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag = "[object Map]", numberTag = "[object Number]", objectTag = "[object Object]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]", weakMapTag = "[object WeakMap]";
-	var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
+	var argsTag = "[object Arguments]";
+	var arrayTag = "[object Array]";
+	var boolTag = "[object Boolean]";
+	var dateTag = "[object Date]";
+	var errorTag = "[object Error]";
+	var funcTag = "[object Function]";
+	var genTag = "[object GeneratorFunction]";
+	var mapTag = "[object Map]";
+	var numberTag = "[object Number]";
+	var objectTag = "[object Object]";
+	var regexpTag = "[object RegExp]";
+	var setTag = "[object Set]";
+	var stringTag = "[object String]";
+	var symbolTag = "[object Symbol]";
+	var weakMapTag = "[object WeakMap]";
+	var arrayBufferTag = "[object ArrayBuffer]";
+	var dataViewTag = "[object DataView]";
+	var float32Tag = "[object Float32Array]";
+	var float64Tag = "[object Float64Array]";
+	var int8Tag = "[object Int8Array]";
+	var int16Tag = "[object Int16Array]";
+	var int32Tag = "[object Int32Array]";
+	var uint8Tag = "[object Uint8Array]";
+	var uint8ClampedTag = "[object Uint8ClampedArray]";
+	var uint16Tag = "[object Uint16Array]";
+	var uint32Tag = "[object Uint32Array]";
 	/** Used to identify `toStringTag` values supported by `_.clone`. */
 	var cloneableTags = {};
 	cloneableTags[argsTag] = cloneableTags[arrayTag] = cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] = cloneableTags[boolTag] = cloneableTags[dateTag] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag] = cloneableTags[numberTag] = cloneableTags[objectTag] = cloneableTags[regexpTag] = cloneableTags[setTag] = cloneableTags[stringTag] = cloneableTags[symbolTag] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
@@ -1896,7 +1977,8 @@
 	//#endregion
 	//#region node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/cloneDeep.js
 	/** Used to compose bitmasks for cloning. */
-	var CLONE_DEEP_FLAG = 1, CLONE_SYMBOLS_FLAG = 4;
+	var CLONE_DEEP_FLAG = 1;
+	var CLONE_SYMBOLS_FLAG = 4;
 	/**
 	* This method is like `_.clone` except that it recursively clones `value`.
 	*
@@ -1919,8 +2001,117 @@
 		return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
 	}
 	//#endregion
+	//#region packages/table/src/actionHelpers.ts
+	var display = (fuc, row) => {
+		if (typeof fuc === "function") return fuc(row);
+		if (typeof fuc === "boolean") return fuc;
+		return true;
+	};
+	var disabled = (fuc, row) => {
+		if (typeof fuc === "function") return fuc(row);
+		if (typeof fuc === "boolean") return fuc;
+		return false;
+	};
+	var formatActionText = (fuc, row) => {
+		if (typeof fuc === "function") return fuc(row);
+		return fuc;
+	};
+	//#endregion
+	//#region packages/table/src/ActionButton.vue
+	var ActionButton_default = (0, vue.defineComponent)({
+		name: "MTableActionButton",
+		props: {
+			action: {
+				type: Object,
+				required: true
+			},
+			row: {
+				type: null,
+				required: true
+			},
+			index: {
+				type: Number,
+				required: true
+			},
+			btnClass: {
+				type: String,
+				default: "action-btn"
+			},
+			visible: {
+				type: Boolean,
+				default: true
+			}
+		},
+		emits: ["click"],
+		setup(props, { emit }) {
+			const onClick = () => emit("click", props.action, props.row, props.index);
+			return () => {
+				const button = (0, vue.withDirectives)((0, vue.h)(_tmagic_design.TMagicButton, {
+					class: props.btnClass,
+					link: true,
+					size: "small",
+					type: props.action.buttonType || "primary",
+					icon: props.action.icon,
+					disabled: disabled(props.action.disabled, props.row),
+					onClick
+				}, () => (0, vue.h)("span", { innerHTML: formatActionText(props.action.text, props.row) })), [[vue.vShow, props.visible]]);
+				if (!props.action.tooltip) return button;
+				return (0, vue.h)(_tmagic_design.TMagicTooltip, {
+					placement: props.action.tooltipPlacement || "top",
+					content: props.action.tooltip
+				}, () => button);
+			};
+		}
+	});
+	//#endregion
+	//#region packages/table/src/ActionPopconfirm.vue
+	var ActionPopconfirm_default = /* @__PURE__ */ (0, vue.defineComponent)({
+		name: "MTableActionPopconfirm",
+		__name: "ActionPopconfirm",
+		props: {
+			action: {},
+			row: {},
+			index: {},
+			btnClass: { default: "action-btn" },
+			visible: {
+				type: Boolean,
+				default: true
+			}
+		},
+		emits: ["confirm"],
+		setup(__props, { emit: __emit }) {
+			const props = __props;
+			const emit = __emit;
+			const onConfirm = () => emit("confirm", props.action, props.row, props.index);
+			return (_ctx, _cache) => {
+				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicPopconfirm), {
+					placement: "top",
+					width: __props.action.popconfirmWidth,
+					title: (0, vue.unref)(formatActionText)(__props.action.confirmText, __props.row) || "确定执行此操作？",
+					onConfirm
+				}, {
+					reference: (0, vue.withCtx)(() => [(0, vue.createVNode)(ActionButton_default, {
+						action: __props.action,
+						row: __props.row,
+						index: __props.index,
+						"btn-class": __props.btnClass,
+						visible: __props.visible
+					}, null, 8, [
+						"action",
+						"row",
+						"index",
+						"btn-class",
+						"visible"
+					])]),
+					_: 1
+				}, 8, ["width", "title"]);
+			};
+		}
+	});
+	//#endregion
 	//#region packages/table/src/ActionsColumn.vue?vue&type=script&setup=true&lang.ts
-	var _hoisted_1$2 = ["innerHTML"];
+	var _hoisted_1$2 = { class: "tmagic-table-sub-actions" };
+	var activePopoverId = (0, vue.ref)(null);
 	//#endregion
 	//#region packages/table/src/ActionsColumn.vue
 	var ActionsColumn_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -1935,28 +2126,27 @@
 			index: {}
 		},
 		emits: ["after-action", "after-action-cancel"],
-		setup(__props, { emit: __emit }) {
+		setup(__props, { expose: __expose, emit: __emit }) {
 			const props = __props;
-			const emit = __emit;
-			const display = (fuc, row) => {
-				if (typeof fuc === "function") return fuc(row);
-				if (typeof fuc === "boolean") return fuc;
-				return true;
-			};
-			const disabled = (fuc, row) => {
-				if (typeof fuc === "function") return fuc(row);
-				if (typeof fuc === "boolean") return fuc;
-				return false;
-			};
-			const formatter = (fuc, row) => {
-				if (typeof fuc === "function") return fuc(row);
-				return fuc;
+			const popoverId = Symbol("sub-actions-popover");
+			const popoverVisible = (0, vue.ref)(false);
+			(0, vue.watch)(popoverVisible, (visible) => {
+				if (visible) activePopoverId.value = popoverId;
+				else if (activePopoverId.value === popoverId) activePopoverId.value = null;
+			});
+			(0, vue.watch)(activePopoverId, (id) => {
+				if (id !== popoverId && popoverVisible.value) popoverVisible.value = false;
+			});
+			const togglePopover = () => {
+				popoverVisible.value = !popoverVisible.value;
 			};
+			const emit = __emit;
 			const actionHandler = async (action, row, index) => {
 				await action.before?.(row, index);
 				if (action.type === "edit") props.editState[index] = cloneDeep(row);
 				else await action.handler?.(row, index);
-				action.after?.(row, index);
+				await action.after?.(row, index);
+				popoverVisible.value = false;
 			};
 			const save = async (index, config) => {
 				const action = config.actions?.find((item) => item.type === "edit")?.action;
@@ -1981,47 +2171,103 @@
 				if (cancel) await cancel({ index });
 				emit("after-action-cancel", { index });
 			};
+			__expose({
+				actionHandler,
+				save,
+				cancel
+			});
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [
 					((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.config.actions, (action, actionIndex) => {
-						return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicTooltip), {
-							placement: action.tooltipPlacement || "top",
-							key: actionIndex,
-							disabled: !Boolean(action.tooltip),
-							content: action.tooltip
+						return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: actionIndex }, [action.popconfirm ? ((0, vue.openBlock)(), (0, vue.createBlock)(ActionPopconfirm_default, {
+							key: 0,
+							action,
+							row: __props.row,
+							index: __props.index,
+							visible: (0, vue.unref)(display)(action.display, __props.row) && !__props.editState[__props.index],
+							onConfirm: actionHandler
+						}, null, 8, [
+							"action",
+							"row",
+							"index",
+							"visible"
+						])) : action.type === "sub-actions" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicPopover), {
+							key: 1,
+							visible: popoverVisible.value,
+							"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => popoverVisible.value = $event),
+							trigger: "click",
+							placement: action.subActionConfig?.placement || "bottom",
+							width: action.subActionConfig?.popoverWidth,
+							"popper-class": action.subActionConfig?.popoverClass,
+							"destroy-on-close": action.subActionConfig?.popoverDestroyOnClose ?? true,
+							onClickoutside: _cache[1] || (_cache[1] = ($event) => popoverVisible.value = false)
 						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
+							reference: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
 								class: "action-btn",
 								link: "",
 								size: "small",
 								type: action.buttonType || "primary",
-								icon: action.icon,
-								disabled: disabled(action.disabled, __props.row),
-								onClick: ($event) => actionHandler(action, __props.row, __props.index)
-							}, {
-								default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", { innerHTML: formatter(action.text, __props.row) }, null, 8, _hoisted_1$2)]),
-								_: 2
-							}, 1032, [
-								"type",
-								"icon",
-								"disabled",
-								"onClick"
-							]), [[vue.vShow, display(action.display, __props.row) && !__props.editState[__props.index]]])]),
+								icon: popoverVisible.value ? (0, vue.unref)(_element_plus_icons_vue.ArrowDown) : (0, vue.unref)(_element_plus_icons_vue.ArrowRight),
+								onClick: (0, vue.withModifiers)(togglePopover, ["stop"])
+							}, null, 8, ["type", "icon"]), [[vue.vShow, action.subActionConfig?.items?.length && (0, vue.unref)(display)(action.display, __props.row) && !__props.editState[__props.index]]])]),
+							default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1$2, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(action.subActionConfig?.items, (subAction, subIndex) => {
+								return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: subIndex }, [subAction.popconfirm ? ((0, vue.openBlock)(), (0, vue.createBlock)(ActionPopconfirm_default, {
+									key: 0,
+									action: subAction,
+									row: __props.row,
+									index: __props.index,
+									"btn-class": "sub-action-btn",
+									visible: (0, vue.unref)(display)(subAction.display, __props.row),
+									onConfirm: actionHandler
+								}, null, 8, [
+									"action",
+									"row",
+									"index",
+									"visible"
+								])) : ((0, vue.openBlock)(), (0, vue.createBlock)(ActionButton_default, {
+									key: 1,
+									action: subAction,
+									row: __props.row,
+									index: __props.index,
+									"btn-class": "sub-action-btn",
+									visible: (0, vue.unref)(display)(subAction.display, __props.row),
+									onClick: actionHandler
+								}, null, 8, [
+									"action",
+									"row",
+									"index",
+									"visible"
+								]))], 64);
+							}), 128))])]),
 							_: 2
 						}, 1032, [
+							"visible",
 							"placement",
-							"disabled",
-							"content"
-						]);
+							"width",
+							"popper-class",
+							"destroy-on-close"
+						])) : ((0, vue.openBlock)(), (0, vue.createBlock)(ActionButton_default, {
+							key: 2,
+							action,
+							row: __props.row,
+							index: __props.index,
+							visible: (0, vue.unref)(display)(action.display, __props.row) && !__props.editState[__props.index],
+							onClick: actionHandler
+						}, null, 8, [
+							"action",
+							"row",
+							"index",
+							"visible"
+						]))], 64);
 					}), 128)),
 					(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
 						class: "action-btn",
 						link: "",
 						type: "primary",
 						size: "small",
-						onClick: _cache[0] || (_cache[0] = ($event) => save(__props.index, __props.config))
+						onClick: _cache[2] || (_cache[2] = ($event) => save(__props.index, __props.config))
 					}, {
-						default: (0, vue.withCtx)(() => [..._cache[2] || (_cache[2] = [(0, vue.createTextVNode)("保存", -1)])]),
+						default: (0, vue.withCtx)(() => [..._cache[4] || (_cache[4] = [(0, vue.createTextVNode)("保存", -1)])]),
 						_: 1
 					}, 512), [[vue.vShow, __props.editState[__props.index]]]),
 					(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicButton), {
@@ -2029,9 +2275,9 @@
 						link: "",
 						type: "danger",
 						size: "small",
-						onClick: _cache[1] || (_cache[1] = ($event) => cancel(__props.index, __props.config))
+						onClick: _cache[3] || (_cache[3] = ($event) => cancel(__props.index, __props.config))
 					}, {
-						default: (0, vue.withCtx)(() => [..._cache[3] || (_cache[3] = [(0, vue.createTextVNode)("取消", -1)])]),
+						default: (0, vue.withCtx)(() => [..._cache[5] || (_cache[5] = [(0, vue.createTextVNode)("取消", -1)])]),
 						_: 1
 					}, 512), [[vue.vShow, __props.editState[__props.index]]])
 				], 64);
@@ -2039,6 +2285,16 @@
 		}
 	});
 	//#endregion
+	//#region packages/table/src/componentHelpers.ts
+	var resolveComponentProps = (config, row, index) => {
+		if (typeof config.props === "function") return config.props(row, index) || {};
+		return config.props || {};
+	};
+	var resolveComponentListeners = (config, row, index) => {
+		if (typeof config.listeners === "function") return config.listeners(row, index) || {};
+		return config.listeners || {};
+	};
+	//#endregion
 	//#region packages/table/src/ComponentColumn.vue
 	var ComponentColumn_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		name: "MTableColumn",
@@ -2049,17 +2305,8 @@
 			index: {}
 		},
 		setup(__props) {
-			const props = __props;
-			const componentProps = (row, index) => {
-				if (typeof props.config.props === "function") return props.config.props(row, index) || {};
-				return props.config.props || {};
-			};
-			const componentListeners = (row, index) => {
-				if (typeof props.config.listeners === "function") return props.config.listeners(row, index) || {};
-				return props.config.listeners || {};
-			};
 			return (_ctx, _cache) => {
-				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.config.component), (0, vue.mergeProps)(componentProps(__props.row, __props.index), (0, vue.toHandlers)(componentListeners(__props.row, __props.index))), null, 16);
+				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.config.component), (0, vue.mergeProps)((0, vue.unref)(resolveComponentProps)(__props.config, __props.row, __props.index), (0, vue.toHandlers)((0, vue.unref)(resolveComponentListeners)(__props.config, __props.row, __props.index))), null, 16);
 			};
 		}
 	});
@@ -2165,6 +2412,13 @@
 		}
 	});
 	//#endregion
+	//#region packages/table/src/formHelpers.ts
+	var applyInlineEditChange = (target, eventData) => {
+		if (eventData.changeRecords?.length) {
+			for (const record of eventData.changeRecords) if (record.propPath) (0, _tmagic_utils.setValueByKeyPath)(record.propPath, record.value, target);
+		}
+	};
+	//#endregion
 	//#region packages/table/src/TextColumn.vue?vue&type=script&setup=true&lang.ts
 	var _hoisted_1 = { key: 0 };
 	var _hoisted_2 = ["innerHTML"];
@@ -2186,9 +2440,7 @@
 		setup(__props) {
 			const props = __props;
 			const formChangeHandler = (v, eventData) => {
-				if (eventData.changeRecords?.length) {
-					for (const record of eventData.changeRecords) if (record.propPath) (0, _tmagic_utils.setValueByKeyPath)(record.propPath, record.value, props.editState[props.index]);
-				}
+				applyInlineEditChange(props.editState[props.index], eventData);
 			};
 			return (_ctx, _cache) => {
 				return __props.config.type === "index" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, (0, vue.toDisplayString)(__props.config.pageIndex && __props.config.pageSize ? __props.config.pageIndex * __props.config.pageSize + __props.index + 1 : __props.index + 1), 1)) : (__props.config.type || __props.config.editInlineFormConfig) && __props.editState[__props.index] ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_form.MForm), {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.8.0-beta.2",
+  "version": "1.8.0-beta.20",
   "name": "@tmagic/table",
   "type": "module",
   "sideEffects": [
@@ -37,17 +37,19 @@
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
   "dependencies": {
+    "@element-plus/icons-vue": "^2.3.2",
     "lodash-es": "^4.17.21"
   },
   "devDependencies": {
-    "@types/lodash-es": "^4.17.4"
+    "@types/lodash-es": "^4.17.4",
+    "@vue/test-utils": "^2.4.6"
   },
   "peerDependencies": {
-    "vue": "^3.5.34",
+    "vue": "^3.5.40",
     "typescript": "^6.0.3",
-    "@tmagic/design": "1.8.0-beta.2",
-    "@tmagic/form": "1.8.0-beta.2",
-    "@tmagic/utils": "1.8.0-beta.2"
+    "@tmagic/design": "1.8.0-beta.20",
+    "@tmagic/utils": "1.8.0-beta.20",
+    "@tmagic/form": "1.8.0-beta.20"
   },
   "peerDependenciesMeta": {
     "typescript": {