@tmagic/table 1.3.0-alpha.1 → 1.3.0-alpha.3

package/dist/tmagic-table.js

@@ -5,13 +5,11 @@ import { MForm } from '@tmagic/form';
 import { datetimeFormatter } from '@tmagic/utils';
 
 const _hoisted_1$2 = ["innerHTML"];
-const _hoisted_2$1 = /* @__PURE__ */ createTextVNode("保存");
-const _hoisted_3$1 = /* @__PURE__ */ createTextVNode("取消");
-const __default__$4 = defineComponent({
-  name: "MTableActionsColumn"
-});
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+  ...{
+    name: "MTableActionsColumn"
+  },
+  __name: "ActionsColumn",
   props: {
     columns: { default: () => [] },
     config: { default: () => ({}) },
@@ -69,12 +67,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicTableColumn), {
-        label: __props.config.label,
-        width: __props.config.width,
-        fixed: __props.config.fixed
+        label: _ctx.config.label,
+        width: _ctx.config.width,
+        fixed: _ctx.config.fixed
       }, {
         default: withCtx((scope) => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.actions, (action, actionIndex) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.actions, (action, actionIndex) => {
             return withDirectives((openBlock(), createBlock(unref(TMagicButton), {
               class: "action-btn",
               text: "",
@@ -91,7 +89,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1032, ["type", "icon", "onClick"])), [
-              [vShow, display(action.display, scope.row) && !__props.editState[scope.$index]]
+              [vShow, display(action.display, scope.row) && !_ctx.editState[scope.$index]]
             ]);
           }), 128)),
           withDirectives(createVNode(unref(TMagicButton), {
@@ -99,28 +97,28 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             text: "",
             type: "primary",
             size: "small",
-            onClick: ($event) => save(scope.$index, __props.config)
+            onClick: ($event) => save(scope.$index, _ctx.config)
           }, {
             default: withCtx(() => [
-              _hoisted_2$1
+              createTextVNode("保存")
             ]),
             _: 2
           }, 1032, ["onClick"]), [
-            [vShow, __props.editState[scope.$index]]
+            [vShow, _ctx.editState[scope.$index]]
           ]),
           withDirectives(createVNode(unref(TMagicButton), {
             class: "action-btn",
             text: "",
             type: "primary",
             size: "small",
-            onClick: ($event) => __props.editState[scope.$index] = void 0
+            onClick: ($event) => _ctx.editState[scope.$index] = void 0
           }, {
             default: withCtx(() => [
-              _hoisted_3$1
+              createTextVNode("取消")
             ]),
             _: 2
           }, 1032, ["onClick"]), [
-            [vShow, __props.editState[scope.$index]]
+            [vShow, _ctx.editState[scope.$index]]
           ])
         ]),
         _: 1
@@ -130,11 +128,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$1 = ["innerHTML"];
-const __default__$3 = defineComponent({
-  name: "MTableExpandColumn"
-});
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+  ...{
+    name: "MTableExpandColumn"
+  },
+  __name: "ExpandColumn",
   props: {
     config: { default: () => ({}) }
   },
