giime 0.0.22 → 0.0.23

package/dist/index.css

@@ -1,37 +1,3 @@
-.gm-flex-center[data-v-d1c6dac0] {
-  align-items: center;
-}
-
-.gm-flex-justify-between[data-v-d1c6dac0] {
-  justify-content: space-between;
-}
-[data-v-0bab7f97] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder.el-table--border:after {
-  height: 0;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder.el-table--border:before {
-  height: 0;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
-}
-[data-v-512cf874] .gmSearchForm .el-form-item {
-  margin-right: 8px;
-  margin-bottom: 8px;
-}
 /*
 ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
 *//*
@@ -713,6 +679,40 @@ video {
 .gm-group:hover .group-hover\:gm-block {
   display: block;
 }
+.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-ad9f3fdf] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder.el-table--border:after {
+  height: 0;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder.el-table--border:before {
+  height: 0;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
 
 .pagination-container[data-v-8a95ba6d] {
   background: #fff;

package/es/components/src/composite/tablePro/TablePro.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from './TablePro.vue2.mjs';
 import './TablePro.vue3.mjs';
 import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var TablePro = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0bab7f97"], ["__file", "TablePro.vue"]]);
+var TablePro = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ad9f3fdf"], ["__file", "TablePro.vue"]]);
 
 export { TablePro as default };
 //# sourceMappingURL=TablePro.vue.mjs.map

package/es/components/src/composite/tablePro/TablePro.vue2.mjs

@@ -7,16 +7,9 @@ import { tableProProps, tableProEmits } from './tablePro.mjs';
 import { getVnodesByGmName } from './tableHelper.mjs';
 import { TableColumnProName, tableColumnProProps } from './tableColumnPro/tableColumnPro.mjs';
 
-const _withScopeId = (n) => (pushScopeId("data-v-0bab7f97"), n = n(), popScopeId(), n);
-const _hoisted_1 = {
-  key: 0,
-  class: "text-center"
-};
+const _withScopeId = (n) => (pushScopeId("data-v-ad9f3fdf"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "gm-text-center" };
 const _hoisted_2 = {
-  key: 1,
-  class: "gm-text-center"
-};
-const _hoisted_3 = {
   key: 0,
   class: "gm-flex gm-flex-wrap gm-justify-center"
 };
@@ -164,14 +157,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   propsList: colPropsList.value
                 }, null, 8, ["vnode", "propsList"])) : createCommentVNode("v-if", true),
                 createCommentVNode(" \u64CD\u4F5C "),
-                createVNode(_component_gm_table_column, {
+                _ctx.customHeader || _ctx.customOperate ? (openBlock(), createBlock(_component_gm_table_column, {
+                  key: 2,
                   prop: "gmEdit",
                   "min-width": "100",
                   width: editProps.value?.width,
                   fixed: _ctx.operateFixed ? "right" : false
                 }, {
                   header: withCtx(() => [
-                    !_ctx.customHeader && !_ctx.customOperate ? (openBlock(), createElementBlock("div", _hoisted_1, "\u64CD\u4F5C")) : (openBlock(), createElementBlock("div", _hoisted_2, [
+                    createElementVNode("div", _hoisted_1, [
                       _ctx.customHeader ? (openBlock(), createBlock(_component_gm_button, {
                         key: 0,
                         type: "primary",
@@ -198,11 +192,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         _: 1
                         /* STABLE */
                       })) : createCommentVNode("v-if", true)
-                    ]))
+                    ])
                   ]),
                   default: withCtx((slotValue) => [
                     createCommentVNode(' <VNodeRenderer :vnode="customVNodes" /> '),
-                    tableOperateVnode.value && gmCustomOperationsRef.value && gmCustomOperationsRef.value.isInited ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                    tableOperateVnode.value && gmCustomOperationsRef.value && gmCustomOperationsRef.value.isInited ? (openBlock(), createElementBlock("div", _hoisted_2, [
                       createVNode(unref(TableOperateVNodeRenderer), {
                         vnode: tableOperateVnode.value.children?.default(slotValue),
                         customPropsList: customBtnPropsList.value
@@ -211,14 +205,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["width", "fixed"])
+                }, 8, ["width", "fixed"])) : createCommentVNode("v-if", true)
               ]),
               _: 1
               /* STABLE */
             }, 16, ["class"])
           ]),
