giime 0.2.3 → 0.3.1

package/lib/components/src/base/table/index.d.ts

@@ -3,6 +3,9 @@ import Table from './Table.vue';
 import type { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults';
 export declare const GmTable: import("../../../../utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        tableId: {
+            type: StringConstructor;
+        };
         data: {
             type: import("vue").PropType<any[]>;
             default: () => never[];
@@ -693,6 +696,9 @@ export declare const GmTable: import("../../../../utils").SFCWithInstall<{
         "filter-change": (...args: any[]) => void;
         "header-dragend": (...args: any[]) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        tableId: {
+            type: StringConstructor;
+        };
         data: {
             type: import("vue").PropType<any[]>;
             default: () => never[];
@@ -828,6 +834,9 @@ export declare const GmTable: import("../../../../utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        tableId: {
+            type: StringConstructor;
+        };
         data: {
             type: import("vue").PropType<any[]>;
             default: () => never[];
@@ -1524,6 +1533,9 @@ export declare const GmTable: import("../../../../utils").SFCWithInstall<{
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    tableId: {
+        type: StringConstructor;
+    };
     data: {
         type: import("vue").PropType<any[]>;
         default: () => never[];

package/lib/components/src/base/table/table.d.ts

@@ -1,4 +1,7 @@
 export declare const tableProps: {
+    tableId: {
+        type: StringConstructor;
+    };
     data: {
         type: import("vue").PropType<any[]>;
         default: () => never[];

package/lib/components/src/base/table/table.js

@@ -3,7 +3,10 @@
 var elTableProps = require('element-plus/es/components/table/src/table/defaults');
 
 const tableProps = {
-  ...elTableProps
+  ...elTableProps,
+  tableId: {
+    type: String
+  }
 };
 const elTableEmits = {
   select: (...arg) => !!arg,

package/lib/components/src/base/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../../../../packages/components/src/base/table/table.ts"],"sourcesContent":["// import { TableProps as elTableProps } from 'element-plus';\r\n// import type { ExtractPropTypes } from 'vue';\r\nimport elTableProps from 'element-plus/es/components/table/src/table/defaults';\r\nexport const tableProps = {\r\n  ...elTableProps,\r\n};\r\n\r\nexport const elTableEmits = {\r\n  select: (...arg: any[]) => !!arg,\r\n  'select-all': (...arg: any[]) => !!arg,\r\n  'selection-change': (...arg: any[]) => !!arg,\r\n  'cell-mouse-enter': (...arg: any[]) => !!arg,\r\n  'cell-mouse-leave': (...arg: any[]) => !!arg,\r\n  'cell-click': (...arg: any[]) => !!arg,\r\n  'cell-dblclick': (...arg: any[]) => !!arg,\r\n  'cell-contextmenu': (...arg: any[]) => !!arg,\r\n  'row-click': (...arg: any[]) => !!arg,\r\n  'row-contextmenu': (...arg: any[]) => !!arg,\r\n  'row-dblclick': (...arg: any[]) => !!arg,\r\n  'header-click': (...arg: any[]) => !!arg,\r\n  'header-contextmenu': (...arg: any[]) => !!arg,\r\n  'sort-change': (...arg: any[]) => !!arg,\r\n  'filter-change': (...arg: any[]) => !!arg,\r\n  'current-change': (...arg: any[]) => !!arg,\r\n  'header-dragend': (...arg: any[]) => !!arg,\r\n  'expand-change': (...arg: any[]) => !!arg,\r\n};\r\n\r\nexport const tableEmits = {\r\n  ...elTableEmits,\r\n  // 自定义事件\r\n  // submit: (value: any) => !!value,\r\n};\r\n"],"names":[],"mappings":";;;;AAGO,MAAM,UAAa,GAAA;AAAA,EACxB,GAAG,YAAA;AACL,EAAA;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,MAAQ,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC7B,YAAc,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACnC,kBAAoB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACzC,kBAAoB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACzC,kBAAoB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACzC,YAAc,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACnC,eAAiB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACtC,kBAAoB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACzC,WAAa,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAClC,iBAAmB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACxC,cAAgB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACrC,cAAgB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACrC,oBAAsB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC3C,aAAe,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACpC,eAAiB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACtC,gBAAkB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACvC,gBAAkB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACvC,eAAiB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AACxC,EAAA;AAEO,MAAM,UAAa,GAAA;AAAA,EACxB,GAAG,YAAA;AAAA;AAAA;AAGL;;;;;;"}
+{"version":3,"file":"table.js","sources":["../../../../../../../packages/components/src/base/table/table.ts"],"sourcesContent":["// import { TableProps as elTableProps } from 'element-plus';\r\n// import type { ExtractPropTypes } from 'vue';\r\nimport elTableProps from 'element-plus/es/components/table/src/table/defaults';\r\nexport const tableProps = {\r\n  ...elTableProps,\r\n  tableId: {\r\n    type: String,\r\n  },\r\n};\r\n\r\nexport const elTableEmits = {\r\n  select: (...arg: any[]) => !!arg,\r\n  'select-all': (...arg: any[]) => !!arg,\r\n  'selection-change': (...arg: any[]) => !!arg,\r\n  'cell-mouse-enter': (...arg: any[]) => !!arg,\r\n  'cell-mouse-leave': (...arg: any[]) => !!arg,\r\n  'cell-click': (...arg: any[]) => !!arg,\r\n  'cell-dblclick': (...arg: any[]) => !!arg,\r\n  'cell-contextmenu': (...arg: any[]) => !!arg,\r\n  'row-click': (...arg: any[]) => !!arg,\r\n  'row-contextmenu': (...arg: any[]) => !!arg,\r\n  'row-dblclick': (...arg: any[]) => !!arg,\r\n  'header-click': (...arg: any[]) => !!arg,\r\n  'header-contextmenu': (...arg: any[]) => !!arg,\r\n  'sort-change': (...arg: any[]) => !!arg,\r\n  'filter-change': (...arg: any[]) => !!arg,\r\n  'current-change': (...arg: any[]) => !!arg,\r\n  'header-dragend': (...arg: any[]) => !!arg,\r\n  'expand-change': (...arg: any[]) => !!arg,\r\n};\r\n\r\nexport const tableEmits = {\r\n  ...elTableEmits,\r\n  // 自定义事件\r\n  // submit: (value: any) => !!value,\r\n};\r\n"],"names":[],"mappings":";;;;AAGO,MAAM,UAAa,GAAA;AAAA,EACxB,GAAG,YAAA;AAAA,EACH,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,GACR;AACF,EAAA;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,MAAQ,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC7B,YAAc,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACnC,kBAAoB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACzC,kBAAoB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACzC,kBAAoB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACzC,YAAc,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACnC,eAAiB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACtC,kBAAoB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACzC,WAAa,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAClC,iBAAmB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACxC,cAAgB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACrC,cAAgB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACrC,oBAAsB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC3C,aAAe,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACpC,eAAiB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACtC,gBAAkB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACvC,gBAAkB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACvC,eAAiB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AACxC,EAAA;AAEO,MAAM,UAAa,GAAA;AAAA,EACxB,GAAG,YAAA;AAAA;AAAA;AAGL;;;;;;"}

package/lib/components/src/base/tableV2/TableV2.vue.d.ts

@@ -1,5 +1,8 @@
 import type { TableV2Instance } from 'element-plus';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    tableId: {
+        type: StringConstructor;
+    };
     cache: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     estimatedRowHeight: {
         readonly default: undefined;
@@ -167,6 +170,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "row-expand": (...args: any[]) => void;
     "row-event-handlers": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tableId: {
+        type: StringConstructor;
+    };
     cache: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     estimatedRowHeight: {
         readonly default: undefined;

package/lib/components/src/base/tableV2/TableV2.vue2.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 require('../../../../utils/index.js');
+var table = require('../../../../constants/table.js');
 var tableV2 = require('./tableV2.js');
 var event = require('../../../../utils/src/elementPlus/event.js');
 var exports$1 = require('../../../../utils/src/elementPlus/exports.js');
@@ -16,11 +17,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: tableV2.tableV2Props,
   emits: tableV2.tableV2Emits,
   setup(__props, { expose: __expose, emit: __emit }) {
+    const elRef = vue.ref();
     const slots = vue.useSlots();
+    const tableCtx = vue.inject(table.TableCtxKey);
     const props = __props;
+    if (tableCtx && tableCtx.tableId === props.tableId) {
+      tableCtx.tableV2Ref = elRef;
+    }
     const emit = __emit;
     const elEvents = event.getGmEvent(tableV2.elTableV2Emits, emit);
-    const elRef = vue.ref();
     const exposeEvents = ["scrollTo", "scrollToLeft", "scrollToTop", "scrollToRow"];
     const { exposeFns } = exports$1.getGmExports(elRef, exposeEvents);
     __expose({

package/lib/components/src/base/tableV2/TableV2.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableV2.vue2.js","sources":["../../../../../../../packages/components/src/base/tableV2/TableV2.vue"],"sourcesContent":["<template>\r\n  <el-table-v2 ref=\"elRef\" v-bind=\"props\" v-on=\"elEvents\">\r\n    <template v-if=\"slots.cell\" #cell>\r\n      <slot name=\"cell\" />\r\n    </template>\r\n    <template v-if=\"slots.header\" #header>\r\n      <slot name=\"header\" />\r\n    </template>\r\n    <template v-if=\"slots.headerCell\" #headerCell>\r\n      <slot name=\"headerCell\" />\r\n    </template>\r\n    <template v-if=\"slots.row\" #row=\"slotValue\">\r\n      <slot name=\"row\" v-bind=\"slotValue\" />\r\n    </template>\r\n    <template v-if=\"slots.footer\" #footer>\r\n      <slot name=\"footer\" />\r\n    </template>\r\n    <template v-if=\"slots.empty\" #empty>\r\n      <slot name=\"empty\" />\r\n    </template>\r\n    <template v-if=\"slots.overlay\" #overlay>\r\n      <slot name=\"overlay\" />\r\n      <!-- <VNodeRenderer :vnode=\"slots.overlay?.().children?.[0]\" /> -->\r\n    </template>\r\n  </el-table-v2>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { ref, useSlots } from 'vue';\r\nimport { getGmEvent, getGmExports } from '@giime/utils';\r\nimport { elTableV2Emits, tableV2Emits, tableV2Props } from './tableV2';\r\nimport type { TableV2Instance } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmTableV2',\r\n});\r\nconst slots = useSlots();\r\nconst props = defineProps(tableV2Props);\r\nconst emit = defineEmits(tableV2Emits);\r\n// 重发el的事件\r\nconst elEvents = getGmEvent(elTableV2Emits, emit);\r\n\r\nconst elRef = ref<TableV2Instance>();\r\nconst exposeEvents = ['scrollTo', 'scrollToLeft', 'scrollToTop', 'scrollToRow'] as const;\r\nconst { exposeFns } = getGmExports(elRef, exposeEvents);\r\ndefineExpose({\r\n  elRef,\r\n  ...exposeFns,\r\n});\r\n</script>\r\n"],"names":["useSlots","getGmEvent","elTableV2Emits","ref","getGmExports"],"mappings":";;;;;;;;;;;;;;;;;;AAmCA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAWC,gBAAW,CAAAC,sBAAA,EAAgB,IAAI,CAAA,CAAA;AAEhD,IAAA,MAAM,QAAQC,OAAqB,EAAA,CAAA;AACnC,IAAA,MAAM,YAAe,GAAA,CAAC,UAAY,EAAA,cAAA,EAAgB,eAAe,aAAa,CAAA,CAAA;AAC9E,IAAA,MAAM,EAAE,SAAA,EAAc,GAAAC,sBAAA,CAAa,OAAO,YAAY,CAAA,CAAA;AACtD,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,MACA,GAAG,SAAA;AAAA,KACJ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TableV2.vue2.js","sources":["../../../../../../../packages/components/src/base/tableV2/TableV2.vue"],"sourcesContent":["<template>\r\n  <el-table-v2 ref=\"elRef\" v-bind=\"props\" v-on=\"elEvents\">\r\n    <template v-if=\"slots.cell\" #cell>\r\n      <slot name=\"cell\" />\r\n    </template>\r\n    <template v-if=\"slots.header\" #header>\r\n      <slot name=\"header\" />\r\n    </template>\r\n    <template v-if=\"slots.headerCell\" #headerCell>\r\n      <slot name=\"headerCell\" />\r\n    </template>\r\n    <template v-if=\"slots.row\" #row=\"slotValue\">\r\n      <slot name=\"row\" v-bind=\"slotValue\" />\r\n    </template>\r\n    <template v-if=\"slots.footer\" #footer>\r\n      <slot name=\"footer\" />\r\n    </template>\r\n    <template v-if=\"slots.empty\" #empty>\r\n      <slot name=\"empty\" />\r\n    </template>\r\n    <template v-if=\"slots.overlay\" #overlay>\r\n      <slot name=\"overlay\" />\r\n      <!-- <VNodeRenderer :vnode=\"slots.overlay?.().children?.[0]\" /> -->\r\n    </template>\r\n  </el-table-v2>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { inject, ref, useSlots } from 'vue';\r\nimport { getGmEvent, getGmExports } from '@giime/utils';\r\nimport { TableCtxKey } from '@giime/constants/table';\r\nimport { elTableV2Emits, tableV2Emits, tableV2Props } from './tableV2';\r\nimport type { TableV2Instance } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmTableV2',\r\n});\r\nconst elRef = ref<TableV2Instance>();\r\nconst slots = useSlots();\r\nconst tableCtx = inject(TableCtxKey);\r\nconst props = defineProps(tableV2Props);\r\nif (tableCtx && tableCtx.tableId === props.tableId) {\r\n  tableCtx.tableV2Ref = elRef;\r\n}\r\nconst emit = defineEmits(tableV2Emits);\r\n// 重发el的事件\r\nconst elEvents = getGmEvent(elTableV2Emits, emit);\r\n\r\nconst exposeEvents = ['scrollTo', 'scrollToLeft', 'scrollToTop', 'scrollToRow'] as const;\r\nconst { exposeFns } = getGmExports(elRef, exposeEvents);\r\ndefineExpose({\r\n  elRef,\r\n  ...exposeFns,\r\n});\r\n</script>\r\n"],"names":["ref","useSlots","inject","TableCtxKey","getGmEvent","elTableV2Emits","getGmExports"],"mappings":";;;;;;;;;;;;;;;;;;;AAoCA,IAAA,MAAM,QAAQA,OAAqB,EAAA,CAAA;AACnC,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AACvB,IAAM,MAAA,QAAA,GAAWC,WAAOC,iBAAW,CAAA,CAAA;AACnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,IAAI,QAAY,IAAA,QAAA,CAAS,OAAY,KAAA,KAAA,CAAM,OAAS,EAAA;AAClD,MAAA,QAAA,CAAS,UAAa,GAAA,KAAA,CAAA;AAAA,KACxB;AACA,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAWC,gBAAW,CAAAC,sBAAA,EAAgB,IAAI,CAAA,CAAA;AAEhD,IAAA,MAAM,YAAe,GAAA,CAAC,UAAY,EAAA,cAAA,EAAgB,eAAe,aAAa,CAAA,CAAA;AAC9E,IAAA,MAAM,EAAE,SAAA,EAAc,GAAAC,sBAAA,CAAa,OAAO,YAAY,CAAA,CAAA;AACtD,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,MACA,GAAG,SAAA;AAAA,KACJ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/src/base/tableV2/index.d.ts

@@ -1,6 +1,9 @@
 import TableV2 from './TableV2.vue';
 export declare const GmTableV2: import("../../../../utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        tableId: {
+            type: StringConstructor;
+        };
         cache: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, never, never, 2, false>;
         estimatedRowHeight: {
             readonly default: undefined;
@@ -176,6 +179,9 @@ export declare const GmTableV2: import("../../../../utils").SFCWithInstall<{
         "row-expand": (...args: any[]) => void;
         "row-event-handlers": (...args: any[]) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        tableId: {
+            type: StringConstructor;
+        };
         cache: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, never, never, 2, false>;
         estimatedRowHeight: {
             readonly default: undefined;
@@ -359,6 +365,9 @@ export declare const GmTableV2: import("../../../../utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        tableId: {
+            type: StringConstructor;
+        };
         cache: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, never, never, 2, false>;
         estimatedRowHeight: {
             readonly default: undefined;
@@ -548,6 +557,9 @@ export declare const GmTableV2: import("../../../../utils").SFCWithInstall<{
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    tableId: {
+        type: StringConstructor;
+    };
     cache: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     estimatedRowHeight: {
         readonly default: undefined;

package/lib/components/src/base/tableV2/tableV2.d.ts

@@ -1,4 +1,7 @@
 export declare const tableV2Props: {
+    tableId: {
+        type: StringConstructor;
+    };
     cache: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     estimatedRowHeight: {
         readonly default: undefined;

package/lib/components/src/base/tableV2/tableV2.js

@@ -3,7 +3,10 @@
 var elementPlus = require('element-plus');
 
 const tableV2Props = {
-  ...elementPlus.tableV2Props
+  ...elementPlus.tableV2Props,
+  tableId: {
+    type: String
+  }
 };
 const elTableV2Emits = {
   "column-sort": (...arg) => !!arg,

package/lib/components/src/base/tableV2/tableV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableV2.js","sources":["../../../../../../../packages/components/src/base/tableV2/tableV2.ts"],"sourcesContent":["import { tableV2Props as elTableV2Props } from 'element-plus';\r\n// import type { ExtractPropTypes } from 'vue';\r\n\r\nexport const tableV2Props = {\r\n  ...elTableV2Props,\r\n};\r\n\r\nexport const elTableV2Emits = {\r\n  'column-sort': (...arg: any[]) => !!arg,\r\n  'expended-rows-change': (...arg: any[]) => !!arg,\r\n  'end-reached': (...arg: any[]) => !!arg,\r\n  scroll: (...arg: any[]) => !!arg,\r\n  'rows-rendered': (...arg: any[]) => !!arg,\r\n  'row-expand': (...arg: any[]) => !!arg,\r\n  'row-event-handlers': (...arg: any[]) => !!arg,\r\n};\r\n\r\nexport const tableV2Emits = {\r\n  ...elTableV2Emits,\r\n  // 自定义事件\r\n  // submit: (value: any) => !!value,\r\n};\r\n"],"names":["elTableV2Props"],"mappings":";;;;AAGO,MAAM,YAAe,GAAA;AAAA,EAC1B,GAAGA,wBAAA;AACL,EAAA;AAEO,MAAM,cAAiB,GAAA;AAAA,EAC5B,aAAe,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACpC,sBAAwB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC7C,aAAe,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACpC,MAAQ,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC7B,eAAiB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACtC,YAAc,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACnC,oBAAsB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAC7C,EAAA;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,GAAG,cAAA;AAAA;AAAA;AAGL;;;;;;"}
+{"version":3,"file":"tableV2.js","sources":["../../../../../../../packages/components/src/base/tableV2/tableV2.ts"],"sourcesContent":["import { tableV2Props as elTableV2Props } from 'element-plus';\r\n// import type { ExtractPropTypes } from 'vue';\r\n\r\nexport const tableV2Props = {\r\n  ...elTableV2Props,\r\n  tableId: {\r\n    type: String,\r\n  },\r\n};\r\n\r\nexport const elTableV2Emits = {\r\n  'column-sort': (...arg: any[]) => !!arg,\r\n  'expended-rows-change': (...arg: any[]) => !!arg,\r\n  'end-reached': (...arg: any[]) => !!arg,\r\n  scroll: (...arg: any[]) => !!arg,\r\n  'rows-rendered': (...arg: any[]) => !!arg,\r\n  'row-expand': (...arg: any[]) => !!arg,\r\n  'row-event-handlers': (...arg: any[]) => !!arg,\r\n};\r\n\r\nexport const tableV2Emits = {\r\n  ...elTableV2Emits,\r\n  // 自定义事件\r\n  // submit: (value: any) => !!value,\r\n};\r\n"],"names":["elTableV2Props"],"mappings":";;;;AAGO,MAAM,YAAe,GAAA;AAAA,EAC1B,GAAGA,wBAAA;AAAA,EACH,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,GACR;AACF,EAAA;AAEO,MAAM,cAAiB,GAAA;AAAA,EAC5B,aAAe,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACpC,sBAAwB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC7C,aAAe,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACpC,MAAQ,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC7B,eAAiB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACtC,YAAc,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACnC,oBAAsB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAC7C,EAAA;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,GAAG,cAAA;AAAA;AAAA;AAGL;;;;;;"}

package/lib/components/src/composite/importDialog/ImportDialog.vue2.js

@@ -10,15 +10,32 @@ var iconsVue = require('@element-plus/icons-vue');
 var importDialog = require('./importDialog.js');
 
 const _hoisted_1 = { class: "" };
-const _hoisted_2 = { class: "gm-flex gm-items-center" };
+const _hoisted_2 = { class: "gm-mb-3 gm-bg-[#f5f5f5] gm-p-4" };
 const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode(
+  "p",
+  { class: "gm-mb-3 gm-text-[13px]" },
+  "\u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F\uFF0C\u6839\u636E\u6A21\u677F\u63D0\u793A\u5B8C\u5584\u5185\u5BB9",
+  -1
+  /* HOISTED */
+);
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  { class: "el-upload__text" },
+  [
+    /* @__PURE__ */ vue.createTextVNode("\u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\uFF0C\u6216 "),
+    /* @__PURE__ */ vue.createElementVNode("em", null, "\u70B9\u51FB\u4E0A\u4F20")
+  ],
+  -1
+  /* HOISTED */
+);
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode(
   "div",
-  { class: "el-upload__tip gm-text-red-500" },
+  { class: "gm-text-[#999]" },
   "\u9650\u52361\u4E2A\u6587\u4EF6\uFF0C\u65B0\u6587\u4EF6\u5C06\u8986\u76D6\u65E7\u6587\u4EF6",
   -1
   /* HOISTED */
 );
-const _hoisted_4 = { class: "dialog-footer" };
+const _hoisted_6 = { class: "dialog-footer" };
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "GmImportDialog"
@@ -79,10 +96,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       closeDialog,
       reset,
       ...exposeFns
-      // handleStart: (rawFile: UploadRawFile) => uploadRef.value?.handleStart(rawFile),
     });
     return (_ctx, _cache) => {
       const _component_gm_button = vue.resolveComponent("gm-button");
+      const _component_el_icon = vue.resolveComponent("el-icon");
       const _component_gm_upload = vue.resolveComponent("gm-upload");
       const _component_gm_dialog = vue.resolveComponent("gm-dialog");
       return vue.openBlock(), vue.createElementBlock(
@@ -94,18 +111,18 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             modelValue: dialogVisible.value,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
             title: "\u5BFC\u5165",
-            width: "500px",
+            width: "480px",
             "append-to-body": ""
           }, {
             footer: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_4, [
+              vue.createElementVNode("div", _hoisted_6, [
                 vue.createVNode(_component_gm_button, {
                   type: "primary",
                   loading: uploadLoading.value,
                   onClick: submitUpload
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createTextVNode("\u786E \u5B9A")
+                    vue.createTextVNode("\u5BFC \u5165")
                   ]),
                   _: 1
                   /* STABLE */
@@ -121,6 +138,19 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ]),
             default: vue.withCtx(() => [
               vue.createElementVNode("div", _hoisted_1, [
+                vue.createElementVNode("div", _hoisted_2, [
+                  _hoisted_3,
+                  vue.createVNode(_component_gm_button, {
+                    icon: vue.unref(iconsVue.Download),
+                    onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => emit("downloadTemplate"), ["stop"]))
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(" \u4E0B\u8F7D\u6A21\u677F ")
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["icon"])
+                ]),
                 vue.createVNode(_component_gm_upload, {
                   ref_key: "uploadRef",
                   ref: uploadRef,
@@ -128,6 +158,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   "onUpdate:fileList": _cache[1] || (_cache[1] = ($event) => fileList.value = $event),
                   action: "",
                   limit: 1,
+                  drag: "",
                   accept: _ctx.accept,
                   "http-request": httpRequest,
                   "on-exceed": handleExceed,
@@ -135,36 +166,18 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   "on-error": handleError,
                   "before-upload": _ctx.beforeUpload,
                   "auto-upload": false,
-                  class: "gmUploadEl gm-px-6"
+                  class: "gmUploadEl gm-mb-5"
                 }, {
-                  tip: vue.withCtx(() => [
-                    _hoisted_3
-                  ]),
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_2, [
-                      vue.createVNode(_component_gm_button, {
-                        type: "primary",
-                        icon: vue.unref(iconsVue.Download),
-                        onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => emit("downloadTemplate"), ["stop"]))
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(" \u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F ")
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      }, 8, ["icon"]),
-                      vue.createVNode(_component_gm_button, {
-                        type: "primary",
-                        icon: vue.unref(iconsVue.Upload),
-                        style: { "margin-left": "36px" }
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode("\u9009\u62E9\u6587\u4EF6\u5BFC\u5165")
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      }, 8, ["icon"])
-                    ])
+                    vue.createVNode(_component_el_icon, { class: "el-icon--upload" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(iconsVue.UploadFilled))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    _hoisted_4,
+                    _hoisted_5
                   ]),
                   _: 1
                   /* STABLE */

package/lib/components/src/composite/importDialog/ImportDialog.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImportDialog.vue2.js","sources":["../../../../../../../packages/components/src/composite/importDialog/ImportDialog.vue"],"sourcesContent":["<template>\r\n  <!-- 导入对话框 -->\r\n  <gm-dialog v-model=\"dialogVisible\" title=\"导入\" width=\"500px\" append-to-body>\r\n    <div class=\" \">\r\n      <gm-upload\r\n        ref=\"uploadRef\"\r\n        v-model:file-list=\"fileList\"\r\n        action=\"\"\r\n        :limit=\"1\"\r\n        :accept=\"accept\"\r\n        :http-request=\"httpRequest\"\r\n        :on-exceed=\"handleExceed\"\r\n        :on-success=\"handleSuccess\"\r\n        :on-error=\"handleError\"\r\n        :before-upload=\"beforeUpload\"\r\n        :auto-upload=\"false\"\r\n        class=\"gmUploadEl gm-px-6\"\r\n      >\r\n        <div class=\"gm-flex gm-items-center\">\r\n          <gm-button type=\"primary\" :icon=\"Download\" @click.stop=\"emit('downloadTemplate')\"> 下载导入模板 </gm-button>\r\n          <gm-button type=\"primary\" :icon=\"Upload\" style=\"margin-left: 36px\">选择文件导入</gm-button>\r\n        </div>\r\n\r\n        <!-- <el-button class=\"ml-3\" type=\"success\" @click=\"submitUpload\"> upload to server </el-button> -->\r\n        <template #tip>\r\n          <div class=\"el-upload__tip gm-text-red-500\">限制1个文件，新文件将覆盖旧文件</div>\r\n        </template>\r\n      </gm-upload>\r\n    </div>\r\n\r\n    <template #footer>\r\n      <div class=\"dialog-footer\">\r\n        <gm-button type=\"primary\" :loading=\"uploadLoading\" @click=\"submitUpload\">确 定</gm-button>\r\n        <gm-button @click=\"closeDialog\">取 消</gm-button>\r\n      </div>\r\n    </template>\r\n  </gm-dialog>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { ref } from 'vue';\r\nimport { genFileId } from 'element-plus';\r\nimport { getGmExports } from '@giime/utils/src/elementPlus/exports';\r\nimport { GmMessage } from '@giime/components/src/plugins/message';\r\nimport { Download, Upload } from '@element-plus/icons-vue';\r\nimport { importDialogEmits, importDialogProps } from './importDialog';\r\nimport type { UploadInstance } from '../../base/upload';\r\nimport type { UploadFile, UploadFiles, UploadProps, UploadRawFile, UploadRequestOptions, UploadUserFile } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmImportDialog',\r\n});\r\nconst props = defineProps(importDialogProps);\r\nconst emit = defineEmits(importDialogEmits);\r\n\r\nconst fileList = ref<UploadUserFile[]>([]);\r\nconst uploadRef = ref<UploadInstance>();\r\n\r\nconst handleExceed: UploadProps['onExceed'] = files => {\r\n  uploadRef.value!.clearFiles();\r\n  const file = files[0] as UploadRawFile;\r\n  file.uid = genFileId();\r\n  uploadRef.value!.handleStart(file);\r\n};\r\n\r\nconst submitUpload = () => {\r\n  if (fileList.value.length === 0) {\r\n    return GmMessage.error('请选择文件');\r\n  }\r\n  uploadRef.value!.submit();\r\n};\r\n/**\r\n * 编辑表单\r\n */\r\n// const dialogVisible = defineModel<boolean>('dialogVisible', { required: true });\r\nconst dialogVisible = ref(false);\r\n\r\n/** 新增按钮操作 */\r\nconst openDialog = () => {\r\n  dialogVisible.value = true;\r\n};\r\n/** 取消按钮 */\r\nfunction closeDialog() {\r\n  dialogVisible.value = false;\r\n  reset();\r\n}\r\n/** 表单重置 */\r\nfunction reset() {\r\n  fileList.value = [];\r\n}\r\n\r\nconst uploadLoading = ref(false);\r\nconst httpRequest = (options: UploadRequestOptions) => {\r\n  uploadLoading.value = true;\r\n  return props.httpRequest(options);\r\n};\r\n// 上传成功\r\nfunction handleSuccess(response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) {\r\n  uploadLoading.value = false;\r\n  return props.onSuccess(response, uploadFile, uploadFiles);\r\n}\r\n// 上传失败\r\nconst handleError = (error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) => {\r\n  const file = uploadFile.raw;\r\n  if (props.errorReselect && file) {\r\n    file.uid = genFileId();\r\n    uploadRef.value?.handleStart(file);\r\n  }\r\n  uploadLoading.value = false;\r\n  return props.onError(error, uploadFile, uploadFiles);\r\n};\r\n\r\nconst exposeNames = ['abort', 'submit', 'clearFiles', 'handleStart', 'handleRemove'] as const;\r\nconst { exposeFns } = getGmExports(uploadRef, exposeNames);\r\ndefineExpose({\r\n  openDialog,\r\n  closeDialog,\r\n  reset,\r\n  ...exposeFns,\r\n  // handleStart: (rawFile: UploadRawFile) => uploadRef.value?.handleStart(rawFile),\r\n});\r\n</script>\r\n"],"names":["ref","genFileId","GmMessage","getGmExports"],"mappings":"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"}
+{"version":3,"file":"ImportDialog.vue2.js","sources":["../../../../../../../packages/components/src/composite/importDialog/ImportDialog.vue"],"sourcesContent":["<template>\r\n  <!-- 导入对话框 -->\r\n  <gm-dialog v-model=\"dialogVisible\" title=\"导入\" width=\"480px\" append-to-body>\r\n    <div class=\" \">\r\n      <div class=\"gm-mb-3 gm-bg-[#f5f5f5] gm-p-4\">\r\n        <p class=\"gm-mb-3 gm-text-[13px]\">下载导入模板，根据模板提示完善内容</p>\r\n        <gm-button :icon=\"Download\" @click.stop=\"emit('downloadTemplate')\"> 下载模板 </gm-button>\r\n      </div>\r\n      <gm-upload\r\n        ref=\"uploadRef\"\r\n        v-model:file-list=\"fileList\"\r\n        action=\"\"\r\n        :limit=\"1\"\r\n        drag\r\n        :accept=\"accept\"\r\n        :http-request=\"httpRequest\"\r\n        :on-exceed=\"handleExceed\"\r\n        :on-success=\"handleSuccess\"\r\n        :on-error=\"handleError\"\r\n        :before-upload=\"beforeUpload\"\r\n        :auto-upload=\"false\"\r\n        class=\"gmUploadEl gm-mb-5\"\r\n      >\r\n        <el-icon class=\"el-icon--upload\"><upload-filled /></el-icon>\r\n        <div class=\"el-upload__text\">将文件拖到此处，或 <em>点击上传</em></div>\r\n        <div class=\"gm-text-[#999]\">限制1个文件，新文件将覆盖旧文件</div>\r\n      </gm-upload>\r\n    </div>\r\n\r\n    <template #footer>\r\n      <div class=\"dialog-footer\">\r\n        <gm-button type=\"primary\" :loading=\"uploadLoading\" @click=\"submitUpload\">导 入</gm-button>\r\n        <gm-button @click=\"closeDialog\">取 消</gm-button>\r\n      </div>\r\n    </template>\r\n  </gm-dialog>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { ref } from 'vue';\r\nimport { genFileId } from 'element-plus';\r\nimport { getGmExports } from '@giime/utils/src/elementPlus/exports';\r\nimport { GmMessage } from '@giime/components/src/plugins/message';\r\nimport { Download, UploadFilled } from '@element-plus/icons-vue';\r\nimport { importDialogEmits, importDialogProps } from './importDialog';\r\nimport type { UploadInstance } from '../../base/upload';\r\nimport type { UploadFile, UploadFiles, UploadProps, UploadRawFile, UploadRequestOptions, UploadUserFile } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmImportDialog',\r\n});\r\nconst props = defineProps(importDialogProps);\r\nconst emit = defineEmits(importDialogEmits);\r\n\r\nconst fileList = ref<UploadUserFile[]>([]);\r\nconst uploadRef = ref<UploadInstance>();\r\n\r\nconst handleExceed: UploadProps['onExceed'] = files => {\r\n  uploadRef.value!.clearFiles();\r\n  const file = files[0] as UploadRawFile;\r\n  file.uid = genFileId();\r\n  uploadRef.value!.handleStart(file);\r\n};\r\n\r\nconst submitUpload = () => {\r\n  if (fileList.value.length === 0) {\r\n    return GmMessage.error('请选择文件');\r\n  }\r\n  uploadRef.value!.submit();\r\n};\r\n/**\r\n * 编辑表单\r\n */\r\n// const dialogVisible = defineModel<boolean>('dialogVisible', { required: true });\r\nconst dialogVisible = ref(false);\r\n\r\n/** 新增按钮操作 */\r\nconst openDialog = () => {\r\n  dialogVisible.value = true;\r\n};\r\n/** 取消按钮 */\r\nfunction closeDialog() {\r\n  dialogVisible.value = false;\r\n  reset();\r\n}\r\n/** 表单重置 */\r\nfunction reset() {\r\n  fileList.value = [];\r\n}\r\n\r\nconst uploadLoading = ref(false);\r\nconst httpRequest = (options: UploadRequestOptions) => {\r\n  uploadLoading.value = true;\r\n  return props.httpRequest(options);\r\n};\r\n// 上传成功\r\nfunction handleSuccess(response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) {\r\n  uploadLoading.value = false;\r\n  return props.onSuccess(response, uploadFile, uploadFiles);\r\n}\r\n// 上传失败\r\nconst handleError = (error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) => {\r\n  const file = uploadFile.raw;\r\n  if (props.errorReselect && file) {\r\n    file.uid = genFileId();\r\n    uploadRef.value?.handleStart(file);\r\n  }\r\n  uploadLoading.value = false;\r\n  return props.onError(error, uploadFile, uploadFiles);\r\n};\r\n\r\nconst exposeNames = ['abort', 'submit', 'clearFiles', 'handleStart', 'handleRemove'] as const;\r\nconst { exposeFns } = getGmExports(uploadRef, exposeNames);\r\ndefineExpose({\r\n  openDialog,\r\n  closeDialog,\r\n  reset,\r\n  ...exposeFns,\r\n});\r\n</script>\r\n<!-- <style scoped lang=\"scss\">\r\n:deep(.gmUploadEl .el-upload-dragger) {\r\n  // background-color: #f5f5f5;\r\n  // border: none;\r\n}\r\n</style> -->\r\n"],"names":["ref","genFileId","GmMessage","getGmExports"],"mappings":"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"}

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

@@ -5,10 +5,10 @@ var index$7 = require('./dialogForm/index.js');
 var index$8 = require('./drawerForm/index.js');
 var index$9 = require('./formItemModule/index.js');
 var index$a = require('./tablePro/index.js');
-var index$f = require('./operateButton/index.js');
-var index$h = require('./numberInterval/index.js');
-var index$i = require('./selectOptions/index.js');
-var index$j = require('./importDialog/index.js');
+var index$g = require('./operateButton/index.js');
+var index$i = require('./numberInterval/index.js');
+var index$j = require('./selectOptions/index.js');
+var index$k = require('./importDialog/index.js');
 var searchForm = require('./searchForm/searchForm.js');
 var common = require('./searchForm/searchFormItems/common.js');
 var searchFormInput = require('./searchForm/searchFormItems/input/searchFormInput.js');
@@ -34,9 +34,11 @@ var tablePagination = require('./tablePro/tablePagination/tablePagination.js');
 var index$d = require('./tablePro/tablePagination/index.js');
 var tableToolbar = require('./tablePro/tableToolbar/tableToolbar.js');
 var index$e = require('./tablePro/tableToolbar/index.js');
+var tableCtx = require('./tablePro/tableCtx/tableCtx.js');
+var index$f = require('./tablePro/tableCtx/index.js');
 var operateButton = require('./operateButton/operateButton.js');
 var operateButtonForm = require('./operateButton/operateButtonForm/operateButtonForm.js');
-var index$g = require('./operateButton/operateButtonForm/index.js');
+var index$h = require('./operateButton/operateButtonForm/index.js');
 var numberInterval = require('./numberInterval/numberInterval.js');
 var selectOptions = require('./selectOptions/selectOptions.js');
 var importDialog = require('./importDialog/importDialog.js');
@@ -48,10 +50,10 @@ exports.GmDialogForm = index$7.GmDialogForm;
 exports.GmDrawerForm = index$8.GmDrawerForm;
 exports.GmFormItemModule = index$9.GmFormItemModule;
 exports.GmTablePro = index$a.GmTablePro;
-exports.GmOperateButton = index$f.GmOperateButton;
-exports.GmNumberInterval = index$h.GmNumberInterval;
-exports.GmSelectOptions = index$i.GmSelectOptions;
-exports.GmImportDialog = index$j.GmImportDialog;
+exports.GmOperateButton = index$g.GmOperateButton;
+exports.GmNumberInterval = index$i.GmNumberInterval;
+exports.GmSelectOptions = index$j.GmSelectOptions;
+exports.GmImportDialog = index$k.GmImportDialog;
 exports.searchFormEmits = searchForm.searchFormEmits;
 exports.searchFormItemList = searchForm.searchFormItemList;
 exports.searchFormProps = searchForm.searchFormProps;
@@ -96,9 +98,11 @@ exports.GmTablePagination = index$d.GmTablePagination;
 exports.tableToolbarEmits = tableToolbar.tableToolbarEmits;
 exports.tableToolbarProps = tableToolbar.tableToolbarProps;
 exports.GmTableToolbar = index$e.GmTableToolbar;
+exports.tableCtxProps = tableCtx.tableCtxProps;
+exports.GmTableCtx = index$f.GmTableCtx;
 exports.operateButtonProps = operateButton.operateButtonProps;
 exports.operateButtonFormProps = operateButtonForm.operateButtonFormProps;
-exports.GmOperateButtonForm = index$g.GmOperateButtonForm;
+exports.GmOperateButtonForm = index$h.GmOperateButtonForm;
 exports.numIntervalEmits = numberInterval.numIntervalEmits;
 exports.numIntervalProps = numberInterval.numIntervalProps;
 exports.selectOptionsEmits = selectOptions.selectOptionsEmits;

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

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

package/lib/components/src/composite/searchForm/SearchForm.vue.js

@@ -6,7 +6,7 @@ var SearchForm_vue_vue_type_script_setup_true_lang = require('./SearchForm.vue2.
 require('./SearchForm.vue3.js');
 var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
 
-var SearchForm = /* @__PURE__ */ _pluginVue_exportHelper.default(SearchForm_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-08f2c6ca"], ["__file", "SearchForm.vue"]]);
+var SearchForm = /* @__PURE__ */ _pluginVue_exportHelper.default(SearchForm_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-cdbd0818"], ["__file", "SearchForm.vue"]]);
 
 exports.default = SearchForm;
 //# sourceMappingURL=SearchForm.vue.js.map

package/lib/components/src/composite/searchForm/SearchForm.vue2.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var core = require('@vueuse/core');
+var table = require('../../../../constants/table.js');
 var iconsVue = require('@element-plus/icons-vue');
 var searchForm = require('./searchForm.js');
 var constants = require('./constants.js');
@@ -22,6 +23,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }),
   emits: /* @__PURE__ */ vue.mergeModels(searchForm.searchFormEmits, ["update:showSearch", "update:queryParams"]),
   setup(__props, { emit: __emit }) {
+    const tableCtx = vue.inject(table.TableCtxKey, {});
     const showSearch = vue.useModel(__props, "showSearch");
     const queryParams = vue.useModel(__props, "queryParams");
     vue.provide(constants.queryParamsKey, queryParams);
@@ -61,11 +63,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const queryRef = vue.ref();
     const handleQuery = (...args) => {
       emit("handleQuery", ...args);
+      tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: "smooth" });
+      tableCtx.tableV2Ref?.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });
     };
     vue.provide(constants.searchFormHandleQueryKey, handleQuery);
     const resetQuery = () => {
       queryRef.value?.resetFields();
       emit("resetQuery");
+      tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: "smooth" });
+      tableCtx.tableV2Ref?.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });
     };
     return (_ctx, _cache) => {
       const _component_gm_button = vue.resolveComponent("gm-button");

package/lib/components/src/composite/searchForm/SearchForm.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchForm.vue2.js","sources":["../../../../../../../packages/components/src/composite/searchForm/SearchForm.vue"],"sourcesContent":["<script lang=\"ts\">\nconst itemGap = 8\n</script>\n<template>\r\n  <div ref=\"queryDivRef\" class=\"gm-mb-5\">\r\n    <gm-form v-show=\"showSearch\" ref=\"queryRef\" :model=\"queryParams\" :inline=\"true\" class=\"gmSearchForm\">\r\n      <div :class=\"showMore ? '' : 'gm-h-[36px] gm-overflow-hidden'\">\r\n        <div class=\"gm-relative gm-grid gm-w-full\" :style=\"{ gridTemplateColumns: `repeat(${colsCount}, minmax(0, 1fr))`, gap: itemGap + 'px' }\">\r\n          <template v-for=\"(item, index) in optionsList\" :key=\"index\">\r\n            <component :is=\"item.component\" v-bind=\"item.props\" v-model=\"queryParams[item.props.prop]\" />\r\n          </template>\r\n          <slot />\r\n          <gm-form-item :style=\"searchButtonItemStyle\">\r\n            <div class=\"gm-flex gm-w-full\" :class=\"notShowMore ? '' : ' gm-justify-end'\">\r\n              <gm-button type=\"primary\" :icon=\"Search\" class=\"\" @click=\"handleQuery\">搜索</gm-button>\r\n              <gm-button :icon=\"Refresh\" @click=\"resetQuery\">重置</gm-button>\r\n              <gm-button v-show=\"!notShowMore\" type=\"primary\" text @click=\"handleShowMoreChange\">\r\n                {{ showMore ? '缩起' : '展开' }} <gm-icon class=\"el-icon--right\"><ArrowDown /></gm-icon>\r\n              </gm-button>\r\n            </div>\r\n          </gm-form-item>\r\n          <div ref=\"visibilityMarkRef\" class=\"gm-absolute gm-bottom-3 gm-right-0 -gm-z-10 gm-h-1 gm-w-1\" />\r\n        </div>\r\n      </div>\r\n    </gm-form>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { computed, nextTick, provide, ref } from 'vue';\r\nimport { useElementSize, useElementVisibility } from '@vueuse/core';\r\nimport { ArrowDown, Refresh, Search } from '@element-plus/icons-vue';\r\nimport { searchFormEmits, searchFormItemList, searchFormProps } from './searchForm';\r\nimport { queryParamsKey, searchFormHandleQueryKey } from './constants';\r\nimport type { CSSProperties } from 'vue';\r\nimport type { FormInstance } from '../../base/form';\r\ndefineOptions({\r\n  name: 'GmSearchForm',\r\n});\r\nconst showSearch = defineModel<boolean>('showSearch', { default: true });\r\n\r\nconst queryParams = defineModel<Record<string, any>>('queryParams', { required: true });\r\n\r\nprovide(queryParamsKey, queryParams);\r\n\r\nconst props = defineProps(searchFormProps);\r\nconst emit = defineEmits(searchFormEmits);\r\n\r\nconst queryDivRef = ref<HTMLDivElement>();\r\nconst visibilityMarkRef = ref<HTMLDivElement>();\r\nconst markIsVisibility = useElementVisibility(visibilityMarkRef);\r\n\r\nconst { width: queryDivWidth } = useElementSize(queryDivRef);\r\n// 列个数\r\nconst colsCount = computed(() => Math.floor(queryDivWidth.value / 269));\r\nconst showMore = ref(false);\r\n// 当 showMore展开 为 false 时，标注为可见   则不显示展开按钮\r\nconst notShowMore = computed(() => showMore.value === false && markIsVisibility.value === true);\r\n\r\n/**搜索重置按钮组样式 */\r\nconst searchButtonItemStyle = computed<CSSProperties>(() => {\r\n  if (notShowMore.value) {\r\n    return {};\r\n  }\r\n  return {\r\n    gridColumn: colsCount.value,\r\n    gridRow: showMore.value ? undefined : 1,\r\n  };\r\n});\r\nconst handleShowMoreChange = async () => {\r\n  showMore.value = !showMore.value;\r\n  // 手动触发 scroll 事件\r\n  const scrollEvent = new Event('resize');\r\n  await nextTick();\r\n  // 手动触发事件\r\n  window.dispatchEvent(scrollEvent);\r\n};\r\n\r\n// 通过json渲染组件\r\nconst optionsList = computed(() => {\r\n  return props.options.map(it => {\r\n    const findComponent = searchFormItemList.find(item => item.type === it.type);\r\n    if (findComponent) {\r\n      it.component = findComponent.component;\r\n    }\r\n    return it;\r\n  });\r\n});\r\n\r\nconst queryRef = ref<FormInstance>();\r\n\r\nconst handleQuery = (...args: any[]) => {\r\n  emit('handleQuery', ...args);\r\n};\r\nprovide(searchFormHandleQueryKey, handleQuery);\r\n\r\nconst resetQuery = () => {\r\n  queryRef.value?.resetFields();\r\n  emit('resetQuery');\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n:deep(.gmSearchForm .el-form-item) {\r\n  margin-right: 0;\r\n  margin-bottom: 4px;\r\n}\r\n</style>\r\n"],"names":["_useModel","provide","queryParamsKey","ref","useElementVisibility","useElementSize","computed","nextTick","searchFormItemList","searchFormHandleQueryKey"],"mappings":"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"}
+{"version":3,"file":"SearchForm.vue2.js","sources":["../../../../../../../packages/components/src/composite/searchForm/SearchForm.vue"],"sourcesContent":["<script lang=\"ts\">\nconst itemGap = 8\n</script>\n<template>\r\n  <div ref=\"queryDivRef\" class=\"gm-mb-5\">\r\n    <gm-form v-show=\"showSearch\" ref=\"queryRef\" :model=\"queryParams\" :inline=\"true\" class=\"gmSearchForm\">\r\n      <div :class=\"showMore ? '' : 'gm-h-[36px] gm-overflow-hidden'\">\r\n        <div class=\"gm-relative gm-grid gm-w-full\" :style=\"{ gridTemplateColumns: `repeat(${colsCount}, minmax(0, 1fr))`, gap: itemGap + 'px' }\">\r\n          <template v-for=\"(item, index) in optionsList\" :key=\"index\">\r\n            <component :is=\"item.component\" v-bind=\"item.props\" v-model=\"queryParams[item.props.prop]\" />\r\n          </template>\r\n          <slot />\r\n          <gm-form-item :style=\"searchButtonItemStyle\">\r\n            <div class=\"gm-flex gm-w-full\" :class=\"notShowMore ? '' : ' gm-justify-end'\">\r\n              <gm-button type=\"primary\" :icon=\"Search\" class=\"\" @click=\"handleQuery\">搜索</gm-button>\r\n              <gm-button :icon=\"Refresh\" @click=\"resetQuery\">重置</gm-button>\r\n              <gm-button v-show=\"!notShowMore\" type=\"primary\" text @click=\"handleShowMoreChange\">\r\n                {{ showMore ? '缩起' : '展开' }} <gm-icon class=\"el-icon--right\"><ArrowDown /></gm-icon>\r\n              </gm-button>\r\n            </div>\r\n          </gm-form-item>\r\n          <div ref=\"visibilityMarkRef\" class=\"gm-absolute gm-bottom-3 gm-right-0 -gm-z-10 gm-h-1 gm-w-1\" />\r\n        </div>\r\n      </div>\r\n    </gm-form>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { computed, inject, nextTick, provide, ref } from 'vue';\r\nimport { useElementSize, useElementVisibility } from '@vueuse/core';\r\nimport { TableCtxKey } from '@giime/constants/table';\r\nimport { ArrowDown, Refresh, Search } from '@element-plus/icons-vue';\r\nimport { searchFormEmits, searchFormItemList, searchFormProps } from './searchForm';\r\nimport { queryParamsKey, searchFormHandleQueryKey } from './constants';\r\nimport type { CSSProperties } from 'vue';\r\nimport type { FormInstance } from '../../base/form';\r\ndefineOptions({\r\n  name: 'GmSearchForm',\r\n});\r\nconst tableCtx = inject(TableCtxKey, {});\r\n\r\nconst showSearch = defineModel<boolean>('showSearch', { default: true });\r\n\r\nconst queryParams = defineModel<Record<string, any>>('queryParams', { required: true });\r\n\r\nprovide(queryParamsKey, queryParams);\r\n\r\nconst props = defineProps(searchFormProps);\r\nconst emit = defineEmits(searchFormEmits);\r\n\r\nconst queryDivRef = ref<HTMLDivElement>();\r\nconst visibilityMarkRef = ref<HTMLDivElement>();\r\nconst markIsVisibility = useElementVisibility(visibilityMarkRef);\r\n\r\nconst { width: queryDivWidth } = useElementSize(queryDivRef);\r\n// 列个数\r\nconst colsCount = computed(() => Math.floor(queryDivWidth.value / 269));\r\nconst showMore = ref(false);\r\n// 当 showMore展开 为 false 时，标注为可见   则不显示展开按钮\r\nconst notShowMore = computed(() => showMore.value === false && markIsVisibility.value === true);\r\n\r\n/**搜索重置按钮组样式 */\r\nconst searchButtonItemStyle = computed<CSSProperties>(() => {\r\n  if (notShowMore.value) {\r\n    return {};\r\n  }\r\n  return {\r\n    gridColumn: colsCount.value,\r\n    gridRow: showMore.value ? undefined : 1,\r\n  };\r\n});\r\nconst handleShowMoreChange = async () => {\r\n  showMore.value = !showMore.value;\r\n  // 手动触发 scroll 事件\r\n  const scrollEvent = new Event('resize');\r\n  await nextTick();\r\n  // 手动触发事件\r\n  window.dispatchEvent(scrollEvent);\r\n};\r\n\r\n// 通过json渲染组件\r\nconst optionsList = computed(() => {\r\n  return props.options.map(it => {\r\n    const findComponent = searchFormItemList.find(item => item.type === it.type);\r\n    if (findComponent) {\r\n      it.component = findComponent.component;\r\n    }\r\n    return it;\r\n  });\r\n});\r\n\r\nconst queryRef = ref<FormInstance>();\r\n\r\nconst handleQuery = (...args: any[]) => {\r\n  emit('handleQuery', ...args);\r\n  tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: 'smooth' });\r\n  tableCtx.tableV2Ref?.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });\r\n};\r\nprovide(searchFormHandleQueryKey, handleQuery);\r\n\r\nconst resetQuery = () => {\r\n  queryRef.value?.resetFields();\r\n  emit('resetQuery');\r\n  tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: 'smooth' });\r\n  tableCtx.tableV2Ref?.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n:deep(.gmSearchForm .el-form-item) {\r\n  margin-right: 0;\r\n  margin-bottom: 4px;\r\n}\r\n</style>\r\n"],"names":["inject","TableCtxKey","_useModel","provide","queryParamsKey","ref","useElementVisibility","useElementSize","computed","nextTick","searchFormItemList","searchFormHandleQueryKey"],"mappings":";;;;;;;;;;;AACA,MAAM,OAAU,GAAA,CAAA,CAAA;;;;;;;;;;;;;;AAsChB,IAAA,MAAM,QAAW,GAAAA,UAAA,CAAOC,iBAAa,EAAA,EAAE,CAAA,CAAA;AAEvC,IAAM,MAAA,UAAA,GAAaC,YAAqB,CAAA,OAAA,EAAA,YAA+B,CAAA,CAAA;AAEvE,IAAM,MAAA,WAAA,GAAcA,YAAiC,CAAA,OAAA,EAAA,aAAiC,CAAA,CAAA;AAEtF,IAAAC,WAAA,CAAQC,0BAAgB,WAAW,CAAA,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,cAAcC,OAAoB,EAAA,CAAA;AACxC,IAAA,MAAM,oBAAoBA,OAAoB,EAAA,CAAA;AAC9C,IAAM,MAAA,gBAAA,GAAmBC,0BAAqB,iBAAiB,CAAA,CAAA;AAE/D,IAAA,MAAM,EAAE,KAAA,EAAO,aAAc,EAAA,GAAIC,oBAAe,WAAW,CAAA,CAAA;AAE3D,IAAM,MAAA,SAAA,GAAYC,aAAS,MAAM,IAAA,CAAK,MAAM,aAAc,CAAA,KAAA,GAAQ,GAAG,CAAC,CAAA,CAAA;AACtE,IAAM,MAAA,QAAA,GAAWH,QAAI,KAAK,CAAA,CAAA;AAE1B,IAAM,MAAA,WAAA,GAAcG,aAAS,MAAM,QAAA,CAAS,UAAU,KAAS,IAAA,gBAAA,CAAiB,UAAU,IAAI,CAAA,CAAA;AAG9F,IAAM,MAAA,qBAAA,GAAwBA,aAAwB,MAAM;AAC1D,MAAA,IAAI,YAAY,KAAO,EAAA;AACrB,QAAA,OAAO,EAAC,CAAA;AAAA,OACV;AACA,MAAO,OAAA;AAAA,QACL,YAAY,SAAU,CAAA,KAAA;AAAA,QACtB,OAAA,EAAS,QAAS,CAAA,KAAA,GAAQ,KAAY,CAAA,GAAA,CAAA;AAAA,OACxC,CAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAA,MAAM,uBAAuB,YAAY;AACvC,MAAS,QAAA,CAAA,KAAA,GAAQ,CAAC,QAAS,CAAA,KAAA,CAAA;AAE3B,MAAM,MAAA,WAAA,GAAc,IAAI,KAAA,CAAM,QAAQ,CAAA,CAAA;AACtC,MAAA,MAAMC,YAAS,EAAA,CAAA;AAEf,MAAA,MAAA,CAAO,cAAc,WAAW,CAAA,CAAA;AAAA,KAClC,CAAA;AAGA,IAAM,MAAA,WAAA,GAAcD,aAAS,MAAM;AACjC,MAAO,OAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,CAAI,CAAM,EAAA,KAAA;AAC7B,QAAA,MAAM,gBAAgBE,6BAAmB,CAAA,IAAA,CAAK,UAAQ,IAAK,CAAA,IAAA,KAAS,GAAG,IAAI,CAAA,CAAA;AAC3E,QAAA,IAAI,aAAe,EAAA;AACjB,UAAA,EAAA,CAAG,YAAY,aAAc,CAAA,SAAA,CAAA;AAAA,SAC/B;AACA,QAAO,OAAA,EAAA,CAAA;AAAA,OACR,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAA,MAAM,WAAWL,OAAkB,EAAA,CAAA;AAEnC,IAAM,MAAA,WAAA,GAAc,IAAI,IAAgB,KAAA;AACtC,MAAK,IAAA,CAAA,aAAA,EAAe,GAAG,IAAI,CAAA,CAAA;AAC3B,MAAU,QAAA,EAAA,QAAA,EAAU,OAAO,QAAS,CAAA,EAAE,KAAK,CAAG,EAAA,QAAA,EAAU,UAAU,CAAA,CAAA;AAClE,MAAS,QAAA,CAAA,UAAA,EAAY,OAAO,QAAS,CAAA,EAAE,YAAY,CAAG,EAAA,SAAA,EAAW,GAAG,CAAA,CAAA;AAAA,KACtE,CAAA;AACA,IAAAF,WAAA,CAAQQ,oCAA0B,WAAW,CAAA,CAAA;AAE7C,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,QAAA,CAAS,OAAO,WAAY,EAAA,CAAA;AAC5B,MAAA,IAAA,CAAK,YAAY,CAAA,CAAA;AACjB,MAAU,QAAA,EAAA,QAAA,EAAU,OAAO,QAAS,CAAA,EAAE,KAAK,CAAG,EAAA,QAAA,EAAU,UAAU,CAAA,CAAA;AAClE,MAAS,QAAA,CAAA,UAAA,EAAY,OAAO,QAAS,CAAA,EAAE,YAAY,CAAG,EAAA,SAAA,EAAW,GAAG,CAAA,CAAA;AAAA,KACtE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/src/composite/searchForm/searchFormItems/cascader/SearchFormCascader.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     cascaderProps: {
-        type: import("vue").PropType<import("./searchFormCascader").SearchFormCascaderPropsProps>;
+        type: import("vue").PropType<import("element-plus").CascaderProps>;
         default: () => {};
     };
     options: {
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     cascaderProps: {
-        type: import("vue").PropType<import("./searchFormCascader").SearchFormCascaderPropsProps>;
+        type: import("vue").PropType<import("element-plus").CascaderProps>;
         default: () => {};
     };
     options: {
@@ -52,6 +52,6 @@ declare const _default: import("vue").DefineComponent<{
     options: import("./searchFormCascader").SearchFormCascaderPropsOption[];
     label: string;
     disabled: boolean;
-    cascaderProps: import("./searchFormCascader").SearchFormCascaderPropsProps;
+    cascaderProps: import("element-plus").CascaderProps;
 }, {}>;
 export default _default;

package/lib/components/src/composite/searchForm/searchFormItems/cascader/index.d.ts

@@ -10,7 +10,7 @@ export declare const GmSearchFormCascader: import("../../../../../../utils").SFC
         required: true;
     };
     cascaderProps: {
-        type: import("vue").PropType<import("./searchFormCascader").SearchFormCascaderPropsProps>;
+        type: import("vue").PropType<import("element-plus").CascaderProps>;
         default: () => {};
     };
     options: {
@@ -35,7 +35,7 @@ export declare const GmSearchFormCascader: import("../../../../../../utils").SFC
         required: true;
     };
     cascaderProps: {
-        type: import("vue").PropType<import("./searchFormCascader").SearchFormCascaderPropsProps>;
+        type: import("vue").PropType<import("element-plus").CascaderProps>;
         default: () => {};
     };
     options: {
@@ -53,7 +53,7 @@ export declare const GmSearchFormCascader: import("../../../../../../utils").SFC
     options: import("./searchFormCascader").SearchFormCascaderPropsOption[];
     label: string;
     disabled: boolean;
-    cascaderProps: import("./searchFormCascader").SearchFormCascaderPropsProps;
+    cascaderProps: import("element-plus").CascaderProps;
 }, {}>> & Record<string, any>;
 export type SearchFormCascaderInstance = InstanceType<typeof SearchFormCascader>;
 export * from './searchFormCascader';

package/lib/components/src/composite/searchForm/searchFormItems/cascader/searchFormCascader.d.ts

@@ -1,3 +1,4 @@
+import type { CascaderProps } from 'element-plus';
 import type { PropType } from 'vue';
 export interface SearchFormCascaderPropsOption extends Record<string, any> {
     label?: any;
@@ -9,6 +10,7 @@ export interface SearchFormCascaderPropsProps {
     value?: string;
     label?: string;
     children?: string;
+    checkStrictly?: boolean;
 }
 export declare const searchFormCascaderProps: {
     label: {
@@ -20,7 +22,7 @@ export declare const searchFormCascaderProps: {
         required: true;
     };
     cascaderProps: {
-        type: PropType<SearchFormCascaderPropsProps>;
+        type: PropType<CascaderProps>;
         default: () => {};
     };
     options: {