giime 0.4.1 → 0.4.3

package/dist/index.css

@@ -778,30 +778,35 @@ video {
   margin: 0;
 }
 
-.gm-flex-center[data-v-2a79bac9] {
-  align-items: center;
+[data-v-a0a106bd] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
 }
 
-.gm-flex-justify-between[data-v-2a79bac9] {
-  justify-content: space-between;
+[data-v-a0a106bd] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
 }
-.gm-number-interval-single[data-v-47a13fd0] {
-  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
-  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
-  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
 }
-.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
-  box-shadow: none;
-  background: none;
+
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border:after {
+  height: 0;
 }
 
-.gm-number-interval-close[data-v-47a13fd0] {
-  display: none;
-  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border:before {
+  height: 0;
 }
 
-.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
-  display: flex;
+[data-v-a0a106bd] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
+.gm-flex-center[data-v-2a79bac9] {
+  align-items: center;
+}
+
+.gm-flex-justify-between[data-v-2a79bac9] {
+  justify-content: space-between;
 }
 .circular[data-v-b391445c] {
   animation: loading-rotate-b391445c 2s linear infinite;
@@ -838,28 +843,23 @@ video {
   margin-right: 0;
   margin-bottom: 4px;
 }
-[data-v-72a53f6c] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
-}
-
-[data-v-72a53f6c] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
-}
-
-[data-v-72a53f6c] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
+.gm-number-interval-single[data-v-47a13fd0] {
+  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
+  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
 }
-
-[data-v-72a53f6c] .gmTableNoBorder.el-table--border:after {
-  height: 0;
+.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
+  box-shadow: none;
+  background: none;
 }
 
-[data-v-72a53f6c] .gmTableNoBorder.el-table--border:before {
-  height: 0;
+.gm-number-interval-close[data-v-47a13fd0] {
+  display: none;
+  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
 }
 
-[data-v-72a53f6c] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
+.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
+  display: flex;
 }
 
 .pagination-container[data-v-19230954] {

package/es/components/src/base/datePicker/DatePicker.vue.d.ts

@@ -4,6 +4,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange">;
         default: "date";
     };
+    shortcuts: {
+        type: ArrayConstructor;
+    };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -19,7 +22,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    shortcuts: import("element-plus/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
     arrowControl: BooleanConstructor;
     tabindex: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
     validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -108,6 +110,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange">;
         default: "date";
     };
+    shortcuts: {
+        type: ArrayConstructor;
+    };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -123,7 +128,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    shortcuts: import("element-plus/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
     arrowControl: BooleanConstructor;
     tabindex: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
     validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -213,7 +217,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     placeholder: string;
     validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     tabindex: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
-    shortcuts: unknown[];
     arrowControl: boolean;
     unlinkPanels: boolean;
     editable: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/src/base/datePicker/DatePicker.vue2.mjs

@@ -1,8 +1,9 @@
-import { defineComponent, useSlots, ref, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, unref, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, useSlots, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, unref, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import '../../../../utils/index.mjs';
 import { datePickerProps, datePickerEmits, elDatePickerEmits } from './datePicker.mjs';
 import { getGmEvent } from '../../../../utils/src/elementPlus/event.mjs';
 import { getGmExports } from '../../../../utils/src/elementPlus/exports.mjs';
+import { getDateShortcuts } from '../../../../utils/src/date/dateShortcuts.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -19,40 +20,35 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const elRef = ref();
     const exposeEvents = ["focus", "handleOpen", "handleClose"];
     const { exposeFns } = getGmExports(elRef, exposeEvents);
+    const shortcutList = computed(() => Array.isArray(props.shortcuts) ? props.shortcuts : getDateShortcuts(props.type));
     __expose({
       elRef,
       ...exposeFns
     });
     return (_ctx, _cache) => {
       const _component_el_date_picker = resolveComponent("el-date-picker");
-      return openBlock(), createBlock(
-        _component_el_date_picker,
-        mergeProps({
-          ref_key: "elRef",
-          ref: elRef
-        }, props, toHandlers(unref(elEvents))),
-        createSlots({
-          _: 2
-          /* DYNAMIC */
-        }, [
-          unref(slots).default ? {
-            name: "default",
-            fn: withCtx((slotValue) => [
-              renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotValue)))
-            ]),
-            key: "0"
-          } : void 0,
-          unref(slots)["range-separator"] ? {
-            name: "range-separator",
-            fn: withCtx((slotValue) => [
-              renderSlot(_ctx.$slots, "range-separator", normalizeProps(guardReactiveProps(slotValue)))
-            ]),
-            key: "1"
-          } : void 0
-        ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      );
+      return openBlock(), createBlock(_component_el_date_picker, mergeProps({
+        ref_key: "elRef",
+        ref: elRef
+      }, props, { shortcuts: shortcutList.value }, toHandlers(unref(elEvents))), createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        unref(slots).default ? {
+          name: "default",
+          fn: withCtx((slotValue) => [
+            renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotValue)))
+          ]),
+          key: "0"
+        } : void 0,
+        unref(slots)["range-separator"] ? {
+          name: "range-separator",
+          fn: withCtx((slotValue) => [
+            renderSlot(_ctx.$slots, "range-separator", normalizeProps(guardReactiveProps(slotValue)))
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["shortcuts"]);
     };
   }
 });

