giime 0.0.20 → 0.0.22

package/es/components/src/composite/tablePro/tablePagination/TablePagination.vue2.mjs

@@ -0,0 +1,69 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
+import { tablePaginationProps } from './tablePagination.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "GmTablePagination"
+  },
+  __name: "TablePagination",
+  props: tablePaginationProps,
+  emits: ["update:page", "update:limit", "pagination"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const currentPage = computed({
+      get() {
+        return props.page;
+      },
+      set(val) {
+        emit("update:page", val);
+      }
+    });
+    const pageSize = computed({
+      get() {
+        return props.limit;
+      },
+      set(val) {
+        emit("update:limit", val);
+      }
+    });
+    function handleSizeChange(val) {
+      if (currentPage.value * val > props.total) {
+        currentPage.value = 1;
+      }
+      emit("pagination", { page: currentPage.value, limit: val });
+    }
+    function handleCurrentChange(val) {
+      emit("pagination", { page: val, limit: pageSize.value });
+    }
+    return (_ctx, _cache) => {
+      const _component_gm_pagination = resolveComponent("gm-pagination");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([{ hidden: _ctx.hidden }, "pagination-container"])
+        },
+        [
+          createVNode(_component_gm_pagination, {
+            "current-page": currentPage.value,
+            "onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => currentPage.value = $event),
+            "page-size": pageSize.value,
+            "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => pageSize.value = $event),
+            background: _ctx.background,
+            layout: _ctx.layout,
+            "page-sizes": _ctx.pageSizes,
+            "pager-count": _ctx.pagerCount,
+            total: _ctx.total,
+            onSizeChange: handleSizeChange,
+            onCurrentChange: handleCurrentChange
+          }, null, 8, ["current-page", "page-size", "background", "layout", "page-sizes", "pager-count", "total"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=TablePagination.vue2.mjs.map

package/es/components/src/composite/tablePro/tablePagination/TablePagination.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.vue2.mjs","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":[],"mappings":";;;;;;;;;;;AAuBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,MAAM,cAAc,QAAiB,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,WAAW,QAAS,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/es/components/src/composite/tablePro/tablePagination/TablePagination.vue3.mjs

@@ -0,0 +1,4 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };
+//# sourceMappingURL=TablePagination.vue3.mjs.map

package/es/components/src/composite/tablePro/tablePagination/TablePagination.vue3.mjs.map

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

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

@@ -0,0 +1,96 @@
+import TablePagination from './TablePagination.vue';
+export declare const GmTablePagination: import("../../../../../utils").SFCWithInstall<import("vue").DefineComponent<{
+    total: {
+        required: true;
+        type: NumberConstructor;
+    };
+    page: {
+        type: NumberConstructor;
+        default: 1;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: 20;
+    };
+    pageSizes: {
+        type: import("vue").PropType<number[]>;
+        default(): readonly [10, 20, 30, 50];
+    };
+    pagerCount: {
+        type: NumberConstructor;
+        default: () => 5 | 7;
+    };
+    layout: {
+        type: StringConstructor;
+        default: "total, sizes, prev, pager, next, jumper";
+    };
+    background: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    autoScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    hidden: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:page": (...args: any[]) => void;
+    "update:limit": (...args: any[]) => void;
+    pagination: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    total: {
+        required: true;
+        type: NumberConstructor;
+    };
+    page: {
+        type: NumberConstructor;
+        default: 1;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: 20;
+    };
+    pageSizes: {
+        type: import("vue").PropType<number[]>;
+        default(): readonly [10, 20, 30, 50];
+    };
+    pagerCount: {
+        type: NumberConstructor;
+        default: () => 5 | 7;
+    };
+    layout: {
+        type: StringConstructor;
+        default: "total, sizes, prev, pager, next, jumper";
+    };
+    background: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    autoScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    hidden: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
+    "onUpdate:page"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:limit"?: ((...args: any[]) => any) | undefined;
+    onPagination?: ((...args: any[]) => any) | undefined;
+}, {
+    hidden: boolean;
+    pagerCount: number;
+    layout: string;
+    pageSizes: number[];
+    background: boolean;
+    limit: number;
+    page: number;
+    autoScroll: boolean;
+}, {}>> & Record<string, any>;
+export type TablePaginationInstance = InstanceType<typeof TablePagination>;
+export * from './tablePagination';
+export default GmTablePagination;

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

@@ -0,0 +1,9 @@
+import '../../../../../utils/index.mjs';
+import TablePagination from './TablePagination.vue.mjs';
+export { tablePaginationProps } from './tablePagination.mjs';
+import { withInstall } from '../../../../../utils/src/vue/install.mjs';
+
+const GmTablePagination = withInstall(TablePagination);
+
+export { GmTablePagination, GmTablePagination as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tablePagination/index.ts"],"sourcesContent":["import { withInstall } from '@giime/utils';\r\nimport TablePagination from './TablePagination.vue';\r\n\r\nexport const GmTablePagination = withInstall(TablePagination);\r\nexport type TablePaginationInstance = InstanceType<typeof TablePagination>;\r\nexport * from './tablePagination';\r\nexport default GmTablePagination;\r\n"],"names":[],"mappings":";;;;;AAGa,MAAA,iBAAA,GAAoB,YAAY,eAAe;;;;"}

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

@@ -0,0 +1,40 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export declare const tablePaginationProps: {
+    total: {
+        required: true;
+        type: NumberConstructor;
+    };
+    page: {
+        type: NumberConstructor;
+        default: 1;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: 20;
+    };
+    pageSizes: {
+        type: PropType<number[]>;
+        default(): readonly [10, 20, 30, 50];
+    };
+    pagerCount: {
+        type: NumberConstructor;
+        default: () => 5 | 7;
+    };
+    layout: {
+        type: StringConstructor;
+        default: "total, sizes, prev, pager, next, jumper";
+    };
+    background: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    autoScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    hidden: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export type TablePaginationProps = ExtractPropTypes<typeof tablePaginationProps>;

package/es/components/src/composite/tablePro/tablePagination/tablePagination.mjs

@@ -0,0 +1,44 @@
+const tablePaginationProps = {
+  total: {
+    required: true,
+    type: Number
+  },
+  page: {
+    type: Number,
+    default: 1
+  },
+  limit: {
+    type: Number,
+    default: 20
+  },
+  pageSizes: {
+    type: Array,
+    default() {
+      return [10, 20, 30, 50];
+    }
+  },
+  // 移动端页码按钮的数量端默认值5
+  pagerCount: {
+    type: Number,
+    default: () => document.body.clientWidth < 992 ? 5 : 7
+  },
+  layout: {
+    type: String,
+    default: "total, sizes, prev, pager, next, jumper"
+  },
+  background: {
+    type: Boolean,
+    default: true
+  },
+  autoScroll: {
+    type: Boolean,
+    default: true
+  },
+  hidden: {
+    type: Boolean,
+    default: true
+  }
+};
+
+export { tablePaginationProps };
+//# sourceMappingURL=tablePagination.mjs.map

package/es/components/src/composite/tablePro/tablePagination/tablePagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tablePagination.mjs","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: 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,IAAA;AAAA,GACX;AACF;;;;"}

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

@@ -33,7 +33,7 @@ export declare const tableProProps: {
     };
     page: {
         type: StringConstructor;
-        default: string;
+        required: true;
     };
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;

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

@@ -33,7 +33,7 @@ const tableProProps = {
   },
   page: {
     type: String,
-    default: "page"
+    required: true
   }
 };
 const tableProEmits = {

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

@@ -1 +1 @@
-{"version":3,"file":"tablePro.mjs","sources":["../../../../../../../packages/components/src/composite/tablePro/tablePro.ts"],"sourcesContent":["import { tableProps } from '@giime/components/src/base';\r\nimport type { Sort } from 'element-plus';\r\n\r\nexport const tableProProps = {\r\n  ...tableProps,\r\n\r\n  headerCellStyle: {\r\n    type: Object,\r\n    default: () => ({ background: '#F5F7FA', color: '#333' }),\r\n  },\r\n  data: {\r\n    type: Array,\r\n    default: () => [],\r\n  },\r\n  selection: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  customHeader: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  customOperate: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  operateWidth: {\r\n    type: Number,\r\n    default: 120,\r\n  },\r\n  operateFixed: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  page: {\r\n    type: String,\r\n    default: 'page',\r\n  },\r\n};\r\n\r\nexport const tableProEmits = {\r\n  tableOperate: (btn: Record<string, any>, row: Record<string, any>) => btn && row,\r\n  selectionChange: (value: Record<string, any>[]) => value,\r\n  sortChange: (value: Sort) => value,\r\n};\r\n"],"names":[],"mappings":";;;AAGO,MAAM,aAAgB,GAAA;AAAA,EAC3B,GAAG,UAAA;AAAA,EAEH,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,OAAO,EAAE,UAAY,EAAA,SAAA,EAAW,OAAO,MAAO,EAAA,CAAA;AAAA,GACzD;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,aAAgB,GAAA;AAAA,EAC3B,YAAc,EAAA,CAAC,GAA0B,EAAA,GAAA,KAA6B,GAAO,IAAA,GAAA;AAAA,EAC7E,eAAA,EAAiB,CAAC,KAAiC,KAAA,KAAA;AAAA,EACnD,UAAA,EAAY,CAAC,KAAgB,KAAA,KAAA;AAC/B;;;;"}
+{"version":3,"file":"tablePro.mjs","sources":["../../../../../../../packages/components/src/composite/tablePro/tablePro.ts"],"sourcesContent":["import { tableProps } from '@giime/components/src/base';\r\nimport type { Sort } from 'element-plus';\r\n\r\nexport const tableProProps = {\r\n  ...tableProps,\r\n\r\n  headerCellStyle: {\r\n    type: Object,\r\n    default: () => ({ background: '#F5F7FA', color: '#333' }),\r\n  },\r\n  data: {\r\n    type: Array,\r\n    default: () => [],\r\n  },\r\n  selection: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  customHeader: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  customOperate: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  operateWidth: {\r\n    type: Number,\r\n    default: 120,\r\n  },\r\n  operateFixed: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  page: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n};\r\n\r\nexport const tableProEmits = {\r\n  tableOperate: (btn: Record<string, any>, row: Record<string, any>) => btn && row,\r\n  selectionChange: (value: Record<string, any>[]) => value,\r\n  sortChange: (value: Sort) => value,\r\n};\r\n"],"names":[],"mappings":";;;AAGO,MAAM,aAAgB,GAAA;AAAA,EAC3B,GAAG,UAAA;AAAA,EAEH,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,OAAO,EAAE,UAAY,EAAA,SAAA,EAAW,OAAO,MAAO,EAAA,CAAA;AAAA,GACzD;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,EAAA;AAEO,MAAM,aAAgB,GAAA;AAAA,EAC3B,YAAc,EAAA,CAAC,GAA0B,EAAA,GAAA,KAA6B,GAAO,IAAA,GAAA;AAAA,EAC7E,eAAA,EAAiB,CAAC,KAAiC,KAAA,KAAA;AAAA,EACnD,UAAA,EAAY,CAAC,KAAgB,KAAA,KAAA;AAC/B;;;;"}

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

@@ -0,0 +1,37 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    showSearch: {
+        required: true;
+        type: import("vue").PropType<boolean>;
+    };
+    queryParams: import("vue").PropType<any>;
+    tableId: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:showSearch": (showSearch: boolean) => void;
+    "update:queryParams": (queryParams: any) => void;
+    getList: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    showSearch: {
+        required: true;
+        type: import("vue").PropType<boolean>;
+    };
+    queryParams: import("vue").PropType<any>;
+    tableId: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & {
+    "onUpdate:showSearch"?: ((showSearch: boolean) => any) | undefined;
+    "onUpdate:queryParams"?: ((queryParams: any) => any) | undefined;
+    onGetList?: (() => any) | undefined;
+}, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/src/composite/tablePro/tableToolbar/TableToolbar.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './TableToolbar.vue2.mjs';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var TableToolbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "TableToolbar.vue"]]);
+
+export { TableToolbar as default };
+//# sourceMappingURL=TableToolbar.vue.mjs.map

package/es/components/src/composite/tablePro/tableToolbar/TableToolbar.vue.mjs.map

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

package/es/components/src/composite/tablePro/tableToolbar/TableToolbar.vue2.mjs

@@ -0,0 +1,290 @@
+import { defineComponent, mergeModels, useModel, computed, ref, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot, createCommentVNode, createElementVNode, withModifiers, createTextVNode, Fragment, renderList, createBlock, toDisplayString, unref } from 'vue';
+import { v4 } from 'uuid';
+import { useCustomSettingsStore } from '../../../../../hooks/store/useCustomSettings/index.mjs';
+import { hasOwn } from '../../../../../utils/src/objects.mjs';
+import { remove } from '../../../../../utils/src/general.mjs';
+import { Delete, ArrowDown, Search, Refresh } from '@element-plus/icons-vue';
+import { tableToolbarProps, tableToolbarEmits } from './tableToolbar.mjs';
+
+const _hoisted_1 = { class: "gm-ml-auto" };
+const _hoisted_2 = {
+  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 customSettingType = "quickQueryList";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "GmTableToolbar"
+  },
+  __name: "TableToolbar",
+  props: /* @__PURE__ */ mergeModels(tableToolbarProps, {
+    "showSearch": { type: Boolean, ...{ required: true } },
+    "showSearchModifiers": {},
+    "queryParams": {},
+    "queryParamsModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(tableToolbarEmits, ["update:showSearch", "update:queryParams"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const showSearch = useModel(__props, "showSearch");
+    const queryParams = useModel(__props, "queryParams");
+    const customSettingsStore = useCustomSettingsStore();
+    const customSettingsValue = computed(() => customSettingsStore.customSettings[props.tableId]?.[customSettingType] || []);
+    const saveSearchVisible = ref(false);
+    const searchform = ref({
+      name: ""
+    });
+    const rules = {
+      name: [{ required: true, message: "\u67E5\u8BE2\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A", trigger: "blur" }]
+    };
+    const openSaveSearchDialog = () => {
+      saveSearchVisible.value = true;
+      searchform.value.name = "";
+    };
+    const applySettings = (item) => {
+      for (const key in item.value) {
+        if (hasOwn(item.value, key) && hasOwn(queryParams.value, key)) {
+          queryParams.value[key] = item.value[key];
+        }
+      }
+      emit("getList");
+    };
+    const submitLoading = ref(false);
+    const addSettings = () => {
+      const params = JSON.stringify([{ uuid: v4(), name: searchform.value.name, value: queryParams.value }, ...customSettingsValue.value]);
+      return submitSettings(params);
+    };
+    const deleteSettins = (item) => {
+      remove(customSettingsValue.value, item);
+      return submitSettings(JSON.stringify(customSettingsValue.value));
+    };
+    const syncLoading = ref(false);
+    const onSyncRemote = async () => {
+      try {
+        syncLoading.value = true;
+        await customSettingsStore.syncRemoteSetting({
+          key_word: props.tableId,
+          type: customSettingType
+        });
+        syncLoading.value = false;
+        GmMessage.success("\u540C\u6B65\u6210\u529F");
+      } catch (e) {
+        console.error(e);
+        syncLoading.value = false;
+      }
+    };
+    const submitSettings = async (value) => {
+      try {
+        submitLoading.value = true;
+        const { data } = await customSettingsStore.addCustomSettings({
+          key_word: props.tableId,
+          value,
+          type: customSettingType
+        });
+        submitLoading.value = false;
+        if (data.code !== 0) {
+          return;
+        }
+        GmMessage.success("\u64CD\u4F5C\u6210\u529F");
+        saveSearchVisible.value = false;
+      } catch (e) {
+        console.error(e);
+        submitLoading.value = false;
+      }
+    };
+    function toggleSearch() {
+      showSearch.value = !showSearch.value;
+    }
+    function refresh() {
+      emit("getList");
+    }
+    onMounted(async () => {
+      await customSettingsStore.getCustomSettings({ key_word: props.tableId, type: customSettingType }, { defaultValue: [] });
+    });
+    return (_ctx, _cache) => {
+      const _component_gm_button = resolveComponent("gm-button");
+      const _component_gm_icon = resolveComponent("gm-icon");
+      const _component_gm_dropdown_item = resolveComponent("gm-dropdown-item");
+      const _component_gm_dropdown_menu = resolveComponent("gm-dropdown-menu");
+      const _component_gm_dropdown = resolveComponent("gm-dropdown");
+      const _component_gm_tooltip = resolveComponent("gm-tooltip");
+      const _component_gm_row = resolveComponent("gm-row");
+      const _component_gm_form_item_module = resolveComponent("gm-form-item-module");
+      const _component_GmDialogForm = resolveComponent("GmDialogForm");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_gm_row, { gutter: 10 }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default"),
+            createCommentVNode(` <right-toolbar v-model:showSearch="showSearch" @queryTable="emits('getList')" /> `),
+            createElementVNode("div", _hoisted_1, [
+              createVNode(_component_gm_row, null, {
+                default: withCtx(() => [
+                  createVNode(_component_gm_button, {
+                    type: "",
+                    class: "gm-mr-2 gm-block",
+                    onClick: _cache[0] || (_cache[0] = withModifiers(($event) => openSaveSearchDialog(), ["stop"]))
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("\u4FDD\u5B58\u67E5\u8BE2")
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  createVNode(_component_gm_dropdown, {
+                    trigger: "click",
+                    class: "gm-mr-3 hover:gm-outline-none"
+                  }, {
+                    dropdown: withCtx(() => [
+                      createVNode(_component_gm_dropdown_menu, { class: "gm-min-w-[200px]" }, {
+                        default: withCtx(() => [
+                          customSettingsValue.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2, "\u6682\u65E0\u6570\u636E")) : createCommentVNode("v-if", true),
+                          (openBlock(true), createElementBlock(
+                            Fragment,
+                            null,
+                            renderList(customSettingsValue.value, (item) => {
+                              return openBlock(), createBlock(_component_gm_dropdown_item, {
+                                key: item.uuid,
+                                class: "gm-group gm-flex gm-justify-between",
+                                onClick: ($event) => applySettings(item)
+                              }, {
+                                default: withCtx(() => [
+                                  createElementVNode(
+                                    "span",
+                                    null,
+                                    toDisplayString(item.name),
+                                    1
+                                    /* TEXT */
+                                  ),
+                                  createVNode(_component_gm_icon, {
+                                    class: "gm-hidden hover:gm-text-red-500 group-hover:gm-block",
+                                    onClick: withModifiers(($event) => deleteSettins(item), ["stop"])
+                                  }, {
+                                    default: withCtx(() => [
+                                      createVNode(unref(Delete))
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  }, 1032, ["onClick"])
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["onClick"]);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          )),
+                          createElementVNode("div", _hoisted_3, [
+                            createCommentVNode(' <gm-button :loading="submitLoading" size="small" type="" @click="onClear">\u6E05\u7A7A</gm-button> '),
+                            createVNode(_component_gm_button, {
+                              loading: syncLoading.value,
+                              size: "small",
+                              type: "success",
+                              onClick: onSyncRemote
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode("\u540C\u6B65")
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            }, 8, ["loading"])
+                          ])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    default: withCtx(() => [
+                      createVNode(_component_gm_button, {
+                        plain: "",
+                        type: ""
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" \u5FEB\u6377\u67E5\u8BE2"),
+                          createVNode(_component_gm_icon, { class: "el-icon--right" }, {
+                            default: withCtx(() => [
+                              createVNode(unref(ArrowDown))
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  createVNode(_component_gm_tooltip, {
+                    class: "item",
+                    effect: "dark",
+                    content: showSearch.value ? "\u9690\u85CF\u641C\u7D22" : "\u663E\u793A\u641C\u7D22",
+                    placement: "top"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_gm_button, {
+                        circle: "",
+                        icon: unref(Search),
+                        onClick: _cache[1] || (_cache[1] = ($event) => toggleSearch())
+                      }, null, 8, ["icon"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["content"]),
+                  createVNode(_component_gm_tooltip, {
+                    class: "item",
+                    effect: "dark",
+                    content: "\u5237\u65B0",
+                    placement: "top"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_gm_button, {
+                        circle: "",
+                        icon: unref(Refresh),
+                        onClick: _cache[2] || (_cache[2] = ($event) => refresh())
+                      }, null, 8, ["icon"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_GmDialogForm, {
+                modelValue: saveSearchVisible.value,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => saveSearchVisible.value = $event),
+                formData: searchform.value,
+                loading: submitLoading.value,
+                rules,
+                title: "\u4FDD\u5B58\u5F53\u524D\u67E5\u8BE2",
+                labelWidth: "auto",
+                onSubmit: addSettings
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_gm_form_item_module, {
+                    modelValue: searchform.value.name,
+                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => searchform.value.name = $event),
+                    field: "name",
+                    label: "\u67E5\u8BE2\u540D\u79F0",
+                    type: "GmInput",
+                    props: { placeholder: "\u8BF7\u8F93\u5165", maxlength: "15", showWordLimit: true }
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["modelValue", "formData", "loading"])
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        })
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=TableToolbar.vue2.mjs.map