cnhis-design-vue 3.4.0-beta.4 → 3.4.0-beta.7

package/es/components/form-render/src/hooks/useFormRenderOptions.js

@@ -32,10 +32,7 @@ function createPropRef(props, key) {
 function useRecommendOptions(props, options, emit, labelKey, valueKey) {
   const commonListRef = createPropRef(props, "commonList");
   const recentListRef = createPropRef(props, "recentList");
-  const {
-    searchContent,
-    optionSearchFilter
-  } = useSearchContent();
+  const { searchContent, optionSearchFilter } = useSearchContent();
   function getRecommendOption(item) {
     return jsonParse(item.itemObj);
   }
@@ -61,26 +58,14 @@ function useRecommendOptions(props, options, emit, labelKey, valueKey) {
     });
     return [...optionSearchFilter(uniqRecommendList, labelKey.value), ...optionWithoutRecommend];
   });
-  const {
-    getRecommendRequestInfo,
-    getHttpInstance
-  } = useFormRequest();
+  const { getRecommendRequestInfo, getHttpInstance } = useFormRequest();
   function getRecommendConfig(type) {
-    const {
-      url,
-      getRecommendIds
-    } = getRecommendRequestInfo();
+    const { url, getRecommendIds } = getRecommendRequestInfo();
     const globInfo = isFunction(getRecommendIds) ? getRecommendIds() : {};
     const widgetInfo = isFunction(props.getRecommendInfo) ? props.getRecommendInfo() : {};
-    return {
-      url: url[type],
-      info: Object.assign({}, globInfo, widgetInfo)
-    };
+    return { url: url[type], info: Object.assign({}, globInfo, widgetInfo) };
   }
