cnhis-design-vue 3.1.14-beta.2 → 3.1.14-beta.5

package/es/packages/form-table/src/hooks/useValidate.d.ts

@@ -0,0 +1,24 @@
+import { AnyObject, Func } from '../../../../../es/src/types';
+import { MessageInstance, ValidateFunc, ValidateInfo } from '../../../../../es/packages/form-table/src/types';
+export declare function useValidate(context: {
+    message: MessageInstance;
+}): {
+    handleGetRules: (value: any, item: AnyObject, hideMessage?: boolean) => ValidateInfo;
+    handlerSetIdCarInfoValidate: (value: any, item: AnyObject, callback: Func) => void;
+    getInputCheck: (validate?: string) => {
+        pattern: RegExp;
+        message: string;
+    } | undefined;
+    getCustomRegular: (item: AnyObject) => {
+        pattern: RegExp;
+        message: any;
+    } | null;
+    checkDigital: ValidateFunc;
+    checkAgeJson: ValidateFunc;
+    checkAge: ValidateFunc;
+    checkMultipleChoice: ValidateFunc;
+    checkLength: ValidateFunc;
+    checkinputBlank: ValidateFunc;
+    checkSearchCascade: ValidateFunc;
+    checkMultipleTree: ValidateFunc;
+};

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

