giime 0.1.8 → 0.1.9

package/lib/components/src/composite/tablePro/TablePro.vue2.js

@@ -4,19 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var objects = require('../../../../utils/src/objects.js');
-var operateButton = require('../operateButton/operateButton.js');
-var TableOperateVNodeRenderer = require('./TableOperateVNodeRenderer.js');
+var TableProEditSlot = require('./TableProEditSlot.vue.js');
 var TableColumnVNodeRenderer = require('./TableColumnVNodeRenderer.js');
 var tablePro = require('./tablePro.js');
 var tableHelper = require('./tableHelper.js');
 var tableColumnPro = require('./tableColumnPro/tableColumnPro.js');
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-e38c9d81"), n = n(), vue.popScopeId(), n);
+const _withScopeId = (n) => (vue.pushScopeId("data-v-0b3dd381"), 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: "GmTablePro"
@@ -64,26 +59,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const nodes = vNodes.find((vNode) => vNode.props && vNode.props.type === "edit");
       return nodes;
     });
-    const customDefaultPropsList = vue.computed(() => {
-      const defaultVnodes = tableOperateVnode.value?.children?.default?.(tableOperateVnode.value?.ctx.scope);
-      const children = tableHelper.getVnodesByGmName(defaultVnodes, "GmOperateButton");
-      const btnProps = children.map((vNode) => vNode.props) ?? [];
-      btnProps.forEach((it) => {
-        for (const key in operateButton.operateButtonProps) {
-          if (objects.hasOwn(it, key)) {
-            continue;
-          }
-          if (objects.hasOwn(operateButton.operateButtonProps, key)) {
-            const element = operateButton.operateButtonProps[key];
-            if (objects.hasOwn(element, "default")) {
-              Reflect.set(it, key, Reflect.get(element, "default"));
-            }
-          }
-        }
-      });
-      return btnProps;
-    });
-    const customBtnPropsList = vue.ref(customDefaultPropsList.value);
+    const customDefaultPropsList = vue.ref([]);
+    const customBtnPropsList = vue.ref([]);
     const drawerHeaderVisible = vue.ref(false);
     const drawerOperateVisible = vue.ref(false);
     const setTable = (event) => {
@@ -145,7 +122,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, props, {
               border: "",
               class: ["gmTablePro", [props.border ? "" : "gmTableNoBorder"]],
-              onSelectionChange: _cache[2] || (_cache[2] = (value) => _ctx.$emit("selectionChange", value)),
+              onSelectionChange: _cache[4] || (_cache[4] = (value) => _ctx.$emit("selectionChange", value)),
               onSortChange: handleSortChange,
               onHeaderDragend: headerDragend
             }), {
@@ -199,13 +176,17 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ]),
                   default: vue.withCtx((slotValue) => [
+                    vue.createVNode(TableProEditSlot.default, {
+                      customBtnPropsList: customBtnPropsList.value,
+                      "onUpdate:customBtnPropsList": _cache[2] || (_cache[2] = ($event) => customBtnPropsList.value = $event),
+                      customDefaultPropsList: customDefaultPropsList.value,
+                      "onUpdate:customDefaultPropsList": _cache[3] || (_cache[3] = ($event) => customDefaultPropsList.value = $event),
+                      tableOperateVnode: tableOperateVnode.value,
+                      isInited: gmCustomOperationsRef.value?.isInited,
+                      slotValue
+                    }, null, 8, ["customBtnPropsList", "customDefaultPropsList", "tableOperateVnode", "isInited", "slotValue"]),
                     vue.createCommentVNode(' <VNodeRenderer :vnode="customVNodes" /> '),
-                    tableOperateVnode.value && gmCustomOperationsRef.value && gmCustomOperationsRef.value.isInited ? (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)
+                    vue.createCommentVNode(' <div\r\n            v-if="\r\n              tableOperateVnode &&\r\n              tableOperateVnode.children &&\r\n              gmCustomOperationsRef &&\r\n              gmCustomOperationsRef.isInited &&\r\n              slotValue &&\r\n              slotValue.row &&\r\n              tableOperateVnode.children?.default(slotValue) &&\r\n              customBtnPropsList\r\n            "\r\n            class="gm-flex gm-flex-wrap gm-justify-center"\r\n          >\r\n            <TableOperateVNodeRenderer :vnode="tableOperateVnode.children?.default(slotValue)" :customPropsList="customBtnPropsList" />\r\n          </div> ')
                   ]),
                   _: 1
                   /* STABLE */
@@ -219,9 +200,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ref_key: "gmTableHeaderRef",
             ref: gmTableHeaderRef,
             isShowDrawer: drawerHeaderVisible.value,