package/es/components/src/base/datePicker/DatePicker.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.vue2.mjs","sources":["../../../../../../../packages/components/src/base/datePicker/DatePicker.vue"],"sourcesContent":["<template>\r\n  <el-date-picker ref=\"elRef\" v-bind=\"props\" v-on=\"elEvents\">\r\n    <template v-if=\"slots.default\" #default=\"slotValue\">\r\n      <slot v-bind=\"slotValue\" />\r\n    </template>\r\n    <template v-if=\"slots['range-separator']\" #range-separator=\"slotValue\">\r\n      <slot name=\"range-separator\" v-bind=\"slotValue\" />\r\n    </template>\r\n  </el-date-picker>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { ref, useSlots } from 'vue';\r\nimport { getGmEvent, getGmExports } from '@giime/utils';\r\nimport { datePickerEmits, datePickerProps, elDatePickerEmits } from './datePicker';\r\nimport type { DatePickerInstance } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmDatePicker',\r\n});\r\nconst slots = useSlots();\r\nconst props = defineProps(datePickerProps);\r\nconst emit = defineEmits(datePickerEmits);\r\n// 重发el的事件\r\nconst elEvents = getGmEvent(elDatePickerEmits, emit);\r\n\r\nconst elRef = ref<DatePickerInstance>();\r\nconst exposeEvents = ['focus', 'handleOpen', 'handleClose'] as const;\r\nconst { exposeFns } = getGmExports(elRef, exposeEvents);\r\ndefineExpose({\r\n  elRef,\r\n  ...exposeFns,\r\n});\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAmBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAW,UAAW,CAAA,iBAAA,EAAmB,IAAI,CAAA,CAAA;AAEnD,IAAA,MAAM,QAAQ,GAAwB,EAAA,CAAA;AACtC,IAAA,MAAM,YAAe,GAAA,CAAC,OAAS,EAAA,YAAA,EAAc,aAAa,CAAA,CAAA;AAC1D,IAAA,MAAM,EAAE,SAAA,EAAc,GAAA,YAAA,CAAa,OAAO,YAAY,CAAA,CAAA;AACtD,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,MACA,GAAG,SAAA;AAAA,KACJ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DatePicker.vue2.mjs","sources":["../../../../../../../packages/components/src/base/datePicker/DatePicker.vue"],"sourcesContent":["<template>\r\n  <el-date-picker ref=\"elRef\" v-bind=\"props\" :shortcuts=\"shortcutList\" v-on=\"elEvents\">\r\n    <template v-if=\"slots.default\" #default=\"slotValue\">\r\n      <slot v-bind=\"slotValue\" />\r\n    </template>\r\n    <template v-if=\"slots['range-separator']\" #range-separator=\"slotValue\">\r\n      <slot name=\"range-separator\" v-bind=\"slotValue\" />\r\n    </template>\r\n  </el-date-picker>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed, ref, useSlots } from 'vue';\r\nimport { getDateShortcuts, getGmEvent, getGmExports } from '@giime/utils';\r\nimport { datePickerEmits, datePickerProps, elDatePickerEmits } from './datePicker';\r\nimport type { DatePickerInstance } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmDatePicker',\r\n});\r\nconst slots = useSlots();\r\nconst props = defineProps(datePickerProps);\r\nconst emit = defineEmits(datePickerEmits);\r\n// 重发el的事件\r\nconst elEvents = getGmEvent(elDatePickerEmits, emit);\r\n\r\nconst elRef = ref<DatePickerInstance>();\r\nconst exposeEvents = ['focus', 'handleOpen', 'handleClose'] as const;\r\nconst { exposeFns } = getGmExports(elRef, exposeEvents);\r\nconst shortcutList = computed(() => (Array.isArray(props.shortcuts) ? props.shortcuts : getDateShortcuts(props.type)));\r\ndefineExpose({\r\n  elRef,\r\n  ...exposeFns,\r\n});\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAW,UAAW,CAAA,iBAAA,EAAmB,IAAI,CAAA,CAAA;AAEnD,IAAA,MAAM,QAAQ,GAAwB,EAAA,CAAA;AACtC,IAAA,MAAM,YAAe,GAAA,CAAC,OAAS,EAAA,YAAA,EAAc,aAAa,CAAA,CAAA;AAC1D,IAAA,MAAM,EAAE,SAAA,EAAc,GAAA,YAAA,CAAa,OAAO,YAAY,CAAA,CAAA;AACtD,IAAA,MAAM,YAAe,GAAA,QAAA,CAAS,MAAO,KAAA,CAAM,OAAQ,CAAA,KAAA,CAAM,SAAS,CAAA,GAAI,KAAM,CAAA,SAAA,GAAY,gBAAiB,CAAA,KAAA,CAAM,IAAI,CAAE,CAAA,CAAA;AACrH,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,MACA,GAAG,SAAA;AAAA,KACJ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/base/datePicker/datePicker.d.ts

@@ -7,6 +7,9 @@ export declare const datePickerProps: {
         type: PropType<"date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange">;
         default: "date";
     };
+    shortcuts: {
+        type: ArrayConstructor;
+    };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -22,7 +25,6 @@ export declare const datePickerProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    shortcuts: import("element-plus/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
     arrowControl: BooleanConstructor;
     tabindex: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
     validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;

package/es/components/src/base/datePicker/datePicker.mjs

@@ -5,6 +5,9 @@ const datePickerProps = {
   type: {
     type: String,
     default: "date"
+  },
+  shortcuts: {
+    type: Array
   }
 };
 const elDatePickerEmits = {

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

@@ -1 +1 @@
-{"version":3,"file":"datePicker.mjs","sources":["../../../../../../../packages/components/src/base/datePicker/datePicker.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { isString } from '@vue/shared';\r\nimport { datePickerProps as elDatePickerProps } from 'element-plus';\r\nimport type { DatePickType } from 'element-plus';\r\nimport type { ExtractPropTypes, PropType } from 'vue';\r\n// import type { ExtractPropTypes } from 'vue';\r\n\r\nexport type SingleOrRange<T> = T | [T, T];\r\nexport type DateModelType = number | string | Date;\r\nexport type ModelValueType = SingleOrRange<DateModelType>;\r\nexport const datePickerProps = {\r\n  ...elDatePickerProps,\r\n  type: {\r\n    type: String as PropType<DatePickType>,\r\n    default: 'date' as const,\r\n  },\r\n};\r\n\r\n// export const elDatePickerEmits = {\r\n//   'update:modelValue': (value: ModelValueType) => !!value,\r\n//   change: (value: ModelValueType) => !!value,\r\n//   focus: (evt: FocusEvent) => evt instanceof FocusEvent,\r\n//   blur: (evt: FocusEvent) => evt instanceof FocusEvent,\r\n//   'calendar-change': (val: [Date, null | Date]) => !!val,\r\n//   'panel-change': (date: Date | [Date, Date], mode: 'month' | 'year', view?: string) =>\r\n//     date instanceof Date && (mode === 'month' || mode === 'year') && (view === undefined || isString(view)),\r\n//   'visible-change': (visibility: boolean) => typeof visibility === 'boolean',\r\n// };\r\nexport const elDatePickerEmits = {\r\n  'update:modelValue': (...args: any[]) => args,\r\n  change: (...args: any[]) => args,\r\n  focus: (...args: any[]) => args,\r\n  blur: (...args: any[]) => args,\r\n  'calendar-change': (...args: any[]) => args,\r\n  'panel-change': (...args: any[]) => args,\r\n  'visible-change': (...args: any[]) => args,\r\n};\r\nexport const datePickerEmits = {\r\n  ...elDatePickerEmits,\r\n};\r\n\r\nexport type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;\r\n"],"names":["elDatePickerProps"],"mappings":";;AAUO,MAAM,eAAkB,GAAA;AAAA,EAC7B,GAAGA,iBAAA;AAAA,EACH,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AACF,EAAA;AAYO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,mBAAA,EAAqB,IAAI,IAAgB,KAAA,IAAA;AAAA,EACzC,MAAA,EAAQ,IAAI,IAAgB,KAAA,IAAA;AAAA,EAC5B,KAAA,EAAO,IAAI,IAAgB,KAAA,IAAA;AAAA,EAC3B,IAAA,EAAM,IAAI,IAAgB,KAAA,IAAA;AAAA,EAC1B,iBAAA,EAAmB,IAAI,IAAgB,KAAA,IAAA;AAAA,EACvC,cAAA,EAAgB,IAAI,IAAgB,KAAA,IAAA;AAAA,EACpC,gBAAA,EAAkB,IAAI,IAAgB,KAAA,IAAA;AACxC,EAAA;AACO,MAAM,eAAkB,GAAA;AAAA,EAC7B,GAAG,iBAAA;AACL;;;;"}
+{"version":3,"file":"datePicker.mjs","sources":["../../../../../../../packages/components/src/base/datePicker/datePicker.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { isString } from '@vue/shared';\r\nimport { datePickerProps as elDatePickerProps } from 'element-plus';\r\nimport type { DatePickType } from 'element-plus';\r\nimport type { ExtractPropTypes, PropType } from 'vue';\r\n// import type { ExtractPropTypes } from 'vue';\r\n\r\nexport type SingleOrRange<T> = T | [T, T];\r\nexport type DateModelType = number | string | Date;\r\nexport type ModelValueType = SingleOrRange<DateModelType>;\r\nexport const datePickerProps = {\r\n  ...elDatePickerProps,\r\n  type: {\r\n    type: String as PropType<DatePickType>,\r\n    default: 'date' as const,\r\n  },\r\n  shortcuts: {\r\n    type: Array,\r\n  },\r\n};\r\n\r\n// export const elDatePickerEmits = {\r\n//   'update:modelValue': (value: ModelValueType) => !!value,\r\n//   change: (value: ModelValueType) => !!value,\r\n//   focus: (evt: FocusEvent) => evt instanceof FocusEvent,\r\n//   blur: (evt: FocusEvent) => evt instanceof FocusEvent,\r\n//   'calendar-change': (val: [Date, null | Date]) => !!val,\r\n//   'panel-change': (date: Date | [Date, Date], mode: 'month' | 'year', view?: string) =>\r\n//     date instanceof Date && (mode === 'month' || mode === 'year') && (view === undefined || isString(view)),\r\n//   'visible-change': (visibility: boolean) => typeof visibility === 'boolean',\r\n// };\r\nexport const elDatePickerEmits = {\r\n  'update:modelValue': (...args: any[]) => args,\r\n  change: (...args: any[]) => args,\r\n  focus: (...args: any[]) => args,\r\n  blur: (...args: any[]) => args,\r\n  'calendar-change': (...args: any[]) => args,\r\n  'panel-change': (...args: any[]) => args,\r\n  'visible-change': (...args: any[]) => args,\r\n};\r\nexport const datePickerEmits = {\r\n  ...elDatePickerEmits,\r\n};\r\n\r\nexport type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;\r\n"],"names":["elDatePickerProps"],"mappings":";;AAUO,MAAM,eAAkB,GAAA;AAAA,EAC7B,GAAGA,iBAAA;AAAA,EACH,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,KAAA;AAAA,GACR;AACF,EAAA;AAYO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,mBAAA,EAAqB,IAAI,IAAgB,KAAA,IAAA;AAAA,EACzC,MAAA,EAAQ,IAAI,IAAgB,KAAA,IAAA;AAAA,EAC5B,KAAA,EAAO,IAAI,IAAgB,KAAA,IAAA;AAAA,EAC3B,IAAA,EAAM,IAAI,IAAgB,KAAA,IAAA;AAAA,EAC1B,iBAAA,EAAmB,IAAI,IAAgB,KAAA,IAAA;AAAA,EACvC,cAAA,EAAgB,IAAI,IAAgB,KAAA,IAAA;AAAA,EACpC,gBAAA,EAAkB,IAAI,IAAgB,KAAA,IAAA;AACxC,EAAA;AACO,MAAM,eAAkB,GAAA;AAAA,EAC7B,GAAG,iBAAA;AACL;;;;"}

package/es/components/src/base/datePicker/index.d.ts

@@ -5,6 +5,9 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
             type: import("vue").PropType<"date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange">;
             default: "date";
         };
+        shortcuts: {
+            type: ArrayConstructor;
+        };
         ariaLabel: StringConstructor;
         emptyValues: ArrayConstructor;
         valueOnClear: import("element-plus/es/utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -20,7 +23,6 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        shortcuts: import("element-plus/es/utils/index.js").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
         arrowControl: BooleanConstructor;
         tabindex: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
         validateEvent: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -117,6 +119,9 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
             type: import("vue").PropType<"date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange">;
             default: "date";
         };
+        shortcuts: {
+            type: ArrayConstructor;
+        };
         ariaLabel: StringConstructor;
         emptyValues: ArrayConstructor;
         valueOnClear: import("element-plus/es/utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -132,7 +137,6 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        shortcuts: import("element-plus/es/utils/index.js").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
         arrowControl: BooleanConstructor;
         tabindex: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
         validateEvent: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -222,7 +226,6 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
         placeholder: string;
         validateEvent: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         tabindex: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
-        shortcuts: unknown[];
         arrowControl: boolean;
         unlinkPanels: boolean;
         editable: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -243,6 +246,9 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
             type: import("vue").PropType<"date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange">;
             default: "date";
         };
+        shortcuts: {
+            type: ArrayConstructor;
+        };
         ariaLabel: StringConstructor;
         emptyValues: ArrayConstructor;
         valueOnClear: import("element-plus/es/utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -258,7 +264,6 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        shortcuts: import("element-plus/es/utils/index.js").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
         arrowControl: BooleanConstructor;
         tabindex: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
         validateEvent: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -353,7 +358,6 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
         placeholder: string;
         validateEvent: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         tabindex: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
-        shortcuts: unknown[];
         arrowControl: boolean;
         unlinkPanels: boolean;
         editable: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -371,6 +375,9 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
         type: import("vue").PropType<"date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange">;
         default: "date";
     };
+    shortcuts: {
+        type: ArrayConstructor;
+    };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -386,7 +393,6 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    shortcuts: import("element-plus/es/utils/index.js").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
     arrowControl: BooleanConstructor;
     tabindex: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
     validateEvent: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -489,7 +495,6 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
     placeholder: string;
     validateEvent: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     tabindex: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
-    shortcuts: unknown[];
     arrowControl: boolean;
     unlinkPanels: boolean;
     editable: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/src/composite/operateButton/operateButtonForm/OperateButtonForm.vue.d.ts

@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<OperateButtonProps[]>;
         default: () => never[];
     };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     isInited: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -46,10 +50,15 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<OperateButtonProps[]>;
         default: () => never[];
     };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:isShowDrawer"?: ((isShowDrawer: boolean) => any) | undefined;
     "onUpdate:customBtnPropsList"?: ((customBtnPropsList: OperateButtonProps[]) => any) | undefined;
 }, {
+    disabledRemoteBtn: boolean;
     customDefaultPropsList: OperateButtonProps[];
 }, {}>;
 export default _default;

