giime 0.0.20 → 0.0.22

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

@@ -5,14 +5,27 @@ export declare const GmTableColumnPro: import("../../../../../utils").SFCWithIns
             type: StringConstructor;
             required: true;
         };
+        isSort: {
+            type: BooleanConstructor;
+            default: false;
+        };
         isShow: {
             type: BooleanConstructor;
             default: true;
         };
+        fixed: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: false;
+        };
         type: {
             type: import("vue").PropType<"" | "edit">;
             default: "";
         };
+        sortOrders: {
+            default: () => readonly ["descending", "ascending", null];
+            type: import("vue").PropType<("ascending" | "descending" | null)[]>;
+            validator: (val: ("ascending" | "descending" | null)[]) => boolean;
+        };
         label: StringConstructor;
         className: StringConstructor;
         labelClassName: StringConstructor;
@@ -48,7 +61,6 @@ export declare const GmTableColumnPro: import("../../../../../utils").SFCWithIns
             type: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined>;
             default: undefined;
         };
-        fixed: (BooleanConstructor | StringConstructor)[];
         formatter: import("vue").PropType<(row: any, column: import("element-plus/es/components/table/src/table-column/defaults.js").TableColumnCtx<any>, cellValue: any, index: number) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>>;
@@ -64,24 +76,32 @@ export declare const GmTableColumnPro: import("../../../../../utils").SFCWithIns
         };
         filterClassName: StringConstructor;
         index: import("vue").PropType<number | ((index: number) => number)>;
-        sortOrders: {
-            type: import("vue").PropType<("ascending" | "descending" | null)[]>;
-            default: () => (string | null)[];
-            validator: (val: ("ascending" | "descending" | null)[]) => boolean;
-        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         prop: {
             type: StringConstructor;
             required: true;
         };
+        isSort: {
+            type: BooleanConstructor;
+            default: false;
+        };
         isShow: {
             type: BooleanConstructor;
             default: true;
         };
+        fixed: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: false;
+        };
         type: {
             type: import("vue").PropType<"" | "edit">;
             default: "";
         };
+        sortOrders: {
+            default: () => readonly ["descending", "ascending", null];
+            type: import("vue").PropType<("ascending" | "descending" | null)[]>;
+            validator: (val: ("ascending" | "descending" | null)[]) => boolean;
+        };
         label: StringConstructor;
         className: StringConstructor;
         labelClassName: StringConstructor;
@@ -117,7 +137,6 @@ export declare const GmTableColumnPro: import("../../../../../utils").SFCWithIns
             type: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined>;
             default: undefined;
         };
-        fixed: (BooleanConstructor | StringConstructor)[];
         formatter: import("vue").PropType<(row: any, column: import("element-plus/es/components/table/src/table-column/defaults.js").TableColumnCtx<any>, cellValue: any, index: number) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>>;
@@ -133,13 +152,9 @@ export declare const GmTableColumnPro: import("../../../../../utils").SFCWithIns
         };
         filterClassName: StringConstructor;
         index: import("vue").PropType<number | ((index: number) => number)>;
-        sortOrders: {
-            type: import("vue").PropType<("ascending" | "descending" | null)[]>;
-            default: () => (string | null)[];
-            validator: (val: ("ascending" | "descending" | null)[]) => boolean;
-        };
     }>>, {
         type: "" | "edit";
+        fixed: string | boolean;
         width: string | number;
         minWidth: string | number;
         showOverflowTooltip: boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined;
@@ -148,6 +163,7 @@ export declare const GmTableColumnPro: import("../../../../../utils").SFCWithIns
         reserveSelection: boolean;
         filterMultiple: boolean;
         sortOrders: ("ascending" | "descending" | null)[];
+        isSort: boolean;
         isShow: boolean;
     }, true, {}, {}, {
         P: {};
@@ -161,14 +177,27 @@ export declare const GmTableColumnPro: import("../../../../../utils").SFCWithIns
             type: StringConstructor;
             required: true;
         };
+        isSort: {
+            type: BooleanConstructor;
+            default: false;
+        };
         isShow: {
             type: BooleanConstructor;
             default: true;
         };
+        fixed: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: false;
+        };
         type: {
             type: import("vue").PropType<"" | "edit">;
             default: "";
         };
+        sortOrders: {
+            default: () => readonly ["descending", "ascending", null];
+            type: import("vue").PropType<("ascending" | "descending" | null)[]>;
+            validator: (val: ("ascending" | "descending" | null)[]) => boolean;
+        };
         label: StringConstructor;
         className: StringConstructor;
         labelClassName: StringConstructor;