-            "onUpdate:isShowDrawer": _cache[3] || (_cache[3] = ($event) => drawerHeaderVisible.value = $event),
+            "onUpdate:isShowDrawer": _cache[5] || (_cache[5] = ($event) => drawerHeaderVisible.value = $event),
             colPropsList: colPropsList.value,
-            "onUpdate:colPropsList": _cache[4] || (_cache[4] = ($event) => colPropsList.value = $event),
+            "onUpdate:colPropsList": _cache[6] || (_cache[6] = ($event) => colPropsList.value = $event),
             colDefaultPropsList: colDefaultPropsList.value,
             keyWord: props.page,
             type: "HeaderList"
@@ -230,9 +211,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ref_key: "gmCustomOperationsRef",
             ref: gmCustomOperationsRef,
             isShowDrawer: drawerOperateVisible.value,
-            "onUpdate:isShowDrawer": _cache[5] || (_cache[5] = ($event) => drawerOperateVisible.value = $event),
+            "onUpdate:isShowDrawer": _cache[7] || (_cache[7] = ($event) => drawerOperateVisible.value = $event),
             customBtnPropsList: customBtnPropsList.value,
-            "onUpdate:customBtnPropsList": _cache[6] || (_cache[6] = ($event) => customBtnPropsList.value = $event),
+            "onUpdate:customBtnPropsList": _cache[8] || (_cache[8] = ($event) => customBtnPropsList.value = $event),
             customDefaultPropsList: customDefaultPropsList.value,
             keyWord: props.page,
             type: "OperateList"

