giime 0.2.3 → 0.3.0

package/es/components/src/base/tableV2/TableV2.vue2.mjs

@@ -1,5 +1,6 @@
-import { defineComponent, useSlots, ref, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, unref, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from 'vue';
+import { defineComponent, ref, useSlots, inject, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, unref, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from 'vue';
 import '../../../../utils/index.mjs';
+import { TableCtxKey } from '../../../../constants/table.mjs';
 import { tableV2Props, tableV2Emits, elTableV2Emits } from './tableV2.mjs';
 import { getGmEvent } from '../../../../utils/src/elementPlus/event.mjs';
 import { getGmExports } from '../../../../utils/src/elementPlus/exports.mjs';
@@ -12,11 +13,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   props: tableV2Props,
   emits: tableV2Emits,
   setup(__props, { expose: __expose, emit: __emit }) {
+    const elRef = ref();
     const slots = useSlots();
+    const tableCtx = inject(TableCtxKey);
     const props = __props;
+    if (tableCtx && tableCtx.tableId === props.tableId) {
+      tableCtx.tableV2Ref = elRef;
+    }
     const emit = __emit;
     const elEvents = getGmEvent(elTableV2Emits, emit);
-    const elRef = ref();
     const exposeEvents = ["scrollTo", "scrollToLeft", "scrollToTop", "scrollToRow"];
     const { exposeFns } = getGmExports(elRef, exposeEvents);
     __expose({

package/es/components/src/base/tableV2/TableV2.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableV2.vue2.mjs","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":[],"mappings":";;;;;;;;;;;;;;AAmCA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAW,UAAW,CAAA,cAAA,EAAgB,IAAI,CAAA,CAAA;AAEhD,IAAA,MAAM,QAAQ,GAAqB,EAAA,CAAA;AACnC,IAAA,MAAM,YAAe,GAAA,CAAC,UAAY,EAAA,cAAA,EAAgB,eAAe,aAAa,CAAA,CAAA;AAC9E,IAAA,MAAM,EAAE,SAAA,EAAc,GAAA,YAAA,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.mjs","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":[],"mappings":";;;;;;;;;;;;;;;AAoCA,IAAA,MAAM,QAAQ,GAAqB,EAAA,CAAA;AACnC,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAM,MAAA,QAAA,GAAW,OAAO,WAAW,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,GAAW,UAAW,CAAA,cAAA,EAAgB,IAAI,CAAA,CAAA;AAEhD,IAAA,MAAM,YAAe,GAAA,CAAC,UAAY,EAAA,cAAA,EAAgB,eAAe,aAAa,CAAA,CAAA;AAC9E,IAAA,MAAM,EAAE,SAAA,EAAc,GAAA,YAAA,CAAa,OAAO,YAAY,CAAA,CAAA;AACtD,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,MACA,GAAG,SAAA;AAAA,KACJ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/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/es/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/es/components/src/base/tableV2/tableV2.mjs

@@ -1,7 +1,10 @@
 import { tableV2Props as tableV2Props$1 } from 'element-plus';
 
 const tableV2Props = {
-  ...tableV2Props$1
+  ...tableV2Props$1,
+  tableId: {
+    type: String
+  }
 };
 const elTableV2Emits = {
   "column-sort": (...arg) => !!arg,

package/es/components/src/base/tableV2/tableV2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tableV2.mjs","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,cAAA;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.mjs","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,cAAA;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/es/components/src/composite/importDialog/ImportDialog.vue2.mjs

@@ -1,20 +1,37 @@
-import { createElementVNode, defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createVNode, withCtx, createTextVNode, unref, withModifiers } from 'vue';
+import { createElementVNode, createTextVNode, defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createVNode, withCtx, unref, withModifiers } from 'vue';
 import { genFileId } from 'element-plus';
 import { getGmExports } from '../../../../utils/src/elementPlus/exports.mjs';
 import { GmMessage } from '../../plugins/message/index.mjs';
-import { Download, Upload } from '@element-plus/icons-vue';
+import { Download, UploadFilled } from '@element-plus/icons-vue';
 import { importDialogProps, importDialogEmits } from './importDialog.mjs';
 
 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__ */ 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__ */ createElementVNode(
+  "div",
+  { class: "el-upload__text" },
+  [
+    /* @__PURE__ */ createTextVNode("\u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\uFF0C\u6216 "),
+    /* @__PURE__ */ createElementVNode("em", null, "\u70B9\u51FB\u4E0A\u4F20")
+  ],
+  -1
+  /* HOISTED */
+);
+const _hoisted_5 = /* @__PURE__ */ 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__ */ defineComponent({
   ...{
     name: "GmImportDialog"
@@ -75,10 +92,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       closeDialog,
       reset,
       ...exposeFns
-      // handleStart: (rawFile: UploadRawFile) => uploadRef.value?.handleStart(rawFile),
     });
     return (_ctx, _cache) => {
       const _component_gm_button = resolveComponent("gm-button");
+      const _component_el_icon = resolveComponent("el-icon");
       const _component_gm_upload = resolveComponent("gm-upload");
       const _component_gm_dialog = resolveComponent("gm-dialog");
       return openBlock(), createElementBlock(
@@ -90,18 +107,18 @@ var _sfc_main = /* @__PURE__ */ 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: withCtx(() => [
-              createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_6, [
                 createVNode(_component_gm_button, {
                   type: "primary",
                   loading: uploadLoading.value,
                   onClick: submitUpload
                 }, {
                   default: withCtx(() => [
-                    createTextVNode("\u786E \u5B9A")
+                    createTextVNode("\u5BFC \u5165")
                   ]),
                   _: 1
                   /* STABLE */
@@ -117,6 +134,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             default: withCtx(() => [
               createElementVNode("div", _hoisted_1, [
+                createElementVNode("div", _hoisted_2, [
+                  _hoisted_3,
+                  createVNode(_component_gm_button, {
+                    icon: unref(Download),
+                    onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("downloadTemplate"), ["stop"]))
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" \u4E0B\u8F7D\u6A21\u677F ")
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["icon"])
+                ]),
                 createVNode(_component_gm_upload, {
                   ref_key: "uploadRef",
                   ref: uploadRef,
@@ -124,6 +154,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   "onUpdate:fileList": _cache[1] || (_cache[1] = ($event) => fileList.value = $event),
                   action: "",
                   limit: 1,
+                  drag: "",
                   accept: _ctx.accept,
                   "http-request": httpRequest,
                   "on-exceed": handleExceed,
@@ -131,36 +162,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   "on-error": handleError,
                   "before-upload": _ctx.beforeUpload,
                   "auto-upload": false,
-                  class: "gmUploadEl gm-px-6"
+                  class: "gmUploadEl gm-mb-5"
                 }, {
-                  tip: withCtx(() => [
-                    _hoisted_3
-                  ]),
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_2, [
-                      createVNode(_component_gm_button, {
-                        type: "primary",
-                        icon: unref(Download),
-                        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("downloadTemplate"), ["stop"]))
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(" \u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F ")
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      }, 8, ["icon"]),
-                      createVNode(_component_gm_button, {
-                        type: "primary",
-                        icon: unref(Upload),
-                        style: { "margin-left": "36px" }
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode("\u9009\u62E9\u6587\u4EF6\u5BFC\u5165")
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      }, 8, ["icon"])
-                    ])
+                    createVNode(_component_el_icon, { class: "el-icon--upload" }, {
+                      default: withCtx(() => [
+                        createVNode(unref(UploadFilled))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    _hoisted_4,
+                    _hoisted_5
                   ]),
                   _: 1
                   /* STABLE */

package/es/components/src/composite/importDialog/ImportDialog.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ImportDialog.vue2.mjs","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":[],"mappings":"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"}
+{"version":3,"file":"ImportDialog.vue2.mjs","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":[],"mappings":"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"}

package/es/components/src/composite/index.mjs

@@ -32,6 +32,8 @@ export { tablePaginationProps } from './tablePro/tablePagination/tablePagination
 export { GmTablePagination } from './tablePro/tablePagination/index.mjs';
 export { tableToolbarEmits, tableToolbarProps } from './tablePro/tableToolbar/tableToolbar.mjs';
 export { GmTableToolbar } from './tablePro/tableToolbar/index.mjs';
+export { tableCtxProps } from './tablePro/tableCtx/tableCtx.mjs';
+export { GmTableCtx } from './tablePro/tableCtx/index.mjs';
 export { operateButtonProps } from './operateButton/operateButton.mjs';
 export { operateButtonFormProps } from './operateButton/operateButtonForm/operateButtonForm.mjs';
 export { GmOperateButtonForm } from './operateButton/operateButtonForm/index.mjs';

package/es/components/src/composite/index.mjs.map

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

package/es/components/src/composite/searchForm/SearchForm.vue.mjs

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

package/es/components/src/composite/searchForm/SearchForm.vue2.mjs

@@ -1,5 +1,6 @@
-import { defineComponent, mergeModels, useModel, provide, ref, computed, nextTick, resolveComponent, openBlock, createElementBlock, withDirectives, createVNode, withCtx, createElementVNode, normalizeClass, normalizeStyle, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, renderSlot, unref, createTextVNode, toDisplayString, vShow } from 'vue';
+import { defineComponent, mergeModels, inject, useModel, provide, ref, computed, nextTick, resolveComponent, openBlock, createElementBlock, withDirectives, createVNode, withCtx, createElementVNode, normalizeClass, normalizeStyle, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, renderSlot, unref, createTextVNode, toDisplayString, vShow } from 'vue';
 import { useElementVisibility, useElementSize } from '@vueuse/core';
+import { TableCtxKey } from '../../../../constants/table.mjs';
 import { Search, Refresh, ArrowDown } from '@element-plus/icons-vue';
 import { searchFormProps, searchFormEmits, searchFormItemList } from './searchForm.mjs';
 import { queryParamsKey, searchFormHandleQueryKey } from './constants.mjs';
@@ -18,6 +19,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }),
   emits: /* @__PURE__ */ mergeModels(searchFormEmits, ["update:showSearch", "update:queryParams"]),
   setup(__props, { emit: __emit }) {
+    const tableCtx = inject(TableCtxKey, {});
     const showSearch = useModel(__props, "showSearch");
     const queryParams = useModel(__props, "queryParams");
     provide(queryParamsKey, queryParams);
@@ -57,11 +59,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const queryRef = ref();
     const handleQuery = (...args) => {
       emit("handleQuery", ...args);
+      tableCtx?.tableRef?.value?.scrollTo({ top: 0, behavior: "smooth" });
+      tableCtx.tableV2Ref?.value?.scrollTo({ scrollLeft: 0, scrollTop: 0 });
     };
     provide(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 = resolveComponent("gm-button");

package/es/components/src/composite/searchForm/SearchForm.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchForm.vue2.mjs","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"],"mappings":";;;;;;AACA,MAAM,OAAU,GAAA,CAAA,CAAA;;;;;;;;;;;;;;AAqChB,IAAM,MAAA,UAAA,GAAaA,QAAqB,CAAA,OAAA,EAAA,YAA+B,CAAA,CAAA;AAEvE,IAAM,MAAA,WAAA,GAAcA,QAAiC,CAAA,OAAA,EAAA,aAAiC,CAAA,CAAA;AAEtF,IAAA,OAAA,CAAQ,gBAAgB,WAAW,CAAA,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,cAAc,GAAoB,EAAA,CAAA;AACxC,IAAA,MAAM,oBAAoB,GAAoB,EAAA,CAAA;AAC9C,IAAM,MAAA,gBAAA,GAAmB,qBAAqB,iBAAiB,CAAA,CAAA;AAE/D,IAAA,MAAM,EAAE,KAAA,EAAO,aAAc,EAAA,GAAI,eAAe,WAAW,CAAA,CAAA;AAE3D,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM,IAAA,CAAK,MAAM,aAAc,CAAA,KAAA,GAAQ,GAAG,CAAC,CAAA,CAAA;AACtE,IAAM,MAAA,QAAA,GAAW,IAAI,KAAK,CAAA,CAAA;AAE1B,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM,QAAA,CAAS,UAAU,KAAS,IAAA,gBAAA,CAAiB,UAAU,IAAI,CAAA,CAAA;AAG9F,IAAM,MAAA,qBAAA,GAAwB,SAAwB,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,MAAM,QAAS,EAAA,CAAA;AAEf,MAAA,MAAA,CAAO,cAAc,WAAW,CAAA,CAAA;AAAA,KAClC,CAAA;AAGA,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AACjC,MAAO,OAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,CAAI,CAAM,EAAA,KAAA;AAC7B,QAAA,MAAM,gBAAgB,kBAAmB,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,WAAW,GAAkB,EAAA,CAAA;AAEnC,IAAM,MAAA,WAAA,GAAc,IAAI,IAAgB,KAAA;AACtC,MAAK,IAAA,CAAA,aAAA,EAAe,GAAG,IAAI,CAAA,CAAA;AAAA,KAC7B,CAAA;AACA,IAAA,OAAA,CAAQ,0BAA0B,WAAW,CAAA,CAAA;AAE7C,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,QAAA,CAAS,OAAO,WAAY,EAAA,CAAA;AAC5B,MAAA,IAAA,CAAK,YAAY,CAAA,CAAA;AAAA,KACnB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SearchForm.vue2.mjs","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":["_useModel"],"mappings":"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"}

package/es/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/es/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/es/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: {

package/es/components/src/composite/searchForm/searchFormItems/cascader/searchFormCascader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"searchFormCascader.mjs","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/cascader/searchFormCascader.ts"],"sourcesContent":["import { searchFormCommonProps } from '../common';\r\nimport type { PropType } from 'vue';\r\nexport interface SearchFormCascaderPropsOption extends Record<string, any> {\r\n  label?: any;\r\n  value?: any;\r\n  children?: SearchFormCascaderPropsOption[];\r\n}\r\nexport interface SearchFormCascaderPropsProps {\r\n  multiple?: boolean;\r\n  value?: string;\r\n  label?: string;\r\n  children?: string;\r\n}\r\nexport const searchFormCascaderProps = {\r\n  ...searchFormCommonProps,\r\n  label: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  prop: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  cascaderProps: {\r\n    type: Object as PropType<SearchFormCascaderPropsProps>, // 配置选项\r\n    default: () => ({}),\r\n  },\r\n  options: {\r\n    type: Array as PropType<SearchFormCascaderPropsOption[]>,\r\n    default: () => [],\r\n  },\r\n};\r\n\r\nexport const searchFormCascaderEmits = {\r\n  change: (...value: any[]) => !!value,\r\n};\r\nexport const SearchFormCascaderName = 'GmSearchFormCascader';\r\n"],"names":[],"mappings":";;AAaO,MAAM,uBAA0B,GAAA;AAAA,EACrC,GAAG,qBAAA;AAAA,EACH,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,EAAA;AAEO,MAAM,uBAA0B,GAAA;AAAA,EACrC,MAAQ,EAAA,CAAA,GAAI,KAAiB,KAAA,CAAC,CAAC,KAAA;AACjC,EAAA;AACO,MAAM,sBAAyB,GAAA;;;;"}
+{"version":3,"file":"searchFormCascader.mjs","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/cascader/searchFormCascader.ts"],"sourcesContent":["import { searchFormCommonProps } from '../common';\r\nimport type { CascaderProps } from 'element-plus';\r\nimport type { PropType } from 'vue';\r\nexport interface SearchFormCascaderPropsOption extends Record<string, any> {\r\n  label?: any;\r\n  value?: any;\r\n  children?: SearchFormCascaderPropsOption[];\r\n}\r\nexport interface SearchFormCascaderPropsProps {\r\n  multiple?: boolean;\r\n  value?: string;\r\n  label?: string;\r\n  children?: string;\r\n  checkStrictly?: boolean;\r\n}\r\nexport const searchFormCascaderProps = {\r\n  ...searchFormCommonProps,\r\n  label: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  prop: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  cascaderProps: {\r\n    type: Object as PropType<CascaderProps>, // 配置选项\r\n    default: () => ({}),\r\n  },\r\n  options: {\r\n    type: Array as PropType<SearchFormCascaderPropsOption[]>,\r\n    default: () => [],\r\n  },\r\n};\r\n\r\nexport const searchFormCascaderEmits = {\r\n  change: (...value: any[]) => !!value,\r\n};\r\nexport const SearchFormCascaderName = 'GmSearchFormCascader';\r\n"],"names":[],"mappings":";;AAeO,MAAM,uBAA0B,GAAA;AAAA,EACrC,GAAG,qBAAA;AAAA,EACH,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,EAAA;AAEO,MAAM,uBAA0B,GAAA;AAAA,EACrC,MAAQ,EAAA,CAAA,GAAI,KAAiB,KAAA,CAAC,CAAC,KAAA;AACjC,EAAA;AACO,MAAM,sBAAyB,GAAA;;;;"}

package/es/components/src/composite/tablePro/TablePro.vue.d.ts

@@ -37,6 +37,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    tableId: {
+        type: StringConstructor;
+    };
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -349,6 +352,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    tableId: {
+        type: StringConstructor;
+    };
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;

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

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

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

@@ -1,7 +1,8 @@
-import { pushScopeId, popScopeId, defineComponent, mergeModels, ref, useSlots, computed, nextTick, useModel, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createBlock, mergeProps, toHandlers, unref, withCtx, createCommentVNode, createVNode, createTextVNode } from 'vue';
+import { pushScopeId, popScopeId, defineComponent, mergeModels, inject, ref, useSlots, computed, nextTick, useModel, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createBlock, mergeProps, toHandlers, unref, withCtx, createCommentVNode, createVNode, createTextVNode } from 'vue';
 import { hasOwn } from '../../../../utils/src/objects.mjs';
 import { getGmExports } from '../../../../utils/src/elementPlus/exports.mjs';
 import { getGmEvent } from '../../../../utils/src/elementPlus/event.mjs';
+import { TableCtxKey } from '../../../../constants/table.mjs';
 import { operateButtonProps } from '../operateButton/operateButton.mjs';
 import TableOperateVNodeRenderer from './TableOperateVNodeRenderer.mjs';
 import TableColumnVNodeRenderer from './TableColumnVNodeRenderer.mjs';
@@ -9,7 +10,7 @@ import { tableProProps, tableProEmits } from './tablePro.mjs';
 import { getVnodesByGmName } from './tableHelper.mjs';
 import { TableColumnProName, tableColumnProProps } from './tableColumnPro/tableColumnPro.mjs';
 
-const _withScopeId = (n) => (pushScopeId("data-v-06213d16"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-2f3b2b52"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "gm-text-center" };
 const _hoisted_2 = {
   key: 0,
@@ -26,7 +27,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }),
   emits: /* @__PURE__ */ mergeModels(tableProEmits, ["update:sortValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
+    const tableCtx = inject(TableCtxKey);
+    const props = __props;
     const GmTbaleRef = ref();
+    if (tableCtx && tableCtx.tableId === props.page) {
+      tableCtx.tableRef = GmTbaleRef;
+    }
     const gmCustomOperationsRef = ref();
     const gmTableHeaderRef = ref();
     const emit = __emit;
@@ -34,7 +40,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const resendEvent = { ...tableProEmits };
     notResendEvents.forEach((it) => Reflect.deleteProperty(resendEvent, it));
     const elEvents = getGmEvent(resendEvent, emit);
-    const props = __props;
     const slots = useSlots();
     const tableColumnVnode = computed(() => {
       const vNodes = slots.default?.() || [];