giime 0.1.23 → 0.2.1

package/lib/components/src/composite/tablePro/tablePagination/TablePagination.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.vue2.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tablePagination/TablePagination.vue"],"sourcesContent":["<template>\r\n  <div :class=\"{ hidden: hidden }\" class=\"pagination-container\">\r\n    <gm-pagination\r\n      v-model:current-page=\"currentPage\"\r\n      v-model:page-size=\"pageSize\"\r\n      :background=\"background\"\r\n      :layout=\"layout\"\r\n      :page-sizes=\"pageSizes\"\r\n      :pager-count=\"pagerCount\"\r\n      :total=\"total\"\r\n      @sizeChange=\"handleSizeChange\"\r\n      @currentChange=\"handleCurrentChange\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport { tablePaginationProps } from './tablePagination';\r\n\r\ndefineOptions({\r\n  name: 'GmTablePagination',\r\n});\r\nconst props = defineProps(tablePaginationProps);\r\n\r\nconst emit = defineEmits(['update:page', 'update:limit', 'pagination']);\r\nconst currentPage = computed<number>({\r\n  get() {\r\n    return props.page;\r\n  },\r\n  set(val) {\r\n    emit('update:page', val);\r\n  },\r\n});\r\nconst pageSize = computed({\r\n  get() {\r\n    return props.limit;\r\n  },\r\n  set(val) {\r\n    emit('update:limit', val);\r\n  },\r\n});\r\nfunction handleSizeChange(val: any) {\r\n  if (currentPage.value * val > props.total) {\r\n    currentPage.value = 1;\r\n  }\r\n  emit('pagination', { page: currentPage.value, limit: val });\r\n}\r\nfunction handleCurrentChange(val: any) {\r\n  emit('pagination', { page: val, limit: pageSize.value });\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.pagination-container {\r\n  background: #fff;\r\n  padding: 32px 16px;\r\n}\r\n.pagination-container.hidden {\r\n  display: none;\r\n}\r\n</style>\r\n"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;AAuBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,MAAM,cAAcA,YAAiB,CAAA;AAAA,MACnC,GAAM,GAAA;AACJ,QAAA,OAAO,KAAM,CAAA,IAAA,CAAA;AAAA,OACf;AAAA,MACA,IAAI,GAAK,EAAA;AACP,QAAA,IAAA,CAAK,eAAe,GAAG,CAAA,CAAA;AAAA,OACzB;AAAA,KACD,CAAA,CAAA;AACD,IAAA,MAAM,WAAWA,YAAS,CAAA;AAAA,MACxB,GAAM,GAAA;AACJ,QAAA,OAAO,KAAM,CAAA,KAAA,CAAA;AAAA,OACf;AAAA,MACA,IAAI,GAAK,EAAA;AACP,QAAA,IAAA,CAAK,gBAAgB,GAAG,CAAA,CAAA;AAAA,OAC1B;AAAA,KACD,CAAA,CAAA;AACD,IAAA,SAAS,iBAAiB,GAAU,EAAA;AAClC,MAAA,IAAI,WAAY,CAAA,KAAA,GAAQ,GAAM,GAAA,KAAA,CAAM,KAAO,EAAA;AACzC,QAAA,WAAA,CAAY,KAAQ,GAAA,CAAA,CAAA;AAAA,OACtB;AACA,MAAA,IAAA,CAAK,cAAc,EAAE,IAAA,EAAM,YAAY,KAAO,EAAA,KAAA,EAAO,KAAK,CAAA,CAAA;AAAA,KAC5D;AACA,IAAA,SAAS,oBAAoB,GAAU,EAAA;AACrC,MAAA,IAAA,CAAK,cAAc,EAAE,IAAA,EAAM,KAAK,KAAO,EAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAAA,KACzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TablePagination.vue2.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tablePagination/TablePagination.vue"],"sourcesContent":["<template>\r\n  <div :class=\"{ hidden: hidden }\" class=\"pagination-container gm-flex gm-justify-end\">\r\n    <gm-pagination\r\n      v-model:current-page=\"currentPage\"\r\n      v-model:page-size=\"pageSize\"\r\n      :background=\"background\"\r\n      :layout=\"layout\"\r\n      :page-sizes=\"pageSizes\"\r\n      :pager-count=\"pagerCount\"\r\n      :total=\"total\"\r\n      :small=\"small\"\r\n      @sizeChange=\"handleSizeChange\"\r\n      @currentChange=\"handleCurrentChange\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport { tablePaginationProps } from './tablePagination';\r\n\r\ndefineOptions({\r\n  name: 'GmTablePagination',\r\n});\r\nconst props = defineProps(tablePaginationProps);\r\n\r\nconst emit = defineEmits(['update:page', 'update:limit', 'pagination']);\r\nconst currentPage = computed<number>({\r\n  get() {\r\n    return props.page;\r\n  },\r\n  set(val) {\r\n    emit('update:page', val);\r\n  },\r\n});\r\nconst pageSize = computed({\r\n  get() {\r\n    return props.limit;\r\n  },\r\n  set(val) {\r\n    emit('update:limit', val);\r\n  },\r\n});\r\nfunction handleSizeChange(val: any) {\r\n  if (currentPage.value * val > props.total) {\r\n    currentPage.value = 1;\r\n  }\r\n  emit('pagination', { page: currentPage.value, limit: val });\r\n}\r\nfunction handleCurrentChange(val: any) {\r\n  emit('pagination', { page: val, limit: pageSize.value });\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.pagination-container {\r\n  background: #fff;\r\n  padding: 32px 16px;\r\n}\r\n.pagination-container.hidden {\r\n  display: none;\r\n}\r\n</style>\r\n"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;AAwBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,MAAM,cAAcA,YAAiB,CAAA;AAAA,MACnC,GAAM,GAAA;AACJ,QAAA,OAAO,KAAM,CAAA,IAAA,CAAA;AAAA,OACf;AAAA,MACA,IAAI,GAAK,EAAA;AACP,QAAA,IAAA,CAAK,eAAe,GAAG,CAAA,CAAA;AAAA,OACzB;AAAA,KACD,CAAA,CAAA;AACD,IAAA,MAAM,WAAWA,YAAS,CAAA;AAAA,MACxB,GAAM,GAAA;AACJ,QAAA,OAAO,KAAM,CAAA,KAAA,CAAA;AAAA,OACf;AAAA,MACA,IAAI,GAAK,EAAA;AACP,QAAA,IAAA,CAAK,gBAAgB,GAAG,CAAA,CAAA;AAAA,OAC1B;AAAA,KACD,CAAA,CAAA;AACD,IAAA,SAAS,iBAAiB,GAAU,EAAA;AAClC,MAAA,IAAI,WAAY,CAAA,KAAA,GAAQ,GAAM,GAAA,KAAA,CAAM,KAAO,EAAA;AACzC,QAAA,WAAA,CAAY,KAAQ,GAAA,CAAA,CAAA;AAAA,OACtB;AACA,MAAA,IAAA,CAAK,cAAc,EAAE,IAAA,EAAM,YAAY,KAAO,EAAA,KAAA,EAAO,KAAK,CAAA,CAAA;AAAA,KAC5D;AACA,IAAA,SAAS,oBAAoB,GAAU,EAAA;AACrC,MAAA,IAAA,CAAK,cAAc,EAAE,IAAA,EAAM,KAAK,KAAO,EAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAAA,KACzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -36,6 +36,10 @@ export declare const GmTablePagination: import("../../../../../utils").SFCWithIn
         type: BooleanConstructor;
         default: false;
     };
