@tmagic/table 1.0.0-beta.2 → 1.0.0-beta.3

package/package.json

@@ -1,6 +1,7 @@
 {
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.3",
   "name": "@tmagic/table",
+  "sideEffects": false,
   "main": "dist/tmagic-table.umd.js",
   "module": "dist/tmagic-table.es.js",
   "types": "dist/types/src/index.d.ts",
@@ -25,7 +26,7 @@
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
   "dependencies": {
-    "@tmagic/form": "^1.0.0-beta.2",
+    "@tmagic/form": "^1.0.0-beta.3",
     "element-plus": "^2.0.2",
     "lodash-es": "^4.17.21",
     "vue": "^3.2.0"

package/dist/style.css

@@ -1,16 +0,0 @@
-.m-table .el-button.action-btn {
-  margin-right: 10px;
-}
-.m-table .el-button.action-btn + .el-button.action-btn {
-  margin-left: 0;
-}
-.m-table .keep-all {
-  word-break: keep-all;
-}
-.m-table .el-table .cell > div {
-  display: inline-block;
-  vertical-align: middle;
-}
-.m-table .el-table__row.el-table__row--level-1 {
-  color: #999;
-}

package/dist/tmagic-table.es.js

@@ -1,570 +0,0 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, withDirectives, vShow, createVNode, createTextVNode, createCommentVNode, toDisplayString, createElementVNode } from 'vue';
-import { cloneDeep } from 'lodash-es';
-import { ElMessage, ElMessageBox } from 'element-plus';
-import { MForm } from '@tmagic/form';
-import { datetimeFormatter } from '@tmagic/utils';
-
-const _hoisted_1$1 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58");
-const _hoisted_2$1 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  props: {
-    columns: {
-      type: Array,
-      require: true,
-      default: () => []
-    },
-    config: {
-      type: Object,
-      require: true,
-      default: () => {
-      }
-    },
-    rowkeyName: {
-      type: String,
-      default: "c_id"
-    },
-    editState: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  emits: ["afterAction"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const display = (fuc, row) => {
-      if (typeof fuc === "function") {
-        return fuc.call(this, this, row);
-      }
-      return true;
-    };
-    const success = (msg, action) => {
-      ElMessage.success(msg);
-      action.after?.();
-    };
-    const error = (msg) => ElMessage.error(msg);
-    const deleteAction = async (action, row) => {
-      await ElMessageBox.confirm(`\u786E\u8BA4\u5220\u9664${row[action.name || "c_name"]}(${row[props.rowkeyName]})?`, "\u63D0\u793A", {
-        confirmButtonText: "\u786E\u5B9A",
-        cancelButtonText: "\u53D6\u6D88",
-        type: "warning"
-      });
-      const res = await action.handler?.(row);
-      if (res.ret === 0) {
-        success("\u5220\u9664\u6210\u529F!", action);
-      } else {
-        error(res.msg || "\u5220\u9664\u5931\u8D25");
-      }
-    };
-    const copyHandler = async (action, row) => {
-      await ElMessageBox.confirm(`\u786E\u5B9A\u590D\u5236${row[action.name || "c_name"]}(${row.c_id})?`, "\u63D0\u793A", {
-        confirmButtonText: "\u786E\u5B9A",
-        cancelButtonText: "\u53D6\u6D88",
-        type: "warning"
-      });
-      try {
-        const res = await action.handler?.(row);
-        if (res.ret === 0) {
-          success("\u590D\u5236\u6210\u529F!", action);
-        } else {
-          error(`\u590D\u5236\u5931\u8D25!${res.msg}`);
-        }
-      } catch (e) {
-        error("\u590D\u5236\u5931\u8D25!");
-      }
-    };
-    const actionHandler = async (action, row, index) => {
-      if (action.type === "delete") {
-        await deleteAction(action, row);
-      } else if (action.type === "copy") {
-        await copyHandler(action, row);
-      } else if (action.type === "edit") {
-        props.editState[index] = row;
-      } else {
-        await action.handler?.(row);
-        action.after?.();
-      }
-    };
-    const save = async (index, config) => {
-      const action = config.actions?.find((item) => item.type === "edit")?.action;
-      if (!action)
-        return;
-      const data = {};
-      const row = props.editState[index];
-      props.columns.filter((item) => item.type).forEach((column) => {
-        data[column.prop] = row[column.prop];
-      });
-      const res = await action({
-        data
-      });
-      if (res) {
-        if (res.ret === 0) {
-          ElMessage.success("\u4FDD\u5B58\u6210\u529F");
-          props.editState[index] = void 0;
-          emit("afterAction");
-        } else {
-          ElMessage.error({
-            duration: 1e4,
-            showClose: true,
-            dangerouslyUseHTMLString: true,
-            message: res.msg || "\u4FDD\u5B58\u5931\u8D25"
-          });
-        }
-      } else {
-        props.editState[index] = void 0;
-        emit("afterAction");
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_table_column = resolveComponent("el-table-column");
-      return openBlock(), createBlock(_component_el_table_column, {
-        label: __props.config.label,
-        width: __props.config.width,
-        fixed: __props.config.fixed
-      }, {
-        default: withCtx((scope) => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.actions, (action, actionIndex) => {
-            return withDirectives((openBlock(), createBlock(_component_el_button, {
-              innerHTML: action.text,
-              class: "action-btn",
-              type: "text",
-              size: "small",
-              key: actionIndex,
-              onClick: ($event) => actionHandler(action, scope.row, scope.$index)
-            }, null, 8, ["innerHTML", "onClick"])), [
-              [vShow, display(action.display, scope.row) && !__props.editState[scope.$index]]
-            ]);
-          }), 128)),
-          withDirectives(createVNode(_component_el_button, {
-            class: "action-btn",
-            type: "text",
-            size: "small",
-            onClick: ($event) => save(scope.$index, __props.config)
-          }, {
-            default: withCtx(() => [
-              _hoisted_1$1
-            ]),
-            _: 2
-          }, 1032, ["onClick"]), [
-            [vShow, __props.editState[scope.$index]]
-          ]),
-          withDirectives(createVNode(_component_el_button, {
-            class: "action-btn",
-            type: "text",
-            size: "small",
-            onClick: ($event) => __props.editState[scope.$index] = void 0
-          }, {
-            default: withCtx(() => [
-              _hoisted_2$1
-            ]),
-            _: 2
-          }, 1032, ["onClick"]), [
-            [vShow, __props.editState[scope.$index]]
-          ])
-        ]),
-        _: 1
-      }, 8, ["label", "width", "fixed"]);
-    };
-  }
-});
-
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-const _sfc_main$3 = defineComponent({
-  components: { MForm },
-  props: {
-    config: {
-      type: Object,
-      default: () => ({}),
-      required: true
-    }
-  }
-});
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_m_table = resolveComponent("m-table");
-  const _component_m_form = resolveComponent("m-form");
-  const _component_el_table_column = resolveComponent("el-table-column");
-  return openBlock(), createBlock(_component_el_table_column, { type: "expand" }, {
-    default: withCtx((scope) => [
-      _ctx.config.table ? (openBlock(), createBlock(_component_m_table, {
-        key: 0,
-        "show-header": false,
-        columns: _ctx.config.table,
-        data: scope.row[_ctx.config.prop]
-      }, null, 8, ["columns", "data"])) : createCommentVNode("", true),
-      _ctx.config.form ? (openBlock(), createBlock(_component_m_form, {
-        key: 1,
-        config: _ctx.config.form,
-        "init-values": _ctx.config.values || scope.row[_ctx.config.prop] || {}
-      }, null, 8, ["config", "init-values"])) : createCommentVNode("", true)
-    ]),
-    _: 1
-  });
-}
-var ExpandColumn = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
-
-const formatter = (item, row) => {
-  if (item.formatter) {
-    if (item.formatter === "datetime") {
-      item.formatter = (value) => datetimeFormatter(value);
-    }
-    try {
-      return item.formatter(row[item.prop], row);
-    } catch (e) {
-      return row[item.prop];
-    }
-  } else {
-    return row[item.prop];
-  }
-};
-
-const _sfc_main$2 = defineComponent({
-  props: {
-    config: {
-      type: Object,
-      default: () => ({}),
-      required: true
-    }
-  },
-  setup() {
-    return {
-      formatter
-    };
-  }
-});
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_m_table = resolveComponent("m-table");
-  const _component_el_button = resolveComponent("el-button");
-  const _component_el_popover = resolveComponent("el-popover");
-  const _component_el_table_column = resolveComponent("el-table-column");
-  return openBlock(), createBlock(_component_el_table_column, {
-    label: _ctx.config.label,
-    width: _ctx.config.width,
-    fixed: _ctx.config.fixed
-  }, {
-    default: withCtx((scope) => [
-      createVNode(_component_el_popover, {
-        placement: _ctx.config.popover.placement,
-        width: _ctx.config.popover.width,
-        trigger: _ctx.config.popover.trigger
-      }, {
-        reference: withCtx(() => [
-          createVNode(_component_el_button, { type: "text" }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.config.text || _ctx.formatter(_ctx.config, scope.row)), 1)
-            ]),
-            _: 2
-          }, 1024)
-        ]),
-        default: withCtx(() => [
-          _ctx.config.popover.tableEmbed ? (openBlock(), createBlock(_component_m_table, {
-            key: 0,
-            "show-header": _ctx.config.showHeader,
-            columns: _ctx.config.table,
-            data: scope.row[_ctx.config.prop]
-          }, null, 8, ["show-header", "columns", "data"])) : createCommentVNode("", true)
-        ]),
-        _: 2
-      }, 1032, ["placement", "width", "trigger"])
-    ]),
-    _: 1
-  }, 8, ["label", "width", "fixed"]);
-}
-var PopoverColumn = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
-
-const _sfc_main$1 = defineComponent({
-  props: {
-    config: {
-      type: Object,
-      default: () => ({}),
-      required: true
-    },
-    editState: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  setup() {
-    return {
-      formatter
-    };
-  }
-});
-const _hoisted_1 = ["href"];
-const _hoisted_2 = ["src"];
-const _hoisted_3 = ["href"];
-const _hoisted_4 = /* @__PURE__ */ createTextVNode("\u6269\u5C55\u914D\u7F6E");
-const _hoisted_5 = ["innerHTML"];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_m_form_container = resolveComponent("m-form-container");
-  const _component_el_form = resolveComponent("el-form");
-  const _component_el_button = resolveComponent("el-button");
-  const _component_el_tooltip = resolveComponent("el-tooltip");
-  const _component_el_tag = resolveComponent("el-tag");
-  const _component_el_table_column = resolveComponent("el-table-column");
-  return openBlock(), createBlock(_component_el_table_column, {
-    "show-overflow-tooltip": "",
-    label: _ctx.config.label,
-    width: _ctx.config.width,
-    fixed: _ctx.config.fixed,
-    sortable: _ctx.config.sortable,
-    prop: _ctx.config.prop
-  }, {
-    default: withCtx((scope) => [
-      _ctx.config.type && _ctx.editState[scope.$index] ? (openBlock(), createBlock(_component_el_form, {
-        key: 0,
-        "label-width": "0",
-        model: _ctx.editState[scope.$index]
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_m_form_container, {
-            prop: _ctx.config.prop,
-            rules: _ctx.config.rules,
-            config: _ctx.config,
-            name: _ctx.config.prop,
-            model: _ctx.editState[scope.$index]
-          }, null, 8, ["prop", "rules", "config", "name", "model"])
-        ]),
-        _: 2
-      }, 1032, ["model"])) : _ctx.config.action === "actionLink" ? (openBlock(), createBlock(_component_el_button, {
-        key: 1,
-        type: "text",
-        onClick: ($event) => _ctx.config.handler(scope.row)
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.formatter(_ctx.config, scope.row)), 1)
-        ]),
-        _: 2
-      }, 1032, ["onClick"])) : _ctx.config.action === "img" ? (openBlock(), createElementBlock("a", {
-        key: 2,
-        target: "_blank",
-        href: scope.row[_ctx.config.prop]
-      }, [
-        createElementVNode("img", {
-          src: scope.row[_ctx.config.prop],
-          height: "50"
-        }, null, 8, _hoisted_2)
-      ], 8, _hoisted_1)) : _ctx.config.action === "link" ? (openBlock(), createElementBlock("a", {
-        key: 3,
-        target: "_blank",
-        href: scope.row[_ctx.config.prop],
-        class: "keep-all"
-      }, toDisplayString(scope.row[_ctx.config.prop]), 9, _hoisted_3)) : _ctx.config.action === "tip" ? (openBlock(), createBlock(_component_el_tooltip, {
-        key: 4,
-        placement: "left"
-      }, {
-        content: withCtx(() => [
-          createElementVNode("div", null, toDisplayString(_ctx.formatter(_ctx.config, scope.row)), 1)
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_el_button, { type: "text" }, {
-            default: withCtx(() => [
-              _hoisted_4
-            ]),
-            _: 1
-          })
-        ]),
-        _: 2
-      }, 1024)) : _ctx.config.action === "tag" ? (openBlock(), createBlock(_component_el_tag, {
-        key: 5,
-        type: typeof _ctx.config.type === "function" ? _ctx.config.type(scope.row[_ctx.config.prop], scope.row) : _ctx.config.type,
-        "close-transition": ""
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.formatter(_ctx.config, scope.row)), 1)
-        ]),
-        _: 2
-      }, 1032, ["type"])) : (openBlock(), createElementBlock("div", {
-        key: 6,
-        innerHTML: _ctx.formatter(_ctx.config, scope.row)
-      }, null, 8, _hoisted_5))
-    ]),
-    _: 1
-  }, 8, ["label", "width", "fixed", "sortable", "prop"]);
-}
-var TextColumn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
-
-var Table_vue_vue_type_style_index_0_lang = '';
-
-const _sfc_main = defineComponent({
-  name: "m-table",
-  components: { ExpandColumn, ActionsColumn: _sfc_main$4, PopoverColumn, TextColumn },
-  props: {
-    data: {
-      type: Array,
-      require: true
-    },
-    columns: {
-      type: Array,
-      require: true,
-      default: () => []
-    },
-    spanMethod: {
-      type: Function
-    },
-    fetch: {
-      type: Boolean,
-      default: false
-    },
-    bodyHeight: {
-      type: [String, Number]
-    },
-    showHeader: {
-      type: Boolean
-    },
-    emptyText: {
-      type: String
-    },
-    defaultExpandAll: {
-      type: Boolean,
-      default: false
-    },
-    rowkeyName: {
-      type: String
-    },
-    border: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["sort-change", "afterAction", "select", "select-all", "selection-change"],
-  data() {
-    return {
-      editState: []
-    };
-  },
-  computed: {
-    tableData() {
-      if (this.selectionColumn) {
-        return this.data || [];
-      }
-      return cloneDeep(this.data) || [];
-    },
-    selectionColumn() {
-      const column = this.columns.filter((item) => item.selection);
-      return column.length ? column[0] : null;
-    },
-    hasBorder() {
-      return typeof this.border !== "undefined" ? this.border : true;
-    }
-  },
-  methods: {
-    sortChange(data) {
-      this.$emit("sort-change", data);
-    },
-    selectHandler(selection, row) {
-      const column = this.selectionColumn;
-      if (!column) {
-        return;
-      }
-      if (column.selection === "single") ;
-      this.$emit("select", selection, row);
-    },
-    selectAllHandler(selection) {
-      this.$emit("select-all", selection);
-    },
-    selectionChangeHandler(selection) {
-      this.$emit("selection-change", selection);
-    },
-    toggleRowSelection(row, selected) {
-      const table = this.$refs.table;
-      table.toggleRowSelection.bind(table)(row, selected);
-    },
-    toggleRowExpansion(row, expanded) {
-      const table = this.$refs.table;
-      table.toggleRowExpansion.bind(table)(row, expanded);
-    },
-    clearSelection() {
-      const table = this.$refs.table;
-      table.clearSelection.bind(table)();
-    },
-    objectSpanMethod(data) {
-      if (typeof this.spanMethod === "function") {
-        return this.spanMethod(data);
-      }
-      return () => ({
-        rowspan: 0,
-        colspan: 0
-      });
-    }
-  }
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_expand_column = resolveComponent("expand-column");
-  const _component_el_table_column = resolveComponent("el-table-column");
-  const _component_actions_column = resolveComponent("actions-column");
-  const _component_popover_column = resolveComponent("popover-column");
-  const _component_text_column = resolveComponent("text-column");
-  const _component_el_table = resolveComponent("el-table");
-  return openBlock(), createBlock(_component_el_table, {
-    data: _ctx.tableData,
-    "show-header": _ctx.showHeader,
-    "max-height": _ctx.bodyHeight,
-    "tooltip-effect": "dark",
-    class: "m-table",
-    ref: "table",
-    "default-expand-all": _ctx.defaultExpandAll,
-    border: _ctx.hasBorder,
-    "row-key": _ctx.rowkeyName || "c_id",
-    "tree-props": { children: "children" },
-    "empty-text": _ctx.emptyText || "\u6682\u65E0\u6570\u636E",
-    "span-method": _ctx.objectSpanMethod,
-    onSortChange: _ctx.sortChange,
-    onSelect: _ctx.selectHandler,
-    onSelectAll: _ctx.selectAllHandler,
-    onSelectionChange: _ctx.selectionChangeHandler
-  }, {
-    default: withCtx(() => [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (item, columnIndex) => {
-        return openBlock(), createElementBlock(Fragment, null, [
-          item.type === "expand" ? (openBlock(), createBlock(_component_expand_column, {
-            config: item,
-            key: columnIndex
-          }, null, 8, ["config"])) : createCommentVNode("", true),
-          item.selection ? (openBlock(), createBlock(_component_el_table_column, {
-            type: "selection",
-            key: columnIndex,
-            width: "40",
-            selectable: item.selectable
-          }, null, 8, ["selectable"])) : item.actions ? (openBlock(), createBlock(_component_actions_column, {
-            columns: _ctx.columns,
-            config: item,
-            "rowkey-name": _ctx.rowkeyName,
-            "edit-state": _ctx.editState,
-            key: columnIndex,
-            onAfterAction: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("afterAction"))
-          }, null, 8, ["columns", "config", "rowkey-name", "edit-state"])) : item.type === "popover" ? (openBlock(), createBlock(_component_popover_column, {
-            key: columnIndex,
-            config: item
-          }, null, 8, ["config"])) : (openBlock(), createBlock(_component_text_column, {
-            key: columnIndex,
-            config: item,
-            "edit-state": _ctx.editState
-          }, null, 8, ["config", "edit-state"]))
-        ], 64);
-      }), 256))
-    ]),
-    _: 1
-  }, 8, ["data", "show-header", "max-height", "default-expand-all", "border", "row-key", "empty-text", "span-method", "onSortChange", "onSelect", "onSelectAll", "onSelectionChange"]);
-}
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-
-const components = [Table];
-var index = {
-  install(app) {
-    components.forEach((component) => {
-      app.component(component.name, component);
-    });
-  }
-};
-
-export { Table as MagicTable, index as default };
-//# sourceMappingURL=tmagic-table.es.js.map

