vxe-table 4.3.4 → 4.3.6-beta.0

package/lib/form/src/form.js

@@ -4,52 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _vue = require("vue");
-
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-
 var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
-
 var _vXETable = require("../../v-x-e-table");
-
 var _utils = require("../../tools/utils");
-
 var _log = require("../../tools/log");
-
 var _dom = require("../../tools/dom");
-
 var _util = require("./util");
-
 var _size = require("../../hooks/size");
-
 var _formConfigItem = _interopRequireDefault(require("./form-config-item"));
-
 var _index = _interopRequireDefault(require("../../loading/index"));
-
 var _vn = require("../../tools/vn");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
-var Rule =
-/** @class */
-function () {
+var Rule = /** @class */function () {
   function Rule(rule) {
     Object.assign(this, {
       $options: rule,
@@ -63,16 +41,15 @@ function () {
       maxWidth: rule.maxWidth
     });
   }
-
   Object.defineProperty(Rule.prototype, "content", {
-    get: function get() {
+    get: function () {
       return (0, _utils.getFuncText)(this.$options.content || this.$options.message);
     },
     enumerable: false,
     configurable: true
   });
   Object.defineProperty(Rule.prototype, "message", {
-    get: function get() {
+    get: function () {
       return this.content;
     },
     enumerable: false,
@@ -80,46 +57,38 @@ function () {
   });
   return Rule;
 }();
-
-var validErrorRuleValue = function validErrorRuleValue(rule, val) {
+var validErrorRuleValue = function (rule, val) {
   var type = rule.type,
-      min = rule.min,
-      max = rule.max,
-      pattern = rule.pattern;
+    min = rule.min,
+    max = rule.max,
+    pattern = rule.pattern;
   var isNumType = type === 'number';
-  var numVal = isNumType ? _xeUtils.default.toNumber(val) : _xeUtils.default.getSize(val); // 判断数值
-
+  var numVal = isNumType ? _xeUtils.default.toNumber(val) : _xeUtils.default.getSize(val);
+  // 判断数值
   if (isNumType && isNaN(val)) {
     return true;
-  } // 如果存在 min，判断最小值
-
-
+  }
+  // 如果存在 min，判断最小值
   if (!_xeUtils.default.eqNull(min) && numVal < _xeUtils.default.toNumber(min)) {
     return true;
-  } // 如果存在 max，判断最大值
-
-
+  }
+  // 如果存在 max，判断最大值
   if (!_xeUtils.default.eqNull(max) && numVal > _xeUtils.default.toNumber(max)) {
     return true;
-  } // 如果存在 pattern，正则校验
-
-
+  }
+  // 如果存在 pattern，正则校验
   if (pattern && !(_xeUtils.default.isRegExp(pattern) ? pattern : new RegExp(pattern)).test(val)) {
     return true;
   }
-
   return false;
 };
-
 function getResetValue(value, resetValue) {
   if (_xeUtils.default.isArray(value)) {
     resetValue = [];
   }
-
   return resetValue;
 }
-
-var _default2 = (0, _vue.defineComponent)({
+var _default = (0, _vue.defineComponent)({
   name: 'VxeForm',
   props: {
     collapseStatus: {
@@ -130,43 +99,43 @@ var _default2 = (0, _vue.defineComponent)({
     data: Object,
     size: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.form.size || _conf.default.size;
       }
     },
     span: {
       type: [String, Number],
-      default: function _default() {
+      default: function () {
         return _conf.default.form.span;
       }
     },
     align: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.form.align;
       }
     },
     titleAlign: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.form.titleAlign;
       }
     },
     titleWidth: {
       type: [String, Number],
-      default: function _default() {
+      default: function () {
         return _conf.default.form.titleWidth;
       }
     },
     titleColon: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.form.titleColon;
       }
     },
     titleAsterisk: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.form.titleAsterisk;
       }
     },
@@ -180,7 +149,7 @@ var _default2 = (0, _vue.defineComponent)({
     rules: Object,
     preventSubmit: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.form.preventSubmit;
       }
     },
@@ -188,19 +157,17 @@ var _default2 = (0, _vue.defineComponent)({
     tooltipConfig: Object,
     customLayout: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.form.customLayout;
       }
     }
   },
   emits: ['update:collapseStatus', 'collapse', 'toggle-collapse', 'submit', 'submit-invalid', 'reset'],
-  setup: function setup(props, context) {
+  setup: function (props, context) {
     var hasUseTooltip = _vXETable.VXETable.tooltip;
     var slots = context.slots,
-        emit = context.emit;
-
+      emit = context.emit;
     var xID = _xeUtils.default.uniqueId();
-
     var computeSize = (0, _size.useSize)(props);
     var reactData = (0, _vue.reactive)({
       collapseAll: props.collapseStatus,
@@ -236,29 +203,25 @@ var _default2 = (0, _vue.defineComponent)({
       props: props,
       context: context,
       reactData: reactData,
-      getRefMaps: function getRefMaps() {
+      getRefMaps: function () {
         return refMaps;
       },
-      getComputeMaps: function getComputeMaps() {
+      getComputeMaps: function () {
         return computeMaps;
       }
     };
-
-    var callSlot = function callSlot(slotFunc, params) {
+    var callSlot = function (slotFunc, params) {
       if (slotFunc) {
         if (_xeUtils.default.isString(slotFunc)) {
           slotFunc = slots[slotFunc] || null;
         }
-
         if (_xeUtils.default.isFunction(slotFunc)) {
           return (0, _vn.getSlotVNs)(slotFunc(params));
         }
       }
-
       return [];
     };
-
-    var loadItem = function loadItem(list) {
+    var loadItem = function (list) {
       if (list.length) {
         if (process.env.NODE_ENV === 'development') {
           list.forEach(function (item) {
@@ -273,51 +236,41 @@ var _default2 = (0, _vue.defineComponent)({
             }
           });
         }
-
         reactData.staticItems = _xeUtils.default.mapTree(list, function (item) {
           return (0, _util.createItem)($xeform, item);
         }, {
           children: 'children'
         });
       }
-
       return (0, _vue.nextTick)();
     };
-
-    var getItems = function getItems() {
+    var getItems = function () {
       var itemList = [];
-
       _xeUtils.default.eachTree(reactData.formItems, function (item) {
         itemList.push(item);
       }, {
         children: 'children'
       });
-
       return itemList;
     };
-
-    var getItemByField = function getItemByField(field) {
+    var getItemByField = function (field) {
       var rest = _xeUtils.default.findTree(reactData.formItems, function (item) {
         return item.field === field;
       }, {
         children: 'children'
       });
-
       return rest ? rest.item : null;
     };
-
-    var getCollapseStatus = function getCollapseStatus() {
+    var getCollapseStatus = function () {
       return reactData.collapseAll;
     };
-
-    var toggleCollapse = function toggleCollapse() {
+    var toggleCollapse = function () {
       var status = !getCollapseStatus();
       reactData.collapseAll = status;
       emit('update:collapseStatus', status);
       return (0, _vue.nextTick)();
     };
-
-    var toggleCollapseEvent = function toggleCollapseEvent(evnt) {
+    var toggleCollapseEvent = function (evnt) {
       toggleCollapse();
       var status = getCollapseStatus();
       formMethods.dispatchEvent('toggle-collapse', {
@@ -331,11 +284,9 @@ var _default2 = (0, _vue.defineComponent)({
         data: props.data
       }, evnt);
     };
-
-    var clearValidate = function clearValidate(fieldOrItem) {
+    var clearValidate = function (fieldOrItem) {
       if (fieldOrItem) {
         var item = (0, _util.handleFieldOrItem)($xeform, fieldOrItem);
-
         if (item) {
           item.showError = false;
         }
@@ -344,23 +295,18 @@ var _default2 = (0, _vue.defineComponent)({
           item.showError = false;
         });
       }
-
       return (0, _vue.nextTick)();
     };
-
-    var reset = function reset() {
+    var reset = function () {
       var data = props.data;
       var itemList = getItems();
-
       if (data) {
         itemList.forEach(function (item) {
           var field = item.field,
-              resetValue = item.resetValue,
-              itemRender = item.itemRender;
-
+            resetValue = item.resetValue,
+            itemRender = item.itemRender;
           if ((0, _utils.isEnableConf)(itemRender)) {
             var compConf = _vXETable.VXETable.renderer.get(itemRender.name);
-
             if (compConf && compConf.itemResetMethod) {
               compConf.itemResetMethod({
                 data: data,
@@ -375,50 +321,42 @@ var _default2 = (0, _vue.defineComponent)({
           }
         });
       }
-
       return clearValidate();
     };
-
-    var resetEvent = function resetEvent(evnt) {
+    var resetEvent = function (evnt) {
       evnt.preventDefault();
       reset();
       formMethods.dispatchEvent('reset', {
         data: props.data
       }, evnt);
     };
-
-    var handleFocus = function handleFocus(fields) {
+    var handleFocus = function (fields) {
       var el = refElem.value;
-      fields.some(function (property, index) {
+      for (var i = 0; i < fields.length; i++) {
+        var property = fields[i];
         var item = getItemByField(property);
-
         if (item && (0, _utils.isEnableConf)(item.itemRender)) {
           var itemRender = item.itemRender;
-
           var compConf = _vXETable.VXETable.renderer.get(itemRender.name);
-
-          var inputElem = null; // 定位到第一个
-
-          if (!index) {
+          var inputElem = null;
+          // 定位到第一个
+          if (!i) {
             (0, _dom.scrollToView)(el.querySelector(".".concat(item.id)));
-          } // 如果指定了聚焦 class
-
-
+          }
+          // 如果指定了聚焦 class
           if (itemRender.autofocus) {
             inputElem = el.querySelector(".".concat(item.id, " ").concat(itemRender.autofocus));
-          } // 渲染器的聚焦处理
-
-
+          }
+          // 渲染器的聚焦处理
           if (!inputElem && compConf && compConf.autofocus) {
             inputElem = el.querySelector(".".concat(item.id, " ").concat(compConf.autofocus));
           }
-
           if (inputElem) {
             inputElem.focus();
-            return true;
+            break;
           }
         }
-      });
+      }
     };
     /**
      * 校验数据
@@ -434,24 +372,19 @@ var _default2 = (0, _vue.defineComponent)({
      *  validator=Function({ itemValue, rule, rules, data, property }) 自定义校验，接收一个 Promise
      *  trigger=change 触发方式
      */
-
-
-    var validItemRules = function validItemRules(validType, property, val) {
+    var validItemRules = function (validType, property, val) {
       var data = props.data,
-          formRules = props.rules;
+        formRules = props.rules;
       var errorRules = [];
       var syncVailds = [];
-
       if (property && formRules) {
         var rules_1 = _xeUtils.default.get(formRules, property);
-
         if (rules_1) {
           var itemValue_1 = _xeUtils.default.isUndefined(val) ? _xeUtils.default.get(data, property) : val;
           rules_1.forEach(function (rule) {
             var type = rule.type,
-                trigger = rule.trigger,
-                required = rule.required;
-
+              trigger = rule.trigger,
+              required = rule.required;
             if (validType === 'all' || !trigger || validType === trigger) {
               if (_xeUtils.default.isFunction(rule.validator)) {
                 var customValid = rule.validator({
@@ -463,7 +396,6 @@ var _default2 = (0, _vue.defineComponent)({
                   property: property,
                   $form: $xeform
                 });
-
                 if (customValid) {
                   if (_xeUtils.default.isError(customValid)) {
                     errorRules.push(new Rule({
@@ -487,7 +419,6 @@ var _default2 = (0, _vue.defineComponent)({
               } else {
                 var isArrType = type === 'array';
                 var hasEmpty = isArrType || _xeUtils.default.isArray(itemValue_1) ? !_xeUtils.default.isArray(itemValue_1) || !itemValue_1.length : (0, _utils.eqEmptyValue)(itemValue_1);
-
                 if (required ? hasEmpty || validErrorRuleValue(rule, itemValue_1) : !hasEmpty && validErrorRuleValue(rule, itemValue_1)) {
                   errorRules.push(new Rule(rule));
                 }
@@ -496,7 +427,6 @@ var _default2 = (0, _vue.defineComponent)({
           });
         }
       }
-
       return Promise.all(syncVailds).then(function () {
         if (errorRules.length) {
           var rest = {
@@ -507,28 +437,24 @@ var _default2 = (0, _vue.defineComponent)({
         }
       });
     };
-
     var showErrTime;
-
-    var beginValidate = function beginValidate(itemList, type, callback) {
+    var beginValidate = function (itemList, type, callback) {
       var data = props.data,
-          formRules = props.rules;
+        formRules = props.rules;
       var validOpts = computeValidOpts.value;
       var validRest = {};
       var validFields = [];
       var itemValids = [];
       clearTimeout(showErrTime);
-
       if (data && formRules) {
         itemList.forEach(function (item) {
           var field = item.field;
-
           if (field && !(0, _util.isHiddenItem)($xeform, item) && (0, _util.isActivetem)($xeform, item)) {
             itemValids.push(validItemRules(type || 'all', field).then(function () {
               item.errRule = null;
             }).catch(function (_a) {
               var rule = _a.rule,
-                  rules = _a.rules;
+                rules = _a.rules;
               var rest = {
                 rule: rule,
                 rules: rules,
@@ -537,11 +463,9 @@ var _default2 = (0, _vue.defineComponent)({
                 property: field,
                 $form: $xeform
               };
-
               if (!validRest[field]) {
                 validRest[field] = [];
               }
-
               validRest[field].push(rest);
               validFields.push(field);
               item.errRule = rule;
@@ -562,13 +486,11 @@ var _default2 = (0, _vue.defineComponent)({
                 }
               });
             }, 20);
-
             if (validOpts.autoPos !== false) {
               (0, _vue.nextTick)(function () {
                 handleFocus(validFields);
               });
             }
-
             if (callback) {
               callback(validRest);
               resolve();
@@ -578,27 +500,21 @@ var _default2 = (0, _vue.defineComponent)({
           });
         });
       }
-
       if (callback) {
         callback();
       }
-
       return Promise.resolve();
     };
-
-    var validate = function validate(callback) {
+    var validate = function (callback) {
       clearValidate();
       return beginValidate(getItems(), '', callback);
     };
-
-    var validateField = function validateField(fieldOrItem, callback) {
+    var validateField = function (fieldOrItem, callback) {
       var item = (0, _util.handleFieldOrItem)($xeform, fieldOrItem);
       return beginValidate(item ? [item] : [], '', callback);
     };
-
-    var submitEvent = function submitEvent(evnt) {
+    var submitEvent = function (evnt) {
       evnt.preventDefault();
-
       if (!props.preventSubmit) {
         clearValidate();
         beginValidate(getItems()).then(function (errMap) {
@@ -615,26 +531,21 @@ var _default2 = (0, _vue.defineComponent)({
         });
       }
     };
-
-    var closeTooltip = function closeTooltip() {
+    var closeTooltip = function () {
       var tooltipStore = internalData.tooltipStore;
       var $tooltip = refTooltip.value;
-
       if (tooltipStore.visible) {
         Object.assign(tooltipStore, {
           item: null,
           visible: false
         });
-
         if ($tooltip) {
           $tooltip.close();
         }
       }
-
       return (0, _vue.nextTick)();
     };
-
-    var triggerTitleTipEvent = function triggerTitleTipEvent(evnt, params) {
+    var triggerTitleTipEvent = function (evnt, params) {
       var item = params.item;
       var tooltipStore = internalData.tooltipStore;
       var $tooltip = refTooltip.value;
@@ -642,35 +553,28 @@ var _default2 = (0, _vue.defineComponent)({
       var content = (overflowElem.textContent || '').trim();
       var isCellOverflow = overflowElem.scrollWidth > overflowElem.clientWidth;
       clearTimeout(internalData.tooltipTimeout);
-
       if (tooltipStore.item !== item) {
         closeTooltip();
       }
-
       if (content && isCellOverflow) {
         Object.assign(tooltipStore, {
           item: item,
           visible: true
         });
-
         if ($tooltip) {
           $tooltip.open(overflowElem, content);
         }
       }
     };
-
-    var handleTitleTipLeaveEvent = function handleTitleTipLeaveEvent() {
+    var handleTitleTipLeaveEvent = function () {
       var tooltipOpts = computeTooltipOpts.value;
       var $tooltip = refTooltip.value;
-
       if ($tooltip) {
         $tooltip.setActived(false);
       }
-
       if (tooltipOpts.enterable) {
         internalData.tooltipTimeout = setTimeout(function () {
           $tooltip = refTooltip.value;
-
           if ($tooltip && !$tooltip.isActived()) {
             closeTooltip();
           }
@@ -679,22 +583,19 @@ var _default2 = (0, _vue.defineComponent)({
         closeTooltip();
       }
     };
-
-    var triggerItemEvent = function triggerItemEvent(evnt, field, itemValue) {
+    var triggerItemEvent = function (evnt, field, itemValue) {
       if (field) {
         return validItemRules(evnt ? ['blur'].includes(evnt.type) ? 'blur' : 'change' : 'all', field, itemValue).then(function () {
           clearValidate(field);
         }).catch(function (_a) {
           var rule = _a.rule;
           var item = getItemByField(field);
-
           if (item) {
             item.showError = true;
             item.errRule = rule;
           }
         });
       }
-
       return (0, _vue.nextTick)();
     };
     /**
@@ -702,15 +603,12 @@ var _default2 = (0, _vue.defineComponent)({
      * 如果组件值 v-model 发生 change 时，调用改函数用于更新某一项编辑状态
      * 如果单元格配置了校验规则，则会进行校验
      */
-
-
-    var updateStatus = function updateStatus(scope, itemValue) {
+    var updateStatus = function (scope, itemValue) {
       var field = scope.field;
       return triggerItemEvent(new Event('change'), field, itemValue);
     };
-
     formMethods = {
-      dispatchEvent: function dispatchEvent(type, params, evnt) {
+      dispatchEvent: function (type, params, evnt) {
         emit(type, Object.assign({
           $form: $xeform,
           $event: evnt
@@ -756,20 +654,17 @@ var _default2 = (0, _vue.defineComponent)({
             (0, _log.errLog)('vxe.error.errConflicts', ['custom-layout', 'items']);
           }
         }
-
         loadItem(props.items || []);
       });
     });
-
-    var renderVN = function renderVN() {
+    var renderVN = function () {
       var _a;
-
       var loading = props.loading,
-          className = props.className,
-          data = props.data,
-          customLayout = props.customLayout;
-      var formItems = reactData.formItems; // const formItems: any[] = []
-
+        className = props.className,
+        data = props.data,
+        customLayout = props.customLayout;
+      var formItems = reactData.formItems;
+      // const formItems: any[] = []
       var vSize = computeSize.value;
       var tooltipOpts = computeTooltipOpts.value;
       var defaultSlot = slots.default;
@@ -808,7 +703,6 @@ var _default2 = (0, _vue.defineComponent)({
         ref: refTooltip
       }, tooltipOpts)) : (0, _vue.createCommentVNode)()]);
     };
-
     $xeform.renderVN = renderVN;
     (0, _vue.provide)('$xeform', $xeform);
     (0, _vue.provide)('$xeformgather', null);
@@ -816,9 +710,8 @@ var _default2 = (0, _vue.defineComponent)({
     (0, _vue.provide)('$xeformiteminfo', null);
     return $xeform;
   },
-  render: function render() {
+  render: function () {
     return this.renderVN();
   }
 });
-
-exports.default = _default2;
+exports.default = _default;