vxe-pc-ui 3.0.1 → 3.0.2

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

@@ -0,0 +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"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_tooltip=_interopRequireDefault(require("../../tooltip/src/tooltip")),_formConfigItem=_interopRequireDefault(require("./form-config-item")),_loading=_interopRequireDefault(require("../../loading/src/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.")}var 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}}]))(),validErrorRuleValue=function(e,t){var i=e.type,r=e.min,n=e.max,e=e.pattern,i="number"===i,o=i?_xeUtils.default.toNumber(t):_xeUtils.default.getSize(t);return!(!i||!isNaN(t))||!_xeUtils.default.eqNull(r)&&o<_xeUtils.default.toNumber(r)||!_xeUtils.default.eqNull(n)&&o>_xeUtils.default.toNumber(n)||!(!e||(_xeUtils.default.isRegExp(e)?e:new RegExp(e)).test(t))};function getResetValue(e,t){return t=_xeUtils.default.isArray(e)?[]:t}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}},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,customLayout:{type:Boolean,default:function(){return(0,_ui.getConfig)().form.customLayout}}},inject:{$xeGrid:{default:null}},provide:function(){return{$xeForm:this,xeFormItemInfo:null,$xeFormGather:null,$xeFormItem:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{collapseAll:!1,staticItems:[],formItems:[]},internalData:{meTimeout:void 0,stTimeout:void 0,tooltipStore:{item:null,visible:!1}}}},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)}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$form:this},t))},callSlot:function(e,t){var i=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=i[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[]},loadItem:function(e){var t=this,i=t.$scopedSlots,r=t.reactData;return e.length&&"development"===process.env.NODE_ENV&&e.forEach(function(e){e.slots&&_xeUtils.default.each(e.slots,function(e){_xeUtils.default.isFunction(e)||i[e]||(0,_log.errLog)("vxe.error.notSlot",[e])})}),r.staticItems=_xeUtils.default.mapTree(e,function(e){return(0,_util.createItem)(t,e)},{children:"children"}),t.$nextTick()},getItems:function(){var e=this.reactData,t=[];return _xeUtils.default.eachTree(e.formItems,function(e){t.push(e)},{children:"children"}),t},getItemByField:function(t){var e=this.reactData,e=_xeUtils.default.findTree(e.formItems,function(e){return e.field===t},{children:"children"});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.toggleCollapse(),t.getCollapseStatus());t.dispatchEvent("toggle-collapse",{status:r,collapse:r,data:i.data},e),t.dispatchEvent("collapse",{status:r,collapse:r,data:i.data},e)},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)}):i.getItems().forEach(function(e){e.showError=!1}),i.$nextTick()},reset:function(){var o=this,l=o.data,e=o.getItems();return l&&e.forEach(function(e){var t,i=e.field,r=e.resetValue,n=e.itemRender;(0,_utils.isEnableConf)(n)&&(t=(n=_ui.renderer.get(n.name))?n.formItemResetMethod||n.itemResetMethod:null,n&&t?t({data:l,field:i,property:i,item:e,$form:o,$grid:o.xegrid}):i&&_xeUtils.default.set(l,i,null===r?getResetValue(_xeUtils.default.get(l,i),void 0):_xeUtils.default.clone(r,!0)))}),o.clearValidate()},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 o=0;o<e.length;o++){var l=e[o],a=t.getItemByField(l);if(a&&(0,_utils.isEnableConf)(a.itemRender)){var u=a.itemRender,s=_ui.renderer.get(u.name),c=(o||(0,_dom.scrollToView)(n.querySelector(".".concat(a.id))),null),u=u.autoFocus||u.autofocus||(s?s.formItemAutoFocus:null);if(_xeUtils.default.isFunction(u)?c=u({$form:t,$grid:r,item:a,data:i.data,field:l}):u&&(c=n.querySelector(".".concat(a.id," ").concat(u))),c){c.focus();break}}}},validItemRules:function(m,e,t){var p=this,g=p.data,i=p.rules,r={};return _xeUtils.default.isArray(e)||(e=[e]),Promise.all(e.map(function(u){var s,c,f=[],d=[];return u&&i&&(s=_xeUtils.default.get(i,u))&&(c=_xeUtils.default.isUndefined(t)?_xeUtils.default.get(g,u):t,s.forEach(function(t){var e,i,r,n=t.type,o=t.trigger,l=t.required,a=t.validator;"all"!==m&&o&&m!==o||(a?(r={itemValue:c,rule:t,rules:s,data:g,field:u,property:u,$form:p},_xeUtils.default.isString(a)?(i=_ui.validators.get(a))?(i=i.formItemValidatorMethod||i.itemValidatorMethod)?e=i(r):"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.notValidators",[a]):"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notValidators",[a]):e=a(r),e&&(_xeUtils.default.isError(e)?f.push(new Rule({type:"custom",trigger:o,content:e.message,rule:new Rule(t)})):e.catch&&d.push(e.catch(function(e){f.push(new Rule({type:"custom",trigger:o,content:e?e.message:t.content||t.message,rule:new Rule(t)}))})))):(i="array"===n,a=_xeUtils.default.isArray(c),r=!0,r=i||a?!a||!c.length:_xeUtils.default.isString(c)?(0,_utils.eqEmptyValue)(c.trim()):(0,_utils.eqEmptyValue)(c),(l?r||validErrorRuleValue(t,c):!r&&validErrorRuleValue(t,c))&&f.push(new Rule(t))))})),Promise.all(d).then(function(){f.length&&(r[u]=f.map(function(e){return{$form:p,rule:e,data:g,field:u,property:u}}))})})).then(function(){if(!_xeUtils.default.isEmpty(r))return Promise.reject(r)})},beginValidate:function(t,e,i){var r=this,n=r.internalData,o=r.data,l=r.rules,a=r.computeValidOpts,u={},s=[],c=[];return clearTimeout(n.meTimeout),o&&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=window.setTimeout(function(){t.forEach(function(e){e.errRule&&(e.showError=!0)})},20),!1!==a.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)},validateField:function(e,t){var i,r=this;return r.readonly?r.$nextTick():(i=[],e&&(i=_xeUtils.default.isArray(e)?e:[e]),r.beginValidate(i.map(function(e){return(0,_util.handleFieldOrItem)(r,e)}),"",t))},submitEvent:function(t){var i=this,r=i,e=r.readonly;t.preventDefault(),r.preventSubmit||(i.clearValidate(),e?i.dispatchEvent("submit",{data:r.data},t):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)}))},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],o=(e.textContent||"").trim(),l=e.scrollWidth>e.clientWidth;clearTimeout(i.stTimeout),r.item!==t&&this.closeTooltip(),o&&l&&(Object.assign(r,{item:t,visible:!0}),n)&&n.open(e,o)},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()},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)},renderVN:function(i){var e=this,t=e.$scopedSlots,r=e.loading,n=e.className,o=e.data,l=e.customLayout,a=e.reactData.formItems,u=e.computeSize,s=e.computeTooltipOpts,t=t.default;return i("form",{ref:"refElem",class:["vxe-form",n?_xeUtils.default.isFunction(n)?n({items:a,data:o,$form:e}):n:"",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(u),u),"custom--layout",l),"is--loading",r)],on:{submit:e.submitEvent,reset:e.resetEvent}},[i("div",{class:"vxe-form--wrapper vxe-form--item-row"},l?t?t({}):[]:a.map(function(e,t){return i(_formConfigItem.default,{key:t,props:{itemConfig:e}})})),i("div",{class:"vxe-form-slots",ref:"hideItem"},!l&&t?t({}):[]),i(_loading.default,{class:"vxe-form--loading",props:{value:r}}),i(_tooltip.default,Object.assign({ref:"refTooltip"},s))])}},watch:{"reactData.staticItems":function(){var e=this.reactData;e.formItems=e.staticItems},items:function(){this.loadItem(this.items||[])},collapseStatus:function(e){this.reactData.collapseAll=!!e},readonly:function(){this.clearValidate()},disabled:function(){this.clearValidate()}},created:function(){this.reactData.collapseAll=!!this.collapseStatus,this.items&&this.loadItem(this.items)},mounted:function(){var e=this;this.$nextTick(function(){"development"===process.env.NODE_ENV&&e.customLayout&&e.items&&(0,_log.errLog)("vxe.error.errConflicts",["custom-layout","items"])})},render:function(e){return this.renderVN(e)}});