+    small: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (...args: any[]) => void;
     "update:limit": (...args: any[]) => void;
@@ -77,11 +81,16 @@ export declare const GmTablePagination: import("../../../../../utils").SFCWithIn
         type: BooleanConstructor;
         default: false;
     };
+    small: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>> & {
     "onUpdate:page"?: ((...args: any[]) => any) | undefined;
     "onUpdate:limit"?: ((...args: any[]) => any) | undefined;
     onPagination?: ((...args: any[]) => any) | undefined;
 }, {
+    small: boolean;
     hidden: boolean;
     pagerCount: number;
     layout: string;

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

@@ -36,5 +36,9 @@ export declare const tablePaginationProps: {
         type: BooleanConstructor;
         default: false;
     };
+    small: {
+        type: BooleanConstructor;
+        default: true;
+    };
 };
 export type TablePaginationProps = ExtractPropTypes<typeof tablePaginationProps>;

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

@@ -39,6 +39,10 @@ const tablePaginationProps = {
   hidden: {
     type: Boolean,
     default: false
+  },
+  small: {
+    type: Boolean,
+    default: true
   }
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"tablePagination.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tablePagination/tablePagination.ts"],"sourcesContent":["// import type { ExtractPropTypes } from 'vue';\r\nimport type { ExtractPropTypes, PropType } from 'vue';\r\n\r\nexport const tablePaginationProps = {\r\n  total: {\r\n    required: true as const,\r\n    type: Number,\r\n  },\r\n  page: {\r\n    type: Number,\r\n    default: 1 as const,\r\n  },\r\n  limit: {\r\n    type: Number,\r\n    default: 20 as const,\r\n  },\r\n  pageSizes: {\r\n    type: Array as PropType<number[]>,\r\n    default() {\r\n      return [10, 20, 30, 50] as const;\r\n    },\r\n  },\r\n  // 移动端页码按钮的数量端默认值5\r\n  pagerCount: {\r\n    type: Number,\r\n    default: () => (document.body.clientWidth < 992 ? 5 : 7),\r\n  },\r\n  layout: {\r\n    type: String,\r\n    default: 'total, sizes, prev, pager, next, jumper' as const,\r\n  },\r\n  background: {\r\n    type: Boolean,\r\n    default: true as const,\r\n  },\r\n  autoScroll: {\r\n    type: Boolean,\r\n    default: true as const,\r\n  },\r\n  hidden: {\r\n    type: Boolean,\r\n    default: false as const,\r\n  },\r\n};\r\nexport type TablePaginationProps = ExtractPropTypes<typeof tablePaginationProps>;\r\n"],"names":[],"mappings":";;AAGO,MAAM,oBAAuB,GAAA;AAAA,EAClC,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,IAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,KAAA;AAAA,IACN,OAAU,GAAA;AACR,MAAA,OAAO,CAAC,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,EAAE,CAAA,CAAA;AAAA,KACxB;AAAA,GACF;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,MAAO,QAAA,CAAS,IAAK,CAAA,WAAA,GAAc,MAAM,CAAI,GAAA,CAAA;AAAA,GACxD;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,yCAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF;;;;"}
+{"version":3,"file":"tablePagination.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tablePagination/tablePagination.ts"],"sourcesContent":["// import type { ExtractPropTypes } from 'vue';\r\nimport type { ExtractPropTypes, PropType } from 'vue';\r\n\r\nexport const tablePaginationProps = {\r\n  total: {\r\n    required: true as const,\r\n    type: Number,\r\n  },\r\n  page: {\r\n    type: Number,\r\n    default: 1 as const,\r\n  },\r\n  limit: {\r\n    type: Number,\r\n    default: 20 as const,\r\n  },\r\n  pageSizes: {\r\n    type: Array as PropType<number[]>,\r\n    default() {\r\n      return [10, 20, 30, 50] as const;\r\n    },\r\n  },\r\n  // 移动端页码按钮的数量端默认值5\r\n  pagerCount: {\r\n    type: Number,\r\n    default: () => (document.body.clientWidth < 992 ? 5 : 7),\r\n  },\r\n  layout: {\r\n    type: String,\r\n    default: 'total, sizes, prev, pager, next, jumper' as const,\r\n  },\r\n  background: {\r\n    type: Boolean,\r\n    default: true as const,\r\n  },\r\n  autoScroll: {\r\n    type: Boolean,\r\n    default: true as const,\r\n  },\r\n  hidden: {\r\n    type: Boolean,\r\n    default: false as const,\r\n  },\r\n  small: {\r\n    type: Boolean,\r\n    default: true as const,\r\n  },\r\n};\r\nexport type TablePaginationProps = ExtractPropTypes<typeof tablePaginationProps>;\r\n"],"names":[],"mappings":";;AAGO,MAAM,oBAAuB,GAAA;AAAA,EAClC,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,IAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,KAAA;AAAA,IACN,OAAU,GAAA;AACR,MAAA,OAAO,CAAC,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,EAAE,CAAA,CAAA;AAAA,KACxB;AAAA,GACF;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,MAAO,QAAA,CAAS,IAAK,CAAA,WAAA,GAAc,MAAM,CAAI,GAAA,CAAA;AAAA,GACxD;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,yCAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF;;;;"}