package/lib/components/src/composite/tablePro/TablePro.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePro.vue2.js","sources":["../../../../../../../packages/components/src/composite/tablePro/TablePro.vue"],"sourcesContent":["<template>\r\n  <div>\r\n    <gm-table\r\n      ref=\"GmTbaleRef\"\r\n      v-bind=\"props\"\r\n      border\r\n      class=\"gmTablePro\"\r\n      :class=\"[props.border ? '' : 'gmTableNoBorder']\"\r\n      @selection-change=\"(value: TableColumnProProps[]) => $emit('selectionChange', value)\"\r\n      @sort-change=\"handleSortChange\"\r\n      @header-dragend=\"headerDragend\"\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-if=\"gmTableHeaderRef?.isInited\">\r\n        <TableColumnVNodeRenderer :vnode=\"tableColumnVnode\" :propsList=\"colPropsList\" />\r\n      </template>\r\n      <!-- 操作 -->\r\n      <gm-table-column\r\n        v-if=\"customHeader || customOperate\"\r\n        prop=\"gmEdit\"\r\n        min-width=\"100\"\r\n        :width=\"editProps?.width\"\r\n        :fixed=\"operateFixed ? 'right' : false\"\r\n      >\r\n        <template #header>\r\n          <div class=\"gm-text-center\">\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 #default=\"slotValue\">\r\n          <!-- <VNodeRenderer :vnode=\"customVNodes\" /> -->\r\n          <div v-if=\"tableOperateVnode && gmCustomOperationsRef && gmCustomOperationsRef.isInited\" class=\"gm-flex gm-flex-wrap gm-justify-center\">\r\n            <TableOperateVNodeRenderer :vnode=\"tableOperateVnode.children?.default(slotValue)\" :customPropsList=\"customBtnPropsList\" />\r\n          </div>\r\n        </template>\r\n      </gm-table-column>\r\n    </gm-table>\r\n  </div>\r\n\r\n  <gm-table-header-form\r\n    ref=\"gmTableHeaderRef\"\r\n    v-model:isShowDrawer=\"drawerHeaderVisible\"\r\n    v-model:colPropsList=\"colPropsList\"\r\n    :colDefaultPropsList=\"colDefaultPropsList\"\r\n    :keyWord=\"props.page\"\r\n    type=\"HeaderList\"\r\n  />\r\n\r\n  <gm-operate-button-form\r\n    ref=\"gmCustomOperationsRef\"\r\n    v-model:isShowDrawer=\"drawerOperateVisible\"\r\n    v-model:customBtnPropsList=\"customBtnPropsList\"\r\n    :customDefaultPropsList=\"customDefaultPropsList\"\r\n    :keyWord=\"props.page\"\r\n    type=\"OperateList\"\r\n  />\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, nextTick, ref } from 'vue';\r\nimport { hasOwn } from '@giime/utils/src/objects';\r\n// import { cloneDeep } from 'lodash-es';\r\nimport { operateButtonProps } from '../operateButton/operateButton';\r\nimport TableOperateVNodeRenderer from './TableOperateVNodeRenderer';\r\nimport TableColumnVNodeRenderer from './TableColumnVNodeRenderer';\r\nimport { tableProEmits, tableProProps } from './tablePro';\r\nimport { getVnodesByGmName } from './tableHelper';\r\nimport { TableColumnProName, type TableColumnProProps, tableColumnProProps } from './tableColumnPro/tableColumnPro';\r\nimport type { OperateButtonFormInstance } from '../operateButton/operateButtonForm';\r\nimport type { TableHeaderFormInstance } from './tableHeaderForm';\r\nimport type { OperateButtonProps } from '../operateButton/operateButton';\r\nimport type { Sort, TableInstance } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmTablePro',\r\n});\r\nconst GmTbaleRef = ref<TableInstance>();\r\nconst gmCustomOperationsRef = ref<OperateButtonFormInstance>();\r\nconst gmTableHeaderRef = ref<TableHeaderFormInstance>();\r\n\r\nconst emit = defineEmits(tableProEmits);\r\nconst props = defineProps(tableProProps);\r\n\r\nconst slots = defineSlots<{\r\n  default(data?: any): any[];\r\n}>();\r\n// 列 当前原始vnode\r\nconst tableColumnVnode = computed(() => {\r\n  const vNodes = slots.default?.() || [];\r\n  // const nodes = vNodes.filter(vNode => vNode.props && vNode.props.type !== 'edit');\r\n  return vNodes;\r\n});\r\n// 默认表头Props列表\r\nconst colDefaultPropsList = computed(() => {\r\n  const vNodes = slots.default?.() || [];\r\n  const children = getVnodesByGmName(vNodes, TableColumnProName);\r\n  // const result = children.filter(vNode => vNode.props && vNode.props.type !== 'edit');\r\n\r\n  const colProps: TableColumnProProps[] = children.map((vNode: { props: any }) => vNode.props) ?? [];\r\n  // 循环插入props所需的默认值\r\n  colProps.forEach(it => {\r\n    for (const key in tableColumnProProps) {\r\n      // 如果当前props含有默认值\r\n      if (hasOwn(it, key)) {\r\n        continue;\r\n      }\r\n      if (hasOwn(tableColumnProProps, key)) {\r\n        const element = tableColumnProProps[key as keyof TableColumnProProps];\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 colProps;\r\n});\r\n// 已选中表头\r\nconst colPropsList = ref<TableColumnProProps[]>(colDefaultPropsList.value);\r\nconst editProps = computed(() => colPropsList.value.find(it => it.type === 'edit'));\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.type === 'edit');\r\n  return nodes;\r\n});\r\n\r\nconst customDefaultPropsList = computed(() => {\r\n  const defaultVnodes = tableOperateVnode.value?.children?.default?.(tableOperateVnode.value?.ctx.scope);\r\n  const children = getVnodesByGmName(defaultVnodes, 'GmOperateButton');\r\n\r\n  const btnProps: OperateButtonProps[] = children.map((vNode: { props: any }) => vNode.props) ?? [];\r\n  // 循环插入props所需的默认值\r\n  btnProps.forEach(it => {\r\n    for (const key in operateButtonProps) {\r\n      // 如果当前props含有默认值\r\n      if (hasOwn(it, key)) {\r\n        continue;\r\n      }\r\n      if (hasOwn(operateButtonProps, key)) {\r\n        const element = operateButtonProps[key as keyof OperateButtonProps];\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 customBtnPropsList = ref<OperateButtonProps[]>(customDefaultPropsList.value);\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\n/**\r\n * 表头拖动，修改width\r\n */\r\nconst headerDragend = async (newWidth: number, oldWidth: number, column: any) => {\r\n  const findItem = colPropsList.value.find(it => it.prop === column.property);\r\n  const editItem = column.property === 'gmEdit' ? colPropsList.value.find(it => it.type === 'edit') : null;\r\n  if (!findItem && !editItem) {\r\n    return;\r\n  }\r\n  if (findItem) {\r\n    findItem.width = newWidth;\r\n  }\r\n  if (editItem) {\r\n    editItem.width = newWidth;\r\n  }\r\n  // 设置列宽\r\n  await nextTick();\r\n  gmTableHeaderRef.value?.submitSettings();\r\n};\r\n/**\r\n * 搜索模块\r\n */\r\nconst sortValue = defineModel<\r\n  {\r\n    field: string;\r\n    order: 'asc' | 'desc';\r\n  }[]\r\n>('sortValue');\r\n\r\nconst handleSortChange = (sort: Sort) => {\r\n  if (sortValue.value) {\r\n    sortValue.value = [];\r\n    switch (sort.order) {\r\n      case 'ascending':\r\n        sortValue.value.push({ field: sort.prop, order: 'asc' });\r\n        break;\r\n      case 'descending':\r\n        sortValue.value.push({ field: sort.prop, order: 'desc' });\r\n        break;\r\n    }\r\n  }\r\n\r\n  emit('sortChange', sort);\r\n};\r\ndefineExpose({\r\n  colPropsList,\r\n  clearSort: () => GmTbaleRef.value?.clearSort(),\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n:deep(.gmTableNoBorder .el-table__body .el-table__cell) {\r\n  border-right: none;\r\n}\r\n:deep(.gmTableNoBorder .el-table__inner-wrapper:before) {\r\n  height: 0;\r\n}\r\n:deep(.gmTableNoBorder.el-table--border .el-table__inner-wrapper:after) {\r\n  height: 0;\r\n}\r\n:deep(.gmTableNoBorder.el-table--border:after) {\r\n  height: 0;\r\n}\r\n:deep(.gmTableNoBorder.el-table--border:before) {\r\n  height: 0;\r\n}\r\n:deep(.gmTableNoBorder .el-table__border-left-patch) {\r\n  height: 0;\r\n}\r\n</style>\r\n"],"names":["ref","_useSlots","computed","getVnodesByGmName","TableColumnProName","tableColumnProProps","hasOwn","operateButtonProps","nextTick","_useModel"],"mappings":"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"}
+{"version":3,"file":"TablePro.vue2.js","sources":["../../../../../../../packages/components/src/composite/tablePro/TablePro.vue"],"sourcesContent":["<template>\r\n  <div>\r\n    <gm-table\r\n      ref=\"GmTbaleRef\"\r\n      v-bind=\"props\"\r\n      border\r\n      class=\"gmTablePro\"\r\n      :class=\"[props.border ? '' : 'gmTableNoBorder']\"\r\n      @selection-change=\"(value: TableColumnProProps[]) => $emit('selectionChange', value)\"\r\n      @sort-change=\"handleSortChange\"\r\n      @header-dragend=\"headerDragend\"\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-if=\"gmTableHeaderRef?.isInited\">\r\n        <TableColumnVNodeRenderer :vnode=\"tableColumnVnode\" :propsList=\"colPropsList\" />\r\n      </template>\r\n      <!-- 操作 -->\r\n      <gm-table-column\r\n        v-if=\"customHeader || customOperate\"\r\n        prop=\"gmEdit\"\r\n        min-width=\"100\"\r\n        :width=\"editProps?.width\"\r\n        :fixed=\"operateFixed ? 'right' : false\"\r\n      >\r\n        <template #header>\r\n          <div class=\"gm-text-center\">\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 #default=\"slotValue\">\r\n          <TableProEditSlot\r\n            v-model:customBtnPropsList=\"customBtnPropsList\"\r\n            v-model:customDefaultPropsList=\"customDefaultPropsList\"\r\n            :tableOperateVnode=\"tableOperateVnode\"\r\n            :isInited=\"gmCustomOperationsRef?.isInited\"\r\n            :slotValue=\"slotValue\"\r\n          />\r\n          <!-- <VNodeRenderer :vnode=\"customVNodes\" /> -->\r\n          <!-- <div\r\n            v-if=\"\r\n              tableOperateVnode &&\r\n              tableOperateVnode.children &&\r\n              gmCustomOperationsRef &&\r\n              gmCustomOperationsRef.isInited &&\r\n              slotValue &&\r\n              slotValue.row &&\r\n              tableOperateVnode.children?.default(slotValue) &&\r\n              customBtnPropsList\r\n            \"\r\n            class=\"gm-flex gm-flex-wrap gm-justify-center\"\r\n          >\r\n            <TableOperateVNodeRenderer :vnode=\"tableOperateVnode.children?.default(slotValue)\" :customPropsList=\"customBtnPropsList\" />\r\n          </div> -->\r\n        </template>\r\n      </gm-table-column>\r\n    </gm-table>\r\n  </div>\r\n\r\n  <gm-table-header-form\r\n    ref=\"gmTableHeaderRef\"\r\n    v-model:isShowDrawer=\"drawerHeaderVisible\"\r\n    v-model:colPropsList=\"colPropsList\"\r\n    :colDefaultPropsList=\"colDefaultPropsList\"\r\n    :keyWord=\"props.page\"\r\n    type=\"HeaderList\"\r\n  />\r\n\r\n  <gm-operate-button-form\r\n    ref=\"gmCustomOperationsRef\"\r\n    v-model:isShowDrawer=\"drawerOperateVisible\"\r\n    v-model:customBtnPropsList=\"customBtnPropsList\"\r\n    :customDefaultPropsList=\"customDefaultPropsList\"\r\n    :keyWord=\"props.page\"\r\n    type=\"OperateList\"\r\n  />\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, nextTick, ref } from 'vue';\r\nimport { hasOwn } from '@giime/utils/src/objects';\r\nimport TableProEditSlot from './TableProEditSlot.vue';\r\n// import { cloneDeep } from 'lodash-es';\r\n// import { operateButtonProps } from '../operateButton/operateButton';\r\n// import TableOperateVNodeRenderer from './TableOperateVNodeRenderer';\r\nimport TableColumnVNodeRenderer from './TableColumnVNodeRenderer';\r\nimport { tableProEmits, tableProProps } from './tablePro';\r\nimport { getVnodesByGmName } from './tableHelper';\r\nimport { TableColumnProName, type TableColumnProProps, tableColumnProProps } from './tableColumnPro/tableColumnPro';\r\nimport type { OperateButtonFormInstance } from '../operateButton/operateButtonForm';\r\nimport type { TableHeaderFormInstance } from './tableHeaderForm';\r\nimport type { OperateButtonProps } from '../operateButton/operateButton';\r\nimport type { Sort, TableInstance } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmTablePro',\r\n});\r\nconst GmTbaleRef = ref<TableInstance>();\r\nconst gmCustomOperationsRef = ref<OperateButtonFormInstance>();\r\nconst gmTableHeaderRef = ref<TableHeaderFormInstance>();\r\n\r\nconst emit = defineEmits(tableProEmits);\r\nconst props = defineProps(tableProProps);\r\n\r\nconst slots = defineSlots<{\r\n  default(data?: any): any[];\r\n}>();\r\n// 列 当前原始vnode\r\nconst tableColumnVnode = computed(() => {\r\n  const vNodes = slots.default?.() || [];\r\n  // const nodes = vNodes.filter(vNode => vNode.props && vNode.props.type !== 'edit');\r\n  return vNodes;\r\n});\r\n// 默认表头Props列表\r\nconst colDefaultPropsList = computed(() => {\r\n  const vNodes = slots.default?.() || [];\r\n  const children = getVnodesByGmName(vNodes, TableColumnProName);\r\n  // const result = children.filter(vNode => vNode.props && vNode.props.type !== 'edit');\r\n\r\n  const colProps: TableColumnProProps[] = children.map((vNode: { props: any }) => vNode.props) ?? [];\r\n  // 循环插入props所需的默认值\r\n  colProps.forEach(it => {\r\n    for (const key in tableColumnProProps) {\r\n      // 如果当前props含有默认值\r\n      if (hasOwn(it, key)) {\r\n        continue;\r\n      }\r\n      if (hasOwn(tableColumnProProps, key)) {\r\n        const element = tableColumnProProps[key as keyof TableColumnProProps];\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 colProps;\r\n});\r\n// 已选中表头\r\nconst colPropsList = ref<TableColumnProProps[]>(colDefaultPropsList.value);\r\nconst editProps = computed(() => colPropsList.value.find(it => it.type === 'edit'));\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.type === 'edit');\r\n  return nodes;\r\n});\r\n\r\n// const customDefaultPropsList = computed(() => {\r\n//   const defaultVnodes = tableOperateVnode.value?.children?.default?.(tableOperateVnode.value?.ctx.scope);\r\n//   const children = getVnodesByGmName(defaultVnodes, 'GmOperateButton');\r\n\r\n//   const btnProps: OperateButtonProps[] = children.map((vNode: { props: any }) => vNode.props) ?? [];\r\n//   // console.log(btnProps);\r\n//   // 循环插入props所需的默认值\r\n//   btnProps.forEach(it => {\r\n//     for (const key in operateButtonProps) {\r\n//       // 如果当前props含有默认值\r\n//       if (hasOwn(it, key)) {\r\n//         continue;\r\n//       }\r\n//       if (hasOwn(operateButtonProps, key)) {\r\n//         const element = operateButtonProps[key as keyof OperateButtonProps];\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\n\r\nconst customDefaultPropsList = ref<OperateButtonProps[]>([]);\r\nconst customBtnPropsList = ref<OperateButtonProps[]>([]);\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\n/**\r\n * 表头拖动，修改width\r\n */\r\nconst headerDragend = async (newWidth: number, oldWidth: number, column: any) => {\r\n  const findItem = colPropsList.value.find(it => it.prop === column.property);\r\n  const editItem = column.property === 'gmEdit' ? colPropsList.value.find(it => it.type === 'edit') : null;\r\n  if (!findItem && !editItem) {\r\n    return;\r\n  }\r\n  if (findItem) {\r\n    findItem.width = newWidth;\r\n  }\r\n  if (editItem) {\r\n    editItem.width = newWidth;\r\n  }\r\n  // 设置列宽\r\n  await nextTick();\r\n  gmTableHeaderRef.value?.submitSettings();\r\n};\r\n/**\r\n * 搜索模块\r\n */\r\nconst sortValue = defineModel<\r\n  {\r\n    field: string;\r\n    order: 'asc' | 'desc';\r\n  }[]\r\n>('sortValue');\r\n\r\nconst handleSortChange = (sort: Sort) => {\r\n  if (sortValue.value) {\r\n    sortValue.value = [];\r\n    switch (sort.order) {\r\n      case 'ascending':\r\n        sortValue.value.push({ field: sort.prop, order: 'asc' });\r\n        break;\r\n      case 'descending':\r\n        sortValue.value.push({ field: sort.prop, order: 'desc' });\r\n        break;\r\n    }\r\n  }\r\n\r\n  emit('sortChange', sort);\r\n};\r\ndefineExpose({\r\n  colPropsList,\r\n  clearSort: () => GmTbaleRef.value?.clearSort(),\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n:deep(.gmTableNoBorder .el-table__body .el-table__cell) {\r\n  border-right: none;\r\n}\r\n:deep(.gmTableNoBorder .el-table__inner-wrapper:before) {\r\n  height: 0;\r\n}\r\n:deep(.gmTableNoBorder.el-table--border .el-table__inner-wrapper:after) {\r\n  height: 0;\r\n}\r\n:deep(.gmTableNoBorder.el-table--border:after) {\r\n  height: 0;\r\n}\r\n:deep(.gmTableNoBorder.el-table--border:before) {\r\n  height: 0;\r\n}\r\n:deep(.gmTableNoBorder .el-table__border-left-patch) {\r\n  height: 0;\r\n}\r\n</style>\r\n"],"names":["ref","_useSlots","computed","getVnodesByGmName","TableColumnProName","tableColumnProProps","hasOwn","nextTick","_useModel"],"mappings":"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"}

