vxe-pc-ui 3.15.1 → 3.15.3

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

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

@@ -14,6 +14,8 @@ function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var 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);
@@ -24,21 +26,21 @@ var ItemInfo = exports.ItemInfo = /*#__PURE__*/function () {
       if (_xeUtils.default.isString(formatter)) {
         var gFormatOpts = _ui.formats.get(formatter);
         if (!gFormatOpts || !gFormatOpts.formItemFormatMethod) {
-          (0, _log.errLog)('vxe.error.notFormats', ["[form] ".concat(formatter)]);
+          errLog('vxe.error.notFormats', [formatter]);
         }
       } else if (_xeUtils.default.isArray(formatter)) {
         var _gFormatOpts = _ui.formats.get(formatter[0]);
         if (!_gFormatOpts || !_gFormatOpts.formItemFormatMethod) {
-          (0, _log.errLog)('vxe.error.notFormats', ["[form] ".concat(formatter[0])]);
+          errLog('vxe.error.notFormats', [formatter[0]]);
         }
       }
     }
     if (field && itemRender) {
       if (itemRender.startField && "".concat(itemRender.startField).indexOf(field) >= 0) {
-        (0, _log.errLog)('vxe.error.modelConflicts', ["[form] field=".concat(field), "item-render.startField=".concat(itemRender.startField)]);
+        errLog('vxe.error.modelConflicts', ["field=".concat(field), "item-render.startField=".concat(itemRender.startField)]);
       }
       if (itemRender.endField && "".concat(itemRender.endField).indexOf(field) >= 0) {
-        (0, _log.errLog)('vxe.error.modelConflicts', ["[form] field=".concat(field), "item-render.endField=".concat(itemRender.endField)]);
+        errLog('vxe.error.modelConflicts', ["field=".concat(field), "item-render.endField=".concat(itemRender.endField)]);
       }
     }
     Object.assign(this, {

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

@@ -1 +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 i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,_toPropertyKey(i.key),i)}}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 ItemInfo=exports.ItemInfo=(()=>_createClass(function e(t,r){_classCallCheck(this,e);var i,o=r.field,l=r.itemRender,n=r.formatter;n&&(_xeUtils.default.isString(n)?(i=_ui.formats.get(n))&&i.formItemFormatMethod||(0,_log.errLog)("vxe.error.notFormats",["[form] ".concat(n)]):!_xeUtils.default.isArray(n)||(i=_ui.formats.get(n[0]))&&i.formItemFormatMethod||(0,_log.errLog)("vxe.error.notFormats",["[form] ".concat(n[0])])),o&&l&&(l.startField&&0<="".concat(l.startField).indexOf(o)&&(0,_log.errLog)("vxe.error.modelConflicts",["[form] field=".concat(o),"item-render.startField=".concat(l.startField)]),l.endField)&&0<="".concat(l.endField).indexOf(o)&&(0,_log.errLog)("vxe.error.modelConflicts",["[form] field=".concat(o),"item-render.endField=".concat(l.endField)]),Object.assign(this,{id:_xeUtils.default.uniqueId("item_"),title:r.title,field:o,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}}]))();
+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/image/src/image.js

@@ -79,13 +79,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     getThumbnailUrlMethod: Function
   },
   data: function data() {
-    var internalData = createInternalData();
     var reactData = createReactData();
-    return {
+    return Object.assign(Object.assign({}, {}), {
       xID: _xeUtils.default.uniqueId(),
-      reactData: reactData,
-      internalData: internalData
-    };
+      reactData: reactData
+    });
   },
   computed: Object.assign(Object.assign({}, {}), {
     computeWrapperStyle: function computeWrapperStyle() {
@@ -301,6 +299,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       })]);
     }
   },