@@ -204,7 +233,6 @@ export declare const GmTableColumnPro: import("../../../../../utils").SFCWithIns
             type: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined>;
             default: undefined;
         };
-        fixed: (BooleanConstructor | StringConstructor)[];
         formatter: import("vue").PropType<(row: any, column: import("element-plus/es/components/table/src/table-column/defaults.js").TableColumnCtx<any>, cellValue: any, index: number) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>>;
@@ -220,13 +248,9 @@ export declare const GmTableColumnPro: import("../../../../../utils").SFCWithIns
         };
         filterClassName: StringConstructor;
         index: import("vue").PropType<number | ((index: number) => number)>;
-        sortOrders: {
-            type: import("vue").PropType<("ascending" | "descending" | null)[]>;
-            default: () => (string | null)[];
-            validator: (val: ("ascending" | "descending" | null)[]) => boolean;
-        };
     }>>, {}, {}, {}, {}, {
         type: "" | "edit";
+        fixed: string | boolean;
         width: string | number;
         minWidth: string | number;
         showOverflowTooltip: boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined;
@@ -235,6 +259,7 @@ export declare const GmTableColumnPro: import("../../../../../utils").SFCWithIns
         reserveSelection: boolean;
         filterMultiple: boolean;
         sortOrders: ("ascending" | "descending" | null)[];
+        isSort: boolean;
         isShow: boolean;
     }>;
     __isFragment?: undefined;
@@ -245,14 +270,27 @@ export declare const GmTableColumnPro: import("../../../../../utils").SFCWithIns
         type: StringConstructor;
         required: true;
     };
+    isSort: {
+        type: BooleanConstructor;
+        default: false;
+    };
     isShow: {
         type: BooleanConstructor;
         default: true;
     };
+    fixed: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: false;
+    };
     type: {
         type: import("vue").PropType<"" | "edit">;
         default: "";
     };
+    sortOrders: {
+        default: () => readonly ["descending", "ascending", null];
+        type: import("vue").PropType<("ascending" | "descending" | null)[]>;
+        validator: (val: ("ascending" | "descending" | null)[]) => boolean;
+    };
     label: StringConstructor;
     className: StringConstructor;
     labelClassName: StringConstructor;
@@ -288,7 +326,6 @@ export declare const GmTableColumnPro: import("../../../../../utils").SFCWithIns
         type: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined>;
         default: undefined;
     };
-    fixed: (BooleanConstructor | StringConstructor)[];
     formatter: import("vue").PropType<(row: any, column: import("element-plus/es/components/table/src/table-column/defaults.js").TableColumnCtx<any>, cellValue: any, index: number) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>>;
@@ -304,13 +341,9 @@ export declare const GmTableColumnPro: import("../../../../../utils").SFCWithIns
     };
     filterClassName: StringConstructor;
     index: import("vue").PropType<number | ((index: number) => number)>;
-    sortOrders: {
-        type: import("vue").PropType<("ascending" | "descending" | null)[]>;
-        default: () => (string | null)[];
-        validator: (val: ("ascending" | "descending" | null)[]) => boolean;
-    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "" | "edit";
+    fixed: string | boolean;
     width: string | number;
     minWidth: string | number;
     showOverflowTooltip: boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined;
@@ -319,6 +352,7 @@ export declare const GmTableColumnPro: import("../../../../../utils").SFCWithIns
     reserveSelection: boolean;
     filterMultiple: boolean;
     sortOrders: ("ascending" | "descending" | null)[];
+    isSort: boolean;
     isShow: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

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

@@ -4,6 +4,13 @@ export declare const tableColumnProProps: {
         type: StringConstructor;
         required: true;
     };
+    /**
+     * 是否开启排序
+     */
+    isSort: {
+        type: BooleanConstructor;
+        default: false;
+    };
     /**
      * 是否显示
      */
@@ -11,6 +18,10 @@ export declare const tableColumnProProps: {
         type: BooleanConstructor;
         default: true;
     };
+    fixed: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: false;
+    };
     /**
      * 普通列 或 编辑列
      */
@@ -18,6 +29,11 @@ export declare const tableColumnProProps: {
         type: PropType<"" | "edit">;
         default: "";
     };
+    sortOrders: {
+        default: () => readonly ["descending", "ascending", null];
+        type: PropType<("ascending" | "descending" | null)[]>;
+        validator: (val: ("ascending" | "descending" | null)[]) => boolean;
+    };
     label: StringConstructor;
     className: StringConstructor;
     labelClassName: StringConstructor;
@@ -53,7 +69,6 @@ export declare const tableColumnProProps: {
         type: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined>;
         default: undefined;
     };
