giime 0.0.12 → 0.0.14

package/es/components/src/business/tableBody/TableBody.vue2.mjs

@@ -1,9 +1,17 @@
-import { pushScopeId, popScopeId, defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, renderList, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { pushScopeId, popScopeId, defineComponent, ref, computed, useSlots, watch, nextTick, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createBlock, createCommentVNode, unref, createTextVNode } from 'vue';
 import { useElementBounding, useWindowSize } from '@vueuse/core';
+import { hasOwn } from '../../../../utils/src/objects.mjs';
+import VNodeRenderer from '../../common/VNodeRenderer.mjs';
+import TableVNodeRenderer from './TableVNodeRenderer.mjs';
 import { tableBodyProps, tableBodyEmits } from './tableBody.mjs';
+import { tableBodyOperateButtonProps } from './tableBodyItem/tableBodyOperates/tableBodyOperateButton.mjs';
+import { getVnodesByGmName } from './tableHelper.mjs';
 
-const _withScopeId = (n) => (pushScopeId("data-v-e6c3b52b"), n = n(), popScopeId(), n);
-const _hoisted_1 = { id: "table-page" };
+const _withScopeId = (n) => (pushScopeId("data-v-f1eed8aa"), n = n(), popScopeId(), n);
+const _hoisted_1 = {
+  key: 0,
+  id: "table-page"
+};
 const _hoisted_2 = {
   key: 0,
   class: "text-center"
@@ -12,7 +20,10 @@ const _hoisted_3 = {
   key: 1,
   class: "operate-wrap"
 };
-const _hoisted_4 = { class: "operate-wrap" };
+const _hoisted_4 = {
+  key: 0,
+  class: "gm-flex gm-flex-wrap gm-justify-center"
+};
 const _hoisted_5 = {
   key: 0,
   class: "gm-mt-2 gm-flex gm-justify-end"
@@ -25,18 +36,62 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   props: tableBodyProps,
   emits: tableBodyEmits,
   setup(__props) {
-    const props = __props;
     const GmTbaleRef = ref();
+    const props = __props;
     const { top } = useElementBounding(GmTbaleRef);
     const { height } = useWindowSize();
     const tableMaxHeight = computed(() => height.value - top.value - props.offsetBottom);
-    const columnList = ref(props.headerList);
-    const customList = ref(props.operateList);
-    const Formatter = (row, colunm) => {
-      return row[colunm.property] || "--";
-    };
+    const slots = useSlots();
+    const columnDefault = computed(() => {
+      const vNodes = slots.default?.() || [];
+      const result = vNodes.filter((vNode) => vNode.props && vNode.props.prop !== "tableOperate");
+      return result.map((vNode) => vNode.props);
+    });
+    const columnList = ref(columnDefault.value);
+    const columnVNodes = computed(() => {
+      const vNodes = slots.default?.(props.data) || [];
+      const result = [];
+      columnList.value.forEach((vNode) => {
+        const { prop, width } = vNode;
+        const node = vNodes.find((item) => item.props.prop === prop);
+        if (node) {
+          node.props.width = width;
+          result.push(node);
+        }
+      });
+      return result;
+    });
+    const tableOperateVnode = computed(() => {
+      const vNodes = slots.default?.() || [];
+      const nodes = vNodes.find((vNode) => vNode.props && vNode.props.prop === "tableOperate");
+      return nodes;
+    });
+    const customDefaultPropsList = computed(() => {
+      const defaultVnodes = tableOperateVnode.value?.children?.default?.(tableOperateVnode.value?.ctx.scope);
+      const children = getVnodesByGmName(defaultVnodes, "TableBodyOperateButton");
+      const btnProps = children.map((vNode) => vNode.props) ?? [];
+      btnProps.forEach((it) => {
+        for (const key in tableBodyOperateButtonProps) {
+          if (hasOwn(it, key)) {
+            continue;
+          }
+          if (hasOwn(tableBodyOperateButtonProps, key)) {
+            const element = tableBodyOperateButtonProps[key];
+            if (hasOwn(element, "default")) {
+              Reflect.set(it, key, Reflect.get(element, "default"));
+            }
+          }
+        }
+      });
+      return btnProps;
+    });
+    const customBtnList = ref(customDefaultPropsList.value);
+    const customVNodes = computed(() => {
+      const result = [];
+      return result;
+    });
     const drawerHeaderVisible = ref(false);
-    const drawerOperateVisible = ref(false);
+    const drawerOperateVisible = ref(true);
     const setTable = (event) => {
       if (event === "header") {
         drawerHeaderVisible.value = true;
@@ -45,23 +100,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         drawerOperateVisible.value = true;
       }
     };
-    const decisionBtn = (btn, row) => {
-      let result = true;
-      const { decision } = btn;
-      const keys = Object.keys(row).map((k) => k);
-      if (decision && keys.length) {
-        Object.entries(decision).forEach(([key, value]) => {
-          if (key.includes(key)) {
-            const { extend, condition } = value;
-            const ext = condition?.includes(row[key]);
-            if (extend && !ext || !extend && ext) {
-              result = false;
-            }
-          }
-        });
+    const showTable = ref(true);
+    watch(
+      [columnVNodes, customVNodes],
+      async () => {
+        showTable.value = false;
+        await nextTick();
+        setTimeout(() => {
+          showTable.value = true;
+        }, 10);
+        GmTbaleRef.value?.doLayout();
+      },
+      {
+        immediate: true,
+        deep: true
       }
-      return result;
-    };
+    );
     return (_ctx, _cache) => {
       const _component_gm_table_column = resolveComponent("gm-table-column");
       const _component_gm_button = resolveComponent("gm-button");
@@ -73,7 +127,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         Fragment,
         null,
         [
-          createElementVNode("div", _hoisted_1, [
+          showTable.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
             createVNode(_component_gm_table, {
               ref_key: "GmTbaleRef",
               ref: GmTbaleRef,
@@ -93,82 +147,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   type: "selection",
                   width: "50"
                 })) : createCommentVNode("v-if", true),
-                (openBlock(true), createElementBlock(
-                  Fragment,
-                  null,
-                  renderList(columnList.value, (col) => {
-                    return openBlock(), createElementBlock(
-                      Fragment,
-                      {
-                        key: col.prop
-                      },
-                      [
-                        col.slot ? (openBlock(), createBlock(_component_gm_table_column, {
-                          key: 0,
-                          prop: col.prop,
-                          label: col.label,
-                          "min-width": col.width,
-                          sortable: col.sortable,
-                          "show-overflow-tooltip": col.tooltip,
-                          fixed: col.fixed
-                        }, {
-                          header: withCtx(() => [
-                            renderSlot(_ctx.$slots, "header", {
-                              prop: col.prop
-                            }, () => [
-                              createTextVNode(
-                                toDisplayString(col.label),
-                                1
-                                /* TEXT */
-                              )
-                            ], true)
-                          ]),
-                          default: withCtx(({ row }) => [
-                            renderSlot(_ctx.$slots, "default", {
-                              prop: col.prop,
-                              row
-                            }, () => [
-                              createTextVNode(
-                                toDisplayString(row[col.prop] || "--"),
-                                1
-                                /* TEXT */
-                              )
-                            ], true)
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        }, 1032, ["prop", "label", "min-width", "sortable", "show-overflow-tooltip", "fixed"])) : (openBlock(), createBlock(_component_gm_table_column, {
-                          key: 1,
-                          prop: col.prop,
-                          label: col.label,
-                          "min-width": col.width,
-                          sortable: col.sortable,
-                          "show-overflow-tooltip": col.tooltip,
-                          formatter: col.formatter || Formatter,
-                          fixed: col.fixed
-                        }, {
-                          header: withCtx(() => [
-                            renderSlot(_ctx.$slots, "header", {
-                              prop: col.prop
-                            }, () => [
-                              createTextVNode(
-                                toDisplayString(col.label),
-                                1
-                                /* TEXT */
-                              )
-                            ], true)
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        }, 1032, ["prop", "label", "min-width", "sortable", "show-overflow-tooltip", "formatter", "fixed"]))
-                      ],
-                      64
-                      /* STABLE_FRAGMENT */
-                    );
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                )),
+                createCommentVNode(" \u6E32\u67D3\u6570\u636E "),
+                createVNode(unref(VNodeRenderer), { vnode: columnVNodes.value }, null, 8, ["vnode"]),
+                createCommentVNode(" \u64CD\u4F5C "),
                 createVNode(_component_gm_table_column, {
                   width: _ctx.operateWidth,
                   fixed: _ctx.operateFixed ? "right" : false
@@ -203,51 +184,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       })) : createCommentVNode("v-if", true)
                     ]))
                   ]),
-                  default: withCtx(({ row }) => [
-                    createElementVNode("div", _hoisted_4, [
-                      (openBlock(true), createElementBlock(
-                        Fragment,
-                        null,
-                        renderList(customList.value, (btn) => {
-                          return openBlock(), createElementBlock(
-                            Fragment,
-                            {
-                              key: btn.event
-                            },
-                            [
-                              decisionBtn(btn, row) ? (openBlock(), createBlock(_component_gm_button, {
-                                key: 0,
-                                type: btn.type || "primary",
-                                link: "",
-                                size: "small",
-                                onClick: ($event) => _ctx.$emit("tableOperate", btn, row)
-                              }, {
-                                default: withCtx(() => [
-                                  createTextVNode(
-                                    toDisplayString(btn.label),
-                                    1
-                                    /* TEXT */
-                                  )
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1032, ["type", "onClick"])) : createCommentVNode("v-if", true)
-                            ],
-                            64
-                            /* STABLE_FRAGMENT */
-                          );
-                        }),
-                        128
-                        /* KEYED_FRAGMENT */
-                      ))
-                    ])
+                  default: withCtx((slotValue) => [
+                    createCommentVNode(' <VNodeRenderer :vnode="customVNodes" /> '),
+                    tableOperateVnode.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                      createVNode(unref(TableVNodeRenderer), {
+                        vnode: tableOperateVnode.value.children.default(slotValue),
+                        customPropsList: customBtnList.value
+                      }, null, 8, ["vnode", "customPropsList"])
+                    ])) : createCommentVNode("v-if", true)
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["width", "fixed"])
               ]),
-              _: 3
-              /* FORWARDED */
+              _: 1
+              /* STABLE */
             }, 8, ["data", "height", "header-cell-style", "border", "row-style", "row-class-name", "selection"]),
             createCommentVNode(" \u5206\u9875 "),
             props.pagination ? (openBlock(), createElementBlock("div", _hoisted_5, [
@@ -262,25 +213,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 onCurrentChange: _cache[5] || (_cache[5] = (value) => _ctx.$emit("currentChange", value))
               }, null, 8, ["page-size", "current-page", "page-sizes", "layout", "total", "small"])
             ])) : createCommentVNode("v-if", true)
-          ]),
+          ])) : createCommentVNode("v-if", true),
           props.customHeader ? (openBlock(), createBlock(_component_gm_table_header, {
-            key: 0,
+            key: 1,
             drawer: drawerHeaderVisible.value,
             "onUpdate:drawer": _cache[6] || (_cache[6] = ($event) => drawerHeaderVisible.value = $event),
             columnList: columnList.value,
             "onUpdate:columnList": _cache[7] || (_cache[7] = ($event) => columnList.value = $event),
-            headerList: props.headerList,
+            headerList: columnDefault.value,
             page: props.page
           }, null, 8, ["drawer", "columnList", "headerList", "page"])) : createCommentVNode("v-if", true),
           props.customOperate ? (openBlock(), createBlock(_component_gm_custom_operations, {
-            key: 1,
-            drawer: drawerOperateVisible.value,
-            "onUpdate:drawer": _cache[8] || (_cache[8] = ($event) => drawerOperateVisible.value = $event),
-            customList: customList.value,
-            "onUpdate:customList": _cache[9] || (_cache[9] = ($event) => customList.value = $event),
-            operateList: props.operateList,
+            key: 2,
+            isShowDrawer: drawerOperateVisible.value,
+            "onUpdate:isShowDrawer": _cache[8] || (_cache[8] = ($event) => drawerOperateVisible.value = $event),
+            customBtnList: customBtnList.value,
+            "onUpdate:customBtnList": _cache[9] || (_cache[9] = ($event) => customBtnList.value = $event),
+            customDefaultPropsList: customDefaultPropsList.value,
             page: props.page
-          }, null, 8, ["drawer", "customList", "operateList", "page"])) : createCommentVNode("v-if", true)
+          }, null, 8, ["isShowDrawer", "customBtnList", "customDefaultPropsList", "page"])) : createCommentVNode("v-if", true)
         ],
         64
         /* STABLE_FRAGMENT */

