giime 0.0.11 → 0.0.13

package/lib/components/src/business/tableBody/TableBody.vue2.js

@@ -4,10 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var core = require('@vueuse/core');
+var VNodeRenderer = require('../../common/VNodeRenderer.js');
+var TableVNodeRenderer = require('./TableVNodeRenderer.js');
 var tableBody = require('./tableBody.js');
+var tableBodyOperateButton = require('./tableBodyItem/tableBodyOperates/tableBodyOperateButton.js');
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-e6c3b52b"), n = n(), vue.popScopeId(), n);
-const _hoisted_1 = { id: "table-page" };
+const _withScopeId = (n) => (vue.pushScopeId("data-v-4cbe9348"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = {
+  key: 0,
+  id: "table-page"
+};
 const _hoisted_2 = {
   key: 0,
   class: "text-center"
@@ -17,7 +23,8 @@ const _hoisted_3 = {
   class: "operate-wrap"
 };
 const _hoisted_4 = { class: "operate-wrap" };
-const _hoisted_5 = {
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = {
   key: 0,
   class: "gm-mt-2 gm-flex gm-justify-end"
 };
@@ -29,18 +36,62 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: tableBody.tableBodyProps,
   emits: tableBody.tableBodyEmits,
   setup(__props) {
-    const props = __props;
     const GmTbaleRef = vue.ref();
+    const props = __props;
     const { top } = core.useElementBounding(GmTbaleRef);
     const { height } = core.useWindowSize();
     const tableMaxHeight = vue.computed(() => height.value - top.value - props.offsetBottom);
-    const columnList = vue.ref(props.headerList);
-    const customList = vue.ref(props.operateList);
-    const Formatter = (row, colunm) => {
-      return row[colunm.property] || "--";
-    };
+    const slots = vue.useSlots();
+    const columnDefault = vue.computed(() => {
+      const vNodes = slots.default?.() || [];
+      const result = vNodes.filter((vNode) => vNode.props && vNode.props.prop !== "tableOperate");
+      return result.map((vNode) => vNode.props);
+    });
+    const columnList = vue.ref(columnDefault.value);
+    const columnVNodes = vue.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 = vue.computed(() => {
+      const vNodes = slots.default?.() || [];
+      const nodes = vNodes.find((vNode) => vNode.props && vNode.props.prop === "tableOperate");
+      return nodes;
+    });
+    const customDefault = vue.computed(() => {
+      const btnProps = tableOperateVnode.value?.children?.default?.(tableOperateVnode.value?.ctx.scope)?.map((vNode) => vNode.props) ?? [];
+      btnProps.forEach((it) => {
+        for (const key in tableBodyOperateButton.tableBodyOperateButtonProps) {
+          if (Object.prototype.hasOwnProperty.call(it, key)) {
+            continue;
+          }
+          if (Object.prototype.hasOwnProperty.call(tableBodyOperateButton.tableBodyOperateButtonProps, key)) {
+            const element = tableBodyOperateButton.tableBodyOperateButtonProps[key];
+            if (Object.prototype.hasOwnProperty.call(element, "default")) {
+              Reflect.set(it, key, Reflect.get(element, "default"));
+            }
+          }
+        }
+      });
+      return btnProps;
+    });
+    const customBtnList = vue.ref(customDefault.value);
+    vue.onMounted(() => {
+    });
+    const customVNodes = vue.computed(() => {
+      const result = [];
+      return result;
+    });
     const drawerHeaderVisible = vue.ref(false);
-    const drawerOperateVisible = vue.ref(false);
+    const drawerOperateVisible = vue.ref(true);
     const setTable = (event) => {
       if (event === "header") {
         drawerHeaderVisible.value = true;
@@ -49,23 +100,22 @@ var _sfc_main = /* @__PURE__ */ vue.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 = vue.ref(true);
+    vue.watch(
+      [columnVNodes, customVNodes],
+      async () => {
+        showTable.value = false;
+        await vue.nextTick();
+        setTimeout(() => {
+          showTable.value = true;
+        }, 10);
+        GmTbaleRef.value?.doLayout();
+      },
+      {
+        immediate: true,
+        deep: true
       }
-      return result;
-    };
+    );
     return (_ctx, _cache) => {
       const _component_gm_table_column = vue.resolveComponent("gm-table-column");
       const _component_gm_button = vue.resolveComponent("gm-button");
@@ -77,7 +127,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.Fragment,
         null,
         [
-          vue.createElementVNode("div", _hoisted_1, [
+          showTable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
             vue.createVNode(_component_gm_table, {
               ref_key: "GmTbaleRef",
               ref: GmTbaleRef,
@@ -97,82 +147,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   type: "selection",
                   width: "50"
                 })) : vue.createCommentVNode("v-if", true),
-                (vue.openBlock(true), vue.createElementBlock(
-                  vue.Fragment,
-                  null,
-                  vue.renderList(columnList.value, (col) => {
-                    return vue.openBlock(), vue.createElementBlock(
-                      vue.Fragment,
-                      {
-                        key: col.prop
-                      },
-                      [
-                        col.slot ? (vue.openBlock(), vue.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: vue.withCtx(() => [
-                            vue.renderSlot(_ctx.$slots, "header", {
-                              prop: col.prop
-                            }, () => [
-                              vue.createTextVNode(
-                                vue.toDisplayString(col.label),
-                                1
-                                /* TEXT */
-                              )
-                            ], true)
-                          ]),
-                          default: vue.withCtx(({ row }) => [
-                            vue.renderSlot(_ctx.$slots, "default", {
-                              prop: col.prop,
-                              row
-                            }, () => [
-                              vue.createTextVNode(
-                                vue.toDisplayString(row[col.prop] || "--"),
-                                1
-                                /* TEXT */
-                              )
-                            ], true)
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        }, 1032, ["prop", "label", "min-width", "sortable", "show-overflow-tooltip", "fixed"])) : (vue.openBlock(), vue.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: vue.withCtx(() => [
-                            vue.renderSlot(_ctx.$slots, "header", {
-                              prop: col.prop
-                            }, () => [
-                              vue.createTextVNode(
-                                vue.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 */
-                )),
+                vue.createCommentVNode(" \u6E32\u67D3\u6570\u636E "),
+                vue.createVNode(vue.unref(VNodeRenderer.default), { vnode: columnVNodes.value }, null, 8, ["vnode"]),
+                vue.createCommentVNode(" \u64CD\u4F5C "),
                 vue.createVNode(_component_gm_table_column, {
                   width: _ctx.operateWidth,
                   fixed: _ctx.operateFixed ? "right" : false
@@ -207,54 +184,26 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       })) : vue.createCommentVNode("v-if", true)
                     ]))
                   ]),
-                  default: vue.withCtx(({ row }) => [
+                  default: vue.withCtx((slotValue) => [
                     vue.createElementVNode("div", _hoisted_4, [
-                      (vue.openBlock(true), vue.createElementBlock(
-                        vue.Fragment,
-                        null,
-                        vue.renderList(customList.value, (btn) => {
-                          return vue.openBlock(), vue.createElementBlock(
-                            vue.Fragment,
-                            {
-                              key: btn.event
-                            },
-                            [
-                              decisionBtn(btn, row) ? (vue.openBlock(), vue.createBlock(_component_gm_button, {
-                                key: 0,
-                                type: btn.type || "primary",
-                                link: "",
-                                size: "small",
-                                onClick: ($event) => _ctx.$emit("tableOperate", btn, row)
-                              }, {
-                                default: vue.withCtx(() => [
-                                  vue.createTextVNode(
-                                    vue.toDisplayString(btn.label),
-                                    1
-                                    /* TEXT */
-                                  )
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1032, ["type", "onClick"])) : vue.createCommentVNode("v-if", true)
-                            ],
-                            64
-                            /* STABLE_FRAGMENT */
-                          );
-                        }),
-                        128
-                        /* KEYED_FRAGMENT */
-                      ))
+                      vue.createCommentVNode(' <VNodeRenderer :vnode="customVNodes" /> '),
+                      tableOperateVnode.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                        vue.createVNode(vue.unref(TableVNodeRenderer.default), {
+                          vnode: tableOperateVnode.value.children.default(slotValue),
+                          customPropsList: customBtnList.value
+                        }, null, 8, ["vnode", "customPropsList"])
+                      ])) : vue.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"]),
             vue.createCommentVNode(" \u5206\u9875 "),
-            props.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            props.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
               vue.createVNode(_component_gm_pagination, {
                 "page-size": props.pageSize,
                 "current-page": props.currentPage,
@@ -266,25 +215,25 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 onCurrentChange: _cache[5] || (_cache[5] = (value) => _ctx.$emit("currentChange", value))
               }, null, 8, ["page-size", "current-page", "page-sizes", "layout", "total", "small"])
             ])) : vue.createCommentVNode("v-if", true)
-          ]),
+          ])) : vue.createCommentVNode("v-if", true),
           props.customHeader ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("v-if", true),
           props.customOperate ? (vue.openBlock(), vue.createBlock(_component_gm_custom_operations, {
-            key: 1,
+            key: 2,
             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,
+            customBtnList: customBtnList.value,
+            "onUpdate:customBtnList": _cache[9] || (_cache[9] = ($event) => customBtnList.value = $event),
+            operateList: customDefault.value,
             page: props.page
-          }, null, 8, ["drawer", "customList", "operateList", "page"])) : vue.createCommentVNode("v-if", true)
+          }, null, 8, ["drawer", "customBtnList", "operateList", "page"])) : vue.createCommentVNode("v-if", true)
         ],
         64
         /* STABLE_FRAGMENT */

package/lib/components/src/business/tableBody/TableBody.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.vue2.js","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":["ref","useElementBounding","useWindowSize","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,aAAaA,OAAmB,EAAA,CAAA;AAGtC,IAAA,MAAM,EAAE,GAAA,EAAQ,GAAAC,uBAAA,CAAmB,UAAiB,CAAA,CAAA;AACpD,IAAM,MAAA,EAAE,MAAO,EAAA,GAAIC,kBAAc,EAAA,CAAA;AACjC,IAAM,MAAA,cAAA,GAAiBC,aAAS,MAAM,MAAA,CAAO,QAAQ,GAAI,CAAA,KAAA,GAAQ,MAAM,YAAY,CAAA,CAAA;AAGnF,IAAM,MAAA,UAAA,GAAaH,OAAsB,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAGzD,IAAM,MAAA,UAAA,GAAaA,OAAuB,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,GAAsBA,QAAI,KAAK,CAAA,CAAA;AACrC,IAAM,MAAA,oBAAA,GAAuBA,QAAI,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.js","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      <!-- 操作 -->\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          <div class=\"operate-wrap\">\r\n            <!-- <VNodeRenderer :vnode=\"customVNodes\" /> -->\r\n            <div v-if=\"tableOperateVnode\">\r\n              <TableVNodeRenderer :vnode=\"tableOperateVnode.children.default(slotValue)\" :customPropsList=\"customBtnList\" />\r\n            </div>\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:drawer=\"drawerOperateVisible\"\r\n      v-model:customBtnList=\"customBtnList\"\r\n      :operateList=\"customDefault\"\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, onMounted, ref, watch } from 'vue';\r\nimport { useElementBounding, useWindowSize } from '@vueuse/core';\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 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 customDefault = computed(() => {\r\n  const btnProps =\r\n    tableOperateVnode.value?.children?.default?.(tableOperateVnode.value?.ctx.scope)?.map((vNode: { props: any }) => vNode.props) ?? [];\r\n  // 循环插入props所需的默认值\r\n  btnProps.forEach((it: TableBodyOperateButtonProps) => {\r\n    for (const key in tableBodyOperateButtonProps) {\r\n      // 如果当前props含有默认值\r\n      if (Object.prototype.hasOwnProperty.call(it, key)) {\r\n        continue;\r\n      }\r\n      if (Object.prototype.hasOwnProperty.call(tableBodyOperateButtonProps, key)) {\r\n        const element = tableBodyOperateButtonProps[key as keyof TableBodyOperateButtonProps];\r\n        // 如果btn 定义中含有默认值 则赋值给props\r\n        if (Object.prototype.hasOwnProperty.call(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\n// console.log(customDefault.value[0]);\r\nconst customBtnList = ref<TableBodyOperateButtonProps[]>(customDefault.value);\r\n\r\nonMounted(() => {\r\n  // const vNodes = slots.default?.() || [];\r\n  // const nodes = vNodes.find(vNode => vNode.props && vNode.props.prop === 'tableOperate');\r\n  // tableOperateVnode.value = nodes;\r\n  // customBtnList.value = nodes?.children?.default?.(nodes.ctx.scope)?.map((it: any) => it.props) ?? [];\r\n});\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":["ref","useElementBounding","useWindowSize","computed","_useSlots","tableBodyOperateButtonProps","onMounted","watch","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA,IAAA,MAAM,aAAaA,OAAmB,EAAA,CAAA;AAEtC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAGd,IAAA,MAAM,EAAE,GAAA,EAAQ,GAAAC,uBAAA,CAAmB,UAAiB,CAAA,CAAA;AACpD,IAAM,MAAA,EAAE,MAAO,EAAA,GAAIC,kBAAc,EAAA,CAAA;AACjC,IAAM,MAAA,cAAA,GAAiBC,aAAS,MAAM,MAAA,CAAO,QAAQ,GAAI,CAAA,KAAA,GAAQ,MAAM,YAAY,CAAA,CAAA;AAEnF,IAAA,MAAM,QAAQC,YAAA,EAAA,CAAA;AAKd,IAAM,MAAA,aAAA,GAA+CD,aAAS,MAAM;AAClE,MAAA,MAAM,MAA2B,GAAA,KAAA,CAAM,OAAU,IAAA,IAAK,EAAC,CAAA;AACvD,MAAM,MAAA,MAAA,GAAS,OAAO,MAAO,CAAA,CAAA,KAAA,KAAS,MAAM,KAAS,IAAA,KAAA,CAAM,KAAM,CAAA,IAAA,KAAS,cAAc,CAAA,CAAA;AACxF,MAAA,OAAO,MAAO,CAAA,GAAA,CAAI,CAAS,KAAA,KAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAAA,KACvC,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAaH,OAAsB,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAE5D,IAAM,MAAA,YAAA,GAAeG,aAAS,MAAM;AAClC,MAAA,MAAM,SAA2B,KAAM,CAAA,OAAA,GAAU,KAAM,CAAA,IAAI,KAAK,EAAC,CAAA;AACjE,MAAA,MAAM,SAAc,EAAC,CAAA;AACrB,MAAW,UAAA,CAAA,KAAA,CAAM,QAAQ,CAAS,KAAA,KAAA;AAChC,QAAM,MAAA,EAAE,IAAM,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AACxB,QAAA,MAAM,OAAO,MAAO,CAAA,IAAA,CAAK,UAAQ,IAAK,CAAA,KAAA,CAAM,SAAS,IAAI,CAAA,CAAA;AACzD,QAAA,IAAI,IAAM,EAAA;AACR,UAAA,IAAA,CAAK,MAAM,KAAQ,GAAA,KAAA,CAAA;AACnB,UAAA,MAAA,CAAO,KAAK,IAAI,CAAA,CAAA;AAAA,SAClB;AAAA,OACD,CAAA,CAAA;AAED,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,iBAAA,GAAoBA,aAAS,MAAM;AACvC,MAAA,MAAM,MAAS,GAAA,KAAA,CAAM,OAAU,IAAA,IAAK,EAAC,CAAA;AACrC,MAAM,MAAA,KAAA,GAAQ,OAAO,IAAK,CAAA,CAAA,KAAA,KAAS,MAAM,KAAS,IAAA,KAAA,CAAM,KAAM,CAAA,IAAA,KAAS,cAAc,CAAA,CAAA;AACrF,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AASD,IAAM,MAAA,aAAA,GAAgBA,aAAS,MAAM;AACnC,MAAA,MAAM,WACJ,iBAAkB,CAAA,KAAA,EAAO,QAAU,EAAA,OAAA,GAAU,kBAAkB,KAAO,EAAA,GAAA,CAAI,KAAK,CAAA,EAAG,IAAI,CAAC,KAAA,KAA0B,KAAM,CAAA,KAAK,KAAK,EAAC,CAAA;AAEpI,MAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,EAAoC,KAAA;AACpD,QAAA,KAAA,MAAW,OAAOE,kDAA6B,EAAA;AAE7C,UAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,EAAA,EAAI,GAAG,CAAG,EAAA;AACjD,YAAA,SAAA;AAAA,WACF;AACA,UAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAAA,kDAAA,EAA6B,GAAG,CAAG,EAAA;AAC1E,YAAM,MAAA,OAAA,GAAUA,mDAA4B,GAAwC,CAAA,CAAA;AAEpF,YAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,OAAA,EAAS,SAAS,CAAG,EAAA;AAC5D,cAAA,OAAA,CAAQ,IAAI,EAAI,EAAA,GAAA,EAAK,QAAQ,GAAI,CAAA,OAAA,EAAS,SAAS,CAAC,CAAA,CAAA;AAAA,aACtD;AAAA,WACF;AAAA,SACF;AAAA,OACD,CAAA,CAAA;AACD,MAAO,OAAA,QAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,aAAA,GAAgBL,OAAmC,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAE5E,IAAAM,aAAA,CAAU,MAAM;AAAA,KAKf,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAeH,aAAS,MAAM;AAClC,MAAA,MAAM,SAAc,EAAC,CAAA;AAerB,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAGD,IAAM,MAAA,mBAAA,GAAsBH,QAAI,KAAK,CAAA,CAAA;AACrC,IAAM,MAAA,oBAAA,GAAuBA,QAAI,IAAI,CAAA,CAAA;AACrC,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,SAAA,GAAYA,QAAI,IAAI,CAAA,CAAA;AAE1B,IAAAO,SAAA;AAAA,MACE,CAAC,cAAc,YAAY,CAAA;AAAA,MAC3B,YAAY;AACV,QAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,QAAA,MAAMC,YAAS,EAAA,CAAA;AACf,QAAA,UAAA,CAAW,MAAM;AACf,UAAA,SAAA,CAAU,KAAQ,GAAA,IAAA,CAAA;AAAA,WACjB,EAAE,CAAA,CAAA;AACL,QAAA,UAAA,CAAW,OAAO,QAAS,EAAA,CAAA;AAAA,OAC7B;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,QACX,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/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/lib/components/src/business/tableBody/TableVNodeRenderer.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+var TableVNodeRenderer = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    // 当前原始vnode
+    vnode: {
+      type: [Object, Array],
+      required: true
+    },
+    customPropsList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(props) {
+    const vnodes = vue.computed(() => Array.isArray(props.vnode) ? props.vnode : [props.vnode]);
+    const res = vue.computed(() => props.customPropsList.map((props2) => {
+      const findVnode = vnodes.value.find((it) => it.props.prop === props2.prop);
+      findVnode.props.label = props2.label;
+      findVnode.props.type = props2.type;
+      return findVnode;
+    }));
+    return () => res.value.map((it) => vue.h(it));
+  }
+});
+
+exports.default = TableVNodeRenderer;
+//# sourceMappingURL=TableVNodeRenderer.js.map

package/lib/components/src/business/tableBody/TableVNodeRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableVNodeRenderer.js","sources":["../../../../../../../packages/components/src/business/tableBody/TableVNodeRenderer.tsx"],"sourcesContent":["// MyVNodeRenderer.js\r\nimport { computed, defineComponent, h } from 'vue';\r\nimport type { PropType } from 'vue';\r\nimport type { TableBodyOperateButtonProps } from './tableBodyItem/tableBodyOperates/tableBodyOperateButton';\r\nexport default defineComponent({\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(() => (Array.isArray(props.vnode) ? props.vnode : [props.vnode]));\r\n    const res = computed(() =>\r\n      props.customPropsList.map(props => {\r\n        const findVnode = vnodes.value.find(it => it.props.prop === props.prop);\r\n        findVnode.props.label = props.label;\r\n        findVnode.props.type = props.type;\r\n        return findVnode;\r\n      }),\r\n    );\r\n    // console.log(props);\r\n    // console.log(res.value);\r\n    return () => res.value.map(it => h(it));\r\n  },\r\n});\r\n"],"names":["defineComponent","props","vnode","type","Object","Array","required","customPropsList","default","setup","vnodes","computed","isArray","res","map","findVnode","value","find","it","prop","label","h"],"mappings":";;;;;;AAIA,yCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,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,MAASC,GAAAA,YAAAA,CAAS,MAAON,KAAAA,CAAMO,OAAQX,CAAAA,KAAAA,CAAMC,KAAK,CAAA,GAAID,KAAMC,CAAAA,KAAAA,GAAQ,CAACD,KAAAA,CAAMC,KAAK,CAAE,CAAA,CAAA;AACxF,IAAA,MAAMW,MAAMF,YAAS,CAAA,MACnBV,MAAMM,eAAgBO,CAAAA,GAAAA,CAAIb,CAAAA,MAAS,KAAA;AACjC,MAAMc,MAAAA,SAAAA,GAAYL,OAAOM,KAAMC,CAAAA,IAAAA,CAAKC,QAAMA,EAAGjB,CAAAA,KAAAA,CAAMkB,IAASlB,KAAAA,MAAAA,CAAMkB,IAAI,CAAA,CAAA;AACtEJ,MAAUd,SAAAA,CAAAA,KAAAA,CAAMmB,QAAQnB,MAAMmB,CAAAA,KAAAA,CAAAA;AAC9BL,MAAUd,SAAAA,CAAAA,KAAAA,CAAME,OAAOF,MAAME,CAAAA,IAAAA,CAAAA;AAC7B,MAAOY,OAAAA,SAAAA,CAAAA;AAAAA,KACR,CACH,CAAA,CAAA;AAGA,IAAA,OAAO,MAAMF,GAAIG,CAAAA,KAAAA,CAAMF,IAAII,CAAMG,EAAAA,KAAAA,KAAAA,CAAEH,EAAE,CAAC,CAAA,CAAA;AAAA,GACxC;AACF,CAAC,CAAA;;;;"}

package/lib/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/lib/components/src/business/tableBody/index.js

@@ -5,12 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('../../../../utils/index.js');
 var TableBody = require('./TableBody.vue.js');
 var tableBody = require('./tableBody.js');
+require('./tableBodyItem/index.js');
 var install = require('../../../../utils/src/vue/install.js');
+var tableBodyOperateButton = require('./tableBodyItem/tableBodyOperates/tableBodyOperateButton.js');
+var index = require('./tableBodyItem/tableBodyOperates/index.js');
 
 const GmTableBody = install.withInstall(TableBody.default);
 
 exports.tableBodyEmits = tableBody.tableBodyEmits;
 exports.tableBodyProps = tableBody.tableBodyProps;
+exports.tableBodyOperateButtonProps = tableBodyOperateButton.tableBodyOperateButtonProps;
+exports.GmTableBodyOperateButton = index.GmTableBodyOperateButton;
 exports.GmTableBody = GmTableBody;
 exports.default = GmTableBody;
 //# sourceMappingURL=index.js.map

package/lib/components/src/business/tableBody/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":["withInstall","TableBody"],"mappings":";;;;;;;;;AAGa,MAAA,WAAA,GAAcA,oBAAYC,iBAAS;;;;;;;"}
+{"version":3,"file":"index.js","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":["withInstall","TableBody"],"mappings":";;;;;;;;;;;;AAGa,MAAA,WAAA,GAAcA,oBAAYC,iBAAS;;;;;;;;;"}