cnhis-design-vue 3.3.3-beta.7 → 3.3.3-beta.70

package/es/components/table-filter/src/components/classify-filter/components/DateRange.vue.d.ts

@@ -1,5 +1,9 @@
 import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
     paramCfg: {
         type: ObjectConstructor;
         default: null;
@@ -12,8 +16,16 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: null;
     };
+    customDate: {
+        type: StringConstructor;
+        default: null;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        item: {
+            type: ObjectConstructor;
+            required: true;
+        };
         paramCfg: {
             type: ObjectConstructor;
             default: null;
@@ -26,13 +38,19 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: null;
         };
+        customDate: {
+            type: StringConstructor;
+            default: null;
+        };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onUpdate:presetVal"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:customDate"?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: "update:modelValue" | "update:presetVal", ...args: any[]) => void;
+    emit: (event: "update:modelValue" | "update:presetVal" | "update:customDate", ...args: any[]) => void;
     startDate: import("vue").Ref<any>;
     endDate: import("vue").Ref<any>;
+    filterType: import("vue").ComputedRef<"1" | "2" | "3">;
     valueFormat: import("vue").ComputedRef<string>;
     dateFormat: import("vue").ComputedRef<string>;
     compType: import("vue").ComputedRef<any>;
@@ -51,6 +69,7 @@ declare const _default: import("vue").DefineComponent<{
         value: string;
     }[]>;
     presetValCp: import("vue").WritableComputedRef<string>;