package/lib/components/src/composite/tablePro/tableToolbar/TableToolbar.vue.d.ts

@@ -8,6 +8,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    total: {
+        type: NumberConstructor;
+    };
+    selectedCount: {
+        type: NumberConstructor;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:showSearch": (showSearch: boolean) => void;
     "update:queryParams": (queryParams: any) => void;
@@ -22,6 +28,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    total: {
+        type: NumberConstructor;
+    };
+    selectedCount: {
+        type: NumberConstructor;
+    };
 }>> & {
     "onUpdate:showSearch"?: ((showSearch: boolean) => any) | undefined;
     "onUpdate:queryParams"?: ((queryParams: any) => any) | undefined;

package/lib/components/src/composite/tablePro/tableToolbar/TableToolbar.vue2.js

@@ -8,15 +8,18 @@ var index = require('../../../../../hooks/store/useCustomSettings/index.js');
 var index$1 = require('../../../plugins/message/index.js');
 var objects = require('../../../../../utils/src/objects.js');
 var general = require('../../../../../utils/src/general.js');
+var is = require('../../../../../utils/src/is.js');
 var iconsVue = require('@element-plus/icons-vue');
 var tableToolbar = require('./tableToolbar.js');
 
-const _hoisted_1 = { class: "gm-ml-auto" };
-const _hoisted_2 = {
+const _hoisted_1 = { class: "gm-inline-block gm-min-w-[20px] gm-text-center" };
+const _hoisted_2 = { class: "gm-ml-auto" };
+const _hoisted_3 = { class: "gm-flex" };
+const _hoisted_4 = {
   key: 0,
   class: "gm-my-5 gm-text-center gm-text-base gm-font-bold gm-text-gray-700"
 };
-const _hoisted_3 = { class: "gm-m-2" };
+const _hoisted_5 = { class: "gm-m-2" };
 const customSettingType = "quickQueryList";
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -109,155 +112,195 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       await customSettingsStore.getCustomSettings({ key_word: props.tableId, type: customSettingType }, { defaultValue: [] });
     });
     return (_ctx, _cache) => {
+      const _component_gm_col = vue.resolveComponent("gm-col");
       const _component_gm_button = vue.resolveComponent("gm-button");
       const _component_gm_icon = vue.resolveComponent("gm-icon");
       const _component_gm_dropdown_item = vue.resolveComponent("gm-dropdown-item");
       const _component_gm_dropdown_menu = vue.resolveComponent("gm-dropdown-menu");
       const _component_gm_dropdown = vue.resolveComponent("gm-dropdown");
       const _component_gm_tooltip = vue.resolveComponent("gm-tooltip");
-      const _component_gm_row = vue.resolveComponent("gm-row");
       const _component_gm_form_item_module = vue.resolveComponent("gm-form-item-module");
       const _component_GmDialogForm = vue.resolveComponent("GmDialogForm");
+      const _component_gm_row = vue.resolveComponent("gm-row");
       return vue.openBlock(), vue.createElementBlock("div", null, [
-        vue.createVNode(_component_gm_row, { gutter: 10 }, {
+        vue.createVNode(_component_gm_row, {
+          gutter: 10,
+          style: { "margin-right": "0" }
+        }, {
           default: vue.withCtx(() => [
+            vue.unref(is.isNumber)(_ctx.total) ? (vue.openBlock(), vue.createBlock(_component_gm_col, {
+              key: 0,
+              span: 1.5,
+              class: "gm-text-[14px] gm-leading-[32px]"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode(
+                  "span",
+                  null,
+                  "\u5171 " + vue.toDisplayString(_ctx.total) + " \u6761",
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            })) : vue.createCommentVNode("v-if", true),
+            vue.unref(is.isNumber)(_ctx.selectedCount) ? (vue.openBlock(), vue.createBlock(_component_gm_col, {
+              key: 1,
+              span: 2.5,
+              class: "gm-mr-2 gm-text-[14px] gm-leading-[32px]"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("span", null, [
+                  vue.createTextVNode("\u5DF2\u9009\u62E9"),
+                  vue.createElementVNode(
+                    "span",
+                    _hoisted_1,
+                    vue.toDisplayString(_ctx.selectedCount),
+                    1
+                    /* TEXT */
+                  ),
+                  vue.createTextVNode("\u9879")
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            })) : vue.createCommentVNode("v-if", true),
             vue.renderSlot(_ctx.$slots, "default"),
             vue.createCommentVNode(` <right-toolbar v-model:showSearch="showSearch" @queryTable="emits('getList')" /> `),
-            vue.createElementVNode("div", _hoisted_1, [
-              vue.createVNode(_component_gm_row, null, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_gm_button, {
-                    type: "",
-                    class: "gm-mr-2 gm-block",
-                    onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => openSaveSearchDialog(), ["stop"]))
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode("\u4FDD\u5B58\u67E5\u8BE2")
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }),
-                  vue.createVNode(_component_gm_dropdown, {
-                    trigger: "click",
-                    class: "gm-mr-3 hover:gm-outline-none"
-                  }, {
-                    dropdown: vue.withCtx(() => [
-                      vue.createVNode(_component_gm_dropdown_menu, { class: "gm-min-w-[200px]" }, {
-                        default: vue.withCtx(() => [
-                          customSettingsValue.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, "\u6682\u65E0\u6570\u636E")) : vue.createCommentVNode("v-if", true),
-                          (vue.openBlock(true), vue.createElementBlock(
-                            vue.Fragment,
-                            null,
-                            vue.renderList(customSettingsValue.value, (item) => {
-                              return vue.openBlock(), vue.createBlock(_component_gm_dropdown_item, {
-                                key: item.uuid,
-                                class: "gm-group gm-flex gm-justify-between",
-                                onClick: ($event) => applySettings(item)
-                              }, {
-                                default: vue.withCtx(() => [
-                                  vue.createElementVNode(
-                                    "span",
-                                    null,
-                                    vue.toDisplayString(item.name),
-                                    1
-                                    /* TEXT */
-                                  ),
-                                  vue.createVNode(_component_gm_icon, {
-                                    class: "gm-hidden hover:gm-text-red-500 group-hover:gm-block",
-                                    onClick: vue.withModifiers(($event) => deleteSettins(item), ["stop"])
-                                  }, {
-                                    default: vue.withCtx(() => [
-                                      vue.createVNode(vue.unref(iconsVue.Delete))
-                                    ]),
-                                    _: 2
-                                    /* DYNAMIC */
-                                  }, 1032, ["onClick"])
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1032, ["onClick"]);
-                            }),
-                            128
-                            /* KEYED_FRAGMENT */
-                          )),
-                          vue.createElementVNode("div", _hoisted_3, [
-                            vue.createCommentVNode(' <gm-button :loading="submitLoading" size="small" type="" @click="onClear">\u6E05\u7A7A</gm-button> '),
-                            vue.createVNode(_component_gm_button, {
-                              loading: syncLoading.value,
-                              size: "small",
-                              type: "success",
-                              onClick: onSyncRemote
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createElementVNode("div", _hoisted_3, [
+                vue.createVNode(_component_gm_button, {
+                  plain: "",
+                  class: "gm-mr-2 gm-block",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => openSaveSearchDialog(), ["stop"]))
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("\u4FDD\u5B58\u67E5\u8BE2")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                vue.createVNode(_component_gm_dropdown, {
+                  trigger: "click",
+                  class: "gm-mr-3 hover:gm-outline-none"
+                }, {
+                  dropdown: vue.withCtx(() => [
+                    vue.createVNode(_component_gm_dropdown_menu, { class: "gm-min-w-[200px]" }, {
+                      default: vue.withCtx(() => [
+                        customSettingsValue.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, "\u6682\u65E0\u6570\u636E")) : vue.createCommentVNode("v-if", true),
+                        (vue.openBlock(true), vue.createElementBlock(
+                          vue.Fragment,
+                          null,
+                          vue.renderList(customSettingsValue.value, (item) => {
+                            return vue.openBlock(), vue.createBlock(_component_gm_dropdown_item, {
+                              key: item.uuid,
+                              class: "gm-group gm-flex gm-justify-between",
+                              onClick: ($event) => applySettings(item)
                             }, {
                               default: vue.withCtx(() => [
-                                vue.createTextVNode("\u540C\u6B65")
+                                vue.createElementVNode(
+                                  "span",
+                                  null,
+                                  vue.toDisplayString(item.name),
+                                  1
+                                  /* TEXT */
+                                ),
+                                vue.createVNode(_component_gm_icon, {
+                                  class: "gm-hidden hover:gm-text-red-500 group-hover:gm-block",
+                                  onClick: vue.withModifiers(($event) => deleteSettins(item), ["stop"])
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.Delete))
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["onClick"])
                               ]),
-                              _: 1
-                              /* STABLE */
-                            }, 8, ["loading"])
-                          ])
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      })
-                    ]),
-                    default: vue.withCtx(() => [
-                      vue.createVNode(_component_gm_button, {
-                        plain: "",
-                        type: ""
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(" \u5FEB\u6377\u67E5\u8BE2"),
-                          vue.createVNode(_component_gm_icon, { class: "el-icon--right" }, {
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1032, ["onClick"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        )),
+                        vue.createElementVNode("div", _hoisted_5, [
+                          vue.createCommentVNode(' <gm-button :loading="submitLoading" size="small" type="" @click="onClear">\u6E05\u7A7A</gm-button> '),
+                          vue.createVNode(_component_gm_button, {
+                            loading: syncLoading.value,
+                            size: "small",
+                            type: "success",
+                            onClick: onSyncRemote
+                          }, {
                             default: vue.withCtx(() => [
-                              vue.createVNode(vue.unref(iconsVue.ArrowDown))
+                              vue.createTextVNode("\u540C\u6B65")
                             ]),
                             _: 1
                             /* STABLE */
-                          })
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      })
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }),
-                  vue.createVNode(_component_gm_tooltip, {
-                    class: "item",
-                    effect: "dark",
-                    content: showSearch.value ? "\u9690\u85CF\u641C\u7D22" : "\u663E\u793A\u641C\u7D22",
-                    placement: "top"
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(_component_gm_button, {
-                        circle: "",
-                        icon: vue.unref(iconsVue.Search),
-                        onClick: _cache[1] || (_cache[1] = ($event) => toggleSearch())
-                      }, null, 8, ["icon"])
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["content"]),
-                  vue.createVNode(_component_gm_tooltip, {
-                    class: "item",
-                    effect: "dark",
-                    content: "\u5237\u65B0",
-                    placement: "top"
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(_component_gm_button, {
-                        circle: "",
-                        icon: vue.unref(iconsVue.Refresh),
-                        onClick: _cache[2] || (_cache[2] = ($event) => refresh())
-                      }, null, 8, ["icon"])
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })
-                ]),
-                _: 1
-                /* STABLE */
-              }),
+                          }, 8, ["loading"])
+                        ])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_gm_button, {
+                      plain: "",
+                      type: ""
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(" \u5FEB\u6377\u67E5\u8BE2"),
+                        vue.createVNode(_component_gm_icon, { class: "el-icon--right" }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(iconsVue.ArrowDown))
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                vue.createVNode(_component_gm_tooltip, {
+                  class: "item",
+                  effect: "dark",
+                  content: showSearch.value ? "\u9690\u85CF\u641C\u7D22" : "\u663E\u793A\u641C\u7D22",
+                  placement: "top"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_gm_button, {
+                      circle: "",
+                      plain: "",
+                      icon: vue.unref(iconsVue.Search),
+                      onClick: _cache[1] || (_cache[1] = ($event) => toggleSearch())
+                    }, null, 8, ["icon"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["content"]),
+                vue.createVNode(_component_gm_tooltip, {
+                  class: "item",
+                  effect: "dark",
+                  content: "\u5237\u65B0",
+                  placement: "top"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_gm_button, {
+                      circle: "",
+                      plain: "",
+                      icon: vue.unref(iconsVue.Refresh),
+                      onClick: _cache[2] || (_cache[2] = ($event) => refresh())
+                    }, null, 8, ["icon"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
               vue.createVNode(_component_GmDialogForm, {
                 modelValue: saveSearchVisible.value,
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => saveSearchVisible.value = $event),

package/lib/components/src/composite/tablePro/tableToolbar/TableToolbar.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableToolbar.vue2.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableToolbar/TableToolbar.vue"],"sourcesContent":["<script lang=\"ts\">\nconst customSettingType = 'quickQueryList'\n</script>\n<template>\r\n  <div>\r\n    <gm-row :gutter=\"10\">\r\n      <slot />\r\n      <!-- <right-toolbar v-model:showSearch=\"showSearch\" @queryTable=\"emits('getList')\" /> -->\r\n      <div class=\"gm-ml-auto\">\r\n        <gm-row>\r\n          <gm-button type=\"\" class=\"gm-mr-2 gm-block\" @click.stop=\"openSaveSearchDialog()\">保存查询</gm-button>\r\n          <gm-dropdown trigger=\"click\" class=\"gm-mr-3 hover:gm-outline-none\">\r\n            <gm-button plain type=\"\">\r\n              快捷查询<gm-icon class=\"el-icon--right\"><ArrowDown /></gm-icon>\r\n            </gm-button>\r\n            <template #dropdown>\r\n              <gm-dropdown-menu class=\"gm-min-w-[200px]\">\r\n                <div v-if=\"customSettingsValue.length === 0\" class=\"gm-my-5 gm-text-center gm-text-base gm-font-bold gm-text-gray-700\">暂无数据</div>\r\n                <gm-dropdown-item\r\n                  v-for=\"item in customSettingsValue\"\r\n                  :key=\"item.uuid\"\r\n                  class=\"gm-group gm-flex gm-justify-between\"\r\n                  @click=\"applySettings(item)\"\r\n                >\r\n                  <span> {{ item.name }} </span>\r\n                  <gm-icon class=\"gm-hidden hover:gm-text-red-500 group-hover:gm-block\" @click.stop=\"deleteSettins(item)\"> <Delete /> </gm-icon>\r\n                </gm-dropdown-item>\r\n                <div class=\"gm-m-2\">\r\n                  <!-- <gm-button :loading=\"submitLoading\" size=\"small\" type=\"\" @click=\"onClear\">清空</gm-button> -->\r\n                  <gm-button :loading=\"syncLoading\" size=\"small\" type=\"success\" @click=\"onSyncRemote\">同步</gm-button>\r\n                </div>\r\n              </gm-dropdown-menu>\r\n            </template>\r\n          </gm-dropdown>\r\n          <gm-tooltip class=\"item\" effect=\"dark\" :content=\"showSearch ? '隐藏搜索' : '显示搜索'\" placement=\"top\">\r\n            <gm-button circle :icon=\"Search\" @click=\"toggleSearch()\" />\r\n          </gm-tooltip>\r\n          <gm-tooltip class=\"item\" effect=\"dark\" content=\"刷新\" placement=\"top\">\r\n            <gm-button circle :icon=\"Refresh\" @click=\"refresh()\" />\r\n          </gm-tooltip>\r\n        </gm-row>\r\n        <GmDialogForm\r\n          v-model=\"saveSearchVisible\"\r\n          :formData=\"searchform\"\r\n          :loading=\"submitLoading\"\r\n          :rules=\"rules\"\r\n          title=\"保存当前查询\"\r\n          labelWidth=\"auto\"\r\n          @submit=\"addSettings\"\r\n        >\r\n          <gm-form-item-module\r\n            v-model=\"searchform.name\"\r\n            field=\"name\"\r\n            label=\"查询名称\"\r\n            type=\"GmInput\"\r\n            :props=\"{ placeholder: '请输入', maxlength: '15', showWordLimit: true }\"\r\n          />\r\n        </GmDialogForm>\r\n      </div>\r\n    </gm-row>\r\n  </div>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed, onMounted, ref } from 'vue';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { useCustomSettingsStore } from '@giime/hooks/store/useCustomSettings';\r\nimport { GmMessage } from '@giime/components/src/plugins/message';\r\nimport { hasOwn } from '@giime/utils/src/objects';\r\nimport { remove } from '@giime/utils/src/general';\r\nimport { ArrowDown, Delete, Refresh, Search } from '@element-plus/icons-vue';\r\nimport { tableToolbarEmits, tableToolbarProps } from './tableToolbar';\r\n\r\ndefineOptions({\r\n  name: 'GmTableToolbar',\r\n});\r\nconst props = defineProps(tableToolbarProps);\r\nconst emit = defineEmits(tableToolbarEmits);\r\n\r\nconst showSearch = defineModel<boolean>('showSearch', { required: true });\r\nconst queryParams = defineModel<any>('queryParams');\r\n\r\nconst customSettingsStore = useCustomSettingsStore();\r\ninterface TableToolbarSettings {\r\n  uuid: string;\r\n  name: string;\r\n  value: Record<string, any>;\r\n}\r\nconst customSettingsValue = computed<TableToolbarSettings[]>(() => customSettingsStore.customSettings[props.tableId]?.[customSettingType] || []);\r\n\r\nconst saveSearchVisible = ref(false);\r\nconst searchform = ref({\r\n  name: '',\r\n});\r\nconst rules = {\r\n  name: [{ required: true, message: '查询名称不能为空', trigger: 'blur' }],\r\n};\r\n// 打开保存dialog\r\nconst openSaveSearchDialog = () => {\r\n  saveSearchVisible.value = true;\r\n  searchform.value.name = '';\r\n};\r\n// 应用设置\r\nconst applySettings = (item: TableToolbarSettings) => {\r\n  for (const key in item.value) {\r\n    if (hasOwn(item.value, key) && hasOwn(queryParams.value, key)) {\r\n      queryParams.value[key] = item.value[key];\r\n    }\r\n  }\r\n  emit('getList');\r\n};\r\nconst submitLoading = ref(false);\r\n// 添加设置\r\nconst addSettings = () => {\r\n  const params = JSON.stringify([{ uuid: uuidv4(), name: searchform.value.name, value: queryParams.value }, ...customSettingsValue.value]);\r\n  return submitSettings(params);\r\n};\r\n// 删除设置\r\nconst deleteSettins = (item: TableToolbarSettings) => {\r\n  remove(customSettingsValue.value, item);\r\n  return submitSettings(JSON.stringify(customSettingsValue.value));\r\n};\r\n\r\n// const onClear = () => {\r\n//   return submitSettings(JSON.stringify([]));\r\n// };\r\nconst syncLoading = ref(false);\r\n/**同步远程设置 */\r\nconst onSyncRemote = async () => {\r\n  try {\r\n    syncLoading.value = true;\r\n    await customSettingsStore.syncRemoteSetting({\r\n      key_word: props.tableId,\r\n      type: customSettingType,\r\n    });\r\n    syncLoading.value = false;\r\n    GmMessage.success('同步成功');\r\n  } catch (e) {\r\n    console.error(e);\r\n    syncLoading.value = false;\r\n  }\r\n};\r\n// 保存\r\nconst submitSettings = async (value: string) => {\r\n  try {\r\n    submitLoading.value = true;\r\n    const { data } = await customSettingsStore.addCustomSettings({\r\n      key_word: props.tableId,\r\n      value,\r\n      type: customSettingType,\r\n    });\r\n    submitLoading.value = false;\r\n    if (data.code !== 0) {\r\n      return;\r\n    }\r\n    GmMessage.success('操作成功');\r\n    saveSearchVisible.value = false;\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n// 搜索\r\nfunction toggleSearch() {\r\n  showSearch.value = !showSearch.value;\r\n}\r\n// 刷新\r\nfunction refresh() {\r\n  emit('getList');\r\n}\r\nonMounted(async () => {\r\n  await customSettingsStore.getCustomSettings({ key_word: props.tableId, type: customSettingType }, { defaultValue: [] });\r\n});\r\n</script>\r\n"],"names":["_useModel","useCustomSettingsStore","computed","ref","hasOwn","uuidv4","remove","GmMessage","onMounted"],"mappings":"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"}
+{"version":3,"file":"TableToolbar.vue2.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableToolbar/TableToolbar.vue"],"sourcesContent":["<script lang=\"ts\">\nconst customSettingType = 'quickQueryList'\n</script>\n<template>\r\n  <div>\r\n    <gm-row :gutter=\"10\" style=\"margin-right: 0\">\r\n      <gm-col v-if=\"isNumber(total)\" :span=\"1.5\" class=\"gm-text-[14px] gm-leading-[32px]\">\r\n        <span>共 {{ total }} 条</span>\r\n      </gm-col>\r\n      <gm-col v-if=\"isNumber(selectedCount)\" :span=\"2.5\" class=\"gm-mr-2 gm-text-[14px] gm-leading-[32px]\">\r\n        <span\r\n          >已选择<span class=\"gm-inline-block gm-min-w-[20px] gm-text-center\">{{ selectedCount }}</span\r\n          >项</span\r\n        >\r\n      </gm-col>\r\n      <slot />\r\n      <!-- <right-toolbar v-model:showSearch=\"showSearch\" @queryTable=\"emits('getList')\" /> -->\r\n      <div class=\"gm-ml-auto\">\r\n        <div class=\"gm-flex\">\r\n          <gm-button plain class=\"gm-mr-2 gm-block\" @click.stop=\"openSaveSearchDialog()\">保存查询</gm-button>\r\n          <gm-dropdown trigger=\"click\" class=\"gm-mr-3 hover:gm-outline-none\">\r\n            <gm-button plain type=\"\">\r\n              快捷查询<gm-icon class=\"el-icon--right\"><ArrowDown /></gm-icon>\r\n            </gm-button>\r\n            <template #dropdown>\r\n              <gm-dropdown-menu class=\"gm-min-w-[200px]\">\r\n                <div v-if=\"customSettingsValue.length === 0\" class=\"gm-my-5 gm-text-center gm-text-base gm-font-bold gm-text-gray-700\">暂无数据</div>\r\n                <gm-dropdown-item\r\n                  v-for=\"item in customSettingsValue\"\r\n                  :key=\"item.uuid\"\r\n                  class=\"gm-group gm-flex gm-justify-between\"\r\n                  @click=\"applySettings(item)\"\r\n                >\r\n                  <span> {{ item.name }} </span>\r\n                  <gm-icon class=\"gm-hidden hover:gm-text-red-500 group-hover:gm-block\" @click.stop=\"deleteSettins(item)\"> <Delete /> </gm-icon>\r\n                </gm-dropdown-item>\r\n                <div class=\"gm-m-2\">\r\n                  <!-- <gm-button :loading=\"submitLoading\" size=\"small\" type=\"\" @click=\"onClear\">清空</gm-button> -->\r\n                  <gm-button :loading=\"syncLoading\" size=\"small\" type=\"success\" @click=\"onSyncRemote\">同步</gm-button>\r\n                </div>\r\n              </gm-dropdown-menu>\r\n            </template>\r\n          </gm-dropdown>\r\n          <gm-tooltip class=\"item\" effect=\"dark\" :content=\"showSearch ? '隐藏搜索' : '显示搜索'\" placement=\"top\">\r\n            <gm-button circle plain :icon=\"Search\" @click=\"toggleSearch()\" />\r\n          </gm-tooltip>\r\n          <gm-tooltip class=\"item\" effect=\"dark\" content=\"刷新\" placement=\"top\">\r\n            <gm-button circle plain :icon=\"Refresh\" @click=\"refresh()\" />\r\n          </gm-tooltip>\r\n        </div>\r\n        <GmDialogForm\r\n          v-model=\"saveSearchVisible\"\r\n          :formData=\"searchform\"\r\n          :loading=\"submitLoading\"\r\n          :rules=\"rules\"\r\n          title=\"保存当前查询\"\r\n          labelWidth=\"auto\"\r\n          @submit=\"addSettings\"\r\n        >\r\n          <gm-form-item-module\r\n            v-model=\"searchform.name\"\r\n            field=\"name\"\r\n            label=\"查询名称\"\r\n            type=\"GmInput\"\r\n            :props=\"{ placeholder: '请输入', maxlength: '15', showWordLimit: true }\"\r\n          />\r\n        </GmDialogForm>\r\n      </div>\r\n    </gm-row>\r\n  </div>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed, onMounted, ref } from 'vue';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { useCustomSettingsStore } from '@giime/hooks/store/useCustomSettings';\r\nimport { GmMessage } from '@giime/components/src/plugins/message';\r\nimport { hasOwn } from '@giime/utils/src/objects';\r\nimport { remove } from '@giime/utils/src/general';\r\nimport { isNumber } from '@giime/utils/src/is';\r\nimport { ArrowDown, Delete, Refresh, Search } from '@element-plus/icons-vue';\r\nimport { tableToolbarEmits, tableToolbarProps } from './tableToolbar';\r\n\r\ndefineOptions({\r\n  name: 'GmTableToolbar',\r\n});\r\nconst props = defineProps(tableToolbarProps);\r\nconst emit = defineEmits(tableToolbarEmits);\r\n\r\nconst showSearch = defineModel<boolean>('showSearch', { required: true });\r\nconst queryParams = defineModel<any>('queryParams');\r\n\r\nconst customSettingsStore = useCustomSettingsStore();\r\ninterface TableToolbarSettings {\r\n  uuid: string;\r\n  name: string;\r\n  value: Record<string, any>;\r\n}\r\nconst customSettingsValue = computed<TableToolbarSettings[]>(() => customSettingsStore.customSettings[props.tableId]?.[customSettingType] || []);\r\n\r\nconst saveSearchVisible = ref(false);\r\nconst searchform = ref({\r\n  name: '',\r\n});\r\nconst rules = {\r\n  name: [{ required: true, message: '查询名称不能为空', trigger: 'blur' }],\r\n};\r\n// 打开保存dialog\r\nconst openSaveSearchDialog = () => {\r\n  saveSearchVisible.value = true;\r\n  searchform.value.name = '';\r\n};\r\n// 应用设置\r\nconst applySettings = (item: TableToolbarSettings) => {\r\n  for (const key in item.value) {\r\n    if (hasOwn(item.value, key) && hasOwn(queryParams.value, key)) {\r\n      queryParams.value[key] = item.value[key];\r\n    }\r\n  }\r\n  emit('getList');\r\n};\r\nconst submitLoading = ref(false);\r\n// 添加设置\r\nconst addSettings = () => {\r\n  const params = JSON.stringify([{ uuid: uuidv4(), name: searchform.value.name, value: queryParams.value }, ...customSettingsValue.value]);\r\n  return submitSettings(params);\r\n};\r\n// 删除设置\r\nconst deleteSettins = (item: TableToolbarSettings) => {\r\n  remove(customSettingsValue.value, item);\r\n  return submitSettings(JSON.stringify(customSettingsValue.value));\r\n};\r\n\r\n// const onClear = () => {\r\n//   return submitSettings(JSON.stringify([]));\r\n// };\r\nconst syncLoading = ref(false);\r\n/**同步远程设置 */\r\nconst onSyncRemote = async () => {\r\n  try {\r\n    syncLoading.value = true;\r\n    await customSettingsStore.syncRemoteSetting({\r\n      key_word: props.tableId,\r\n      type: customSettingType,\r\n    });\r\n    syncLoading.value = false;\r\n    GmMessage.success('同步成功');\r\n  } catch (e) {\r\n    console.error(e);\r\n    syncLoading.value = false;\r\n  }\r\n};\r\n// 保存\r\nconst submitSettings = async (value: string) => {\r\n  try {\r\n    submitLoading.value = true;\r\n    const { data } = await customSettingsStore.addCustomSettings({\r\n      key_word: props.tableId,\r\n      value,\r\n      type: customSettingType,\r\n    });\r\n    submitLoading.value = false;\r\n    if (data.code !== 0) {\r\n      return;\r\n    }\r\n    GmMessage.success('操作成功');\r\n    saveSearchVisible.value = false;\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n// 搜索\r\nfunction toggleSearch() {\r\n  showSearch.value = !showSearch.value;\r\n}\r\n// 刷新\r\nfunction refresh() {\r\n  emit('getList');\r\n}\r\nonMounted(async () => {\r\n  await customSettingsStore.getCustomSettings({ key_word: props.tableId, type: customSettingType }, { defaultValue: [] });\r\n});\r\n</script>\r\n"],"names":["_useModel","useCustomSettingsStore","computed","ref","hasOwn","uuidv4","remove","GmMessage","onMounted"],"mappings":"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"}

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

@@ -10,6 +10,12 @@ export declare const GmTableToolbar: import("../../../../../utils").SFCWithInsta
             type: StringConstructor;
             required: true;
         };
+        total: {
+            type: NumberConstructor;
+        };
+        selectedCount: {
+            type: NumberConstructor;
+        };
     }>> & {
         "onUpdate:showSearch"?: ((showSearch: boolean) => any) | undefined;
         "onUpdate:queryParams"?: ((queryParams: any) => any) | undefined;
@@ -28,6 +34,12 @@ export declare const GmTableToolbar: import("../../../../../utils").SFCWithInsta
             type: StringConstructor;
             required: true;
         };
+        total: {
+            type: NumberConstructor;
+        };
+        selectedCount: {
+            type: NumberConstructor;
+        };
     }>> & {
         "onUpdate:showSearch"?: ((showSearch: boolean) => any) | undefined;
         "onUpdate:queryParams"?: ((queryParams: any) => any) | undefined;
@@ -49,6 +61,12 @@ export declare const GmTableToolbar: import("../../../../../utils").SFCWithInsta
             type: StringConstructor;
             required: true;
         };
+        total: {
+            type: NumberConstructor;
+        };
+        selectedCount: {
+            type: NumberConstructor;
+        };
     }>> & {
         "onUpdate:showSearch"?: ((showSearch: boolean) => any) | undefined;
         "onUpdate:queryParams"?: ((queryParams: any) => any) | undefined;
@@ -67,6 +85,12 @@ export declare const GmTableToolbar: import("../../../../../utils").SFCWithInsta
         type: StringConstructor;
         required: true;
     };
+    total: {
+        type: NumberConstructor;
+    };
+    selectedCount: {
+        type: NumberConstructor;
+    };
 }>> & {
     "onUpdate:showSearch"?: ((showSearch: boolean) => any) | undefined;
     "onUpdate:queryParams"?: ((queryParams: any) => any) | undefined;

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

@@ -4,6 +4,18 @@ export declare const tableToolbarProps: {
         type: StringConstructor;
         required: true;
     };
+    /**
+     * 总数
+     */
+    total: {
+        type: NumberConstructor;
+    };
+    /**
+     * 已选择个数
+     */
+    selectedCount: {
+        type: NumberConstructor;
+    };
 };
 export declare const tableToolbarEmits: {
     getList: () => Promise<any>;

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

@@ -4,6 +4,18 @@ const tableToolbarProps = {
   tableId: {
     type: String,
     required: true
+  },
+  /**
+   * 总数
+   */
+  total: {
+    type: Number
+  },
+  /**
+   * 已选择个数
+   */
+  selectedCount: {
+    type: Number
   }
 };
 const tableToolbarEmits = {

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

@@ -1 +1 @@
-{"version":3,"file":"tableToolbar.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableToolbar/tableToolbar.ts"],"sourcesContent":["// import { tableColumnEmits as elTableColumnEmits, tableColumnProps as elTableColumnProps } from 'element-plus';\r\n// import type { ExtractPropTypes } from 'vue';\r\n// import elTableProps from 'element-plus/es/components/table/src/table-column/defaults';\r\nimport type { ExtractPropTypes } from 'vue';\r\n\r\nexport const tableToolbarProps = {\r\n  tableId: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n};\r\nexport const tableToolbarEmits = {\r\n  getList: async (): Promise<any> => {},\r\n};\r\nexport type TableToolbarProps = ExtractPropTypes<typeof tableToolbarProps>;\r\n"],"names":[],"mappings":";;AAKO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,EAAA;AACO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,SAAS,YAA0B;AAAA,GAAC;AACtC;;;;;"}
+{"version":3,"file":"tableToolbar.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableToolbar/tableToolbar.ts"],"sourcesContent":["// import { tableColumnEmits as elTableColumnEmits, tableColumnProps as elTableColumnProps } from 'element-plus';\r\n// import type { ExtractPropTypes } from 'vue';\r\n// import elTableProps from 'element-plus/es/components/table/src/table-column/defaults';\r\nimport type { ExtractPropTypes } from 'vue';\r\n\r\nexport const tableToolbarProps = {\r\n  tableId: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  /**\r\n   * 总数\r\n   */\r\n  total: {\r\n    type: Number,\r\n  },\r\n  /**\r\n   * 已选择个数\r\n   */\r\n  selectedCount: {\r\n    type: Number,\r\n  },\r\n};\r\nexport const tableToolbarEmits = {\r\n  getList: async (): Promise<any> => {},\r\n};\r\nexport type TableToolbarProps = ExtractPropTypes<typeof tableToolbarProps>;\r\n"],"names":[],"mappings":";;AAKO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,GACR;AACF,EAAA;AACO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,SAAS,YAA0B;AAAA,GAAC;AACtC;;;;;"}