-  const {
-    fieldKey,
-    field
-  } = useFormField();
+  const { fieldKey, field } = useFormField();
   const asyncQueue = inject(InjectionAsyncQueue);
   async function getRecommend(content) {
     if (!props.recommend)
@@ -89,40 +74,30 @@ function useRecommendOptions(props, options, emit, labelKey, valueKey) {
     if (commonListRef.value && recentListRef.value && props.recommendCache)
       return;
     const list = await asyncQueue.addAsync(createParams2(fieldKey.value, props.recommendCache));
-    const {
-      commonly,
-      recently
-    } = classifyList(list);
+    const { commonly, recently } = classifyList(list);
     commonListRef.value = commonly.slice(0, props.commonNum);
     recentListRef.value = recently.slice(0, props.recentNum);
     function classifyList(list2) {
-      return list2.reduce((res, item) => {
-        if (item.type === "commonly") {
-          res.commonly.push(omit(item, ["type"]));
-        } else if (item.type === "recently") {
-          res.recently.push(omit(item, ["type"]));
-        }
-        return res;
-      }, {
-        commonly: [],
-        recently: []
-      });
+      return list2.reduce(
+        (res, item) => {
+          if (item.type === "commonly") {
+            res.commonly.push(omit(item, ["type"]));
+          } else if (item.type === "recently") {
+            res.recently.push(omit(item, ["type"]));
+          }
+          return res;
+        },
+        { commonly: [], recently: [] }
+      );
     }
     function createParams2(key, cache) {
-      const {
-        url,
-        info
-      } = getRecommendConfig("get");
+      const { url, info } = getRecommendConfig("get");
       return {
         url,
         method: "get",
         key,
         cache,
-        params: {
-          ...info,
-          recNum: Math.max(props.commonNum, props.recentNum),
-          keyword: ""
-        },
+        params: { ...info, recNum: Math.max(props.commonNum, props.recentNum), keyword: "" },
         payload: {
           field: field.value,
           labelKey: labelKey.value,
@@ -137,19 +112,19 @@ function useRecommendOptions(props, options, emit, labelKey, valueKey) {
     const http = getHttpInstance();
     if (!http)
       return;
-    const {
-      url,
-      info
-    } = getRecommendConfig("post");
+    const { url, info } = getRecommendConfig("post");
     const option = sortedOptions.value.find((o) => {
       return o[valueKey.value] === value;
     });
-    option && emit("postRecommend", await http.post(url, {
-      ...info,
-      keyword: "",
-      itemId: valueKey.value,
-      itemObj: JSON.stringify(option)
-    }));
+    option && emit(
+      "postRecommend",
+      await http.post(url, {
+        ...info,
+        keyword: "",
+        itemId: valueKey.value,
+        itemObj: JSON.stringify(option)
+      })
+    );
   }
   return {
     postRecommend,
@@ -174,9 +149,7 @@ function useUrlConfigOptions(props, valueRef, hooks) {
     var _a, _b;
     return (_b = (_a = props.urlConfig) == null ? void 0 : _a.searchKey) != null ? _b : props.searchField;
   });
-  const {
-    field
-  } = useFormField();
+  const { field } = useFormField();
   return createOptionHandler({
     props,
     labelKey,
@@ -227,12 +200,8 @@ function useAutographOptions(props, valueRef, hooks) {
     var _a;
     return (_a = wordBookShowKey.value) != null ? _a : props.showField;
   });
-  const {
-    field
-  } = useFormField();
-  const {
-    getSearchRequestInfo
-  } = useFormRequest();
+  const { field } = useFormField();
+  const { getSearchRequestInfo } = useFormRequest();
   return createOptionHandler({
     props,
     labelKey,
@@ -243,22 +212,20 @@ function useAutographOptions(props, valueRef, hooks) {
     valueRef,
     getConfig: () => props.wordbook,
     getParams: () => {
-      const {
-        wordbook,
-        autograph
-      } = props;
-      const params = createParams(field.value, {
-        autograph,
-        wordbookId: wordbook.id,
-        wordbookType: wordbook.type,
-        fieldKeys: wordbook.search_key,
-        keyword: "",
-        page: 1
-      }, wordbook.queryParams);
-      return {
-        ...getSearchRequestInfo(),
-        params
-      };
+      const { wordbook, autograph } = props;
+      const params = createParams(
+        field.value,
+        {
+          autograph,
+          wordbookId: wordbook.id,
+          wordbookType: wordbook.type,
+          fieldKeys: wordbook.search_key,
+          keyword: "",
+          page: 1
+        },
+        wordbook.queryParams
+      );
+      return { ...getSearchRequestInfo(), params };
     },
     getDependKeys: () => {
       var _a;
@@ -267,9 +234,7 @@ function useAutographOptions(props, valueRef, hooks) {
   });
 }
 function createParams(field, baseParams, dependKeys) {
-  const result = {
-    ...baseParams
-  };
+  const result = { ...baseParams };
   if (dependKeys) {
     traverseDependKey(dependKeys, (dependKey, valueKey, dependKeyConfig) => {
       const absoluteKey = getAbsoluteKey(dependKey, field.path);
@@ -298,12 +263,7 @@ function createOptionHandler({
   const asyncQueue = inject(InjectionAsyncQueue);
   const callLifeCycle = inject(InjectionFormLifeCycleCaller);
   const globProps = inject(InjectionFormGlobalProps);
-  const {
-    remoteOptions,
-    filterOptions,
-    fullOptions,
-    searchContent
-  } = useOptionFiltered(props, {
+  const { remoteOptions, filterOptions, fullOptions, searchContent } = useOptionFiltered(props, {
     labelKey,
     valueKey,
     searchKey,
@@ -312,14 +272,9 @@ function createOptionHandler({
       return (_a = props.wordSplitFilter) != null ? _a : globProps.wordSplitFilter;
     })
   });
-  const {
-    field,
-    fieldKey
-  } = useFormField();
+  const { field, fieldKey } = useFormField();
   const loading = ref(false);
-  const fetchData = async function(content, otherParams, options = {
-    avoidSearchContent: true
-  }) {
+  const fetchData = async function(content, otherParams, options = { avoidSearchContent: true }) {
     searchContent.value = content;
     if (!getConfig()) {
       return remoteOptions.value = null;
@@ -334,10 +289,7 @@ function createOptionHandler({
         valueKey: valueKey.value
       };
       const requestParams = {
-        params: {
-          ...getParams().params,
-          ...otherParams
-        },
+        params: { ...getParams().params, ...otherParams },
         key: fieldKey.value,
         cache: props.requestCache,
         payload
@@ -354,47 +306,32 @@ function createOptionHandler({
     }
   };
   const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
-  watch(getConfig, (config, oldConfig) => {
-    if (isEqual(config, oldConfig))
-      return;
-    remoteOptions.value = null;
-    if (!config)
-      return remoteOptions.value = null;
-    const payload = {
-      fetchData,
-      labelKey: labelKey.value,
-      valueKey: valueKey.value
-    };
-    const {
-      onRequestConfigChange,
-      onDepsChange
-    } = hooks || {};
-    formItemDepsCollector.setDeps(field.value.path, getDependKeys() || [], async (dependKey) => {
+  watch(
+    getConfig,
+    (config, oldConfig) => {
+      if (isEqual(config, oldConfig))
+        return;
       remoteOptions.value = null;
-      if (!(dependKey == null ? void 0 : dependKey.keepValue)) {
-        valueRef.value = null;
-      }
-      if (!props.lazyRequest) {
-        onDepsChange ? onDepsChange(payload) : fetchData();
+      if (!config)
+        return remoteOptions.value = null;
+      const payload = { fetchData, labelKey: labelKey.value, valueKey: valueKey.value };
+      const { onRequestConfigChange, onDepsChange } = hooks || {};
+      formItemDepsCollector.setDeps(field.value.path, getDependKeys() || [], async (dependKey) => {
+        remoteOptions.value = null;
+        if (!(dependKey == null ? void 0 : dependKey.keepValue)) {
+          valueRef.value = null;
+        }
+        if (!props.lazyRequest) {
+          onDepsChange ? onDepsChange(payload) : fetchData();
+        }
+      });
+      if (valueRef.value || !props.lazyRequest) {
+        onRequestConfigChange ? onRequestConfigChange(payload) : fetchData();
       }
-    });
-    if (valueRef.value || !props.lazyRequest) {
-      onRequestConfigChange ? onRequestConfigChange(payload) : fetchData();
-    }
-  }, {
-    immediate: true
-  });
-  return {
-    labelKey,
-    loading,
-    showKey,
-    valueKey,
-    remoteOptions,
-    filterOptions,
-    fullOptions,
-    fetchData,
-    searchContent
-  };
+    },
+    { immediate: true }
+  );
+  return { labelKey, loading, showKey, valueKey, remoteOptions, filterOptions, fullOptions, fetchData, searchContent };
 }
 
 export { useAutographOptions, useRecommendOptions, useUrlConfigOptions };

package/es/components/form-render/src/hooks/useFormValidator.js

@@ -1,3 +1,4 @@
+import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
 import { arrayed } from '../../../../shared/utils/index.js';
 import { once, isNumber, isString } from 'lodash-es';
 import 'vue';
@@ -43,14 +44,7 @@ function useFormValidator() {
     regular_error_tip
   }) => {
     const pattern = regular_expression || (validate == null ? void 0 : validate.regular_expression) || "";
-    const message = regular_error_tip || (validate == null ? void 0 : validate.regular_error_tip) || (validate == null ? void 0 : validate.message) || function() {
-      var _a, _b, _c;
-      try {
-        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.581")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.581")) || "\u683C\u5F0F\u9519\u8BEF";
-      } catch (e) {
-        return "\u683C\u5F0F\u9519\u8BEF";
-      }
-    }();
+    const message = regular_error_tip || (validate == null ? void 0 : validate.regular_error_tip) || (validate == null ? void 0 : validate.message) || i18n("10010.1.581", "\u683C\u5F0F\u9519\u8BEF");
     return {
       pattern,
       message

package/es/components/form-render/src/hooks/useLowCodeEvent.js

@@ -6,11 +6,7 @@ import { getBindEventSettingTrigger } from '../../../../shared/utils/business.js
 function lowCodeEventTrigger(field) {
   if (!isField(field))
     return;
-  const {
-    decoratorProps: {
-      fieldItem
-    } = {}
-  } = field;
+  const { decoratorProps: { fieldItem } = {} } = field;
   if (!fieldItem || !isArray(fieldItem.bindEventSetting) || !fieldItem.bindEventSetting.length)
     return;
   fieldItem.bindEventSetting.forEach((eventSetting) => {
@@ -25,9 +21,7 @@ function lowCodeEventTrigger(field) {
   });
 }
 function useLowCodeEvent() {
-  return {
-    lowCodeEventTrigger
-  };
+  return { lowCodeEventTrigger };
 }
 
 export { useLowCodeEvent };

package/es/components/form-render/src/hooks/useLowCodeReactions.js

@@ -78,10 +78,7 @@ function useLowCodeReactions(configListRef, formModel) {
       isMatchLowCodeConditionsWithSqlExpression(formData, config) && trigger(config);
     });
   }
-  return {
-    lowCodeReactionsHandler,
-    triggerAllReactionsHandler
-  };
+  return { lowCodeReactionsHandler, triggerAllReactionsHandler };
 }
 
 export { useLowCodeReactions };

package/es/components/form-render/src/hooks/useNewLowCodeReactions.js

@@ -13,25 +13,34 @@ function useNewLowCodeReactions(configListRef, formModel) {
       });
     };
   }
-  const triggerMap = /* @__PURE__ */ new Map([[["show", "hide"], createFieldHandler((state, isPositive, {
-    actionConfig: {
-      restoreDefault
-    } = {}
-  }) => {
-    var _a;
-    if (isPositive)
-      return state.display = "visible";
-    if (restoreDefault) {
-      state.setValue((_a = state.initialValue) != null ? _a : null);
-      state.display = "hidden";
-      return;
-    }
-    state.display = "none";
-  })], [["required", "notRequired"], createFieldHandler((state, isPositive) => {
-    state.required = isPositive;
-  })], [["disabled", "enabled"], createFieldHandler((state, isPositive) => {
-    state.disabled = isPositive;
-  })]]);
+  const triggerMap = /* @__PURE__ */ new Map([
+    [
+      ["show", "hide"],
+      createFieldHandler((state, isPositive, { actionConfig: { restoreDefault } = {} }) => {
+        var _a;
+        if (isPositive)
+          return state.display = "visible";
+        if (restoreDefault) {
+          state.setValue((_a = state.initialValue) != null ? _a : null);
+          state.display = "hidden";
+          return;
+        }
+        state.display = "none";
+      })
+    ],
+    [
+      ["required", "notRequired"],
+      createFieldHandler((state, isPositive) => {
+        state.required = isPositive;
+      })
+    ],
+    [
+      ["disabled", "enabled"],
+      createFieldHandler((state, isPositive) => {
+        state.disabled = isPositive;
+      })
+    ]
+  ]);
   const relativeFieldMap = computed(() => {
     const map = /* @__PURE__ */ new Map();
     const configList = unref(configListRef);
@@ -79,9 +88,7 @@ function useNewLowCodeReactions(configListRef, formModel) {
       }
     });
   }
-  return {
-    newLowCodeReactionsHandler
-  };
+  return { newLowCodeReactionsHandler };
 }
 
 export { useNewLowCodeReactions };

package/es/components/form-render/src/hooks/useNuiThemeOverrides.js

@@ -17,10 +17,7 @@ function useNuiThemeOverrides() {
     DatePicker: {
       itemTextColorDisabled: "rgba(194, 194, 194, 1)"
     },
-    InternalSelection: {
-      paddingSingle: "8px",
-      paddingMultiple: "2px"
-    },
+    InternalSelection: { paddingSingle: "8px", paddingMultiple: "2px" },
     Form: {
       feedbackHeightMedium: "16px",
       feedbackHeightLarge: "16px",
@@ -31,9 +28,7 @@ function useNuiThemeOverrides() {
       feedbackPadding: "0px"
     }
   };
-  return {
-    nuiThemeOverrides
-  };
+  return { nuiThemeOverrides };
 }
 
 export { useNuiThemeOverrides };

package/es/components/form-render/src/hooks/useOperationalForm.js

@@ -12,31 +12,33 @@ function useOperationalForm(props, formModel) {
   function matcher(field) {
     return triggerDisabled === true || triggerDisabled && isString(triggerDisabled) && Path.parse(triggerDisabled).match(field);
   }
-  const {
-    triggerAllOperationalFormHandler,
-    operationalFormHandler
-  } = getOperationalFormHandler(computed(() => props.operationalForm), getter, (field, value) => {
-    if (matcher(field))
-      return;
-    formModel.setValuesIn(field, value);
-  });
-  const {
-    triggerAllDateOperationalFormHandler,
-    dateOperationalFormHandler
-  } = getDateOperationalFormHandler(computed(() => props.dateOperationalForm), getter, (field, value) => {
-    var _a, _b, _c;
-    if (matcher(field))
-      return;
-    const fieldInstance = formModel.query(field).take();
-    if (!isField(fieldInstance))
-      return;
-    const [componentName] = fieldInstance.component || [];
-    if (["DATE", "TIME"].includes(componentName)) {
-      const valueFormat = (_c = (_b = (_a = fieldInstance.decoratorProps) == null ? void 0 : _a.fieldItem) == null ? void 0 : _b.date_format) != null ? _c : "yyyy-MM-dd";
-      value = isNumber(value) || isDate(value) ? format(new Date(value), valueFormat) : value;
+  const { triggerAllOperationalFormHandler, operationalFormHandler } = getOperationalFormHandler(
+    computed(() => props.operationalForm),
+    getter,
+    (field, value) => {
+      if (matcher(field))
+        return;
+      formModel.setValuesIn(field, value);
     }
-    fieldInstance.setValue(value);
-  });
+  );
+  const { triggerAllDateOperationalFormHandler, dateOperationalFormHandler } = getDateOperationalFormHandler(
+    computed(() => props.dateOperationalForm),
+    getter,
+    (field, value) => {
+      var _a, _b, _c;
+      if (matcher(field))
+        return;
+      const fieldInstance = formModel.query(field).take();
+      if (!isField(fieldInstance))
+        return;
+      const [componentName] = fieldInstance.component || [];
+      if (["DATE", "TIME"].includes(componentName)) {
+        const valueFormat = (_c = (_b = (_a = fieldInstance.decoratorProps) == null ? void 0 : _a.fieldItem) == null ? void 0 : _b.date_format) != null ? _c : "yyyy-MM-dd";
+        value = isNumber(value) || isDate(value) ? format(new Date(value), valueFormat) : value;
+      }
+      fieldInstance.setValue(value);
+    }
+  );
   return {
     trigger(fieldKey) {
       operationalFormHandler(fieldKey);

package/es/components/form-render/src/hooks/usePresetScope.js

@@ -30,7 +30,9 @@ function usePresetScope() {
         return false;
       const visibleStates = linebarStates.slice(0, linebarStates.length / 2);
       const componentStates = linebarStates.slice(linebarStates.length / 2).map((item) => item == null ? void 0 : item[0]);
-      return visibleStates.some((state, index) => (!state || state === "visible") && componentStates[index] !== "LINE_BREAKS");
+      return visibleStates.some(
+        (state, index) => (!state || state === "visible") && componentStates[index] !== "LINE_BREAKS"
+      );
     }
   };
 }

package/es/components/form-render/src/hooks/useSelectedSetting.js

@@ -19,9 +19,7 @@ function useSelectedSetting() {
       data[setting.selectedField] = matchedItem.value;
     });
   }
-  return {
-    applySelectedSetting
-  };
+  return { applySelectedSetting };
 }
 
 export { useSelectedSetting };

package/es/components/form-render/src/hooks/useWordbookSetting.js

@@ -46,9 +46,7 @@ function useWordbookSetting() {
   function create(formModel, changeContextCollector) {
     return new wordbookSettingHandler(formModel, changeContextCollector);
   }
-  return {
-    create
-  };
+  return { create };
 }
 
 export { useWordbookSetting, wordbookSettingHandler };

package/es/components/form-render/src/utils/business.js

@@ -118,21 +118,30 @@ function parseBirthday(birthday) {
   const result = {};
   const d = new Date();
   const birthDate = new Date(birthday);
-  const defineList = [["day", differenceInDays], ["month", differenceInMonths], ["year", differenceInYears], ["hours", differenceInHours], ["minutes", differenceInMinutes]];
-  Object.defineProperties(result, defineList.reduce((res, [key, fn]) => {
-    res[key] = {
-      get: (() => {
-        let v = null;
-        return () => {
-          if (v === null)
-            v = fn(d, birthDate);
-          return v;
-        };
-      })(),
-      enumerable: true
-    };
-    return res;
-  }, {}));
+  const defineList = [
+    ["day", differenceInDays],
+    ["month", differenceInMonths],
+    ["year", differenceInYears],
+    ["hours", differenceInHours],
+    ["minutes", differenceInMinutes]
+  ];
+  Object.defineProperties(
+    result,
+    defineList.reduce((res, [key, fn]) => {
+      res[key] = {
+        get: (() => {
+          let v = null;
+          return () => {
+            if (v === null)
+              v = fn(d, birthDate);
+            return v;
+          };
+        })(),
+        enumerable: true
+      };
+      return res;
+    }, {})
+  );
   return result;
 }
 function parseAge2Birthday(age, ageUnit, formatter = "yyyy-MM-dd HH:mm") {
@@ -152,16 +161,16 @@ function parseAge2Birthday(age, ageUnit, formatter = "yyyy-MM-dd HH:mm") {
     date[`set${type}`](date[`get${type}`]() - num);
   }
   function eraseDateMantissa(date, unit) {
-    const unitSequence = [{
-      [FIELD_AGE_UNIT.DAY]: "Date",
-      [FIELD_AGE_UNIT.WEEK]: "Date",
-      [FIELD_AGE_UNIT.MONTH]: "Date",
-      [FIELD_AGE_UNIT.YEAR]: "Date"
-    }, {
-      [FIELD_AGE_UNIT.HOUR]: "Hours"
-    }, {
-      [FIELD_AGE_UNIT.MINUTE]: "Minutes"
-    }];
+    const unitSequence = [
+      {
+        [FIELD_AGE_UNIT.DAY]: "Date",
+        [FIELD_AGE_UNIT.WEEK]: "Date",
+        [FIELD_AGE_UNIT.MONTH]: "Date",
+        [FIELD_AGE_UNIT.YEAR]: "Date"
+      },
+      { [FIELD_AGE_UNIT.HOUR]: "Hours" },
+      { [FIELD_AGE_UNIT.MINUTE]: "Minutes" }
+    ];
     const index = unitSequence.findIndex((unitItem) => Reflect.has(unitItem, unit));
     if (~index) {
       unitSequence.slice(index + 1).forEach((unitItem) => {
@@ -181,22 +190,7 @@ function parseAgeFromContext(context, nominalAge) {
       age: Math.max(new Date().getFullYear() - new Date(context.birthday).getFullYear(), 1)
     };
   }
-  const result = context.minutes < 60 ? {
-    ageUnit: FIELD_AGE_UNIT.MINUTE,
-    age: context.minutes
-  } : context.hours < 24 ? {
-    ageUnit: FIELD_AGE_UNIT.HOUR,
-    age: context.hours
-  } : context.day < 30 ? {
-    ageUnit: FIELD_AGE_UNIT.DAY,
-    age: context.day
-  } : context.day < 365 ? {
-    ageUnit: FIELD_AGE_UNIT.MONTH,
-    age: context.month
-  } : {
-    ageUnit: FIELD_AGE_UNIT.YEAR,
-    age: context.year
-  };
+  const result = context.minutes < 60 ? { ageUnit: FIELD_AGE_UNIT.MINUTE, age: context.minutes } : context.hours < 24 ? { ageUnit: FIELD_AGE_UNIT.HOUR, age: context.hours } : context.day < 30 ? { ageUnit: FIELD_AGE_UNIT.DAY, age: context.day } : context.day < 365 ? { ageUnit: FIELD_AGE_UNIT.MONTH, age: context.month } : { ageUnit: FIELD_AGE_UNIT.YEAR, age: context.year };
   result.age = Math.max(result.age, 1);
   return result;
 }
@@ -211,21 +205,17 @@ function businessDateParser(dateString) {
   return new Date(`${year}-${month}-${day || "01"} ${hour || "00"}:${minute || "00"}:${second || "00"}`);
 }
 function parseLowCodeDate(unit, condition, date) {
+  if (condition === "CURRENT_TIME" || date === "current")
+    return new Date();
   if (!date)
     return null;
   if (condition === "0")
     return new Date(date);
-  if (condition === "CURRENT_TIME" || date === "current")
-    return new Date();
   if (!isNumber(+date) || isNaN(+date))
     return null;
   if (!unit || !condition)
     return null;
-  return calculateTime({
-    unit,
-    condition,
-    value: +date
-  });
+  return calculateTime({ unit, condition, value: +date });
 }
 function calculateTime(params) {
   const now = new Date();