vxe-pc-ui 3.16.0 → 3.16.2

package/lib/form/src/form.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.createReactData=createReactData,exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_tooltip=_interopRequireDefault(require("../../tooltip")),_formConfigItem=_interopRequireDefault(require("./form-config-item")),_loading=_interopRequireDefault(require("../../loading")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var i=0;i<t.length;i++){var r=t[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,_toPropertyKey(r.key),r)}}function _createClass(e,t,i){return t&&_defineProperties(e.prototype,t),i&&_defineProperties(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}require("../render");var _createComponentLog=(0,_log.createComponentLog)("form"),warnLog=_createComponentLog.warnLog,errLog=_createComponentLog.errLog,Rule=(()=>_createClass(function e(t){_classCallCheck(this,e),Object.assign(this,{$options:t,required:t.required,min:t.min,max:t.min,type:t.type,pattern:t.pattern,validator:t.validator,trigger:t.trigger,maxWidth:t.maxWidth})},[{key:"content",get:function(){return(0,_utils.getFuncText)(this.$options.content||this.$options.message)}},{key:"message",get:function(){return this.content}}]))();function validREValue(e,t){return!(e&&!(_xeUtils.default.isRegExp(e)?e:new RegExp(e)).test(t))}function validMaxValue(e,t){return!(!_xeUtils.default.eqNull(e)&&t>_xeUtils.default.toNumber(e))}function validMinValue(e,t){return!(!_xeUtils.default.eqNull(e)&&t<_xeUtils.default.toNumber(e))}function validRuleValue(e,t,i){var r=e.type,n=e.min,a=e.max,e=e.pattern,l="array"===r,o="number"===r,r="string"===r,u="".concat(t);if(!validREValue(e,u))return!1;if(l){if(!_xeUtils.default.isArray(t))return!1;if(i&&!t.length)return!1;if(!validMinValue(n,t.length))return!1;if(!validMaxValue(a,t.length))return!1}else if(o){e=Number(t);if(isNaN(e))return!1;if(!validMinValue(n,e))return!1;if(!validMaxValue(a,e))return!1}else{if(r&&!_xeUtils.default.isString(t))return!1;if(i&&!u)return!1;if(!validMinValue(n,u.length))return!1;if(!validMaxValue(a,u.length))return!1}return!0}function checkRuleStatus(e,t,i){var r=e.required,n=e.field,t=n?_xeUtils.default.get(t,n):i,n=_xeUtils.default.isArray(t)?!t.length:(0,_utils.eqEmptyValue)(t);if(r){if(n)return!1;if(!validRuleValue(e,t,r))return!1}else if(!n&&!validRuleValue(e,t,r))return!1;return!0}function handleItemVisible(i){return function(e){var t=this;return(_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){e=(0,_util.handleFieldOrItem)(t,e);e&&(e.visible=i)}),t.$nextTick()}}function createReactData(){return{collapseAll:!1,staticItems:[],formItems:[],itemWidth:0}}function createInternalData(){return{meTimeout:void 0,stTimeout:void 0,tooltipStore:{item:null,visible:!1},itemFormatCache:{},fullItemIdData:{},fullItemFieldData:{}}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeForm",mixins:[_ui.globalMixins.sizeMixin],props:{collapseStatus:{type:Boolean,default:!0},loading:Boolean,data:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().form.size||(0,_ui.getConfig)().size}},span:{type:[String,Number],default:function(){return(0,_ui.getConfig)().form.span}},align:{type:String,default:function(){return(0,_ui.getConfig)().form.align}},verticalAlign:{type:String,default:function(){return(0,_ui.getConfig)().form.verticalAlign}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().form.border}},titleBackground:{type:Boolean,default:function(){return(0,_ui.getConfig)().form.titleBackground}},titleBold:{type:Boolean,default:function(){return(0,_ui.getConfig)().form.titleBold}},titleAlign:{type:String,default:function(){return(0,_ui.getConfig)().form.titleAlign}},titleWidth:{type:[String,Number],default:function(){return(0,_ui.getConfig)().form.titleWidth}},titleColon:{type:Boolean,default:function(){return(0,_ui.getConfig)().form.titleColon}},titleAsterisk:{type:Boolean,default:function(){return(0,_ui.getConfig)().form.titleAsterisk}},titleOverflow:{type:[Boolean,String],default:function(){return(0,_ui.getConfig)().form.titleOverflow}},vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().form.vertical}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().form.padding}},className:[String,Function],readonly:Boolean,disabled:Boolean,items:Array,rules:Object,preventSubmit:{type:Boolean,default:function(){return(0,_ui.getConfig)().form.preventSubmit}},validConfig:Object,tooltipConfig:Object,collapseConfig:Object,customLayout:{type:Boolean,default:function(){return(0,_ui.getConfig)().form.customLayout}},params:Object},inject:{$xeGrid:{default:null}},provide:function(){return{$xeForm:this,xeFormItemInfo:null,$xeFormGroup:null,$xeFormItem:null}},data:function(){var e=_xeUtils.default.uniqueId(),t=createReactData();return Object.assign(Object.assign({},{}),{xID:e,reactData:t,recalcFlag:0})},computed:Object.assign(Object.assign({},{}),{computeValidOpts:function(){return Object.assign({},(0,_ui.getConfig)().form.validConfig,this.validConfig)},computeTooltipOpts:function(){return Object.assign({},(0,_ui.getConfig)().tooltip,(0,_ui.getConfig)().form.tooltipConfig,this.tooltipConfig)},computeCollapseOpts:function(){return Object.assign({},(0,_ui.getConfig)().form.collapseConfig,this.collapseConfig)},computeAutoItemWidthList:function(){var e=this.reactData,r=this.titleWidth,n=this.vertical,e=e.formItems,a=[];return _xeUtils.default.eachTree(e,function(e){var t=e.titleWidth,i=e.vertical;"auto"!==t&&("auto"!==((_xeUtils.default.eqNull(i)?n:i)?null:_xeUtils.default.eqNull(t)?r:t)||e.children&&e.children.length)||a.push(e)},{children:"children"}),a}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$form:this},t))},callSlot:function(e,t,i){var r=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=r[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,i)):[]},loadItems:function(e){var t=this,i=t.$scopedSlots,r=t.reactData,n=t.internalData;return e.length&&e.forEach(function(e){e.slots&&_xeUtils.default.each(e.slots,function(e){_xeUtils.default.isFunction(e)||i[e]||errLog("vxe.error.notSlot",[e])})}),r.staticItems=_xeUtils.default.mapTree(e,function(e){return(0,_util.createItem)(t,e)},{children:"children"}),n.itemFormatCache={},t.$nextTick().then(function(){return t.recalculate()})},showItem:handleItemVisible(!0),hideItem:handleItemVisible(!1),getItems:function(){var e=this.reactData,t=[];return _xeUtils.default.eachTree(e.formItems,function(e){t.push(e)},{children:"children"}),t},getItemByField:function(e){e=this.internalData.fullItemFieldData[e];return e?e.item:null},getCollapseStatus:function(){return this.reactData.collapseAll},toggleCollapse:function(){var e=this.reactData,t=!this.getCollapseStatus();return e.collapseAll=t,this.$emit("update:collapseStatus",t),this.$nextTick()},toggleCollapseEvent:function(e){var t=this,i=t,r=t.$xeGrid,n=t.toggleCollapse(),a=t.getCollapseStatus();t.dispatchEvent("toggle-collapse",{status:a,collapse:a,data:i.data},e),t.dispatchEvent("collapse",{status:a,collapse:a,data:i.data},e),n.then(function(){t.recalculate().then(function(){r&&r.recalculate(!0)}),r&&r.recalculate()})},clearValidate:function(e){var t,i=this;return e?(t=_xeUtils.default.isArray(t=e)?t:[e]).forEach(function(e){e&&(e=(0,_util.handleFieldOrItem)(i,e))&&(e.showError=!1,e.showIconMsg=!1)}):i.getItems().forEach(function(e){e.showError=!1,e.showIconMsg=!1}),i.$nextTick()},getResetValue:function(e,t,i){var r=this.$xeGrid,n=e.field,a=e.resetValue;return _xeUtils.default.isFunction(a)?a({field:n,item:e,data:t,$form:this,$grid:r}):null===a&&_xeUtils.default.isArray(i)?[]:a},cacheItem:function(){var e=this.reactData,t=this.internalData,e=e.formItems,a={},l={};_xeUtils.default.eachTree(e,function(e,t,i){var r=e.id,n=e.field,e={item:e,items:i,index:t};r&&(a[r]=e),n&&(l[n]=e)},{children:"children"}),t.fullItemFieldData=l,t.fullItemIdData=a},reset:function(){var l=this,o=l.$xeGrid,e=l.internalData,u=l.data,t=l.getItems();return u&&t.forEach(function(e){var t,i,r,n=e.field,a=e.itemRender;(0,_utils.isEnableConf)(a)&&(r=a.name,t=a.startField,a=a.endField,i=(r=_ui.renderer.get(r))?r.formItemResetMethod||r.itemResetMethod:null,r&&i?i({data:u,field:n,property:n,item:e,$form:l,$grid:o}):n&&(r=_xeUtils.default.get(u,n),_xeUtils.default.set(u,n,l.getResetValue(e,u,r))),t)&&a&&(_xeUtils.default.set(u,t,l.getResetValue(e,u,_xeUtils.default.get(u,t))),_xeUtils.default.set(u,a,l.getResetValue(e,u,_xeUtils.default.get(u,a))))}),e.itemFormatCache={},l.clearValidate(),l.recalculate()},resetEvent:function(e){e.preventDefault(),this.reset(),this.dispatchEvent("reset",{data:this.data},e)},handleFocus:function(e){var t=this,i=t,r=t.$xeGrid,n=t.$refs.refElem;if(n)for(var a=0;a<e.length;a++){var l=e[a],o=t.getItemByField(l);if(o&&(0,_utils.isEnableConf)(o.itemRender)){var u=o.itemRender,s=_ui.renderer.get(u.name),c=(a||(0,_dom.scrollToView)(n.querySelector(".".concat(o.id))),null),u=u.autoFocus||u.autofocus||(s?s.formItemAutoFocus:null);if(_xeUtils.default.isFunction(u)?c=u({$form:t,$grid:r,item:o,data:i.data,field:l}):!0===u?c=n.querySelector(".".concat(o.id," input,textarea")):u&&(c=n.querySelector(".".concat(o.id," ").concat(u))),c){c.focus();break}}}},validItemRules:function(f,e,t){var d=this,m=d.data,i=d.rules,r={};return _xeUtils.default.isArray(e)||(e=[e]),Promise.all(e.map(function(l){var e,o,u,s=[],c=[];return l&&i&&(e=d.getItemByField(l),o=e&&e.rules?e.rules:_xeUtils.default.get(i,l))&&(u=_xeUtils.default.isUndefined(t)?_xeUtils.default.get(m,l):t,o.forEach(function(t){var e,i,r,n=t.trigger,a=t.validator;"all"!==f&&n&&f!==n||(a?(e={itemValue:u,rule:t,rules:o,data:m,field:l,property:l,$form:d},_xeUtils.default.isString(a)?(r=_ui.validators.get(a))?(r=r.formItemValidatorMethod||r.itemValidatorMethod)?i=r(e):warnLog("vxe.error.notValidators",[a]):errLog("vxe.error.notValidators",[a]):i=a(e),i&&(_xeUtils.default.isError(i)?s.push(new Rule({type:"custom",trigger:n,content:i.message,rule:new Rule(t)})):i.catch&&c.push(i.catch(function(e){s.push(new Rule({type:"custom",trigger:n,content:e?e.message:t.content||t.message,rule:new Rule(t)}))})))):checkRuleStatus(t,m,u)||s.push(new Rule(t)))})),Promise.all(c).then(function(){s.length&&(r[l]=s.map(function(e){return{$form:d,rule:e,data:m,field:l,property:l}}))})})).then(function(){if(!_xeUtils.default.isEmpty(r))return Promise.reject(r)})},beginValidate:function(t,e,i){var r=this,n=r.internalData,a=r.data,l=r.rules,o=r.computeValidOpts,u={},s=[],c=[];return clearTimeout(n.meTimeout),a&&l?(t.forEach(function(t){var i=t.field;i&&!(0,_util.isHiddenItem)(r,t)&&(0,_util.isActiveItem)(r,t)&&c.push(r.validItemRules(e||"all",i).then(function(){t.errRule=null}).catch(function(e){e=e[i];return u[i]||(u[i]=[]),u[i].push(e),s.push(i),t.errRule=e[0].rule,Promise.reject(e)}))}),Promise.all(c).then(function(){i&&i()}).catch(function(){return new Promise(function(e){n.meTimeout=setTimeout(function(){t.forEach(function(e){e.errRule&&(e.showError=!0)})},20),!1!==o.autoPos&&r.$nextTick(function(){r.handleFocus(s)}),i?(i(u),e()):e(u)})})):(i&&i(),Promise.resolve())},validate:function(e){var t=this,i=t.readonly;return t.clearValidate(),i?t.$nextTick():t.beginValidate(t.getItems(),"",e).then(function(e){return t.recalculate(),e})},validateField:function(e,t){var i,r=this;return r.readonly?r.$nextTick():(i=[],e=(i=e?_xeUtils.default.isArray(e)?e:[e]:i).map(function(e){return(0,_util.handleFieldOrItem)(r,e)}),r.beginValidate(e,"",t).then(function(e){return r.recalculate(),e}))},handleSubmitEvent:function(t){var i=this,r=i,e=r.readonly;i.clearValidate(),e?(i.dispatchEvent("submit",{data:r.data},t),i.recalculate()):i.beginValidate(i.getItems()).then(function(e){e?i.dispatchEvent("submit-invalid",{data:r.data,errMap:e},t):i.dispatchEvent("submit",{data:r.data},t),i.recalculate()})},submitEvent:function(e){e.preventDefault(),this.preventSubmit||this.handleSubmitEvent(e)},closeTooltip:function(){var e=this.internalData.tooltipStore,t=this.$refs.refTooltip;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t)&&t.close(),this.$nextTick()},triggerTitleTipEvent:function(e,t){var i=this.internalData,t=t.item,r=i.tooltipStore,n=this.$refs.refTooltip,e=e.currentTarget.children[0],a=(e.textContent||"").trim(),l=e.scrollWidth>e.clientWidth;clearTimeout(i.stTimeout),r.item!==t&&this.closeTooltip(),a&&l&&(Object.assign(r,{item:t,visible:!0}),n)&&n.open(e,a)},handleTitleTipLeaveEvent:function(){var e=this,t=e.internalData,i=e.computeTooltipOpts,r=e.$refs.refTooltip;r&&r.setActived(!1),i.enterable?t.stTimeout=setTimeout(function(){(r=e.$refs.refTooltip)&&!r.isActived()&&e.closeTooltip()},i.leaveDelay):e.closeTooltip()},handleValidIconEvent:function(e,t){t=t.item;t.showIconMsg=!t.showIconMsg},triggerItemEvent:function(e,i,t){var r=this;return i?r.validItemRules(e?["blur"].includes(e.type)?"blur":"change":"all",i,t).then(function(){r.clearValidate(i)}).catch(function(e){var e=e[i],t=r.getItemByField(i);e&&t&&(t.showError=!0,t.errRule=e[0].rule)}):r.$nextTick()},updateStatus:function(e,t){e=e.field;return this.triggerItemEvent(new Event("change"),e,t)},recalculate:function(){var t,e=this.computeAutoItemWidthList,i=this.$refs.refElem;return i&&e.length&&(i=i.querySelectorAll(e.map(function(e){return'.vxe-form--item-title[itemid="'.concat(e.id,'"]')}).join(",")),t=0,_xeUtils.default.arrayEach(i,function(e){e.style.width="",t=Math.max(t,Math.ceil(e.clientWidth+2))}),_xeUtils.default.arrayEach(i,function(e){e.style.width="".concat(t,"px")})),this.$nextTick()},handleGlobalResizeEvent:function(){this.recalculate()},renderVN:function(i){var e=this,t=e.$scopedSlots,r=e.loading,n=e.border,a=e.className,l=e.data,o=e.customLayout,u=e.reactData.formItems,s=e.computeSize,c=e.computeTooltipOpts,t=t.default;return i("form",{ref:"refElem",class:["vxe-form",a?_xeUtils.default.isFunction(a)?a({items:u,data:l,$form:e}):a:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--border",n),"custom--layout",o),"is--loading",r)],on:{submit:e.submitEvent,reset:e.resetEvent}},[i("div",{class:"vxe-form--wrapper vxe-form--item-row"},o?t?t({}):[]:u.map(function(e,t){return i(_formConfigItem.default,{key:t,props:{itemConfig:e}})})),i("div",{class:"vxe-form-slots"},!o&&t?t({}):[]),i(_loading.default,{class:"vxe-form--loading",props:{value:r}}),i(_tooltip.default,Object.assign({ref:"refTooltip"},c))])}},watch:{vertical:function(){this.recalcFlag++},titleWidth:function(){this.recalcFlag++},recalcFlag:function(){var e=this;e.$nextTick().then(function(){e.recalculate()})},"reactData.staticItems":function(){var e=this.reactData;e.formItems=e.staticItems,this.recalcFlag++,this.cacheItem()},items:function(){this.loadItems(this.items||[])},collapseStatus:function(e){this.reactData.collapseAll=!!e},readonly:function(){this.clearValidate()},disabled:function(){this.clearValidate()}},created:function(){var e=this.reactData;this.internalData=createInternalData(),e.collapseAll=!!this.collapseStatus},mounted:function(){var e=this,t=e;t.items&&e.loadItems(t.items),e.$nextTick(function(){t.customLayout&&t.items&&errLog("vxe.error.errConflicts",["custom-layout","items"])}),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},destroyed:function(){var e=this.reactData,t=this.internalData;_ui.globalEvents.off(this,"resize"),_xeUtils.default.assign(e,createReactData()),_xeUtils.default.assign(t,createInternalData())},render:function(e){return this.renderVN(e)}});

