@fecp/mobile 1.1.52 → 1.1.54

package/es/node_modules/.pnpm/vxe-table@4.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/table/module/validator/hook.mjs

@@ -0,0 +1,471 @@
+import { nextTick } from "vue";
+import XEUtils from "../../../../../../../../../_virtual/index.mjs";
+import "../../../ui/index.mjs";
+import { eqEmptyValue, getFuncText } from "../../../ui/src/utils.mjs";
+import { scrollToView } from "../../../ui/src/dom.mjs";
+import { handleFieldOrColumn, getRowid } from "../../src/util.mjs";
+import { errLog } from "../../../ui/src/log.mjs";
+import { VxeUI } from "../../../../../../../@vxe-ui_core@4.2.12_vue@3.5.13_typescript@5.7.3_/node_modules/@vxe-ui/core/es/index.esm.mjs";
+const { getConfig, validators, hooks } = VxeUI;
+class Rule {
+  constructor(rule) {
+    Object.assign(this, {
+      $options: rule,
+      required: rule.required,
+      min: rule.min,
+      max: rule.max,
+      type: rule.type,
+      pattern: rule.pattern,
+      validator: rule.validator,
+      trigger: rule.trigger,
+      maxWidth: rule.maxWidth
+    });
+  }
+  /**
+   * 获取校验不通过的消息
+   * 支持国际化翻译
+   */
+  get content() {
+    return getFuncText(this.$options.content || this.$options.message);
+  }
+  get message() {
+    return this.content;
+  }
+}
+const tableValidatorMethodKeys = ["fullValidate", "validate", "fullValidateField", "validateField", "clearValidate"];
+hooks.add("tableValidatorModule", {
+  setupTable($xeTable) {
+    const { props, reactData, internalData } = $xeTable;
+    const { refValidTooltip } = $xeTable.getRefMaps();
+    const { computeValidOpts, computeTreeOpts, computeEditOpts } = $xeTable.getComputeMaps();
+    let validatorMethods = {};
+    let validatorPrivateMethods = {};
+    let validRuleErr;
+    const handleValidError = (params) => {
+      return new Promise((resolve) => {
+        const validOpts = computeValidOpts.value;
+        if (validOpts.autoPos === false) {
+          $xeTable.dispatchEvent("valid-error", params, null);
+          resolve();
+        } else {
+          $xeTable.handleEdit(params, { type: "valid-error", trigger: "call" }).then(() => {
+            resolve(validatorPrivateMethods.showValidTooltip(params));
+          });
+        }
+      });
+    };
+    const handleErrMsgMode = (validErrMaps) => {
+      const validOpts = computeValidOpts.value;
+      if (validOpts.msgMode === "single") {
+        const keys = Object.keys(validErrMaps);
+        const resMaps = {};
+        if (keys.length) {
+          const firstKey = keys[0];
+          resMaps[firstKey] = validErrMaps[firstKey];
+        }
+        return resMaps;
+      }
+      return validErrMaps;
+    };
+    const beginValidate = (rows, cols, cb, isFull) => {
+      const validRest = {};
+      const { editRules, treeConfig } = props;
+      const { afterFullData, pendingRowMaps, removeRowMaps } = internalData;
+      const treeOpts = computeTreeOpts.value;
+      const childrenField = treeOpts.children || treeOpts.childrenField;
+      const validOpts = computeValidOpts.value;
+      let validList;
+      if (rows === true) {
+        validList = afterFullData;
+      } else if (rows) {
+        if (XEUtils.isFunction(rows)) {
+          cb = rows;
+        } else {
+          validList = XEUtils.isArray(rows) ? rows : [rows];
+        }
+      }
+      if (!validList) {
+        if ($xeTable.getInsertRecords) {
+          validList = $xeTable.getInsertRecords().concat($xeTable.getUpdateRecords());
+        } else {
+          validList = [];
+        }
+      }
+      const rowValidErrs = [];
+      internalData._lastCallTime = Date.now();
+      validRuleErr = false;
+      validatorMethods.clearValidate();
+      const validErrMaps = {};
+      if (editRules) {
+        const columns = cols && cols.length ? cols : $xeTable.getColumns();
+        const handleVaild = (row) => {
+          const rowid = getRowid($xeTable, row);
+          if (removeRowMaps[rowid]) {
+            return;
+          }
+          if (pendingRowMaps[rowid]) {
+            return;
+          }
+          if (isFull || !validRuleErr) {
+            const colVailds = [];
+            columns.forEach((column) => {
+              const field = XEUtils.isString(column) ? column : column.field;
+              if ((isFull || !validRuleErr) && XEUtils.has(editRules, field)) {
+                colVailds.push(validatorPrivateMethods.validCellRules("all", row, column).catch(({ rule, rules }) => {
+                  const rest = {
+                    rule,
+                    rules,
+                    rowIndex: $xeTable.getRowIndex(row),
+                    row,
+                    columnIndex: $xeTable.getColumnIndex(column),
+                    column,
+                    field,
+                    $table: $xeTable
+                  };
+                  if (!validRest[field]) {
+                    validRest[field] = [];
+                  }
+                  validErrMaps[`${getRowid($xeTable, row)}:${column.id}`] = {
+                    column,
+                    row,
+                    rule,
+                    content: rule.content
+                  };
+                  validRest[field].push(rest);
+                  if (!isFull) {
+                    validRuleErr = true;
+                    return Promise.reject(rest);
+                  }
+                }));
+              }
+            });
+            rowValidErrs.push(Promise.all(colVailds));
+          }
+        };
+        if (treeConfig) {
+          XEUtils.eachTree(validList, handleVaild, { children: childrenField });
+        } else {
+          validList.forEach(handleVaild);
+        }
+        return Promise.all(rowValidErrs).then(() => {
+          const ruleProps = Object.keys(validRest);
+          reactData.validErrorMaps = handleErrMsgMode(validErrMaps);
+          return nextTick().then(() => {
+            if (ruleProps.length) {
+              return Promise.reject(validRest[ruleProps[0]][0]);
+            }
+            if (cb) {
+              cb();
+            }
+          });
+        }).catch((firstErrParams) => {
+          return new Promise((resolve, reject) => {
+            const finish = () => {
+              nextTick(() => {
+                if (cb) {
+                  cb(validRest);
+                  resolve();
+                } else {
+                  if (getConfig().validToReject === "obsolete") {
+                    reject(validRest);
+                  } else {
+                    resolve(validRest);
+                  }
+                }
+              });
+            };
+            const posAndFinish = () => {
+              firstErrParams.cell = $xeTable.getCellElement(firstErrParams.row, firstErrParams.column);
+              scrollToView(firstErrParams.cell);
+              handleValidError(firstErrParams).then(finish);
+            };
+            if (validOpts.autoPos === false) {
+              finish();
+            } else {
+              const row = firstErrParams.row;
+              const column = firstErrParams.column;
+              $xeTable.scrollToRow(row, column).then(posAndFinish);
+            }
+          });
+        });
+      } else {
+        reactData.validErrorMaps = {};
+      }
+      return nextTick().then(() => {
+        if (cb) {
+          cb();
+        }
+      });
+    };
+    validatorMethods = {
+      /**
+       * 完整校验行，和 validate 的区别就是会给有效数据中的每一行进行校验
+       */
+      fullValidate(rows, cb) {
+        return beginValidate(rows, null, cb, true);
+      },
+      /**
+       * 快速校验行，如果存在记录不通过的记录，则返回不再继续校验（异步校验除外）
+       */
+      validate(rows, cb) {
+        return beginValidate(rows, null, cb);
+      },
+      /**
+       * 完整校验单元格，和 validateField 的区别就是会给有效数据中的每一行进行校验
+       */
+      fullValidateField(rows, fieldOrColumn) {
+        const colList = (XEUtils.isArray(fieldOrColumn) ? fieldOrColumn : fieldOrColumn ? [fieldOrColumn] : []).map((column) => handleFieldOrColumn($xeTable, column));
+        if (colList.length) {
+          return beginValidate(rows, colList, null, true);
+        }
+        return nextTick();
+      },
+      /**
+       * 快速校验单元格，如果存在记录不通过的记录，则返回不再继续校验（异步校验除外）
+       */
+      validateField(rows, fieldOrColumn) {
+        const colList = (XEUtils.isArray(fieldOrColumn) ? fieldOrColumn : fieldOrColumn ? [fieldOrColumn] : []).map((column) => handleFieldOrColumn($xeTable, column));
+        if (colList.length) {
+          return beginValidate(rows, colList, null);
+        }
+        return nextTick();
+      },
+      clearValidate(rows, fieldOrColumn) {
+        const { validErrorMaps } = reactData;
+        const validTip = refValidTooltip.value;
+        const validOpts = computeValidOpts.value;
+        const rowList = XEUtils.isArray(rows) ? rows : rows ? [rows] : [];
+        const colList = (XEUtils.isArray(fieldOrColumn) ? fieldOrColumn : fieldOrColumn ? [fieldOrColumn] : []).map((column) => handleFieldOrColumn($xeTable, column));
+        let validErrMaps = {};
+        if (validTip && validTip.reactData.visible) {
+          validTip.close();
+        }
+        if (validOpts.msgMode === "single") {
+          reactData.validErrorMaps = {};
+          return nextTick();
+        }
+        if (rowList.length && colList.length) {
+          validErrMaps = Object.assign({}, validErrorMaps);
+          rowList.forEach((row) => {
+            colList.forEach((column) => {
+              const validKey = `${getRowid($xeTable, row)}:${column.id}`;
+              if (validErrMaps[validKey]) {
+                delete validErrMaps[validKey];
+              }
+            });
+          });
+        } else if (rowList.length) {
+          const rowIdList = rowList.map((row) => `${getRowid($xeTable, row)}`);
+          XEUtils.each(validErrorMaps, (item, key) => {
+            if (rowIdList.indexOf(key.split(":")[0]) > -1) {
+              validErrMaps[key] = item;
+            }
+          });
+        } else if (colList.length) {
+          const colidList = colList.map((column) => `${column.id}`);
+          XEUtils.each(validErrorMaps, (item, key) => {
+            if (colidList.indexOf(key.split(":")[1]) > -1) {
+              validErrMaps[key] = item;
+            }
+          });
+        }
+        reactData.validErrorMaps = validErrMaps;
+        return nextTick();
+      }
+    };
+    const validErrorRuleValue = (rule, val) => {
+      const { type, min, max, pattern } = rule;
+      const isNumType = type === "number";
+      const numVal = isNumType ? XEUtils.toNumber(val) : XEUtils.getSize(val);
+      if (isNumType && isNaN(val)) {
+        return true;
+      }
+      if (!XEUtils.eqNull(min) && numVal < XEUtils.toNumber(min)) {
+        return true;
+      }
+      if (!XEUtils.eqNull(max) && numVal > XEUtils.toNumber(max)) {
+        return true;
+      }
+      if (pattern && !(XEUtils.isRegExp(pattern) ? pattern : new RegExp(pattern)).test(val)) {
+        return true;
+      }
+      return false;
+    };
+    validatorPrivateMethods = {
+      /**
+       * 校验数据
+       * 按表格行、列顺序依次校验（同步或异步）
+       * 校验规则根据索引顺序依次校验，如果是异步则会等待校验完成才会继续校验下一列
+       * 如果校验失败则，触发回调或者Promise<不通过列的错误消息>
+       * 如果是传回调方式这返回一个校验不通过列的错误消息
+       *
+       * rule 配置：
+       *  required=Boolean 是否必填
+       *  min=Number 最小长度
+       *  max=Number 最大长度
+       *  validator=Function({ cellValue, rule, rules, row, column, rowIndex, columnIndex }) 自定义校验，接收一个 Promise
+       *  trigger=blur|change 触发方式（除非特殊场景，否则默认为空就行）
+       */
+      validCellRules(validType, row, column, val) {
+        const $xeGrid = $xeTable.xeGrid;
+        const { editRules } = props;
+        const { field } = column;
+        const errorRules = [];
+        const syncValidList = [];
+        if (field && editRules) {
+          const rules = XEUtils.get(editRules, field);
+          if (rules) {
+            const cellValue = XEUtils.isUndefined(val) ? XEUtils.get(row, field) : val;
+            rules.forEach((rule) => {
+              const { type, trigger, required, validator } = rule;
+              if (validType === "all" || !trigger || validType === trigger) {
+                if (validator) {
+                  const validParams = {
+                    cellValue,
+                    rule,
+                    rules,
+                    row,
+                    rowIndex: $xeTable.getRowIndex(row),
+                    column,
+                    columnIndex: $xeTable.getColumnIndex(column),
+                    field: column.field,
+                    $table: $xeTable,
+                    $grid: $xeGrid
+                  };
+                  let customValid;
+                  if (XEUtils.isString(validator)) {
+                    const gvItem = validators.get(validator);
+                    if (gvItem) {
+                      const tcvMethod = gvItem.tableCellValidatorMethod || gvItem.cellValidatorMethod;
+                      if (tcvMethod) {
+                        customValid = tcvMethod(validParams);
+                      }
+                    } else {
+                      errLog("vxe.error.notValidators", [validator]);
+                    }
+                  } else {
+                    customValid = validator(validParams);
+                  }
+                  if (customValid) {
+                    if (XEUtils.isError(customValid)) {
+                      validRuleErr = true;
+                      errorRules.push(new Rule({ type: "custom", trigger, content: customValid.message, rule: new Rule(rule) }));
+                    } else if (customValid.catch) {
+                      syncValidList.push(customValid.catch((e) => {
+                        validRuleErr = true;
+                        errorRules.push(new Rule({ type: "custom", trigger, content: e && e.message ? e.message : rule.content || rule.message, rule: new Rule(rule) }));
+                      }));
+                    }
+                  }
+                } else {
+                  const isArrType = type === "array";
+                  const isArrVal = XEUtils.isArray(cellValue);
+                  let hasEmpty = true;
+                  if (isArrType || isArrVal) {
+                    hasEmpty = !isArrVal || !cellValue.length;
+                  } else if (XEUtils.isString(cellValue)) {
+                    hasEmpty = eqEmptyValue(cellValue.trim());
+                  } else {
+                    hasEmpty = eqEmptyValue(cellValue);
+                  }
+                  if (required ? hasEmpty || validErrorRuleValue(rule, cellValue) : !hasEmpty && validErrorRuleValue(rule, cellValue)) {
+                    validRuleErr = true;
+                    errorRules.push(new Rule(rule));
+                  }
+                }
+              }
+            });
+          }
+        }
+        return Promise.all(syncValidList).then(() => {
+          if (errorRules.length) {
+            const rest = { rules: errorRules, rule: errorRules[0] };
+            return Promise.reject(rest);
+          }
+        });
+      },
+      hasCellRules(type, row, column) {
+        const { editRules } = props;
+        const { field } = column;
+        if (field && editRules) {
+          const rules = XEUtils.get(editRules, field);
+          return rules && !!XEUtils.find(rules, (rule) => type === "all" || !rule.trigger || type === rule.trigger);
+        }
+        return false;
+      },
+      /**
+       * 触发校验
+       */
+      triggerValidate(type) {
+        const { editConfig, editRules } = props;
+        const { editStore } = reactData;
+        const { actived } = editStore;
+        const editOpts = computeEditOpts.value;
+        const validOpts = computeValidOpts.value;
+        if (editRules && validOpts.msgMode === "single") {
+          reactData.validErrorMaps = {};
+        }
+        if (editConfig && editRules && actived.row) {
+          const { row, column, cell } = actived.args;
+          if (validatorPrivateMethods.hasCellRules(type, row, column)) {
+            return validatorPrivateMethods.validCellRules(type, row, column).then(() => {
+              if (editOpts.mode === "row") {
+                validatorMethods.clearValidate(row, column);
+              }
+            }).catch(({ rule }) => {
+              if (!rule.trigger || type === rule.trigger) {
+                const rest = { rule, row, column, cell };
+                validatorPrivateMethods.showValidTooltip(rest);
+                return Promise.reject(rest);
+              }
+              return Promise.resolve();
+            });
+          }
+        }
+        return Promise.resolve();
+      },
+      /**
+       * 弹出校验错误提示
+       */
+      showValidTooltip(params) {
+        const { height } = props;
+        const { tableData, validStore, validErrorMaps } = reactData;
+        const { rule, row, column, cell } = params;
+        const validOpts = computeValidOpts.value;
+        const validTip = refValidTooltip.value;
+        const content = rule.content;
+        validStore.visible = true;
+        if (validOpts.msgMode === "single") {
+          reactData.validErrorMaps = {
+            [`${getRowid($xeTable, row)}:${column.id}`]: {
+              column,
+              row,
+              rule,
+              content
+            }
+          };
+        } else {
+          reactData.validErrorMaps = Object.assign({}, validErrorMaps, {
+            [`${getRowid($xeTable, row)}:${column.id}`]: {
+              column,
+              row,
+              rule,
+              content
+            }
+          });
+        }
+        $xeTable.dispatchEvent("valid-error", params, null);
+        if (validTip) {
+          if (validTip && (validOpts.message === "tooltip" || validOpts.message === "default" && !height && tableData.length < 2)) {
+            return validTip.open(cell, content);
+          }
+        }
+        return nextTick();
+      }
+    };
+    return Object.assign(Object.assign({}, validatorMethods), validatorPrivateMethods);
+  },
+  setupGrid($xeGrid) {
+    return $xeGrid.extendTableMethods(tableValidatorMethodKeys);
+  }
+});