cnhis-design-vue 2.2.3 → 2.2.5

package/packages/form-table/src/components/table-item/validate-rules.js

@@ -1,520 +0,0 @@
-/**
- * 表单检验
- */
-const validateRules = {
-  data() {
-    return {};
-  },
-  computed: {},
-  methods: {
-    // 表单验证
-    handleGetRules(value, item, hideMessage = false) {
-      let res = {
-        validate: true,
-        errorMsg: undefined
-      };
-
-      const { validate = {}, is_null } = item;
-      let { vali_obj } = validate;
-      if (item.lineBarCheck || item.is_hide_field) {
-        return res;
-      }
-
-      let errorMsg = `请输入${item.name}`;
-      switch (item.html_type) {
-        case "INPUT":
-        case "TEXTAREA":
-          if (item.is_null == 0 && !value) {
-            !hideMessage && this.$message.error(errorMsg);
-            res = {
-              validate: false,
-              errorMsg
-            };
-            return res;
-          }
-
-          if (vali_obj != "mobile") {
-            this.checkLenght(value, item, msg => {
-              if (msg) {
-                !hideMessage && this.$message.error(msg);
-                res = {
-                  validate: false,
-                  errorMsg: msg
-                };
-                return res;
-              }
-            });
-          }
-
-          if (["integer", "number"].includes(vali_obj)) {
-            const rule = this.getInputCheck(vali_obj);
-            if (rule) {
-              let { pattern, message } = rule;
-              let res = pattern.test(value);
-              if (!res) {
-                !hideMessage && this.$message.error(message);
-                res = {
-                  validate: false,
-                  errorMsg: message
-                };
-                return res;
-              }
-            }
-          }
-
-          if (vali_obj == "id_card" && value) {
-            this.handlerSetIdCarInfoValidate(value, item, msg => {
-              if (msg) {
-                !hideMessage && this.$message.error(msg);
-                res = {
-                  validate: false,
-                  errorMsg: msg
-                };
-                return res;
-              }
-            });
-          }
-          if (vali_obj == "regular" && item.html_type == "INPUT") {
-            let rule = this.getCustomRegular(item);
-            if (value && rule) {
-              let { pattern, message } = rule;
-              let res = pattern.test(value);
-              if (!res) {
-                !hideMessage && this.$message.error(message);
-                res = {
-                  validate: false,
-                  errorMsg: message
-                };
-                return res;
-              }
-            }
-          } else {
-            this.checkinputBlank(value, item, msg => {
-              if (msg) {
-                !hideMessage && this.$message.error(msg);
-                res = {
-                  validate: false,
-                  errorMsg: msg
-                };
-                return res;
-              }
-            });
-          }
-
-          break;
-        case "DIGITAL":
-          this.checkDigital(value, item, msg => {
-            if (msg) {
-              !hideMessage && this.$message.error(msg);
-              res = {
-                validate: false,
-                errorMsg: msg
-              };
-              return res;
-            }
-          });
-          break;
-
-        case "AGE_JSON":
-          this.checkAgeJson(value, item, msg => {
-            if (msg) {
-              !hideMessage && this.$message.error(msg);
-              res = {
-                validate: false,
-                errorMsg: msg
-              };
-              return res;
-            }
-          });
-
-          break;
-        case "AGE":
-          if (item.is_null == 0 && !value) {
-            !hideMessage && this.$message.error(errorMsg);
-            res = {
-              validate: false,
-              errorMsg
-            };
-            return res;
-          }
-          this.checkAge(value, item, msg => {
-            if (msg) {
-              !hideMessage && this.$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 && this.$message.error(`请选择${item.name}`);
-            res = {
-              validate: false,
-              errorMsg: `请选择${item.name}`
-            };
-            return res;
-          }
-          this.checkMultipleChoice(value, item, msg => {
-            if (msg) {
-              !hideMessage && this.$message.error(msg);
-              res = {
-                validate: false,
-                errorMsg: msg
-              };
-              return res;
-            }
-          });
-          break;
-        case "SELECT":
-          if (String(item.multi_select) === "0") {
-            this.checkMultipleChoice(value, item, msg => {
-              if (msg) {
-                !hideMessage && this.$message.error(msg);
-                res = {
-                  validate: false,
-                  errorMsg: msg
-                };
-                return res;
-              }
-            });
-          }
-          break;
-        case "SEARCH_TREE":
-          this.checkMultipleTree(value, item, msg => {
-            if (msg) {
-              !hideMessage && this.$message.error(msg);
-              res = {
-                validate: false,
-                errorMsg: msg
-              };
-              return res;
-            }
-          });
-          break;
-        default:
-          if (item.is_null == 0 && !value) {
-            !hideMessage && this.$message.error(`请选择${item.name}`);
-            res = {
-              validate: false,
-              errorMsg: `请选择${item.name}`
-            };
-            return res;
-          }
-          break;
-      }
-      if (validate && vali_obj == "mobile" && !validate.phone_idcard_type && is_null == 0) {
-        let res = /(^[0-9]{11,11}$)/.test(value);
-        if (!res) {
-          !hideMessage && this.$message.error("请正确输入手机号");
-          res = {
-            validate: false,
-            errorMsg: "请正确输入手机号"
-          };
-          return res;
-        }
-      }
-      return res;
-    },
-    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("请输入正确的身份证号码");
-            return;
-          }
-        }
-        callback();
-      } catch (error) {
-        console.log(error, "------handlerSetIdCarInfoValidate");
-        callback();
-      }
-    },
-
-    checkDigital(value, item, callback) {
-      try {
-        const { validate, is_null, decimal_length, alias, name } = item;
-        const { min_value, max_value } = validate || {};
-        let showName = alias || name;
-        // max_value min_value
-        if (isNaN(+value)) {
-          callback("只能输入数字");
-          return;
-        }
-        if (is_null == 0 && !value && value != 0) {
-          callback(`请输入${showName}有效范围`);
-          return;
-        }
-        if (!value && value !== 0) {
-          if (is_null == 0) {
-            callback(`请输入${showName}有效范围`);
-          } 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("小数最多" + decimalLen + "位");
-            return;
-          }
-        } else {
-          const flag = /^-?[0-9]+$/.test(value);
-          if (!flag) {
-            callback("请输入整数");
-            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(`请输入${min_value}~${max_value}`);
-          } else if (min_value && min) {
-            callback(`请输入${showName}有效范围`);
-          } else if (max_value && max) {
-            callback(`请输入${showName}有效范围`);
-          }
-          callback();
-          return;
-        }
-        callback();
-      } catch (error) {
-        console.log(error, "------checkAgeJson");
-        callback();
-      }
-    },
-
-    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(`请输入${alias || name}`);
-            return;
-          } else if (days > 73000) {
-            callback(`超出年龄范围0~200岁`);
-            return;
-          }
-        }
-        callback();
-      } catch (error) {
-        console.log(error, "------checkAgeJson");
-        callback();
-      }
-    },
-
-    checkAge(value, item, callback) {
-      try {
-        let { is_null, name, alias } = item;
-        if (!value && is_null == 0) {
-          callback(`${alias || name}不能为空`);
-          return;
-        }
-        if (!this.item?.val_key_unit) {
-          callback();
-          return;
-        }
-        // const curVal = this.hanldeGetFieldValue(item, item.val_key_unit);
-        const curVal = this.item?.val_key_unit && this.row[this.item.val_key_unit];
-        let k = typeof curVal === "string" && curVal.toLowerCase();
-        const o = {
-          year: 200,
-          month: 2400,
-          day: 73000
-        };
-        if (k) {
-          if (value > o[k]) {
-            callback(`超出年龄范围0~200岁`);
-          }
-        }
-        callback();
-      } catch (error) {
-        console.log(error, "------checkMultipleChoice");
-        callback();
-      }
-    },
-
-    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(`${this.$t("1.1.6.7")}${alias || name}`);
-              return;
-            }
-          }
-          if (is_null == 1 && value.length === 0) {
-            callback();
-            return;
-          }
-          if (multi_select_value) {
-            if (value.length > multi_select_value) {
-              callback(`最多只能选择${multi_select_value}项`);
-            }
-          }
-        }
-        callback();
-      } catch (error) {
-        console.log(error, "------checkMultipleChoice");
-        callback();
-      }
-    },
-
-    checkLenght(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;
-        // max_value min_value 请输入X-X个字符
-        let max = strlen > max_length,
-          min = min_length > strlen;
-        if (is_null == 0 && !value && value != 0) {
-          // callback(`${this.$t("1.9.47")}`);
-          callback(`请输入${min_length || 0}-${max_length}个字符`);
-          return;
-        }
-        // 非必填，没有值
-        if (is_null == 1 && !value) {
-          callback();
-          return;
-        }
-        if ((min_length || String(min_length) === "0") && max_length && (max || min)) {
-          callback(`请输入${min_length || 0}-${max_length}个字符`);
-        } else if (min_length && min) {
-          callback(`至少输入${min_length}个字符`);
-        } else if (max_length && max) {
-          callback(`最多只能输入${max_length}个字符`);
-        }
-        callback();
-      } catch (error) {
-        console.log(error, "------checkLenght");
-        callback();
-      }
-    },
-
-    getInputCheck(validate = undefined) {
-      if (!validate) return false;
-      const isInteger = validate == "integer";
-      return {
-        pattern: isInteger ? /^-?[0-9]+$/ : /^(-?[0-9]+)(\.[0-9]+)?$/,
-        message: isInteger ? "只能输入整数" : "只能输入整数和小数"
-      };
-    },
-    getCustomRegular(item) {
-      try {
-        const { validate = {}, regular_expression, regular_error_tip } = item;
-        let regStr = regular_expression || validate?.regular_expression;
-        let tip = regular_error_tip || validate?.regular_error_tip;
-        if (!regStr) return null;
-        let f = regStr;
-        // console.log(this.isReg(regStr), "this.isReg(regStr)");
-        if (!f) {
-          console.log(`${item.name}正则错误：`, regStr);
-          return null;
-        }
-        const reg = new RegExp(regStr);
-        return {
-          pattern: reg,
-          message: tip || "请输入有效格式"
-        };
-      } catch (error) {
-        return null;
-      }
-    },
-
-    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(`不可为空`);
-            return;
-          }
-        }
-        callback();
-      } catch (error) {
-        console.log(error, "------checkinputBlank");
-        callback();
-      }
-    },
-
-    checkeSearchCascade(value, item, callback) {
-      try {
-        let curval = value;
-        const { is_null, name } = item;
-        if (!Array.isArray(curval)) {
-          callback();
-          return;
-        }
-        curval = curval?.filter(Boolean);
-        let len = curval?.length || 0;
-        if (is_null == 1 && len === 0) {
-          callback();
-          return;
-        } else if (is_null == 0 && (!curval || len === 0)) {
-          callback(`请选${name}`);
-        }
-        callback();
-      } catch (error) {
-        console.log(error, "------checkeSearchCascade");
-        callback();
-      }
-    },
-
-    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(`${this.$t("1.1.6.7")}${alias || name}`);
-              return;
-            }
-          }
-          if (is_null == 1 && !value.length) {
-            callback();
-            return;
-          }
-          if (max_length && Number(max_length)) {
-            if (value.length > +max_length) {
-              callback(`${alias || name} 最多只能选择${max_length}项`);
-            }
-          }
-        }
-        callback();
-      } catch (error) {
-        callback();
-      }
-    }
-  }
-};
-
-export default validateRules;