package/lib/form/src/itemInfo.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ItemInfo = void 0;
+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 _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 ItemInfo = exports.ItemInfo = /*#__PURE__*/function () {
+  function ItemInfo($xeForm, item) {
+    _classCallCheck(this, ItemInfo);
+    Object.assign(this, {
+      id: _xeUtils.default.uniqueId('item_'),
+      title: item.title,
+      field: item.field,
+      span: item.span,
+      align: item.align,
+      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,
+      folding: item.folding,
+      collapseNode: item.collapseNode,
+      className: item.className,
+      contentClassName: item.contentClassName,
+      contentStyle: item.contentStyle,
+      titleClassName: item.titleClassName,
+      titleStyle: item.titleStyle,
+      itemRender: item.itemRender,
+      rules: item.rules,
+      // 渲染属性
+      showError: 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 _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 _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 l=t[i];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,_toPropertyKey(l.key),l)}}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.")}var ItemInfo=exports.ItemInfo=(()=>_createClass(function e(t,i){_classCallCheck(this,e),Object.assign(this,{id:_xeUtils.default.uniqueId("item_"),title:i.title,field:i.field,span:i.span,align:i.align,titleBold:i.titleBold,titleAlign:i.titleAlign,titleWidth:i.titleWidth,titleColon:i.titleColon,vertical:i.vertical,padding:i.padding,titleAsterisk:i.titleAsterisk,titlePrefix:i.titlePrefix,titleSuffix:i.titleSuffix,titleOverflow:i.titleOverflow,showTitle:i.showTitle,resetValue:i.resetValue,visibleMethod:i.visibleMethod,visible:i.visible,folding:i.folding,collapseNode:i.collapseNode,className:i.className,contentClassName:i.contentClassName,contentStyle:i.contentStyle,titleClassName:i.titleClassName,titleStyle:i.titleStyle,itemRender:i.itemRender,rules:i.rules,showError:!1,errRule:null,slots:i.slots,children:[]})},[{key:"update",value:function(e,t){this[e]=t}}]))();

package/lib/form/src/render.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderTitle = renderTitle;
+var _ui = require("../../ui");
+var _utils = require("../../ui/src/utils");
+var _vn = require("../../ui/src/vn");
+var _tooltip = _interopRequireDefault(require("../../tooltip/src/tooltip"));
+var _icon = _interopRequireDefault(require("../../icon/src/icon"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function renderPrefixIcon(h, titlePrefix) {
+  return h('span', {
+    class: 'vxe-form--item-title-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-suffix'
+  }, [h(_icon.default, {
+    class: titleSuffix.icon || (0, _ui.getIcon)().FORM_SUFFIX,
+    props: {
+      status: titleSuffix.iconStatus
+    }
+  })]);
+}
+function renderTitle(h, _vm, $xeForm, item) {
+  var formProps = $xeForm;
+  var data = formProps.data,
+    readonly = formProps.readonly,
+    disabled = formProps.disabled;
+  var slots = item.slots,
+    field = item.field,
+    itemRender = item.itemRender,
+    titlePrefix = item.titlePrefix,
+    titleSuffix = item.titleSuffix;
+  var tooltipOpts = $xeForm.computeTooltipOpts;
+  var compConf = (0, _utils.isEnableConf)(itemRender) ? _ui.renderer.get(itemRender.name) : null;
+  var params = {
+    data: data,
+    readonly: readonly,
+    disabled: disabled,
+    field: field,
+    property: field,
+    item: item,
+    $form: $xeForm,
+    $grid: $xeForm.xegrid
+  };
+  var titleSlot = slots ? slots.title : null;
+  var extraSlot = slots ? slots.extra : null;
+  var titVNs = [];
+  if (titlePrefix) {
+    titVNs.push(titlePrefix.content || titlePrefix.message ? h(_tooltip.default, {
+      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', {
+    class: 'vxe-form--item-title-label'
+  }, titleSlot ? $xeForm.callSlot(titleSlot, params) : rftTitle ? (0, _vn.getSlotVNs)(rftTitle(h, itemRender, params)) : (0, _utils.getFuncText)(item.title)));
+  var fixVNs = [];
+  if (titleSuffix) {
+    fixVNs.push(titleSuffix.content || titleSuffix.message ? h(_tooltip.default, {
+      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));
+  }
+  return [h('div', {
+    class: 'vxe-form--item-title-content'
+  }, titVNs), h('div', {
+    class: 'vxe-form--item-title-postfix'
+  }, fixVNs), extraSlot ? h('div', {
+    class: 'vxe-form--item-title-extra'
+  }, $xeForm.callSlot(extraSlot, params)) : (0, _ui.renderEmptyElement)(_vm)];
+}

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.renderTitle=renderTitle;var _ui=require("../../ui"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_tooltip=_interopRequireDefault(require("../../tooltip/src/tooltip")),_icon=_interopRequireDefault(require("../../icon/src/icon"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function renderPrefixIcon(e,t){return e("span",{class:"vxe-form--item-title-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-suffix"},[e(_icon.default,{class:t.icon||(0,_ui.getIcon)().FORM_SUFFIX,props:{status:t.iconStatus}})])}function renderTitle(e,t,i,n){var r=i.data,s=i.readonly,l=i.disabled,o=n.slots,u=n.field,c=n.itemRender,a=n.titlePrefix,f=n.titleSuffix,d=i.computeTooltipOpts,p=(0,_utils.isEnableConf)(c)?_ui.renderer.get(c.name):null,r={data:r,readonly:s,disabled:l,field:u,property:u,item:n,$form:i,$grid:i.xegrid},s=o?o.title:null,l=o?o.extra:null,u=[],o=(a&&u.push(a.content||a.message?e(_tooltip.default,{props:Object.assign(Object.assign(Object.assign({},d),a),{content:(0,_utils.getFuncText)(a.content||a.message)}),scopedSlots:{default:function(){return renderPrefixIcon(e,a)}}}):renderPrefixIcon(e,a)),p?p.renderFormItemTitle||p.renderItemTitle:null),p=(u.push(e("span",{class:"vxe-form--item-title-label"},s?i.callSlot(s,r):o?(0,_vn.getSlotVNs)(o(e,c,r)):(0,_utils.getFuncText)(n.title))),[]);return f&&p.push(f.content||f.message?e(_tooltip.default,{props:Object.assign(Object.assign(Object.assign({},d),f),{content:(0,_utils.getFuncText)(f.content||f.message)}),scopedSlots:{default:function(){return renderSuffixIcon(e,f)}}}):renderSuffixIcon(e,f)),[e("div",{class:"vxe-form--item-title-content"},u),e("div",{class:"vxe-form--item-title-postfix"},p),l?e("div",{class:"vxe-form--item-title-extra"},i.callSlot(l,r)):(0,_ui.renderEmptyElement)(t)]}

package/lib/form/src/util.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.assembleItem = assembleItem;
+exports.createItem = createItem;
+exports.destroyItem = destroyItem;
+exports.handleFieldOrItem = handleFieldOrItem;
+exports.isActiveItem = isActiveItem;
+exports.isFormItem = isFormItem;
+exports.isHiddenItem = isHiddenItem;
+exports.watchItem = watchItem;
+var _ui = require("../../ui");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _itemInfo = require("./itemInfo");
+var _utils = require("../../ui/src/utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function isFormItem(item) {
+  return item instanceof _itemInfo.ItemInfo;
+}
+function createItem($xeForm, _vm) {
+  return isFormItem(_vm) ? _vm : new _itemInfo.ItemInfo($xeForm, _vm);
+}
+function handleFieldOrItem($xeForm, fieldOrItem) {
+  if (fieldOrItem) {
+    return _xeUtils.default.isString(fieldOrItem) ? $xeForm.getItemByField(fieldOrItem) : fieldOrItem;
+  }
+  return null;
+}
+function isHiddenItem($xeForm, formItem) {
+  var reactData = $xeForm.reactData;
+  var collapseAll = reactData.collapseAll;
+  var folding = formItem.folding,
+    visible = formItem.visible;
+  return visible === false || folding && collapseAll;
+}
+function isActiveItem($xeForm, formItem) {
+  var visibleMethod = formItem.visibleMethod,
+    itemRender = formItem.itemRender,
+    visible = formItem.visible,
+    field = formItem.field;
+  if (visible === false) {
+    return visible;
+  }
+  var compConf = (0, _utils.isEnableConf)(itemRender) ? _ui.renderer.get(itemRender.name) : null;
+  var fiVisibleMethod = compConf ? compConf.formItemVisibleMethod || compConf.itemVisibleMethod : null;
+  if (!visibleMethod && fiVisibleMethod) {
+    visibleMethod = fiVisibleMethod;
+  }
+  if (!visibleMethod) {
+    return true;
+  }
+  var formProps = $xeForm;
+  var data = formProps.data;
+  return visibleMethod({
+    data: data,
+    field: field,
+    property: field,
+    item: formItem,
+    $form: $xeForm,
+    $grid: $xeForm.xegrid
+  });
+}
+function watchItem(_vm, formItemPropKeys, formItem) {
+  formItemPropKeys.forEach(function (name) {
+    _vm.$watch(name, function (val) {
+      formItem.update(name, val);
+    });
+  });
+}
+function assembleItem($xeForm, el, formItem, formGather) {
+  var reactData = $xeForm.reactData;
+  var staticItems = reactData.staticItems;
+  var parentElem = el.parentNode;
+  var parentItem = formGather ? formGather.formItem : null;
+  var parentItems = parentItem ? parentItem.children : staticItems;
+  if (parentElem) {
+    parentItems.splice(_xeUtils.default.arrayIndexOf(parentElem.children, el), 0, formItem);
+    reactData.staticItems = staticItems.slice(0);
+  }
+}
+function destroyItem($xeForm, formItem) {
+  var reactData = $xeForm.reactData;
+  var staticItems = reactData.staticItems;
+  var index = _xeUtils.default.findIndexOf(staticItems, function (item) {
+    return item.id === formItem.id;
+  });
+  if (index > -1) {
+    staticItems.splice(index, 1);
+  }
+  reactData.staticItems = staticItems.slice(0);
+}

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.assembleItem=assembleItem,exports.createItem=createItem,exports.destroyItem=destroyItem,exports.handleFieldOrItem=handleFieldOrItem,exports.isActiveItem=isActiveItem,exports.isFormItem=isFormItem,exports.isHiddenItem=isHiddenItem,exports.watchItem=watchItem;var _ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_itemInfo=require("./itemInfo"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isFormItem(e){return e instanceof _itemInfo.ItemInfo}function createItem(e,t){return isFormItem(t)?t:new _itemInfo.ItemInfo(e,t)}function handleFieldOrItem(e,t){return t?_xeUtils.default.isString(t)?e.getItemByField(t):t:null}function isHiddenItem(e,t){var e=e.reactData.collapseAll,i=t.folding;return!1===t.visible||i&&e}function isActiveItem(e,t){var i=t.visibleMethod,r=t.itemRender,n=t.visible,s=t.field;return!1===n?n:(r=(n=(0,_utils.isEnableConf)(r)?_ui.renderer.get(r.name):null)?n.formItemVisibleMethod||n.itemVisibleMethod:null,!(i=!i&&r?r:i)||i({data:e.data,field:s,property:s,item:t,$form:e,$grid:e.xegrid}))}function watchItem(e,t,i){t.forEach(function(t){e.$watch(t,function(e){i.update(t,e)})})}function assembleItem(e,t,i,r){var e=e.reactData,n=e.staticItems,s=t.parentNode,r=r?r.formItem:null,r=r?r.children:n;s&&(r.splice(_xeUtils.default.arrayIndexOf(s.children,t),0,i),e.staticItems=n.slice(0))}function destroyItem(e,t){var e=e.reactData,i=e.staticItems,r=_xeUtils.default.findIndexOf(i,function(e){return e.id===t.id});-1<r&&i.splice(r,1),e.staticItems=i.slice(0)}

package/lib/form/style/index.js

@@ -0,0 +1 @@
+require('./style.css')