cnhis-design-vue 3.1.12-beta.0 → 3.1.12-beta.3

package/es/packages/form-table/src/hooks/useDateType.js

@@ -1 +1,160 @@
-export { useDateType } from './useDateType2.js';
+import moment from 'moment';
+import { nextTick } from 'vue';
+import vexutils from '../../../../src/utils/vexutils';
+
+function useDateType(openRef) {
+  function disabledDatePicker(current, item) {
+    var _a;
+    if (!item.validate)
+      return;
+    const momentFormat = ((_a = item == null ? void 0 : item.validate) == null ? void 0 : _a.momentFormat) || "days";
+    if (!item.validate.max_date && item.validate.min_date) {
+      if (item.validate.min_date === "currTime") {
+        return current && current < moment().startOf(momentFormat);
+      } else if (item.validate.min_date) {
+        return current && current < moment(item.validate.min_date);
+      }
+    }
+    if (!item.validate.min_date && item.validate.max_date) {
+      if (item.validate.max_date === "currTime") {
+        return current >= moment().endOf(momentFormat);
+      } else if (item.validate.max_date) {
+        return current && current >= moment(item.validate.max_date).endOf(momentFormat);
+      }
+    }
+    if (item.validate.min_date && item.validate.max_date) {
+      if (item.validate.min_date != "currTime" && item.validate.max_date != "currTime") {
+        return current && current < moment(item.validate.min_date) || current && current >= moment(item.validate.max_date).endOf(momentFormat);
+      } else if (item.validate.min_date == "currTime" && item.validate.max_date != "currTime") {
+        return current && current < moment().startOf("days") || current && current >= moment(item.validate.max_date).endOf(momentFormat);
+      } else if (item.validate.min_date != "currTime" && item.validate.max_date == "currTime") {
+        return current && current < moment(item.validate.min_date) || current >= moment().endOf(momentFormat);
+      } else if (item.validate.min_date == "currTime" && item.validate.max_date == "currTime") {
+        return current && current < moment().startOf("days") || current >= moment().endOf(momentFormat);
+      }
+    }
+  }
+  function disabledTimePicker(current, item) {
+    var _a;
+    if (!item.validate)
+      return;
+    if (item.date_format === "YYYY-MM-dd HH:mm:ss") {
+      if (vexutils.isEmpty(item.validate.timeRange) || !item.validate.isSpliceHour) {
+        disabledMethodTimeRange(item);
+      }
+    }
+    const { timeRange = {} } = item.validate;
+    if (!vexutils.isEmpty(timeRange)) {
+      const { hArr = [], mArr = [], sArr = [] } = timeRange;
+      let hRange = range(hArr[0], hArr[1]);
+      if (item.date_format === "YYYY-MM-dd HH:mm:ss") {
+        if (item.validate.isSpliceHour) {
+          const length = hArr[1] - hArr[0];
+          const tempRange = range(0, 24);
+          tempRange.splice(hArr[0], length + 1);
+          hRange = tempRange;
+        }
+      }
+      let diff = 0;
+      if (["startDate", "endDate"].includes(item.attr) && "currTime" == ((_a = item == null ? void 0 : item.validate) == null ? void 0 : _a.min_date)) {
+        diff = 1;
+      }
+      return {
+        disabledHours: () => hRange,
+        disabledMinutes: () => range(mArr[0], mArr[1] - diff),
+        disabledSeconds: () => range(sArr[0], sArr[1] - diff * 5)
+      };
+    }
+  }
+  function openTimeChange(open, item) {
+    openRef.value = open;
+    if (!item.validate)
+      return;
+    if (!open) {
+      nextTick(() => {
+        Reflect.set(item.validate, "setCurrTime", false);
+      });
+    }
+  }
+  function disabledHours(item, type) {
+    if (!item.validate)
+      return;
+    if (vexutils.isEmpty(item.validate.timeRange) || !item.validate.isSpliceHour) {
+      disabledMethodTimeRange(item);
+    }
+    const { timeRange = {} } = item.validate;
+    if (!vexutils.isEmpty(timeRange)) {
+      const { hArr = [], mArr = [], sArr = [] } = timeRange;
+      let hRange = range(hArr[0], hArr[1]);
+      if (item.validate.min_date && item.validate.max_date) {
+        const length = hArr[1] - hArr[0];
+        const tempRange = range(0, 24);
+        tempRange.splice(hArr[0], length + 1);
+        hRange = tempRange;
+      }
+      if (type === "h") {
+        return () => hRange;
+      } else if (type === "m") {
+        return () => range(mArr[0], mArr[1]);
+      } else if (type === "s") {
+        return () => range(sArr[0], sArr[1]);
+      }
+    }
+  }
+  function disabledMethodTimeRange(item) {
+    const currTime = new Date().valueOf();
+    if (!item.validate)
+      return;
+    if ((item.validate.max_date === "currTime" && item.attr === "startDate" || item.validate.min_date === "currTime" && item.attr === "endDate") && !item.validate.setCurrTime) {
+      Reflect.set(item.validate, "setCurrTime", true);
+      item.validate.timeRange = handleCompareTimeRange(currTime, item, "match");
+      item.validate.currTime = currTime;
+    }
+    if ((item.validate.min_date === "currTime" && item.attr === "startDate" || item.validate.max_date === "currTime" && item.attr === "endDate") && !item.validate.setCurrTime) {
+      Reflect.set(item.validate, "setCurrTime", true);
+      item.validate.timeRange = handleCompareTimeRange(currTime, item, "compare");
+      item.validate.currTime = currTime;
+    }
+  }
+  function handleCompareTimeRange(time, item, type) {
+    let timeRange = {};
+    const h = moment(time).hour();
+    const m = moment(time).minute();
+    const s = moment(time).second();
+    if (type === "compare" && item.attr === "startDate" || type === "match" && item.attr === "endDate") {
+      timeRange = setTimeRangeArr(0, h, 0, m, 0, s + 1);
+    } else if (type === "compare" && item.attr === "endDate" || type === "match" && item.attr === "startDate") {
+      timeRange = setTimeRangeArr(h + 1, 24, m + 1, 60, s, 60);
+    }
+    return timeRange;
+  }
+  function setTimeRangeArr(hMin, HMax, mMin, mMax, sMin, sMax) {
+    const timeRange = {};
+    timeRange.hArr = [hMin, HMax];
+    timeRange.mArr = [mMin, mMax];
+    timeRange.sArr = [sMin, sMax];
+    return timeRange;
+  }
+  function range(start, end) {
+    const result = [];
+    for (let i = start; i < end; i++) {
+      result.push(i);
+    }
+    return result;
+  }
+  function openDateChange(open, item) {
+  }
+  return {
+    disabledDatePicker,
+    disabledTimePicker,
+    openTimeChange,
+    disabledHours,
+    disabledMethodTimeRange,
+    handleCompareTimeRange,
+    setTimeRangeArr,
+    range,
+    openDateChange
+  };
+}
+
+export { useDateType };

