giime 0.6.26 → 0.6.28

package/lib/components/src/composite/tableCustom/TableCustom.vue2.js

@@ -0,0 +1,335 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var objects = require('../../../../utils/src/objects.js');
+var exports$1 = require('../../../../utils/src/elementPlus/exports.js');
+var event = require('../../../../utils/src/elementPlus/event.js');
+var table = require('../../../../constants/table.js');
+var index = require('../../../../hooks/base/useElementRemainingHeight/index.js');
+var TableOperateVNodeRenderer = require('../tablePro/TableOperateVNodeRenderer.js');
+var TableColumnVNodeRenderer = require('../tablePro/TableColumnVNodeRenderer.js');
+var tableHelper = require('../tablePro/tableHelper.js');
+var tableColumnPro = require('../tablePro/tableColumnPro/tableColumnPro.js');
+var index$1 = require('./customOperate/index.js');
+var tableCustom = require('./tableCustom.js');
+var customOperate = require('./customOperate/customOperate.js');
+
+const _withScopeId = (n) => (vue.pushScopeId("data-v-98c2e804"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = { class: "gm-text-center" };
+const _hoisted_2 = {
+  key: 0,
+  class: "gm-flex gm-flex-wrap gm-justify-center"
+};
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "GmTableCustom"
+  },
+  __name: "TableCustom",
+  props: /* @__PURE__ */ vue.mergeModels(tableCustom.tableCustomProps, {
+    "sortValue": {},
+    "sortValueModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(tableCustom.tableCustomEmits, ["update:sortValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const tableCtx = vue.inject(table.TableCtxKey);
+    const props = __props;
+    const GmTbaleCustomRef = vue.ref();
+    if (tableCtx && tableCtx.tableId === props.page) {
+      tableCtx.tableRef = GmTbaleCustomRef;
+    }
+    const gmCustomOperateRef = vue.ref();
+    const gmCustomTableHeaderRef = vue.ref();
+    const emit = __emit;
+    const notResendEvents = ["sort-change", "header-dragend", "selection-change"];
+    const resendEvent = { ...tableCustom.tableCustomEmits };
+    notResendEvents.forEach((it) => Reflect.deleteProperty(resendEvent, it));
+    const elEvents = event.getGmEvent(resendEvent, emit);
+    const slots = vue.useSlots();
+    const tableColumnVnode = vue.computed(() => {
+      const vNodes = slots.default?.() || [];
+      return vNodes;
+    });
+    const colDefaultPropsList = vue.computed(() => {
+      const vNodes = slots.default?.() || [];
+      const children = tableHelper.getVnodesByGmName(vNodes, tableColumnPro.TableColumnProName);
+      const colProps = children.map((vNode) => vNode.props) ?? [];
+      colProps.forEach((it) => {
+        for (const key in tableColumnPro.tableColumnProProps) {
+          if (objects.hasOwn(it, key)) {
+            continue;
+          }
+          if (objects.hasOwn(tableColumnPro.tableColumnProProps, key)) {
+            const element = tableColumnPro.tableColumnProProps[key];
+            if (objects.hasOwn(element, "default")) {
+              Reflect.set(it, key, Reflect.get(element, "default"));
+            }
+          }
+        }
+      });
+      return colProps;
+    });
+    const colPropsList = vue.ref(colDefaultPropsList.value);
+    const editProps = vue.computed(() => colPropsList.value.find((it) => it.type === "edit"));
+    const tableOperateVnode = vue.computed(() => {
+      const vNodes = slots.default?.() || [];
+      const nodes = vNodes.find((vNode) => vNode.props && vNode.props.type === "edit");
+      return nodes;
+    });
+    const customDefaultPropsList = vue.computed(() => {
+      const defaultVnodes = tableOperateVnode.value?.children?.default?.({ row: {} });
+      if (Array.isArray(defaultVnodes) && defaultVnodes.some((it) => it?.children === "v-if")) {
+        console.error(`\u8B66\u544A\uFF1A\u4E3A\u786E\u4FDD\u8868\u683C\u64CD\u4F5C\u6309\u94AE\u80FD\u6B63\u5E38\u6E32\u67D3\uFF0C\u8BF7\u628A\u8868\u683C${props.page}\u64CD\u4F5C\u6309\u94AE\u4E2D\u4F7F\u7528\u7684"v-if"\u66FF\u6362\u4E3A"v-see"`);
+      }
+      const children = tableHelper.getVnodesByGmName(defaultVnodes, "GmOperateButton");
+      const btnProps = children.map((vNode) => vNode.props) ?? [];
+      btnProps.forEach((it) => {
+        for (const key in customOperate.customOperateButtonProps) {
+          if (objects.hasOwn(it, key)) {
+            continue;
+          }
+          if (objects.hasOwn(customOperate.customOperateButtonProps, key)) {
+            const element = customOperate.customOperateButtonProps[key];
+            if (objects.hasOwn(element, "default")) {
+              Reflect.set(it, key, Reflect.get(element, "default"));
+            }
+          }
+        }
+      });
+      return btnProps;
+    });
+    const customBtnPropsList = vue.ref(customDefaultPropsList.value);
+    const drawerHeaderVisible = vue.ref(false);
+    const drawerOperateVisible = vue.ref(false);
+    const setTable = (event) => {
+      if (event === "header") {
+        drawerHeaderVisible.value = true;
+      }
+      if (event === "operate") {
+        drawerOperateVisible.value = true;
+      }
+    };
+    const headerDragend = async (newWidth, oldWidth, column) => {
+      const findItem = colPropsList.value.find((it) => it.prop === column.property);
+      const editItem = column.property === "gmEdit" ? colPropsList.value.find((it) => it.type === "edit") : null;
+      if (!findItem && !editItem) {
+        return;
+      }
+      if (findItem) {
+        findItem.width = newWidth;
+      }
+      if (editItem) {
+        editItem.width = newWidth;
+      }
+      await vue.nextTick();
+      resetWidthOnHeaderDrag(column);
+      gmCustomTableHeaderRef.value?.syncPropsList();
+      gmCustomTableHeaderRef.value?.submitSettings({ hiddenMessage: true });
+    };
+    const resetWidthOnHeaderDrag = (column) => {
+      if (props.disabledResetWidth) {
+        return;
+      }
+      if (colPropsList.value.some((it) => it.isShow && !it.width)) {
+        return;
+      }
+      const minWidthCols = colPropsList.value.filter(
+        // 是在展示中的列，并且不是操作列，并且设置了最小宽度
+        (it) => it.isShow === true && it.type !== "edit" && it.prop !== "edit" && (it["min-width"] || it.minWidth)
+      );
+      for (const item of minWidthCols) {
+        if (column?.property === item.prop && minWidthCols.length !== 1) {
+          continue;
+        }
+        item.width = "";
+      }
+    };
+    const sortValue = vue.useModel(__props, "sortValue");
+    const handleSortChange = (sort) => {
+      if (sortValue.value) {
+        sortValue.value.length = 0;
+        switch (sort.order) {
+          case "ascending":
+            sortValue.value.push({ field: sort.prop, order: "asc" });
+            break;
+          case "descending":
+            sortValue.value.push({ field: sort.prop, order: "desc" });
+            break;
+        }
+      }
+      emit("sort-change", sort);
+    };
+    const exposeEvents = [
+      "clearSelection",
+      "getSelectionRows",
+      "toggleRowSelection",
+      "toggleAllSelection",
+      "toggleRowExpansion",
+      "setCurrentRow",
+      "setChecked",
+      "clearSort",
+      "clearFilter",
+      "doLayout",
+      "sort",
+      "scrollTo",
+      "setScrollTop",
+      "setScrollLeft"
+    ];
+    const { exposeFns } = exports$1.getGmExports(GmTbaleCustomRef, exposeEvents);
+    const gmTableCustomDivRef = vue.ref();
+    const { height: tableMaxHeight } = index.useElementRemainingHeight(gmTableCustomDivRef, {
+      bottomOffset: props.heightOffset || 30,
+      // 高度 - 顶部距离 - 分页器
+      minHeight: 300
+    });
+    __expose({
+      colPropsList,
+      ...exposeFns
+    });
+    return (_ctx, _cache) => {
+      const _component_gm_table_column = vue.resolveComponent("gm-table-column");
+      const _component_gm_button = vue.resolveComponent("gm-button");
+      const _component_gm_table = vue.resolveComponent("gm-table");
+      const _component_gm_table_custom_header = vue.resolveComponent("gm-table-custom-header");
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createElementVNode(
+            "div",
+            {
+              ref_key: "gmTableCustomDivRef",
+              ref: gmTableCustomDivRef
+            },
+            [
+              gmCustomTableHeaderRef.value?.isInited ? (vue.openBlock(), vue.createBlock(_component_gm_table, vue.mergeProps({
+                key: 0,
+                ref_key: "GmTbaleCustomRef",
+                ref: GmTbaleCustomRef
+              }, props, {
+                height: _ctx.autoHeight ? vue.unref(tableMaxHeight) : _ctx.height,
+                class: ["gmTableCustom", [props.border ? "" : "gmTableNoBorder"]]
+              }, vue.toHandlers(vue.unref(elEvents)), {
+                onSelectionChange: _cache[2] || (_cache[2] = (value) => _ctx.$emit("selection-change", value)),
+                onSortChange: handleSortChange,
+                onHeaderDragend: headerDragend
+              }), vue.createSlots({
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "native", {}, void 0, true),
+                  props.selection ? (vue.openBlock(), vue.createBlock(_component_gm_table_column, {
+                    key: 999999,
+                    type: "selection",
+                    width: "55"
+                  })) : vue.createCommentVNode("v-if", true),
+                  vue.createVNode(vue.unref(TableColumnVNodeRenderer.default), {
+                    vnode: tableColumnVnode.value,
+                    propsList: colPropsList.value
+                  }, null, 8, ["vnode", "propsList"]),
+                  _ctx.customHeader || _ctx.customOperate ? (vue.openBlock(), vue.createBlock(_component_gm_table_column, {
+                    key: 1,
+                    prop: "gmEdit",
+                    "min-width": "100",
+                    width: editProps.value?.width,
+                    fixed: _ctx.operateFixed ? "right" : false
+                  }, {
+                    header: vue.withCtx(() => [
+                      vue.createElementVNode("div", _hoisted_1, [
+                        _ctx.customHeader ? (vue.openBlock(), vue.createBlock(_component_gm_button, {
+                          key: 0,
+                          type: "primary",
+                          link: "",
+                          size: "small",
+                          onClick: _cache[0] || (_cache[0] = ($event) => setTable("header"))
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" \u8868\u5934 ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })) : vue.createCommentVNode("v-if", true),
+                        _ctx.customOperate ? (vue.openBlock(), vue.createBlock(_component_gm_button, {
+                          key: 1,
+                          type: "primary",
+                          link: "",
+                          size: "small",
+                          onClick: _cache[1] || (_cache[1] = ($event) => setTable("operate"))
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" \u64CD\u4F5C ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })) : vue.createCommentVNode("v-if", true)
+                      ])
+                    ]),
+                    default: vue.withCtx((slotValue) => [
+                      tableOperateVnode.value && tableOperateVnode.value.children && gmCustomOperateRef.value && gmCustomOperateRef.value.isInited && slotValue && slotValue.row && tableOperateVnode.value.children?.default(slotValue) && customBtnPropsList.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                        vue.createVNode(vue.unref(TableOperateVNodeRenderer.default), {
+                          vnode: tableOperateVnode.value.children?.default(slotValue),
+                          customPropsList: customBtnPropsList.value
+                        }, null, 8, ["vnode", "customPropsList"])
+                      ])) : vue.createCommentVNode("v-if", true)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["width", "fixed"])) : vue.createCommentVNode("v-if", true)
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, [
+                vue.unref(slots).append ? {
+                  name: "append",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "append", {}, void 0, true)
+                  ]),
+                  key: "0"
+                } : void 0,
+                vue.unref(slots).empty ? {
+                  name: "empty",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "empty", {}, void 0, true)
+                  ]),
+                  key: "1"
+                } : void 0
+              ]), 1040, ["height", "class"])) : vue.createCommentVNode("v-if", true)
+            ],
+            512
+            /* NEED_PATCH */
+          ),
+          vue.createVNode(_component_gm_table_custom_header, {
+            ref_key: "gmCustomTableHeaderRef",
+            ref: gmCustomTableHeaderRef,
+            isShowDrawer: drawerHeaderVisible.value,
+            "onUpdate:isShowDrawer": _cache[3] || (_cache[3] = ($event) => drawerHeaderVisible.value = $event),
+            colPropsList: colPropsList.value,
+            "onUpdate:colPropsList": _cache[4] || (_cache[4] = ($event) => colPropsList.value = $event),
+            colDefaultPropsList: colDefaultPropsList.value,
+            keyWord: props.page,
+            disabledRemoteCol: props.disabledRemoteCol,
+            "drag-header": props.dragHeader,
+            type: "CustomHeaderList",
+            onUpdateColumns: _cache[5] || (_cache[5] = ($event) => resetWidthOnHeaderDrag())
+          }, null, 8, ["isShowDrawer", "colPropsList", "colDefaultPropsList", "keyWord", "disabledRemoteCol", "drag-header"]),
+          vue.createVNode(vue.unref(index$1.GmCustomOperate), {
+            ref_key: "gmCustomOperateRef",
+            ref: gmCustomOperateRef,
+            isShowDrawer: drawerOperateVisible.value,
+            "onUpdate:isShowDrawer": _cache[6] || (_cache[6] = ($event) => drawerOperateVisible.value = $event),
+            customBtnPropsList: customBtnPropsList.value,
+            "onUpdate:customBtnPropsList": _cache[7] || (_cache[7] = ($event) => customBtnPropsList.value = $event),
+            customDefaultPropsList: customDefaultPropsList.value,
+            keyWord: props.page,
+            disabledRemoteBtn: props.disabledRemoteBtn,
+            type: "CustomOperateList"
+          }, null, 8, ["isShowDrawer", "customBtnPropsList", "customDefaultPropsList", "keyWord", "disabledRemoteBtn"])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=TableCustom.vue2.js.map

package/lib/components/src/composite/tableCustom/TableCustom.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCustom.vue2.js","sources":["../../../../../../../packages/components/src/composite/tableCustom/TableCustom.vue"],"sourcesContent":["<template>\n  <div ref=\"gmTableCustomDivRef\">\n    <gm-table\n      v-if=\"gmCustomTableHeaderRef?.isInited\"\n      ref=\"GmTbaleCustomRef\"\n      v-bind=\"props\"\n      :height=\"autoHeight ? tableMaxHeight : height\"\n      class=\"gmTableCustom\"\n      :class=\"[props.border ? '' : 'gmTableNoBorder']\"\n      v-on=\"elEvents\"\n      @selection-change=\"(value: TableColumnProProps[]) => $emit('selection-change', value)\"\n      @sort-change=\"handleSortChange\"\n      @header-dragend=\"headerDragend\"\n    >\n      <slot name=\"native\" />\n      <template v-if=\"slots.append\" #append>\n        <slot name=\"append\" />\n      </template>\n      <template v-if=\"slots.empty\" #empty>\n        <slot name=\"empty\" />\n      </template>\n      <template v-if=\"props.selection\">\n        <gm-table-column :key=\"999999\" type=\"selection\" width=\"55\" />\n      </template>\n      <TableColumnVNodeRenderer :vnode=\"tableColumnVnode\" :propsList=\"colPropsList\" />\n      <!-- 操作 -->\n      <gm-table-column\n        v-if=\"customHeader || customOperate\"\n        prop=\"gmEdit\"\n        min-width=\"100\"\n        :width=\"editProps?.width\"\n        :fixed=\"operateFixed ? 'right' : false\"\n      >\n        <template #header>\n          <div class=\"gm-text-center\">\n            <gm-button v-if=\"customHeader\" type=\"primary\" link size=\"small\" @click=\"setTable('header')\"> 表头 </gm-button>\n            <gm-button v-if=\"customOperate\" type=\"primary\" link size=\"small\" @click=\"setTable('operate')\"> 操作 </gm-button>\n          </div>\n        </template>\n        <template #default=\"slotValue\">\n          <div\n            v-if=\"\n              tableOperateVnode &&\n              tableOperateVnode.children &&\n              gmCustomOperateRef &&\n              gmCustomOperateRef.isInited &&\n              slotValue &&\n              slotValue.row &&\n              tableOperateVnode.children?.default(slotValue) &&\n              customBtnPropsList\n            \"\n            class=\"gm-flex gm-flex-wrap gm-justify-center\"\n          >\n            <TableOperateVNodeRenderer :vnode=\"tableOperateVnode.children?.default(slotValue)\" :customPropsList=\"customBtnPropsList\" />\n          </div>\n        </template>\n      </gm-table-column>\n    </gm-table>\n  </div>\n\n  <gm-table-custom-header\n    ref=\"gmCustomTableHeaderRef\"\n    v-model:isShowDrawer=\"drawerHeaderVisible\"\n    v-model:colPropsList=\"colPropsList\"\n    :colDefaultPropsList=\"colDefaultPropsList\"\n    :keyWord=\"props.page\"\n    :disabledRemoteCol=\"props.disabledRemoteCol\"\n    :drag-header=\"props.dragHeader\"\n    type=\"CustomHeaderList\"\n    @updateColumns=\"resetWidthOnHeaderDrag()\"\n  />\n\n  <gm-custom-operate\n    ref=\"gmCustomOperateRef\"\n    v-model:isShowDrawer=\"drawerOperateVisible\"\n    v-model:customBtnPropsList=\"customBtnPropsList\"\n    :customDefaultPropsList=\"customDefaultPropsList\"\n    :keyWord=\"props.page\"\n    :disabledRemoteBtn=\"props.disabledRemoteBtn\"\n    type=\"CustomOperateList\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, nextTick, ref } from 'vue';\nimport { hasOwn } from '@giime/utils/src/objects';\nimport { getGmExports } from '@giime/utils/src/elementPlus/exports';\nimport { getGmEvent } from '@giime/utils/src/elementPlus/event';\nimport { TableCtxKey } from '@giime/constants/table';\nimport { useElementRemainingHeight } from '@giime/hooks/base/useElementRemainingHeight';\nimport TableOperateVNodeRenderer from '../tablePro/TableOperateVNodeRenderer';\nimport TableColumnVNodeRenderer from '../tablePro/TableColumnVNodeRenderer';\nimport { getVnodesByGmName } from '../tablePro/tableHelper';\nimport { TableColumnProName, type TableColumnProProps, tableColumnProProps } from '../tablePro/tableColumnPro/tableColumnPro';\nimport GmCustomOperate, { customOperateButtonProps } from './customOperate';\nimport { tableCustomEmits, tableCustomProps } from './tableCustom';\nimport type { TableColumnSortValue } from './tableCustom';\nimport type { OperateButtonFormInstance } from '../operateButton/operateButtonForm';\nimport type { TableHeaderFormInstance } from '../tablePro/tableHeaderForm';\nimport type { CustomOperateButtonProps } from './customOperate';\nimport type { Sort, TableInstance } from 'element-plus';\n\ndefineOptions({\n  name: 'GmTableCustom',\n});\nconst tableCtx = inject(TableCtxKey);\nconst props = defineProps(tableCustomProps);\n\nconst GmTbaleCustomRef = ref<TableInstance>();\nif (tableCtx && tableCtx.tableId === props.page) {\n  tableCtx.tableRef = GmTbaleCustomRef;\n}\nconst gmCustomOperateRef = ref<OperateButtonFormInstance>();\nconst gmCustomTableHeaderRef = ref<TableHeaderFormInstance>();\n\nconst emit = defineEmits(tableCustomEmits);\n// 需要手动重新实现的事件\nconst notResendEvents = ['sort-change', 'header-dragend', 'selection-change'];\nconst resendEvent = { ...tableCustomEmits };\nnotResendEvents.forEach(it => Reflect.deleteProperty(resendEvent, it));\n// 重发el的事件\nconst elEvents = getGmEvent(resendEvent, emit);\nconst slots = defineSlots<{\n  default(data?: any): any[];\n  append?(data?: any): any[];\n  empty?(data?: any): any[];\n  native?(data?: any): any[];\n}>();\n// 列 当前原始vnode\nconst tableColumnVnode = computed(() => {\n  const vNodes = slots.default?.() || [];\n  return vNodes;\n});\n// 默认表头Props列表\nconst colDefaultPropsList = computed(() => {\n  const vNodes = slots.default?.() || [];\n  const children = getVnodesByGmName(vNodes, TableColumnProName);\n\n  const colProps: TableColumnProProps[] = children.map((vNode: { props: any }) => vNode.props) ?? [];\n  // 循环插入props所需的默认值\n  colProps.forEach(it => {\n    for (const key in tableColumnProProps) {\n      // 如果当前props含有默认值\n      if (hasOwn(it, key)) {\n        continue;\n      }\n      if (hasOwn(tableColumnProProps, key)) {\n        const element = tableColumnProProps[key as keyof TableColumnProProps];\n        // 如果btn 定义中含有默认值 则赋值给props\n        if (hasOwn(element, 'default')) {\n          Reflect.set(it, key, Reflect.get(element, 'default'));\n        }\n      }\n    }\n  });\n  return colProps;\n});\n// 已选中表头\nconst colPropsList = ref<TableColumnProProps[]>(colDefaultPropsList.value);\nconst editProps = computed(() => colPropsList.value.find(it => it.type === 'edit'));\n\n// 操作按钮组 当前原始vnode\nconst tableOperateVnode = computed(() => {\n  const vNodes = slots.default?.() || [];\n  const nodes = vNodes.find(vNode => vNode.props && vNode.props.type === 'edit');\n  return nodes;\n});\n\nconst customDefaultPropsList = computed(() => {\n  const defaultVnodes = tableOperateVnode.value?.children?.default?.({ row: {} });\n  if (Array.isArray(defaultVnodes) && defaultVnodes.some(it => it?.children === 'v-if')) {\n    console.error(`警告：为确保表格操作按钮能正常渲染，请把表格${props.page}操作按钮中使用的\"v-if\"替换为\"v-see\"`);\n  }\n  const children = getVnodesByGmName(defaultVnodes, 'GmOperateButton');\n  const btnProps: CustomOperateButtonProps[] = children.map((vNode: { props: any }) => vNode.props) ?? [];\n  // console.log(btnProps);\n  // 循环插入props所需的默认值\n  btnProps.forEach(it => {\n    for (const key in customOperateButtonProps) {\n      // 如果当前props含有默认值\n      if (hasOwn(it, key)) {\n        continue;\n      }\n      if (hasOwn(customOperateButtonProps, key)) {\n        const element = customOperateButtonProps[key as keyof CustomOperateButtonProps];\n        // 如果btn 定义中含有默认值 则赋值给props\n        if (hasOwn(element, 'default')) {\n          Reflect.set(it, key, Reflect.get(element, 'default'));\n        }\n      }\n    }\n  });\n  return btnProps;\n});\nconst customBtnPropsList = ref<CustomOperateButtonProps[]>(customDefaultPropsList.value);\n\n// 表格头部弹层\nconst drawerHeaderVisible = ref(false); // 表头设置弹层\nconst drawerOperateVisible = ref(false); // 按钮设置弹层\nconst setTable = (event: string) => {\n  if (event === 'header') {\n    drawerHeaderVisible.value = true;\n  }\n  if (event === 'operate') {\n    drawerOperateVisible.value = true;\n  }\n};\n\n/**\n * 表头拖动，修改width\n */\nconst headerDragend = async (newWidth: number, oldWidth: number, column: any) => {\n  const findItem = colPropsList.value.find(it => it.prop === column.property);\n  const editItem = column.property === 'gmEdit' ? colPropsList.value.find(it => it.type === 'edit') : null;\n  if (!findItem && !editItem) {\n    return;\n  }\n  if (findItem) {\n    findItem.width = newWidth;\n  }\n  if (editItem) {\n    editItem.width = newWidth;\n  }\n  // 设置列宽\n  await nextTick();\n  resetWidthOnHeaderDrag(column);\n  gmCustomTableHeaderRef.value?.syncPropsList();\n  gmCustomTableHeaderRef.value?.submitSettings({ hiddenMessage: true });\n};\n/**\n * 当表头拖动后，重新计算补充列宽度\n * 当全部列都设置了宽度，把设置过minWidth的列设置为补充列，补充表格剩余宽度\n */\nconst resetWidthOnHeaderDrag = (column?: any) => {\n  if (props.disabledResetWidth) {\n    return;\n  }\n  // 当全部列都设置了宽度 才执行后续步骤\n  if (colPropsList.value.some(it => it.isShow && !it.width)) {\n    return;\n  }\n  const minWidthCols = colPropsList.value.filter(\n    // 是在展示中的列，并且不是操作列，并且设置了最小宽度\n    it => it.isShow === true && it.type !== 'edit' && it.prop !== 'edit' && ((it as any)['min-width'] || it.minWidth),\n  );\n  for (const item of minWidthCols) {\n    // 只有一个minWidth时，  也需要设置width = ''\n    if (column?.property === item.prop && minWidthCols.length !== 1) {\n      continue;\n    }\n    item.width = '';\n  }\n};\n/**\n * 搜索模块\n */\nconst sortValue = defineModel<TableColumnSortValue[]>('sortValue');\n\nconst handleSortChange = (sort: Sort) => {\n  if (sortValue.value) {\n    sortValue.value.length = 0;\n    switch (sort.order) {\n      case 'ascending':\n        sortValue.value.push({ field: sort.prop, order: 'asc' });\n        break;\n      case 'descending':\n        sortValue.value.push({ field: sort.prop, order: 'desc' });\n        break;\n    }\n  }\n\n  emit('sort-change', sort);\n};\nconst exposeEvents = [\n  'clearSelection',\n  'getSelectionRows',\n  'toggleRowSelection',\n  'toggleAllSelection',\n  'toggleRowExpansion',\n  'setCurrentRow',\n  'setChecked',\n  'clearSort',\n  'clearFilter',\n  'doLayout',\n  'sort',\n  'scrollTo',\n  'setScrollTop',\n  'setScrollLeft',\n] as const;\nconst { exposeFns } = getGmExports(GmTbaleCustomRef, exposeEvents);\n\n// 用于计算table高度\nconst gmTableCustomDivRef = ref<HTMLDivElement>();\nconst { height: tableMaxHeight } = useElementRemainingHeight(gmTableCustomDivRef, {\n  bottomOffset: props.heightOffset || 30, // 高度 - 顶部距离 - 分页器\n  minHeight: 300,\n});\n\ndefineExpose({\n  colPropsList,\n  ...exposeFns,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n:deep(.gmTableNoBorder .el-table__body .el-table__cell) {\n  border-right: none;\n}\n:deep(.gmTableNoBorder .el-table__inner-wrapper:before) {\n  height: 0;\n}\n:deep(.gmTableNoBorder.el-table--border .el-table__inner-wrapper:after) {\n  height: 0;\n}\n:deep(.gmTableNoBorder.el-table--border:after) {\n  height: 0;\n}\n:deep(.gmTableNoBorder.el-table--border:before) {\n  height: 0;\n}\n:deep(.gmTableNoBorder .el-table__border-left-patch) {\n  height: 0;\n}\n</style>\n"],"names":["inject","TableCtxKey","ref","tableCustomEmits","getGmEvent","_useSlots","computed","getVnodesByGmName","TableColumnProName","tableColumnProProps","hasOwn","customOperateButtonProps","nextTick","_useModel","getGmExports","useElementRemainingHeight"],"mappings":"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"}

package/lib/components/src/composite/tableCustom/TableCustom.vue3.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var undefined$1 = undefined;
+
+exports.default = undefined$1;
+//# sourceMappingURL=TableCustom.vue3.js.map

package/lib/components/src/composite/tableCustom/TableCustom.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCustom.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/components/src/composite/tableCustom/customOperate/CustomOperate.vue.d.ts

@@ -0,0 +1,64 @@
+import type { CustomOperateButtonProps } from './customOperate';
+declare const _default: import("vue").DefineComponent<{
+    isShowDrawer: {
+        required: true;
+        type: import("vue").PropType<boolean>;
+    };
+    customBtnPropsList: {
+        required: true;
+        type: import("vue").PropType<CustomOperateButtonProps[]>;
+    };
+    keyWord: {
+        type: StringConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    customDefaultPropsList: {
+        type: import("vue").PropType<import("../..").OperateButtonProps[]>;
+        default: () => never[];
+    };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    isInited: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:isShowDrawer": (isShowDrawer: boolean) => void;
+    "update:customBtnPropsList": (customBtnPropsList: CustomOperateButtonProps[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isShowDrawer: {
+        required: true;
+        type: import("vue").PropType<boolean>;
+    };
+    customBtnPropsList: {
+        required: true;
+        type: import("vue").PropType<CustomOperateButtonProps[]>;
+    };
+    keyWord: {
+        type: StringConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    customDefaultPropsList: {
+        type: import("vue").PropType<import("../..").OperateButtonProps[]>;
+        default: () => never[];
+    };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:isShowDrawer"?: ((isShowDrawer: boolean) => any) | undefined;
+    "onUpdate:customBtnPropsList"?: ((customBtnPropsList: CustomOperateButtonProps[]) => any) | undefined;
+}, {
+    disabledRemoteBtn: boolean;
+    customDefaultPropsList: import("../..").OperateButtonProps[];
+}, {}>;
+export default _default;

package/lib/components/src/composite/tableCustom/customOperate/CustomOperate.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CustomOperate_vue_vue_type_script_setup_true_lang = require('./CustomOperate.vue2.js');
+require('./CustomOperate.vue3.js');
+
+
+
+exports.default = CustomOperate_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=CustomOperate.vue.js.map

package/lib/components/src/composite/tableCustom/customOperate/CustomOperate.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomOperate.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}