@tmagic/table 1.8.0-manmanyu.27 → 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 };