-          props.customHeader ? (openBlock(), createBlock(_component_gm_table_header_form, {
-            key: 0,
+          createVNode(_component_gm_table_header_form, {
             ref_key: "gmTableHeaderRef",
             ref: gmTableHeaderRef,
             isShowDrawer: drawerHeaderVisible.value,
@@ -228,9 +221,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             colDefaultPropsList: colDefaultPropsList.value,
             keyWord: props.page,
             type: "HeaderList"
-          }, null, 8, ["isShowDrawer", "colPropsList", "colDefaultPropsList", "keyWord"])) : createCommentVNode("v-if", true),
-          props.customOperate ? (openBlock(), createBlock(_component_gm_operate_button_form, {
-            key: 1,
+          }, null, 8, ["isShowDrawer", "colPropsList", "colDefaultPropsList", "keyWord"]),
+          createVNode(_component_gm_operate_button_form, {
             ref_key: "gmCustomOperationsRef",
             ref: gmCustomOperationsRef,
             isShowDrawer: drawerOperateVisible.value,
@@ -240,7 +232,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             customDefaultPropsList: customDefaultPropsList.value,
             keyWord: props.page,
             type: "OperateList"
-          }, null, 8, ["isShowDrawer", "customBtnPropsList", "customDefaultPropsList", "keyWord"])) : createCommentVNode("v-if", true)
+          }, null, 8, ["isShowDrawer", "customBtnPropsList", "customDefaultPropsList", "keyWord"])
         ],
         64
         /* STABLE_FRAGMENT */

package/es/components/src/composite/tablePro/TablePro.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TablePro.vue2.mjs","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 prop=\"gmEdit\" min-width=\"100\" :width=\"editProps?.width\" :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=\"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>\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  <template v-if=\"props.customHeader\">\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  </template>\r\n\r\n  <template v-if=\"props.customOperate\">\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</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  ascs: string;\r\n  descs: string;\r\n}>('sortValue');\r\n\r\nconst handleSortChange = (sort: Sort) => {\r\n  if (sortValue.value) {\r\n    sortValue.value.ascs = '';\r\n    sortValue.value.descs = '';\r\n    switch (sort.order) {\r\n      case 'ascending':\r\n        sortValue.value.ascs = sort.prop;\r\n        break;\r\n      case 'descending':\r\n        sortValue.value.descs = sort.prop;\r\n        break;\r\n    }\r\n  }\r\n\r\n  emit('sortChange', sort);\r\n};\r\ndefineExpose({\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":["_useSlots","_useModel"],"mappings":"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"}
+{"version":3,"file":"TablePro.vue2.mjs","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  ascs: string;\r\n  descs: string;\r\n}>('sortValue');\r\n\r\nconst handleSortChange = (sort: Sort) => {\r\n  if (sortValue.value) {\r\n    sortValue.value.ascs = '';\r\n    sortValue.value.descs = '';\r\n    switch (sort.order) {\r\n      case 'ascending':\r\n        sortValue.value.ascs = sort.prop;\r\n        break;\r\n      case 'descending':\r\n        sortValue.value.descs = sort.prop;\r\n        break;\r\n    }\r\n  }\r\n\r\n  emit('sortChange', sort);\r\n};\r\ndefineExpose({\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":["_useSlots","_useModel"],"mappings":"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"}

package/es/giime/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.22";
+export declare const version = "0.0.23";

package/es/index.css

