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

package/es/components/scale-view/src/hooks/scaleview-validate.js

@@ -1,5 +1,5 @@
 import 'xe-utils';
-import 'moment';
+import moment from 'moment';
 import vexutilsExpand from '../../../../shared/utils/vexutilsExpand.js';
 import { ScaleViewComputed } from './scaleview-computed.js';
 
@@ -16,11 +16,11 @@ const ScaleViewValidate = (props, state, config) => {
     } else {
       setObj = item.setting;
     }
-    let isAdress = setObj.addressType.includes("address");
+    const isAdress = setObj.addressType.includes("address");
     return isAdress;
   };
   const checkAdress = (rule, value) => {
-    let {
+    const {
       address
     } = value || {};
     if (!address) {
@@ -46,7 +46,7 @@ const ScaleViewValidate = (props, state, config) => {
         }
       }());
     }
-    let {
+    const {
       labelStr,
       labels = []
     } = value;
@@ -69,19 +69,104 @@ const ScaleViewValidate = (props, state, config) => {
     }
     return setObj.dateMaxType;
   };
+  const checkDateMaxCur = (rule, value, item) => {
+    if (!value)
+      return true;
+    const {
+      dateType
+    } = item.setting;
+    if (!dateType)
+      return true;
+    let dateMaxValue = state.currentTime;
+    if (dateType == "time") {
+      dateMaxValue = state.currentTime.format("HH:mm:ss");
+    }
+    const isMax = handleMax(dateType, value, dateMaxValue);
+    if (!isMax) {
+      return new Error(function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.586")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.586")) || "\u6700\u5927\u4E0D\u80FD\u8D85\u8FC7\u5F53\u524D\u65E5\u671F\u65F6\u95F4";
+        } catch (e) {
+          return "\u6700\u5927\u4E0D\u80FD\u8D85\u8FC7\u5F53\u524D\u65E5\u671F\u65F6\u95F4";
+        }
+      }());
+    }
+    return true;
+  };
+  const checkDateMaxSet = (rule, value, item) => {
+    if (!value)
+      return true;
+    const {
+      dateMaxValue,
+      dateType
+    } = item.setting;
+    if (!dateMaxValue || !dateType)
+      return true;
+    const isMax = handleMax(dateType, value, dateMaxValue);
+    if (!isMax) {
+      return new Error(function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.585")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.585")) || "\u6700\u5927\u4E0D\u80FD\u8D85\u8FC7\u6307\u5B9A\u65E5\u671F\u65F6\u95F4";
+        } catch (e) {
+          return "\u6700\u5927\u4E0D\u80FD\u8D85\u8FC7\u6307\u5B9A\u65E5\u671F\u65F6\u95F4";
+        }
+      }());
+    }
+    return true;
+  };
+  const checkDateMaxOther = (rule, value, item) => {
+    if (!value)
+      return true;
+    const {
+      outDateMaxValue,
+      dateType
+    } = item.setting;
+    if (!outDateMaxValue || !dateType)
+      return true;
+    const matchDateItem = state.formArray.find((v) => v.seq === outDateMaxValue);
+    if (!matchDateItem || matchDateItem.hide)
+      return true;
+    const matchValue = state.form[formKey(matchDateItem)];
+    if (!matchValue)
+      return;
+    const isMax = handleMax(dateType, value, matchValue);
+    const title = matchDateItem.title;
+    const str1 = function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.584")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.584")) || "\u6700\u5927\u4E0D\u80FD\u8D85\u8FC7";
+      } catch (e) {
+        return "\u6700\u5927\u4E0D\u80FD\u8D85\u8FC7";
+      }
+    }();
+    const str2 = function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.583")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.583")) || "\u65E5\u671F\u65F6\u95F4";
+      } catch (e) {
+        return "\u65E5\u671F\u65F6\u95F4";
+      }
+    }();
+    if (!isMax) {
+      return new Error(`${str1}\u3010${title}\u3011${str2}`);
+    }
+    return true;
+  };
   const checkRadio = (rule, value, item) => {
     if (!value)
       return true;
-    let {
+    const {
       options
     } = item;
     if (!options.length || value === "other")
       return true;
     const key = formKey(item);
-    let {
+    const {
       optionsPreSuffixObj = {}
     } = state.choiceComObj[key] || {};
-    let matchItem = options.find((o, i) => {
+    const matchItem = options.find((o, i) => {
       if (i + 1 === value) {
         return true;
       }
@@ -90,9 +175,16 @@ const ScaleViewValidate = (props, state, config) => {
     if (!matchItem || matchItem.importability)
       return true;
     if (matchItem.prefix || matchItem.suffix) {
-      let inputValue = optionsPreSuffixObj[value];
+      const inputValue = optionsPreSuffixObj[value];
       if (!inputValue) {
-        return new Error(`\u8BF7\u5B8C\u5584\u9009\u9879`);
+        return new Error(function() {
+          var _a, _b, _c;
+          try {
+            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.582")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.582")) || "\u8BF7\u5B8C\u5584\u9009\u9879";
+          } catch (e) {
+            return "\u8BF7\u5B8C\u5584\u9009\u9879";
+          }
+        }());
       }
     }
     return true;
@@ -100,21 +192,22 @@ const ScaleViewValidate = (props, state, config) => {
   const checkCheckbox = (rule, value, item) => {
     if (!value || !value.length)
       return true;
-    let {
+    const {
       options
     } = item;
     if (!options.length)
       return true;
-    let i = 0, len = value.length, v;
+    let i = 0, v;
+    const len = value.length;
     const key = formKey(item);
-    let {
+    const {
       optionsPreSuffixObj = {}
     } = state.choiceComObj[key] || {};
     for (; i < len; i++) {
       v = value[i];
       if (v === "other")
         continue;
-      let matchItem = options.find((o, j) => {
+      const matchItem = options.find((o, j) => {
         if (j + 1 === v) {
           return true;
         }
@@ -123,19 +216,45 @@ const ScaleViewValidate = (props, state, config) => {
       if (!matchItem || matchItem.importability)
         continue;
       if (matchItem.prefix || matchItem.suffix) {
-        let inputValue = optionsPreSuffixObj[v];
+        const inputValue = optionsPreSuffixObj[v];
         if (!inputValue) {
-          return new Error(`\u8BF7\u5B8C\u5584\u9009\u9879`);
+          return new Error(function() {
+            var _a, _b, _c;
+            try {
+              return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.582")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.582")) || "\u8BF7\u5B8C\u5584\u9009\u9879";
+            } catch (e) {
+              return "\u8BF7\u5B8C\u5584\u9009\u9879";
+            }
+          }());
         }
       }
     }
     return true;
   };
+  const handleMax = (dateType, value, dateMaxValue) => {
+    let curValue = "";
+    let tempValue = "";
+    if (dateType == "time") {
+      const curYMD = state.currentTime.format("YYYY MM DD ");
+      curValue = moment(curYMD + dateMaxValue).valueOf();
+      tempValue = moment(curYMD + value).valueOf();
+    } else if (dateType == "date") {
+      curValue = moment(dateMaxValue).valueOf();
+      tempValue = moment(value).valueOf();
+    } else {
+      curValue = moment(dateMaxValue).valueOf();
+      tempValue = moment(value).valueOf();
+    }
+    if (tempValue > curValue) {
+      return false;
+    }
+    return true;
+  };
   const checkType = (val) => {
     return Object.prototype.toString.call(val);
   };
   const validateRequired = (rule, value) => {
-    let type = checkType(value);
+    const type = checkType(value);
     if (type == "[object Object]") {
       if (value && Object.keys(value).length)
         return true;
@@ -162,7 +281,7 @@ const ScaleViewValidate = (props, state, config) => {
   const formatRules = (formArray) => {
     const rules = {};
     formArray.forEach((item) => {
-      let newTitle = item.val_key;
+      const newTitle = item.val_key;
       rules[newTitle] = [];
       if (item.required && !filterArr.includes(item.type)) {
         rules[newTitle].push({
@@ -182,13 +301,27 @@ const ScaleViewValidate = (props, state, config) => {
       if (item.type == "MOBILE" && item.validation) {
         rules[newTitle].push({
           pattern: /^1[3456789]\d{9}$/,
-          message: "\u683C\u5F0F\u9519\u8BEF",
+          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";
+            }
+          }(),
           trigger: "blur"
         });
       } else if (item.type == "ID_CARD" && item.validation) {
         rules[newTitle].push({
           pattern: /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}([0-9]|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}))$/,
-          message: "\u683C\u5F0F\u9519\u8BEF",
+          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";
+            }
+          }(),
           trigger: "blur"
         });
       } else if (item.type == "ADDRESS" && item.required) {
@@ -204,13 +337,13 @@ const ScaleViewValidate = (props, state, config) => {
           trigger: "change"
         });
       } else if (item.type == "DATETIME" && props.type == "customList") {
-        let dateMaxType = handleDateMaxType(item);
+        const dateMaxType = handleDateMaxType(item);
         if (!dateMaxType)
           return;
-        let obj = {
-          1: "checkDateMaxCur",
-          2: "checkDateMaxSet",
-          3: "checkDateMaxOther"
+        const obj = {
+          1: checkDateMaxCur,
+          2: checkDateMaxSet,
+          3: checkDateMaxOther
         };
         rules[newTitle].push({
           validator: (rule, value) => obj[dateMaxType](rule, value, item),

package/es/components/scale-view/src/hooks/use-evaluate.js

@@ -44,9 +44,23 @@ const useEvaluate = (props, state, config) => {
   });
   const getEvaluateText = computed(() => {
     if (getEvaluateEnd.value || state.banStart) {
-      return "\u6D4B\u8BC4\u5DF2\u7ED3\u675F";
+      return function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.580")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.580")) || "\u6D4B\u8BC4\u5DF2\u7ED3\u675F";
+        } catch (e) {
+          return "\u6D4B\u8BC4\u5DF2\u7ED3\u675F";
+        }
+      }();
     }
-    return "\u5F00\u59CB\u6D4B\u8BC4";
+    return function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.579")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.579")) || "\u5F00\u59CB\u6D4B\u8BC4";
+      } catch (e) {
+        return "\u5F00\u59CB\u6D4B\u8BC4";
+      }
+    }();
   });
   const disabledEvaluate = computed(() => {
     const res = getEvaluateStartTime.value && !evaluateState.isTimeOut || getEvaluateEnd.value;

package/es/components/scale-view/src/hooks/use-noData.js

@@ -1,19 +1,47 @@
 import { reactive } from 'vue';
 
 function useNoData() {
-  let state = reactive({
+  const state = reactive({
     noData: false,
-    noDataTip: "1.1.6.11",
+    noDataTip: function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.445")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.445")) || "\u6682\u65E0\u6570\u636E";
+      } catch (e) {
+        return "\u6682\u65E0\u6570\u636E";
+      }
+    }(),
     noDataImg: "nodata"
   });
-  const setNoData = (noData, noDataTip = "1.1.6.11", noDataImg = "nodata") => {
+  const setNoData = (noData, noDataTip = function() {
+    var _a, _b, _c;
+    try {
+      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.445")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.445")) || "\u6682\u65E0\u6570\u636E";
+    } catch (e) {
+      return "\u6682\u65E0\u6570\u636E";
+    }
+  }(), noDataImg = "nodata") => {
     state.noData = noData;
-    state.noDataTip = noDataTip || "1.1.6.11";
+    state.noDataTip = noDataTip || function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.445")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.445")) || "\u6682\u65E0\u6570\u636E";
+      } catch (e) {
+        return "\u6682\u65E0\u6570\u636E";
+      }
+    }();
     state.noDataImg = errResult(noDataImg) || "nodata";
   };
   const resetNodata = () => {
     state.noData = false;
-    state.noDataTip = "1.1.6.11";
+    state.noDataTip = function() {
+      var _a, _b, _c;
+      try {
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.445")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.445")) || "\u6682\u65E0\u6570\u636E";
+      } catch (e) {
+        return "\u6682\u65E0\u6570\u636E";
+      }
+    }();
     state.noDataImg = "nodata";
   };
   const errResult = (result) => {

package/es/components/scale-view/src/utils/judge-types.d.ts

@@ -1,8 +1,9 @@
+import { AnyObject } from '../../../../shared/types';
 export declare const isOnlyOptions: (e: string) => boolean;
 export declare const isSortItem: (item: any) => any;
 export declare const isCollection: (e: string) => boolean;
 export declare const isEvaluation: (e: string) => boolean;
-export declare const handleQueryParams: () => {};
+export declare const handleQueryParams: () => AnyObject;
 export declare const getQueryVariable: (variable: any, state: any, params: any) => any;
 export declare const formatMap: {
     datetime: string;

package/es/components/scale-view/src/utils/judge-types.js

@@ -49,18 +49,18 @@ const getQueryVariable = (variable, state, params) => {
   return query[variable] || false;
 };
 const formatMap = {
-  "datetime": "yyyy-MM-dd HH:mm:ss",
-  "datehour": "yyyy-MM-dd HH:mm",
-  "date": "yyyy-MM-dd",
-  "time": "HH:mm:ss",
-  "hour": "HH:mm"
+  datetime: "yyyy-MM-dd HH:mm:ss",
+  datehour: "yyyy-MM-dd HH:mm",
+  date: "yyyy-MM-dd",
+  time: "HH:mm:ss",
+  hour: "HH:mm"
 };
 const valueReg = {
-  "datetime": /^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})$/,
-  "datehour": /^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2})$/,
-  "date": /^(\d{4})-(\d{2})-(\d{2})$/,
-  "time": /^(\d{2}):(\d{2}):(\d{2})$/,
-  "hour": /^(\d{2}):(\d{2})$/
+  datetime: /^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})$/,
+  datehour: /^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2})$/,
+  date: /^(\d{4})-(\d{2})-(\d{2})$/,
+  time: /^(\d{2}):(\d{2}):(\d{2})$/,
+  hour: /^(\d{2}):(\d{2})$/
 };
 const transDbvalueFormat = /* @__PURE__ */ new Map([["datetime", ["datetime", "datehour", "date", "time", "hour"]], ["datehour", ["datetime", "datehour", "date", "time", "hour"]], ["date", ["date"]], ["time", ["time", "hour"]], ["hour", ["time", "hour"]]]);
 

