giime 0.0.20 → 0.0.22

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

@@ -11,7 +11,7 @@ var tablePro = require('./tablePro.js');
 var tableHelper = require('./tableHelper.js');
 var tableColumnPro = require('./tableColumnPro/tableColumnPro.js');
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-48398692"), n = n(), vue.popScopeId(), n);
+const _withScopeId = (n) => (vue.pushScopeId("data-v-0bab7f97"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = {
   key: 0,
   class: "text-center"
@@ -29,12 +29,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "GmTablePro"
   },
   __name: "TablePro",
-  props: tablePro.tableProProps,
-  emits: tablePro.tableProEmits,
-  setup(__props) {
+  props: /* @__PURE__ */ vue.mergeModels(tablePro.tableProProps, {
+    "sortValue": {},
+    "sortValueModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(tablePro.tableProEmits, ["update:sortValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
     const GmTbaleRef = vue.ref();
     const gmCustomOperationsRef = vue.ref();
     const gmTableHeaderRef = vue.ref();
+    const emit = __emit;
     const props = __props;
     const slots = vue.useSlots();
     const tableColumnVnode = vue.computed(() => {
@@ -112,6 +116,25 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       await vue.nextTick();
       gmTableHeaderRef.value?.submitSettings();
     };
+    const sortValue = vue.useModel(__props, "sortValue");
+    const handleSortChange = (sort) => {
+      if (sortValue.value) {
+        sortValue.value.ascs = "";
+        sortValue.value.descs = "";
+        switch (sort.order) {
+          case "ascending":
+            sortValue.value.ascs = sort.prop;
+            break;
+          case "descending":
+            sortValue.value.descs = sort.prop;
+            break;
+        }
+      }
+      emit("sortChange", sort);
+    };
+    __expose({
+      clearSort: () => GmTbaleRef.value?.clearSort()
+    });
     return (_ctx, _cache) => {
       const _component_gm_table_column = vue.resolveComponent("gm-table-column");
       const _component_gm_button = vue.resolveComponent("gm-button");
@@ -130,7 +153,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               border: "",
               class: ["gmTablePro", [props.border ? "" : "gmTableNoBorder"]],
               onSelectionChange: _cache[2] || (_cache[2] = (value) => _ctx.$emit("selectionChange", value)),
-              onSortChange: _cache[3] || (_cache[3] = (sort) => _ctx.$emit("sortChange", sort)),
+              onSortChange: handleSortChange,
               onHeaderDragend: headerDragend
             }), {
               default: vue.withCtx(() => [
@@ -203,9 +226,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ref_key: "gmTableHeaderRef",
             ref: gmTableHeaderRef,
             isShowDrawer: drawerHeaderVisible.value,
-            "onUpdate:isShowDrawer": _cache[4] || (_cache[4] = ($event) => drawerHeaderVisible.value = $event),
+            "onUpdate:isShowDrawer": _cache[3] || (_cache[3] = ($event) => drawerHeaderVisible.value = $event),
             colPropsList: colPropsList.value,
-            "onUpdate:colPropsList": _cache[5] || (_cache[5] = ($event) => colPropsList.value = $event),
+            "onUpdate:colPropsList": _cache[4] || (_cache[4] = ($event) => colPropsList.value = $event),
             colDefaultPropsList: colDefaultPropsList.value,
             keyWord: props.page,
             type: "HeaderList"
@@ -215,9 +238,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ref_key: "gmCustomOperationsRef",
             ref: gmCustomOperationsRef,
             isShowDrawer: drawerOperateVisible.value,
-            "onUpdate:isShowDrawer": _cache[6] || (_cache[6] = ($event) => drawerOperateVisible.value = $event),
+            "onUpdate:isShowDrawer": _cache[5] || (_cache[5] = ($event) => drawerOperateVisible.value = $event),
             customBtnPropsList: customBtnPropsList.value,
-            "onUpdate:customBtnPropsList": _cache[7] || (_cache[7] = ($event) => customBtnPropsList.value = $event),
+            "onUpdate:customBtnPropsList": _cache[6] || (_cache[6] = ($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=\"(sort: Sort) => $emit('sortChange', sort)\"\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\ndefineEmits(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</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"],"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 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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"}

package/lib/components/src/composite/tablePro/index.d.ts

@@ -1,6 +1,10 @@
 import TablePro from './TablePro.vue';
 export declare const GmTablePro: import("../../../../utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        sortValue: import("vue").PropType<{
+            ascs: string;
+            descs: string;
+        }>;
         headerCellStyle: {
             type: ObjectConstructor;
             default: () => {
@@ -34,7 +38,7 @@ export declare const GmTablePro: import("../../../../utils").SFCWithInstall<{
         };
         page: {
             type: StringConstructor;
-            default: string;
+            required: true;
         };
         size: {
             readonly type: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
@@ -119,14 +123,28 @@ export declare const GmTablePro: import("../../../../utils").SFCWithInstall<{
         flexible: BooleanConstructor;
         showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined>;
     }>> & {
+        "onUpdate:sortValue"?: ((sortValue: {
+            ascs: string;
+            descs: string;
+        }) => any) | undefined;
         onTableOperate?: ((btn: Record<string, any>, row: Record<string, any>) => any) | undefined;
         onSelectionChange?: ((value: Record<string, any>[]) => any) | undefined;
         onSortChange?: ((value: import("element-plus/es/components/table/src/table/defaults.js").Sort) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {
+        clearSort: () => void | undefined;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:sortValue": (sortValue: {
+            ascs: string;
+            descs: string;
+        }) => void;
         tableOperate: (btn: Record<string, any>, row: Record<string, any>) => void;
         selectionChange: (value: Record<string, any>[]) => void;
         sortChange: (value: import("element-plus/es/components/table/src/table/defaults.js").Sort) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        sortValue: import("vue").PropType<{
+            ascs: string;
+            descs: string;
+        }>;
         headerCellStyle: {
             type: ObjectConstructor;
             default: () => {
@@ -160,7 +178,7 @@ export declare const GmTablePro: import("../../../../utils").SFCWithInstall<{
         };
         page: {
             type: StringConstructor;
-            default: string;
+            required: true;
         };
         size: {
             readonly type: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
@@ -245,6 +263,10 @@ export declare const GmTablePro: import("../../../../utils").SFCWithInstall<{
         flexible: BooleanConstructor;
         showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined>;
     }>> & {
+        "onUpdate:sortValue"?: ((sortValue: {
+            ascs: string;
+            descs: string;
+        }) => any) | undefined;
         onTableOperate?: ((btn: Record<string, any>, row: Record<string, any>) => any) | undefined;
         onSelectionChange?: ((value: Record<string, any>[]) => any) | undefined;
         onSortChange?: ((value: import("element-plus/es/components/table/src/table/defaults.js").Sort) => any) | undefined;
@@ -270,7 +292,6 @@ export declare const GmTablePro: import("../../../../utils").SFCWithInstall<{
         } | undefined;
         tableLayout: "fixed" | "auto";
         flexible: boolean;
-        page: string;
         selection: boolean;
         customHeader: boolean;
         customOperate: boolean;
@@ -284,6 +305,10 @@ export declare const GmTablePro: import("../../../../utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        sortValue: import("vue").PropType<{
+            ascs: string;
+            descs: string;
+        }>;
         headerCellStyle: {
             type: ObjectConstructor;
             default: () => {
@@ -317,7 +342,7 @@ export declare const GmTablePro: import("../../../../utils").SFCWithInstall<{
         };
         page: {
             type: StringConstructor;
-            default: string;
+            required: true;
         };
         size: {
             readonly type: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
@@ -402,10 +427,16 @@ export declare const GmTablePro: import("../../../../utils").SFCWithInstall<{
         flexible: BooleanConstructor;
         showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined>;
     }>> & {
+        "onUpdate:sortValue"?: ((sortValue: {
+            ascs: string;
+            descs: string;
+        }) => any) | undefined;
         onTableOperate?: ((btn: Record<string, any>, row: Record<string, any>) => any) | undefined;
         onSelectionChange?: ((value: Record<string, any>[]) => any) | undefined;
         onSortChange?: ((value: import("element-plus/es/components/table/src/table/defaults.js").Sort) => any) | undefined;
-    }, {}, {}, {}, {}, {
+    }, {
+        clearSort: () => void | undefined;
+    }, {}, {}, {}, {
         data: unknown[];
         fit: boolean;
         border: boolean;
@@ -427,7 +458,6 @@ export declare const GmTablePro: import("../../../../utils").SFCWithInstall<{
         } | undefined;
         tableLayout: "fixed" | "auto";
         flexible: boolean;
-        page: string;
         selection: boolean;
         customHeader: boolean;
         customOperate: boolean;
@@ -438,6 +468,10 @@ export declare const GmTablePro: import("../../../../utils").SFCWithInstall<{
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    sortValue: import("vue").PropType<{
+        ascs: string;
+        descs: string;
+    }>;
     headerCellStyle: {
         type: ObjectConstructor;
         default: () => {
@@ -471,7 +505,7 @@ export declare const GmTablePro: import("../../../../utils").SFCWithInstall<{
     };
     page: {
         type: StringConstructor;
-        default: string;
+        required: true;
     };
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
@@ -556,10 +590,20 @@ export declare const GmTablePro: import("../../../../utils").SFCWithInstall<{
     flexible: BooleanConstructor;
     showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined>;
 }>> & {
+    "onUpdate:sortValue"?: ((sortValue: {
+        ascs: string;
+        descs: string;
+    }) => any) | undefined;
     onTableOperate?: ((btn: Record<string, any>, row: Record<string, any>) => any) | undefined;
     onSelectionChange?: ((value: Record<string, any>[]) => any) | undefined;
     onSortChange?: ((value: import("element-plus/es/components/table/src/table/defaults.js").Sort) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {
+    clearSort: () => void | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:sortValue": (sortValue: {
+        ascs: string;
+        descs: string;
+    }) => void;
     tableOperate: (btn: Record<string, any>, row: Record<string, any>) => void;
     selectionChange: (value: Record<string, any>[]) => void;
     sortChange: (value: import("element-plus/es/components/table/src/table/defaults.js").Sort) => void;
@@ -585,7 +629,6 @@ export declare const GmTablePro: import("../../../../utils").SFCWithInstall<{
     } | undefined;
     tableLayout: "fixed" | "auto";
     flexible: boolean;
-    page: string;
     selection: boolean;
     customHeader: boolean;
     customOperate: boolean;
@@ -602,4 +645,6 @@ export type GmTableProInstance = InstanceType<typeof TablePro>;
 export * from './tablePro';
 export * from './tableColumnPro';
 export * from './tableHeaderForm';
+export * from './tablePagination';
+export * from './tableToolbar';
 export default GmTablePro;

package/lib/components/src/composite/tablePro/index.js

@@ -7,9 +7,13 @@ var TablePro = require('./TablePro.vue.js');
 var tablePro = require('./tablePro.js');
 var index = require('./tableColumnPro/index.js');
 var index$1 = require('./tableHeaderForm/index.js');
+var index$2 = require('./tablePagination/index.js');
+var index$3 = require('./tableToolbar/index.js');
 var install = require('../../../../utils/src/vue/install.js');
 var tableColumnPro = require('./tableColumnPro/tableColumnPro.js');
 var tableHeaderForm = require('./tableHeaderForm/tableHeaderForm.js');
+var tablePagination = require('./tablePagination/tablePagination.js');
+var tableToolbar = require('./tableToolbar/tableToolbar.js');
 
 const GmTablePro = install.withInstall(TablePro.default);
 
@@ -17,9 +21,14 @@ exports.tableProEmits = tablePro.tableProEmits;
 exports.tableProProps = tablePro.tableProProps;
 exports.GmTableColumnPro = index.GmTableColumnPro;
 exports.GmTableHeaderForm = index$1.GmTableHeaderForm;
+exports.GmTablePagination = index$2.GmTablePagination;
+exports.GmTableToolbar = index$3.GmTableToolbar;
 exports.TableColumnProName = tableColumnPro.TableColumnProName;
 exports.tableColumnProProps = tableColumnPro.tableColumnProProps;
 exports.tableHeaderFormProps = tableHeaderForm.tableHeaderFormProps;
+exports.tablePaginationProps = tablePagination.tablePaginationProps;
+exports.tableToolbarEmits = tableToolbar.tableToolbarEmits;
+exports.tableToolbarProps = tableToolbar.tableToolbarProps;
 exports.GmTablePro = GmTablePro;
 exports.default = GmTablePro;
 //# sourceMappingURL=index.js.map

package/lib/components/src/composite/tablePro/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../packages/components/src/composite/tablePro/index.ts"],"sourcesContent":["import { withInstall } from '@giime/utils';\r\nimport TablePro from './TablePro.vue';\r\n\r\nexport const GmTablePro = withInstall(TablePro);\r\nexport type GmTableProInstance = InstanceType<typeof TablePro>;\r\nexport * from './tablePro';\r\nexport * from './tableColumnPro';\r\nexport * from './tableHeaderForm';\r\nexport default GmTablePro;\r\n"],"names":["withInstall","TablePro"],"mappings":";;;;;;;;;;;;;AAGa,MAAA,UAAA,GAAaA,oBAAYC,gBAAQ;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../packages/components/src/composite/tablePro/index.ts"],"sourcesContent":["import { withInstall } from '@giime/utils';\r\nimport TablePro from './TablePro.vue';\r\n\r\nexport const GmTablePro = withInstall(TablePro);\r\nexport type GmTableProInstance = InstanceType<typeof TablePro>;\r\nexport * from './tablePro';\r\nexport * from './tableColumnPro';\r\nexport * from './tableHeaderForm';\r\nexport * from './tablePagination';\r\nexport * from './tableToolbar';\r\nexport default GmTablePro;\r\n"],"names":["withInstall","TablePro"],"mappings":";;;;;;;;;;;;;;;;;AAGa,MAAA,UAAA,GAAaA,oBAAYC,gBAAQ;;;;;;;;;;;;;;;;;"}

package/lib/components/src/composite/tablePro/tableColumnPro/TableColumnPro.vue.d.ts

@@ -3,14 +3,27 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    isSort: {
+        type: BooleanConstructor;
+        default: false;
+    };
     isShow: {
         type: BooleanConstructor;
         default: true;
     };
+    fixed: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: false;
+    };
     type: {
         type: import("vue").PropType<"" | "edit">;
         default: "";
     };
+    sortOrders: {
+        default: () => readonly ["descending", "ascending", null];
+        type: import("vue").PropType<("ascending" | "descending" | null)[]>;
+        validator: (val: ("ascending" | "descending" | null)[]) => boolean;
+    };
     label: StringConstructor;
     className: StringConstructor;
     labelClassName: StringConstructor;
@@ -46,7 +59,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined>;
         default: undefined;
     };
-    fixed: (BooleanConstructor | StringConstructor)[];
     formatter: import("vue").PropType<(row: any, column: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<any>, cellValue: any, index: number) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>>;
@@ -62,24 +74,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     filterClassName: StringConstructor;
     index: import("vue").PropType<number | ((index: number) => number)>;
-    sortOrders: {
-        type: import("vue").PropType<("ascending" | "descending" | null)[]>;
-        default: () => (string | null)[];
-        validator: (val: ("ascending" | "descending" | null)[]) => boolean;
-    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     prop: {
         type: StringConstructor;
         required: true;
     };
+    isSort: {
+        type: BooleanConstructor;
+        default: false;
+    };
     isShow: {
         type: BooleanConstructor;
         default: true;
     };
+    fixed: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: false;
+    };
     type: {
         type: import("vue").PropType<"" | "edit">;
         default: "";
     };
+    sortOrders: {
+        default: () => readonly ["descending", "ascending", null];
+        type: import("vue").PropType<("ascending" | "descending" | null)[]>;
+        validator: (val: ("ascending" | "descending" | null)[]) => boolean;
+    };
     label: StringConstructor;
     className: StringConstructor;
     labelClassName: StringConstructor;
@@ -115,7 +135,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined>;
         default: undefined;
     };
-    fixed: (BooleanConstructor | StringConstructor)[];
     formatter: import("vue").PropType<(row: any, column: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<any>, cellValue: any, index: number) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>>;
@@ -131,13 +150,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     filterClassName: StringConstructor;
     index: import("vue").PropType<number | ((index: number) => number)>;
-    sortOrders: {
-        type: import("vue").PropType<("ascending" | "descending" | null)[]>;
-        default: () => (string | null)[];
-        validator: (val: ("ascending" | "descending" | null)[]) => boolean;
-    };
 }>>, {
     type: "" | "edit";
+    fixed: string | boolean;
     width: string | number;
     minWidth: string | number;
     showOverflowTooltip: boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined;
@@ -146,6 +161,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     reserveSelection: boolean;
     filterMultiple: boolean;
     sortOrders: ("ascending" | "descending" | null)[];
+    isSort: boolean;
     isShow: boolean;
 }, {}>, {
     default?(_: any): any;

package/lib/components/src/composite/tablePro/tableColumnPro/TableColumnPro.vue2.js

@@ -14,33 +14,28 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const slots = vue.useSlots();
     const props = __props;
+    const proSortable = vue.computed(() => props.isSort ? "custom" : props.sortable);
     return (_ctx, _cache) => {
       const _component_gm_table_column = vue.resolveComponent("gm-table-column");
-      return vue.openBlock(), vue.createBlock(
-        _component_gm_table_column,
-        vue.normalizeProps(vue.guardReactiveProps(props)),
-        vue.createSlots({
-          _: 2
-          /* DYNAMIC */
-        }, [
-          vue.unref(slots).default ? {
-            name: "default",
-            fn: vue.withCtx((slotValue) => [
-              vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(slotValue)))
-            ]),
-            key: "0"
-          } : void 0,
-          vue.unref(slots).header ? {
-            name: "header",
-            fn: vue.withCtx((slotValue) => [
-              vue.renderSlot(_ctx.$slots, "header", vue.normalizeProps(vue.guardReactiveProps(slotValue)))
-            ]),
-            key: "1"
-          } : void 0
-        ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      );
+      return vue.openBlock(), vue.createBlock(_component_gm_table_column, vue.mergeProps(props, { sortable: proSortable.value }), vue.createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        vue.unref(slots).default ? {
+          name: "default",
+          fn: vue.withCtx((slotValue) => [
+            vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(slotValue)))
+          ]),
+          key: "0"
+        } : void 0,
+        vue.unref(slots).header ? {
+          name: "header",
+          fn: vue.withCtx((slotValue) => [
+            vue.renderSlot(_ctx.$slots, "header", vue.normalizeProps(vue.guardReactiveProps(slotValue)))
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["sortable"]);
     };
   }
 });

package/lib/components/src/composite/tablePro/tableColumnPro/TableColumnPro.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnPro.vue2.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableColumnPro/TableColumnPro.vue"],"sourcesContent":["<template>\r\n  <gm-table-column v-bind=\"props\">\r\n    <template v-if=\"slots.default\" #default=\"slotValue\">\r\n      <slot v-bind=\"slotValue\" />\r\n    </template>\r\n    <template v-if=\"slots.header\" #header=\"slotValue\">\r\n      <slot name=\"header\" v-bind=\"slotValue\" />\r\n    </template>\r\n  </gm-table-column>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { useSlots } from 'vue';\r\nimport { TableColumnProName, tableColumnProProps } from './tableColumnPro';\r\n\r\ndefineOptions({\r\n  name: TableColumnProName,\r\n});\r\nconst slots = useSlots();\r\nconst props = defineProps(tableColumnProProps);\r\n</script>\r\n"],"names":["useSlots"],"mappings":";;;;;;;;;;;;;;AAiBA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TableColumnPro.vue2.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableColumnPro/TableColumnPro.vue"],"sourcesContent":["<template>\r\n  <gm-table-column v-bind=\"props\" :sortable=\"proSortable\">\r\n    <template v-if=\"slots.default\" #default=\"slotValue\">\r\n      <slot v-bind=\"slotValue\" />\r\n    </template>\r\n    <template v-if=\"slots.header\" #header=\"slotValue\">\r\n      <slot name=\"header\" v-bind=\"slotValue\" />\r\n    </template>\r\n  </gm-table-column>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed, useSlots } from 'vue';\r\nimport { TableColumnProName, tableColumnProProps } from './tableColumnPro';\r\n\r\ndefineOptions({\r\n  name: TableColumnProName,\r\n});\r\nconst slots = useSlots();\r\nconst props = defineProps(tableColumnProProps);\r\nconst proSortable = computed(() => (props.isSort ? 'custom' : props.sortable));\r\n</script>\r\n"],"names":["useSlots","computed"],"mappings":";;;;;;;;;;;;;;AAiBA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,cAAcC,YAAS,CAAA,MAAO,MAAM,MAAS,GAAA,QAAA,GAAW,MAAM,QAAS,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}