-    fixed: (BooleanConstructor | StringConstructor)[];
     formatter: PropType<(row: any, column: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<any>, cellValue: any, index: number) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>>;
@@ -69,11 +84,6 @@ export declare const tableColumnProProps: {
     };
     filterClassName: StringConstructor;
     index: PropType<number | ((index: number) => number)>;
-    sortOrders: {
-        type: PropType<("ascending" | "descending" | null)[]>;
-        default: () => (string | null)[];
-        validator: (val: ("ascending" | "descending" | null)[]) => boolean;
-    };
 };
 export type TableColumnProProps = ExtractPropTypes<typeof tableColumnProProps>;
 export declare const TableColumnProName = "GmTableColumnPro";

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

@@ -6,6 +6,13 @@ const tableColumnProProps = {
     type: String,
     required: true
   },
+  /**
+   * 是否开启排序
+   */
+  isSort: {
+    type: Boolean,
+    default: false
+  },
   /**
    * 是否显示
    */
@@ -13,12 +20,20 @@ const tableColumnProProps = {
     type: Boolean,
     default: true
   },
+  fixed: {
+    type: [String, Boolean],
+    default: false
+  },
   /**
    * 普通列 或 编辑列
    */
   type: {
     type: String,
     default: ""
+  },
+  sortOrders: {
+    ...tableColumnProps.sortOrders,
+    default: () => ["descending", "ascending", null]
   }
 };
 const TableColumnProName = "GmTableColumnPro";

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

@@ -1 +1 @@
-{"version":3,"file":"tableColumnPro.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableColumnPro/tableColumnPro.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 { tableColumnProps } from '@giime/components/src/base/tableColumn/tableColumn';\r\nimport type { ExtractPropTypes, PropType } from 'vue';\r\n\r\nexport const tableColumnProProps = {\r\n  ...tableColumnProps,\r\n  prop: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  /**\r\n   * 是否显示\r\n   */\r\n  isShow: {\r\n    type: Boolean,\r\n    default: true as const,\r\n  },\r\n  /**\r\n   * 普通列 或 编辑列\r\n   */\r\n  type: {\r\n    type: String as PropType<'' | 'edit'>,\r\n    default: '' as const,\r\n  },\r\n};\r\nexport type TableColumnProProps = ExtractPropTypes<typeof tableColumnProProps>;\r\nexport const TableColumnProName = 'GmTableColumnPro';\r\n"],"names":[],"mappings":";;AAMO,MAAM,mBAAsB,GAAA;AAAA,EACjC,GAAG,gBAAA;AAAA,EACH,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,kBAAqB,GAAA;;;;"}
+{"version":3,"file":"tableColumnPro.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableColumnPro/tableColumnPro.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 { tableColumnProps } from '@giime/components/src/base/tableColumn/tableColumn';\r\nimport type { ExtractPropTypes, PropType } from 'vue';\r\n\r\nexport const tableColumnProProps = {\r\n  ...tableColumnProps,\r\n  prop: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  /**\r\n   * 是否开启排序\r\n   */\r\n  isSort: {\r\n    type: Boolean,\r\n    default: false as const,\r\n  },\r\n  /**\r\n   * 是否显示\r\n   */\r\n  isShow: {\r\n    type: Boolean,\r\n    default: true as const,\r\n  },\r\n  fixed: {\r\n    type: [String, Boolean],\r\n    default: false as const,\r\n  },\r\n  /**\r\n   * 普通列 或 编辑列\r\n   */\r\n  type: {\r\n    type: String as PropType<'' | 'edit'>,\r\n    default: '' as const,\r\n  },\r\n  sortOrders: {\r\n    ...tableColumnProps.sortOrders,\r\n    default: () => ['descending', 'ascending', null] as const,\r\n  },\r\n};\r\nexport type TableColumnProProps = ExtractPropTypes<typeof tableColumnProProps>;\r\nexport const TableColumnProName = 'GmTableColumnPro';\r\n"],"names":[],"mappings":";;AAMO,MAAM,mBAAsB,GAAA;AAAA,EACjC,GAAG,gBAAA;AAAA,EACH,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAO,CAAA;AAAA,IACtB,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,GAAG,gBAAiB,CAAA,UAAA;AAAA,IACpB,OAAS,EAAA,MAAM,CAAC,YAAA,EAAc,aAAa,IAAI,CAAA;AAAA,GACjD;AACF,EAAA;AAEO,MAAM,kBAAqB,GAAA;;;;"}

package/es/components/src/composite/tablePro/tableHeaderForm/TableHeaderForm.vue2.mjs