@@ -1,37 +1,3 @@
-.gm-flex-center[data-v-d1c6dac0] {
-  align-items: center;
-}
-
-.gm-flex-justify-between[data-v-d1c6dac0] {
-  justify-content: space-between;
-}
-[data-v-0bab7f97] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder.el-table--border:after {
-  height: 0;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder.el-table--border:before {
-  height: 0;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
-}
-[data-v-512cf874] .gmSearchForm .el-form-item {
-  margin-right: 8px;
-  margin-bottom: 8px;
-}
 /*
 ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
 *//*
@@ -713,6 +679,40 @@ video {
 .gm-group:hover .group-hover\:gm-block {
   display: block;
 }
+.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-ad9f3fdf] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder.el-table--border:after {
+  height: 0;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder.el-table--border:before {
+  height: 0;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
 
 .pagination-container[data-v-8a95ba6d] {
   background: #fff;

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

@@ -6,7 +6,7 @@ var TablePro_vue_vue_type_script_setup_true_lang = require('./TablePro.vue2.js')
 require('./TablePro.vue3.js');
 var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
 
-var TablePro = /* @__PURE__ */ _pluginVue_exportHelper.default(TablePro_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-0bab7f97"], ["__file", "TablePro.vue"]]);
+var TablePro = /* @__PURE__ */ _pluginVue_exportHelper.default(TablePro_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-ad9f3fdf"], ["__file", "TablePro.vue"]]);
 
 exports.default = TablePro;
 //# sourceMappingURL=TablePro.vue.js.map

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

@@ -11,16 +11,9 @@ var tablePro = require('./tablePro.js');
 var tableHelper = require('./tableHelper.js');
 var tableColumnPro = require('./tableColumnPro/tableColumnPro.js');
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-0bab7f97"), n = n(), vue.popScopeId(), n);
-const _hoisted_1 = {
-  key: 0,
-  class: "text-center"
-};
+const _withScopeId = (n) => (vue.pushScopeId("data-v-ad9f3fdf"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = { class: "gm-text-center" };
 const _hoisted_2 = {
-  key: 1,
-  class: "gm-text-center"
-};
-const _hoisted_3 = {
   key: 0,
   class: "gm-flex gm-flex-wrap gm-justify-center"
 };
@@ -168,14 +161,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   propsList: colPropsList.value
                 }, null, 8, ["vnode", "propsList"])) : vue.createCommentVNode("v-if", true),
                 vue.createCommentVNode(" \u64CD\u4F5C "),
-                vue.createVNode(_component_gm_table_column, {
+                _ctx.customHeader || _ctx.customOperate ? (vue.openBlock(), vue.createBlock(_component_gm_table_column, {
+                  key: 2,
                   prop: "gmEdit",
                   "min-width": "100",
                   width: editProps.value?.width,
                   fixed: _ctx.operateFixed ? "right" : false
                 }, {
                   header: vue.withCtx(() => [
-                    !_ctx.customHeader && !_ctx.customOperate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, "\u64CD\u4F5C")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                    vue.createElementVNode("div", _hoisted_1, [
                       _ctx.customHeader ? (vue.openBlock(), vue.createBlock(_component_gm_button, {
                         key: 0,
                         type: "primary",
@@ -202,11 +196,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         _: 1
                         /* STABLE */
                       })) : vue.createCommentVNode("v-if", true)
-                    ]))
+                    ])
                   ]),
                   default: vue.withCtx((slotValue) => [
                     vue.createCommentVNode(' <VNodeRenderer :vnode="customVNodes" /> '),
-                    tableOperateVnode.value && gmCustomOperationsRef.value && gmCustomOperationsRef.value.isInited ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+                    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
@@ -215,14 +209,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["width", "fixed"])
+                }, 8, ["width", "fixed"])) : vue.createCommentVNode("v-if", true)
               ]),
               _: 1
               /* STABLE */
             }, 16, ["class"])
           ]),