package/lib/components/src/composite/tablePro/TableProEditSlot.vue.d.ts

@@ -0,0 +1,49 @@
+import type { OperateButtonProps } from '../operateButton/operateButton';
+declare const _default: import("vue").DefineComponent<{
+    customBtnPropsList: {
+        required: true;
+        type: import("vue").PropType<OperateButtonProps[]>;
+    };
+    customDefaultPropsList: {
+        required: true;
+        type: import("vue").PropType<OperateButtonProps[]>;
+    };
+    tableOperateVnode: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    slotValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    isInited: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:customBtnPropsList": (customBtnPropsList: OperateButtonProps[]) => void;
+    "update:customDefaultPropsList": (customDefaultPropsList: OperateButtonProps[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    customBtnPropsList: {
+        required: true;
+        type: import("vue").PropType<OperateButtonProps[]>;
+    };
+    customDefaultPropsList: {
+        required: true;
+        type: import("vue").PropType<OperateButtonProps[]>;
+    };
+    tableOperateVnode: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    slotValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    isInited: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    "onUpdate:customBtnPropsList"?: ((customBtnPropsList: OperateButtonProps[]) => any) | undefined;
+    "onUpdate:customDefaultPropsList"?: ((customDefaultPropsList: OperateButtonProps[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/lib/components/src/composite/tablePro/TableProEditSlot.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TableProEditSlot_vue_vue_type_script_setup_true_lang = require('./TableProEditSlot.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+var TableProEditSlot = /* @__PURE__ */ _pluginVue_exportHelper.default(TableProEditSlot_vue_vue_type_script_setup_true_lang.default, [["__file", "TableProEditSlot.vue"]]);
+
+exports.default = TableProEditSlot;
+//# sourceMappingURL=TableProEditSlot.vue.js.map

package/lib/components/src/composite/tablePro/TableProEditSlot.vue.js.map

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

package/lib/components/src/composite/tablePro/TableProEditSlot.vue2.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var objects = require('../../../../utils/src/objects.js');
+var operateButton = require('../operateButton/operateButton.js');
+var TableOperateVNodeRenderer = require('./TableOperateVNodeRenderer.js');
+var tableHelper = require('./tableHelper.js');
+
+const _hoisted_1 = {
+  key: 0,
+  class: "gm-flex gm-flex-wrap gm-justify-center"
+};
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "TableProEditSlot",
+  props: /* @__PURE__ */ vue.mergeModels({
+    tableOperateVnode: { required: true },
+    slotValue: { required: true },
+    isInited: { type: Boolean, required: false }
+  }, {
+    "customBtnPropsList": { required: true },
+    "customBtnPropsListModifiers": {},
+    "customDefaultPropsList": { required: true },
+    "customDefaultPropsListModifiers": {}
+  }),
+  emits: ["update:customBtnPropsList", "update:customDefaultPropsList"],
+  setup(__props) {
+    const props = __props;
+    const customBtnPropsList = vue.useModel(__props, "customBtnPropsList");
+    const customDefaultPropsList = vue.useModel(__props, "customDefaultPropsList");
+    const getPropsList = () => {
+      const defaultVnodes = props.tableOperateVnode?.children?.default?.(props.slotValue);
+      const children = tableHelper.getVnodesByGmName(defaultVnodes, "GmOperateButton");
+      const btnProps = children.map((vNode) => vNode.props) ?? [];
+      btnProps.forEach((it) => {
+        for (const key in operateButton.operateButtonProps) {
+          if (objects.hasOwn(it, key)) {
+            continue;
+          }
+          if (objects.hasOwn(operateButton.operateButtonProps, key)) {
+            const element = operateButton.operateButtonProps[key];
+            if (objects.hasOwn(element, "default")) {
+              Reflect.set(it, key, Reflect.get(element, "default"));
+            }
+          }
+        }
+      });
+      return btnProps;
+    };
+    customDefaultPropsList.value = getPropsList();
+    customBtnPropsList.value = customDefaultPropsList.value;
+    return (_ctx, _cache) => {
+      return __props.tableOperateVnode && __props.tableOperateVnode.children && __props.isInited && __props.slotValue && customBtnPropsList.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(vue.unref(TableOperateVNodeRenderer.default), {
+          vnode: __props.tableOperateVnode.children?.default(__props.slotValue),
+          customPropsList: customBtnPropsList.value
+        }, null, 8, ["vnode", "customPropsList"])
+      ])) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=TableProEditSlot.vue2.js.map

package/lib/components/src/composite/tablePro/TableProEditSlot.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableProEditSlot.vue2.js","sources":["../../../../../../../packages/components/src/composite/tablePro/TableProEditSlot.vue"],"sourcesContent":["<template>\r\n  <div\r\n    v-if=\"tableOperateVnode && tableOperateVnode.children && isInited && slotValue && customBtnPropsList\"\r\n    class=\"gm-flex gm-flex-wrap gm-justify-center\"\r\n  >\r\n    <TableOperateVNodeRenderer :vnode=\"tableOperateVnode.children?.default(slotValue)\" :customPropsList=\"customBtnPropsList\" />\r\n  </div>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { hasOwn } from '@giime/utils/src/objects';\r\nimport { operateButtonProps } from '../operateButton/operateButton';\r\nimport TableOperateVNodeRenderer from './TableOperateVNodeRenderer';\r\nimport { getVnodesByGmName } from './tableHelper';\r\nimport type { OperateButtonProps } from '../operateButton/operateButton';\r\n// 操作按钮组 当前原始vnode\r\nconst props = defineProps({\n  tableOperateVnode: { required: true },\n  slotValue: { required: true },\n  isInited: { type: Boolean, required: false }\n});\r\nconst customBtnPropsList = defineModel<OperateButtonProps[]>('customBtnPropsList', { required: true });\r\nconst customDefaultPropsList = defineModel<OperateButtonProps[]>('customDefaultPropsList', { required: true });\r\n\r\nconst getPropsList = () => {\r\n  const defaultVnodes = props.tableOperateVnode?.children?.default?.(props.slotValue);\r\n  const children = getVnodesByGmName(defaultVnodes, 'GmOperateButton');\r\n\r\n  const btnProps: OperateButtonProps[] = children.map((vNode: { props: any }) => vNode.props) ?? [];\r\n  // 循环插入props所需的默认值\r\n  btnProps.forEach(it => {\r\n    for (const key in operateButtonProps) {\r\n      // 如果当前props含有默认值\r\n      if (hasOwn(it, key)) {\r\n        continue;\r\n      }\r\n      if (hasOwn(operateButtonProps, key)) {\r\n        const element = operateButtonProps[key as keyof OperateButtonProps];\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\ncustomDefaultPropsList.value = getPropsList();\r\ncustomBtnPropsList.value = customDefaultPropsList.value;\r\n</script>\r\n"],"names":["_useModel","getVnodesByGmName","operateButtonProps","hasOwn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAKd,IAAM,MAAA,kBAAA,GAAqBA,YAAiC,CAAA,OAAA,EAAC,oBAAwC,CAAA,CAAA;AACrG,IAAM,MAAA,sBAAA,GAAyBA,YAAkC,CAAA,OAAA,EAAA,wBAA4C,CAAA,CAAA;AAE7G,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,MAAM,gBAAgB,KAAM,CAAA,iBAAA,EAAmB,QAAU,EAAA,OAAA,GAAU,MAAM,SAAS,CAAA,CAAA;AAClF,MAAM,MAAA,QAAA,GAAWC,6BAAkB,CAAA,aAAA,EAAe,iBAAiB,CAAA,CAAA;AAEnE,MAAM,MAAA,QAAA,GAAiC,SAAS,GAAI,CAAA,CAAC,UAA0B,KAAM,CAAA,KAAK,KAAK,EAAC,CAAA;AAEhG,MAAA,QAAA,CAAS,QAAQ,CAAM,EAAA,KAAA;AACrB,QAAA,KAAA,MAAW,OAAOC,gCAAoB,EAAA;AAEpC,UAAI,IAAAC,cAAA,CAAO,EAAI,EAAA,GAAG,CAAG,EAAA;AACnB,YAAA,SAAA;AAAA,WACF;AACA,UAAI,IAAAA,cAAA,CAAOD,gCAAoB,EAAA,GAAG,CAAG,EAAA;AACnC,YAAM,MAAA,OAAA,GAAUA,iCAAmB,GAA+B,CAAA,CAAA;AAElE,YAAI,IAAAC,cAAA,CAAO,OAAS,EAAA,SAAS,CAAG,EAAA;AAC9B,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,KACT,CAAA;AACA,IAAA,sBAAA,CAAuB,QAAQ,YAAa,EAAA,CAAA;AAC5C,IAAA,kBAAA,CAAmB,QAAQ,sBAAuB,CAAA,KAAA,CAAA;;;;;;;;;;;;;;"}

package/lib/giime/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.1.8";
+export declare const version = "0.1.9";

package/lib/giime/version.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const version = "0.1.7";
+const version = "0.1.9";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/giime/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../../packages/giime/version.ts"],"sourcesContent":["export const version = '0.1.7';\n"],"names":[],"mappings":";;AAAO,MAAM,OAAU,GAAA;;;;"}
+{"version":3,"file":"version.js","sources":["../../../../packages/giime/version.ts"],"sourcesContent":["export const version = '0.1.9';\n"],"names":[],"mappings":";;AAAO,MAAM,OAAU,GAAA;;;;"}

package/lib/index.css

@@ -1,3 +1,42 @@
+
+.gm-range-number .el-form-item[data-v-11c39847] {
+  margin: 0;
+}
+
+[data-v-512cf874] .gmSearchForm .el-form-item {
+  margin-right: 8px;
+  margin-bottom: 8px;
+}
+.gm-flex-center[data-v-d1c6dac0] {
+  align-items: center;
+}
+
+.gm-flex-justify-between[data-v-d1c6dac0] {
+  justify-content: space-between;
+}
+[data-v-0b3dd381] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
+}
+
+[data-v-0b3dd381] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
+}
+
+[data-v-0b3dd381] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
+}
+
+[data-v-0b3dd381] .gmTableNoBorder.el-table--border:after {
+  height: 0;
+}
+
+[data-v-0b3dd381] .gmTableNoBorder.el-table--border:before {
+  height: 0;
+}
+
+[data-v-0b3dd381] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
 /*
 ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
 *//*
@@ -688,45 +727,6 @@ video {
   display: block;
 }
 
-.gm-range-number .el-form-item[data-v-11c39847] {
-  margin: 0;
-}
-
-.gm-flex-center[data-v-d1c6dac0] {
-  align-items: center;
-}
-
-.gm-flex-justify-between[data-v-d1c6dac0] {
-  justify-content: space-between;
-}
-[data-v-512cf874] .gmSearchForm .el-form-item {
-  margin-right: 8px;
-  margin-bottom: 8px;
-}
-[data-v-e38c9d81] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
-}
-
-[data-v-e38c9d81] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
-}
-
-[data-v-e38c9d81] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
-}
-
-[data-v-e38c9d81] .gmTableNoBorder.el-table--border:after {
-  height: 0;
-}
-
-[data-v-e38c9d81] .gmTableNoBorder.el-table--border:before {
-  height: 0;
-}
-
-[data-v-e38c9d81] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
-}
-
 .pagination-container[data-v-8a95ba6d] {
   background: #fff;
   padding: 32px 16px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "giime",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "giime",