vxe-table 3.3.11-beta.0 → 3.3.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/helper/vetur/attributes.json +8 -0
- package/helper/vetur/tags.json +2 -0
- package/lib/form/src/form.js +22 -10
- package/lib/form/src/form.min.js +1 -1
- package/lib/form/style/style.css +41 -14
- package/lib/form/style/style.min.css +1 -1
- package/lib/index.css +1 -1
- package/lib/index.umd.js +861 -22
- package/lib/index.umd.min.js +1 -1
- package/lib/modal/src/modal.js +16 -4
- package/lib/modal/src/modal.min.js +1 -1
- package/lib/modal/style/style.css +2 -2
- package/lib/modal/style/style.min.css +1 -1
- package/lib/select/src/util.js +5 -1
- package/lib/select/src/util.min.js +1 -1
- package/lib/select/style/style.css +2 -1
- package/lib/select/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/table/src/body.js +12 -2
- package/lib/table/src/body.min.js +1 -1
- package/lib/table/src/methods.js +6 -5
- package/lib/table/src/methods.min.js +1 -1
- package/lib/table/style/style.css +0 -1
- package/lib/table/style/style.min.css +1 -1
- package/lib/tooltip/style/style.css +1 -1
- package/lib/tooltip/style/style.min.css +1 -1
- package/lib/v-x-e-table/src/conf.js +1 -0
- package/lib/v-x-e-table/src/conf.min.js +1 -1
- package/package.json +6 -6
- package/packages/form/src/form.js +24 -10
- package/packages/modal/src/modal.js +9 -4
- package/packages/select/src/util.js +3 -2
- package/packages/table/src/body.js +12 -2
- package/packages/table/src/methods.js +5 -5
- package/packages/v-x-e-table/src/conf.js +1 -0
- package/styles/form.scss +38 -18
- package/styles/input.scss +4 -4
- package/styles/modal.scss +3 -3
- package/styles/select.scss +1 -0
- package/styles/table.scss +0 -1
- package/styles/tooltip.scss +1 -1
- package/styles/variable.scss +1 -0
- package/types/form.d.ts +5 -0
- package/styles/excel.scss +0 -62
|
@@ -1667,6 +1667,10 @@
|
|
|
1667
1667
|
"type": "boolean",
|
|
1668
1668
|
"description": "是否允许窗口边缘拖动调整窗口大小"
|
|
1669
1669
|
},
|
|
1670
|
+
"vxe-modal/margin-size": {
|
|
1671
|
+
"type": "number",
|
|
1672
|
+
"description": "只对 resize 启用后有效,用于设置可拖动界限范围,如果为负数则允许拖动超出屏幕边界"
|
|
1673
|
+
},
|
|
1670
1674
|
"vxe-modal/show-close": {
|
|
1671
1675
|
"type": "boolean",
|
|
1672
1676
|
"description": "是否显示关闭按钮"
|
|
@@ -1715,6 +1719,10 @@
|
|
|
1715
1719
|
"type": "boolean",
|
|
1716
1720
|
"description": "默认最大化显示"
|
|
1717
1721
|
},
|
|
1722
|
+
"vxe-modal/draggable": {
|
|
1723
|
+
"type": "boolean",
|
|
1724
|
+
"description": "是否启用窗口拖动"
|
|
1725
|
+
},
|
|
1718
1726
|
"vxe-modal/dblclick-zoom": {
|
|
1719
1727
|
"type": "boolean",
|
|
1720
1728
|
"description": "只对 type=modal 有效,是否允许通过双击头部放大或还原窗口"
|
package/helper/vetur/tags.json
CHANGED
|
@@ -544,6 +544,7 @@
|
|
|
544
544
|
"esc-closable",
|
|
545
545
|
"show-zoom",
|
|
546
546
|
"resize",
|
|
547
|
+
"margin-size",
|
|
547
548
|
"show-close",
|
|
548
549
|
"duration",
|
|
549
550
|
"width",
|
|
@@ -556,6 +557,7 @@
|
|
|
556
557
|
"show-title-overflow",
|
|
557
558
|
"transfer",
|
|
558
559
|
"fullscreen",
|
|
560
|
+
"draggable",
|
|
559
561
|
"dblclick-zoom",
|
|
560
562
|
"remember",
|
|
561
563
|
"destroy-on-close",
|
package/lib/form/src/form.js
CHANGED
|
@@ -146,10 +146,11 @@ function renderTitle(h, _vm, item) {
|
|
|
146
146
|
item: item,
|
|
147
147
|
$form: _vm
|
|
148
148
|
};
|
|
149
|
-
var
|
|
149
|
+
var contVNs = [];
|
|
150
|
+
var titVNs = [];
|
|
150
151
|
|
|
151
152
|
if (titlePrefix) {
|
|
152
|
-
|
|
153
|
+
titVNs.push(titlePrefix.message ? h('vxe-tooltip', {
|
|
153
154
|
props: {
|
|
154
155
|
content: _tools.UtilTools.getFuncText(titlePrefix.message),
|
|
155
156
|
enterable: titlePrefix.enterable,
|
|
@@ -158,12 +159,16 @@ function renderTitle(h, _vm, item) {
|
|
|
158
159
|
}, [renderPrefixIcon(h, titlePrefix)]) : renderPrefixIcon(h, titlePrefix));
|
|
159
160
|
}
|
|
160
161
|
|
|
161
|
-
|
|
162
|
+
titVNs.push(h('span', {
|
|
162
163
|
class: 'vxe-form--item-title-label'
|
|
163
164
|
}, compConf && compConf.renderItemTitle ? compConf.renderItemTitle(itemRender, params) : slots && slots.title ? callSlot(_vm, slots.title, params, h) : _tools.UtilTools.getFuncText(item.title)));
|
|
165
|
+
contVNs.push(h('div', {
|
|
166
|
+
class: 'vxe-form--item-title-content'
|
|
167
|
+
}, titVNs));
|
|
168
|
+
var fixVNs = [];
|
|
164
169
|
|
|
165
170
|
if (titleSuffix) {
|
|
166
|
-
|
|
171
|
+
fixVNs.push(titleSuffix.message ? h('vxe-tooltip', {
|
|
167
172
|
props: {
|
|
168
173
|
content: _tools.UtilTools.getFuncText(titleSuffix.message),
|
|
169
174
|
enterable: titleSuffix.enterable,
|
|
@@ -172,7 +177,10 @@ function renderTitle(h, _vm, item) {
|
|
|
172
177
|
}, [renderSuffixIcon(h, titleSuffix)]) : renderSuffixIcon(h, titleSuffix));
|
|
173
178
|
}
|
|
174
179
|
|
|
175
|
-
|
|
180
|
+
contVNs.push(h('div', {
|
|
181
|
+
class: 'vxe-form--item-title-postfix'
|
|
182
|
+
}, fixVNs));
|
|
183
|
+
return contVNs;
|
|
176
184
|
}
|
|
177
185
|
|
|
178
186
|
function renderItems(h, _vm, itemList) {
|
|
@@ -505,7 +513,7 @@ var _default2 = {
|
|
|
505
513
|
evnt.preventDefault();
|
|
506
514
|
|
|
507
515
|
if (!this.preventSubmit) {
|
|
508
|
-
this.beginValidate().then(function () {
|
|
516
|
+
this.beginValidate(this.getItems()).then(function () {
|
|
509
517
|
_this3.$emit('submit', {
|
|
510
518
|
data: _this3.data,
|
|
511
519
|
$form: _this3,
|
|
@@ -593,7 +601,7 @@ var _default2 = {
|
|
|
593
601
|
var item = params.item;
|
|
594
602
|
var tooltipStore = this.tooltipStore;
|
|
595
603
|
var $tooltip = this.$refs.tooltip;
|
|
596
|
-
var overflowElem = evnt.currentTarget;
|
|
604
|
+
var overflowElem = evnt.currentTarget.children[0];
|
|
597
605
|
var content = (overflowElem.textContent || '').trim();
|
|
598
606
|
var isCellOverflow = overflowElem.scrollWidth > overflowElem.clientWidth;
|
|
599
607
|
clearTimeout(this.tooltipTimeout);
|
|
@@ -649,9 +657,14 @@ var _default2 = {
|
|
|
649
657
|
return this.$nextTick();
|
|
650
658
|
},
|
|
651
659
|
validate: function validate(callback) {
|
|
652
|
-
return this.beginValidate('', callback);
|
|
660
|
+
return this.beginValidate(this.getItems(), '', callback);
|
|
653
661
|
},
|
|
654
|
-
|
|
662
|
+
validateField: function validateField(field, callback) {
|
|
663
|
+
return this.beginValidate(this.getItems().filter(function (item) {
|
|
664
|
+
return item.field === field;
|
|
665
|
+
}), '', callback);
|
|
666
|
+
},
|
|
667
|
+
beginValidate: function beginValidate(itemList, type, callback) {
|
|
655
668
|
var _this7 = this;
|
|
656
669
|
|
|
657
670
|
var data = this.data,
|
|
@@ -660,7 +673,6 @@ var _default2 = {
|
|
|
660
673
|
var validRest = {};
|
|
661
674
|
var validFields = [];
|
|
662
675
|
var itemValids = [];
|
|
663
|
-
var itemList = this.getItems();
|
|
664
676
|
this.clearValidate();
|
|
665
677
|
clearTimeout(this.showErrTime);
|
|
666
678
|
|
package/lib/form/src/form.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=_interopRequireDefault(require("../../mixins/size")),_vXETable=_interopRequireDefault(require("../../v-x-e-table")),_tools=require("../../tools"),_util=require("./util"),_utils=require("../../tools/src/utils"),_dom=require("../../tools/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ownKeys(t,e){var i,r=Object.keys(t);return Object.getOwnPropertySymbols&&(i=Object.getOwnPropertySymbols(t),e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)),r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach(function(e){_defineProperty(t,e,i[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})}return t}function _defineProperty(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,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,r.key,r)}}function _createClass(e,t,i){return t&&_defineProperties(e.prototype,t),i&&_defineProperties(e,i),e}var Rule=function(){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})}return _createClass(t,[{key:"message",get:function(){return _tools.UtilTools.getFuncText(this.$options.message)}}]),t}();function validErrorRuleValue(e,t){var i=e.type,r=e.min,l=e.max,n=e.pattern,e="number"===i,i=e?_xeUtils.default.toNumber(t):_xeUtils.default.getSize(t);return!(!e||!isNaN(t))||(!_xeUtils.default.eqNull(r)&&i<_xeUtils.default.toNumber(r)||(!_xeUtils.default.eqNull(l)&&i>_xeUtils.default.toNumber(l)||!(!n||(_xeUtils.default.isRegExp(n)?n:new RegExp(n)).test(t))))}function getResetValue(e,t){return t=_xeUtils.default.isArray(e)?[]:t}function callSlot(e,t,i,r){if(t){var l=e.$scopedSlots;if(_xeUtils.default.isString(t)&&(t=l[t]||null),_xeUtils.default.isFunction(t))return t.call(e,i,r)}return[]}function renderPrefixIcon(e,t){return e("span",{class:"vxe-form--item-title-prefix"},[e("i",{class:t.icon||_conf.default.icon.FORM_PREFIX})])}function renderSuffixIcon(e,t){return e("span",{class:"vxe-form--item-title-suffix"},[e("i",{class:t.icon||_conf.default.icon.FORM_SUFFIX})])}function renderTitle(e,t,i){var r=t.data,l=i.slots,n=i.field,o=i.itemRender,s=i.titlePrefix,a=i.titleSuffix,u=(0,_tools.isEnableConf)(o)?_vXETable.default.renderer.get(o.name):null,r={data:r,property:n,item:i,$form:t},n=[];return s&&n.push(s.message?e("vxe-tooltip",{props:{content:_tools.UtilTools.getFuncText(s.message),enterable:s.enterable,theme:s.theme}},[renderPrefixIcon(e,s)]):renderPrefixIcon(e,s)),n.push(e("span",{class:"vxe-form--item-title-label"},u&&u.renderItemTitle?u.renderItemTitle(o,r):l&&l.title?callSlot(t,l.title,r,e):_tools.UtilTools.getFuncText(i.title))),a&&n.push(a.message?e("vxe-tooltip",{props:{content:_tools.UtilTools.getFuncText(a.message),enterable:a.enterable,theme:a.theme}},[renderSuffixIcon(e,a)]):renderSuffixIcon(e,a)),n}function renderItems(I,R,e){var U=R._e,w=R.rules,S=R.data,$=R.collapseAll,P=R.validOpts,j=R.titleOverflow;return e.map(function(e,t){var i,r=e.slots,l=e.title,n=e.folding,o=e.visible,s=e.visibleMethod,a=e.field,u=e.collapseNode,c=e.itemRender,f=e.showError,d=e.errRule,m=e.className,p=e.titleOverflow,h=e.children,v=(0,_tools.isEnableConf)(c)?_vXETable.default.renderer.get(c.name):null,g=e.span||R.span,_=e.align||R.align,x=e.titleAlign||R.titleAlign,b=e.titleWidth||R.titleWidth,y=s,T=_xeUtils.default.isUndefined(p)||_xeUtils.default.isNull(p)?j:p,s="title"===T,p=!0===T||"tooltip"===T,T=s||p||"ellipsis"===T,E={data:S,property:a,item:e,$form:R};if(!1===o)return U();if(h&&0<h.length){h=renderItems(I,R,e.children);return h.length?I("div",{class:["vxe-form--gather vxe-row",e.id,g?"vxe-col--".concat(g," is--span"):"",m?_xeUtils.default.isFunction(m)?m(E):m:""]},h):U()}!y&&v&&v.itemVisibleMethod&&(y=v.itemVisibleMethod),!w||(O=w[a])&&(i=O.some(function(e){return e.required}));var O=[];r&&r.default?O=callSlot(R,r.default,E,I):v&&v.renderItemContent?O=v.renderItemContent.call(R,I,c,E):v&&v.renderItem?O=v.renderItem.call(R,I,c,E):a&&(O=["".concat(_xeUtils.default.get(S,a))]);p=p?{mouseenter:function(e){R.triggerHeaderHelpEvent(e,E)},mouseleave:R.handleTargetLeaveEvent}:{};return I("div",{class:["vxe-form--item",e.id,g?"vxe-col--".concat(g," is--span"):null,m?_xeUtils.default.isFunction(m)?m(E):m:"",{"is--title":l,"is--required":i,"is--hidden":n&&$,"is--active":!y||y(E),"is--error":f}],key:t},[I("div",{class:"vxe-form--item-inner"},[l||r&&r.title?I("div",{class:["vxe-form--item-title",x?"align--".concat(x):null,{"is--ellipsis":T}],style:b?{width:isNaN(b)?b:"".concat(b,"px")}:null,attrs:{title:s?_tools.UtilTools.getFuncText(l):null},on:p},renderTitle(I,R,e)):null,I("div",{class:["vxe-form--item-content",_?"align--".concat(_):null]},O.concat([u?I("div",{class:"vxe-form--item-trigger-node",on:{click:R.toggleCollapseEvent}},[I("span",{class:"vxe-form--item-trigger-text"},$?_conf.default.i18n("vxe.form.unfolding"):_conf.default.i18n("vxe.form.folding")),I("i",{class:["vxe-form--item-trigger-icon",$?_conf.default.icon.FORM_FOLDING:_conf.default.icon.FORM_UNFOLDING]})]):null,d&&P.showMessage?I("div",{class:"vxe-form--item-valid",style:d.maxWidth?{width:"".concat(d.maxWidth,"px")}:null},d.message):null]))])])})}var _default2={name:"VxeForm",mixins:[_size.default],props:{loading:Boolean,data:Object,size:{type:String,default:function(){return _conf.default.form.size||_conf.default.size}},span:[String,Number],align:{type:String,default:function(){return _conf.default.form.align}},titleAlign:{type:String,default:function(){return _conf.default.form.titleAlign}},titleWidth:[String,Number],titleColon:{type:Boolean,default:function(){return _conf.default.form.titleColon}},titleAsterisk:{type:Boolean,default:function(){return _conf.default.form.titleAsterisk}},titleOverflow:{type:[Boolean,String],default:null},className:[String,Function],items:Array,rules:Object,preventSubmit:{type:Boolean,default:function(){return _conf.default.form.preventSubmit}},validConfig:Object},data:function(){return{collapseAll:!0,staticItems:[],formItems:[],tooltipTimeout:null,tooltipActive:!1,tooltipStore:{item:null,visible:!1}}},provide:function(){return{$xeform:this}},computed:{validOpts:function(){return Object.assign({},_conf.default.form.validConfig,this.validConfig)},tooltipOpts:function(){var e=Object.assign({leaveDelay:300},_conf.default.form.tooltipConfig,this.tooltipConfig);return e.enterable&&(e.leaveMethod=this.handleTooltipLeaveMethod),e}},created:function(){var t=this;this.$nextTick(function(){var e=t.items;e&&t.loadItem(e)})},watch:{staticItems:function(e){this.formItems=e},items:function(e){this.loadItem(e)}},render:function(e){var t=this._e,i=this.loading,r=this.className,l=this.data,n=this.vSize,o=this.tooltipOpts,s=this.formItems,a=_vXETable.default._tooltip;return e("form",{class:["vxe-form",r?_xeUtils.default.isFunction(r)?r({items:s,data:l,$form:this}):r:"",(_defineProperty(r={},"size--".concat(n),n),_defineProperty(r,"is--colon",this.titleColon),_defineProperty(r,"is--asterisk",this.titleAsterisk),_defineProperty(r,"is--loading",i),r)],on:{submit:this.submitEvent,reset:this.resetEvent}},[e("div",{class:"vxe-form--wrapper vxe-row"},renderItems(e,this,s)),e("div",{class:"vxe-form-slots",ref:"hideItem"},this.$slots.default),e("div",{class:["vxe-loading",{"is--visible":i}]},[e("div",{class:"vxe-loading--spinner"})]),a?e("vxe-tooltip",_objectSpread({ref:"tooltip"},o)):t()])},methods:{loadItem:function(e){var t,i=this;return"development"===process.env.NODE_ENV&&(t=this.$scopedSlots,e.forEach(function(e){e.slots&&_xeUtils.default.each(e.slots,function(e){_xeUtils.default.isFunction(e)||t[e]||_tools.UtilTools.error("vxe.error.notSlot",[e])})})),this.staticItems=_xeUtils.default.mapTree(e,function(e){return(0,_util.createItem)(i,e)},{children:"children"}),this.$nextTick()},getItems:function(){var t=[];return _xeUtils.default.eachTree(this.formItems,function(e){t.push(e)},{children:"children"}),t},toggleCollapse:function(){return this.collapseAll=!this.collapseAll,this.$nextTick()},toggleCollapseEvent:function(e){this.toggleCollapse(),this.$emit("toggle-collapse",{collapse:!this.collapseAll,data:this.data,$form:this,$event:e},e)},submitEvent:function(t){var i=this;t.preventDefault(),this.preventSubmit||this.beginValidate().then(function(){i.$emit("submit",{data:i.data,$form:i,$event:t})}).catch(function(e){i.$emit("submit-invalid",{data:i.data,errMap:e,$form:i,$event:t})})},reset:function(){var l=this,n=this.data;return n&&this.getItems().forEach(function(e){var t=e.field,i=e.resetValue,r=e.itemRender;(0,_tools.isEnableConf)(r)&&((r=_vXETable.default.renderer.get(r.name))&&r.itemResetMethod?r.itemResetMethod({data:n,property:t,item:e,$form:l}):t&&_xeUtils.default.set(n,t,null===i?getResetValue(_xeUtils.default.get(n,t),void 0):i))}),this.clearValidate()},resetEvent:function(e){e.preventDefault(),this.reset(),this.$emit("reset",{data:this.data,$form:this,$event:e})},handleTooltipLeaveMethod:function(){var e=this,t=this.tooltipOpts;return setTimeout(function(){e.tooltipActive||e.closeTooltip()},t.leaveDelay),!1},closeTooltip:function(){var e=this.tooltipStore,t=this.$refs.tooltip;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t&&t.close()),this.$nextTick()},triggerHeaderHelpEvent:function(e,t){var i=t.item,r=this.tooltipStore,l=this.$refs.tooltip,n=e.currentTarget,t=(n.textContent||"").trim(),e=n.scrollWidth>n.clientWidth;clearTimeout(this.tooltipTimeout),this.tooltipActive=!0,this.closeTooltip(),t&&e&&(Object.assign(r,{item:i,visible:!0}),l&&l.open(n,t))},handleTargetLeaveEvent:function(){var t=this,e=this.tooltipOpts;this.tooltipActive=!1,e.enterable?this.tooltipTimeout=setTimeout(function(){var e=t.$refs.tooltip;e&&!e.isHover&&t.closeTooltip()},e.leaveDelay):this.closeTooltip()},clearValidate:function(t){var e,i=this.getItems();return t?(e=i.find(function(e){return e.field===t}))&&(e.showError=!1):i.forEach(function(e){e.showError=!1}),this.$nextTick()},validate:function(e){return this.beginValidate("",e)},beginValidate:function(e,i){var l=this,n=this.data,t=this.rules,r=this.validOpts,o={},s=[],a=[],u=this.getItems();return this.clearValidate(),clearTimeout(this.showErrTime),n&&t?(u.forEach(function(i){var r=i.field;r&&a.push(l.validItemRules(e||"all",r).then(function(){i.errRule=null}).catch(function(e){var t=e.rule,e={rule:t,rules:e.rules,data:n,property:r,$form:l};return o[r]||(o[r]=[]),o[r].push(e),s.push(r),i.errRule=t,Promise.reject(e)}))}),Promise.all(a).then(function(){i&&i()}).catch(function(){return new Promise(function(e,t){l.showErrTime=setTimeout(function(){u.forEach(function(e){e.errRule&&(e.showError=!0)})},20),r.autoPos&&l.$nextTick(function(){l.handleFocus(s)}),i?(i(o),e()):t(o)})})):(i&&i(),Promise.resolve())},validItemRules:function(n,o,e){var s,a,u=this,c=this.data,t=this.rules,f=[],d=[];return o&&t&&((s=_xeUtils.default.get(t,o))&&(a=_xeUtils.default.isUndefined(e)?_xeUtils.default.get(c,o):e,s.forEach(function(t){var e,i=t.type,r=t.trigger,l=t.required;"all"!==n&&r&&n!==t.trigger||(_xeUtils.default.isFunction(t.validator)?(e=t.validator({itemValue:a,rule:t,rules:s,data:c,property:o,$form:u}))&&(_xeUtils.default.isError(e)?f.push(new Rule({type:"custom",trigger:r,message:e.message,rule:new Rule(t)})):e.catch&&d.push(e.catch(function(e){f.push(new Rule({type:"custom",trigger:r,message:(e||t).message,rule:new Rule(t)}))}))):(i="array"===i?!_xeUtils.default.isArray(a)||!a.length:(0,_utils.eqEmptyValue)(a),(l?i||validErrorRuleValue(t,a):!i&&validErrorRuleValue(t,a))&&f.push(new Rule(t))))}))),Promise.all(d).then(function(){if(f.length){var e={rules:f,rule:f[0]};return Promise.reject(e)}})},handleFocus:function(e){var n=this.$el,o=this.getItems();e.some(function(t){var e=o.find(function(e){return e.field===t});if(e&&(0,_tools.isEnableConf)(e.itemRender)){var i,r=e.itemRender,l=_vXETable.default.renderer.get(r.name);if(r.autofocus&&(i=n.querySelector(".".concat(e.id," ").concat(r.autofocus))),!i&&l&&l.autofocus&&(i=n.querySelector(".".concat(e.id," ").concat(l.autofocus))),i)return i.focus(),_dom.browse.msie&&((i=i.createTextRange()).collapse(!1),i.select()),!0}})},updateStatus:function(e,t){var i=this,r=e.property;r&&this.validItemRules("change",r,t).then(function(){i.clearValidate(r)}).catch(function(e){var t=e.rule,e=i.getItems().find(function(e){return e.field===r});e&&(e.showError=!0,e.errRule=t)})}}};exports.default=_default2;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=_interopRequireDefault(require("../../mixins/size")),_vXETable=_interopRequireDefault(require("../../v-x-e-table")),_tools=require("../../tools"),_util=require("./util"),_utils=require("../../tools/src/utils"),_dom=require("../../tools/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ownKeys(t,e){var i,r=Object.keys(t);return Object.getOwnPropertySymbols&&(i=Object.getOwnPropertySymbols(t),e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)),r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach(function(e){_defineProperty(t,e,i[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})}return t}function _defineProperty(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,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,r.key,r)}}function _createClass(e,t,i){return t&&_defineProperties(e.prototype,t),i&&_defineProperties(e,i),e}var Rule=function(){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})}return _createClass(t,[{key:"message",get:function(){return _tools.UtilTools.getFuncText(this.$options.message)}}]),t}();function validErrorRuleValue(e,t){var i=e.type,r=e.min,l=e.max,n=e.pattern,e="number"===i,i=e?_xeUtils.default.toNumber(t):_xeUtils.default.getSize(t);return!(!e||!isNaN(t))||(!_xeUtils.default.eqNull(r)&&i<_xeUtils.default.toNumber(r)||(!_xeUtils.default.eqNull(l)&&i>_xeUtils.default.toNumber(l)||!(!n||(_xeUtils.default.isRegExp(n)?n:new RegExp(n)).test(t))))}function getResetValue(e,t){return t=_xeUtils.default.isArray(e)?[]:t}function callSlot(e,t,i,r){if(t){var l=e.$scopedSlots;if(_xeUtils.default.isString(t)&&(t=l[t]||null),_xeUtils.default.isFunction(t))return t.call(e,i,r)}return[]}function renderPrefixIcon(e,t){return e("span",{class:"vxe-form--item-title-prefix"},[e("i",{class:t.icon||_conf.default.icon.FORM_PREFIX})])}function renderSuffixIcon(e,t){return e("span",{class:"vxe-form--item-title-suffix"},[e("i",{class:t.icon||_conf.default.icon.FORM_SUFFIX})])}function renderTitle(e,t,i){var r=t.data,l=i.slots,n=i.field,o=i.itemRender,s=i.titlePrefix,a=i.titleSuffix,u=(0,_tools.isEnableConf)(o)?_vXETable.default.renderer.get(o.name):null,c={data:r,property:n,item:i,$form:t},r=[],n=[];s&&n.push(s.message?e("vxe-tooltip",{props:{content:_tools.UtilTools.getFuncText(s.message),enterable:s.enterable,theme:s.theme}},[renderPrefixIcon(e,s)]):renderPrefixIcon(e,s)),n.push(e("span",{class:"vxe-form--item-title-label"},u&&u.renderItemTitle?u.renderItemTitle(o,c):l&&l.title?callSlot(t,l.title,c,e):_tools.UtilTools.getFuncText(i.title))),r.push(e("div",{class:"vxe-form--item-title-content"},n));n=[];return a&&n.push(a.message?e("vxe-tooltip",{props:{content:_tools.UtilTools.getFuncText(a.message),enterable:a.enterable,theme:a.theme}},[renderSuffixIcon(e,a)]):renderSuffixIcon(e,a)),r.push(e("div",{class:"vxe-form--item-title-postfix"},n)),r}function renderItems(I,R,e){var U=R._e,w=R.rules,S=R.data,$=R.collapseAll,P=R.validOpts,j=R.titleOverflow;return e.map(function(e,t){var i,r=e.slots,l=e.title,n=e.folding,o=e.visible,s=e.visibleMethod,a=e.field,u=e.collapseNode,c=e.itemRender,f=e.showError,d=e.errRule,m=e.className,p=e.titleOverflow,h=e.children,v=(0,_tools.isEnableConf)(c)?_vXETable.default.renderer.get(c.name):null,g=e.span||R.span,_=e.align||R.align,x=e.titleAlign||R.titleAlign,b=e.titleWidth||R.titleWidth,y=s,T=_xeUtils.default.isUndefined(p)||_xeUtils.default.isNull(p)?j:p,s="title"===T,p=!0===T||"tooltip"===T,T=s||p||"ellipsis"===T,E={data:S,property:a,item:e,$form:R};if(!1===o)return U();if(h&&0<h.length){h=renderItems(I,R,e.children);return h.length?I("div",{class:["vxe-form--gather vxe-row",e.id,g?"vxe-col--".concat(g," is--span"):"",m?_xeUtils.default.isFunction(m)?m(E):m:""]},h):U()}!y&&v&&v.itemVisibleMethod&&(y=v.itemVisibleMethod),!w||(O=w[a])&&(i=O.some(function(e){return e.required}));var O=[];r&&r.default?O=callSlot(R,r.default,E,I):v&&v.renderItemContent?O=v.renderItemContent.call(R,I,c,E):v&&v.renderItem?O=v.renderItem.call(R,I,c,E):a&&(O=["".concat(_xeUtils.default.get(S,a))]);p=p?{mouseenter:function(e){R.triggerHeaderHelpEvent(e,E)},mouseleave:R.handleTargetLeaveEvent}:{};return I("div",{class:["vxe-form--item",e.id,g?"vxe-col--".concat(g," is--span"):null,m?_xeUtils.default.isFunction(m)?m(E):m:"",{"is--title":l,"is--required":i,"is--hidden":n&&$,"is--active":!y||y(E),"is--error":f}],key:t},[I("div",{class:"vxe-form--item-inner"},[l||r&&r.title?I("div",{class:["vxe-form--item-title",x?"align--".concat(x):null,{"is--ellipsis":T}],style:b?{width:isNaN(b)?b:"".concat(b,"px")}:null,attrs:{title:s?_tools.UtilTools.getFuncText(l):null},on:p},renderTitle(I,R,e)):null,I("div",{class:["vxe-form--item-content",_?"align--".concat(_):null]},O.concat([u?I("div",{class:"vxe-form--item-trigger-node",on:{click:R.toggleCollapseEvent}},[I("span",{class:"vxe-form--item-trigger-text"},$?_conf.default.i18n("vxe.form.unfolding"):_conf.default.i18n("vxe.form.folding")),I("i",{class:["vxe-form--item-trigger-icon",$?_conf.default.icon.FORM_FOLDING:_conf.default.icon.FORM_UNFOLDING]})]):null,d&&P.showMessage?I("div",{class:"vxe-form--item-valid",style:d.maxWidth?{width:"".concat(d.maxWidth,"px")}:null},d.message):null]))])])})}var _default2={name:"VxeForm",mixins:[_size.default],props:{loading:Boolean,data:Object,size:{type:String,default:function(){return _conf.default.form.size||_conf.default.size}},span:[String,Number],align:{type:String,default:function(){return _conf.default.form.align}},titleAlign:{type:String,default:function(){return _conf.default.form.titleAlign}},titleWidth:[String,Number],titleColon:{type:Boolean,default:function(){return _conf.default.form.titleColon}},titleAsterisk:{type:Boolean,default:function(){return _conf.default.form.titleAsterisk}},titleOverflow:{type:[Boolean,String],default:null},className:[String,Function],items:Array,rules:Object,preventSubmit:{type:Boolean,default:function(){return _conf.default.form.preventSubmit}},validConfig:Object},data:function(){return{collapseAll:!0,staticItems:[],formItems:[],tooltipTimeout:null,tooltipActive:!1,tooltipStore:{item:null,visible:!1}}},provide:function(){return{$xeform:this}},computed:{validOpts:function(){return Object.assign({},_conf.default.form.validConfig,this.validConfig)},tooltipOpts:function(){var e=Object.assign({leaveDelay:300},_conf.default.form.tooltipConfig,this.tooltipConfig);return e.enterable&&(e.leaveMethod=this.handleTooltipLeaveMethod),e}},created:function(){var t=this;this.$nextTick(function(){var e=t.items;e&&t.loadItem(e)})},watch:{staticItems:function(e){this.formItems=e},items:function(e){this.loadItem(e)}},render:function(e){var t=this._e,i=this.loading,r=this.className,l=this.data,n=this.vSize,o=this.tooltipOpts,s=this.formItems,a=_vXETable.default._tooltip;return e("form",{class:["vxe-form",r?_xeUtils.default.isFunction(r)?r({items:s,data:l,$form:this}):r:"",(_defineProperty(r={},"size--".concat(n),n),_defineProperty(r,"is--colon",this.titleColon),_defineProperty(r,"is--asterisk",this.titleAsterisk),_defineProperty(r,"is--loading",i),r)],on:{submit:this.submitEvent,reset:this.resetEvent}},[e("div",{class:"vxe-form--wrapper vxe-row"},renderItems(e,this,s)),e("div",{class:"vxe-form-slots",ref:"hideItem"},this.$slots.default),e("div",{class:["vxe-loading",{"is--visible":i}]},[e("div",{class:"vxe-loading--spinner"})]),a?e("vxe-tooltip",_objectSpread({ref:"tooltip"},o)):t()])},methods:{loadItem:function(e){var t,i=this;return"development"===process.env.NODE_ENV&&(t=this.$scopedSlots,e.forEach(function(e){e.slots&&_xeUtils.default.each(e.slots,function(e){_xeUtils.default.isFunction(e)||t[e]||_tools.UtilTools.error("vxe.error.notSlot",[e])})})),this.staticItems=_xeUtils.default.mapTree(e,function(e){return(0,_util.createItem)(i,e)},{children:"children"}),this.$nextTick()},getItems:function(){var t=[];return _xeUtils.default.eachTree(this.formItems,function(e){t.push(e)},{children:"children"}),t},toggleCollapse:function(){return this.collapseAll=!this.collapseAll,this.$nextTick()},toggleCollapseEvent:function(e){this.toggleCollapse(),this.$emit("toggle-collapse",{collapse:!this.collapseAll,data:this.data,$form:this,$event:e},e)},submitEvent:function(t){var i=this;t.preventDefault(),this.preventSubmit||this.beginValidate(this.getItems()).then(function(){i.$emit("submit",{data:i.data,$form:i,$event:t})}).catch(function(e){i.$emit("submit-invalid",{data:i.data,errMap:e,$form:i,$event:t})})},reset:function(){var l=this,n=this.data;return n&&this.getItems().forEach(function(e){var t=e.field,i=e.resetValue,r=e.itemRender;(0,_tools.isEnableConf)(r)&&((r=_vXETable.default.renderer.get(r.name))&&r.itemResetMethod?r.itemResetMethod({data:n,property:t,item:e,$form:l}):t&&_xeUtils.default.set(n,t,null===i?getResetValue(_xeUtils.default.get(n,t),void 0):i))}),this.clearValidate()},resetEvent:function(e){e.preventDefault(),this.reset(),this.$emit("reset",{data:this.data,$form:this,$event:e})},handleTooltipLeaveMethod:function(){var e=this,t=this.tooltipOpts;return setTimeout(function(){e.tooltipActive||e.closeTooltip()},t.leaveDelay),!1},closeTooltip:function(){var e=this.tooltipStore,t=this.$refs.tooltip;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t&&t.close()),this.$nextTick()},triggerHeaderHelpEvent:function(e,t){var i=t.item,r=this.tooltipStore,l=this.$refs.tooltip,n=e.currentTarget.children[0],t=(n.textContent||"").trim(),e=n.scrollWidth>n.clientWidth;clearTimeout(this.tooltipTimeout),this.tooltipActive=!0,this.closeTooltip(),t&&e&&(Object.assign(r,{item:i,visible:!0}),l&&l.open(n,t))},handleTargetLeaveEvent:function(){var t=this,e=this.tooltipOpts;this.tooltipActive=!1,e.enterable?this.tooltipTimeout=setTimeout(function(){var e=t.$refs.tooltip;e&&!e.isHover&&t.closeTooltip()},e.leaveDelay):this.closeTooltip()},clearValidate:function(t){var e,i=this.getItems();return t?(e=i.find(function(e){return e.field===t}))&&(e.showError=!1):i.forEach(function(e){e.showError=!1}),this.$nextTick()},validate:function(e){return this.beginValidate(this.getItems(),"",e)},validateField:function(t,e){return this.beginValidate(this.getItems().filter(function(e){return e.field===t}),"",e)},beginValidate:function(i,e,r){var l=this,n=this.data,t=this.rules,o=this.validOpts,s={},a=[],u=[];return this.clearValidate(),clearTimeout(this.showErrTime),n&&t?(i.forEach(function(i){var r=i.field;r&&u.push(l.validItemRules(e||"all",r).then(function(){i.errRule=null}).catch(function(e){var t=e.rule,e={rule:t,rules:e.rules,data:n,property:r,$form:l};return s[r]||(s[r]=[]),s[r].push(e),a.push(r),i.errRule=t,Promise.reject(e)}))}),Promise.all(u).then(function(){r&&r()}).catch(function(){return new Promise(function(e,t){l.showErrTime=setTimeout(function(){i.forEach(function(e){e.errRule&&(e.showError=!0)})},20),o.autoPos&&l.$nextTick(function(){l.handleFocus(a)}),r?(r(s),e()):t(s)})})):(r&&r(),Promise.resolve())},validItemRules:function(n,o,e){var s,a,u=this,c=this.data,t=this.rules,f=[],d=[];return o&&t&&((s=_xeUtils.default.get(t,o))&&(a=_xeUtils.default.isUndefined(e)?_xeUtils.default.get(c,o):e,s.forEach(function(t){var e,i=t.type,r=t.trigger,l=t.required;"all"!==n&&r&&n!==t.trigger||(_xeUtils.default.isFunction(t.validator)?(e=t.validator({itemValue:a,rule:t,rules:s,data:c,property:o,$form:u}))&&(_xeUtils.default.isError(e)?f.push(new Rule({type:"custom",trigger:r,message:e.message,rule:new Rule(t)})):e.catch&&d.push(e.catch(function(e){f.push(new Rule({type:"custom",trigger:r,message:(e||t).message,rule:new Rule(t)}))}))):(i="array"===i?!_xeUtils.default.isArray(a)||!a.length:(0,_utils.eqEmptyValue)(a),(l?i||validErrorRuleValue(t,a):!i&&validErrorRuleValue(t,a))&&f.push(new Rule(t))))}))),Promise.all(d).then(function(){if(f.length){var e={rules:f,rule:f[0]};return Promise.reject(e)}})},handleFocus:function(e){var n=this.$el,o=this.getItems();e.some(function(t){var e=o.find(function(e){return e.field===t});if(e&&(0,_tools.isEnableConf)(e.itemRender)){var i,r=e.itemRender,l=_vXETable.default.renderer.get(r.name);if(r.autofocus&&(i=n.querySelector(".".concat(e.id," ").concat(r.autofocus))),!i&&l&&l.autofocus&&(i=n.querySelector(".".concat(e.id," ").concat(l.autofocus))),i)return i.focus(),_dom.browse.msie&&((i=i.createTextRange()).collapse(!1),i.select()),!0}})},updateStatus:function(e,t){var i=this,r=e.property;r&&this.validItemRules("change",r,t).then(function(){i.clearValidate(r)}).catch(function(e){var t=e.rule,e=i.getItems().find(function(e){return e.field===r});e&&(e.showError=!0,e.errRule=t)})}}};exports.default=_default2;
|
package/lib/form/style/style.css
CHANGED
|
@@ -35,37 +35,58 @@
|
|
|
35
35
|
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
|
|
36
36
|
background-color: #fff;
|
|
37
37
|
text-align: left; }
|
|
38
|
-
.vxe-form.is--colon .vxe-form--item-title:after {
|
|
39
|
-
content: ":";
|
|
40
|
-
font-size: 1.2em;
|
|
41
|
-
font-family: SimSun, sans-serif; }
|
|
42
38
|
|
|
43
39
|
.vxe-form-slots {
|
|
44
40
|
display: none; }
|
|
45
41
|
|
|
46
|
-
.vxe-form--item-title,
|
|
47
42
|
.vxe-form--item-content,
|
|
48
43
|
.vxe-form--item-trigger-node {
|
|
49
44
|
display: inline-block;
|
|
50
45
|
vertical-align: middle; }
|
|
51
46
|
|
|
52
47
|
.vxe-form--item-title {
|
|
48
|
+
display: -webkit-box;
|
|
49
|
+
display: -ms-flexbox;
|
|
50
|
+
display: flex;
|
|
51
|
+
-webkit-box-orient: horizontal;
|
|
52
|
+
-webkit-box-direction: normal;
|
|
53
|
+
-ms-flex-direction: row;
|
|
54
|
+
flex-direction: row;
|
|
53
55
|
max-width: 320px;
|
|
54
56
|
padding-right: 0.8em; }
|
|
55
|
-
.vxe-form--item-title.is--ellipsis {
|
|
57
|
+
.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content {
|
|
56
58
|
overflow: hidden;
|
|
57
59
|
text-overflow: ellipsis;
|
|
58
60
|
white-space: nowrap; }
|
|
59
61
|
.vxe-form--item-title .vxe-form--item-title-prefix,
|
|
62
|
+
.vxe-form--item-title .vxe-form--item-title-suffix,
|
|
63
|
+
.vxe-form--item-title .vxe-form--item-title-postfix {
|
|
64
|
+
-ms-flex-negative: 0;
|
|
65
|
+
flex-shrink: 0; }
|
|
66
|
+
.vxe-form--item-title .vxe-form--item-title-prefix,
|
|
60
67
|
.vxe-form--item-title .vxe-form--item-title-suffix {
|
|
61
|
-
cursor: help;
|
|
62
|
-
|
|
63
|
-
.vxe-form--item-title .vxe-form--item-title-
|
|
64
|
-
|
|
68
|
+
cursor: help;
|
|
69
|
+
vertical-align: middle; }
|
|
70
|
+
.vxe-form--item-title .vxe-form--item-title-prefix > i,
|
|
71
|
+
.vxe-form--item-title .vxe-form--item-title-suffix > i {
|
|
72
|
+
vertical-align: middle; }
|
|
65
73
|
.vxe-form--item-title .vxe-form--item-title-prefix {
|
|
66
74
|
margin-right: 0.25em; }
|
|
67
75
|
.vxe-form--item-title .vxe-form--item-title-suffix {
|
|
68
|
-
margin-left: 0.
|
|
76
|
+
margin-left: 0.2em; }
|
|
77
|
+
.vxe-form--item-title .vxe-form--item-title-postfix {
|
|
78
|
+
display: -webkit-box;
|
|
79
|
+
display: -ms-flexbox;
|
|
80
|
+
display: flex;
|
|
81
|
+
-webkit-box-align: center;
|
|
82
|
+
-ms-flex-align: center;
|
|
83
|
+
align-items: center; }
|
|
84
|
+
.vxe-form--item-title .vxe-form--item-title-content {
|
|
85
|
+
-webkit-box-flex: 1;
|
|
86
|
+
-ms-flex-positive: 1;
|
|
87
|
+
flex-grow: 1; }
|
|
88
|
+
.vxe-form--item-title .vxe-form--item-title-label {
|
|
89
|
+
vertical-align: middle; }
|
|
69
90
|
|
|
70
91
|
.vxe-form--item-trigger-node {
|
|
71
92
|
font-size: 12px;
|
|
@@ -107,12 +128,18 @@
|
|
|
107
128
|
.vxe-form .vxe-form--item.is--active:not(.is--hidden) {
|
|
108
129
|
display: inline-block; }
|
|
109
130
|
|
|
110
|
-
.vxe-form.is--asterisk .vxe-form--item.is--required .vxe-form--item-title:before {
|
|
131
|
+
.vxe-form.is--asterisk .vxe-form--item.is--required .vxe-form--item-title-content:before {
|
|
111
132
|
content: "*";
|
|
112
133
|
color: #f56c6c;
|
|
134
|
+
font-family: Verdana,Arial,Tahoma;
|
|
113
135
|
margin-right: 0.2em;
|
|
114
|
-
font-
|
|
115
|
-
|
|
136
|
+
font-weight: normal;
|
|
137
|
+
vertical-align: middle; }
|
|
138
|
+
|
|
139
|
+
.vxe-form.is--colon .vxe-form--item-title-postfix:after {
|
|
140
|
+
content: ":";
|
|
141
|
+
font-weight: normal;
|
|
142
|
+
margin-left: 0.2em; }
|
|
116
143
|
|
|
117
144
|
.vxe-form--item.is--span .vxe-default-input:not([type="submit"]):not([type="reset"]),
|
|
118
145
|
.vxe-form--item.is--span .vxe-default-textarea,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:#5faeff;border-color:#73b8ff}.vxe-form{position:relative;font-size:14px;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background-color:#fff;text-align:left}.vxe-form
|
|
1
|
+
.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:#5faeff;border-color:#73b8ff}.vxe-form{position:relative;font-size:14px;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background-color:#fff;text-align:left}.vxe-form-slots{display:none}.vxe-form--item-content,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{-ms-flex-negative:0;flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{cursor:help;vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix>i,.vxe-form--item-title .vxe-form--item-title-suffix>i{vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{margin:0 .25em;-webkit-transition:all .1s;transition:all .1s}.vxe-form--item-valid{position:absolute;width:100%;font-size:12px;line-height:1.2em;color:#f56c6c;background-color:inherit;z-index:1;opacity:0;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.vxe-form .vxe-form--gather{display:inline-block}.vxe-form .vxe-form--item{display:none;padding:.5em .8em .5em 0}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-block}.vxe-form.is--asterisk .vxe-form--item.is--required .vxe-form--item-title-content:before{content:"*";color:#f56c6c;font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form.is--colon .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]),.vxe-form--item.is--span .vxe-default-select,.vxe-form--item.is--span .vxe-default-textarea,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-textarea{width:100%}.vxe-form--item.is--error .vxe-default-input,.vxe-form--item.is--error .vxe-default-select,.vxe-form--item.is--error .vxe-default-textarea,.vxe-form--item.is--error .vxe-input>.vxe-input--inner,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-select.is--active>.vxe-input .vxe-input--inner,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner{border-color:#f56c6c}.vxe-form--item.is--error .vxe-default-input[type=search]:focus,.vxe-form--item.is--error .vxe-default-input[type=text]:focus,.vxe-form--item.is--error .vxe-default-select:focus,.vxe-form--item.is--error .vxe-default-textarea:focus,.vxe-form--item.is--error .vxe-input>.vxe-input--inner:focus,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus{border-color:#f56c6c}.vxe-form--item.is--error .vxe-form--item-valid{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.vxe-form--item .vxe-form--item-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vxe-form--item .vxe-form--item-inner .vxe-form--item-title{-ms-flex-negative:0;flex-shrink:0}.vxe-form--item .vxe-form--item-inner .vxe-form--item-content{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{outline:0;border:1px solid #dcdfe6;border-radius:4px}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:34px}.vxe-form--item .vxe-default-input{padding:0 .8em}.vxe-form--item .vxe-default-textarea{padding:.3em .6em}.vxe-form--item .vxe-default-input[type=number]{padding-right:.2em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text]{padding:0 1em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{color:#606266}.vxe-form--item .vxe-default-input[type=search]:focus,.vxe-form--item .vxe-default-input[type=text]:focus,.vxe-form--item .vxe-default-select:focus,.vxe-form--item .vxe-default-textarea:focus{border:1px solid #409eff}.vxe-form--item .vxe-default-input[type=search][disabled],.vxe-form--item .vxe-default-input[type=text][disabled],.vxe-form--item .vxe-default-select[disabled],.vxe-form--item .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:#f3f3f3}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:32px;background-color:#fff;cursor:pointer}.vxe-form--item .vxe-default-input[type=reset]:active,.vxe-form--item .vxe-default-input[type=submit]:active{color:#3699ff;border-color:#3699ff}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:6px}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-form--item .vxe-default-input::-webkit-input-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-input::-moz-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-input:-ms-input-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-input::-ms-input-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-input::placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{width:180px}.vxe-form--item .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-form--item .vxe-default-textarea::-webkit-input-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-textarea::-moz-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-textarea:-ms-input-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-textarea::-ms-input-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-textarea::placeholder{color:#c0c4cc}.vxe-form .vxe-form--item-inner{min-height:36px}.vxe-form .vxe-form--item-inner>.align--center{text-align:center}.vxe-form .vxe-form--item-inner>.align--left{text-align:left}.vxe-form .vxe-form--item-inner>.align--right{text-align:right}.vxe-form.size--medium{font-size:14px}.vxe-form.size--medium .vxe-form--item-inner{min-height:34px}.vxe-form.size--medium .vxe-default-input[type=reset],.vxe-form.size--medium .vxe-default-input[type=submit]{line-height:30px}.vxe-form.size--medium .vxe-default-input,.vxe-form.size--medium .vxe-default-select{height:32px}.vxe-form.size--small{font-size:13px}.vxe-form.size--small .vxe-form--item-inner{min-height:32px}.vxe-form.size--small .vxe-default-input[type=reset],.vxe-form.size--small .vxe-default-input[type=submit]{line-height:28px}.vxe-form.size--small .vxe-default-input,.vxe-form.size--small .vxe-default-select{height:30px}.vxe-form.size--mini{font-size:12px}.vxe-form.size--mini .vxe-form--item-inner{min-height:30px}.vxe-form.size--mini .vxe-default-input[type=reset],.vxe-form.size--mini .vxe-default-input[type=submit]{line-height:26px}.vxe-form.size--mini .vxe-default-input,.vxe-form.size--mini .vxe-default-select{height:28px}
|