package/lib/form/src/itemInfo.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ItemInfo = void 0;
+var _ui = require("../../ui");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _log = require("../../ui/src/log");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _createComponentLog = (0, _log.createComponentLog)('form'),
+  errLog = _createComponentLog.errLog;
+var ItemInfo = exports.ItemInfo = /*#__PURE__*/function () {
+  function ItemInfo($xeForm, item) {
+    _classCallCheck(this, ItemInfo);
+    var field = item.field,
+      itemRender = item.itemRender,
+      formatter = item.formatter;
+    if (formatter) {
+      if (_xeUtils.default.isString(formatter)) {
+        var gFormatOpts = _ui.formats.get(formatter);
+        if (!gFormatOpts || !gFormatOpts.formItemFormatMethod) {
+          errLog('vxe.error.notFormats', [formatter]);
+        }
+      } else if (_xeUtils.default.isArray(formatter)) {
+        var _gFormatOpts = _ui.formats.get(formatter[0]);
+        if (!_gFormatOpts || !_gFormatOpts.formItemFormatMethod) {
+          errLog('vxe.error.notFormats', [formatter[0]]);
+        }
+      }
+    }
+    if (field && itemRender) {
+      if (itemRender.startField && "".concat(itemRender.startField).indexOf(field) >= 0) {
+        errLog('vxe.error.modelConflicts', ["field=".concat(field), "item-render.startField=".concat(itemRender.startField)]);
+      }
+      if (itemRender.endField && "".concat(itemRender.endField).indexOf(field) >= 0) {
+        errLog('vxe.error.modelConflicts', ["field=".concat(field), "item-render.endField=".concat(itemRender.endField)]);
+      }
+    }
+    Object.assign(this, {
+      id: _xeUtils.default.uniqueId('item_'),
+      title: item.title,
+      field: field,
+      span: item.span,
+      align: item.align,
+      verticalAlign: item.verticalAlign,
+      titleBackground: item.titleBackground,
+      titleBold: item.titleBold,
+      titleAlign: item.titleAlign,
+      titleWidth: item.titleWidth,
+      titleColon: item.titleColon,
+      vertical: item.vertical,
+      padding: item.padding,
+      titleAsterisk: item.titleAsterisk,
+      titlePrefix: item.titlePrefix,
+      titleSuffix: item.titleSuffix,
+      titleOverflow: item.titleOverflow,
+      showTitle: item.showTitle,
+      resetValue: item.resetValue,
+      visibleMethod: item.visibleMethod,
+      visible: item.visible,
+      showContent: item.showContent,
+      folding: item.folding,
+      collapseNode: item.collapseNode,
+      className: item.className,
+      contentClassName: item.contentClassName,
+      contentStyle: item.contentStyle,
+      titleClassName: item.titleClassName,
+      titleStyle: item.titleStyle,
+      itemRender: itemRender,
+      rules: item.rules,
+      formatter: item.formatter,
+      // 自定义参数
+      params: item.params,
+      // 渲染属性
+      showError: false,
+      showIconMsg: false,
+      errRule: null,
+      slots: item.slots,
+      children: []
+    });
+  }
+  return _createClass(ItemInfo, [{
+    key: "update",
+    value: function update(name, value) {
+      this[name] = value;
+    }
+  }]);
+}();