package/es/packages/form-table/src/hooks/useFormCommon.js

@@ -1 +1,100 @@
-export { useFormCommon } from './useFormCommon2.js';
+import vexutils from '../../../../src/utils/vexutils';
+
+function useFormCommon({
+  item,
+  row,
+  defaultValue,
+  defaultFieldList
+}) {
+  function handleSetFieldsValue(setObj = {}, target) {
+    const setVal = { ...setObj };
+    if (typeof setVal === "object") {
+      let list = Object.entries(setVal || {});
+      list.forEach((f) => {
+        let [key, value] = f;
+        if (!key)
+          return;
+        if (handleCheckKeyInform(key)) {
+          row[key] = value;
+        } else {
+          if (item) {
+            defaultValue[item.name] = value;
+          } else {
+            if (row[key]) {
+              let name = row[key].name;
+              name && (defaultValue[name] = value);
+            }
+          }
+        }
+        row[key] = value;
+      });
+    }
+  }
+  function handleCheckKeyInform(key) {
+    let baserFormKeys = row;
+    let keyList = Object.keys(baserFormKeys || {});
+    return keyList.includes(key);
+  }
+  function handleGetTargetList(t = {}) {
+    if (t.group) {
+      return defaultFieldList.filter((v) => v.group == t.group);
+    }
+    return defaultFieldList || [];
+  }
+  function transformStr(item2) {
+    const def = defaultValue[item2.name];
+    const propsDef = def || def !== "" && def == 0 ? def : item2.default_val;
+    let defVal = propsDef || propsDef == 0 ? propsDef : "";
+    defVal = String(defVal);
+    return defVal;
+  }
+  function handlerGetDateType(data) {
+    let dateType;
+    switch (data.html_type) {
+      case "DATETIME-INPUT":
+        dateType = "YYYY-MM-DD HH:mm:ss";
+        break;
+      case "DATE-INPUT":
+        dateType = "YYYY-MM-DD";
+        break;
+      case "TIME-INPUT":
+        dateType = "HH:mm:ss";
+        break;
+      case "DATE":
+        data.date_format = data.date_format && data.date_format.replace(/yyyy/gi, "YYYY");
+        dateType = (data.date_format || "YYYY-MM-DD").replace(/yyyy-MM-dd/gi, "YYYY-MM-DD").replace(/hh:mm:ss/gi, "HH:mm:ss").replace(/hh:mm/gi, "HH:mm");
+        break;
+      default:
+        dateType = data.date_format || "YYYY-MM-DD";
+        break;
+    }
+    return dateType;
+  }
+  function handleGetJsonStr(str) {
+    let resObj = {};
+    if (vexutils.isJSON(str)) {
+      resObj = JSON.parse(str);
+    } else {
+      resObj = typeof str === "string" ? {} : str;
+    }
+    if (resObj && !resObj.objs && resObj.value) {
+      if (vexutils.isJSON(resObj.value)) {
+        resObj = JSON.parse(resObj.value);
+        if (resObj.type === "jsonb") {
+          resObj = handleGetJsonStr(resObj);
+        }
+      }
+    }
+    return resObj;
+  }
+  return {
+    handleSetFieldsValue,
+    handleCheckKeyInform,
+    handleGetJsonStr,
+    handlerGetDateType,
+    transformStr,
+    handleGetTargetList
+  };
+}
+
+export { useFormCommon };