package/dist/tmagic-table.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tmagic-table.es.js","sources":["../src/ActionsColumn.vue","../plugin-vue:export-helper","../src/ExpandColumn.vue","../src/utils.ts","../src/PopoverColumn.vue","../src/TextColumn.vue","../src/Table.vue","../src/index.ts"],"sourcesContent":["<template>\n  <el-table-column :label=\"config.label\" :width=\"config.width\" :fixed=\"config.fixed\">\n    <template v-slot=\"scope\">\n      <el-button\n        v-for=\"(action, actionIndex) in config.actions\"\n        v-show=\"display(action.display, scope.row) && !editState[scope.$index]\"\n        v-html=\"action.text\"\n        class=\"action-btn\"\n        type=\"text\"\n        size=\"small\"\n        :key=\"actionIndex\"\n        @click=\"actionHandler(action, scope.row, scope.$index)\"\n      ></el-button>\n      <el-button\n        class=\"action-btn\"\n        v-show=\"editState[scope.$index]\"\n        type=\"text\"\n        size=\"small\"\n        @click=\"save(scope.$index, config)\"\n        >保存</el-button\n      >\n      <el-button\n        class=\"action-btn\"\n        v-show=\"editState[scope.$index]\"\n        type=\"text\"\n        size=\"small\"\n        @click=\"editState[scope.$index] = undefined\"\n        >取消</el-button\n      >\n    </template>\n  </el-table-column>\n</template>\n\n<script lang=\"ts\">\nimport { PropType } from 'vue';\nimport { ElMessage, ElMessageBox } from 'element-plus';\n\nimport { ColumnActionConfig, ColumnConfig } from './schema';\n</script>\n\n<script lang=\"ts\" setup>\nconst props = defineProps({\n  columns: {\n    type: Array as PropType<any[]>,\n    require: true,\n    default: () => [],\n  },\n\n  config: {\n    type: Object as PropType<ColumnConfig>,\n    require: true,\n    default: () => {},\n  },\n\n  rowkeyName: {\n    type: String,\n    default: 'c_id',\n  },\n\n  editState: {\n    type: Object,\n    default: () => {},\n  },\n});\n\nconst emit = defineEmits(['afterAction']);\n\nconst display = (fuc: boolean | Function | undefined, row: any) => {\n  if (typeof fuc === 'function') {\n    return fuc.call(this, this, row);\n  }\n  return true;\n};\n\nconst success = (msg: string, action: ColumnActionConfig) => {\n  ElMessage.success(msg);\n  action.after?.();\n};\n\nconst error = (msg: string) => ElMessage.error(msg);\n\nconst deleteAction = async (action: ColumnActionConfig, row: any) => {\n  await ElMessageBox.confirm(`确认删除${row[action.name || 'c_name']}(${row[props.rowkeyName]})?`, '提示', {\n    confirmButtonText: '确定',\n    cancelButtonText: '取消',\n    type: 'warning',\n  });\n\n  const res = await action.handler?.(row);\n\n  if (res.ret === 0) {\n    success('删除成功!', action);\n  } else {\n    error(res.msg || '删除失败');\n  }\n};\n\nconst copyHandler = async (action: ColumnActionConfig, row: any) => {\n  await ElMessageBox.confirm(`确定复制${row[action.name || 'c_name']}(${row.c_id})?`, '提示', {\n    confirmButtonText: '确定',\n    cancelButtonText: '取消',\n    type: 'warning',\n  });\n\n  try {\n    const res = await action.handler?.(row);\n\n    if (res.ret === 0) {\n      success('复制成功!', action);\n    } else {\n      error(`复制失败!${res.msg}`);\n    }\n  } catch (e) {\n    error('复制失败!');\n  }\n};\n\nconst actionHandler = async (action: ColumnActionConfig, row: any, index: number) => {\n  if (action.type === 'delete') {\n    await deleteAction(action, row);\n  } else if (action.type === 'copy') {\n    await copyHandler(action, row);\n  } else if (action.type === 'edit') {\n    props.editState[index] = row;\n  } else {\n    await action.handler?.(row);\n    action.after?.();\n  }\n};\n\nconst save = async (index: number, config: ColumnConfig) => {\n  const action = config.actions?.find((item) => item.type === 'edit')?.action;\n  if (!action) return;\n\n  const data: any = {};\n  const row = props.editState[index];\n  props.columns\n    .filter((item) => item.type)\n    .forEach((column) => {\n      data[column.prop] = row[column.prop];\n    });\n\n  const res: any = await action({\n    data,\n  });\n\n  if (res) {\n    if (res.ret === 0) {\n      ElMessage.success('保存成功');\n      props.editState[index] = undefined;\n      emit('afterAction');\n    } else {\n      ElMessage.error({\n        duration: 10000,\n        showClose: true,\n        dangerouslyUseHTMLString: true,\n        message: res.msg || '保存失败',\n      });\n    }\n  } else {\n    props.editState[index] = undefined;\n    emit('afterAction');\n  }\n};\n</script>\n","\nexport default (sfc, props) => {\n  const target = sfc.__vccOpts || sfc;\n  for (const [key, val] of props) {\n    target[key] = val;\n  }\n  return target;\n}\n","<template>\n  <el-table-column type=\"expand\">\n    <template #default=\"scope\">\n      <m-table\n        v-if=\"config.table\"\n        :show-header=\"false\"\n        :columns=\"config.table\"\n        :data=\"scope.row[config.prop]\"\n      ></m-table>\n      <m-form\n        v-if=\"config.form\"\n        :config=\"config.form\"\n        :init-values=\"config.values || scope.row[config.prop] || {}\"\n      ></m-form>\n    </template>\n  </el-table-column>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\n\nimport { MForm } from '@tmagic/form';\n\nimport { ColumnConfig } from './schema';\n\nexport default defineComponent({\n  components: { MForm },\n\n  props: {\n    config: {\n      type: Object as PropType<ColumnConfig>,\n      default: () => ({}),\n      required: true,\n    },\n  },\n});\n</script>\n","/*\n * Tencent is pleased to support the open source community by making TMagicEditor available.\n *\n * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { datetimeFormatter } from '@tmagic/utils';\n\nimport { ColumnConfig } from './schema';\n\nexport const formatter = (item: ColumnConfig, row: any) => {\n  if (item.formatter) {\n    if (item.formatter === 'datetime') {\n      // eslint-disable-next-line no-param-reassign\n      item.formatter = (value: string) => datetimeFormatter(value);\n    }\n    try {\n      return item.formatter(row[item.prop], row);\n    } catch (e) {\n      return row[item.prop];\n    }\n  } else {\n    return row[item.prop];\n  }\n};\n","<template>\n  <el-table-column :label=\"config.label\" :width=\"config.width\" :fixed=\"config.fixed\">\n    <template v-slot=\"scope\">\n      <el-popover :placement=\"config.popover.placement\" :width=\"config.popover.width\" :trigger=\"config.popover.trigger\">\n        <m-table\n          v-if=\"config.popover.tableEmbed\"\n          :show-header=\"config.showHeader\"\n          :columns=\"config.table\"\n          :data=\"scope.row[config.prop]\"\n        ></m-table>\n        <template #reference>\n          <el-button type=\"text\"> {{ config.text || formatter(config, scope.row) }}</el-button>\n        </template>\n      </el-popover>\n    </template>\n  </el-table-column>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\n\nimport { ColumnConfig } from './schema';\nimport { formatter } from './utils';\n\nexport default defineComponent({\n  props: {\n    config: {\n      type: Object as PropType<ColumnConfig>,\n      default: () => ({}),\n      required: true,\n    },\n  },\n\n  setup() {\n    return {\n      formatter,\n    };\n  },\n});\n</script>\n","<template>\n  <el-table-column\n    show-overflow-tooltip\n    :label=\"config.label\"\n    :width=\"config.width\"\n    :fixed=\"config.fixed\"\n    :sortable=\"config.sortable\"\n    :prop=\"config.prop\"\n  >\n    <template v-slot=\"scope\">\n      <el-form v-if=\"config.type && editState[scope.$index]\" label-width=\"0\" :model=\"editState[scope.$index]\">\n        <m-form-container\n          :prop=\"config.prop\"\n          :rules=\"config.rules\"\n          :config=\"config\"\n          :name=\"config.prop\"\n          :model=\"editState[scope.$index]\"\n        ></m-form-container>\n      </el-form>\n\n      <el-button v-else-if=\"config.action === 'actionLink'\" type=\"text\" @click=\"config.handler(scope.row)\">\n        {{ formatter(config, scope.row) }}\n      </el-button>\n\n      <a v-else-if=\"config.action === 'img'\" target=\"_blank\" :href=\"scope.row[config.prop]\"\n        ><img :src=\"scope.row[config.prop]\" height=\"50\"\n      /></a>\n\n      <a v-else-if=\"config.action === 'link'\" target=\"_blank\" :href=\"scope.row[config.prop]\" class=\"keep-all\">{{\n        scope.row[config.prop]\n      }}</a>\n\n      <el-tooltip v-else-if=\"config.action === 'tip'\" placement=\"left\">\n        <template #content>\n          <div>{{ formatter(config, scope.row) }}</div>\n        </template>\n        <el-button type=\"text\">扩展配置</el-button>\n      </el-tooltip>\n\n      <el-tag\n        v-else-if=\"config.action === 'tag'\"\n        :type=\"typeof config.type === 'function' ? config.type(scope.row[config.prop], scope.row) : config.type\"\n        close-transition\n        >{{ formatter(config, scope.row) }}</el-tag\n      >\n      <div v-else v-html=\"formatter(config, scope.row)\"></div>\n    </template>\n  </el-table-column>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\n\nimport { ColumnConfig } from './schema';\nimport { formatter } from './utils';\n\nexport default defineComponent({\n  props: {\n    config: {\n      type: Object as PropType<ColumnConfig>,\n      default: () => ({}),\n      required: true,\n    },\n\n    editState: {\n      type: Object,\n      default: () => {},\n    },\n  },\n\n  setup() {\n    return {\n      formatter,\n    };\n  },\n});\n</script>\n","<template>\n  <el-table\n    :data=\"tableData\"\n    :show-header=\"showHeader\"\n    :max-height=\"bodyHeight\"\n    tooltip-effect=\"dark\"\n    class=\"m-table\"\n    ref=\"table\"\n    :default-expand-all=\"defaultExpandAll\"\n    :border=\"hasBorder\"\n    :row-key=\"rowkeyName || 'c_id'\"\n    :tree-props=\"{ children: 'children' }\"\n    :empty-text=\"emptyText || '暂无数据'\"\n    :span-method=\"objectSpanMethod\"\n    @sort-change=\"sortChange\"\n    @select=\"selectHandler\"\n    @select-all=\"selectAllHandler\"\n    @selection-change=\"selectionChangeHandler\"\n  >\n    <template v-for=\"(item, columnIndex) in columns\">\n      <template v-if=\"item.type === 'expand'\">\n        <expand-column :config=\"item\" :key=\"columnIndex\"></expand-column>\n      </template>\n\n      <template v-if=\"item.selection\">\n        <el-table-column type=\"selection\" :key=\"columnIndex\" width=\"40\" :selectable=\"item.selectable\"></el-table-column>\n      </template>\n\n      <template v-else-if=\"item.actions\">\n        <actions-column\n          :columns=\"columns\"\n          :config=\"item\"\n          :rowkey-name=\"rowkeyName\"\n          :edit-state=\"editState\"\n          :key=\"columnIndex\"\n          @afterAction=\"$emit('afterAction')\"\n        ></actions-column>\n      </template>\n\n      <template v-else-if=\"item.type === 'popover'\">\n        <popover-column :key=\"columnIndex\" :config=\"item\"></popover-column>\n      </template>\n\n      <template v-else>\n        <text-column :key=\"columnIndex\" :config=\"item\" :edit-state=\"editState\"></text-column>\n      </template>\n    </template>\n  </el-table>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport { ElTable } from 'element-plus';\nimport { cloneDeep } from 'lodash-es';\n\nimport ActionsColumn from './ActionsColumn.vue';\nimport ExpandColumn from './ExpandColumn.vue';\nimport PopoverColumn from './PopoverColumn.vue';\nimport TextColumn from './TextColumn.vue';\n\nexport default defineComponent({\n  name: 'm-table',\n\n  components: { ExpandColumn, ActionsColumn, PopoverColumn, TextColumn },\n\n  props: {\n    data: {\n      type: Array,\n      require: true,\n    },\n\n    columns: {\n      type: Array as PropType<any[]>,\n      require: true,\n      default: () => [],\n    },\n\n    /** 合并行或列的计算方法 */\n    spanMethod: {\n      type: Function as PropType<\n        (data: { row: any; column: any; rowIndex: number; columnIndex: number }) => [number, number]\n      >,\n    },\n\n    fetch: {\n      type: Boolean,\n      default: false,\n    },\n\n    /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */\n    bodyHeight: {\n      type: [String, Number],\n    },\n\n    /** 是否显示表头 */\n    showHeader: {\n      type: Boolean,\n    },\n\n    /** 空数据时显示的文本内容 */\n    emptyText: {\n      type: String,\n    },\n\n    /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */\n    defaultExpandAll: {\n      type: Boolean,\n      default: false,\n    },\n\n    rowkeyName: {\n      type: String,\n    },\n\n    /** 是否带有纵向边框 */\n    border: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: ['sort-change', 'afterAction', 'select', 'select-all', 'selection-change'],\n\n  data(): {\n    editState: any[];\n  } {\n    return {\n      editState: [],\n    };\n  },\n\n  computed: {\n    tableData() {\n      if (this.selectionColumn) {\n        return this.data || [];\n      }\n\n      return cloneDeep(this.data) || [];\n    },\n\n    selectionColumn() {\n      const column = this.columns.filter((item) => item.selection);\n      return column.length ? column[0] : null;\n    },\n\n    hasBorder() {\n      return typeof this.border !== 'undefined' ? this.border : true;\n    },\n  },\n\n  methods: {\n    sortChange(data: any) {\n      this.$emit('sort-change', data);\n    },\n\n    selectHandler(selection: any, row: any) {\n      const column = this.selectionColumn;\n      if (!column) {\n        return;\n      }\n\n      if (column.selection === 'single') {\n        // this.clearSelection()\n        // this.toggleRowSelection(row, true)\n      }\n      this.$emit('select', selection, row);\n    },\n\n    selectAllHandler(selection: any) {\n      this.$emit('select-all', selection);\n    },\n\n    selectionChangeHandler(selection: any) {\n      this.$emit('selection-change', selection);\n    },\n\n    toggleRowSelection(row: any, selected: boolean) {\n      const table = this.$refs.table as InstanceType<typeof ElTable>;\n      table.toggleRowSelection.bind(table)(row, selected);\n    },\n\n    toggleRowExpansion(row: any, expanded: boolean) {\n      const table = this.$refs.table as InstanceType<typeof ElTable>;\n      table.toggleRowExpansion.bind(table)(row, expanded);\n    },\n\n    clearSelection() {\n      const table = this.$refs.table as InstanceType<typeof ElTable>;\n      table.clearSelection.bind(table)();\n    },\n\n    objectSpanMethod(data: any) {\n      if (typeof this.spanMethod === 'function') {\n        return this.spanMethod(data);\n      }\n      return () => ({\n        rowspan: 0,\n        colspan: 0,\n      });\n    },\n  },\n});\n</script>\n\n<style lang=\"scss\">\n.m-table {\n  .el-button.action-btn {\n    margin-right: 10px;\n  }\n  .el-button.action-btn + .el-button.action-btn {\n    margin-left: 0;\n  }\n  .keep-all {\n    word-break: keep-all;\n  }\n  .el-table .cell > div {\n    display: inline-block;\n    vertical-align: middle;\n  }\n  .el-table__row.el-table__row--level-1 {\n    color: #999;\n  }\n}\n</style>\n","/*\n * Tencent is pleased to support the open source community by making TMagicEditor available.\n *\n * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { App } from 'vue';\n\nimport Table from './Table.vue';\n\nexport { default as MagicTable } from './Table.vue';\n\nconst components = [Table];\n\nexport default {\n  install(app: App) {\n    components.forEach((component) => {\n      app.component(component.name, component);\n    });\n  },\n};\n"],"names":["_sfc_main","_openBlock","_createBlock","_withCtx","_createCommentVNode","_toDisplayString","ActionsColumn","_createElementBlock"],"mappings":"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"}