package/lib/form/src/itemInfo.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.ItemInfo=void 0;var _ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var _createComponentLog=(0,_log.createComponentLog)("form"),errLog=_createComponentLog.errLog,ItemInfo=exports.ItemInfo=(()=>_createClass(function e(t,r){_classCallCheck(this,e);var o,i=r.field,l=r.itemRender,n=r.formatter;n&&(_xeUtils.default.isString(n)?(o=_ui.formats.get(n))&&o.formItemFormatMethod||errLog("vxe.error.notFormats",[n]):!_xeUtils.default.isArray(n)||(o=_ui.formats.get(n[0]))&&o.formItemFormatMethod||errLog("vxe.error.notFormats",[n[0]])),i&&l&&(l.startField&&0<="".concat(l.startField).indexOf(i)&&errLog("vxe.error.modelConflicts",["field=".concat(i),"item-render.startField=".concat(l.startField)]),l.endField)&&0<="".concat(l.endField).indexOf(i)&&errLog("vxe.error.modelConflicts",["field=".concat(i),"item-render.endField=".concat(l.endField)]),Object.assign(this,{id:_xeUtils.default.uniqueId("item_"),title:r.title,field:i,span:r.span,align:r.align,verticalAlign:r.verticalAlign,titleBackground:r.titleBackground,titleBold:r.titleBold,titleAlign:r.titleAlign,titleWidth:r.titleWidth,titleColon:r.titleColon,vertical:r.vertical,padding:r.padding,titleAsterisk:r.titleAsterisk,titlePrefix:r.titlePrefix,titleSuffix:r.titleSuffix,titleOverflow:r.titleOverflow,showTitle:r.showTitle,resetValue:r.resetValue,visibleMethod:r.visibleMethod,visible:r.visible,showContent:r.showContent,folding:r.folding,collapseNode:r.collapseNode,className:r.className,contentClassName:r.contentClassName,contentStyle:r.contentStyle,titleClassName:r.titleClassName,titleStyle:r.titleStyle,itemRender:l,rules:r.rules,formatter:r.formatter,params:r.params,showError:!1,showIconMsg:!1,errRule:null,slots:r.slots,children:[]})},[{key:"update",value:function(e,t){this[e]=t}}]))();