package/es/packages/form-table/src/hooks/useFormEvent.js

@@ -1 +1,67 @@
-export { useFormEvent } from './useFormEvent2.js';
+import vexutils from '../../../../src/utils/vexutils';
+
+function useFormEvent({ mainForm, row, userInfo }, handleSetFieldsValue) {
+  async function handleOperational(v) {
+    let curKey = v.val_key;
+    const {
+      operationalForm = []
+    } = mainForm || {};
+    setTimeout(async () => {
+      var _a;
+      let formValue = row;
+      let obj = {
+        table: formValue,
+        form: formValue,
+        sys: ((_a = userInfo == null ? void 0 : userInfo.map) == null ? void 0 : _a.sysParams) || {}
+      };
+      operationalForm.forEach((v) => {
+        let itemRes;
+        let operationalRule = vexutils.handleSysParams(v.operationalRule, obj, 0);
+        let operationFormParam = v.operationFormParam;
+        let f = operationFormParam.find((v2) => v2.includes(curKey));
+        if (!f)
+          return;
+        let operationalResult = handleGetOperationalKey(v.operationalResult);
+        let targetValueStr = "itemRes=" + operationalRule;
+        try {
+          eval(targetValueStr);
+          let operationalPrecision = +v.operationalPrecision;
+          if (typeof itemRes === "number" && !isFinite(itemRes)) {
+            itemRes = 0;
+          }
+          if (operationalPrecision && String(itemRes).includes(".")) {
+            itemRes = itemRes.toFixed(operationalPrecision);
+          }
+          console.log(itemRes, "---itemRes");
+          handleSetFieldsValue({
+            [operationalResult]: itemRes
+          });
+        } catch (error) {
+          console.log(error, "\u8BA1\u7B97\u51FA\u9519");
+        }
+      });
+    }, 16);
+  }
+  function handleGetOperationalKey(str) {
+    const getVal = (t, r) => {
+      return t.replace(r, function(...args) {
+        return args[1] || "";
+      });
+    };
+    if (typeof str === "string") {
+      if (str.includes("form.")) {
+        str = getVal(str, /form.(.*?)/g);
+      } else if (str.includes("sys.")) {
+        str = getVal(str, /sys.(.*?)/g);
+      } else if (str.includes("db.")) {
+        str = getVal(str, /db.(.*?)/g);
+      } else if (str.includes("table.")) {
+        str = getVal(str, /table.(.*?)/g);
+      }
+    }
+    return str;
+  }
+  return { handleGetOperationalKey, handleOperational };
+}
+
+export { useFormEvent };