package/es/components/src/composite/operateButton/operateButtonForm/OperateButtonForm.vue2.mjs

@@ -131,7 +131,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     onMounted(() => {
-      initOperate();
+      if (props.disabledRemoteBtn) {
+        isInited.value = true;
+      } else {
+        initOperate();
+      }
     });
     __expose({
       isInited

package/es/components/src/composite/operateButton/operateButtonForm/OperateButtonForm.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OperateButtonForm.vue2.mjs","sources":["../../../../../../../../packages/components/src/composite/operateButton/operateButtonForm/OperateButtonForm.vue"],"sourcesContent":["<template>\r\n  <gm-drawer v-model=\"isShowDrawer\" title=\"自定义按钮\" direction=\"rtl\" size=\"500px\" 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-leading-[40px] gm-text-[#777]\"\r\n    >\r\n      <div class=\"gm-flex gm-items-center\">\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        <b class=\"gm-ml-3 gm-text-orange-400\">点击按钮可修改当前按钮颜色！</b>\r\n      </div>\r\n    </section>\r\n    <gm-table :data=\"clonedCustomBtnList\" :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: OperateButtonProps }\">\r\n          <gm-checkbox v-model=\"row.isShow\" />\r\n        </template>\r\n      </gm-table-column>\r\n      <gm-table-column label=\"按钮\">\r\n        <template #default=\"{ row, $index }: { row: OperateButtonProps; $index: number }\">\r\n          <gm-popover v-model:visible=\"popoverVisibles[$index]\" placement=\"bottom\" :width=\"330\" trigger=\"click\">\r\n            <template #reference>\r\n              <gm-button :type=\"row.type || 'primary'\" link size=\"small\">\r\n                {{ row.label }}\r\n              </gm-button>\r\n            </template>\r\n            <div class=\"p-1\">\r\n              <div class=\"text-[14px] gm-mb-2\">点击下列色块可修改按钮颜色</div>\r\n              <gm-button type=\"primary\" size=\"small\" @click=\"setBtnType(row, $index, 'primary')\"> 蓝色 </gm-button>\r\n              <gm-button type=\"success\" size=\"small\" @click=\"setBtnType(row, $index, 'success')\"> 绿色 </gm-button>\r\n              <gm-button type=\"info\" size=\"small\" @click=\"setBtnType(row, $index, 'info')\"> 灰色 </gm-button>\r\n              <gm-button type=\"warning\" size=\"small\" @click=\"setBtnType(row, $index, 'warning')\"> 橙色 </gm-button>\r\n              <gm-button type=\"danger\" size=\"small\" @click=\"setBtnType(row, $index, 'danger')\"> 红色 </gm-button>\r\n            </div>\r\n          </gm-popover>\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=\"onSubmit\">保存</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 { useCustomSettingsStore } from '@giime/hooks';\r\nimport { cloneDeep } from 'lodash-es';\r\nimport { useCloned } from '@vueuse/core';\r\nimport { type CheckboxValueType } from 'element-plus';\r\nimport { InfoFilled } from '@element-plus/icons-vue';\r\nimport { operateButtonFormProps } from './operateButtonForm';\r\nimport type { OperateButtonProps } from '../operateButton';\r\n\r\ndefineOptions({\r\n  name: 'GmOperateButtonForm',\r\n});\r\n/**\r\n * 抽屉显示\r\n */\r\nconst isShowDrawer = defineModel<boolean>('isShowDrawer', {\r\n  required: true,\r\n});\r\n/**\r\n * 自定义按钮 props列表\r\n */\r\nconst customBtnPropsList = defineModel<OperateButtonProps[]>('customBtnPropsList', {\r\n  required: true,\r\n});\r\n\r\nconst props = defineProps(operateButtonFormProps);\r\nconst customSettingsStore = useCustomSettingsStore();\r\n\r\n/**\r\n * 数据是否初始化完成\r\n */\r\nconst isInited = ref(false);\r\n/**内部克隆一份，当点击保存时 应用修改的内容 */\r\nconst { cloned: clonedCustomBtnList } = useCloned(customBtnPropsList);\r\n\r\nconst defaultPropsList = computed(() => cloneDeep(props.customDefaultPropsList));\r\n// 按钮弹出框显示隐藏\r\nconst popoverVisibles = ref<boolean[]>(defaultPropsList.value.map(() => false));\r\n//  根据props列表  初始化popo显示隐藏\r\nwatch(defaultPropsList, () => {\r\n  popoverVisibles.value = defaultPropsList.value.map(() => false);\r\n});\r\n\r\n// 重新打开弹窗时， 克隆一份新数据\r\nwatch(isShowDrawer, newValue => {\r\n  if (newValue) {\r\n    clonedCustomBtnList.value = cloneDeep(customBtnPropsList.value);\r\n  }\r\n});\r\n\r\nconst customSettingsValue = computed<OperateButtonProps[]>(() => customSettingsStore.customSettings[props.keyWord]?.[props.type] || []);\r\nconst { cloned: clonedStore } = useCloned(customSettingsValue);\r\n\r\nconst updateOperate = () => {\r\n  customBtnPropsList.value = clonedCustomBtnList.value;\r\n};\r\n\r\nconst initOperate = async () => {\r\n  try {\r\n    await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });\r\n  } catch {}\r\n  clonedCustomBtnList.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.type = findItem.type;\r\n    }\r\n    return it;\r\n  });\r\n\r\n  updateOperate();\r\n  isInited.value = true;\r\n};\r\n\r\n// 已选中条数\r\nconst checkedNumber = computed(() => {\r\n  return clonedCustomBtnList.value.filter(v => v.isShow).length;\r\n});\r\n// 全选\r\nconst checkedAll = computed(() => clonedCustomBtnList.value.every(v => v.isShow));\r\n// 半选\r\nconst isIndeterminate = computed(() => !checkedAll.value && clonedCustomBtnList.value.some(v => v.isShow));\r\n// 切换全选\r\nconst handleCheckAllChange = (val: CheckboxValueType) => {\r\n  clonedCustomBtnList.value.forEach(v => {\r\n    v.isShow = Boolean(val);\r\n  });\r\n};\r\n\r\n// 设置按钮颜色\r\nconst setBtnType = (item: OperateButtonProps, index: number, type: OperateButtonProps['type']) => {\r\n  item.type = type;\r\n  popoverVisibles.value[index] = false;\r\n};\r\n\r\nconst submitLoading = ref(false);\r\n// 保存\r\nconst onSubmit = 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(clonedCustomBtnList.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    updateOperate();\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n\r\n// 重置\r\nconst onReset = () => {\r\n  clonedCustomBtnList.value = cloneDeep(props.customDefaultPropsList);\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\nonMounted(() => {\r\n  initOperate();\r\n});\r\ndefineExpose({\r\n  isInited,\r\n});\r\n</script>\r\n"],"names":["_useModel"],"mappings":"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"}
+{"version":3,"file":"OperateButtonForm.vue2.mjs","sources":["../../../../../../../../packages/components/src/composite/operateButton/operateButtonForm/OperateButtonForm.vue"],"sourcesContent":["<template>\r\n  <gm-drawer v-model=\"isShowDrawer\" title=\"自定义按钮\" direction=\"rtl\" size=\"500px\" 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-leading-[40px] gm-text-[#777]\"\r\n    >\r\n      <div class=\"gm-flex gm-items-center\">\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        <b class=\"gm-ml-3 gm-text-orange-400\">点击按钮可修改当前按钮颜色！</b>\r\n      </div>\r\n    </section>\r\n    <gm-table :data=\"clonedCustomBtnList\" :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: OperateButtonProps }\">\r\n          <gm-checkbox v-model=\"row.isShow\" />\r\n        </template>\r\n      </gm-table-column>\r\n      <gm-table-column label=\"按钮\">\r\n        <template #default=\"{ row, $index }: { row: OperateButtonProps; $index: number }\">\r\n          <gm-popover v-model:visible=\"popoverVisibles[$index]\" placement=\"bottom\" :width=\"330\" trigger=\"click\">\r\n            <template #reference>\r\n              <gm-button :type=\"row.type || 'primary'\" link size=\"small\">\r\n                {{ row.label }}\r\n              </gm-button>\r\n            </template>\r\n            <div class=\"p-1\">\r\n              <div class=\"text-[14px] gm-mb-2\">点击下列色块可修改按钮颜色</div>\r\n              <gm-button type=\"primary\" size=\"small\" @click=\"setBtnType(row, $index, 'primary')\"> 蓝色 </gm-button>\r\n              <gm-button type=\"success\" size=\"small\" @click=\"setBtnType(row, $index, 'success')\"> 绿色 </gm-button>\r\n              <gm-button type=\"info\" size=\"small\" @click=\"setBtnType(row, $index, 'info')\"> 灰色 </gm-button>\r\n              <gm-button type=\"warning\" size=\"small\" @click=\"setBtnType(row, $index, 'warning')\"> 橙色 </gm-button>\r\n              <gm-button type=\"danger\" size=\"small\" @click=\"setBtnType(row, $index, 'danger')\"> 红色 </gm-button>\r\n            </div>\r\n          </gm-popover>\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=\"onSubmit\">保存</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 { useCustomSettingsStore } from '@giime/hooks';\r\nimport { cloneDeep } from 'lodash-es';\r\nimport { useCloned } from '@vueuse/core';\r\nimport { type CheckboxValueType } from 'element-plus';\r\nimport { InfoFilled } from '@element-plus/icons-vue';\r\nimport { operateButtonFormProps } from './operateButtonForm';\r\nimport type { OperateButtonProps } from '../operateButton';\r\n\r\ndefineOptions({\r\n  name: 'GmOperateButtonForm',\r\n});\r\n/**\r\n * 抽屉显示\r\n */\r\nconst isShowDrawer = defineModel<boolean>('isShowDrawer', {\r\n  required: true,\r\n});\r\n/**\r\n * 自定义按钮 props列表\r\n */\r\nconst customBtnPropsList = defineModel<OperateButtonProps[]>('customBtnPropsList', {\r\n  required: true,\r\n});\r\n\r\nconst props = defineProps(operateButtonFormProps);\r\nconst customSettingsStore = useCustomSettingsStore();\r\n\r\n/**\r\n * 数据是否初始化完成\r\n */\r\nconst isInited = ref(false);\r\n/**内部克隆一份，当点击保存时 应用修改的内容 */\r\nconst { cloned: clonedCustomBtnList } = useCloned(customBtnPropsList);\r\n\r\nconst defaultPropsList = computed(() => cloneDeep(props.customDefaultPropsList));\r\n// 按钮弹出框显示隐藏\r\nconst popoverVisibles = ref<boolean[]>(defaultPropsList.value.map(() => false));\r\n//  根据props列表  初始化popo显示隐藏\r\nwatch(defaultPropsList, () => {\r\n  popoverVisibles.value = defaultPropsList.value.map(() => false);\r\n});\r\n\r\n// 重新打开弹窗时， 克隆一份新数据\r\nwatch(isShowDrawer, newValue => {\r\n  if (newValue) {\r\n    clonedCustomBtnList.value = cloneDeep(customBtnPropsList.value);\r\n  }\r\n});\r\n\r\nconst customSettingsValue = computed<OperateButtonProps[]>(() => customSettingsStore.customSettings[props.keyWord]?.[props.type] || []);\r\nconst { cloned: clonedStore } = useCloned(customSettingsValue);\r\n\r\nconst updateOperate = () => {\r\n  customBtnPropsList.value = clonedCustomBtnList.value;\r\n};\r\n\r\nconst initOperate = async () => {\r\n  try {\r\n    await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });\r\n  } catch {}\r\n  clonedCustomBtnList.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.type = findItem.type;\r\n    }\r\n    return it;\r\n  });\r\n\r\n  updateOperate();\r\n  isInited.value = true;\r\n};\r\n\r\n// 已选中条数\r\nconst checkedNumber = computed(() => {\r\n  return clonedCustomBtnList.value.filter(v => v.isShow).length;\r\n});\r\n// 全选\r\nconst checkedAll = computed(() => clonedCustomBtnList.value.every(v => v.isShow));\r\n// 半选\r\nconst isIndeterminate = computed(() => !checkedAll.value && clonedCustomBtnList.value.some(v => v.isShow));\r\n// 切换全选\r\nconst handleCheckAllChange = (val: CheckboxValueType) => {\r\n  clonedCustomBtnList.value.forEach(v => {\r\n    v.isShow = Boolean(val);\r\n  });\r\n};\r\n\r\n// 设置按钮颜色\r\nconst setBtnType = (item: OperateButtonProps, index: number, type: OperateButtonProps['type']) => {\r\n  item.type = type;\r\n  popoverVisibles.value[index] = false;\r\n};\r\n\r\nconst submitLoading = ref(false);\r\n// 保存\r\nconst onSubmit = 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(clonedCustomBtnList.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    updateOperate();\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n\r\n// 重置\r\nconst onReset = () => {\r\n  clonedCustomBtnList.value = cloneDeep(props.customDefaultPropsList);\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\nonMounted(() => {\r\n  if (props.disabledRemoteBtn) {\r\n    isInited.value = true;\r\n  } else {\r\n    initOperate();\r\n  }\r\n});\r\ndefineExpose({\r\n  isInited,\r\n});\r\n</script>\r\n"],"names":["_useModel"],"mappings":"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"}