package/es/components/scale-view/src/utils/watch-form-change.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 表单变更检查器
+ * 用于手动检查表单对象是否发生实际变更
+ */
+export declare function useFormChangeWatcher<T extends Record<string, any>>(): {
+    setInitialSnapshot: (formData: T) => void;
+    checkFormChange: (newFormData?: T | null) => boolean;
+    getInitialSnapshot: () => T | null;
+    getFormDiff: (newFormData?: T | null) => Record<string, {
+        old: any;
+        new: any;
+    }> | null;
+};

package/es/components/scale-view/src/utils/watch-form-change.js

@@ -0,0 +1,71 @@
+import { cloneDeep, isEqual } from 'lodash-es';
+
+function customIsEqual(newValue, oldValue) {
+  if (isArrayEmpty(newValue) && (isArrayEmpty(oldValue) || oldValue === "")) {
+    return true;
+  }
+  if (typeof newValue === "object" && typeof oldValue === "object" && newValue !== null && oldValue !== null) {
+    if (Array.isArray(newValue) && Array.isArray(oldValue)) {
+      return isEqual(newValue, oldValue);
+    } else if (!Array.isArray(newValue) && !Array.isArray(oldValue)) {
+      const newKeys = Object.keys(newValue);
+      const oldKeys = Object.keys(oldValue);
+      if (newKeys.length !== oldKeys.length) {
+        return false;
+      }
+      for (const key of newKeys) {
+        if (!oldKeys.includes(key) || !customIsEqual(newValue[key], oldValue[key])) {
+          return false;
+        }
+      }
+      return true;
+    }
+  }
+  return isEqual(newValue, oldValue);
+}
+function isArrayEmpty(value) {
+  return value === null || Array.isArray(value) && value.length === 0;
+}
+function useFormChangeWatcher() {
+  let initialSnapshot = null;
+  const setInitialSnapshot = (formData) => {
+    initialSnapshot = cloneDeep(formData);
+  };
+  const checkFormChange = (newFormData = null) => {
+    if (!initialSnapshot) {
+      return false;
+    }
+    return !customIsEqual(newFormData, initialSnapshot);
+  };
+  const getInitialSnapshot = () => {
+    return initialSnapshot ? cloneDeep(initialSnapshot) : null;
+  };
+  const getFormDiff = (newFormData = null) => {
+    if (!initialSnapshot)
+      return null;
+    if (!newFormData)
+      return null;
+    const current = newFormData;
+    const diff = {};
+    const allKeys = /* @__PURE__ */ new Set([...Object.keys(initialSnapshot), ...Object.keys(current)]);
+    allKeys.forEach((key) => {
+      const oldValue = initialSnapshot[key];
+      const newValue = current[key];
+      if (!customIsEqual(oldValue, newValue)) {
+        diff[key] = {
+          old: oldValue,
+          new: newValue
+        };
+      }
+    });
+    return Object.keys(diff).length > 0 ? diff : null;
+  };
+  return {
+    setInitialSnapshot,
+    checkFormChange,
+    getInitialSnapshot,
+    getFormDiff
+  };
+}
+
+export { useFormChangeWatcher };