package/es/components/src/business/tableBody/TableBody.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.vue2.mjs","sources":["../../../../../../../packages/components/src/business/tableBody/TableBody.vue"],"sourcesContent":["<template>\r\n  <div id=\"table-page\">\r\n    <gm-table\r\n      ref=\"GmTbaleRef\"\r\n      :data=\"props.data\"\r\n      :height=\"tableMaxHeight\"\r\n      :header-cell-style=\"props.headerCellStyle\"\r\n      :border=\"props.border\"\r\n      :row-style=\"props.rowStyle\"\r\n      :row-class-name=\"props.rowClassName\"\r\n      :selection=\"props.selection\"\r\n      @selection-change=\"(value: HeaderListItem[]) => $emit('selectionChange', value)\"\r\n      @sort-change=\"(sort: Sort) => $emit('sortChange', sort)\"\r\n    >\r\n      <template v-if=\"props.selection\">\r\n        <gm-table-column :key=\"999999\" type=\"selection\" width=\"50\" />\r\n      </template>\r\n      <template v-for=\"col in columnList\" :key=\"col.prop\">\r\n        <gm-table-column\r\n          v-if=\"col.slot\"\r\n          :prop=\"col.prop\"\r\n          :label=\"col.label\"\r\n          :min-width=\"col.width\"\r\n          :sortable=\"col.sortable\"\r\n          :show-overflow-tooltip=\"col.tooltip\"\r\n          :fixed=\"col.fixed\"\r\n        >\r\n          <!-- 表头插槽 -->\r\n          <template #header>\r\n            <slot name=\"header\" :prop=\"col.prop\">\r\n              {{ col.label }}\r\n            </slot>\r\n          </template>\r\n          <template #default=\"{ row }\">\r\n            <slot name=\"default\" :prop=\"col.prop\" :row=\"row\">\r\n              {{ row[col.prop] || '--' }}\r\n            </slot>\r\n          </template>\r\n        </gm-table-column>\r\n        <gm-table-column\r\n          v-else\r\n          :prop=\"col.prop\"\r\n          :label=\"col.label\"\r\n          :min-width=\"col.width\"\r\n          :sortable=\"col.sortable\"\r\n          :show-overflow-tooltip=\"col.tooltip\"\r\n          :formatter=\"col.formatter || Formatter\"\r\n          :fixed=\"col.fixed\"\r\n        >\r\n          <!-- 表头插槽 -->\r\n          <template #header>\r\n            <slot name=\"header\" :prop=\"col.prop\">\r\n              {{ col.label }}\r\n            </slot>\r\n          </template>\r\n        </gm-table-column>\r\n      </template>\r\n      <gm-table-column :width=\"operateWidth\" :fixed=\"operateFixed ? 'right' : false\">\r\n        <template #header>\r\n          <template v-if=\"!customHeader && !customOperate\">\r\n            <div class=\"text-center\">操作</div>\r\n          </template>\r\n          <template v-else>\r\n            <div class=\"operate-wrap\">\r\n              <gm-button v-if=\"customHeader\" type=\"primary\" link size=\"small\" @click=\"setTable('header')\"> 表头 </gm-button>\r\n              <gm-button v-if=\"customOperate\" type=\"primary\" link size=\"small\" @click=\"setTable('operate')\"> 操作 </gm-button>\r\n            </div>\r\n          </template>\r\n        </template>\r\n        <template #default=\"{ row }\">\r\n          <div class=\"operate-wrap\">\r\n            <template v-for=\"btn in customList\" :key=\"btn.event\">\r\n              <template v-if=\"decisionBtn(btn, row)\">\r\n                <gm-button :type=\"btn.type || 'primary'\" link size=\"small\" @click=\"$emit('tableOperate', btn, row)\">\r\n                  {{ btn.label }}\r\n                </gm-button>\r\n              </template>\r\n            </template>\r\n          </div>\r\n        </template>\r\n      </gm-table-column>\r\n    </gm-table>\r\n\r\n    <!-- 分页 -->\r\n    <template v-if=\"props.pagination\">\r\n      <div class=\"gm-mt-2 gm-flex gm-justify-end\">\r\n        <gm-pagination\r\n          :page-size=\"props.pageSize\"\r\n          :current-page=\"props.currentPage\"\r\n          :page-sizes=\"props.pageSizes\"\r\n          :layout=\"props.layout\"\r\n          :total=\"props.total\"\r\n          :small=\"props.small\"\r\n          @size-change=\"(value: number) => $emit('sizeChange', value)\"\r\n          @current-change=\"(value: number) => $emit('currentChange', value)\"\r\n        />\r\n      </div>\r\n    </template>\r\n  </div>\r\n\r\n  <template v-if=\"props.customHeader\">\r\n    <gm-table-header v-model:drawer=\"drawerHeaderVisible\" v-model:columnList=\"columnList\" :headerList=\"props.headerList\" :page=\"props.page\" />\r\n  </template>\r\n\r\n  <template v-if=\"props.customOperate\">\r\n    <gm-custom-operations v-model:drawer=\"drawerOperateVisible\" v-model:customList=\"customList\" :operateList=\"props.operateList\" :page=\"props.page\" />\r\n  </template>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, ref } from 'vue';\r\nimport { useElementBounding, useWindowSize } from '@vueuse/core';\r\nimport { type HeaderListItem } from '../tableHeader';\r\nimport { type OperateListItem } from '../customOperations';\r\nimport { tableBodyEmits, tableBodyProps } from './tableBody';\r\nimport type { Sort, TableColumnCtx, TableInstance } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmTableBody',\r\n});\r\ndefineEmits(tableBodyEmits);\r\nconst props = defineProps(tableBodyProps);\r\n\r\nconst GmTbaleRef = ref<TableInstance>();\r\n\r\n// 表格高度\r\nconst { top } = useElementBounding(GmTbaleRef as any);\r\nconst { height } = useWindowSize();\r\nconst tableMaxHeight = computed(() => height.value - top.value - props.offsetBottom);\r\n\r\n// 已选中表头\r\nconst columnList = ref<HeaderListItem[]>(props.headerList);\r\n\r\n// 操作\r\nconst customList = ref<OperateListItem[]>(props.operateList);\r\n\r\n// 格式化数据\r\nconst Formatter = (row: Record<string, any>, colunm: TableColumnCtx<any>) => {\r\n  return row[colunm.property] || '--';\r\n};\r\n\r\n// 表格头部弹层\r\nconst drawerHeaderVisible = ref(false); // 表头设置弹层\r\nconst drawerOperateVisible = ref(false); // 按钮设置弹层\r\nconst setTable = (event: string) => {\r\n  if (event === 'header') {\r\n    drawerHeaderVisible.value = true;\r\n  }\r\n  if (event === 'operate') {\r\n    drawerOperateVisible.value = true;\r\n  }\r\n};\r\n\r\nconst decisionBtn = (btn: OperateListItem, row: any) => {\r\n  let result = true; //默认按钮全部展示\r\n  const { decision } = btn;\r\n  const keys = Object.keys(row).map(k => k);\r\n  if (decision && keys.length) {\r\n    Object.entries(decision).forEach(([key, value]) => {\r\n      if (key.includes(key)) {\r\n        const { extend, condition } = value;\r\n        const ext = condition?.includes(row[key]);\r\n        if ((extend && !ext) || (!extend && ext)) {\r\n          result = false;\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  return result;\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n#table-page {\r\n  :deep(.cell) {\r\n    white-space: pre-line !important;\r\n  }\r\n  :deep(.el-tooltip) {\r\n    white-space: nowrap !important;\r\n  }\r\n  :deep(.el-scrollbar__bar.is-horizontal) {\r\n    height: 12px;\r\n    border-radius: 12px;\r\n  }\r\n  .operate-wrap {\r\n    text-align: center;\r\n  }\r\n  .el-button {\r\n    margin: 0 3px !important;\r\n  }\r\n}\r\n</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,aAAa,GAAmB,EAAA,CAAA;AAGtC,IAAA,MAAM,EAAE,GAAA,EAAQ,GAAA,kBAAA,CAAmB,UAAiB,CAAA,CAAA;AACpD,IAAM,MAAA,EAAE,MAAO,EAAA,GAAI,aAAc,EAAA,CAAA;AACjC,IAAM,MAAA,cAAA,GAAiB,SAAS,MAAM,MAAA,CAAO,QAAQ,GAAI,CAAA,KAAA,GAAQ,MAAM,YAAY,CAAA,CAAA;AAGnF,IAAM,MAAA,UAAA,GAAa,GAAsB,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAGzD,IAAM,MAAA,UAAA,GAAa,GAAuB,CAAA,KAAA,CAAM,WAAW,CAAA,CAAA;AAG3D,IAAM,MAAA,SAAA,GAAY,CAAC,GAAA,EAA0B,MAAgC,KAAA;AAC3E,MAAO,OAAA,GAAA,CAAI,MAAO,CAAA,QAAQ,CAAK,IAAA,IAAA,CAAA;AAAA,KACjC,CAAA;AAGA,IAAM,MAAA,mBAAA,GAAsB,IAAI,KAAK,CAAA,CAAA;AACrC,IAAM,MAAA,oBAAA,GAAuB,IAAI,KAAK,CAAA,CAAA;AACtC,IAAM,MAAA,QAAA,GAAW,CAAC,KAAkB,KAAA;AAClC,MAAA,IAAI,UAAU,QAAU,EAAA;AACtB,QAAA,mBAAA,CAAoB,KAAQ,GAAA,IAAA,CAAA;AAAA,OAC9B;AACA,MAAA,IAAI,UAAU,SAAW,EAAA;AACvB,QAAA,oBAAA,CAAqB,KAAQ,GAAA,IAAA,CAAA;AAAA,OAC/B;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,GAAA,EAAsB,GAAa,KAAA;AACtD,MAAA,IAAI,MAAS,GAAA,IAAA,CAAA;AACb,MAAM,MAAA,EAAE,UAAa,GAAA,GAAA,CAAA;AACrB,MAAA,MAAM,OAAO,MAAO,CAAA,IAAA,CAAK,GAAG,CAAE,CAAA,GAAA,CAAI,OAAK,CAAC,CAAA,CAAA;AACxC,MAAI,IAAA,QAAA,IAAY,KAAK,MAAQ,EAAA;AAC3B,QAAO,MAAA,CAAA,OAAA,CAAQ,QAAQ,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAC,GAAA,EAAK,KAAK,CAAM,KAAA;AACjD,UAAI,IAAA,GAAA,CAAI,QAAS,CAAA,GAAG,CAAG,EAAA;AACrB,YAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,YAAA,MAAM,GAAM,GAAA,SAAA,EAAW,QAAS,CAAA,GAAA,CAAI,GAAG,CAAC,CAAA,CAAA;AACxC,YAAA,IAAK,MAAU,IAAA,CAAC,GAAS,IAAA,CAAC,UAAU,GAAM,EAAA;AACxC,cAAS,MAAA,GAAA,KAAA,CAAA;AAAA,aACX;AAAA,WACF;AAAA,SACD,CAAA,CAAA;AAAA,OACH;AAEA,MAAO,OAAA,MAAA,CAAA;AAAA,KACT,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TableBody.vue2.mjs","sources":["../../../../../../../packages/components/src/business/tableBody/TableBody.vue"],"sourcesContent":["<template>\r\n  <div v-if=\"showTable\" id=\"table-page\">\r\n    <gm-table\r\n      ref=\"GmTbaleRef\"\r\n      :data=\"props.data\"\r\n      :height=\"tableMaxHeight\"\r\n      :header-cell-style=\"props.headerCellStyle\"\r\n      :border=\"props.border\"\r\n      :row-style=\"props.rowStyle\"\r\n      :row-class-name=\"props.rowClassName\"\r\n      :selection=\"props.selection\"\r\n      @selection-change=\"(value: HeaderListItem[]) => $emit('selectionChange', value)\"\r\n      @sort-change=\"(sort: Sort) => $emit('sortChange', sort)\"\r\n    >\r\n      <template v-if=\"props.selection\">\r\n        <gm-table-column :key=\"999999\" type=\"selection\" width=\"50\" />\r\n      </template>\r\n\r\n      <!-- 渲染数据 -->\r\n      <VNodeRenderer :vnode=\"columnVNodes\" />\r\n      <!-- 操作 -->\r\n      <gm-table-column :width=\"operateWidth\" :fixed=\"operateFixed ? 'right' : false\">\r\n        <template #header>\r\n          <template v-if=\"!customHeader && !customOperate\">\r\n            <div class=\"text-center\">操作</div>\r\n          </template>\r\n          <template v-else>\r\n            <div class=\"operate-wrap\">\r\n              <gm-button v-if=\"customHeader\" type=\"primary\" link size=\"small\" @click=\"setTable('header')\"> 表头 </gm-button>\r\n              <gm-button v-if=\"customOperate\" type=\"primary\" link size=\"small\" @click=\"setTable('operate')\"> 操作 </gm-button>\r\n            </div>\r\n          </template>\r\n        </template>\r\n        <template #default=\"slotValue\">\r\n          <!-- <VNodeRenderer :vnode=\"customVNodes\" /> -->\r\n          <div v-if=\"tableOperateVnode\" class=\"gm-flex gm-flex-wrap gm-justify-center\">\r\n            <TableVNodeRenderer :vnode=\"tableOperateVnode.children.default(slotValue)\" :customPropsList=\"customBtnList\" />\r\n          </div>\r\n        </template>\r\n      </gm-table-column>\r\n    </gm-table>\r\n\r\n    <!-- 分页 -->\r\n    <template v-if=\"props.pagination\">\r\n      <div class=\"gm-mt-2 gm-flex gm-justify-end\">\r\n        <gm-pagination\r\n          :page-size=\"props.pageSize\"\r\n          :current-page=\"props.currentPage\"\r\n          :page-sizes=\"props.pageSizes\"\r\n          :layout=\"props.layout\"\r\n          :total=\"props.total\"\r\n          :small=\"props.small\"\r\n          @size-change=\"(value: number) => $emit('sizeChange', value)\"\r\n          @current-change=\"(value: number) => $emit('currentChange', value)\"\r\n        />\r\n      </div>\r\n    </template>\r\n  </div>\r\n\r\n  <template v-if=\"props.customHeader\">\r\n    <gm-table-header v-model:drawer=\"drawerHeaderVisible\" v-model:columnList=\"columnList\" :headerList=\"columnDefault\" :page=\"props.page\" />\r\n  </template>\r\n\r\n  <template v-if=\"props.customOperate\">\r\n    <gm-custom-operations\r\n      v-model:isShowDrawer=\"drawerOperateVisible\"\r\n      v-model:customBtnList=\"customBtnList\"\r\n      :customDefaultPropsList=\"customDefaultPropsList\"\r\n      :page=\"props.page\"\r\n    />\r\n  </template>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { type ComputedRef, computed, nextTick, ref, watch } from 'vue';\r\nimport { useElementBounding, useWindowSize } from '@vueuse/core';\r\nimport { hasOwn } from '@giime/utils/src/objects';\r\n// import { cloneDeep } from 'lodash-es';\r\nimport VNodeRenderer from '../../common/VNodeRenderer';\r\nimport { type HeaderListItem } from '../tableHeader';\r\nimport TableVNodeRenderer from './TableVNodeRenderer';\r\nimport { tableBodyEmits, tableBodyProps } from './tableBody';\r\nimport { tableBodyOperateButtonProps } from './tableBodyItem/tableBodyOperates/tableBodyOperateButton';\r\nimport { getVnodesByGmName } from './tableHelper';\r\nimport type { TableBodyOperateButtonProps } from './tableBodyItem/tableBodyOperates/tableBodyOperateButton';\r\nimport type { Sort, TableInstance } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmTableBody',\r\n});\r\nconst GmTbaleRef = ref<TableInstance>();\r\ndefineEmits(tableBodyEmits);\r\nconst props = defineProps(tableBodyProps);\r\n\r\n// 表格高度\r\nconst { top } = useElementBounding(GmTbaleRef as any);\r\nconst { height } = useWindowSize();\r\nconst tableMaxHeight = computed(() => height.value - top.value - props.offsetBottom);\r\n\r\nconst slots = defineSlots<{\r\n  default(data?: any): HeaderListItem[];\r\n}>();\r\n\r\n// 默认表头\r\nconst columnDefault: ComputedRef<HeaderListItem[]> = computed(() => {\r\n  const vNodes: HeaderListItem[] = slots.default?.() || [];\r\n  const result = vNodes.filter(vNode => vNode.props && vNode.props.prop !== 'tableOperate');\r\n  return result.map(vNode => vNode.props);\r\n});\r\n// 已选中表头\r\nconst columnList = ref<HeaderListItem[]>(columnDefault.value);\r\n// 获取选中插槽内容\r\nconst columnVNodes = computed(() => {\r\n  const vNodes: HeaderListItem[] = slots.default?.(props.data) || [];\r\n  const result: any = [];\r\n  columnList.value.forEach(vNode => {\r\n    const { prop, width } = vNode;\r\n    const node = vNodes.find(item => item.props.prop === prop);\r\n    if (node) {\r\n      node.props.width = width;\r\n      result.push(node);\r\n    }\r\n  });\r\n  // console.log({ result: result[0].children.default });\r\n  return result;\r\n});\r\n// 操作按钮组 当前原始vnode\r\nconst tableOperateVnode = computed(() => {\r\n  const vNodes = slots.default?.() || [];\r\n  const nodes = vNodes.find(vNode => vNode.props && vNode.props.prop === 'tableOperate');\r\n  return nodes;\r\n});\r\n\r\n// 操作按钮\r\n// const customElement = computed(() => {\r\n//   const vNodes = slots.default?.(props.data) || [];\r\n//   const nodes = vNodes.find(vNode => vNode.props && vNode.props.prop === 'tableOperate');\r\n//   const btnNodes = nodes?.children.default?.(nodes.ctx.scope);\r\n//   return btnNodes;\r\n// });\r\nconst customDefaultPropsList = computed(() => {\r\n  const defaultVnodes = tableOperateVnode.value?.children?.default?.(tableOperateVnode.value?.ctx.scope);\r\n  const children = getVnodesByGmName(defaultVnodes, 'TableBodyOperateButton');\r\n\r\n  const btnProps: TableBodyOperateButtonProps[] = children.map((vNode: { props: any }) => vNode.props) ?? [];\r\n  // 循环插入props所需的默认值\r\n  btnProps.forEach(it => {\r\n    for (const key in tableBodyOperateButtonProps) {\r\n      // 如果当前props含有默认值\r\n      if (hasOwn(it, key)) {\r\n        continue;\r\n      }\r\n      if (hasOwn(tableBodyOperateButtonProps, key)) {\r\n        const element = tableBodyOperateButtonProps[key as keyof TableBodyOperateButtonProps];\r\n        // 如果btn 定义中含有默认值 则赋值给props\r\n        if (hasOwn(element, 'default')) {\r\n          Reflect.set(it, key, Reflect.get(element, 'default'));\r\n        }\r\n      }\r\n    }\r\n  });\r\n  return btnProps;\r\n});\r\nconst customBtnList = ref<TableBodyOperateButtonProps[]>(customDefaultPropsList.value);\r\n\r\nconst customVNodes = computed(() => {\r\n  const result: any = [];\r\n  // customBtnList.value.forEach((vNode: any) => {\r\n  //   if (!vNode) {\r\n  //     return;\r\n  //   }\r\n  //   const { prop, type } = vNode;\r\n\r\n  //   // const node = customElement.value.find((item: { props: { prop: any } }) => item?.props?.prop === prop);\r\n  //   const node = null;\r\n\r\n  //   if (node) {\r\n  //     node.props.type = type;\r\n  //     result.push(node);\r\n  //   }\r\n  // });\r\n  return result;\r\n});\r\n\r\n// 表格头部弹层\r\nconst drawerHeaderVisible = ref(false); // 表头设置弹层\r\nconst drawerOperateVisible = ref(true); // 按钮设置弹层\r\nconst setTable = (event: string) => {\r\n  if (event === 'header') {\r\n    drawerHeaderVisible.value = true;\r\n  }\r\n  if (event === 'operate') {\r\n    drawerOperateVisible.value = true;\r\n  }\r\n};\r\n\r\nconst showTable = ref(true);\r\n\r\nwatch(\r\n  [columnVNodes, customVNodes],\r\n  async () => {\r\n    showTable.value = false;\r\n    await nextTick();\r\n    setTimeout(() => {\r\n      showTable.value = true;\r\n    }, 10);\r\n    GmTbaleRef.value?.doLayout();\r\n  },\r\n  {\r\n    immediate: true,\r\n    deep: true,\r\n  },\r\n);\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n#table-page {\r\n  :deep(.cell) {\r\n    white-space: pre-line !important;\r\n  }\r\n  :deep(.el-tooltip) {\r\n    white-space: nowrap !important;\r\n  }\r\n  :deep(.el-scrollbar__bar.is-horizontal) {\r\n    height: 12px;\r\n    border-radius: 12px;\r\n  }\r\n  .operate-wrap {\r\n    text-align: center;\r\n  }\r\n  .el-button {\r\n    margin: 0 3px !important;\r\n  }\r\n}\r\n</style>\r\n"],"names":["_useSlots"],"mappings":"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"}