package/es/components/src/composite/operateButton/operateButtonForm/index.d.ts

@@ -20,6 +20,10 @@ export declare const GmOperateButtonForm: import("../../../../../utils").SFCWith
         type: import("vue").PropType<import("../operateButton.js").OperateButtonProps[]>;
         default: () => never[];
     };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     isInited: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -46,10 +50,15 @@ export declare const GmOperateButtonForm: import("../../../../../utils").SFCWith
         type: import("vue").PropType<import("../operateButton.js").OperateButtonProps[]>;
         default: () => never[];
     };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:isShowDrawer"?: ((isShowDrawer: boolean) => any) | undefined;
     "onUpdate:customBtnPropsList"?: ((customBtnPropsList: import("../operateButton.js").OperateButtonProps[]) => any) | undefined;
 }, {
+    disabledRemoteBtn: boolean;
     customDefaultPropsList: import("../operateButton.js").OperateButtonProps[];
 }, {}>> & Record<string, any>;
 export type OperateButtonFormInstance = InstanceType<typeof OperateButtonForm>;

package/es/components/src/composite/operateButton/operateButtonForm/operateButtonForm.d.ts

@@ -19,4 +19,8 @@ export declare const operateButtonFormProps: {
         type: PropType<OperateButtonProps[]>;
         default: () => never[];
     };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };

package/es/components/src/composite/operateButton/operateButtonForm/operateButtonForm.mjs

@@ -16,6 +16,11 @@ const operateButtonFormProps = {
   customDefaultPropsList: {
     type: Array,
     default: () => []
+  },
+  // 是否禁用 远程操作按钮的配置
+  disabledRemoteBtn: {
+    type: Boolean,
+    default: false
   }
 };
 

package/es/components/src/composite/operateButton/operateButtonForm/operateButtonForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"operateButtonForm.mjs","sources":["../../../../../../../../packages/components/src/composite/operateButton/operateButtonForm/operateButtonForm.ts"],"sourcesContent":["import type { OperateButtonProps } from '../operateButton';\r\nimport type { PropType } from 'vue';\r\n\r\nexport const operateButtonFormProps = {\r\n  /**\r\n   * 每个列表的唯一key\r\n   */\r\n  keyWord: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  /**\r\n   * 自定义值 类型\r\n   */\r\n  type: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  customDefaultPropsList: {\r\n    type: Array as PropType<OperateButtonProps[]>,\r\n    default: () => [],\r\n  },\r\n};\r\n"],"names":[],"mappings":"AAGO,MAAM,sBAAyB,GAAA;AAAA;AAAA;AAAA;AAAA,EAIpC,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,sBAAwB,EAAA;AAAA,IACtB,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF;;;;"}
+{"version":3,"file":"operateButtonForm.mjs","sources":["../../../../../../../../packages/components/src/composite/operateButton/operateButtonForm/operateButtonForm.ts"],"sourcesContent":["import type { OperateButtonProps } from '../operateButton';\r\nimport type { PropType } from 'vue';\r\n\r\nexport const operateButtonFormProps = {\r\n  /**\r\n   * 每个列表的唯一key\r\n   */\r\n  keyWord: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  /**\r\n   * 自定义值 类型\r\n   */\r\n  type: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  customDefaultPropsList: {\r\n    type: Array as PropType<OperateButtonProps[]>,\r\n    default: () => [],\r\n  },\r\n  // 是否禁用 远程操作按钮的配置\r\n  disabledRemoteBtn: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n};\r\n"],"names":[],"mappings":"AAGO,MAAM,sBAAyB,GAAA;AAAA;AAAA;AAAA;AAAA,EAIpC,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,sBAAwB,EAAA;AAAA,IACtB,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA,EAEA,iBAAmB,EAAA;AAAA,IACjB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF;;;;"}