+  created: function created() {
+    var $xeImage = this;
+    $xeImage.internalData = createInternalData();
+  },
   beforeDestroy: function beforeDestroy() {
     var $xeImage = this;
     var reactData = $xeImage.reactData;

package/lib/image/src/image.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_util=require("./util");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,i){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0===i)return("string"===e?String:Number)(t);i=i.call(t,e||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}function createInternalData(){return{}}function createReactData(){return{}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeImage",mixins:[_ui.globalMixins.sizeMixin],props:{src:[String,Array],alt:[String,Number],loading:String,title:[String,Number],width:[String,Number],height:[String,Number],minWidth:[String,Number],minHeight:[String,Number],maxWidth:[String,Number],maxHeight:[String,Number],circle:Boolean,draggable:{type:Boolean,default:function(){return(0,_ui.getConfig)().image.draggable}},zIndex:Number,maskClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().image.maskClosable}},toolbarConfig:Object,showPreview:{type:Boolean,default:function(){return(0,_ui.getConfig)().image.showPreview}},showPrintButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().image.showPrintButton}},showDownloadButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().image.showDownloadButton}},size:{type:String,default:function(){return(0,_ui.getConfig)().image.size||(0,_ui.getConfig)().size}},getThumbnailUrlMethod:Function},data:function(){var t=createInternalData(),e=createReactData();return{xID:_xeUtils.default.uniqueId(),reactData:e,internalData:t}},computed:Object.assign(Object.assign({},{}),{computeWrapperStyle:function(){var t=this,e=t.width,i=t.height,n=t.minWidth,r=t.minHeight,o=t.maxWidth,a=t.maxHeight,t=t.circle,u={};return n&&(u.minWidth=(0,_dom.toCssUnit)(n)),r&&(u.minHeight=(0,_dom.toCssUnit)(r)),o&&(u.maxWidth=(0,_dom.toCssUnit)(o)),a&&(u.maxHeight=(0,_dom.toCssUnit)(a)),t?e?u.height=(0,_dom.toCssUnit)(e):i&&(u.width=(0,_dom.toCssUnit)(i)):(e&&(u.width=(0,_dom.toCssUnit)(e)),i&&(u.height=(0,_dom.toCssUnit)(i))),u},computeImgStyle:function(){var t=this.width,e=this.height,i={};return t&&e?(i.maxWidth=(0,_dom.toCssUnit)(t),i.maxHeight=(0,_dom.toCssUnit)(e)):(t&&(i.width=(0,_dom.toCssUnit)(t)),e&&(i.height=(0,_dom.toCssUnit)(e))),i},computeImgList:function(){var t=this.src;return t?(_xeUtils.default.isArray(t)?t:[t]).map(function(t){return _xeUtils.default.isString(t)?{url:t,alt:""}:{url:t.url,alt:t.alt}}):[]},computeImgItem:function(){return this.computeImgList[0]},computeImgUrl:function(){var t=this.computeImgItem;return t?"".concat(t.url||""):""},computeImgThumbnailUrl:function(){var t=this,e=t.getThumbnailUrlMethod||(0,_ui.getConfig)().image.getThumbnailUrlMethod,i=t.computeImgUrl;return e?e({url:i,$image:t}):""}}),methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$image:this},e))},clickEvent:function(t){var e=this,i=e.internalData,n=e.$xeImageGroup,r=e.showPreview,o=e.toolbarConfig,a=e.showPrintButton,u=e.showDownloadButton,l=e.maskClosable,s=e.zIndex,m=i.mdTime,i=i.dgTime;m&&i&&m<i||(m=e.computeImgList,i=e.computeImgUrl,n?n.handleClickImgEvent(t,{url:i}):(r&&i&&(0,_util.openPreviewImage)({urlList:m,toolbarConfig:o,showPrintButton:a,showDownloadButton:u,maskClosable:l,zIndex:s,events:{change:function(t){e.dispatchEvent("change",t,t.$event)},rotate:function(t){e.dispatchEvent("rotate",t,t.$event)}}}),e.dispatchEvent("click",{url:i},t)))},mousedownEvent:function(){this.internalData.mdTime=Date.now()},handleDragstartEvent:function(t){this.internalData.dgTime=Date.now(),this.dispatchEvent("dragstart",{},t)},handleDragEvent:function(t){this.dispatchEvent(t.type,{},t)},renderVN:function(t){var e,i=this,n=i.alt,r=i.loading,o=i.circle,a=i.draggable,u=i.computeWrapperStyle,l=i.computeImgStyle,s=i.computeImgUrl,m=i.computeImgThumbnailUrl,c=i.computeSize;return _xeUtils.default.eqNull(a)||(e=!(!0!==a&&"true"!==a)),t("div",{class:["vxe-image",_defineProperty(_defineProperty({},"size--".concat(c),c),"is--circle",o)],style:u},[t("img",{ref:"refElem",class:"vxe-image-img",style:l,attrs:{src:m||s,alt:n,loading:r,draggable:e},on:{mousedown:i.mousedownEvent,click:i.clickEvent,dragstart:i.handleDragstartEvent,drag:i.handleDragEvent,dragend:i.handleDragEvent}})])}},beforeDestroy:function(){var t=this.reactData,e=this.internalData;_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(e,createInternalData())},render:function(t){return this.renderVN(t)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_util=require("./util");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,i){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0===i)return("string"===e?String:Number)(t);i=i.call(t,e||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}function createInternalData(){return{}}function createReactData(){return{}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeImage",mixins:[_ui.globalMixins.sizeMixin],props:{src:[String,Array],alt:[String,Number],loading:String,title:[String,Number],width:[String,Number],height:[String,Number],minWidth:[String,Number],minHeight:[String,Number],maxWidth:[String,Number],maxHeight:[String,Number],circle:Boolean,draggable:{type:Boolean,default:function(){return(0,_ui.getConfig)().image.draggable}},zIndex:Number,maskClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().image.maskClosable}},toolbarConfig:Object,showPreview:{type:Boolean,default:function(){return(0,_ui.getConfig)().image.showPreview}},showPrintButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().image.showPrintButton}},showDownloadButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().image.showDownloadButton}},size:{type:String,default:function(){return(0,_ui.getConfig)().image.size||(0,_ui.getConfig)().size}},getThumbnailUrlMethod:Function},data:function(){var t=createReactData();return Object.assign(Object.assign({},{}),{xID:_xeUtils.default.uniqueId(),reactData:t})},computed:Object.assign(Object.assign({},{}),{computeWrapperStyle:function(){var t=this,e=t.width,i=t.height,n=t.minWidth,r=t.minHeight,o=t.maxWidth,a=t.maxHeight,t=t.circle,u={};return n&&(u.minWidth=(0,_dom.toCssUnit)(n)),r&&(u.minHeight=(0,_dom.toCssUnit)(r)),o&&(u.maxWidth=(0,_dom.toCssUnit)(o)),a&&(u.maxHeight=(0,_dom.toCssUnit)(a)),t?e?u.height=(0,_dom.toCssUnit)(e):i&&(u.width=(0,_dom.toCssUnit)(i)):(e&&(u.width=(0,_dom.toCssUnit)(e)),i&&(u.height=(0,_dom.toCssUnit)(i))),u},computeImgStyle:function(){var t=this.width,e=this.height,i={};return t&&e?(i.maxWidth=(0,_dom.toCssUnit)(t),i.maxHeight=(0,_dom.toCssUnit)(e)):(t&&(i.width=(0,_dom.toCssUnit)(t)),e&&(i.height=(0,_dom.toCssUnit)(e))),i},computeImgList:function(){var t=this.src;return t?(_xeUtils.default.isArray(t)?t:[t]).map(function(t){return _xeUtils.default.isString(t)?{url:t,alt:""}:{url:t.url,alt:t.alt}}):[]},computeImgItem:function(){return this.computeImgList[0]},computeImgUrl:function(){var t=this.computeImgItem;return t?"".concat(t.url||""):""},computeImgThumbnailUrl:function(){var t=this,e=t.getThumbnailUrlMethod||(0,_ui.getConfig)().image.getThumbnailUrlMethod,i=t.computeImgUrl;return e?e({url:i,$image:t}):""}}),methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$image:this},e))},clickEvent:function(t){var e=this,i=e.internalData,n=e.$xeImageGroup,r=e.showPreview,o=e.toolbarConfig,a=e.showPrintButton,u=e.showDownloadButton,l=e.maskClosable,s=e.zIndex,m=i.mdTime,i=i.dgTime;m&&i&&m<i||(m=e.computeImgList,i=e.computeImgUrl,n?n.handleClickImgEvent(t,{url:i}):(r&&i&&(0,_util.openPreviewImage)({urlList:m,toolbarConfig:o,showPrintButton:a,showDownloadButton:u,maskClosable:l,zIndex:s,events:{change:function(t){e.dispatchEvent("change",t,t.$event)},rotate:function(t){e.dispatchEvent("rotate",t,t.$event)}}}),e.dispatchEvent("click",{url:i},t)))},mousedownEvent:function(){this.internalData.mdTime=Date.now()},handleDragstartEvent:function(t){this.internalData.dgTime=Date.now(),this.dispatchEvent("dragstart",{},t)},handleDragEvent:function(t){this.dispatchEvent(t.type,{},t)},renderVN:function(t){var e,i=this,n=i.alt,r=i.loading,o=i.circle,a=i.draggable,u=i.computeWrapperStyle,l=i.computeImgStyle,s=i.computeImgUrl,m=i.computeImgThumbnailUrl,c=i.computeSize;return _xeUtils.default.eqNull(a)||(e=!(!0!==a&&"true"!==a)),t("div",{class:["vxe-image",_defineProperty(_defineProperty({},"size--".concat(c),c),"is--circle",o)],style:u},[t("img",{ref:"refElem",class:"vxe-image-img",style:l,attrs:{src:m||s,alt:n,loading:r,draggable:e},on:{mousedown:i.mousedownEvent,click:i.clickEvent,dragstart:i.handleDragstartEvent,drag:i.handleDragEvent,dragend:i.handleDragEvent}})])}},created:function(){this.internalData=createInternalData()},beforeDestroy:function(){var t=this.reactData,e=this.internalData;_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(e,createInternalData())},render:function(t){return this.renderVN(t)}});