package/es/packages/form-table/src/hooks/useItemDefault.js

@@ -1 +1,218 @@
-export { useItemDefault } from './useItemDefault2.js';
+import vexutils from '../../../../src/utils/vexutils';
+import moment from 'moment';
+import { inject, onMounted, nextTick, computed } from 'vue';
+import { useBoundDate } from '../../../../packages/form-table/src/hooks/useBoundDate';
+import { useFormCommon } from '../../../../packages/form-table/src/hooks/useFormCommon';
+import { useFormEvent } from '../../../../packages/form-table/src/hooks/useFormEvent';
+import { useValidate } from '../../../../packages/form-table/src/hooks/useValidate';
+
+function useItemDefault({
+  message,
+  props,
+  emit: emit2
+}) {
+  const {
+    handleGetRules,
+    handlerSetIdCarInfoValidate,
+    getInputCheck,
+    getCustomRegular,
+    checkDigital,
+    checkAgeJson,
+    checkAge,
+    checkMultipleChoice,
+    checkLength,
+    checkinputBlank,
+    checkSearchCascade,
+    checkMultipleTree
+  } = useValidate({ message });
+  const {
+    handleSetFieldsValue,
+    handleCheckKeyInform,
+    handleGetJsonStr,
+    handlerGetDateType,
+    transformStr,
+    handleGetTargetList
+  } = useFormCommon(props);
+  const { handleGetOperationalKey, handleOperational } = useFormEvent(props, handleSetFieldsValue);
+  const {
+    isBoundDate,
+    handleDateClearBtn,
+    handleStartDateEndDate,
+    showTimePanel,
+    momentLib,
+    judgeTimeBoundary,
+    setTimeValue,
+    judgeTimeRange,
+    isSameDate,
+    setDefaultCurrent,
+    handleDefaultRimeRange,
+    judgeMinMaxDateIsSameDate,
+    handleDefaultTimeRange,
+    changeTimeDate,
+    setTimeRangeArr
+  } = useBoundDate(props, handlerGetDateType, handleSetFieldsValue);
+  const formTable = inject("formTable", {});
+  onMounted(async () => {
+    await nextTick();
+    defaultInit();
+  });
+  const hasErr = computed(() => {
+    var _a;
+    let key = `__${props.item.val_key}-errorMsg__`;
+    return (_a = props.item) == null ? void 0 : _a[key];
+  });
+  function handleGetUniqueKey(id) {
+    return props.cacheUniqueKey[id];
+  }
+  function handleSysParams(str) {
+    var _a, _b;
+    let p = {
+      form: { ...props.defaultValue },
+      sys: ((_b = (_a = props == null ? void 0 : props.userInfo) == null ? void 0 : _a.map) == null ? void 0 : _b.sysParams) || {},
+      db: { ...props.dbParams || {} }
+    };
+    str = vexutils.handleSysParams(str, p);
+    if (!str && +str !== 0 || ["undefined", "null"].includes(str)) {
+      str = "";
+    }
+    return str;
+  }
+  function defaultInit() {
+    const { validate = {}, name, default_val, html_type } = props.item;
+    let targetStr = props.defaultValue[name] || default_val;
+    targetStr = handleSysParams(targetStr);
+    let isInitBlur = targetStr || String(targetStr) === "0";
+    if (html_type == "SEARCH_MORE") {
+      isInitBlur = false;
+    }
+    if (["last_menstrual"].includes(validate.obj_type)) ; else if (["birthday"].includes(validate.obj_type)) ; else if (isInitBlur) {
+      handleTableBlur({}, { eventType: "init" });
+    }
+  }
+  function handleTableBlur(e, config = {}) {
+    console.log("\u89E6\u53D1----handleTableBlur---handleTableBlur");
+    const { validate, html_type, val_key } = props.item;
+    let value = props.row[val_key];
+    let { validate: isValidate, errorMsg } = handleGetRules(value, props.item);
+    let key = `__${val_key}-errorMsg__`;
+    let err = errorMsg;
+    if (isValidate) {
+      err = void 0;
+    }
+    if (props.item.attr === "startDate" || props.item.attr === "endDate") {
+      isBoundDate(e, props.item);
+    }
+    if (["DIGITAL"].includes(html_type)) {
+      handleOperational(props.item);
+    }
+    Reflect.set(props.item, key, err);
+    emit2("tableBlur", props.item, props.row, config);
+    e == null ? void 0 : e.preventDefault();
+    e == null ? void 0 : e.stopPropagation();
+  }
+  function handleFormParams(str) {
+    const { row } = props;
+    if (!str)
+      return "";
+    return str.replace(/\${(.*?)\}/g, function() {
+      var pKey = arguments[1];
+      var pls = pKey.split("!");
+      var plsList = pls.slice(1);
+      var f = plsList.find((v) => v || +v === 0);
+      return row[pls[0]] || f || "";
+    });
+  }
+  function radioColor() {
+    return function(p, isOnlyRead) {
+      let def = isOnlyRead ? "#212121" : "rgba(0, 0, 0, 0.65)";
+      return (p == null ? void 0 : p.color) || def;
+    };
+  }
+  function handleGetAgeUnit(ageInfo = {}) {
+    if (Object.keys(ageInfo || {}).length === 0) {
+      return;
+    }
+    const list = ["year", "month", "day"];
+    return list.find((v) => ageInfo[v] > 0) || "day";
+  }
+  function handleAgeToBirthDay(val, f, item) {
+    const fn = (val2, key) => moment().subtract(val2, key);
+    let curVal = fn(val, f);
+    if (!Reflect.get(curVal, "_isAMomentObject"))
+      return;
+    let mapList = handleGetTargetList(item);
+    let target = mapList.find((v) => v.validate && v.validate.obj_type == "birthday");
+    if (target) {
+      handleSetFieldsValue({
+        [target.val_key]: curVal
+      });
+    }
+  }
+  function changeAgeSelect(val, item) {
+    const values = val.toLowerCase();
+    const matchAgeItem = props.defaultFieldList.find((v) => {
+      var _a;
+      return v.html_type == "AGE" && ((_a = v.validate) == null ? void 0 : _a.obj_type) == "age";
+    });
+    if (matchAgeItem && matchAgeItem.isFillAge) {
+      const mapList = props.defaultFieldList;
+      mapList.forEach((v) => {
+        const { validate, html_type } = v;
+        if (validate && validate.obj_type == "age" && html_type == "AGE") {
+          item.ageRes = v.ageRes;
+          handleSetFieldsValue({
+            [v.val_key]: v.ageRes[values]
+          });
+        }
+      });
+    } else {
+      handleSetFieldsValue({});
+    }
+    nextTick(() => {
+      handleTableBlur();
+    });
+  }
+  return {
+    formTable,
+    hasErr,
+    handleGetJsonStr,
+    handleSetFieldsValue,
+    handleGetUniqueKey,
+    handleSysParams,
+    defaultInit,
+    handleTableBlur,
+    handleFormParams,
+    radioColor,
+    handleGetAgeUnit,
+    handleAgeToBirthDay,
+    changeAgeSelect,
+    handlerSetIdCarInfoValidate,
+    getInputCheck,
+    getCustomRegular,
+    checkDigital,
+    checkAgeJson,
+    checkAge,
+    checkMultipleChoice,
+    checkLength,
+    checkinputBlank,
+    handlerGetDateType,
+    checkSearchCascade,
+    checkMultipleTree,
+    handleDateClearBtn,
+    handleStartDateEndDate,
+    showTimePanel,
+    momentLib,
+    judgeTimeBoundary,
+    setTimeValue,
+    judgeTimeRange,
+    isSameDate,
+    setDefaultCurrent,
+    handleDefaultRimeRange,
+    judgeMinMaxDateIsSameDate,
+    handleDefaultTimeRange,
+    changeTimeDate,
+    setTimeRangeArr
+  };
+}
+
+export { useItemDefault };