@@ -1,8 +1,9 @@
-import { defineComponent, mergeModels, useModel, ref, computed, watch, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, unref, toDisplayString } from 'vue';
+import { defineComponent, mergeModels, useModel, ref, computed, watch, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, unref, toDisplayString, createElementBlock, normalizeClass, createCommentVNode } from 'vue';
 import { useCloned } from '@vueuse/core';
 import '../../../../../hooks/index.mjs';
 import { cloneDeep } from 'lodash-es';
-import { InfoFilled } from '@element-plus/icons-vue';
+import { isNil } from '../../../../../utils/src/is.mjs';
+import { InfoFilled, IceCreamRound } from '@element-plus/icons-vue';
 import { tableHeaderFormProps } from './tableHeaderForm.mjs';
 import { useCustomSettingsStore } from '../../../../../hooks/store/useCustomSettings/index.mjs';
 
@@ -10,7 +11,8 @@ const _hoisted_1 = { class: "drawer-alert gm-mb-4 gm-flex gm-items-center gm-jus
 const _hoisted_2 = { class: "gm-flex gm-items-center gm-py-3" };
 const _hoisted_3 = { class: "gm-ml-2" };
 const _hoisted_4 = { class: "gm-text-cyan-500" };
-const _hoisted_5 = { class: "gm-flex gm-justify-between" };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { class: "gm-flex gm-justify-between" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "GmTableHeaderForm"
@@ -52,6 +54,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         if (findItem) {
           it.isShow = findItem.isShow;
           it.width = findItem.width;
+          if (!isNil(findItem.fixed)) {
+            it.fixed = findItem.fixed;
+          }
         }
         return it;
       });
@@ -84,6 +89,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           return;
         }
         updateColumns();
+        GmMessage.success("\u4FDD\u5B58\u6210\u529F");
       } catch (e) {
         console.error(e);
         submitLoading.value = false;
@@ -97,6 +103,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           type: props.type
         });
         submitLoading.value = false;