package/es/components/src/composite/searchForm/searchFormItems/datePicker/SearchFormDatePicker.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     shortcuts: {
-        type: import("vue").PropType<unknown[]>;
+        type: import("vue").PropType<unknown[] | undefined>;
     };
     defaultValue: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
@@ -60,7 +60,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     shortcuts: {
-        type: import("vue").PropType<unknown[]>;
+        type: import("vue").PropType<unknown[] | undefined>;
     };
     defaultValue: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;

package/es/components/src/composite/searchForm/searchFormItems/datePicker/index.d.ts

@@ -14,7 +14,7 @@ export declare const GmSearchFormDatePicker: import("../../../../../../utils").S
         required: true;
     };
     shortcuts: {
-        type: import("vue").PropType<unknown[]>;
+        type: import("vue").PropType<unknown[] | undefined>;
     };
     defaultValue: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
@@ -60,7 +60,7 @@ export declare const GmSearchFormDatePicker: import("../../../../../../utils").S
         required: true;
     };
     shortcuts: {
-        type: import("vue").PropType<unknown[]>;
+        type: import("vue").PropType<unknown[] | undefined>;
     };
     defaultValue: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;

package/es/components/src/composite/searchForm/searchFormItems/datePicker/searchFormDatePicker.d.ts

@@ -13,7 +13,7 @@ export declare const searchFormDatePickerProps: {
         required: true;
     };
     shortcuts: {
-        type: PropType<unknown[]>;
+        type: PropType<unknown[] | undefined>;
     };
     defaultValue: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;