cnhis-design-vue 3.3.3-release.9 → 3.4.0-beta.1

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

@@ -1,9 +1,10 @@
-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';
@@ -29,6 +30,10 @@ const _hoisted_4 = {
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DateRange",
   props: {
+    item: {
+      type: Object,
+      required: true
+    },
     paramCfg: {
       type: Object,
       default: null
@@ -53,6 +58,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const startDate = ref();
     const endDate = ref();
+    const filterType = computed(() => {
+      switch (props.item.condition) {
+        case ConditionEnums.EQUAL:
+          return "1";
+        case ConditionEnums.CUSTOM_RANGE:
+          return "2";
+        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) {
@@ -203,16 +223,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return props.presetVal;
       }
     });
-    computed({
+    const valueDateCp = computed({
       set(val) {
-        emit("update:customDate", val);
+        if (val && filterType.value !== "1") {
+          const v = typeof val === "number" ? String(val) : val;
+          emit("update:modelValue", v);
+        }
       },
       get() {
-        return props.customDate;
+        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();
@@ -250,7 +276,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"
         },
@@ -298,7 +326,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/index.d.ts

@@ -2,6 +2,10 @@ declare const Date: import("vue").DefineComponent<{
     componentCfg: {
         type: ObjectConstructor;
     };
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
     paramCfg: {
         type: ObjectConstructor;
         default: null;
@@ -23,6 +27,10 @@ declare const Date: import("vue").DefineComponent<{
         componentCfg: {
             type: ObjectConstructor;
         };
+        item: {
+            type: ObjectConstructor;
+            required: true;
+        };
         paramCfg: {
             type: ObjectConstructor;
             default: null;
@@ -45,6 +53,7 @@ declare const Date: import("vue").DefineComponent<{
         "onUpdate:customDate"?: ((...args: any[]) => any) | undefined;
     }>>;
     emit: (event: "update:modelValue" | "update:presetVal" | "update:customDate", ...args: any[]) => void;
+    filterType: import("vue").ComputedRef<"1" | "2" | "3">;
     valueCp: import("vue").WritableComputedRef<any>;
     presetValCp: import("vue").WritableComputedRef<string>;
     dateType: any;
@@ -191,6 +200,109 @@ declare const Date: import("vue").DefineComponent<{
         holidays: Date[];
     }>>;
     NSelect: any;
+    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;
+        }[];
+        widgetRangeOptions: {
+            label: string;
+            value: string;
+        }[];
+        startDateNum: import("vue").Ref<any>;
+        endDateNum: import("vue").Ref<any>;
+        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>;
+        handleChange: (val: any, type: "start" | "end") => void;
+        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,6 +338,10 @@ declare const Date: import("vue").DefineComponent<{
     componentCfg: {
         type: ObjectConstructor;
     };
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
     paramCfg: {
         type: ObjectConstructor;
         default: null;
@@ -703,6 +819,10 @@ declare const InputNumberGroup: import("vue").DefineComponent<{
     paramCfg: Record<string, any>;
 }>;
 declare const DateRange: import("vue").DefineComponent<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
     paramCfg: {
         type: ObjectConstructor;
         default: null;
@@ -721,6 +841,10 @@ declare const DateRange: import("vue").DefineComponent<{
     };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        item: {
+            type: ObjectConstructor;
+            required: true;
+        };
         paramCfg: {
             type: ObjectConstructor;
             default: null;
@@ -745,6 +869,7 @@ declare const DateRange: import("vue").DefineComponent<{
     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>;
@@ -763,7 +888,7 @@ declare const DateRange: import("vue").DefineComponent<{
         value: string;
     }[]>;
     presetValCp: import("vue").WritableComputedRef<string>;
-    customDateCp: import("vue").WritableComputedRef<string>;
+    valueDateCp: import("vue").WritableComputedRef<unknown>;
     handleChange: (val: any, type: "start" | "end") => void;
     isStartDateDisabled: (ts: number) => boolean;
     timeStartDisabled: (ts: number) => {
@@ -908,6 +1033,109 @@ declare const DateRange: 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;
+        }[];
+        widgetRangeOptions: {
+            label: string;
+            value: string;
+        }[];
+        startDateNum: import("vue").Ref<any>;
+        endDateNum: import("vue").Ref<any>;
+        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>;
+        handleChange: (val: any, type: "start" | "end") => void;
+        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;
@@ -940,6 +1168,10 @@ declare const DateRange: import("vue").DefineComponent<{
         LAST_YEAR: string;
     };
 }, 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;

package/es/components/table-filter/src/components/classify-filter/helpers/options.d.ts

@@ -1,4 +1,8 @@
-export declare const conditionOptions: {
+export declare const baseConditionOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const dateConditionOptions: {
     label: string;
     value: string;
 }[];

package/es/components/table-filter/src/components/classify-filter/helpers/options.js

@@ -1,6 +1,6 @@
 import { ConditionEnums } from '../../../types/enums.js';
 
-const conditionOptions = [{
+const baseConditionOptions = [{
   label: function() {
     var _a, _b, _c;
     try {
@@ -21,5 +21,77 @@ const conditionOptions = [{
   }(),
   value: ConditionEnums.NULL
 }];
+const dateConditionOptions = [
+  {
+    label: function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.376")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.376")) || "\u81EA\u5B9A\u4E49";
+      } catch (e) {
+        return "\u81EA\u5B9A\u4E49";
+      }
+    }(),
+    value: ConditionEnums.EQUAL
+  },
+  {
+    label: "\u81EA\u5B9A\u4E49\u8303\u56F4",
+    value: ConditionEnums.CUSTOM_RANGE
+  },
+  {
+    label: function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.338")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.338")) || "\u4E3A\u7A7A";
+      } catch (e) {
+        return "\u4E3A\u7A7A";
+      }
+    }(),
+    value: ConditionEnums.NULL
+  },
+  {
+    label: function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.672")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.672")) || "\u8FC7\u53BB\u5185";
+      } catch (e) {
+        return "\u8FC7\u53BB\u5185";
+      }
+    }(),
+    value: ConditionEnums.IN_THE_PAST
+  },
+  {
+    label: function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.673")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.673")) || "\u672A\u6765\u5185";
+      } catch (e) {
+        return "\u672A\u6765\u5185";
+      }
+    }(),
+    value: ConditionEnums.IN_THE_FUTURE
+  },
+  {
+    label: function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.674")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.674")) || "\u8FC7\u53BB\u7B2C";
+      } catch (e) {
+        return "\u8FC7\u53BB\u7B2C";
+      }
+    }(),
+    value: ConditionEnums.IN_THE_PAST_DI
+  },
+  {
+    label: function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.675")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.675")) || "\u672A\u6765\u7B2C";
+      } catch (e) {
+        return "\u672A\u6765\u7B2C";
+      }
+    }(),
+    value: ConditionEnums.IN_THE_FUTURE_DI
+  }
+];
 
-export { conditionOptions };
+export { baseConditionOptions, dateConditionOptions };