package/packages/form-table/src/components/table-mixins/form-commom.js

@@ -1,98 +0,0 @@
-import vexutils from '@/utils/vexutils';
-export const formCommom = {
-  methods: {
-    hanldeSetFieldsValue(setObj = {}) {
-      const setVal = { ...setObj };
-      let item = this.item;
-      if (typeof setVal === "object") {
-        // let [[key, value]] = Object.entries(setVal || {});
-        let list = Object.entries(setVal || {});
-        list.forEach(f => {
-          let [key, value] = f;
-          if (!key) return;
-          if (this.handleCheckKeyInform(key)) {
-            this.row[key] = value;
-          } else {
-            if (item) {
-              this.defaultValue[item.name] = value;
-            } else {
-              if (this.row[key]) {
-                let name = this.row[key].name;
-                name && (this.defaultValue[name] = value);
-              }
-            }
-          }
-          this.row[key] = value;
-
-          // this.cacheForm.setFieldsValue({ [key]: value });
-        });
-      }
-    },
-    // 该表单是否已加载
-    handleCheckKeyInform(key) {
-      let baserFormKeys = this.row;
-      let keyList = Object.keys(baserFormKeys || {});
-
-      return keyList.includes(key);
-    },
-    //  获取分组
-    hanldeGetTargetList(t = {}) {
-      if (t.group) {
-        return this.defaultFieldList.filter(v => v.group == t.group);
-      }
-      return this.defaultFieldList || [];
-    },
-    transformStr(item) {
-      var def = this.defaultValue[item.name];
-      var propsDef = def || (def !== "" && def == 0) ? def : item.default_val;
-      let defVal = propsDef || propsDef == 0 ? propsDef : "";
-      defVal = String(defVal);
-      return defVal;
-    },
-    // 获取日期格式
-    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;
-    },
-    handleGetJsonStr(str) {
-      // {objs:[],objstr:''}, {type: 'jsonb', value: "{objs:[],objstr:''}"}
-      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);
-          // loop
-          if (resObj.type === "jsonb") {
-            resObj = this.handleGetJsonStr(resObj);
-          }
-        }
-      }
-      return resObj;
-    }
-  }
-};

package/packages/form-table/src/components/table-mixins/index.js

@@ -1,3 +0,0 @@
-import { formCommom } from "./form-commom";
-
-export { formCommom };