package/es/components/src/business/tableBody/TableVNodeRenderer.d.ts

@@ -0,0 +1,26 @@
+import type { PropType } from 'vue';
+import type { TableBodyOperateButtonProps } from './tableBodyItem/tableBodyOperates/tableBodyOperateButton';
+declare const _default: import("vue").DefineComponent<{
+    vnode: {
+        type: (ObjectConstructor | ArrayConstructor)[];
+        required: true;
+    };
+    customPropsList: {
+        type: PropType<TableBodyOperateButtonProps[]>;
+        default: () => never[];
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    vnode: {
+        type: (ObjectConstructor | ArrayConstructor)[];
+        required: true;
+    };
+    customPropsList: {
+        type: PropType<TableBodyOperateButtonProps[]>;
+        default: () => never[];
+    };
+}>>, {
+    customPropsList: TableBodyOperateButtonProps[];
+}, {}>;
+export default _default;

package/es/components/src/business/tableBody/TableVNodeRenderer.mjs

@@ -0,0 +1,36 @@
+import { defineComponent, computed, h } from 'vue';
+import { getVnodesByGmName } from './tableHelper.mjs';
+
+var TableVNodeRenderer = /* @__PURE__ */ defineComponent({
+  functional: true,
+  props: {
+    // 当前原始vnode
+    vnode: {
+      type: [Object, Array],
+      required: true
+    },
+    customPropsList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(props) {
+    const vnodes = computed(() => getVnodesByGmName(Array.isArray(props.vnode) ? props.vnode : [props.vnode], "TableBodyOperateButton"));
+    const res = computed(() => props.customPropsList.filter((props2) => props2.isShow).map((props2) => {
+      const findVnode = vnodes.value.find((it) => it.props.prop === props2.prop);
+      findVnode.props = {
+        ...findVnode.props,
+        label: props2.label,
+        type: props2.type
+      };
+      return findVnode;
+    }));
+    const render = computed(() => {
+      return res.value.map((it) => h(it));
+    });
+    return () => render.value;
+  }
+});
+
+export { TableVNodeRenderer as default };
+//# sourceMappingURL=TableVNodeRenderer.mjs.map

package/es/components/src/business/tableBody/TableVNodeRenderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableVNodeRenderer.mjs","sources":["../../../../../../../packages/components/src/business/tableBody/TableVNodeRenderer.tsx"],"sourcesContent":["// MyVNodeRenderer.js\r\nimport { computed, defineComponent, h } from 'vue';\r\nimport { getVnodesByGmName } from './tableHelper';\r\nimport type { PropType } from 'vue';\r\nimport type { TableBodyOperateButtonProps } from './tableBodyItem/tableBodyOperates/tableBodyOperateButton';\r\nexport default defineComponent({\r\n  functional: true,\r\n  props: {\r\n    // 当前原始vnode\r\n    vnode: {\r\n      type: [Object, Array],\r\n      required: true,\r\n    },\r\n    customPropsList: {\r\n      type: Array as PropType<TableBodyOperateButtonProps[]>,\r\n      default: () => [],\r\n    },\r\n  },\r\n  setup(props) {\r\n    const vnodes = computed(() => getVnodesByGmName(Array.isArray(props.vnode) ? props.vnode : [props.vnode], 'TableBodyOperateButton'));\r\n    const res = computed(() =>\r\n      props.customPropsList\r\n        .filter(props => props.isShow)\r\n        .map(props => {\r\n          const findVnode = vnodes.value.find(it => it.props.prop === props.prop);\r\n          findVnode.props = {\r\n            ...findVnode.props,\r\n            label: props.label,\r\n            type: props.type,\r\n          };\r\n          // findVnode.props.label = props.label;\r\n          // findVnode.props.type = props.type;\r\n          return findVnode;\r\n        }),\r\n    );\r\n    const render = computed(() => {\r\n      return res.value.map(it => h(it));\r\n    });\r\n    return () => render.value;\r\n  },\r\n});\r\n"],"names":["functional","props","vnode","type","Object","Array","required","customPropsList","default","setup","vnodes","computed","getVnodesByGmName","isArray","res","filter","isShow","map","findVnode","value","find","it","prop","label","render","h"],"mappings":";;;AAKA,yCAA+B,eAAA,CAAA;AAAA,EAC7BA,UAAY,EAAA,IAAA;AAAA,EACZC,KAAO,EAAA;AAAA;AAAA,IAELC,KAAO,EAAA;AAAA,MACLC,IAAAA,EAAM,CAACC,MAAAA,EAAQC,KAAK,CAAA;AAAA,MACpBC,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,IACAC,eAAiB,EAAA;AAAA,MACfJ,IAAME,EAAAA,KAAAA;AAAAA,MACNG,OAAAA,EAASA,MAAM,EAAA;AAAA,KACjB;AAAA,GACF;AAAA,EACAC,MAAMR,KAAO,EAAA;AACX,IAAA,MAAMS,SAASC,QAAS,CAAA,MAAMC,iBAAkBP,CAAAA,KAAAA,CAAMQ,QAAQZ,KAAMC,CAAAA,KAAK,CAAID,GAAAA,KAAAA,CAAMC,QAAQ,CAACD,KAAAA,CAAMC,KAAK,CAAA,EAAG,wBAAwB,CAAC,CAAA,CAAA;AACnI,IAAA,MAAMY,GAAMH,GAAAA,QAAAA,CAAS,MACnBV,KAAAA,CAAMM,eACHQ,CAAAA,MAAAA,CAAOd,CAAAA,MAAAA,KAASA,MAAMe,CAAAA,MAAM,CAC5BC,CAAAA,GAAAA,CAAIhB,CAAAA,MAAS,KAAA;AACZ,MAAMiB,MAAAA,SAAAA,GAAYR,OAAOS,KAAMC,CAAAA,IAAAA,CAAKC,QAAMA,EAAGpB,CAAAA,KAAAA,CAAMqB,IAASrB,KAAAA,MAAAA,CAAMqB,IAAI,CAAA,CAAA;AACtEJ,MAAAA,SAAAA,CAAUjB,KAAQ,GAAA;AAAA,QAChB,GAAGiB,SAAUjB,CAAAA,KAAAA;AAAAA,QACbsB,OAAOtB,MAAMsB,CAAAA,KAAAA;AAAAA,QACbpB,MAAMF,MAAME,CAAAA,IAAAA;AAAAA,OACd,CAAA;AAGA,MAAOe,OAAAA,SAAAA,CAAAA;AAAAA,KACR,CACL,CAAA,CAAA;AACA,IAAMM,MAAAA,MAAAA,GAASb,SAAS,MAAM;AAC5B,MAAA,OAAOG,IAAIK,KAAMF,CAAAA,GAAAA,CAAII,CAAMI,EAAAA,KAAAA,CAAAA,CAAEJ,EAAE,CAAC,CAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AACD,IAAA,OAAO,MAAMG,MAAOL,CAAAA,KAAAA,CAAAA;AAAAA,GACtB;AACF,CAAC,CAAA;;;;"}

package/es/components/src/business/tableBody/index.d.ts

@@ -36,10 +36,6 @@ export declare const GmTableBody: import("../../../../utils").SFCWithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
-        operateList: {
-            type: import("vue").PropType<import("../customOperations/customOperations.js").OperateListItem[]>;
-            default: () => never[];
-        };
         operateWidth: {
             type: NumberConstructor;
             default: number;
@@ -80,6 +76,10 @@ export declare const GmTableBody: import("../../../../utils").SFCWithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
+        tableBodySlot: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         defaultPageSize: NumberConstructor;
         pageCount: NumberConstructor;
         pagerCount: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
@@ -222,10 +222,6 @@ export declare const GmTableBody: import("../../../../utils").SFCWithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
-        operateList: {
-            type: import("vue").PropType<import("../customOperations/customOperations.js").OperateListItem[]>;
-            default: () => never[];
-        };
         operateWidth: {
             type: NumberConstructor;
             default: number;
@@ -266,6 +262,10 @@ export declare const GmTableBody: import("../../../../utils").SFCWithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
+        tableBodySlot: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         defaultPageSize: NumberConstructor;
         pageCount: NumberConstructor;
         pagerCount: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
@@ -370,7 +370,6 @@ export declare const GmTableBody: import("../../../../utils").SFCWithInstall<{
         data: unknown[];
         small: boolean;
         headerList: import("../tableHeader/tableHeader.js").HeaderListItem[];
-        operateList: import("../customOperations/customOperations.js").OperateListItem[];
         popperClass: string;
         teleported: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         disabled: boolean;
@@ -414,6 +413,7 @@ export declare const GmTableBody: import("../../../../utils").SFCWithInstall<{
         operateWidth: number;
         operateFixed: boolean;
         pagination: boolean;
+        tableBodySlot: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -457,10 +457,6 @@ export declare const GmTableBody: import("../../../../utils").SFCWithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
-        operateList: {
-            type: import("vue").PropType<import("../customOperations/customOperations.js").OperateListItem[]>;
-            default: () => never[];
-        };
         operateWidth: {
             type: NumberConstructor;
             default: number;
@@ -501,6 +497,10 @@ export declare const GmTableBody: import("../../../../utils").SFCWithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
+        tableBodySlot: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         defaultPageSize: NumberConstructor;
         pageCount: NumberConstructor;
         pagerCount: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
@@ -605,7 +605,6 @@ export declare const GmTableBody: import("../../../../utils").SFCWithInstall<{
         data: unknown[];
         small: boolean;
         headerList: import("../tableHeader/tableHeader.js").HeaderListItem[];
-        operateList: import("../customOperations/customOperations.js").OperateListItem[];
         popperClass: string;
         teleported: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         disabled: boolean;
@@ -649,6 +648,7 @@ export declare const GmTableBody: import("../../../../utils").SFCWithInstall<{
         operateWidth: number;
         operateFixed: boolean;
         pagination: boolean;
+        tableBodySlot: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -689,10 +689,6 @@ export declare const GmTableBody: import("../../../../utils").SFCWithInstall<{
         type: BooleanConstructor;
         default: boolean;
     };
-    operateList: {
-        type: import("vue").PropType<import("../customOperations/customOperations.js").OperateListItem[]>;
-        default: () => never[];
-    };
     operateWidth: {
         type: NumberConstructor;
         default: number;
@@ -733,6 +729,10 @@ export declare const GmTableBody: import("../../../../utils").SFCWithInstall<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tableBodySlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     defaultPageSize: NumberConstructor;
     pageCount: NumberConstructor;
     pagerCount: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
@@ -843,7 +843,6 @@ export declare const GmTableBody: import("../../../../utils").SFCWithInstall<{
     data: unknown[];
     small: boolean;
     headerList: import("../tableHeader/tableHeader.js").HeaderListItem[];
-    operateList: import("../customOperations/customOperations.js").OperateListItem[];
     popperClass: string;
     teleported: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     disabled: boolean;
@@ -887,17 +886,15 @@ export declare const GmTableBody: import("../../../../utils").SFCWithInstall<{
     operateWidth: number;
     operateFixed: boolean;
     pagination: boolean;
+    tableBodySlot: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        header?(_: {
-            prop: string;
-        }): any;
-        default?(_: {
-            prop: string;
-            row: any;
-        }): any;
+    $slots: Readonly<{
+        default(data?: any): import("../tableHeader/tableHeader.js").HeaderListItem[];
+    }> & {
+        default(data?: any): import("../tableHeader/tableHeader.js").HeaderListItem[];
     };
 })> & Record<string, any>;
 export type TableBodyInstance = InstanceType<typeof TableBody>;
 export * from './tableBody';
+export * from './tableBodyItem';
 export default GmTableBody;

package/es/components/src/business/tableBody/index.mjs

@@ -1,7 +1,10 @@
 import '../../../../utils/index.mjs';
 import TableBody from './TableBody.vue.mjs';
 export { tableBodyEmits, tableBodyProps } from './tableBody.mjs';
+import './tableBodyItem/index.mjs';
 import { withInstall } from '../../../../utils/src/vue/install.mjs';
+export { tableBodyOperateButtonProps } from './tableBodyItem/tableBodyOperates/tableBodyOperateButton.mjs';
+export { GmTableBodyOperateButton } from './tableBodyItem/tableBodyOperates/index.mjs';
 
 const GmTableBody = withInstall(TableBody);
 

package/es/components/src/business/tableBody/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../../packages/components/src/business/tableBody/index.ts"],"sourcesContent":["import { withInstall } from '@giime/utils';\r\nimport TableBody from './TableBody.vue';\r\n\r\nexport const GmTableBody = withInstall(TableBody);\r\nexport type TableBodyInstance = InstanceType<typeof TableBody>;\r\nexport * from './tableBody';\r\nexport default GmTableBody;\r\n"],"names":[],"mappings":";;;;;AAGa,MAAA,WAAA,GAAc,YAAY,SAAS;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../../packages/components/src/business/tableBody/index.ts"],"sourcesContent":["import { withInstall } from '@giime/utils';\r\nimport TableBody from './TableBody.vue';\r\n\r\nexport const GmTableBody = withInstall(TableBody);\r\nexport type TableBodyInstance = InstanceType<typeof TableBody>;\r\nexport * from './tableBody';\r\nexport * from './tableBodyItem';\r\nexport default GmTableBody;\r\n"],"names":[],"mappings":";;;;;;;;AAGa,MAAA,WAAA,GAAc,YAAY,SAAS;;;;"}