+        GmMessage.success("\u540C\u6B65\u6210\u529F");
       } catch (e) {
         console.error(e);
         submitLoading.value = false;
@@ -105,6 +112,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const onReset = () => {
       clonedColPropsList.value = cloneDeep(props.colDefaultPropsList);
     };
+    const toggleFixedLeft = (row) => {
+      if (row.fixed === "left" || row.fixed === true || row.fixed === "") {
+        row.fixed = false;
+      } else {
+        row.fixed = "left";
+      }
+    };
+    const toggleFixedRight = (row) => {
+      if (row.fixed === "right") {
+        row.fixed = false;
+      } else {
+        row.fixed = "right";
+      }
+    };
     onMounted(() => {
       initColumns();
     });
@@ -117,6 +138,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_gm_checkbox = resolveComponent("gm-checkbox");
       const _component_gm_table_column = resolveComponent("gm-table-column");
       const _component_gm_input = resolveComponent("gm-input");
+      const _component_gm_tooltip = resolveComponent("gm-tooltip");
       const _component_gm_table = resolveComponent("gm-table");
       const _component_gm_button = resolveComponent("gm-button");
       const _component_gm_drawer = resolveComponent("gm-drawer");
@@ -130,7 +152,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "destroy-on-close": ""
       }, {
         footer: withCtx(() => [
-          createElementVNode("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_6, [
             createElementVNode("div", null, [
               createVNode(_component_gm_button, {
                 loading: submitLoading.value,
@@ -260,6 +282,68 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
                 /* STABLE */
+              }),
+              createVNode(_component_gm_table_column, { label: "\u56FA\u5B9A" }, {
+                default: withCtx(({ row }) => [
+                  row.type !== "edit" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                    createVNode(
+                      _component_gm_tooltip,
+                      {
+                        effect: "dark",
+                        content: "\u56FA\u5B9A\u5728\u5DE6\u4FA7",
+                        placement: "top"
+                      },
+                      {
+                        default: withCtx(() => [
+                          createVNode(_component_gm_icon, {
+                            class: normalizeClass(["gm-mr-2 gm-cursor-pointer", row.fixed === "" || row.fixed === true || row.fixed === "left" ? "gm-text-blue-500" : ""]),
+                            size: "20",
+                            onClick: ($event) => toggleFixedLeft(row)
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(unref(IceCreamRound))
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["class", "onClick"])
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      },
+                      1024
+                      /* DYNAMIC_SLOTS */
+                    ),
+                    createVNode(
+                      _component_gm_tooltip,
+                      {
+                        effect: "dark",
+                        content: "\u56FA\u5B9A\u5728\u53F3\u4FA7",
+                        placement: "top"
+                      },
+                      {
+                        default: withCtx(() => [
+                          createVNode(_component_gm_icon, {
+                            class: normalizeClass(["-gm-scale-x-100 gm-cursor-pointer", row.fixed === "right" ? "gm-text-blue-500" : ""]),
+                            size: "20",
+                            onClick: ($event) => toggleFixedRight(row)
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(unref(IceCreamRound))
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["class", "onClick"])
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      },
+                      1024
+                      /* DYNAMIC_SLOTS */
+                    )
+                  ])) : createCommentVNode("v-if", true)
+                ]),
+                _: 1
+                /* STABLE */
               })
             ]),
             _: 1

package/es/components/src/composite/tablePro/tableHeaderForm/TableHeaderForm.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderForm.vue2.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableHeaderForm/TableHeaderForm.vue"],"sourcesContent":["<template>\r\n  <gm-drawer v-model=\"isShowDrawer\" title=\"自定义表头\" direction=\"rtl\" size=\"600px\" append-to-body destroy-on-close>\r\n    <section\r\n      class=\"drawer-alert gm-mb-4 gm-flex gm-items-center gm-justify-between gm-rounded gm-border gm-border-cyan-300 gm-bg-cyan-50 gm-px-4 gm-text-sm gm-text-[#777]\"\r\n    >\r\n      <div class=\"gm-flex gm-items-center gm-py-3\">\r\n        <gm-icon><InfoFilled /></gm-icon>\r\n        <p class=\"gm-ml-2\">\r\n          已选中 <span class=\"gm-text-cyan-500\">{{ checkedNumber }}</span> 项\r\n        </p>\r\n      </div>\r\n    </section>\r\n    <gm-table :data=\"clonedColPropsList\" :header-cell-style=\"{ background: '#F5F7FA', color: '#333' }\" style=\"width: 100%\">\r\n      <gm-table-column align=\"left\" width=\"80\">\r\n        <template #header>\r\n          <gm-checkbox :model-value=\"checkedAll\" :indeterminate=\"isIndeterminate\" @change=\"handleCheckAllChange\" />\r\n        </template>\r\n        <template #default=\"{ row }: { row: TableColumnProProps }\">\r\n          <gm-checkbox v-model=\"row.isShow\" :disabled=\"row.type === 'edit'\" />\r\n        </template>\r\n      </gm-table-column>\r\n      <gm-table-column label=\"列名\" prop=\"label\">\r\n        <template #default=\"{ row }: { row: TableColumnProProps }\">\r\n          {{ row.type === 'edit' ? '操作' : row.label }}\r\n        </template>\r\n      </gm-table-column>\r\n      <gm-table-column label=\"列宽\">\r\n        <template #default=\"{ row }: { row: TableColumnProProps; $index: number }\">\r\n          <gm-input v-model=\"row.width\" class=\"gm-w-[120px]\" placeholder=\"设置宽度\" clearable />\r\n        </template>\r\n      </gm-table-column>\r\n    </gm-table>\r\n    <template #footer>\r\n      <div class=\"gm-flex gm-justify-between\">\r\n        <div>\r\n          <gm-button :loading=\"submitLoading\" type=\"primary\" size=\"default\" @click=\"onReset\">重置</gm-button>\r\n          <gm-button :loading=\"submitLoading\" type=\"success\" size=\"default\" @click=\"onSyncRemote\">同步</gm-button>\r\n        </div>\r\n        <div>\r\n          <gm-button :loading=\"submitLoading\" size=\"default\" @click=\"isShowDrawer = false\">取消</gm-button>\r\n          <gm-button :loading=\"submitLoading\" type=\"primary\" size=\"default\" @click=\"submitSettings\">保存</gm-button>\r\n        </div>\r\n      </div>\r\n    </template>\r\n  </gm-drawer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, onMounted, ref, watch } from 'vue';\r\nimport { useCloned } from '@vueuse/core';\r\nimport { useCustomSettingsStore } from '@giime/hooks';\r\nimport { cloneDeep } from 'lodash-es';\r\nimport { InfoFilled } from '@element-plus/icons-vue';\r\nimport { tableHeaderFormProps } from './tableHeaderForm';\r\nimport type { CheckboxValueType } from 'element-plus';\r\nimport type { TableColumnProProps } from '../tableColumnPro/tableColumnPro';\r\n\r\ndefineOptions({\r\n  name: 'GmTableHeaderForm',\r\n});\r\nconst props = defineProps(tableHeaderFormProps);\r\n\r\n/**抽屉显示 */\r\nconst isShowDrawer = defineModel<boolean>('isShowDrawer', {\r\n  required: true,\r\n});\r\n\r\n/**自定义按钮 props列表 */\r\nconst colPropsList = defineModel<TableColumnProProps[]>('colPropsList', {\r\n  required: true,\r\n});\r\nconst customSettingsStore = useCustomSettingsStore();\r\n\r\n/**\r\n * 数据是否初始化完成\r\n */\r\nconst isInited = ref(false);\r\n/**内部克隆一份，当点击保存时 应用修改的内容 */\r\nconst { cloned: clonedColPropsList } = useCloned(colPropsList);\r\nconst defaultPropsList = computed(() => cloneDeep(props.colDefaultPropsList));\r\n// 重新打开弹窗时， 克隆一份新数据\r\nwatch(isShowDrawer, newValue => {\r\n  if (newValue) {\r\n    clonedColPropsList.value = cloneDeep(colPropsList.value);\r\n  }\r\n});\r\nconst customSettingsValue = computed<TableColumnProProps[]>(() => customSettingsStore.customSettings[props.keyWord]?.[props.type] || []);\r\nconst { cloned: clonedStore } = useCloned(customSettingsValue);\r\n\r\n// 更新选中数据\r\nconst updateColumns = () => {\r\n  colPropsList.value = clonedColPropsList.value;\r\n};\r\n// 初始化数据\r\nconst initColumns = async () => {\r\n  await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });\r\n  clonedColPropsList.value = defaultPropsList.value.map(it => {\r\n    const findItem = clonedStore.value.find(v => v.prop === it.prop);\r\n    if (findItem) {\r\n      it.isShow = findItem.isShow;\r\n      it.width = findItem.width;\r\n      // it.type = findItem.type;\r\n    }\r\n    return it;\r\n  });\r\n\r\n  updateColumns();\r\n  isInited.value = true;\r\n};\r\n\r\n// 已选中条数\r\nconst checkedNumber = computed(() => {\r\n  return clonedColPropsList.value.filter(v => v.isShow).length;\r\n});\r\n// 全选\r\nconst checkedAll = computed(() => clonedColPropsList.value.filter(it => it.type !== 'edit').every(v => v.isShow));\r\n// 半选\r\nconst isIndeterminate = computed(() => !checkedAll.value && clonedColPropsList.value.filter(it => it.type !== 'edit').some(v => v.isShow));\r\n// 切换全选\r\nconst handleCheckAllChange = (val: CheckboxValueType) => {\r\n  clonedColPropsList.value.forEach(v => {\r\n    if (v.type !== 'edit') {\r\n      v.isShow = Boolean(val);\r\n    }\r\n  });\r\n};\r\nconst submitLoading = ref(false);\r\n// 保存\r\nconst submitSettings = async () => {\r\n  try {\r\n    submitLoading.value = true;\r\n    const { data } = await customSettingsStore.addCustomSettings({\r\n      key_word: props.keyWord,\r\n      value: JSON.stringify(clonedColPropsList.value),\r\n      type: props.type,\r\n    });\r\n    submitLoading.value = false;\r\n    if (data.code !== 0) {\r\n      return;\r\n    }\r\n    // isShowDrawer.value = false;\r\n    updateColumns();\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n/**同步远程设置 */\r\nconst onSyncRemote = async () => {\r\n  try {\r\n    submitLoading.value = true;\r\n    await customSettingsStore.syncRemoteSetting({\r\n      key_word: props.keyWord,\r\n      type: props.type,\r\n    });\r\n    submitLoading.value = false;\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n// 重置\r\nconst onReset = () => {\r\n  clonedColPropsList.value = cloneDeep(props.colDefaultPropsList);\r\n};\r\n\r\nonMounted(() => {\r\n  initColumns();\r\n});\r\ndefineExpose({\r\n  isInited,\r\n  submitSettings,\r\n});\r\n</script>\r\n"],"names":["_useModel"],"mappings":"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"}
+{"version":3,"file":"TableHeaderForm.vue2.mjs","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableHeaderForm/TableHeaderForm.vue"],"sourcesContent":["<template>\r\n  <gm-drawer v-model=\"isShowDrawer\" title=\"自定义表头\" direction=\"rtl\" size=\"600px\" append-to-body destroy-on-close>\r\n    <section\r\n      class=\"drawer-alert gm-mb-4 gm-flex gm-items-center gm-justify-between gm-rounded gm-border gm-border-cyan-300 gm-bg-cyan-50 gm-px-4 gm-text-sm gm-text-[#777]\"\r\n    >\r\n      <div class=\"gm-flex gm-items-center gm-py-3\">\r\n        <gm-icon><InfoFilled /></gm-icon>\r\n        <p class=\"gm-ml-2\">\r\n          已选中 <span class=\"gm-text-cyan-500\">{{ checkedNumber }}</span> 项\r\n        </p>\r\n      </div>\r\n    </section>\r\n    <gm-table :data=\"clonedColPropsList\" :header-cell-style=\"{ background: '#F5F7FA', color: '#333' }\" style=\"width: 100%\">\r\n      <gm-table-column align=\"left\" width=\"80\">\r\n        <template #header>\r\n          <gm-checkbox :model-value=\"checkedAll\" :indeterminate=\"isIndeterminate\" @change=\"handleCheckAllChange\" />\r\n        </template>\r\n        <template #default=\"{ row }: { row: TableColumnProProps }\">\r\n          <gm-checkbox v-model=\"row.isShow\" :disabled=\"row.type === 'edit'\" />\r\n        </template>\r\n      </gm-table-column>\r\n      <gm-table-column label=\"列名\" prop=\"label\">\r\n        <template #default=\"{ row }: { row: TableColumnProProps }\">\r\n          {{ row.type === 'edit' ? '操作' : row.label }}\r\n        </template>\r\n      </gm-table-column>\r\n      <gm-table-column label=\"列宽\">\r\n        <template #default=\"{ row }: { row: TableColumnProProps; $index: number }\">\r\n          <gm-input v-model=\"row.width\" class=\"gm-w-[120px]\" placeholder=\"设置宽度\" clearable />\r\n        </template>\r\n      </gm-table-column>\r\n      <gm-table-column label=\"固定\">\r\n        <template #default=\"{ row }: { row: TableColumnProProps; $index: number }\">\r\n          <div v-if=\"row.type !== 'edit'\">\r\n            <gm-tooltip effect=\"dark\" content=\"固定在左侧\" placement=\"top\">\r\n              <gm-icon\r\n                class=\"gm-mr-2 gm-cursor-pointer\"\r\n                :class=\"row.fixed === '' || row.fixed === true || row.fixed === 'left' ? 'gm-text-blue-500' : ''\"\r\n                size=\"20\"\r\n                @click=\"toggleFixedLeft(row)\"\r\n              >\r\n                <IceCreamRound />\r\n              </gm-icon>\r\n            </gm-tooltip>\r\n            <gm-tooltip effect=\"dark\" content=\"固定在右侧\" placement=\"top\">\r\n              <gm-icon\r\n                class=\"-gm-scale-x-100 gm-cursor-pointer\"\r\n                :class=\"row.fixed === 'right' ? 'gm-text-blue-500' : ''\"\r\n                size=\"20\"\r\n                @click=\"toggleFixedRight(row)\"\r\n              >\r\n                <IceCreamRound />\r\n              </gm-icon>\r\n            </gm-tooltip>\r\n          </div>\r\n        </template>\r\n      </gm-table-column>\r\n    </gm-table>\r\n    <template #footer>\r\n      <div class=\"gm-flex gm-justify-between\">\r\n        <div>\r\n          <gm-button :loading=\"submitLoading\" type=\"primary\" size=\"default\" @click=\"onReset\">重置</gm-button>\r\n          <gm-button :loading=\"submitLoading\" type=\"success\" size=\"default\" @click=\"onSyncRemote\">同步</gm-button>\r\n        </div>\r\n        <div>\r\n          <gm-button :loading=\"submitLoading\" size=\"default\" @click=\"isShowDrawer = false\">取消</gm-button>\r\n          <gm-button :loading=\"submitLoading\" type=\"primary\" size=\"default\" @click=\"submitSettings\">保存</gm-button>\r\n        </div>\r\n      </div>\r\n    </template>\r\n  </gm-drawer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, onMounted, ref, watch } from 'vue';\r\nimport { useCloned } from '@vueuse/core';\r\nimport { useCustomSettingsStore } from '@giime/hooks';\r\nimport { cloneDeep } from 'lodash-es';\r\nimport { isNil } from '@giime/utils/src/is';\r\nimport { IceCreamRound, InfoFilled } from '@element-plus/icons-vue';\r\nimport { tableHeaderFormProps } from './tableHeaderForm';\r\nimport type { CheckboxValueType } from 'element-plus';\r\nimport type { TableColumnProProps } from '../tableColumnPro/tableColumnPro';\r\n\r\ndefineOptions({\r\n  name: 'GmTableHeaderForm',\r\n});\r\nconst props = defineProps(tableHeaderFormProps);\r\n\r\n/**抽屉显示 */\r\nconst isShowDrawer = defineModel<boolean>('isShowDrawer', {\r\n  required: true,\r\n});\r\n\r\n/**自定义按钮 props列表 */\r\nconst colPropsList = defineModel<TableColumnProProps[]>('colPropsList', {\r\n  required: true,\r\n});\r\nconst customSettingsStore = useCustomSettingsStore();\r\n\r\n/**\r\n * 数据是否初始化完成\r\n */\r\nconst isInited = ref(false);\r\n/**内部克隆一份，当点击保存时 应用修改的内容 */\r\nconst { cloned: clonedColPropsList } = useCloned(colPropsList);\r\nconst defaultPropsList = computed(() => cloneDeep(props.colDefaultPropsList));\r\n// 重新打开弹窗时， 克隆一份新数据\r\nwatch(isShowDrawer, newValue => {\r\n  if (newValue) {\r\n    clonedColPropsList.value = cloneDeep(colPropsList.value);\r\n  }\r\n});\r\nconst customSettingsValue = computed<TableColumnProProps[]>(() => customSettingsStore.customSettings[props.keyWord]?.[props.type] || []);\r\nconst { cloned: clonedStore } = useCloned(customSettingsValue);\r\n\r\n// 更新选中数据\r\nconst updateColumns = () => {\r\n  colPropsList.value = clonedColPropsList.value;\r\n};\r\n// 初始化数据\r\nconst initColumns = async () => {\r\n  await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });\r\n  clonedColPropsList.value = defaultPropsList.value.map(it => {\r\n    const findItem = clonedStore.value.find(v => v.prop === it.prop);\r\n    if (findItem) {\r\n      it.isShow = findItem.isShow;\r\n      it.width = findItem.width;\r\n      if (!isNil(findItem.fixed)) {\r\n        it.fixed = findItem.fixed;\r\n      }\r\n      // it.type = findItem.type;\r\n    }\r\n    return it;\r\n  });\r\n\r\n  updateColumns();\r\n  isInited.value = true;\r\n};\r\n\r\n// 已选中条数\r\nconst checkedNumber = computed(() => {\r\n  return clonedColPropsList.value.filter(v => v.isShow).length;\r\n});\r\n// 全选\r\nconst checkedAll = computed(() => clonedColPropsList.value.filter(it => it.type !== 'edit').every(v => v.isShow));\r\n// 半选\r\nconst isIndeterminate = computed(() => !checkedAll.value && clonedColPropsList.value.filter(it => it.type !== 'edit').some(v => v.isShow));\r\n// 切换全选\r\nconst handleCheckAllChange = (val: CheckboxValueType) => {\r\n  clonedColPropsList.value.forEach(v => {\r\n    if (v.type !== 'edit') {\r\n      v.isShow = Boolean(val);\r\n    }\r\n  });\r\n};\r\nconst submitLoading = ref(false);\r\n// 保存\r\nconst submitSettings = async () => {\r\n  try {\r\n    submitLoading.value = true;\r\n    const { data } = await customSettingsStore.addCustomSettings({\r\n      key_word: props.keyWord,\r\n      value: JSON.stringify(clonedColPropsList.value),\r\n      type: props.type,\r\n    });\r\n    submitLoading.value = false;\r\n    if (data.code !== 0) {\r\n      return;\r\n    }\r\n    // isShowDrawer.value = false;\r\n    updateColumns();\r\n    GmMessage.success('保存成功');\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n/**同步远程设置 */\r\nconst onSyncRemote = async () => {\r\n  try {\r\n    submitLoading.value = true;\r\n    await customSettingsStore.syncRemoteSetting({\r\n      key_word: props.keyWord,\r\n      type: props.type,\r\n    });\r\n    submitLoading.value = false;\r\n    GmMessage.success('同步成功');\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n// 重置\r\nconst onReset = () => {\r\n  clonedColPropsList.value = cloneDeep(props.colDefaultPropsList);\r\n};\r\n// 点击固定到左侧\r\nconst toggleFixedLeft = (row: TableColumnProProps) => {\r\n  if (row.fixed === 'left' || row.fixed === true || row.fixed === '') {\r\n    row.fixed = false;\r\n  } else {\r\n    row.fixed = 'left';\r\n  }\r\n};\r\n// 点击固定到右侧\r\nconst toggleFixedRight = (row: TableColumnProProps) => {\r\n  if (row.fixed === 'right') {\r\n    row.fixed = false;\r\n  } else {\r\n    row.fixed = 'right';\r\n  }\r\n};\r\nonMounted(() => {\r\n  initColumns();\r\n});\r\ndefineExpose({\r\n  isInited,\r\n  submitSettings,\r\n});\r\n</script>\r\n"],"names":["_useModel"],"mappings":"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"}

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

@@ -0,0 +1,93 @@
+declare const _default: 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;
+}, {}>;
+export default _default;

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

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

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

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