+    valueDateCp: import("vue").WritableComputedRef<unknown>;
     handleChange: (val: any, type: 'start' | 'end') => void;
     isStartDateDisabled: (ts: number) => boolean;
     timeStartDisabled: (ts: number) => {
@@ -195,6 +214,231 @@ declare const _default: import("vue").DefineComponent<{
         to: string | false | HTMLElement;
         holidays: Date[];
     }>>;
+    DateOption: import("vue").DefineComponent<{
+        filterType: {
+            type: StringConstructor;
+            required: true;
+        };
+        modelValue: {
+            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+            default: null;
+        };
+        presetVal: {
+            type: StringConstructor;
+            default: null;
+        };
+        dateType: {
+            type: StringConstructor;
+        };
+        isDateDisabled: {
+            type: FunctionConstructor;
+        };
+        timeDisabled: {
+            type: FunctionConstructor;
+        };
+        valueFormat: {
+            type: StringConstructor;
+        };
+    }, {
+        widgetOptions: {
+            label: string;
+            value: string;
+        }[];
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            filterType: {
+                type: StringConstructor;
+                required: true;
+            };
+            modelValue: {
+                type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+                default: null;
+            };
+            presetVal: {
+                type: StringConstructor;
+                default: null;
+            };
+            dateType: {
+                type: StringConstructor;
+            };
+            isDateDisabled: {
+                type: FunctionConstructor;
+            };
+            timeDisabled: {
+                type: FunctionConstructor;
+            };
+            valueFormat: {
+                type: StringConstructor;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:presetVal"?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "update:modelValue" | "update:presetVal", ...args: any[]) => void;
+        valueCp: import("vue").WritableComputedRef<any>;
+        presetValCp: import("vue").WritableComputedRef<string>;
+        CDatePicker: import("../../../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
+            updateUnchangedValue: {
+                type: BooleanConstructor;
+            };
+            onConfirm: {
+                type: FunctionConstructor;
+            };
+            formattedValue: {
+                type: PropType<(string | [string, string]) | null | undefined>;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+            to: {
+                type: PropType<string | false | HTMLElement>;
+                default: string;
+            };
+            holidays: {
+                type: PropType<Date[]>;
+                default: () => never[];
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            isDateDisabled: {
+                type: PropType<(current: number, ...arg: any[]) => boolean>;
+            };
+        }, {
+            attrs: {
+                [x: string]: unknown;
+            };
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                updateUnchangedValue: {
+                    type: BooleanConstructor;
+                };
+                onConfirm: {
+                    type: FunctionConstructor;
+                };
+                formattedValue: {
+                    type: PropType<(string | [string, string]) | null | undefined>;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                };
+                allowedInvalidValue: {
+                    type: StringConstructor;
+                };
+                to: {
+                    type: PropType<string | false | HTMLElement>;
+                    default: string;
+                };
+                holidays: {
+                    type: PropType<Date[]>;
+                    default: () => never[];
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                isDateDisabled: {
+                    type: PropType<(current: number, ...arg: any[]) => boolean>;
+                };
+            }>> & {
+                "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "update:formatted-value", ...args: any[]) => void;
+            datePickerRef: import("vue").Ref<import("../../../../../../shared/types").AnyObject | null>;
+            panelInstRef: import("vue").Ref<null>;
+            placeholderRef: import("vue").Ref<any>;
+            oldValue: string;
+            currentFormattedValue: import("vue").WritableComputedRef<(string | [string, string]) | null | undefined>;
+            isDateTime: import("vue").ComputedRef<boolean>;
+            formatRef: import("vue").ComputedRef<string>;
+            panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
+            _isDateDisabled: import("vue").ComputedRef<(current: number, ...arg: any[]) => boolean>;
+            focus: () => any;
+            blur: () => any;
+            handleConfirm: (target: HTMLInputElement) => void;
+            onUpdateShow: (show: boolean) => Promise<void>;
+            watchers: import("../../../../../../shared/types").AnyFn[];
+            stopWatcher: () => void;
+            setHoliday: (show: boolean) => Promise<void>;
+            onConfirm: (...args: any[]) => Promise<void>;
+            isAllowedInvalidValue: (value: (string | [string, string]) | null | undefined) => boolean | "" | undefined;
+            setShortcutValue: (type: "month" | "week") => Promise<void>;
+            NDatePicker: any;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            updateUnchangedValue: {
+                type: BooleanConstructor;
+            };
+            onConfirm: {
+                type: FunctionConstructor;
+            };
+            formattedValue: {
+                type: PropType<(string | [string, string]) | null | undefined>;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+            to: {
+                type: PropType<string | false | HTMLElement>;
+                default: string;
+            };
+            holidays: {
+                type: PropType<Date[]>;
+                default: () => never[];
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            isDateDisabled: {
+                type: PropType<(current: number, ...arg: any[]) => boolean>;
+            };
+        }>> & {
+            "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+        }, {
+            type: string;
+            updateUnchangedValue: boolean;
+            to: string | false | HTMLElement;
+            holidays: Date[];
+        }>>;
+        NSelect: any;
+        NInputNumber: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:presetVal")[], "update:modelValue" | "update:presetVal", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        filterType: {
+            type: StringConstructor;
+            required: true;
+        };
+        modelValue: {
+            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+            default: null;
+        };
+        presetVal: {
+            type: StringConstructor;
+            default: null;
+        };
+        dateType: {
+            type: StringConstructor;
+        };
+        isDateDisabled: {
+            type: FunctionConstructor;
+        };
+        timeDisabled: {
+            type: FunctionConstructor;
+        };
+        valueFormat: {
+            type: StringConstructor;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:presetVal"?: ((...args: any[]) => any) | undefined;
+    }, {
+        modelValue: string | number | unknown[];
+        presetVal: string;
+    }>;
     WidgetValEnums: {
         CUSTOM: string;
         FIRST_VAL: string;
@@ -226,7 +470,11 @@ declare const _default: import("vue").DefineComponent<{
         NEXT_YEAR: string;
         LAST_YEAR: string;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:presetVal")[], "update:modelValue" | "update:presetVal", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:presetVal" | "update:customDate")[], "update:modelValue" | "update:presetVal" | "update:customDate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
     paramCfg: {
         type: ObjectConstructor;
         default: null;
@@ -239,12 +487,18 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: null;
     };
+    customDate: {
+        type: StringConstructor;
+        default: null;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:presetVal"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:customDate"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string | number | unknown[];
     paramCfg: Record<string, any>;
     presetVal: string;
+    customDate: string;
 }>;
 export default _default;

package/es/components/table-filter/src/components/classify-filter/components/DateRange.vue2.js

@@ -1,12 +1,14 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, unref, isRef, withCtx, toDisplayString, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, unref, Fragment, createVNode, isRef, withCtx, toDisplayString, createCommentVNode, createBlock } from 'vue';
 import { NSelect, NPopover } from 'naive-ui';
 import DatePicker from '../../../../../date-picker/index.js';
+import DateOption from './Base/DateOption.vue.js';
 import moment from 'moment';
 import { isString } from 'lodash-es';
-import { WidgetOptionEnums, WidgetTypeEnums, WidgetValEnums } from '../../../types/enums.js';
+import { ConditionEnums, WidgetOptionEnums, WidgetTypeEnums, WidgetValEnums } from '../../../types/enums.js';
 import { WidgetDateOptionEnums } from '../../render-widget/helpers/enums.js';
 import { widgetDateValOptions } from '../../render-widget/helpers/dateExtraMap.js';
 import { dateDisabledCollect, isStartDateRangeDisabled, isTimeStartRangeDisabled, isEndDateRangeDisabled, isTimeEndRangeDisabled } from '../../render-widget/helpers/dateDisabled.js';
+import { parseDateShortcuts } from '../../../tool/date.js';
 
 const _hoisted_1 = {
   style: {
@@ -28,6 +30,10 @@ const _hoisted_4 = {
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DateRange",
   props: {
+    item: {
+      type: Object,
+      required: true
+    },
     paramCfg: {
       type: Object,
       default: null
@@ -39,15 +45,40 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     presetVal: {
       type: String,
       default: null
+    },
+    customDate: {
+      type: String,
+      default: null
     }
   },
-  emits: ["update:modelValue", "update:presetVal"],
+  emits: ["update:modelValue", "update:presetVal", "update:customDate"],
   setup(__props, {
     emit
   }) {
     const props = __props;
     const startDate = ref();
     const endDate = ref();
+    const filterType = computed(() => {
+      switch (props.item.condition) {
+        case ConditionEnums.EQUAL:
+        case ConditionEnums.NEQ:
+          return "1";
+        case ConditionEnums.BIG:
+        case ConditionEnums.LESS:
+        case ConditionEnums.BIGEQ:
+        case ConditionEnums.LESSEQ:
+          return "2";
+        case ConditionEnums.L_:
+        case ConditionEnums.N_:
+        case ConditionEnums.IN_THE_PAST:
+        case ConditionEnums.IN_THE_FUTURE:
+        case ConditionEnums.IN_THE_PAST_DI:
+        case ConditionEnums.IN_THE_FUTURE_DI:
+          return "3";
+        default:
+          return "1";
+      }
+    });
     const valueFormat = computed(() => {
       let formateStr = "";
       switch (compType.value) {
@@ -136,6 +167,29 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       const optSetting = optionSetting.value || WidgetOptionEnums.ALL;
       if (compType.value && optSetting) {
+        if (optSetting === WidgetOptionEnums.CUSTOM_TIME) {
+          const shortList = parseDateShortcuts(props.paramCfg);
+          if ((shortList == null ? void 0 : shortList.length) > 0) {
+            let options2 = shortList.map((opt) => {
+              return {
+                label: opt.name,
+                value: opt.name
+              };
+            });
+            options2.unshift({
+              label: function() {
+                var _a2, _b, _c;
+                try {
+                  return ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.345")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.345")) || "\u81EA\u5B9A\u4E49\u8F93\u5165";
+                } catch (e) {
+                  return "\u81EA\u5B9A\u4E49\u8F93\u5165";
+                }
+              }(),
+              value: WidgetValEnums.CUSTOM
+            });
+            return options2;
+          }
+        }
         const typeStr = `${compType.value}_${optSetting}_RANGE`;
         const useType = WidgetDateOptionEnums[typeStr];
         const baseList = (_a = widgetDateValOptions[useType]) != null ? _a : [];
@@ -162,14 +216,35 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const presetValCp = computed({
       set(val) {
+        if ((optionSetting == null ? void 0 : optionSetting.value) === WidgetOptionEnums.CUSTOM_TIME) {
+          emit("update:customDate", val);
+          return;
+        }
         emit("update:presetVal", val);
       },
       get() {
+        if ((optionSetting == null ? void 0 : optionSetting.value) === WidgetOptionEnums.CUSTOM_TIME) {
+          return props.customDate;
+        }
         return props.presetVal;
       }
     });
+    const valueDateCp = computed({
+      set(val) {
+        if (val && filterType.value !== "1") {
+          const v = typeof val === "number" ? String(val) : val;
+          emit("update:modelValue", v);
+        }
+      },
+      get() {
+        if (props.modelValue && filterType.value !== "1") {
+          return props.modelValue;
+        }
+        return null;
+      }
+    });
     watch(() => props.modelValue, (val) => {
-      if (val && isString(val) && val.includes("~")) {
+      if (val && filterType.value !== "1" && isString(val) && val.includes("~")) {
         const [start, end] = val.split("~");
         if (start.trim())
           startDate.value = moment(start.trim()).valueOf();
@@ -207,7 +282,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return isTimeEndRangeDisabled(ts, optionSetting.value, startDate.value);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(NSelect), {
+      return openBlock(), createElementBlock("div", _hoisted_1, [unref(filterType) === "1" ? (openBlock(), createElementBlock(Fragment, {
+        key: 0
+      }, [createVNode(unref(NSelect), {
         style: {
           "width": "120px"
         },
@@ -255,7 +332,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, null, 8, ["type", "default-time", "valueFormat", "placeholder", "value"])]),
         default: withCtx(() => [unref(endDateFormat) ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(endDateFormat)), 1)) : createCommentVNode("v-if", true)]),
         _: 1
-      }, 8, ["disabled"])])) : createCommentVNode("v-if", true)]);
+      }, 8, ["disabled"])])) : createCommentVNode("v-if", true)], 64)) : (openBlock(), createBlock(DateOption, {
+        key: 1,
+        filterType: unref(filterType),
+        dateType: unref(dateType),
+        valueFormat: unref(valueFormat),
+        modelValue: unref(valueDateCp),
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(valueDateCp) ? valueDateCp.value = $event : null),
+        presetVal: unref(presetValCp),
+        "onUpdate:presetVal": _cache[4] || (_cache[4] = ($event) => isRef(presetValCp) ? presetValCp.value = $event : null)
+      }, null, 8, ["filterType", "dateType", "valueFormat", "modelValue", "presetVal"]))]);
     };
   }
 });

package/es/components/table-filter/src/components/classify-filter/components/SelectFilter.vue.d.ts

@@ -40,6 +40,7 @@ declare const _default: import("vue").DefineComponent<{
         SELECT_TIME: string;
         PAST_TIME: string;
         FUTURE_TIME: string;
+        CUSTOM_TIME: string;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     paramCfg: {