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

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

@@ -1 +1,480 @@
-export { useValidate } from './useValidate2.js';
+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/grid/index.js

@@ -1 +1,14 @@
-export { default } from './index2.js';
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+import { loadVxeTable } from '../../src/utils/loadVxe';
+import { expandXEUtils } from '../../src/utils/utilExpand';
+import script from './src/Grid.js';
+
+const Grid = script;
+Grid.install = function(app) {
+  safeComponentRegister(app, Grid, COMPONENT_NAMESPACE + "Grid");
+  loadVxeTable(app);
+  expandXEUtils();
+};
+
+export { Grid as default };

package/es/packages/grid/src/Grid.js

@@ -1 +1,28 @@
-export { default } from './Grid2.js';
+import { defineComponent, createVNode, resolveComponent, mergeProps, isVNode } from 'vue';
+import { useMethods } from './hooks.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var script = defineComponent({
+  name: "Grid",
+  setup(props, {
+    attrs,
+    slots
+  }) {
+    const renderVN = () => createVNode(resolveComponent("vxe-grid"), mergeProps({
+      "ref": "xGrid"
+    }, attrs), _isSlot(slots) ? slots : {
+      default: () => [slots]
+    });
+    return {
+      ...useMethods(),
+      renderVN
+    };
+  },
+  render() {
+    return this.renderVN();
+  }
+});
+
+export { script as default };

package/es/packages/grid/src/hooks.js

@@ -1 +1,165 @@
-export { useMethods } from './hooks2.js';
+import { ref } from 'vue';
+
+const useMethods = () => {
+  const xGrid = ref({});
+  const methodKeys = [
+    "loadData",
+    "reloadData",
+    "updateData",
+    "reloadRow",
+    "reloadExpandContent",
+    "reloadTreeChilds",
+    "loadColumn",
+    "reloadColumn",
+    "refreshColumn",
+    "createRow",
+    "createData",
+    "insert",
+    "insertAt",
+    "revertData",
+    "remove",
+    "removeCheckboxRow",
+    "removeRadioRow",
+    "removeCurrentRow",
+    "removeMergeCells",
+    "removeMergeFooterItems",
+    "getRowIndex",
+    "getVTRowIndex",
+    "getVMRowIndex",
+    "getRowNode",
+    "getColumns",
+    "getColid",
+    "getColumnById",
+    "getColumnByField",
+    "getTableColumn",
+    "getColumnIndex",
+    "getVMColumnIndex",
+    "getVTColumnIndex",
+    "getColumnNode",
+    "getSortColumns",
+    "getCheckedFilters",
+    "getTableData",
+    "getRowById",
+    "getRowid",
+    "getData",
+    "getRecordset",
+    "getInsertRecords",
+    "getRemoveRecords",
+    "getUpdateRecords",
+    "getMergeCells",
+    "getMergeFooterItems",
+    "getCurrentColumn",
+    "getCurrentRecord",
+    "getRadioRecord",
+    "getRadioReserveRecord",
+    "getCheckboxRecords",
+    "getCheckboxReserveRecords",
+    "getCheckboxIndeterminateRecords",
+    "getRowExpandRecords",
+    "getTreeExpandRecords",
+    "getActiveRecord",
+    "getSelectedCell",
+    "getScroll",
+    "isActiveByRow",
+    "isInsertByRow",
+    "isUpdateByRow",
+    "isAllCheckboxChecked",
+    "isAllCheckboxIndeterminate",
+    "isCheckedByCheckboxRow",
+    "isIndeterminateByCheckboxRow",
+    "isCheckedByRadioRow",
+    "isExpandByRow",
+    "isRowExpandLoaded",
+    "isTreeExpandByRow",
+    "isTreeExpandLoaded",
+    "isFilter",
+    "setFilter",
+    "setActiveRow",
+    "setActiveCell",
+    "setSelectCell",
+    "setMergeCells",
+    "setMergeFooterItems",
+    "setRowExpand",
+    "setAllRowExpand",
+    "setTreeExpand",
+    "setAllTreeExpand",
+    "setCurrentRow",
+    "setCurrentColumn",
+    "setRadioRow",
+    "setCheckboxRow",
+    "setAllCheckboxRow",
+    "toggleCheckboxRow",
+    "toggleAllCheckboxRow",
+    "toggleRowExpand",
+    "toggleTreeExpand",
+    "clearMergeCells",
+    "clearMergeFooterItems",
+    "clearCurrentRow",
+    "clearCurrentColumn",
+    "clearRadioRow",
+    "clearRadioReserve",
+    "clearCheckboxRow",
+    "clearCheckboxReserve",
+    "clearRowExpand",
+    "clearRowExpandLoaded",
+    "clearTreeExpand",
+    "clearTreeExpandLoaded",
+    "clearSort",
+    "clearFilter",
+    "clearSelected",
+    "clearActived",
+    "clearData",
+    "clearScroll",
+    "clearValidate",
+    "clearAll",
+    "resetColumn",
+    "closeFilter",
+    "closeTooltip",
+    "closeMenu",
+    "updateFooter",
+    "updateStatus",
+    "hideColumn",
+    "showColumn",
+    "scrollTo",
+    "scrollToRow",
+    "scrollToColumn",
+    "sort",
+    "isSort",
+    "recalculate",
+    "refreshScroll",
+    "validate",
+    "fullValidate",
+    "exportData",
+    "openExport",
+    "importData",
+    "openImport",
+    "print",
+    "openPrint",
+    "saveFile",
+    "readFile",
+    "openTooltip",
+    "connect",
+    "focus",
+    "blur",
+    "commitProxy",
+    "zoom",
+    "isMaximized",
+    "maximize",
+    "revert",
+    "getFormItems",
+    "getPendingRecords",
+    "getProxyInfo"
+  ];
+  const funcs = {};
+  methodKeys.forEach((name) => {
+    funcs[name] = (...args) => {
+      return xGrid.value && xGrid.value[name](...args);
+    };
+  });
+  return {
+    xGrid,
+    ...funcs
+  };
+};
+
+export { useMethods };