package/lib/form/src/render.js

@@ -0,0 +1,406 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getItemClass = getItemClass;
+exports.getItemContentClass = getItemContentClass;
+exports.renderItemContent = renderItemContent;
+exports.renderItemErrorIcon = renderItemErrorIcon;
+exports.renderTitle = renderTitle;
+var _ui = require("../../ui");
+var _utils = require("../../ui/src/utils");
+var _dom = require("../../ui/src/dom");
+var _vn = require("../../ui/src/vn");
+var _util = require("./util");
+var _tooltip = _interopRequireDefault(require("../../tooltip"));
+var _icon = _interopRequireDefault(require("../../icon"));
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function renderPrefixIcon(h, titlePrefix) {
+  return h('span', {
+    class: 'vxe-form--item-title-tip-prefix'
+  }, [h(_icon.default, {
+    class: titlePrefix.icon || (0, _ui.getIcon)().FORM_PREFIX,
+    props: {
+      status: titlePrefix.iconStatus
+    }
+  })]);
+}
+function renderSuffixIcon(h, titleSuffix) {
+  return h('span', {
+    class: 'vxe-form--item-title-tip-suffix'
+  }, [h(_icon.default, {
+    class: titleSuffix.icon || (0, _ui.getIcon)().FORM_SUFFIX,
+    props: {
+      status: titleSuffix.iconStatus
+    }
+  })]);
+}
+function getItemClass($xeForm, item, isGroup) {
+  var _ref;
+  var formProps = $xeForm;
+  var formReactData = $xeForm.reactData;
+  var $xeGrid = $xeForm.$xeGrid;
+  var data = formProps.data,
+    rules = formProps.rules,
+    readonly = formProps.readonly,
+    disabled = formProps.disabled,
+    allSpan = formProps.span,
+    allTitleBackground = formProps.titleBackground,
+    allTitleBold = formProps.titleBold,
+    allTitleColon = formProps.titleColon,
+    allTitleAsterisk = formProps.titleAsterisk,
+    allVertical = formProps.vertical,
+    allPadding = formProps.padding;
+  var collapseAll = formReactData.collapseAll;
+  var folding = item.folding,
+    field = item.field,
+    itemRender = item.itemRender,
+    showError = item.showError,
+    className = item.className,
+    vertical = item.vertical,
+    padding = item.padding,
+    children = item.children,
+    showContent = item.showContent;
+  var vSize = $xeForm.computeSize;
+  var validOpts = $xeForm.computeValidOpts;
+  var showErrorMessage = validOpts.showErrorMessage,
+    showMessage = validOpts.showMessage,
+    showErrorBackground = validOpts.showErrorBackground,
+    showErrorIcon = validOpts.showErrorIcon;
+  var compConf = (0, _utils.isEnableConf)(itemRender) ? _ui.renderer.get(itemRender.name) : null;
+  var itemClassName = compConf ? compConf.formItemClassName || compConf.itemClassName : '';
+  var span = item.span || allSpan;
+  var itemPadding = _xeUtils.default.eqNull(padding) ? allPadding : padding;
+  var itemVertical = _xeUtils.default.eqNull(vertical) ? allVertical : vertical;
+  var titleBackground = _xeUtils.default.eqNull(item.titleBackground) ? allTitleBackground : item.titleBackground;
+  var titleBold = _xeUtils.default.eqNull(item.titleBold) ? allTitleBold : item.titleBold;
+  var titleColon = _xeUtils.default.eqNull(item.titleColon) ? allTitleColon : item.titleColon;
+  var titleAsterisk = _xeUtils.default.eqNull(item.titleAsterisk) ? allTitleAsterisk : item.titleAsterisk;
+  var params = {
+    data: data,
+    disabled: disabled,
+    readonly: readonly,
+    field: field,
+    property: field,
+    item: item,
+    $form: $xeForm,
+    $grid: $xeGrid
+  };
+  var hasGroup = children && children.length > 0;
+  var isRequired = false;
+  var isValid = false;
+  if (!readonly && rules) {
+    var itemRules = item.rules ? item.rules : rules[field];
+    if (itemRules && itemRules.length) {
+      isValid = true;
+      isRequired = itemRules.some(function (rule) {
+        return rule.required;
+      });
+    }
+  }
+  return [isGroup || hasGroup ? 'vxe-form--group' : '', 'vxe-form--item', item.id, span ? "vxe-form--item-col_".concat(span, " is--span") : '', "".concat((_xeUtils.default.isBoolean(showErrorMessage) ? showErrorMessage : showMessage) ? 'show' : 'hide', "--err-msg"), className ? _xeUtils.default.isFunction(className) ? className(params) : className : '', itemClassName ? _xeUtils.default.isFunction(itemClassName) ? itemClassName(params) : itemClassName : '', (_ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "size--".concat(vSize), vSize), 'is--colon', titleColon), 'is--tbg', titleBackground), 'is--bold', titleBold), 'is--padding', itemPadding), 'is--vertical', itemVertical), 'is--asterisk', titleAsterisk), 'hide--content', showContent === false), 'is--valid', isValid), 'is--required', isRequired), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, 'is--hidden', folding && collapseAll), 'is--active', (0, _util.isActiveItem)($xeForm, item)), 'err--icon', showErrorIcon), 'err--bg', showErrorBackground), 'is--error', showError))];
+}
+function getItemContentClass($xeForm, item, isGroup) {
+  var formProps = $xeForm;
+  var $xeGrid = $xeForm.$xeGrid;
+  var data = formProps.data,
+    readonly = formProps.readonly,
+    disabled = formProps.disabled,
+    allAlign = formProps.align,
+    allVerticalAlign = formProps.verticalAlign;
+  var field = item.field,
+    itemRender = item.itemRender,
+    contentClassName = item.contentClassName,
+    children = item.children;
+  var hasGroup = children && children.length > 0;
+  var compConf = (0, _utils.isEnableConf)(itemRender) ? _ui.renderer.get(itemRender.name) : null;
+  var itemContentClassName = compConf ? compConf.formItemContentClassName || compConf.itemContentClassName : '';
+  var align = hasGroup ? item.align : _xeUtils.default.eqNull(item.align) ? allAlign : item.align;
+  var verticalAlign = hasGroup ? item.verticalAlign : _xeUtils.default.eqNull(item.verticalAlign) ? allVerticalAlign : item.verticalAlign;
+  var params = {
+    data: data,
+    disabled: disabled,
+    readonly: readonly,
+    field: field,
+    property: field,
+    item: item,
+    $form: $xeForm,
+    $grid: $xeGrid
+  };
+  return [isGroup || hasGroup ? 'vxe-form--group-content vxe-form--item-row' : '', 'vxe-form--item-content', align ? "align--".concat(align) : '', verticalAlign ? "vertical-align--".concat(verticalAlign) : '', itemContentClassName ? _xeUtils.default.isFunction(itemContentClassName) ? itemContentClassName(params) : itemContentClassName : '', contentClassName ? _xeUtils.default.isFunction(contentClassName) ? contentClassName(params) : contentClassName : ''];
+}
+function renderTitle(h, $xeForm, item, isGroup) {
+  var formProps = $xeForm;
+  var $xeGrid = $xeForm.$xeGrid;
+  var data = formProps.data,
+    readonly = formProps.readonly,
+    disabled = formProps.disabled,
+    allTitleAlign = formProps.titleAlign,
+    allTitleWidth = formProps.titleWidth,
+    allTitleOverflow = formProps.titleOverflow,
+    allVertical = formProps.vertical;
+  var slots = item.slots,
+    title = item.title,
+    field = item.field,
+    itemRender = item.itemRender,
+    titleOverflow = item.titleOverflow,
+    vertical = item.vertical,
+    showTitle = item.showTitle,
+    titleClassName = item.titleClassName,
+    titleStyle = item.titleStyle,
+    titlePrefix = item.titlePrefix,
+    titleSuffix = item.titleSuffix,
+    children = item.children,
+    showContent = item.showContent;
+  var tooltipOpts = $xeForm.computeTooltipOpts;
+  var compConf = (0, _utils.isEnableConf)(itemRender) ? _ui.renderer.get(itemRender.name) : null;
+  var itemTitleClassName = compConf ? compConf.formItemTitleClassName || compConf.itemTitleClassName : '';
+  var itemTitleStyle = compConf ? compConf.formItemTitleStyle || compConf.itemTitleStyle : null;
+  var itemVertical = _xeUtils.default.eqNull(vertical) ? allVertical : vertical;
+  var titleAlign = _xeUtils.default.eqNull(item.titleAlign) ? allTitleAlign : item.titleAlign;
+  var titleWidth = itemVertical ? null : _xeUtils.default.eqNull(item.titleWidth) ? allTitleWidth : item.titleWidth;
+  var itemOverflow = _xeUtils.default.eqNull(titleOverflow) ? allTitleOverflow : titleOverflow;
+  var ovEllipsis = itemOverflow === 'ellipsis';
+  var ovTitle = itemOverflow === 'title';
+  var ovTooltip = itemOverflow === true || itemOverflow === 'tooltip';
+  var hasEllipsis = ovTitle || ovTooltip || ovEllipsis;
+  var params = {
+    data: data,
+    disabled: disabled,
+    readonly: readonly,
+    field: field,
+    property: field,
+    item: item,
+    $form: $xeForm,
+    $grid: $xeGrid
+  };
+  var titleSlot = slots ? slots.title : null;
+  var prefixSlot = slots ? slots.prefix : null;
+  var suffixSlot = slots ? slots.suffix || slots.extra : null;
+  var isTitle = showTitle !== false && (title || titleSlot);
+  var hasGroup = children && children.length > 0;
+  var titVNs = [];
+  if (prefixSlot) {
+    titVNs.push(h('span', {
+      key: 'pt',
+      class: 'vxe-form--item-title-prefix'
+    }, $xeForm.callSlot(prefixSlot, params, h)));
+  }
+  if (titlePrefix) {
+    titVNs.push(titlePrefix.content || titlePrefix.message ? h(_tooltip.default, {
+      key: 'pm',
+      props: Object.assign(Object.assign(Object.assign({}, tooltipOpts), titlePrefix), {
+        content: (0, _utils.getFuncText)(titlePrefix.content || titlePrefix.message)
+      }),
+      scopedSlots: {
+        default: function _default() {
+          return renderPrefixIcon(h, titlePrefix);
+        }
+      }
+    }) : renderPrefixIcon(h, titlePrefix));
+  }
+  var rftTitle = compConf ? compConf.renderFormItemTitle || compConf.renderItemTitle : null;
+  titVNs.push(h('span', {
+    key: 'pl',
+    class: 'vxe-form--item-title-label'
+  }, titleSlot ? $xeForm.callSlot(titleSlot, params, h) : rftTitle ? (0, _vn.getSlotVNs)(rftTitle.call($xeForm, h, itemRender, params)) : (0, _utils.getFuncText)(item.title)));
+  var fixVNs = [];
+  if (titleSuffix) {
+    fixVNs.push(titleSuffix.content || titleSuffix.message ? h(_tooltip.default, {
+      key: 'sm',
+      props: Object.assign(Object.assign(Object.assign({}, tooltipOpts), titleSuffix), {
+        content: (0, _utils.getFuncText)(titleSuffix.content || titleSuffix.message)
+      }),
+      scopedSlots: {
+        default: function _default() {
+          return renderSuffixIcon(h, titleSuffix);
+        }
+      }
+    }) : renderSuffixIcon(h, titleSuffix));
+  }
+  if (suffixSlot) {
+    fixVNs.push(h('span', {
+      key: 'st',
+      class: 'vxe-form--item-title-suffix'
+    }, $xeForm.callSlot(suffixSlot, params, h)));
+  }
+  var ons = ovTooltip ? {
+    onMouseenter: function onMouseenter(evnt) {
+      $xeForm.triggerTitleTipEvent(evnt, params);
+    },
+    onMouseleave: $xeForm.handleTitleTipLeaveEvent
+  } : {};
+  var itStyle = Object.assign({}, _xeUtils.default.isFunction(itemTitleStyle) ? itemTitleStyle(params) : itemTitleStyle, _xeUtils.default.isFunction(titleStyle) ? titleStyle(params) : titleStyle);
+  if (titleWidth && titleWidth !== 'auto' && showContent !== false) {
+    itStyle.width = (0, _dom.toCssUnit)(titleWidth);
+  }
+  return isTitle ? h('div', {
+    class: [isGroup || hasGroup ? 'vxe-form--group-title' : '', 'vxe-form--item-title', titleAlign ? "align--".concat(titleAlign) : '', hasEllipsis ? 'is--ellipsis' : '', itemTitleClassName ? _xeUtils.default.isFunction(itemTitleClassName) ? itemTitleClassName(params) : itemTitleClassName : '', titleClassName ? _xeUtils.default.isFunction(titleClassName) ? titleClassName(params) : titleClassName : ''],
+    style: itStyle,
+    attrs: {
+      itemid: item.id,
+      title: ovTitle ? (0, _utils.getFuncText)(title) : null
+    },
+    on: ons
+  }, [h('div', {
+    class: 'vxe-form--item-title-content'
+  }, titVNs), h('div', {
+    class: 'vxe-form--item-title-postfix'
+  }, fixVNs)]) : (0, _ui.renderEmptyElement)($xeForm);
+}
+function renderItemErrorIcon(h, $xeForm, item) {
+  var validOpts = $xeForm.computeValidOpts;
+  var showErrorIcon = validOpts.showErrorIcon,
+    errorIcon = validOpts.errorIcon;
+  var errRule = item.errRule,
+    showIconMsg = item.showIconMsg;
+  if (!showErrorIcon) {
+    return (0, _ui.renderEmptyElement)($xeForm);
+  }
+  return h('div', {
+    key: 'emi',
+    class: ['vxe-form-item--valid-error-icon-wrapper', {
+      'is--show': showIconMsg,
+      'is--hide': !showIconMsg
+    }]
+  }, [h('span', {
+    class: 'vxe-form-item--valid-error-icon-btn',
+    on: {
+      click: function click(evnt) {
+        $xeForm.handleValidIconEvent(evnt, {
+          item: item
+        });
+      }
+    }
+  }, [h('i', {
+    class: errorIcon || (0, _ui.getIcon)().FORM_VALID_ERROR_ICON
+  })]), h('div', {
+    class: 'vxe-form-item--valid-error-icon-msg-tip'
+  }, errRule ? [h('div', {
+    class: "vxe-form-item--valid-error-icon-msg vxe-form-item--valid-error-icon-theme-".concat(validOpts.theme || 'normal')
+  }, errRule.content || errRule.message)] : [])]);
+}
+function renderItemContent(h, $xeForm, item) {
+  var formProps = $xeForm;
+  var formReactData = $xeForm.reactData;
+  var formInternalData = $xeForm.internalData;
+  var $xeGrid = $xeForm.$xeGrid;
+  var data = formProps.data,
+    readonly = formProps.readonly,
+    disabled = formProps.disabled;
+  var itemFormatCache = formInternalData.itemFormatCache;
+  var collapseAll = formReactData.collapseAll;
+  var slots = item.slots,
+    field = item.field,
+    itemRender = item.itemRender,
+    collapseNode = item.collapseNode,
+    errRule = item.errRule,
+    formatter = item.formatter;
+  var defaultSlot = slots ? slots.default : null;
+  var validSlot = slots ? slots.valid : null;
+  var collapseOpts = $xeForm.computeCollapseOpts;
+  var validOpts = $xeForm.computeValidOpts;
+  var showErrorMessage = validOpts.showErrorMessage,
+    showMessage = validOpts.showMessage;
+  var compConf = (0, _utils.isEnableConf)(itemRender) ? _ui.renderer.get(itemRender.name) : null;
+  var itemValue = _xeUtils.default.get(data, field);
+  var params = {
+    data: data,
+    disabled: disabled,
+    readonly: readonly,
+    field: field,
+    property: field,
+    item: item,
+    itemValue: itemValue,
+    $form: $xeForm,
+    $grid: $xeGrid
+  };
+  var contentVNs = [];
+  var rftContent = compConf ? compConf.renderFormItemContent || compConf.renderItemContent : null;
+  if (defaultSlot) {
+    contentVNs = $xeForm.callSlot(defaultSlot, params, h);
+  } else if (rftContent) {
+    contentVNs = (0, _vn.getSlotVNs)(rftContent.call($xeForm, h, itemRender, params));
+  } else if (field) {
+    var itemLabel = itemValue;
+    if (formatter) {
+      var formatData;
+      if (field) {
+        var itemRest = itemFormatCache[field];
+        if (itemRest) {
+          formatData = itemRest.formatData;
+          if (formatData) {
+            if (formatData.value === itemValue) {
+              return formatData.label;
+            }
+          } else {
+            formatData = itemRest.formatData = {};
+          }
+        } else {
+          itemFormatCache[field] = {
+            field: field
+          };
+        }
+      }
+      if (_xeUtils.default.isString(formatter)) {
+        var gFormatOpts = _ui.formats.get(formatter);
+        var fiFormatMethod = gFormatOpts ? gFormatOpts.formItemFormatMethod : null;
+        itemLabel = fiFormatMethod ? fiFormatMethod(params) : '';
+      } else if (_xeUtils.default.isArray(formatter)) {
+        var _gFormatOpts = _ui.formats.get(formatter[0]);
+        var _fiFormatMethod = _gFormatOpts ? _gFormatOpts.formItemFormatMethod : null;
+        itemLabel = _fiFormatMethod ? _fiFormatMethod.apply(void 0, [params].concat(_toConsumableArray(formatter.slice(1)))) : '';
+      } else {
+        itemLabel = formatter(params);
+      }
+      if (formatData) {
+        formatData.value = itemValue;
+        formatData.label = itemLabel;
+      }
+    }
+    contentVNs = [(0, _utils.eqEmptyValue)(itemLabel) ? '' : "".concat(itemLabel)];
+  }
+  if (collapseNode) {
+    contentVNs.push(h('div', {
+      class: 'vxe-form--item-trigger-node',
+      on: {
+        click: $xeForm.toggleCollapseEvent
+      }
+    }, [h('span', {
+      class: 'vxe-form--item-trigger-text'
+    }, collapseAll ? collapseOpts.unfoldButtonText || (0, _ui.getI18n)('vxe.form.unfolding') : collapseOpts.foldButtonText || (0, _ui.getI18n)('vxe.form.folding')), h('i', {
+      class: ['vxe-form--item-trigger-icon', collapseAll ? collapseOpts.foldIcon || (0, _ui.getIcon)().FORM_FOLDING : collapseOpts.unfoldIcon || (0, _ui.getIcon)().FORM_UNFOLDING]
+    })]));
+  }
+  if (errRule && (_xeUtils.default.isBoolean(showErrorMessage) ? showErrorMessage : showMessage)) {
+    var validParams = Object.assign(Object.assign({}, params), {
+      rule: errRule
+    });
+    contentVNs.push(h('div', {
+      class: 'vxe-form-item--valid-error-tip',
+      style: errRule.maxWidth ? {
+        width: (0, _dom.toCssUnit)(errRule.maxWidth)
+      } : {}
+    }, [h('div', {
+      class: "vxe-form-item--valid-error-wrapper vxe-form-item--valid-error-theme-".concat(validOpts.theme || 'normal')
+    }, [validSlot ? $xeForm.callSlot(validSlot, validParams, h) : [h('span', {
+      class: 'vxe-form--item--valid-error-msg'
+    }, errRule.content || errRule.message)]])]));
+  }
+  return h('div', {
+    key: 'ct',
+    class: 'vxe-form--item-inner'
+  }, contentVNs);
+}

