@tmagic/table 1.8.0-manmanyu.26 → 1.8.0-manmanyu.28

package/dist/es/ActionButton.js

@@ -1,5 +1,5 @@
-import ActionButton_vue_vue_type_script_setup_true_lang_default from "./ActionButton.vue_vue_type_script_setup_true_lang.js";
+import ActionButton_vue_vue_type_script_lang_default from "./ActionButton.vue_vue_type_script_lang.js";
 //#region packages/table/src/ActionButton.vue
-var ActionButton_default = ActionButton_vue_vue_type_script_setup_true_lang_default;
+var ActionButton_default = ActionButton_vue_vue_type_script_lang_default;
 //#endregion
 export { ActionButton_default as default };

package/dist/es/ActionButton.vue_vue_type_script_lang.js

@@ -0,0 +1,51 @@
+import { disabled, formatActionText } from "./actionHelpers.js";
+import { defineComponent, h, vShow, withDirectives } from "vue";
+import { TMagicButton, TMagicTooltip } from "@tmagic/design";
+//#region packages/table/src/ActionButton.vue?vue&type=script&lang.ts
+var ActionButton_vue_vue_type_script_lang_default = 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 = withDirectives(h(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
+			}, () => h("span", { innerHTML: formatActionText(props.action.text, props.row) })), [[vShow, props.visible]]);
+			if (!props.action.tooltip) return button;
+			return h(TMagicTooltip, {
+				placement: props.action.tooltipPlacement || "top",
+				content: props.action.tooltip
+			}, () => button);
+		};
+	}
+});
+//#endregion
+export { ActionButton_vue_vue_type_script_lang_default as default };

package/dist/es/ActionsColumn.js

@@ -1,5 +1,4 @@
 import ActionsColumn_vue_vue_type_script_setup_true_lang_default from "./ActionsColumn.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                              */
 //#region packages/table/src/ActionsColumn.vue
 var ActionsColumn_default = ActionsColumn_vue_vue_type_script_setup_true_lang_default;
 //#endregion

package/dist/es/ActionsColumn.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,7 @@ import { cloneDeep } from "lodash-es";
 import { TMagicButton, TMagicPopover, tMagicMessage } from "@tmagic/design";
 import { ArrowDown, ArrowRight } from "@element-plus/icons-vue";
 //#region packages/table/src/ActionsColumn.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "sub-actions" };
+var _hoisted_1 = { class: "tmagic-table-sub-actions" };
 var ActionsColumn_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MTableActionsColumn",
 	__name: "ActionsColumn",
@@ -83,7 +83,7 @@ var ActionsColumn_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						placement: action.subActionConfig?.placement || "bottom",
 						width: action.subActionConfig?.popoverWidth,
 						"popper-class": action.subActionConfig?.popoverClass,
-						"destroy-on-close": action.subActionConfig?.popoverDestroyOnClose
+						"destroy-on-close": action.subActionConfig?.popoverDestroyOnClose ?? true
 					}, {
 						reference: withCtx(() => [withDirectives(createVNode(unref(TMagicButton), {
 							class: "action-btn",

package/dist/es/style.css

@@ -1,18 +1,4 @@
-.sub-actions {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  align-items: flex-start;
-}
-.sub-actions .sub-action-btn {
-  width: 100%;
-}
-.sub-actions .tmagic-design-button + .tmagic-design-button {
-  margin-left: 0;
-}
-.sub-actions .tmagic-design-button {
-  justify-content: flex-start;
-}.m-table .el-button.action-btn + .el-button.action-btn {
+.m-table .el-button.action-btn + .el-button.action-btn {
   margin-left: 0;
 }
 .m-table .keep-all {
@@ -24,4 +10,20 @@
 }
 .m-table .el-table__row.el-table__row--level-1 {
   color: #999;
+}
+
+.tmagic-table-sub-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  align-items: flex-start;
+}
+.tmagic-table-sub-actions .sub-action-btn {
+  width: 100%;
+}
+.tmagic-table-sub-actions .tmagic-design-button + .tmagic-design-button {
+  margin-left: 0;
+}
+.tmagic-table-sub-actions .tmagic-design-button {
+  justify-content: flex-start;
 }/*$vite$:1*/

package/dist/style.css

@@ -1,18 +1,4 @@
-.sub-actions {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  align-items: flex-start;
-}
-.sub-actions .sub-action-btn {
-  width: 100%;
-}
-.sub-actions .tmagic-design-button + .tmagic-design-button {
-  margin-left: 0;
-}
-.sub-actions .tmagic-design-button {
-  justify-content: flex-start;
-}.m-table .el-button.action-btn + .el-button.action-btn {
+.m-table .el-button.action-btn + .el-button.action-btn {
   margin-left: 0;
 }
 .m-table .keep-all {
@@ -24,4 +10,20 @@
 }
 .m-table .el-table__row.el-table__row--level-1 {
   color: #999;
+}
+
+.tmagic-table-sub-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  align-items: flex-start;
+}
+.tmagic-table-sub-actions .sub-action-btn {
+  width: 100%;
+}
+.tmagic-table-sub-actions .tmagic-design-button + .tmagic-design-button {
+  margin-left: 0;
+}
+.tmagic-table-sub-actions .tmagic-design-button {
+  justify-content: flex-start;
 }/*$vite$:1*/