@@ -0,0 +1,480 @@
+function useValidate(context) {
+  function handleGetRules(value, item, hideMessage = false) {
+    let res = {
+      validate: true,
+      errorMsg: void 0
+    };
+    const { validate = {}, is_null } = item;
+    let { vali_obj } = validate;
+    if (item.lineBarCheck || item.is_hide_field) {
+      return res;
+    }
+    let errorMsg = `\u8BF7\u8F93\u5165${item.name}`;
+    switch (item.html_type) {
+      case "INPUT":
+      case "TEXTAREA":
+        if (item.is_null == 0 && !value) {
+          !hideMessage && context.message.error(errorMsg);
+          res = {
+            validate: false,
+            errorMsg
+          };
+          return res;
+        }
+        if (vali_obj != "mobile") {
+          checkLength(value, item, (msg) => {
+            if (msg) {
+              !hideMessage && context.message.error(msg);
+              res = {
+                validate: false,
+                errorMsg: msg
+              };
+              return res;
+            }
+          });
+        }
+        if (["integer", "number"].includes(vali_obj)) {
+          const rule = getInputCheck(vali_obj);
+          if (rule) {
+            let { pattern, message } = rule;
+            let res2 = pattern.test(value);
+            if (!res2) {
+              !hideMessage && context.message.error(message);
+              res2 = {
+                validate: false,
+                errorMsg: message
+              };
+              return res2;
+            }
+          }
+        }
+        if (vali_obj == "id_card" && value) {
+          handlerSetIdCarInfoValidate(value, item, (msg) => {
+            if (msg) {
+              !hideMessage && context.message.error(msg);
+              res = {
+                validate: false,
+                errorMsg: msg
+              };
+              return res;
+            }
+          });
+        }
+        if (vali_obj == "regular" && item.html_type == "INPUT") {
+          let rule = getCustomRegular(item);
+          if (value && rule) {
+            let { pattern, message } = rule;
+            let res2 = pattern.test(value);
+            if (!res2) {
+              !hideMessage && context.message.error(message);
+              res2 = {
+                validate: false,
+                errorMsg: message
+              };
+              return res2;
+            }
+          }
+        } else {
+          checkinputBlank(value, item, (msg) => {
+            if (msg) {
+              !hideMessage && context.message.error(msg);
+              res = {
+                validate: false,
+                errorMsg: msg
+              };
+              return res;
+            }
+          });
+        }
+        break;
+      case "DIGITAL":
+        checkDigital(value, item, (msg) => {
+          if (msg) {
+            !hideMessage && context.message.error(msg);
+            res = {
+              validate: false,
+              errorMsg: msg
+            };
+            return res;
+          }
+        });
+        break;
+      case "AGE_JSON":
+        checkAgeJson(value, item, (msg) => {
+          if (msg) {
+            !hideMessage && context.message.error(msg);
+            res = {
+              validate: false,
+              errorMsg: msg
+            };
+            return res;
+          }
+        });
+        break;
+      case "AGE":
+        if (item.is_null == 0 && !value) {
+          !hideMessage && context.message.error(errorMsg);
+          res = {
+            validate: false,
+            errorMsg
+          };
+          return res;
+        }
+        checkAge(value, item, (msg) => {
+          if (msg) {
+            !hideMessage && context.message.error(msg);
+            res = {
+              validate: false,
+              errorMsg: msg
+            };
+            return res;
+          }
+        });
+        break;
+      case "CHECKBOX_BLOCK":
+      case "CHECKBOX":
+      case "SEARCH_MORE":
+        if (item.is_null == 0 && (!value || !value.length)) {
+          !hideMessage && context.message.error(`\u8BF7\u9009\u62E9${item.name}`);
+          res = {
+            validate: false,
+            errorMsg: `\u8BF7\u9009\u62E9${item.name}`
+          };
+          return res;
+        }
+        checkMultipleChoice(value, item, (msg) => {
+          if (msg) {
+            !hideMessage && context.message.error(msg);
+            res = {
+              validate: false,
+              errorMsg: msg
+            };
+            return res;
+          }
+        });
+        break;
+      case "SELECT":
+        if (String(item.multi_select) === "0") {
+          checkMultipleChoice(value, item, (msg) => {
+            if (msg) {
+              !hideMessage && context.message.error(msg);
+              res = {
+                validate: false,
+                errorMsg: msg
+              };
+              return res;
+            }
+          });
+        }
+        break;
+      case "SEARCH_TREE":
+        checkMultipleTree(value, item, (msg) => {
+          if (msg) {
+            !hideMessage && context.message.error(msg);
+            res = {
+              validate: false,
+              errorMsg: msg
+            };
+            return res;
+          }
+        });
+        break;
+      default:
+        if (item.is_null == 0 && !value) {
+          !hideMessage && context.message.error(`\u8BF7\u9009\u62E9${item.name}`);
+          res = {
+            validate: false,
+            errorMsg: `\u8BF7\u9009\u62E9${item.name}`
+          };
+          return res;
+        }
+        break;
+    }
+    if (validate && vali_obj == "mobile" && !validate.phone_idcard_type && is_null == 0) {
+      let res2 = /(^[0-9]{11,11}$)/.test(value);
+      if (!res2) {
+        !hideMessage && context.message.error("\u8BF7\u6B63\u786E\u8F93\u5165\u624B\u673A\u53F7");
+        res2 = {
+          validate: false,
+          errorMsg: "\u8BF7\u6B63\u786E\u8F93\u5165\u624B\u673A\u53F7"
+        };
+        return res2;
+      }
+    }
+    return res;
+  }
+  function handlerSetIdCarInfoValidate(value, item, callback) {
+    try {
+      const { validate = {} } = item || {};
+      if (validate.vali_obj == "id_card") {
+        const pat = /^\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}))$/;
+        if (!pat.test(value)) {
+          callback("\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u8EAB\u4EFD\u8BC1\u53F7\u7801");
+          return;
+        }
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------handlerSetIdCarInfoValidate");
+      callback();
+    }
+  }
+  const checkDigital = (value, item, callback) => {
+    try {
+      const { validate, is_null, decimal_length, alias, name } = item;
+      const { min_value, max_value } = validate || {};
+      let showName = alias || name;
+      if (isNaN(+value)) {
+        callback("\u53EA\u80FD\u8F93\u5165\u6570\u5B57");
+        return;
+      }
+      if (is_null == 0 && !value && value != 0) {
+        callback(`\u8BF7\u8F93\u5165${showName}\u6709\u6548\u8303\u56F4`);
+        return;
+      }
+      if (!value && value !== 0) {
+        if (is_null == 0) {
+          callback(`\u8BF7\u8F93\u5165${showName}\u6709\u6548\u8303\u56F4`);
+        } else {
+          callback();
+        }
+        return;
+      }
+      const decimalLen = decimal_length || validate.decimal_length;
+      const valList = (value + "").trim().split(".");
+      if (decimalLen && decimalLen != 0) {
+        if (valList[1] && valList[1].length > decimalLen) {
+          callback("\u5C0F\u6570\u6700\u591A" + decimalLen + "\u4F4D");
+          return;
+        }
+      } else {
+        const flag = /^-?[0-9]+$/.test(value);
+        if (!flag) {
+          callback("\u8BF7\u8F93\u5165\u6574\u6570");
+          return;
+        }
+      }
+      let max = +value > +max_value, min = +min_value > +value;
+      if ((min_value || max_value) && (value || value == 0)) {
+        if ((min_value || String(min_value) === "0") && max_value && (max || min)) {
+          callback(`\u8BF7\u8F93\u5165${min_value}~${max_value}`);
+        } else if (min_value && min) {
+          callback(`\u8BF7\u8F93\u5165${showName}\u6709\u6548\u8303\u56F4`);
+        } else if (max_value && max) {
+          callback(`\u8BF7\u8F93\u5165${showName}\u6709\u6548\u8303\u56F4`);
+        }
+        callback();
+        return;
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------checkAgeJson");
+      callback();
+    }
+  };
+  const checkAgeJson = (value, item, callback) => {
+    try {
+      const { is_null, alias, name } = item;
+      const { year, month, day, days } = value;
+      const c = (val) => String(val) === "0" || val > 0;
+      const checkval = () => !(c(year) || c(month) || c(day));
+      if (is_null == 0) {
+        if (checkval()) {
+          callback(`\u8BF7\u8F93\u5165${alias || name}`);
+          return;
+        } else if (days > 73e3) {
+          callback(`\u8D85\u51FA\u5E74\u9F84\u8303\u56F40~200\u5C81`);
+          return;
+        }
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------checkAgeJson");
+      callback();
+    }
+  };
+  const checkAge = (value, item, callback) => {
+    try {
+      let { is_null, name, alias } = item;
+      if (!value && is_null == 0) {
+        callback(`${alias || name}\u4E0D\u80FD\u4E3A\u7A7A`);
+        return;
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------checkMultipleChoice");
+      callback();
+    }
+  };
+  const checkMultipleChoice = (value, item, callback) => {
+    try {
+      const { multi_select, multi_select_value, is_null, alias, name } = item;
+      if (Array.isArray(value)) {
+        if (is_null == 0) {
+          if (value.length === 0) {
+            callback();
+            return;
+          }
+        }
+        if (is_null == 1 && value.length === 0) {
+          callback();
+          return;
+        }
+        if (multi_select_value) {
+          if (value.length > multi_select_value) {
+            callback(`\u6700\u591A\u53EA\u80FD\u9009\u62E9${multi_select_value}\u9879`);
+          }
+        }
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------checkMultipleChoice");
+      callback();
+    }
+  };
+  const checkLength = (value, item, callback) => {
+    try {
+      console.log(value, "---value---checkLength");
+      const { validate = {}, is_null, html_type } = item || {};
+      let { min_length, max_length } = validate || {};
+      let curval = value + "";
+      if (html_type === "INPUT") {
+        max_length = max_length ? +max_length : 300;
+      } else if (html_type === "TEXTAREA") {
+        max_length = max_length ? +max_length : 500;
+      } else if (html_type === "RICH_TEXT") {
+        const div = document.createElement("div");
+        div.innerHTML = value;
+        curval = div.innerText;
+      }
+      const strlen = curval.length;
+      let max = strlen > max_length, min = min_length > strlen;
+      if (is_null == 0 && !value && value != 0) {
+        callback(`\u8BF7\u8F93\u5165${min_length || 0}-${max_length}\u4E2A\u5B57\u7B26`);
+        return;
+      }
+      if (is_null == 1 && !value) {
+        callback();
+        return;
+      }
+      if ((min_length || String(min_length) === "0") && max_length && (max || min)) {
+        callback(`\u8BF7\u8F93\u5165${min_length || 0}-${max_length}\u4E2A\u5B57\u7B26`);
+      } else if (min_length && min) {
+        callback(`\u81F3\u5C11\u8F93\u5165${min_length}\u4E2A\u5B57\u7B26`);
+      } else if (max_length && max) {
+        callback(`\u6700\u591A\u53EA\u80FD\u8F93\u5165${max_length}\u4E2A\u5B57\u7B26`);
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------checkLength");
+      callback();
+    }
+  };
+  function getInputCheck(validate) {
+    if (!validate)
+      return;
+    const isInteger = validate == "integer";
+    return {
+      pattern: isInteger ? /^-?[0-9]+$/ : /^(-?[0-9]+)(\.[0-9]+)?$/,
+      message: isInteger ? "\u53EA\u80FD\u8F93\u5165\u6574\u6570" : "\u53EA\u80FD\u8F93\u5165\u6574\u6570\u548C\u5C0F\u6570"
+    };
+  }
+  function getCustomRegular(item) {
+    try {
+      const { validate = {}, regular_expression, regular_error_tip } = item;
+      let regStr = regular_expression || (validate == null ? void 0 : validate.regular_expression);
+      let tip = regular_error_tip || (validate == null ? void 0 : validate.regular_error_tip);
+      if (!regStr) {
+        console.log(`${item.name}\u6B63\u5219\u9519\u8BEF\uFF1A`, regStr);
+        return null;
+      }
+      const reg = new RegExp(regStr);
+      return {
+        pattern: reg,
+        message: tip || "\u8BF7\u8F93\u5165\u6709\u6548\u683C\u5F0F"
+      };
+    } catch (error) {
+      return null;
+    }
+  }
+  const checkinputBlank = (value, item, callback) => {
+    try {
+      const { is_null, delete_before_after_spaces } = item;
+      if (typeof value === "string" && delete_before_after_spaces == 1) {
+        let val = value.trim();
+        if (!val && is_null == 0) {
+          callback(`\u4E0D\u53EF\u4E3A\u7A7A`);
+          return;
+        }
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------checkinputBlank");
+      callback();
+    }
+  };
+  const checkSearchCascade = (value, item, callback) => {
+    try {
+      let curval = value;
+      const { is_null, name } = item;
+      if (!Array.isArray(curval)) {
+        callback();
+        return;
+      }
+      curval = curval == null ? void 0 : curval.filter(Boolean);
+      let len = (curval == null ? void 0 : curval.length) || 0;
+      if (is_null == 1 && len === 0) {
+        callback();
+        return;
+      } else if (is_null == 0 && (!curval || len === 0)) {
+        callback(`\u8BF7\u9009${name}`);
+      }
+      callback();
+    } catch (error) {
+      console.log(error, "------checkSearchCascade");
+      callback();
+    }
+  };
+  const checkMultipleTree = (value, item, callback) => {
+    try {
+      let { is_null, name, alias, val_key, multi_select_value, multi_select, max_length } = item;
+      let selectedKey = `${val_key}_${name}`;
+      if (Array.isArray(value)) {
+        if (is_null == 0) {
+          if (!value.length) {
+            callback();
+            return;
+          }
+        }
+        if (is_null == 1 && !value.length) {
+          callback();
+          return;
+        }
+        if (max_length && Number(max_length)) {
+          if (value.length > +max_length) {
+            callback(`${alias || name} \u6700\u591A\u53EA\u80FD\u9009\u62E9${max_length}\u9879`);
+          }
+        }
+      }
+      callback();
+    } catch (error) {
+      callback();
+    }
+  };
+  return {
+    handleGetRules,
+    handlerSetIdCarInfoValidate,
+    getInputCheck,
+    getCustomRegular,
+    checkDigital,
+    checkAgeJson,
+    checkAge,
+    checkMultipleChoice,
+    checkLength,
+    checkinputBlank,
+    checkSearchCascade,
+    checkMultipleTree
+  };
+}
+
+export { useValidate };

package/es/packages/form-table/src/types/index.d.ts

@@ -0,0 +1,11 @@
+import { AnyObject, Func } from '../../../../../es/src/types';
+import { PropType } from 'vue';
+export declare type PropObject = PropType<AnyObject>;
+export declare type MessageInstance = Record<'success' | 'error' | 'warning' | 'info', Func>;
+export interface ValidateInfo {
+    validate: boolean;
+    errorMsg?: string;
+}
+export interface ValidateFunc {
+    (value: any, item: AnyObject, callback: Func): void;
+}

package/es/packages/form-table/src/types/index.js

@@ -0,0 +1 @@
+