@@ -149,22 +147,22 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicTableColumn), { type: "expand" }, {
         default: withCtx((scope) => [
-          __props.config.table ? (openBlock(), createBlock(_sfc_main, {
+          _ctx.config.table ? (openBlock(), createBlock(_sfc_main, {
             key: 0,
             "show-header": false,
-            columns: __props.config.table,
-            data: __props.config.prop && scope.row[__props.config.prop] || []
+            columns: _ctx.config.table,
+            data: _ctx.config.prop && scope.row[_ctx.config.prop] || []
           }, null, 8, ["columns", "data"])) : createCommentVNode("", true),
-          __props.config.form ? (openBlock(), createBlock(unref(MForm), {
+          _ctx.config.form ? (openBlock(), createBlock(unref(MForm), {
             key: 1,
-            config: __props.config.form,
-            "init-values": __props.config.values || __props.config.prop && scope.row[__props.config.prop] || {}
+            config: _ctx.config.form,
+            "init-values": _ctx.config.values || _ctx.config.prop && scope.row[_ctx.config.prop] || {}
           }, null, 8, ["config", "init-values"])) : createCommentVNode("", true),
-          __props.config.expandContent ? (openBlock(), createElementBlock("div", {
+          _ctx.config.expandContent ? (openBlock(), createElementBlock("div", {
             key: 2,
-            innerHTML: __props.config.expandContent(scope.row, __props.config.prop)
+            innerHTML: _ctx.config.expandContent(scope.row, _ctx.config.prop)
           }, null, 8, _hoisted_1$1)) : createCommentVNode("", true),
-          __props.config.component ? (openBlock(), createBlock(resolveDynamicComponent(__props.config.component), normalizeProps(mergeProps({ key: 3 }, componentProps(scope.row))), null, 16)) : createCommentVNode("", true)
+          _ctx.config.component ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.config.component), normalizeProps(mergeProps({ key: 3 }, componentProps(scope.row))), null, 16)) : createCommentVNode("", true)
         ]),
         _: 1
       });
@@ -189,27 +187,27 @@ const formatter = (item, row) => {
   }
 };
 
-const __default__$2 = defineComponent({
-  name: "MTablePopoverColumn"
-});
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+  ...{
+    name: "MTablePopoverColumn"
+  },
+  __name: "PopoverColumn",
   props: {
     config: { default: () => ({}) }
   },
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicTableColumn), {
-        label: __props.config.label,
-        width: __props.config.width,
-        fixed: __props.config.fixed
+        label: _ctx.config.label,
+        width: _ctx.config.width,
+        fixed: _ctx.config.fixed
       }, {
         default: withCtx((scope) => [
-          __props.config.popover ? (openBlock(), createBlock(unref(TMagicPopover), {
+          _ctx.config.popover ? (openBlock(), createBlock(unref(TMagicPopover), {
             key: 0,
-            placement: __props.config.popover.placement,
-            width: __props.config.popover.width,
-            trigger: __props.config.popover.trigger
+            placement: _ctx.config.popover.placement,
+            width: _ctx.config.popover.width,
+            trigger: _ctx.config.popover.trigger
           }, {
             reference: withCtx(() => [
               createVNode(unref(TMagicButton), {
@@ -217,17 +215,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 type: "primary"
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.config.text || unref(formatter)(__props.config, scope.row)), 1)
+                  createTextVNode(toDisplayString(_ctx.config.text || unref(formatter)(_ctx.config, scope.row)), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             default: withCtx(() => [
-              __props.config.popover.tableEmbed ? (openBlock(), createBlock(_sfc_main, {
+              _ctx.config.popover.tableEmbed ? (openBlock(), createBlock(_sfc_main, {
                 key: 0,
-                "show-header": __props.config.showHeader,
-                columns: __props.config.table,
-                data: __props.config.prop && scope.row[__props.config.prop] || []
+                "show-header": _ctx.config.showHeader,
+                columns: _ctx.config.table,
+                data: _ctx.config.prop && scope.row[_ctx.config.prop] || []
               }, null, 8, ["show-header", "columns", "data"])) : createCommentVNode("", true)
             ]),
             _: 2
@@ -243,13 +241,12 @@ const _hoisted_1 = ["innerHTML"];
 const _hoisted_2 = ["href"];
 const _hoisted_3 = ["src"];
 const _hoisted_4 = ["href"];
-const _hoisted_5 = /* @__PURE__ */ createTextVNode("扩展配置");
-const _hoisted_6 = ["innerHTML"];
-const __default__$1 = defineComponent({
-  name: "MTableColumn"
-});
+const _hoisted_5 = ["innerHTML"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+  ...{
+    name: "MTableColumn"
+  },
+  __name: "TextColumn",
   props: {
     config: { default: () => ({}) },
     editState: { default: () => ({}) }
@@ -260,60 +257,60 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_el_tooltip = resolveComponent("el-tooltip");
       return openBlock(), createBlock(unref(TMagicTableColumn), {
         "show-overflow-tooltip": "",
-        label: __props.config.label,
-        width: __props.config.width,
-        fixed: __props.config.fixed,
-        sortable: __props.config.sortable,
-        prop: __props.config.prop
+        label: _ctx.config.label,
+        width: _ctx.config.width,
+        fixed: _ctx.config.fixed,
+        sortable: _ctx.config.sortable,
+        prop: _ctx.config.prop
       }, {
         default: withCtx((scope) => [
-          __props.config.type && __props.editState[scope.$index] ? (openBlock(), createBlock(unref(TMagicForm), {
+          _ctx.config.type && _ctx.editState[scope.$index] ? (openBlock(), createBlock(unref(TMagicForm), {
             key: 0,
             "label-width": "0",
-            model: __props.editState[scope.$index]
+            model: _ctx.editState[scope.$index]
           }, {
             default: withCtx(() => [
               createVNode(_component_m_form_container, {
-                prop: __props.config.prop,
-                rules: __props.config.rules,
-                config: __props.config,
-                name: __props.config.prop,
-                model: __props.editState[scope.$index]
+                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"])) : __props.config.action === "actionLink" && __props.config.prop ? (openBlock(), createBlock(unref(TMagicButton), {
+          }, 1032, ["model"])) : _ctx.config.action === "actionLink" && _ctx.config.prop ? (openBlock(), createBlock(unref(TMagicButton), {
             key: 1,
             text: "",
             type: "primary",
-            onClick: ($event) => __props.config.handler?.(scope.row)
+            onClick: ($event) => _ctx.config.handler?.(scope.row)
           }, {
             default: withCtx(() => [
               createElementVNode("span", {
-                innerHTML: unref(formatter)(__props.config, scope.row)
+                innerHTML: unref(formatter)(_ctx.config, scope.row)
               }, null, 8, _hoisted_1)
             ]),
             _: 2
-          }, 1032, ["onClick"])) : __props.config.action === "img" && __props.config.prop ? (openBlock(), createElementBlock("a", {
+          }, 1032, ["onClick"])) : _ctx.config.action === "img" && _ctx.config.prop ? (openBlock(), createElementBlock("a", {
             key: 2,
             target: "_blank",
-            href: scope.row[__props.config.prop]
+            href: scope.row[_ctx.config.prop]
           }, [
             createElementVNode("img", {
-              src: scope.row[__props.config.prop],
+              src: scope.row[_ctx.config.prop],
               height: "50"
             }, null, 8, _hoisted_3)
-          ], 8, _hoisted_2)) : __props.config.action === "link" && __props.config.prop ? (openBlock(), createElementBlock("a", {
+          ], 8, _hoisted_2)) : _ctx.config.action === "link" && _ctx.config.prop ? (openBlock(), createElementBlock("a", {
             key: 3,
             target: "_blank",
-            href: scope.row[__props.config.prop],
+            href: scope.row[_ctx.config.prop],
             class: "keep-all"
-          }, toDisplayString(scope.row[__props.config.prop]), 9, _hoisted_4)) : __props.config.action === "tip" ? (openBlock(), createBlock(_component_el_tooltip, {
+          }, toDisplayString(scope.row[_ctx.config.prop]), 9, _hoisted_4)) : _ctx.config.action === "tip" ? (openBlock(), createBlock(_component_el_tooltip, {
             key: 4,
             placement: "left"
           }, {
             content: withCtx(() => [
-              createElementVNode("div", null, toDisplayString(unref(formatter)(__props.config, scope.row)), 1)
+              createElementVNode("div", null, toDisplayString(unref(formatter)(_ctx.config, scope.row)), 1)
             ]),
             default: withCtx(() => [
               createVNode(unref(TMagicButton), {
@@ -321,25 +318,25 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 type: "primary"
               }, {
                 default: withCtx(() => [
-                  _hoisted_5
+                  createTextVNode("扩展配置")
                 ]),
                 _: 1
               })
             ]),
             _: 2
-          }, 1024)) : __props.config.action === "tag" && __props.config.prop ? (openBlock(), createBlock(unref(TMagicTag), {
+          }, 1024)) : _ctx.config.action === "tag" && _ctx.config.prop ? (openBlock(), createBlock(unref(TMagicTag), {
             key: 5,
-            type: typeof __props.config.type === "function" ? __props.config.type(scope.row[__props.config.prop], scope.row) : __props.config.type,
+            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(unref(formatter)(__props.config, scope.row)), 1)
+              createTextVNode(toDisplayString(unref(formatter)(_ctx.config, scope.row)), 1)
             ]),
             _: 2
           }, 1032, ["type"])) : (openBlock(), createElementBlock("div", {
             key: 6,
-            innerHTML: unref(formatter)(__props.config, scope.row)
-          }, null, 8, _hoisted_6))
+            innerHTML: unref(formatter)(_ctx.config, scope.row)
+          }, null, 8, _hoisted_5))
         ]),
         _: 1
       }, 8, ["label", "width", "fixed", "sortable", "prop"]);
@@ -347,21 +344,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__ = defineComponent({
-  name: "MTable"
-});
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+  ...{
+    name: "MTable"
+  },
+  __name: "Table",
   props: {
-    data: null,
+    data: {},
     columns: { default: () => [] },
-    spanMethod: null,
+    spanMethod: {},
     loading: { type: Boolean, default: false },
-    bodyHeight: null,
+    bodyHeight: {},
     showHeader: { type: Boolean, default: true },
-    emptyText: null,
+    emptyText: {},
     defaultExpandAll: { type: Boolean, default: false },
-    rowkeyName: null,
+    rowkeyName: {},
     border: { type: Boolean, default: false }
   },
   emits: [
@@ -373,11 +370,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "expand-change",
     "cell-click"
   ],
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit }) {
     const props = __props;
     const tMagicTable = ref();
     const editState = ref([]);
-    const tableColumnComponent = getConfig("components").tableColumn;
+    const tableColumnComponent = getConfig("components")?.tableColumn;
     const selectionColumn = computed(() => {
       const column = props.columns.filter((item) => item.selection);
       return column.length ? column[0] : null;
@@ -430,7 +427,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         colspan: 0
       });
     };
-    expose({
+    __expose({
       toggleRowSelection,
       toggleRowExpansion,
       clearSelection
@@ -442,14 +439,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: "m-table",
         ref_key: "tMagicTable",
         ref: tMagicTable,
-        data: unref(tableData),
-        "show-header": __props.showHeader,
-        "max-height": __props.bodyHeight,
-        "default-expand-all": __props.defaultExpandAll,
-        border: unref(hasBorder),
-        "row-key": __props.rowkeyName || "id",
+        data: tableData.value,
+        "show-header": _ctx.showHeader,
+        "max-height": _ctx.bodyHeight,
+        "default-expand-all": _ctx.defaultExpandAll,
+        border: hasBorder.value,
+        "row-key": _ctx.rowkeyName || "id",
         "tree-props": { children: "children" },
-        "empty-text": __props.emptyText || "暂无数据",
+        "empty-text": _ctx.emptyText || "暂无数据",
         "span-method": objectSpanMethod,
         onSortChange: sortChange,
         onSelect: selectHandler,
@@ -459,20 +456,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onExpandChange: expandChange
       }, {
         default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (item, columnIndex) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (item, columnIndex) => {
             return openBlock(), createElementBlock(Fragment, null, [
               item.type === "expand" ? (openBlock(), createBlock(_sfc_main$3, {
                 config: item,
                 key: columnIndex
-              }, null, 8, ["config"])) : item.selection ? (openBlock(), createBlock(resolveDynamicComponent(unref(tableColumnComponent).component), {
+              }, null, 8, ["config"])) : item.selection ? (openBlock(), createBlock(resolveDynamicComponent(unref(tableColumnComponent)?.component || "el-table-column"), {
                 width: "40",
                 type: "selection",
                 key: columnIndex,
                 selectable: item.selectable
               }, null, 8, ["selectable"])) : item.actions ? (openBlock(), createBlock(_sfc_main$4, {
-                columns: __props.columns,
+                columns: _ctx.columns,
                 config: item,
-                "rowkey-name": __props.rowkeyName,
+                "rowkey-name": _ctx.rowkeyName,
                 "edit-state": editState.value,
                 key: columnIndex,
                 onAfterAction: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("after-action"))
@@ -489,7 +486,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         _: 1
       }, 8, ["data", "show-header", "max-height", "default-expand-all", "border", "row-key", "empty-text"])), [
-        [_directive_loading, __props.loading]
+        [_directive_loading, _ctx.loading]
       ]);
     };
   }

package/dist/tmagic-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"tmagic-table.js","sources":["../src/ActionsColumn.vue","../src/ExpandColumn.vue","../src/utils.ts","../src/PopoverColumn.vue","../src/TextColumn.vue","../src/Table.vue","../src/index.ts"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nexport default defineComponent({\n  name: 'MTableActionsColumn',\n})\n</script>\n<template>\n  <TMagicTableColumn :label=\"config.label\" :width=\"config.width\" :fixed=\"config.fixed\">\n    <template v-slot=\"scope\">\n      <TMagicButton\n        v-for=\"(action, actionIndex) in config.actions\"\n        v-show=\"display(action.display, scope.row) && !editState[scope.$index]\"\n        class=\"action-btn\"\n        text\n        :type=\"action.buttonType || 'primary'\"\n        size=\"small\"\n        :icon=\"action.icon\"\n        :key=\"actionIndex\"\n        @click=\"actionHandler(action, scope.row, scope.$index)\"\n        ><span v-html=\"formatter(action.text, scope.row)\"></span\n      ></TMagicButton>\n      <TMagicButton\n        class=\"action-btn\"\n        v-show=\"editState[scope.$index]\"\n        text\n        type=\"primary\"\n        size=\"small\"\n        @click=\"save(scope.$index, config)\"\n        >保存</TMagicButton\n      >\n      <TMagicButton\n        class=\"action-btn\"\n        v-show=\"editState[scope.$index]\"\n        text\n        type=\"primary\"\n        size=\"small\"\n        @click=\"editState[scope.$index] = undefined\"\n        >取消</TMagicButton\n      >\n    </template>\n  </TMagicTableColumn>\n</template>\n\n<script lang=\"ts\" setup name=\"MTableActionsColumn\">\nimport { TMagicButton, tMagicMessage, TMagicTableColumn } from '@tmagic/design';\n\nimport { ColumnActionConfig, ColumnConfig } from './schema';\n\nconst props = withDefaults(\n  defineProps<{\n    columns: any[];\n    config: ColumnConfig;\n    rowkeyName?: string;\n    editState?: any;\n  }>(),\n  {\n    columns: () => [],\n    config: () => ({}),\n    rowkeyName: 'c_id',\n    editState: () => [],\n  },\n);\n\nconst emit = defineEmits(['after-action']);\n\nconst display = (fuc: boolean | Function | undefined, row: any) => {\n  if (typeof fuc === 'function') {\n    return fuc(row);\n  }\n  return true;\n};\n\nconst formatter = (fuc: string | Function | undefined, row: any) => {\n  if (typeof fuc === 'function') {\n    return fuc(row);\n  }\n  return fuc;\n};\n\nconst actionHandler = async (action: ColumnActionConfig, row: any, index: number) => {\n  await action.before?.(row, index);\n  if (action.type === 'edit') {\n    props.editState[index] = row;\n  } else {\n    await action.handler?.(row, index);\n  }\n  action.after?.(row, index);\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      tMagicMessage.success('保存成功');\n      props.editState[index] = undefined;\n      emit('after-action');\n    } else {\n      tMagicMessage.error(res.msg || '保存失败');\n    }\n  } else {\n    props.editState[index] = undefined;\n    emit('after-action');\n  }\n};\n</script>\n","<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nexport default defineComponent({\n  name: 'MTableExpandColumn',\n})\n</script>\n<template>\n  <TMagicTableColumn type=\"expand\">\n    <template #default=\"scope\">\n      <MTable\n        v-if=\"config.table\"\n        :show-header=\"false\"\n        :columns=\"config.table\"\n        :data=\"(config.prop && scope.row[config.prop]) || []\"\n      ></MTable>\n      <MForm\n        v-if=\"config.form\"\n        :config=\"config.form\"\n        :init-values=\"config.values || (config.prop && scope.row[config.prop]) || {}\"\n      ></MForm>\n      <div v-if=\"config.expandContent\" v-html=\"config.expandContent(scope.row, config.prop)\"></div>\n      <component v-if=\"config.component\" :is=\"config.component\" v-bind=\"componentProps(scope.row)\"></component>\n    </template>\n  </TMagicTableColumn>\n</template>\n\n<script lang=\"ts\" setup name=\"MTableExpandColumn\">\nimport { TMagicTableColumn } from '@tmagic/design';\nimport { MForm } from '@tmagic/form';\n\nimport { ColumnConfig } from './schema';\nimport MTable from './Table.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    config: ColumnConfig;\n  }>(),\n  {\n    config: () => ({}),\n  },\n);\n\nconst componentProps = (row: any) => {\n  if (typeof props.config.props === 'function') {\n    return props.config.props(row) || {};\n  }\n  return props.config.props || {};\n};\n</script>\n","/*\n * Tencent is pleased to support the open source community by making TMagicEditor available.\n *\n * Copyright (C) 2023 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.prop) return '';\n\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","<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nexport default defineComponent({\n  name: 'MTablePopoverColumn',\n})\n</script>\n<template>\n  <TMagicTableColumn :label=\"config.label\" :width=\"config.width\" :fixed=\"config.fixed\">\n    <template v-slot=\"scope\">\n      <TMagicPopover\n        v-if=\"config.popover\"\n        :placement=\"config.popover.placement\"\n        :width=\"config.popover.width\"\n        :trigger=\"config.popover.trigger\"\n      >\n        <MTable\n          v-if=\"config.popover.tableEmbed\"\n          :show-header=\"config.showHeader\"\n          :columns=\"config.table\"\n          :data=\"(config.prop && scope.row[config.prop]) || []\"\n        ></MTable>\n        <template #reference>\n          <TMagicButton text type=\"primary\"> {{ config.text || formatter(config, scope.row) }}</TMagicButton>\n        </template>\n      </TMagicPopover>\n    </template>\n  </TMagicTableColumn>\n</template>\n\n<script lang=\"ts\" setup name=\"MTablePopoverColumn\">\nimport { TMagicButton, TMagicPopover, TMagicTableColumn } from '@tmagic/design';\n\nimport { ColumnConfig } from './schema';\nimport MTable from './Table.vue';\nimport { formatter } from './utils';\n\nwithDefaults(\n  defineProps<{\n    config: ColumnConfig;\n  }>(),\n  {\n    config: () => ({}),\n  },\n);\n</script>\n","<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nexport default defineComponent({\n  name: 'MTableColumn',\n})\n</script>\n<template>\n  <TMagicTableColumn\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      <TMagicForm 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      </TMagicForm>\n\n      <TMagicButton\n        v-else-if=\"config.action === 'actionLink' && config.prop\"\n        text\n        type=\"primary\"\n        @click=\"config.handler?.(scope.row)\"\n      >\n        <span v-html=\"formatter(config, scope.row)\"></span>\n      </TMagicButton>\n\n      <a v-else-if=\"config.action === 'img' && config.prop\" target=\"_blank\" :href=\"scope.row[config.prop]\"\n        ><img :src=\"scope.row[config.prop]\" height=\"50\"\n      /></a>\n\n      <a\n        v-else-if=\"config.action === 'link' && config.prop\"\n        target=\"_blank\"\n        :href=\"scope.row[config.prop]\"\n        class=\"keep-all\"\n        >{{ scope.row[config.prop] }}</a\n      >\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        <TMagicButton text type=\"primary\">扩展配置</TMagicButton>\n      </el-tooltip>\n\n      <TMagicTag\n        v-else-if=\"config.action === 'tag' && config.prop\"\n        :type=\"typeof config.type === 'function' ? config.type(scope.row[config.prop], scope.row) : config.type\"\n        close-transition\n        >{{ formatter(config, scope.row) }}</TMagicTag\n      >\n      <div v-else v-html=\"formatter(config, scope.row)\"></div>\n    </template>\n  </TMagicTableColumn>\n</template>\n\n<script lang=\"ts\" setup name=\"MTableColumn\">\nimport { TMagicButton, TMagicForm, TMagicTableColumn, TMagicTag } from '@tmagic/design';\n\nimport { ColumnConfig } from './schema';\nimport { formatter } from './utils';\n\nwithDefaults(\n  defineProps<{\n    config: ColumnConfig;\n    editState?: any;\n  }>(),\n  {\n    config: () => ({}),\n    editState: () => ({}),\n  },\n);\n</script>\n","<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nexport default defineComponent({\n  name: 'MTable',\n})\n</script>\n<template>\n  <TMagicTable\n    tooltip-effect=\"dark\"\n    class=\"m-table\"\n    ref=\"tMagicTable\"\n    v-loading=\"loading\"\n    :data=\"tableData\"\n    :show-header=\"showHeader\"\n    :max-height=\"bodyHeight\"\n    :default-expand-all=\"defaultExpandAll\"\n    :border=\"hasBorder\"\n    :row-key=\"rowkeyName || '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    @cell-click=\"cellClickHandler\"\n    @expand-change=\"expandChange\"\n  >\n    <template v-for=\"(item, columnIndex) in columns\">\n      <template v-if=\"item.type === 'expand'\">\n        <ExpandColumn :config=\"item\" :key=\"columnIndex\"></ExpandColumn>\n      </template>\n\n      <template v-else-if=\"item.selection\">\n        <component\n          width=\"40\"\n          type=\"selection\"\n          :is=\"tableColumnComponent.component\"\n          :key=\"columnIndex\"\n          :selectable=\"item.selectable\"\n        ></component>\n      </template>\n\n      <template v-else-if=\"item.actions\">\n        <ActionsColumn\n          :columns=\"columns\"\n          :config=\"item\"\n          :rowkey-name=\"rowkeyName\"\n          :edit-state=\"editState\"\n          :key=\"columnIndex\"\n          @after-action=\"$emit('after-action')\"\n        ></ActionsColumn>\n      </template>\n\n      <template v-else-if=\"item.type === 'popover'\">\n        <PopoverColumn :key=\"columnIndex\" :config=\"item\"></PopoverColumn>\n      </template>\n\n      <template v-else>\n        <TextColumn :key=\"columnIndex\" :config=\"item\" :edit-state=\"editState\"></TextColumn>\n      </template>\n    </template>\n  </TMagicTable>\n</template>\n\n<script lang=\"ts\" setup name=\"MTable\">\nimport { computed, ref } from 'vue';\nimport { cloneDeep } from 'lodash-es';\n\nimport { getConfig, TMagicTable } from '@tmagic/design';\n\nimport ActionsColumn from './ActionsColumn.vue';\nimport ExpandColumn from './ExpandColumn.vue';\nimport PopoverColumn from './PopoverColumn.vue';\nimport TextColumn from './TextColumn.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    data: any[];\n    columns?: any[];\n    /** 合并行或列的计算方法 */\n    spanMethod?: (data: { row: any; column: any; rowIndex: number; columnIndex: number }) => [number, number];\n    loading?: boolean;\n    /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */\n    bodyHeight?: string | number;\n    /** 是否显示表头 */\n    showHeader?: boolean;\n    /** 空数据时显示的文本内容 */\n    emptyText?: string;\n    /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */\n    defaultExpandAll?: boolean;\n    rowkeyName?: string;\n    /** 是否带有纵向边框 */\n    border?: boolean;\n  }>(),\n  {\n    columns: () => [],\n    loading: false,\n    showHeader: true,\n    defaultExpandAll: false,\n    border: false,\n  },\n);\n\nconst emit = defineEmits([\n  'sort-change',\n  'after-action',\n  'select',\n  'select-all',\n  'selection-change',\n  'expand-change',\n  'cell-click',\n]);\n\nconst tMagicTable = ref<InstanceType<typeof TMagicTable>>();\n\nconst editState = ref([]);\n\nconst tableColumnComponent = getConfig('components').tableColumn;\nconst selectionColumn = computed(() => {\n  const column = props.columns.filter((item) => item.selection);\n  return column.length ? column[0] : null;\n});\n\nconst tableData = computed(() => {\n  if (selectionColumn.value) {\n    return props.data || [];\n  }\n\n  return cloneDeep(props.data) || [];\n});\n\nconst hasBorder = computed(() => (typeof props.border !== 'undefined' ? props.border : true));\n\nconst sortChange = (data: any) => {\n  emit('sort-change', data);\n};\n\nconst selectHandler = (selection: any, row: any) => {\n  const column = selectionColumn.value;\n  if (!column) {\n    return;\n  }\n\n  if (column.selection === 'single') {\n    // this.clearSelection()\n    // this.toggleRowSelection(row, true)\n  }\n  emit('select', selection, row);\n};\n\nconst selectAllHandler = (selection: any) => {\n  emit('select-all', selection);\n};\n\nconst selectionChangeHandler = (selection: any) => {\n  emit('selection-change', selection);\n};\n\nconst cellClickHandler = (...args: any[]) => {\n  emit('cell-click', ...args);\n};\n\nconst expandChange = (...args: any[]) => {\n  emit('expand-change', ...args);\n};\n\nconst toggleRowSelection = (row: any, selected: boolean) => {\n  tMagicTable.value?.toggleRowSelection(row, selected);\n};\n\nconst toggleRowExpansion = (row: any, expanded: boolean) => {\n  tMagicTable.value?.toggleRowExpansion(row, expanded);\n};\n\nconst clearSelection = () => {\n  tMagicTable.value?.clearSelection();\n};\n\nconst objectSpanMethod = (data: any) => {\n  if (typeof props.spanMethod === 'function') {\n    return props.spanMethod(data);\n  }\n  return () => ({\n    rowspan: 0,\n    colspan: 0,\n  });\n};\n\ndefineExpose({\n  toggleRowSelection,\n  toggleRowExpansion,\n  clearSelection,\n});\n</script>\n\n<style lang=\"scss\">\n.m-table {\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) 2023 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\nexport default {\n  install(app: App) {\n    app.component('m-table', Table);\n  },\n};\n"],"names":["__default__","Table"],"mappings":"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"}
+{"version":3,"file":"tmagic-table.js","sources":["../src/ActionsColumn.vue","../src/ExpandColumn.vue","../src/utils.ts","../src/Table.vue","../src/index.ts"],"sourcesContent":["<template>\n  <TMagicTableColumn :label=\"config.label\" :width=\"config.width\" :fixed=\"config.fixed\">\n    <template v-slot=\"scope\">\n      <TMagicButton\n        v-for=\"(action, actionIndex) in config.actions\"\n        v-show=\"display(action.display, scope.row) && !editState[scope.$index]\"\n        class=\"action-btn\"\n        text\n        :type=\"action.buttonType || 'primary'\"\n        size=\"small\"\n        :icon=\"action.icon\"\n        :key=\"actionIndex\"\n        @click=\"actionHandler(action, scope.row, scope.$index)\"\n        ><span v-html=\"formatter(action.text, scope.row)\"></span\n      ></TMagicButton>\n      <TMagicButton\n        class=\"action-btn\"\n        v-show=\"editState[scope.$index]\"\n        text\n        type=\"primary\"\n        size=\"small\"\n        @click=\"save(scope.$index, config)\"\n        >保存</TMagicButton\n      >\n      <TMagicButton\n        class=\"action-btn\"\n        v-show=\"editState[scope.$index]\"\n        text\n        type=\"primary\"\n        size=\"small\"\n        @click=\"editState[scope.$index] = undefined\"\n        >取消</TMagicButton\n      >\n    </template>\n  </TMagicTableColumn>\n</template>\n\n<script lang=\"ts\" setup>\nimport { TMagicButton, tMagicMessage, TMagicTableColumn } from '@tmagic/design';\n\nimport { ColumnActionConfig, ColumnConfig } from './schema';\n\ndefineOptions({\n  name: 'MTableActionsColumn',\n});\n\nconst props = withDefaults(\n  defineProps<{\n    columns: any[];\n    config: ColumnConfig;\n    rowkeyName?: string;\n    editState?: any;\n  }>(),\n  {\n    columns: () => [],\n    config: () => ({}),\n    rowkeyName: 'c_id',\n    editState: () => [],\n  },\n);\n\nconst emit = defineEmits(['after-action']);\n\nconst display = (fuc: boolean | Function | undefined, row: any) => {\n  if (typeof fuc === 'function') {\n    return fuc(row);\n  }\n  return true;\n};\n\nconst formatter = (fuc: string | Function | undefined, row: any) => {\n  if (typeof fuc === 'function') {\n    return fuc(row);\n  }\n  return fuc;\n};\n\nconst actionHandler = async (action: ColumnActionConfig, row: any, index: number) => {\n  await action.before?.(row, index);\n  if (action.type === 'edit') {\n    props.editState[index] = row;\n  } else {\n    await action.handler?.(row, index);\n  }\n  action.after?.(row, index);\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      tMagicMessage.success('保存成功');\n      props.editState[index] = undefined;\n      emit('after-action');\n    } else {\n      tMagicMessage.error(res.msg || '保存失败');\n    }\n  } else {\n    props.editState[index] = undefined;\n    emit('after-action');\n  }\n};\n</script>\n","<template>\n  <TMagicTableColumn type=\"expand\">\n    <template #default=\"scope\">\n      <MTable\n        v-if=\"config.table\"\n        :show-header=\"false\"\n        :columns=\"config.table\"\n        :data=\"(config.prop && scope.row[config.prop]) || []\"\n      ></MTable>\n      <MForm\n        v-if=\"config.form\"\n        :config=\"config.form\"\n        :init-values=\"config.values || (config.prop && scope.row[config.prop]) || {}\"\n      ></MForm>\n      <div v-if=\"config.expandContent\" v-html=\"config.expandContent(scope.row, config.prop)\"></div>\n      <component v-if=\"config.component\" :is=\"config.component\" v-bind=\"componentProps(scope.row)\"></component>\n    </template>\n  </TMagicTableColumn>\n</template>\n\n<script lang=\"ts\" setup>\nimport { TMagicTableColumn } from '@tmagic/design';\nimport { MForm } from '@tmagic/form';\n\nimport { ColumnConfig } from './schema';\nimport MTable from './Table.vue';\n\ndefineOptions({\n  name: 'MTableExpandColumn',\n});\n\nconst props = withDefaults(\n  defineProps<{\n    config: ColumnConfig;\n  }>(),\n  {\n    config: () => ({}),\n  },\n);\n\nconst componentProps = (row: any) => {\n  if (typeof props.config.props === 'function') {\n    return props.config.props(row) || {};\n  }\n  return props.config.props || {};\n};\n</script>\n","/*\n * Tencent is pleased to support the open source community by making TMagicEditor available.\n *\n * Copyright (C) 2023 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.prop) return '';\n\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  <TMagicTable\n    tooltip-effect=\"dark\"\n    class=\"m-table\"\n    ref=\"tMagicTable\"\n    v-loading=\"loading\"\n    :data=\"tableData\"\n    :show-header=\"showHeader\"\n    :max-height=\"bodyHeight\"\n    :default-expand-all=\"defaultExpandAll\"\n    :border=\"hasBorder\"\n    :row-key=\"rowkeyName || '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    @cell-click=\"cellClickHandler\"\n    @expand-change=\"expandChange\"\n  >\n    <template v-for=\"(item, columnIndex) in columns\">\n      <template v-if=\"item.type === 'expand'\">\n        <ExpandColumn :config=\"item\" :key=\"columnIndex\"></ExpandColumn>\n      </template>\n\n      <template v-else-if=\"item.selection\">\n        <component\n          width=\"40\"\n          type=\"selection\"\n          :is=\"tableColumnComponent?.component || 'el-table-column'\"\n          :key=\"columnIndex\"\n          :selectable=\"item.selectable\"\n        ></component>\n      </template>\n\n      <template v-else-if=\"item.actions\">\n        <ActionsColumn\n          :columns=\"columns\"\n          :config=\"item\"\n          :rowkey-name=\"rowkeyName\"\n          :edit-state=\"editState\"\n          :key=\"columnIndex\"\n          @after-action=\"$emit('after-action')\"\n        ></ActionsColumn>\n      </template>\n\n      <template v-else-if=\"item.type === 'popover'\">\n        <PopoverColumn :key=\"columnIndex\" :config=\"item\"></PopoverColumn>\n      </template>\n\n      <template v-else>\n        <TextColumn :key=\"columnIndex\" :config=\"item\" :edit-state=\"editState\"></TextColumn>\n      </template>\n    </template>\n  </TMagicTable>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue';\nimport { cloneDeep } from 'lodash-es';\n\nimport { getConfig, TMagicTable } from '@tmagic/design';\n\nimport ActionsColumn from './ActionsColumn.vue';\nimport ExpandColumn from './ExpandColumn.vue';\nimport PopoverColumn from './PopoverColumn.vue';\nimport TextColumn from './TextColumn.vue';\n\ndefineOptions({\n  name: 'MTable',\n});\n\nconst props = withDefaults(\n  defineProps<{\n    data: any[];\n    columns?: any[];\n    /** 合并行或列的计算方法 */\n    spanMethod?: (data: { row: any; column: any; rowIndex: number; columnIndex: number }) => [number, number];\n    loading?: boolean;\n    /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */\n    bodyHeight?: string | number;\n    /** 是否显示表头 */\n    showHeader?: boolean;\n    /** 空数据时显示的文本内容 */\n    emptyText?: string;\n    /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */\n    defaultExpandAll?: boolean;\n    rowkeyName?: string;\n    /** 是否带有纵向边框 */\n    border?: boolean;\n  }>(),\n  {\n    columns: () => [],\n    loading: false,\n    showHeader: true,\n    defaultExpandAll: false,\n    border: false,\n  },\n);\n\nconst emit = defineEmits([\n  'sort-change',\n  'after-action',\n  'select',\n  'select-all',\n  'selection-change',\n  'expand-change',\n  'cell-click',\n]);\n\nconst tMagicTable = ref<InstanceType<typeof TMagicTable>>();\n\nconst editState = ref([]);\n\nconst tableColumnComponent = getConfig('components')?.tableColumn;\nconst selectionColumn = computed(() => {\n  const column = props.columns.filter((item) => item.selection);\n  return column.length ? column[0] : null;\n});\n\nconst tableData = computed(() => {\n  if (selectionColumn.value) {\n    return props.data || [];\n  }\n\n  return cloneDeep(props.data) || [];\n});\n\nconst hasBorder = computed(() => (typeof props.border !== 'undefined' ? props.border : true));\n\nconst sortChange = (data: any) => {\n  emit('sort-change', data);\n};\n\nconst selectHandler = (selection: any, row: any) => {\n  const column = selectionColumn.value;\n  if (!column) {\n    return;\n  }\n\n  if (column.selection === 'single') {\n    // this.clearSelection()\n    // this.toggleRowSelection(row, true)\n  }\n  emit('select', selection, row);\n};\n\nconst selectAllHandler = (selection: any) => {\n  emit('select-all', selection);\n};\n\nconst selectionChangeHandler = (selection: any) => {\n  emit('selection-change', selection);\n};\n\nconst cellClickHandler = (...args: any[]) => {\n  emit('cell-click', ...args);\n};\n\nconst expandChange = (...args: any[]) => {\n  emit('expand-change', ...args);\n};\n\nconst toggleRowSelection = (row: any, selected: boolean) => {\n  tMagicTable.value?.toggleRowSelection(row, selected);\n};\n\nconst toggleRowExpansion = (row: any, expanded: boolean) => {\n  tMagicTable.value?.toggleRowExpansion(row, expanded);\n};\n\nconst clearSelection = () => {\n  tMagicTable.value?.clearSelection();\n};\n\nconst objectSpanMethod = (data: any) => {\n  if (typeof props.spanMethod === 'function') {\n    return props.spanMethod(data);\n  }\n  return () => ({\n    rowspan: 0,\n    colspan: 0,\n  });\n};\n\ndefineExpose({\n  toggleRowSelection,\n  toggleRowExpansion,\n  clearSelection,\n});\n</script>\n\n<style lang=\"scss\">\n.m-table {\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) 2023 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\nexport default {\n  install(app: App) {\n    app.component('m-table', Table);\n  },\n};\n"],"names":["Table"],"mappings":"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"}