package/lib/form/src/render.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.getItemClass=getItemClass,exports.getItemContentClass=getItemContentClass,exports.renderItemContent=renderItemContent,exports.renderItemErrorIcon=renderItemErrorIcon,exports.renderTitle=renderTitle;var _ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("./util"),_tooltip=_interopRequireDefault(require("../../tooltip")),_icon=_interopRequireDefault(require("../../icon")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,i=Array(t);r<t;r++)i[r]=e[r];return i}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}function renderPrefixIcon(e,t){return e("span",{class:"vxe-form--item-title-tip-prefix"},[e(_icon.default,{class:t.icon||(0,_ui.getIcon)().FORM_PREFIX,props:{status:t.iconStatus}})])}function renderSuffixIcon(e,t){return e("span",{class:"vxe-form--item-title-tip-suffix"},[e(_icon.default,{class:t.icon||(0,_ui.getIcon)().FORM_SUFFIX,props:{status:t.iconStatus}})])}function getItemClass(e,t,r){var i=e.reactData,l=e.$xeGrid,o=e.data,n=e.rules,a=e.readonly,s=e.disabled,u=e.span,d=e.titleBackground,c=e.titleBold,f=e.titleColon,m=e.titleAsterisk,p=e.vertical,_=e.padding,i=i.collapseAll,g=t.folding,y=t.field,v=t.itemRender,x=t.showError,b=t.className,I=t.vertical,h=t.padding,C=t.children,S=t.showContent,A=e.computeSize,T=e.computeValidOpts,U=T.showErrorMessage,N=T.showMessage,P=T.showErrorBackground,T=T.showErrorIcon,v=(0,_utils.isEnableConf)(v)?_ui.renderer.get(v.name):null,v=v?v.formItemClassName||v.itemClassName:"",u=t.span||u,_=_xeUtils.default.eqNull(h)?_:h,h=_xeUtils.default.eqNull(I)?p:I,p=_xeUtils.default.eqNull(t.titleBackground)?d:t.titleBackground,I=_xeUtils.default.eqNull(t.titleBold)?c:t.titleBold,d=_xeUtils.default.eqNull(t.titleColon)?f:t.titleColon,c=_xeUtils.default.eqNull(t.titleAsterisk)?m:t.titleAsterisk,f={data:o,disabled:s,readonly:a,field:y,property:y,item:t,$form:e,$grid:l},m=C&&0<C.length,o=!1,s=!1;return!a&&n&&(l=t.rules||n[y])&&l.length&&(s=!0,o=l.some(function(e){return e.required})),[r||m?"vxe-form--group":"","vxe-form--item",t.id,u?"vxe-form--item-col_".concat(u," is--span"):"","".concat((_xeUtils.default.isBoolean(U)?U:N)?"show":"hide","--err-msg"),b?_xeUtils.default.isFunction(b)?b(f):b:"",v?_xeUtils.default.isFunction(v)?v(f):v:"",(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(C={},"size--".concat(A),A),"is--colon",d),"is--tbg",p),"is--bold",I),"is--padding",_),"is--vertical",h),"is--asterisk",c),"hide--content",!1===S),"is--valid",s),"is--required",o),_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(C,"is--hidden",g&&i),"is--active",(0,_util.isActiveItem)(e,t)),"err--icon",T),"err--bg",P),"is--error",x))]}function getItemContentClass(e,t,r){var i=e.$xeGrid,l=e.data,o=e.readonly,n=e.disabled,a=e.align,s=e.verticalAlign,u=t.field,d=t.itemRender,c=t.contentClassName,f=t.children,f=f&&0<f.length,d=(0,_utils.isEnableConf)(d)?_ui.renderer.get(d.name):null,d=d?d.formItemContentClassName||d.itemContentClassName:"",a=!f&&_xeUtils.default.eqNull(t.align)?a:t.align,s=!f&&_xeUtils.default.eqNull(t.verticalAlign)?s:t.verticalAlign,l={data:l,disabled:n,readonly:o,field:u,property:u,item:t,$form:e,$grid:i};return[r||f?"vxe-form--group-content vxe-form--item-row":"","vxe-form--item-content",a?"align--".concat(a):"",s?"vertical-align--".concat(s):"",d?_xeUtils.default.isFunction(d)?d(l):d:"",c?_xeUtils.default.isFunction(c)?c(l):c:""]}function renderTitle(e,t,r,i){var l=t.$xeGrid,o=t.data,n=t.readonly,a=t.disabled,s=t.titleAlign,u=t.titleWidth,d=t.titleOverflow,c=t.vertical,f=r.slots,m=r.title,p=r.field,_=r.itemRender,g=r.titleOverflow,y=r.vertical,v=r.showTitle,x=r.titleClassName,b=r.titleStyle,I=r.titlePrefix,h=r.titleSuffix,C=r.children,S=r.showContent,A=t.computeTooltipOpts,T=(0,_utils.isEnableConf)(_)?_ui.renderer.get(_.name):null,U=T?T.formItemTitleClassName||T.itemTitleClassName:"",N=T?T.formItemTitleStyle||T.itemTitleStyle:null,c=_xeUtils.default.eqNull(y)?c:y,y=_xeUtils.default.eqNull(r.titleAlign)?s:r.titleAlign,s=c?null:_xeUtils.default.eqNull(r.titleWidth)?u:r.titleWidth,c=_xeUtils.default.eqNull(g)?d:g,u="title"===c,d=!0===c||"tooltip"===c,g=u||d||"ellipsis"===c,P={data:o,disabled:a,readonly:n,field:p,property:p,item:r,$form:t,$grid:l},c=f?f.title:null,o=f?f.prefix:null,a=f?f.suffix||f.extra:null,n=!1!==v&&(m||c),p=C&&0<C.length,l=[],f=(o&&l.push(e("span",{key:"pt",class:"vxe-form--item-title-prefix"},t.callSlot(o,P,e))),I&&l.push(I.content||I.message?e(_tooltip.default,{key:"pm",props:Object.assign(Object.assign(Object.assign({},A),I),{content:(0,_utils.getFuncText)(I.content||I.message)}),scopedSlots:{default:function(){return renderPrefixIcon(e,I)}}}):renderPrefixIcon(e,I)),T?T.renderFormItemTitle||T.renderItemTitle:null),v=(l.push(e("span",{key:"pl",class:"vxe-form--item-title-label"},c?t.callSlot(c,P,e):f?(0,_vn.getSlotVNs)(f.call(t,e,_,P)):(0,_utils.getFuncText)(r.title))),[]),C=(h&&v.push(h.content||h.message?e(_tooltip.default,{key:"sm",props:Object.assign(Object.assign(Object.assign({},A),h),{content:(0,_utils.getFuncText)(h.content||h.message)}),scopedSlots:{default:function(){return renderSuffixIcon(e,h)}}}):renderSuffixIcon(e,h)),a&&v.push(e("span",{key:"st",class:"vxe-form--item-title-suffix"},t.callSlot(a,P,e))),d?{onMouseenter:function(e){t.triggerTitleTipEvent(e,P)},onMouseleave:t.handleTitleTipLeaveEvent}:{}),o=Object.assign({},_xeUtils.default.isFunction(N)?N(P):N,_xeUtils.default.isFunction(b)?b(P):b);return s&&"auto"!==s&&!1!==S&&(o.width=(0,_dom.toCssUnit)(s)),n?e("div",{class:[i||p?"vxe-form--group-title":"","vxe-form--item-title",y?"align--".concat(y):"",g?"is--ellipsis":"",U?_xeUtils.default.isFunction(U)?U(P):U:"",x?_xeUtils.default.isFunction(x)?x(P):x:""],style:o,attrs:{itemid:r.id,title:u?(0,_utils.getFuncText)(m):null},on:C},[e("div",{class:"vxe-form--item-title-content"},l),e("div",{class:"vxe-form--item-title-postfix"},v)]):(0,_ui.renderEmptyElement)(t)}function renderItemErrorIcon(e,t,r){var i=t.computeValidOpts,l=i.showErrorIcon,o=r.errRule,n=r.showIconMsg;return l?e("div",{key:"emi",class:["vxe-form-item--valid-error-icon-wrapper",{"is--show":n,"is--hide":!n}]},[e("span",{class:"vxe-form-item--valid-error-icon-btn",on:{click:function(e){t.handleValidIconEvent(e,{item:r})}}},[e("i",{class:i.errorIcon||(0,_ui.getIcon)().FORM_VALID_ERROR_ICON})]),e("div",{class:"vxe-form-item--valid-error-icon-msg-tip"},o?[e("div",{class:"vxe-form-item--valid-error-icon-msg vxe-form-item--valid-error-icon-theme-".concat(i.theme||"normal")},o.content||o.message)]:[])]):(0,_ui.renderEmptyElement)(t)}function renderItemContent(e,t,r){var i=t.reactData,l=t.$xeGrid,o=t.data,n=t.readonly,a=t.disabled,s=t.internalData.itemFormatCache,i=i.collapseAll,u=r.slots,d=r.field,c=r.itemRender,f=r.collapseNode,m=r.errRule,p=r.formatter,_=u?u.default:null,u=u?u.valid:null,g=t.computeCollapseOpts,y=t.computeValidOpts,v=y.showErrorMessage,x=y.showMessage,b=(0,_utils.isEnableConf)(c)?_ui.renderer.get(c.name):null,I=_xeUtils.default.get(o,d),o={data:o,disabled:a,readonly:n,field:d,property:d,item:r,itemValue:I,$form:t,$grid:l},a=[],n=b?b.renderFormItemContent||b.renderItemContent:null;if(_)a=t.callSlot(_,o,e);else if(n)a=(0,_vn.getSlotVNs)(n.call(t,e,c,o));else if(d){var h,r=I;if(p){if(d){var l=s[d];if(l)if(h=l.formatData){if(h.value===I)return h.label}else h=l.formatData={};else s[d]={field:d}}r=_xeUtils.default.isString(p)?(_=(b=_ui.formats.get(p))?b.formItemFormatMethod:null)?_(o):"":_xeUtils.default.isArray(p)?(c=(n=_ui.formats.get(p[0]))?n.formItemFormatMethod:null)?c.apply(void 0,[o].concat(_toConsumableArray(p.slice(1)))):"":p(o),h&&(h.value=I,h.label=r)}a=[(0,_utils.eqEmptyValue)(r)?"":"".concat(r)]}return f&&a.push(e("div",{class:"vxe-form--item-trigger-node",on:{click:t.toggleCollapseEvent}},[e("span",{class:"vxe-form--item-trigger-text"},i?g.unfoldButtonText||(0,_ui.getI18n)("vxe.form.unfolding"):g.foldButtonText||(0,_ui.getI18n)("vxe.form.folding")),e("i",{class:["vxe-form--item-trigger-icon",i?g.foldIcon||(0,_ui.getIcon)().FORM_FOLDING:g.unfoldIcon||(0,_ui.getIcon)().FORM_UNFOLDING]})])),m&&(_xeUtils.default.isBoolean(v)?v:x)&&(l=Object.assign(Object.assign({},o),{rule:m}),a.push(e("div",{class:"vxe-form-item--valid-error-tip",style:m.maxWidth?{width:(0,_dom.toCssUnit)(m.maxWidth)}:{}},[e("div",{class:"vxe-form-item--valid-error-wrapper vxe-form-item--valid-error-theme-".concat(y.theme||"normal")},[u?t.callSlot(u,l,e):[e("span",{class:"vxe-form--item--valid-error-msg"},m.content||m.message)]])]))),e("div",{key:"ct",class:"vxe-form--item-inner"},a)}