-          props.customHeader ? (vue.openBlock(), vue.createBlock(_component_gm_table_header_form, {
-            key: 0,
+          vue.createVNode(_component_gm_table_header_form, {
             ref_key: "gmTableHeaderRef",
             ref: gmTableHeaderRef,
             isShowDrawer: drawerHeaderVisible.value,
@@ -232,9 +225,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             colDefaultPropsList: colDefaultPropsList.value,
             keyWord: props.page,
             type: "HeaderList"
-          }, null, 8, ["isShowDrawer", "colPropsList", "colDefaultPropsList", "keyWord"])) : vue.createCommentVNode("v-if", true),
-          props.customOperate ? (vue.openBlock(), vue.createBlock(_component_gm_operate_button_form, {
-            key: 1,
+          }, null, 8, ["isShowDrawer", "colPropsList", "colDefaultPropsList", "keyWord"]),
+          vue.createVNode(_component_gm_operate_button_form, {
             ref_key: "gmCustomOperationsRef",
             ref: gmCustomOperationsRef,
             isShowDrawer: drawerOperateVisible.value,
@@ -244,7 +236,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             customDefaultPropsList: customDefaultPropsList.value,
             keyWord: props.page,
             type: "OperateList"
-          }, null, 8, ["isShowDrawer", "customBtnPropsList", "customDefaultPropsList", "keyWord"])) : vue.createCommentVNode("v-if", true)
+          }, null, 8, ["isShowDrawer", "customBtnPropsList", "customDefaultPropsList", "keyWord"])
         ],
         64
         /* STABLE_FRAGMENT */

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 prop=\"gmEdit\" min-width=\"100\" :width=\"editProps?.width\" :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=\"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>\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  <template v-if=\"props.customHeader\">\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  </template>\r\n\r\n  <template v-if=\"props.customOperate\">\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</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  ascs: string;\r\n  descs: string;\r\n}>('sortValue');\r\n\r\nconst handleSortChange = (sort: Sort) => {\r\n  if (sortValue.value) {\r\n    sortValue.value.ascs = '';\r\n    sortValue.value.descs = '';\r\n    switch (sort.order) {\r\n      case 'ascending':\r\n        sortValue.value.ascs = sort.prop;\r\n        break;\r\n      case 'descending':\r\n        sortValue.value.descs = sort.prop;\r\n        break;\r\n    }\r\n  }\r\n\r\n  emit('sortChange', sort);\r\n};\r\ndefineExpose({\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          <!-- <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  ascs: string;\r\n  descs: string;\r\n}>('sortValue');\r\n\r\nconst handleSortChange = (sort: Sort) => {\r\n  if (sortValue.value) {\r\n    sortValue.value.ascs = '';\r\n    sortValue.value.descs = '';\r\n    switch (sort.order) {\r\n      case 'ascending':\r\n        sortValue.value.ascs = sort.prop;\r\n        break;\r\n      case 'descending':\r\n        sortValue.value.descs = sort.prop;\r\n        break;\r\n    }\r\n  }\r\n\r\n  emit('sortChange', sort);\r\n};\r\ndefineExpose({\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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"}

package/lib/giime/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.22";
+export declare const version = "0.0.23";

package/lib/index.css

@@ -1,37 +1,3 @@
-.gm-flex-center[data-v-d1c6dac0] {
-  align-items: center;
-}
-
-.gm-flex-justify-between[data-v-d1c6dac0] {
-  justify-content: space-between;
-}
-[data-v-0bab7f97] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder.el-table--border:after {
-  height: 0;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder.el-table--border:before {
-  height: 0;
-}
-
-[data-v-0bab7f97] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
-}
-[data-v-512cf874] .gmSearchForm .el-form-item {
-  margin-right: 8px;
-  margin-bottom: 8px;
-}
 /*
 ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
 *//*
@@ -713,6 +679,40 @@ video {
 .gm-group:hover .group-hover\:gm-block {
   display: block;
 }
+.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-ad9f3fdf] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder.el-table--border:after {
+  height: 0;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder.el-table--border:before {
+  height: 0;
+}
+
+[data-v-ad9f3fdf] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
 
 .pagination-container[data-v-8a95ba6d] {
   background: #fff;

package/package.json

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