vxe-table 4.2.8 → 4.3.0-beta.0
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/es/button/src/button.js +14 -14
- package/es/button/style.css +1 -58
- package/es/checkbox/src/checkbox.js +1 -1
- package/es/edit/src/hook.js +29 -13
- package/es/export/src/export-panel.js +1 -1
- package/es/export/src/hook.js +45 -45
- package/es/export/src/import-panel.js +2 -2
- package/es/export/src/util.js +7 -7
- package/es/filter/src/hook.js +5 -5
- package/es/filter/src/panel.js +1 -1
- package/es/footer/src/footer.js +15 -15
- package/es/form/src/form-config-item.js +8 -7
- package/es/form/src/form-item.js +8 -7
- package/es/form/src/form.js +8 -6
- package/es/form/style.css +0 -3
- package/es/grid/src/grid.js +18 -13
- package/es/grid/style.css +1 -1
- package/es/header/src/header.js +18 -18
- package/es/header/style.css +0 -95
- package/es/icon/style.css +371 -495
- package/es/input/src/input.js +26 -26
- package/es/input/style.css +13 -4
- package/es/keyboard/src/hook.js +7 -7
- package/es/list/src/list.js +5 -5
- package/es/loading/src/loading.js +1 -1
- package/es/menu/src/hooks.js +9 -9
- package/es/menu/src/panel.js +2 -2
- package/es/modal/src/modal.js +52 -51
- package/es/modal/style.css +2 -3
- package/es/pager/src/pager.js +3 -3
- package/es/pager/style.css +4 -2
- package/es/pulldown/src/pulldown.js +7 -7
- package/es/radio/src/button.js +1 -1
- package/es/radio/src/radio.js +1 -1
- package/es/select/src/select.js +13 -12
- package/es/select/style.css +1 -0
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/switch/src/switch.js +1 -1
- package/es/table/src/body.js +38 -34
- package/es/table/src/cell.js +12 -8
- package/es/table/src/columnInfo.js +4 -4
- package/es/table/src/table.js +63 -58
- package/es/table/src/util.js +2 -2
- package/es/table/style.css +98 -0
- package/es/textarea/src/textarea.js +5 -5
- package/es/toolbar/src/toolbar.js +7 -6
- package/es/toolbar/style.css +1 -1
- package/es/tools/dom.js +2 -2
- package/es/tools/log.js +1 -1
- package/es/tools/vn.js +7 -0
- package/es/tooltip/src/tooltip.js +22 -10
- package/es/v-x-e-table/index.js +1 -1
- package/es/v-x-e-table/src/conf.js +38 -38
- package/es/v-x-e-table/src/interceptor.js +1 -1
- package/es/v-x-e-table/src/renderer.js +19 -15
- package/es/v-x-e-table/style.css +359 -459
- package/lib/button/src/button.js +10 -10
- package/lib/button/src/button.min.js +1 -1
- package/lib/button/style/style.css +1 -58
- package/lib/button/style/style.min.css +1 -1
- package/lib/checkbox/src/checkbox.js +1 -1
- package/lib/checkbox/src/checkbox.min.js +1 -1
- package/lib/edit/src/hook.js +14 -13
- package/lib/edit/src/hook.min.js +1 -1
- package/lib/export/src/export-panel.js +1 -1
- package/lib/export/src/export-panel.min.js +1 -1
- package/lib/export/src/hook.js +50 -50
- package/lib/export/src/hook.min.js +1 -1
- package/lib/export/src/import-panel.js +3 -3
- package/lib/export/src/import-panel.min.js +1 -1
- package/lib/export/src/util.js +4 -4
- package/lib/export/src/util.min.js +1 -1
- package/lib/filter/src/hook.js +5 -5
- package/lib/filter/src/hook.min.js +1 -1
- package/lib/filter/src/panel.js +1 -1
- package/lib/filter/src/panel.min.js +1 -1
- package/lib/footer/src/footer.js +14 -14
- package/lib/footer/src/footer.min.js +1 -1
- package/lib/form/src/form-config-item.js +9 -7
- package/lib/form/src/form-config-item.min.js +1 -1
- package/lib/form/src/form-item.js +9 -7
- package/lib/form/src/form-item.min.js +1 -1
- package/lib/form/src/form.js +9 -6
- package/lib/form/src/form.min.js +1 -1
- package/lib/form/style/style.css +0 -3
- package/lib/form/style/style.min.css +1 -1
- package/lib/grid/src/grid.js +17 -13
- package/lib/grid/src/grid.min.js +1 -1
- package/lib/grid/style/style.css +1 -1
- package/lib/grid/style/style.min.css +1 -1
- package/lib/header/src/header.js +17 -17
- package/lib/header/src/header.min.js +1 -1
- package/lib/header/style/style.css +0 -95
- package/lib/header/style/style.min.css +0 -1
- package/lib/icon/style/style.css +371 -495
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +113 -88
- package/lib/index.umd.min.js +1 -1
- package/lib/input/src/input.js +23 -23
- package/lib/input/src/input.min.js +1 -1
- package/lib/input/style/style.css +13 -4
- package/lib/input/style/style.min.css +1 -1
- package/lib/keyboard/src/hook.js +7 -7
- package/lib/keyboard/src/hook.min.js +1 -1
- package/lib/list/src/list.js +5 -5
- package/lib/list/src/list.min.js +1 -1
- package/lib/loading/src/loading.js +1 -1
- package/lib/loading/src/loading.min.js +1 -1
- package/lib/menu/src/hooks.js +9 -9
- package/lib/menu/src/hooks.min.js +1 -1
- package/lib/menu/src/panel.js +2 -2
- package/lib/menu/src/panel.min.js +1 -1
- package/lib/modal/src/modal.js +55 -53
- package/lib/modal/src/modal.min.js +1 -1
- package/lib/modal/style/style.css +2 -3
- package/lib/modal/style/style.min.css +1 -1
- package/lib/pager/src/pager.js +2 -2
- package/lib/pager/src/pager.min.js +1 -1
- package/lib/pager/style/style.css +4 -2
- package/lib/pager/style/style.min.css +1 -1
- package/lib/pulldown/src/pulldown.js +7 -7
- package/lib/pulldown/src/pulldown.min.js +1 -1
- package/lib/radio/src/button.js +1 -1
- package/lib/radio/src/button.min.js +1 -1
- package/lib/radio/src/radio.js +1 -1
- package/lib/radio/src/radio.min.js +1 -1
- package/lib/select/src/select.js +14 -12
- package/lib/select/src/select.min.js +1 -1
- package/lib/select/style/style.css +1 -0
- package/lib/select/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/switch/src/switch.js +1 -1
- package/lib/switch/src/switch.min.js +1 -1
- package/lib/table/src/body.js +36 -34
- package/lib/table/src/body.min.js +1 -1
- package/lib/table/src/cell.js +17 -11
- package/lib/table/src/cell.min.js +1 -1
- package/lib/table/src/columnInfo.js +4 -4
- package/lib/table/src/columnInfo.min.js +1 -1
- package/lib/table/src/table.js +63 -59
- package/lib/table/src/table.min.js +1 -1
- package/lib/table/src/util.js +2 -2
- package/lib/table/src/util.min.js +1 -1
- package/lib/table/style/style.css +98 -0
- package/lib/table/style/style.min.css +1 -1
- package/lib/textarea/src/textarea.js +6 -6
- package/lib/textarea/src/textarea.min.js +1 -1
- package/lib/toolbar/src/toolbar.js +10 -8
- package/lib/toolbar/src/toolbar.min.js +1 -1
- package/lib/toolbar/style/style.css +1 -1
- package/lib/toolbar/style/style.min.css +1 -1
- package/lib/tools/dom.js +2 -2
- package/lib/tools/dom.min.js +1 -1
- package/lib/tools/log.js +1 -1
- package/lib/tools/log.min.js +1 -1
- package/lib/tools/vn.js +13 -0
- package/lib/tools/vn.min.js +1 -1
- package/lib/tooltip/src/tooltip.js +22 -8
- package/lib/tooltip/src/tooltip.min.js +1 -1
- package/lib/v-x-e-table/index.js +1 -1
- package/lib/v-x-e-table/index.min.js +1 -1
- package/lib/v-x-e-table/src/conf.js +38 -38
- package/lib/v-x-e-table/src/conf.min.js +1 -1
- package/lib/v-x-e-table/src/interceptor.js +1 -1
- package/lib/v-x-e-table/src/interceptor.min.js +1 -1
- package/lib/v-x-e-table/src/renderer.js +18 -16
- package/lib/v-x-e-table/src/renderer.min.js +1 -1
- package/lib/v-x-e-table/style/style.css +359 -459
- package/lib/v-x-e-table/style/style.min.css +1 -1
- package/package.json +5 -5
- package/packages/edit/src/hook.ts +18 -6
- package/packages/form/src/form-config-item.ts +4 -3
- package/packages/form/src/form-item.ts +4 -3
- package/packages/form/src/form.ts +6 -4
- package/packages/grid/src/grid.ts +2 -1
- package/packages/input/src/input.ts +3 -3
- package/packages/modal/src/modal.ts +5 -4
- package/packages/select/src/select.ts +2 -1
- package/packages/table/src/cell.ts +14 -10
- package/packages/table/src/table.ts +9 -8
- package/packages/toolbar/src/toolbar.ts +4 -3
- package/packages/tools/vn.ts +10 -0
- package/packages/tooltip/src/tooltip.ts +8 -4
- package/packages/v-x-e-table/src/conf.ts +38 -38
- package/styles/button.scss +1 -43
- package/styles/form.scss +0 -3
- package/styles/header.scss +0 -134
- package/styles/icon.scss +507 -713
- package/styles/input.scss +8 -0
- package/styles/modal.scss +0 -1
- package/styles/pager.scss +2 -0
- package/styles/select.scss +1 -0
- package/styles/table.scss +136 -0
- package/styles/variable.scss +1 -1
- package/types/all.d.ts +6 -0
- package/types/column.d.ts +11 -11
- package/types/component.d.ts +3 -1
- package/types/form-item.d.ts +1 -0
- package/types/form.d.ts +6 -2
- package/types/grid.d.ts +4 -4
- package/types/table.d.ts +2 -2
- package/types/v-x-e-table/renderer.d.ts +3 -2
package/lib/filter/src/hook.js
CHANGED
|
@@ -127,7 +127,7 @@ var tableFilterHook = {
|
|
|
127
127
|
var maxLeft = bodyElem.clientWidth - filterWidth - minMargin;
|
|
128
128
|
var left, right;
|
|
129
129
|
var style = {
|
|
130
|
-
top: targetElem_1.offsetTop + targetElem_1.offsetParent.offsetTop + targetElem_1.offsetHeight + 8
|
|
130
|
+
top: "".concat(targetElem_1.offsetTop + targetElem_1.offsetParent.offsetTop + targetElem_1.offsetHeight + 8, "px")
|
|
131
131
|
}; // 判断面板不能大于表格高度
|
|
132
132
|
|
|
133
133
|
var maxHeight = null;
|
|
@@ -151,7 +151,7 @@ var tableFilterHook = {
|
|
|
151
151
|
left -= overflowWidth;
|
|
152
152
|
}
|
|
153
153
|
|
|
154
|
-
style.left = Math.min(maxLeft, Math.max(minMargin, left))
|
|
154
|
+
style.left = "".concat(Math.min(maxLeft, Math.max(minMargin, left)), "px");
|
|
155
155
|
} else if (right) {
|
|
156
156
|
var overflowWidth = pageX_1 + filterWidth - centerWidth + minMargin - visibleWidth_1;
|
|
157
157
|
|
|
@@ -159,7 +159,7 @@ var tableFilterHook = {
|
|
|
159
159
|
right += overflowWidth;
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
-
style.right = Math.max(minMargin, right)
|
|
162
|
+
style.right = "".concat(Math.max(minMargin, right), "px");
|
|
163
163
|
}
|
|
164
164
|
|
|
165
165
|
filterStore.style = style;
|
|
@@ -278,11 +278,11 @@ var tableFilterHook = {
|
|
|
278
278
|
var elemStore_1 = internalData.elemStore;
|
|
279
279
|
var fixed_1 = column.fixed;
|
|
280
280
|
return $xetable.scrollToColumn(column).then(function () {
|
|
281
|
-
var headerWrapperRef = elemStore_1[(fixed_1 || 'main'
|
|
281
|
+
var headerWrapperRef = elemStore_1["".concat(fixed_1 || 'main', "-header-wrapper")] || elemStore_1['main-header-wrapper'];
|
|
282
282
|
var headerWrapperElem = headerWrapperRef ? headerWrapperRef.value : null;
|
|
283
283
|
|
|
284
284
|
if (headerWrapperElem) {
|
|
285
|
-
var filterBtnElem = headerWrapperElem.querySelector(".vxe-header--column."
|
|
285
|
+
var filterBtnElem = headerWrapperElem.querySelector(".vxe-header--column.".concat(column.id, " .vxe-filter--btn"));
|
|
286
286
|
(0, _dom.triggerEvent)(filterBtnElem, 'click');
|
|
287
287
|
}
|
|
288
288
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_vXETable=require("../../v-x-e-table"),_util=require("../../table/src/util"),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,l=1,r=arguments.length;l<r;l++)for(var i in t=arguments[l])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},tableFilterMethodKeys=["setFilter","clearFilter","getCheckedFilters"],tableFilterHook={setupTable:function(u){var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_vXETable=require("../../v-x-e-table"),_util=require("../../table/src/util"),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,l=1,r=arguments.length;l<r;l++)for(var i in t=arguments[l])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},tableFilterMethodKeys=["setFilter","clearFilter","getCheckedFilters"],tableFilterHook={setupTable:function(u){var c=u.reactData,a=u.internalData,e=u.getRefMaps(),_=e.refTableBody,b=e.refTableFilter,s=u.getComputeMaps().computeFilterOpts,n={checkFilterOptions:function(){var e=c.filterStore;e.isAllSelected=e.options.every(function(e){return e._checked}),e.isIndeterminate=!e.isAllSelected&&e.options.some(function(e){return e._checked})},triggerFilterEvent:function(e,d,t){var h,p,v,l,r,i,n,o=c.initStore,m=c.filterStore;m.column===d&&m.visible?m.visible=!1:(h=e.target,p=e.pageX,v=(0,_dom.getDomNode)().visibleWidth,l=d.filters,r=d.filterMultiple,i=(i=d.filterRender)?_vXETable.VXETable.renderer.get(i.name):null,n=d.filterRecoverMethod||(i?i.filterRecoverMethod:null),a._currFilterParams=t,Object.assign(m,{multiple:r,options:l,column:d,style:null}),m.options.forEach(function(e){var t=e._checked,l=e.checked;(e._checked=l)||t===l||n&&n({option:e,column:d,$table:u})}),this.checkFilterOptions(),m.visible=!0,o.filter=!0,(0,_vue.nextTick)(function(){var e=_.value.$el,t=b.value,l=t?t.$el:null,r=0,i=0,n=null,o=null;l&&(r=l.offsetWidth,i=l.offsetHeight,n=l.querySelector(".vxe-table--filter-header"),o=l.querySelector(".vxe-table--filter-footer"));var a,f,u,c=r/2,s=e.clientWidth-r-10,t={top:"".concat(h.offsetTop+h.offsetParent.offsetTop+h.offsetHeight+8,"px")},l=null;i>=e.clientHeight&&(l=Math.max(60,e.clientHeight-(o?o.offsetHeight:0)-(n?n.offsetHeight:0))),"left"===d.fixed?a=h.offsetLeft+h.offsetParent.offsetLeft-c:"right"===d.fixed?f=h.offsetParent.offsetWidth-h.offsetLeft+(h.offsetParent.offsetParent.offsetWidth-h.offsetParent.offsetLeft)-d.renderWidth-c:a=h.offsetLeft+h.offsetParent.offsetLeft-c-e.scrollLeft,a?(0<(u=p+r-c+10-v)&&(a-=u),t.left="".concat(Math.min(s,Math.max(10,a)),"px")):f&&(0<(u=p+r-c+10-v)&&(f+=u),t.right="".concat(Math.max(10,f),"px")),m.style=t,m.maxHeight=l})),u.dispatchEvent("filter-visible",{column:d,field:d.field,property:d.field,filterList:u.getCheckedFilters(),visible:m.visible},e)},handleClearFilter:function(e){var t,l,r;e&&(t=e.filters,l=e.filterRender,t&&(l=l?_vXETable.VXETable.renderer.get(l.name):null,r=e.filterResetMethod||(l?l.filterResetMethod:null),t.forEach(function(e){e._checked=!1,e.checked=!1,r||(e.data=_xeUtils.default.clone(e.resetValue,!0))}),r&&r({options:t,column:e,$table:u})))},confirmFilterEvent:function(e){var t=c.filterStore,l=c.scrollXLoad,r=c.scrollYLoad,i=s.value,n=t.column,o=n.field,a=[],f=[];n.filters.forEach(function(e){e.checked&&(a.push(e.value),f.push(e.data))});t=u.getCheckedFilters();i.remote||(u.handleTableData(!0),u.checkSelectionStatus()),u.dispatchEvent("filter-change",{column:n,field:o,property:o,values:a,datas:f,filters:t,filterList:t},e),u.closeFilter(),u.updateFooter().then(function(){var e=c.scrollXLoad,t=c.scrollYLoad;if(l||e||r||t)return(l||e)&&u.updateScrollXSpace(),(r||t)&&u.updateScrollYSpace(),u.refreshScroll()}).then(function(){return u.updateCellAreas(),u.recalculate(!0)}).then(function(){setTimeout(function(){return u.recalculate()},50)})}};return __assign(__assign({},{openFilter:function(e){var t=(0,_util.handleFieldOrColumn)(u,e);if(t&&t.filters){var l=a.elemStore,r=t.fixed;return u.scrollToColumn(t).then(function(){var e=l["".concat(r||"main","-header-wrapper")]||l["main-header-wrapper"],e=e?e.value:null;e&&(e=e.querySelector(".vxe-header--column.".concat(t.id," .vxe-filter--btn")),(0,_dom.triggerEvent)(e,"click"))})}return(0,_vue.nextTick)()},setFilter:function(e,t){e=(0,_util.handleFieldOrColumn)(u,e);return e&&e.filters&&t&&(e.filters=(0,_util.toFilters)(t)),(0,_vue.nextTick)()},clearFilter:function(e){var t,l=c.filterStore,r=a.tableFullColumn,i=s.value;return e?(t=(0,_util.handleFieldOrColumn)(u,e))&&n.handleClearFilter(t):r.forEach(n.handleClearFilter),e&&t===l.column||Object.assign(l,{isAllSelected:!1,isIndeterminate:!1,style:null,options:[],column:null,multiple:!1,visible:!1}),i.remote?(0,_vue.nextTick)():u.updateData()},getCheckedFilters:function(){var e=a.tableFullColumn,n=[];return e.filter(function(e){var t=e.field,l=e.filters,r=[],i=[];l&&l.length&&(l.forEach(function(e){e.checked&&(r.push(e.value),i.push(e.data))}),r.length&&n.push({column:e,field:t,property:t,values:r,datas:i}))}),n}}),n)},setupGrid:function(e){return e.extendTableMethods(tableFilterMethodKeys)}},_default=tableFilterHook;exports.default=_default;
|
package/lib/filter/src/panel.js
CHANGED
|
@@ -165,7 +165,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
165
165
|
}, _conf.default.i18n('vxe.table.allFilter'))]))]), (0, _vue.h)('ul', {
|
|
166
166
|
class: 'vxe-table--filter-body',
|
|
167
167
|
style: maxHeight ? {
|
|
168
|
-
maxHeight: maxHeight
|
|
168
|
+
maxHeight: "".concat(maxHeight, "px")
|
|
169
169
|
} : {}
|
|
170
170
|
}, filterStore.options.map(function (item) {
|
|
171
171
|
return (0, _vue.h)('li', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeTableFilter",props:{filterStore:Object},setup:function(a){function i(e,t,l){a.filterStore.options.forEach(function(e){e._checked=!1}),l._checked=t,s.checkFilterOptions(),d(e)}function c(e,t,l){l._checked=t,s.checkFilterOptions()}var s=(0,_vue.inject)("$xetable",{}),u=s.reactData,v=s.internalData,f=(0,_vue.computed)(function(){var e=a.filterStore;return e&&e.options.some(function(e){return e.checked})}),d=function(e){a.filterStore.options.forEach(function(e){e.checked=e._checked}),s.confirmFilterEvent(e)},h=function(e){var t=a.filterStore;s.handleClearFilter(t.column),s.confirmFilterEvent(e)},b=function(e,t,l){a.filterStore.multiple?c(0,t,l):i(e,t,l)},p=function(e,t){var l;a.filterStore.multiple?(l=t,(t=a.filterStore).options.forEach(function(e){e._checked=l,e.checked=l}),t.isAllSelected=l,t.isIndeterminate=!1):h(e)},x={changeRadioOption:i,changeMultipleOption:c,changeAllOption:p,changeOption:b,confirmFilter:d,resetFilter:h};return function(){var t,e,l=a.filterStore,i=u.initStore,c=l.column,n=c?c.filterRender:null,r=n?_vXETable.VXETable.renderer.get(n.name):null,o=r?r.filterClassName:"",c=Object.assign({},v._currFilterParams,{$panel:x,$table:s});return(0,_vue.h)("div",{class:["vxe-table--filter-wrapper","filter--prevent-default",(0,_dom.getPropClass)(o,c),{"is--animat":s.props.animat,"is--multiple":l.multiple,"is--active":l.visible}],style:l.style},i.filter&&l.visible?(c=n,i=r,t=a.filterStore,l=t.column,e=t.multiple,n=t.maxHeight,r=l.slots,l=r?r.filter:null,r=Object.assign({},v._currFilterParams,{$panel:x,$table:s}),(l?[(0,_vue.h)("div",{class:"vxe-table--filter-template"},s.callSlot(l,r))]:i&&i.renderFilter?[(0,_vue.h)("div",{class:"vxe-table--filter-template"},i.renderFilter(c,r))]:[(0,_vue.h)("ul",{class:"vxe-table--filter-header"},[(0,_vue.h)("li",{class:["vxe-table--filter-option",{"is--checked":e?t.isAllSelected:!t.options.some(function(e){return e._checked}),"is--indeterminate":e&&t.isIndeterminate}],title:_conf.default.i18n(e?"vxe.table.allTitle":"vxe.table.allFilter"),onClick:function(e){p(e,!t.isAllSelected)}},(e?[(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--checked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--unchecked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--indeterminate-icon"})]:[]).concat([(0,_vue.h)("span",{class:"vxe-checkbox--label"},_conf.default.i18n("vxe.table.allFilter"))]))]),(0,_vue.h)("ul",{class:"vxe-table--filter-body",style:n?{maxHeight:n
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeTableFilter",props:{filterStore:Object},setup:function(a){function i(e,t,l){a.filterStore.options.forEach(function(e){e._checked=!1}),l._checked=t,s.checkFilterOptions(),d(e)}function c(e,t,l){l._checked=t,s.checkFilterOptions()}var s=(0,_vue.inject)("$xetable",{}),u=s.reactData,v=s.internalData,f=(0,_vue.computed)(function(){var e=a.filterStore;return e&&e.options.some(function(e){return e.checked})}),d=function(e){a.filterStore.options.forEach(function(e){e.checked=e._checked}),s.confirmFilterEvent(e)},h=function(e){var t=a.filterStore;s.handleClearFilter(t.column),s.confirmFilterEvent(e)},b=function(e,t,l){a.filterStore.multiple?c(0,t,l):i(e,t,l)},p=function(e,t){var l;a.filterStore.multiple?(l=t,(t=a.filterStore).options.forEach(function(e){e._checked=l,e.checked=l}),t.isAllSelected=l,t.isIndeterminate=!1):h(e)},x={changeRadioOption:i,changeMultipleOption:c,changeAllOption:p,changeOption:b,confirmFilter:d,resetFilter:h};return function(){var t,e,l=a.filterStore,i=u.initStore,c=l.column,n=c?c.filterRender:null,r=n?_vXETable.VXETable.renderer.get(n.name):null,o=r?r.filterClassName:"",c=Object.assign({},v._currFilterParams,{$panel:x,$table:s});return(0,_vue.h)("div",{class:["vxe-table--filter-wrapper","filter--prevent-default",(0,_dom.getPropClass)(o,c),{"is--animat":s.props.animat,"is--multiple":l.multiple,"is--active":l.visible}],style:l.style},i.filter&&l.visible?(c=n,i=r,t=a.filterStore,l=t.column,e=t.multiple,n=t.maxHeight,r=l.slots,l=r?r.filter:null,r=Object.assign({},v._currFilterParams,{$panel:x,$table:s}),(l?[(0,_vue.h)("div",{class:"vxe-table--filter-template"},s.callSlot(l,r))]:i&&i.renderFilter?[(0,_vue.h)("div",{class:"vxe-table--filter-template"},i.renderFilter(c,r))]:[(0,_vue.h)("ul",{class:"vxe-table--filter-header"},[(0,_vue.h)("li",{class:["vxe-table--filter-option",{"is--checked":e?t.isAllSelected:!t.options.some(function(e){return e._checked}),"is--indeterminate":e&&t.isIndeterminate}],title:_conf.default.i18n(e?"vxe.table.allTitle":"vxe.table.allFilter"),onClick:function(e){p(e,!t.isAllSelected)}},(e?[(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--checked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--unchecked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--indeterminate-icon"})]:[]).concat([(0,_vue.h)("span",{class:"vxe-checkbox--label"},_conf.default.i18n("vxe.table.allFilter"))]))]),(0,_vue.h)("ul",{class:"vxe-table--filter-body",style:n?{maxHeight:"".concat(n,"px")}:{}},t.options.map(function(t){return(0,_vue.h)("li",{class:["vxe-table--filter-option",{"is--checked":t._checked}],title:t.label,onClick:function(e){b(e,!t._checked,t)}},(e?[(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--checked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--unchecked-icon"}),(0,_vue.h)("span",{class:"vxe-checkbox--icon vxe-checkbox--indeterminate-icon"})]:[]).concat([(0,_vue.h)("span",{class:"vxe-checkbox--label"},(0,_utils.formatText)(t.label,1))]))}))]).concat((i=a.filterStore,c=i.column,r=i.multiple,n=f.value,c=(c=c.filterRender)?_vXETable.VXETable.renderer.get(c.name):null,i=!n&&!i.isAllSelected&&!i.isIndeterminate,!r||c&&!1===c.showFilterFooter?[]:[(0,_vue.h)("div",{class:"vxe-table--filter-footer"},[(0,_vue.h)("button",{class:{"is--disabled":i},disabled:i,onClick:d},_conf.default.i18n("vxe.table.confirmFilter")),(0,_vue.h)("button",{onClick:h},_conf.default.i18n("vxe.table.resetFilter"))])]))):[])}}});exports.default=_default;
|
package/lib/footer/src/footer.js
CHANGED
|
@@ -155,23 +155,23 @@ var _default2 = (0, _vue.defineComponent)({
|
|
|
155
155
|
(0, _vue.nextTick)(function () {
|
|
156
156
|
var fixedType = props.fixedType;
|
|
157
157
|
var elemStore = tableInternalData.elemStore;
|
|
158
|
-
var prefix = (fixedType || 'main'
|
|
159
|
-
elemStore[prefix
|
|
160
|
-
elemStore[prefix
|
|
161
|
-
elemStore[prefix
|
|
162
|
-
elemStore[prefix
|
|
163
|
-
elemStore[prefix
|
|
158
|
+
var prefix = "".concat(fixedType || 'main', "-footer-");
|
|
159
|
+
elemStore["".concat(prefix, "wrapper")] = refElem;
|
|
160
|
+
elemStore["".concat(prefix, "table")] = refFooterTable;
|
|
161
|
+
elemStore["".concat(prefix, "colgroup")] = refFooterColgroup;
|
|
162
|
+
elemStore["".concat(prefix, "list")] = refFooterTFoot;
|
|
163
|
+
elemStore["".concat(prefix, "xSpace")] = refFooterXSpace;
|
|
164
164
|
});
|
|
165
165
|
});
|
|
166
166
|
(0, _vue.onUnmounted)(function () {
|
|
167
167
|
var fixedType = props.fixedType;
|
|
168
168
|
var elemStore = tableInternalData.elemStore;
|
|
169
|
-
var prefix = (fixedType || 'main'
|
|
170
|
-
elemStore[prefix
|
|
171
|
-
elemStore[prefix
|
|
172
|
-
elemStore[prefix
|
|
173
|
-
elemStore[prefix
|
|
174
|
-
elemStore[prefix
|
|
169
|
+
var prefix = "".concat(fixedType || 'main', "-footer-");
|
|
170
|
+
elemStore["".concat(prefix, "wrapper")] = null;
|
|
171
|
+
elemStore["".concat(prefix, "table")] = null;
|
|
172
|
+
elemStore["".concat(prefix, "colgroup")] = null;
|
|
173
|
+
elemStore["".concat(prefix, "list")] = null;
|
|
174
|
+
elemStore["".concat(prefix, "xSpace")] = null;
|
|
175
175
|
});
|
|
176
176
|
|
|
177
177
|
var renderVN = function renderVN() {
|
|
@@ -211,7 +211,7 @@ var _default2 = (0, _vue.defineComponent)({
|
|
|
211
211
|
|
|
212
212
|
return (0, _vue.h)('div', {
|
|
213
213
|
ref: refElem,
|
|
214
|
-
class: ['vxe-table--footer-wrapper', fixedType ? "fixed-"
|
|
214
|
+
class: ['vxe-table--footer-wrapper', fixedType ? "fixed-".concat(fixedType, "--wrapper") : 'body--wrapper'],
|
|
215
215
|
xid: xID,
|
|
216
216
|
onScroll: scrollEvent
|
|
217
217
|
}, [fixedType ? (0, _vue.createCommentVNode)() : (0, _vue.h)('div', {
|
|
@@ -377,7 +377,7 @@ var _default2 = (0, _vue.defineComponent)({
|
|
|
377
377
|
}
|
|
378
378
|
|
|
379
379
|
return (0, _vue.h)('td', __assign(__assign(__assign(__assign({
|
|
380
|
-
class: ['vxe-footer--column', column.id, (_a = {}, _a["col--"
|
|
380
|
+
class: ['vxe-footer--column', column.id, (_a = {}, _a["col--".concat(footAlign)] = footAlign, _a["col--".concat(type)] = type, _a['col--last'] = $columnIndex === tableColumn.length - 1, _a['fixed--hidden'] = fixedHiddenColumn, _a['col--ellipsis'] = hasEllipsis, _a['col--current'] = currentColumn === column, _a), (0, _dom.getPropClass)(footerClassName, params), (0, _dom.getPropClass)(footerCellClassName, params)]
|
|
381
381
|
}, attrs), {
|
|
382
382
|
style: footerCellStyle ? _xeUtils.default.isFunction(footerCellStyle) ? footerCellStyle(params) : footerCellStyle : null
|
|
383
383
|
}), tfOns), {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,o=1,l=arguments.length;o<l;o++)for(var r in t=arguments[o])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},renderType="footer";function mergeFooterMethod(e,t,o){for(var l=0;l<e.length;l++){var r=e[l],n=r.row,a=r.col,c=r.rowspan,r=r.colspan;if(-1<a&&-1<n&&c&&r){if(n===t&&a===o)return{rowspan:c,colspan:r};if(n<=t&&t<n+c&&a<=o&&o<a+r)return{rowspan:0,colspan:0}}}}var _default2=(0,_vue.defineComponent)({name:"VxeTableFooter",props:{footerTableData:{type:Array,default:function(){return[]}},tableColumn:{type:Array,default:function(){return[]}},fixedColumn:{type:Array,default:function(){return[]}},fixedType:{type:String,default:null}},setup:function(i){function n(e){var t=i.fixedType,o=u.scrollXLoad,l=s.lastScrollLeft,r=p.value,n=f.value,a=d.value,c=n?n.$el:null,n=x.value,a=a.$el,l=(n=n.scrollLeft)!==l;s.lastScrollLeft=n,s.lastScrollTime=Date.now(),c&&(c.scrollLeft=n),a&&(a.scrollLeft=n),o&&l&&q.triggerScrollXEvent(e),l&&r&&r.reactData.visible&&r.updatePlacement(),q.dispatchEvent("scroll",{type:renderType,fixed:t,scrollTop:a.scrollTop,scrollLeft:n,isX:l,isY:!1},e)}var q=(0,_vue.inject)("$xetable",{}),a=q.xID,c=q.props,u=q.reactData,s=q.internalData,e=q.getRefMaps(),f=e.refTableHeader,d=e.refTableBody,p=e.refValidTooltip,e=q.getComputeMaps(),v=e.computeTooltipOpts,_=e.computeColumnOpts,x=(0,_vue.ref)(),m=(0,_vue.ref)(),g=(0,_vue.ref)(),y=(0,_vue.ref)(),h=(0,_vue.ref)();(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){var e=i.fixedType,t=s.elemStore,e="".concat(e||"main","-footer-");t["".concat(e,"wrapper")]=x,t["".concat(e,"table")]=m,t["".concat(e,"colgroup")]=g,t["".concat(e,"list")]=y,t["".concat(e,"xSpace")]=h})}),(0,_vue.onUnmounted)(function(){var e=i.fixedType,t=s.elemStore,e="".concat(e||"main","-footer-");t["".concat(e,"wrapper")]=null,t["".concat(e,"table")]=null,t["".concat(e,"colgroup")]=null,t["".concat(e,"list")]=null,t["".concat(e,"xSpace")]=null});return function(){var b=i.fixedType,e=i.fixedColumn,T=i.tableColumn,C=i.footerTableData,t=c.footerRowClassName,I=c.footerCellClassName,o=c.footerRowStyle,S=c.footerCellStyle,F=c.footerAlign,D=c.footerSpanMethod,L=c.align,M=c.columnKey,O=c.showFooterOverflow,l=s.visibleColumn,$=u.scrollYLoad,U=u.overflowX,r=u.scrollbarWidth,k=u.currentColumn,j=u.mergeFooterList,A=v.value,E=_.value;return b&&(T=!$&&!O||j.length&&D?l:e),(0,_vue.h)("div",{ref:x,class:["vxe-table--footer-wrapper",b?"fixed-".concat(b,"--wrapper"):"body--wrapper"],xid:a,onScroll:n},[b?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:h,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:m,class:"vxe-table--footer",xid:a,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:g},T.map(function(e,t){return(0,_vue.h)("col",{name:e.id,key:t})}).concat(r?[(0,_vue.h)("col",{name:"col_gutter"})]:[])),(0,_vue.h)("tfoot",{ref:y},C.map(function(y,h){var w=h;return(0,_vue.h)("tr",{class:["vxe-footer--row",t?_xeUtils.default.isFunction(t)?t({$table:q,_rowIndex:h,$rowIndex:w,fixed:b,type:renderType}):t:""],style:o?_xeUtils.default.isFunction(o)?o({$table:q,_rowIndex:h,$rowIndex:w,fixed:b,type:renderType}):o:null},T.map(function(t,e){var o=t.type,l=t.showFooterOverflow,r=t.footerAlign,n=t.align,a=t.footerClassName,c=A.showAll,i=t.children&&t.children.length,u=b?t.fixed!==b&&!i:t.fixed&&U,s=_xeUtils.default.isUndefined(l)||_xeUtils.default.isNull(l)?O:l,f=r||n||F||L,d="ellipsis"===s,p="title"===s,v=!0===s||"tooltip"===s,i=p||v||d,l={colid:t.id},r={},n=q.getColumnIndex(t),s=q.getVTColumnIndex(t),_={$table:q,_rowIndex:h,$rowIndex:w,column:t,columnIndex:n,$columnIndex:e,_columnIndex:s,itemIndex:s,items:y,fixed:b,type:renderType,data:C};if($&&!i&&(d=i=!0),(p||v||c)&&(r.onMouseenter=function(e){p?(0,_dom.updateCellTitle)(e.currentTarget,t):(v||c)&&q.triggerFooterTooltipEvent(e,_)}),(v||c)&&(r.onMouseleave=function(e){(v||c)&&q.handleTargetLeaveEvent(e)}),r.onClick=function(e){q.dispatchEvent("footer-cell-click",Object.assign({cell:e.currentTarget},_),e)},r.onDblclick=function(e){q.dispatchEvent("footer-cell-dblclick",Object.assign({cell:e.currentTarget},_),e)},j.length){var x=mergeFooterMethod(j,h,s);if(x){var m=x.rowspan,g=x.colspan;if(!m||!g)return null;1<m&&(l.rowspan=m),1<g&&(l.colspan=g)}}else if(D){var s=D(_)||{},x=s.rowspan,m=void 0===x?1:x,s=s.colspan,g=void 0===s?1:s;if(!m||!g)return null;1<m&&(l.rowspan=m),1<g&&(l.colspan=g)}return(0,_vue.h)("td",__assign(__assign(__assign(__assign({class:["vxe-footer--column",t.id,((g={})["col--".concat(f)]=f,g["col--".concat(o)]=o,g["col--last"]=e===T.length-1,g["fixed--hidden"]=u,g["col--ellipsis"]=i,g["col--current"]=k===t,g),(0,_dom.getPropClass)(a,_),(0,_dom.getPropClass)(I,_)]},l),{style:S?_xeUtils.default.isFunction(S)?S(_):S:null}),r),{key:M||E.useKey?t.id:e}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":p,"c--tooltip":v,"c--ellipsis":d}]},t.renderFooter(_))])}).concat(r?[(0,_vue.h)("td",{class:"vxe-footer--gutter col--gutter"})]:[]))}))])])}}});exports.default=_default2;
|
|
@@ -15,6 +15,8 @@ var _vXETable = require("../../v-x-e-table");
|
|
|
15
15
|
|
|
16
16
|
var _utils = require("../../tools/utils");
|
|
17
17
|
|
|
18
|
+
var _vn = require("../../tools/vn");
|
|
19
|
+
|
|
18
20
|
var _render = require("./render");
|
|
19
21
|
|
|
20
22
|
var _util = require("./util");
|
|
@@ -129,7 +131,7 @@ var VxeFormConfigItem = (0, _vue.defineComponent)({
|
|
|
129
131
|
});
|
|
130
132
|
});
|
|
131
133
|
return childVNs.length ? (0, _vue.h)('div', {
|
|
132
|
-
class: ['vxe-form--gather vxe-row', item.id, span ? "vxe-col--"
|
|
134
|
+
class: ['vxe-form--gather vxe-row', item.id, span ? "vxe-col--".concat(span, " is--span") : '', className ? _xeUtils.default.isFunction(className) ? className(params) : className : '']
|
|
133
135
|
}, childVNs) : (0, _vue.createCommentVNode)();
|
|
134
136
|
}
|
|
135
137
|
|
|
@@ -138,7 +140,7 @@ var VxeFormConfigItem = (0, _vue.defineComponent)({
|
|
|
138
140
|
if (defaultSlot) {
|
|
139
141
|
contentVNs = $xeform.callSlot(defaultSlot, params);
|
|
140
142
|
} else if (compConf && compConf.renderItemContent) {
|
|
141
|
-
contentVNs = compConf.renderItemContent(itemRender, params);
|
|
143
|
+
contentVNs = (0, _vn.getSlotVNs)(compConf.renderItemContent(itemRender, params));
|
|
142
144
|
} else if (field) {
|
|
143
145
|
contentVNs = [_xeUtils.default.toValueString(_xeUtils.default.get(data, field))];
|
|
144
146
|
}
|
|
@@ -158,7 +160,7 @@ var VxeFormConfigItem = (0, _vue.defineComponent)({
|
|
|
158
160
|
contentVNs.push((0, _vue.h)('div', {
|
|
159
161
|
class: 'vxe-form--item-valid',
|
|
160
162
|
style: errRule.maxWidth ? {
|
|
161
|
-
width: errRule.maxWidth
|
|
163
|
+
width: "".concat(errRule.maxWidth, "px")
|
|
162
164
|
} : null
|
|
163
165
|
}, errRule.content));
|
|
164
166
|
}
|
|
@@ -170,7 +172,7 @@ var VxeFormConfigItem = (0, _vue.defineComponent)({
|
|
|
170
172
|
onMouseleave: $xeform.handleTitleTipLeaveEvent
|
|
171
173
|
} : {};
|
|
172
174
|
return (0, _vue.h)('div', {
|
|
173
|
-
class: ['vxe-form--item', item.id, span ? "vxe-col--"
|
|
175
|
+
class: ['vxe-form--item', item.id, span ? "vxe-col--".concat(span, " is--span") : '', className ? _xeUtils.default.isFunction(className) ? className(params) : className : '', itemClassName ? _xeUtils.default.isFunction(itemClassName) ? itemClassName(params) : itemClassName : '', {
|
|
174
176
|
'is--title': title,
|
|
175
177
|
'is--colon': titleColon,
|
|
176
178
|
'is--asterisk': titleAsterisk,
|
|
@@ -184,15 +186,15 @@ var VxeFormConfigItem = (0, _vue.defineComponent)({
|
|
|
184
186
|
}, [(0, _vue.h)('div', {
|
|
185
187
|
class: 'vxe-form--item-inner'
|
|
186
188
|
}, [title || titleSlot ? (0, _vue.h)('div', __assign({
|
|
187
|
-
class: ['vxe-form--item-title', titleAlign ? "align--"
|
|
189
|
+
class: ['vxe-form--item-title', titleAlign ? "align--".concat(titleAlign) : null, {
|
|
188
190
|
'is--ellipsis': hasEllipsis
|
|
189
191
|
}],
|
|
190
192
|
style: titleWidth ? {
|
|
191
|
-
width: isNaN(titleWidth) ? titleWidth : titleWidth
|
|
193
|
+
width: isNaN(titleWidth) ? titleWidth : "".concat(titleWidth, "px")
|
|
192
194
|
} : null,
|
|
193
195
|
title: showTitle ? (0, _utils.getFuncText)(title) : null
|
|
194
196
|
}, ons), (0, _render.renderTitle)($xeform, item)) : null, (0, _vue.h)('div', {
|
|
195
|
-
class: ['vxe-form--item-content', align ? "align--"
|
|
197
|
+
class: ['vxe-form--item-content', align ? "align--".concat(align) : null]
|
|
196
198
|
}, contentVNs)])]);
|
|
197
199
|
};
|
|
198
200
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_render=require("./render"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,i=1,l=arguments.length;i<l;i++)for(var n in t=arguments[i])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},VxeFormConfigItem=(0,_vue.defineComponent)({name:"VxeFormConfigItem",props:{itemConfig2:Object,itemConfig:Object},setup:function(w){var A=(0,_vue.inject)("$xeform",{}),e={itemConfig:w.itemConfig};(0,_vue.provide)("$xeformiteminfo",e),(0,_vue.provide)("$xeformgather",null);return{renderVN:function(){var e=A.reactData,t=A.props,i=t.data,l=t.rules,n=t.span,r=t.align,o=t.titleAlign,s=t.titleWidth,u=t.titleColon,a=t.titleAsterisk,f=t.titleOverflow,d=A.getComputeMaps().computeValidOpts,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_vn=require("../../tools/vn"),_render=require("./render"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,i=1,l=arguments.length;i<l;i++)for(var n in t=arguments[i])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},VxeFormConfigItem=(0,_vue.defineComponent)({name:"VxeFormConfigItem",props:{itemConfig2:Object,itemConfig:Object},setup:function(w){var A=(0,_vue.inject)("$xeform",{}),e={itemConfig:w.itemConfig};(0,_vue.provide)("$xeformiteminfo",e),(0,_vue.provide)("$xeformgather",null);return{renderVN:function(){var e=A.reactData,t=A.props,i=t.data,l=t.rules,n=t.span,r=t.align,o=t.titleAlign,s=t.titleWidth,u=t.titleColon,a=t.titleAsterisk,f=t.titleOverflow,d=A.getComputeMaps().computeValidOpts,c=w.itemConfig,v=e.collapseAll,_=d.value,m=c.slots,g=c.title,x=c.visible,p=c.folding,h=c.field,C=c.collapseNode,N=c.itemRender,q=c.showError,U=c.errRule,O=c.className,b=c.titleOverflow,F=c.children,V=(0,_utils.isEnableConf)(N)?_vXETable.VXETable.renderer.get(N.name):null,t=V?V.itemClassName:"",e=m?m.default:null,d=m?m.title:null,m=c.span||n,n=c.align||r,r=_xeUtils.default.eqNull(c.titleAlign)?o:c.titleAlign,o=_xeUtils.default.eqNull(c.titleWidth)?s:c.titleWidth,s=_xeUtils.default.eqNull(c.titleColon)?u:c.titleColon,u=_xeUtils.default.eqNull(c.titleAsterisk)?a:c.titleAsterisk,a=_xeUtils.default.isUndefined(b)||_xeUtils.default.isNull(b)?f:b,f="title"===a,b=!0===a||"tooltip"===a,a=f||b||"ellipsis"===a,y={data:i,field:h,property:h,item:c,$form:A};if(!1===x)return(0,_vue.createCommentVNode)();x=!1;if(!l||(l=l[h])&&(x=l.some(function(e){return e.required})),F&&0<F.length){var T=F.map(function(e,t){return(0,_vue.h)(VxeFormConfigItem,{key:t,itemConfig:e})});return T.length?(0,_vue.h)("div",{class:["vxe-form--gather vxe-row",c.id,m?"vxe-col--".concat(m," is--span"):"",O?_xeUtils.default.isFunction(O)?O(y):O:""]},T):(0,_vue.createCommentVNode)()}T=[];e?T=A.callSlot(e,y):V&&V.renderItemContent?T=(0,_vn.getSlotVNs)(V.renderItemContent(N,y)):h&&(T=[_xeUtils.default.toValueString(_xeUtils.default.get(i,h))]),C&&T.push((0,_vue.h)("div",{class:"vxe-form--item-trigger-node",onClick:A.toggleCollapseEvent},[(0,_vue.h)("span",{class:"vxe-form--item-trigger-text"},v?_conf.default.i18n("vxe.form.unfolding"):_conf.default.i18n("vxe.form.folding")),(0,_vue.h)("i",{class:["vxe-form--item-trigger-icon",v?_conf.default.icon.FORM_FOLDING:_conf.default.icon.FORM_UNFOLDING]})])),U&&_.showMessage&&T.push((0,_vue.h)("div",{class:"vxe-form--item-valid",style:U.maxWidth?{width:"".concat(U.maxWidth,"px")}:null},U.content));b=b?{onMouseenter:function(e){A.triggerTitleTipEvent(e,y)},onMouseleave:A.handleTitleTipLeaveEvent}:{};return(0,_vue.h)("div",{class:["vxe-form--item",c.id,m?"vxe-col--".concat(m," is--span"):"",O?_xeUtils.default.isFunction(O)?O(y):O:"",t?_xeUtils.default.isFunction(t)?t(y):t:"",{"is--title":g,"is--colon":s,"is--asterisk":u,"is--required":x,"is--hidden":p&&v,"is--active":(0,_util.isActivetem)(A,c),"is--error":q}],itemConfig:c,key:c.id},[(0,_vue.h)("div",{class:"vxe-form--item-inner"},[g||d?(0,_vue.h)("div",__assign({class:["vxe-form--item-title",r?"align--".concat(r):null,{"is--ellipsis":a}],style:o?{width:isNaN(o)?o:"".concat(o,"px")}:null,title:f?(0,_utils.getFuncText)(g):null},b),(0,_render.renderTitle)(A,c)):null,(0,_vue.h)("div",{class:["vxe-form--item-content",n?"align--".concat(n):null]},T)])])}}},render:function(){return this.renderVN()}}),_default=VxeFormConfigItem;exports.default=_default;
|
|
@@ -15,6 +15,8 @@ var _vXETable = require("../../v-x-e-table");
|
|
|
15
15
|
|
|
16
16
|
var _utils = require("../../tools/utils");
|
|
17
17
|
|
|
18
|
+
var _vn = require("../../tools/vn");
|
|
19
|
+
|
|
18
20
|
var _util = require("./util");
|
|
19
21
|
|
|
20
22
|
var _render = require("./render");
|
|
@@ -161,9 +163,9 @@ var _default = (0, _vue.defineComponent)({
|
|
|
161
163
|
if (defaultSlot) {
|
|
162
164
|
contentVNs = $xeform.callSlot(defaultSlot, params);
|
|
163
165
|
} else if (compConf && compConf.renderItemContent) {
|
|
164
|
-
contentVNs = compConf.renderItemContent(itemRender, params);
|
|
166
|
+
contentVNs = (0, _vn.getSlotVNs)(compConf.renderItemContent(itemRender, params));
|
|
165
167
|
} else if (field) {
|
|
166
|
-
contentVNs = [""
|
|
168
|
+
contentVNs = ["".concat(_xeUtils.default.get(data, field))];
|
|
167
169
|
}
|
|
168
170
|
|
|
169
171
|
if (collapseNode) {
|
|
@@ -181,7 +183,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
181
183
|
contentVNs.push((0, _vue.h)('div', {
|
|
182
184
|
class: 'vxe-form--item-valid',
|
|
183
185
|
style: errRule.maxWidth ? {
|
|
184
|
-
width: errRule.maxWidth
|
|
186
|
+
width: "".concat(errRule.maxWidth, "px")
|
|
185
187
|
} : null
|
|
186
188
|
}, errRule.message));
|
|
187
189
|
}
|
|
@@ -194,7 +196,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
194
196
|
} : {};
|
|
195
197
|
return (0, _vue.h)('div', {
|
|
196
198
|
ref: refElem,
|
|
197
|
-
class: ['vxe-form--item', item.id, span ? "vxe-col--"
|
|
199
|
+
class: ['vxe-form--item', item.id, span ? "vxe-col--".concat(span, " is--span") : '', className ? _xeUtils.default.isFunction(className) ? className(params) : className : '', itemClassName ? _xeUtils.default.isFunction(itemClassName) ? itemClassName(params) : itemClassName : '', {
|
|
198
200
|
'is--title': title,
|
|
199
201
|
'is--required': isRequired,
|
|
200
202
|
'is--hidden': folding && collapseAll,
|
|
@@ -204,15 +206,15 @@ var _default = (0, _vue.defineComponent)({
|
|
|
204
206
|
}, [(0, _vue.h)('div', {
|
|
205
207
|
class: 'vxe-form--item-inner'
|
|
206
208
|
}, [title || titleSlot ? (0, _vue.h)('div', __assign({
|
|
207
|
-
class: ['vxe-form--item-title', titleAlign ? "align--"
|
|
209
|
+
class: ['vxe-form--item-title', titleAlign ? "align--".concat(titleAlign) : null, {
|
|
208
210
|
'is--ellipsis': hasEllipsis
|
|
209
211
|
}],
|
|
210
212
|
style: titleWidth ? {
|
|
211
|
-
width: isNaN(titleWidth) ? titleWidth : titleWidth
|
|
213
|
+
width: isNaN(titleWidth) ? titleWidth : "".concat(titleWidth, "px")
|
|
212
214
|
} : null,
|
|
213
215
|
title: showTitle ? (0, _utils.getFuncText)(title) : null
|
|
214
216
|
}, ons), (0, _render.renderTitle)($xeform, item)) : null, (0, _vue.h)('div', {
|
|
215
|
-
class: ['vxe-form--item-content', align ? "align--"
|
|
217
|
+
class: ['vxe-form--item-content', align ? "align--".concat(align) : null]
|
|
216
218
|
}, contentVNs)])]);
|
|
217
219
|
};
|
|
218
220
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.formItemProps=exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_util=require("./util"),_render=require("./render");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,i=1,l=arguments.length;i<l;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},formItemProps={title:String,field:String,span:[String,Number],align:String,titleAlign:String,titleWidth:[String,Number],titleColon:{type:Boolean,default:null},titleAsterisk:{type:Boolean,default:null},className:[String,Function],titleOverflow:{type:[Boolean,String],default:null},titlePrefix:Object,titleSuffix:Object,resetValue:{default:null},visibleMethod:Function,visible:{type:Boolean,default:null},folding:Boolean,collapseNode:Boolean,itemRender:Object};exports.formItemProps=formItemProps;var _default=(0,_vue.defineComponent)({name:"VxeFormItem",props:formItemProps,setup:function(e,t){var i=t.slots,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.formItemProps=exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_vn=require("../../tools/vn"),_util=require("./util"),_render=require("./render");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,i=1,l=arguments.length;i<l;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},formItemProps={title:String,field:String,span:[String,Number],align:String,titleAlign:String,titleWidth:[String,Number],titleColon:{type:Boolean,default:null},titleAsterisk:{type:Boolean,default:null},className:[String,Function],titleOverflow:{type:[Boolean,String],default:null},titlePrefix:Object,titleSuffix:Object,resetValue:{default:null},visibleMethod:Function,visible:{type:Boolean,default:null},folding:Boolean,collapseNode:Boolean,itemRender:Object};exports.formItemProps=formItemProps;var _default=(0,_vue.defineComponent)({name:"VxeFormItem",props:formItemProps,setup:function(e,t){var i=t.slots,M=(0,_vue.ref)(),l=(0,_vue.inject)("$xeform",{}),r=(0,_vue.inject)("$xeformgather",null),n=(0,_vue.reactive)((0,_util.createItem)(l,e)),o={formItem:n},t={itemConfig:n};n.slots=i,(0,_vue.provide)("$xeformiteminfo",t),(0,_vue.provide)("$xeformitem",o),(0,_vue.provide)("$xeformgather",null),(0,_util.watchItem)(e,n),(0,_vue.onMounted)(function(){(0,_util.assemItem)(l,M.value,n,r)}),(0,_vue.onUnmounted)(function(){(0,_util.destroyItem)(l,n)});return{renderVN:function(){var e=l?l.props:null;return e&&e.customLayout?function(t,e){var i=t.props,l=t.reactData,r=i.data,n=i.rules,o=i.titleOverflow,u=l.collapseAll,s=t.getComputeMaps().computeValidOpts.value,a=e.slots,f=e.title,d=e.visible,v=e.folding,c=e.field,m=e.collapseNode,_=e.itemRender,p=e.showError,g=e.errRule,x=e.className,h=e.titleOverflow,b=(0,_utils.isEnableConf)(_)?_vXETable.VXETable.renderer.get(_.name):null,N=b?b.itemClassName:"",I=a?a.default:null,O=a?a.title:null,q=e.span||i.span,y=e.align||i.align,C=e.titleAlign||i.titleAlign,l=e.titleWidth||i.titleWidth,a=_xeUtils.default.isUndefined(h)||_xeUtils.default.isNull(h)?o:h,i="title"===a,o=!0===a||"tooltip"===a,h=i||o||"ellipsis"===a,S={data:r,field:c,property:c,item:e,$form:t},a=!1;if(!1===d)return(0,_vue.createCommentVNode)();!n||(F=n[c])&&(a=F.some(function(e){return e.required}));var F=[];I?F=t.callSlot(I,S):b&&b.renderItemContent?F=(0,_vn.getSlotVNs)(b.renderItemContent(_,S)):c&&(F=["".concat(_xeUtils.default.get(r,c))]),m&&F.push((0,_vue.h)("div",{class:"vxe-form--item-trigger-node",onClick:t.toggleCollapseEvent},[(0,_vue.h)("span",{class:"vxe-form--item-trigger-text"},u?_conf.default.i18n("vxe.form.unfolding"):_conf.default.i18n("vxe.form.folding")),(0,_vue.h)("i",{class:["vxe-form--item-trigger-icon",u?_conf.default.icon.FORM_FOLDING:_conf.default.icon.FORM_UNFOLDING]})])),g&&s.showMessage&&F.push((0,_vue.h)("div",{class:"vxe-form--item-valid",style:g.maxWidth?{width:"".concat(g.maxWidth,"px")}:null},g.message));o=o?{onMouseenter:function(e){t.triggerTitleTipEvent(e,S)},onMouseleave:t.handleTitleTipLeaveEvent}:{};return(0,_vue.h)("div",{ref:M,class:["vxe-form--item",e.id,q?"vxe-col--".concat(q," is--span"):"",x?_xeUtils.default.isFunction(x)?x(S):x:"",N?_xeUtils.default.isFunction(N)?N(S):N:"",{"is--title":f,"is--required":a,"is--hidden":v&&u,"is--active":(0,_util.isActivetem)(t,e),"is--error":p}]},[(0,_vue.h)("div",{class:"vxe-form--item-inner"},[f||O?(0,_vue.h)("div",__assign({class:["vxe-form--item-title",C?"align--".concat(C):null,{"is--ellipsis":h}],style:l?{width:isNaN(l)?l:"".concat(l,"px")}:null,title:i?(0,_utils.getFuncText)(f):null},o),(0,_render.renderTitle)(t,e)):null,(0,_vue.h)("div",{class:["vxe-form--item-content",y?"align--".concat(y):null]},F)])])}(l,n):(0,_vue.h)("div",{ref:M})}}},render:function(){return this.renderVN()}});exports.default=_default;
|
package/lib/form/src/form.js
CHANGED
|
@@ -27,6 +27,8 @@ var _formConfigItem = _interopRequireDefault(require("./form-config-item"));
|
|
|
27
27
|
|
|
28
28
|
var _index = _interopRequireDefault(require("../../loading/index"));
|
|
29
29
|
|
|
30
|
+
var _vn = require("../../tools/vn");
|
|
31
|
+
|
|
30
32
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
33
|
|
|
32
34
|
var __assign = void 0 && (void 0).__assign || function () {
|
|
@@ -173,6 +175,7 @@ var _default2 = (0, _vue.defineComponent)({
|
|
|
173
175
|
default: null
|
|
174
176
|
},
|
|
175
177
|
className: [String, Function],
|
|
178
|
+
readonly: Boolean,
|
|
176
179
|
items: Array,
|
|
177
180
|
rules: Object,
|
|
178
181
|
preventSubmit: {
|
|
@@ -248,7 +251,7 @@ var _default2 = (0, _vue.defineComponent)({
|
|
|
248
251
|
}
|
|
249
252
|
|
|
250
253
|
if (_xeUtils.default.isFunction(slotFunc)) {
|
|
251
|
-
return slotFunc(params);
|
|
254
|
+
return (0, _vn.getSlotVNs)(slotFunc(params));
|
|
252
255
|
}
|
|
253
256
|
}
|
|
254
257
|
|
|
@@ -367,7 +370,7 @@ var _default2 = (0, _vue.defineComponent)({
|
|
|
367
370
|
$form: $xeform
|
|
368
371
|
});
|
|
369
372
|
} else if (field) {
|
|
370
|
-
_xeUtils.default.set(data, field, resetValue === null ? getResetValue(_xeUtils.default.get(data, field), undefined) : resetValue);
|
|
373
|
+
_xeUtils.default.set(data, field, resetValue === null ? getResetValue(_xeUtils.default.get(data, field), undefined) : _xeUtils.default.clone(resetValue, true));
|
|
371
374
|
}
|
|
372
375
|
}
|
|
373
376
|
});
|
|
@@ -397,17 +400,17 @@ var _default2 = (0, _vue.defineComponent)({
|
|
|
397
400
|
var inputElem = null; // 定位到第一个
|
|
398
401
|
|
|
399
402
|
if (!index) {
|
|
400
|
-
(0, _dom.scrollToView)(el.querySelector("."
|
|
403
|
+
(0, _dom.scrollToView)(el.querySelector(".".concat(item.id)));
|
|
401
404
|
} // 如果指定了聚焦 class
|
|
402
405
|
|
|
403
406
|
|
|
404
407
|
if (itemRender.autofocus) {
|
|
405
|
-
inputElem = el.querySelector("."
|
|
408
|
+
inputElem = el.querySelector(".".concat(item.id, " ").concat(itemRender.autofocus));
|
|
406
409
|
} // 渲染器的聚焦处理
|
|
407
410
|
|
|
408
411
|
|
|
409
412
|
if (!inputElem && compConf && compConf.autofocus) {
|
|
410
|
-
inputElem = el.querySelector("."
|
|
413
|
+
inputElem = el.querySelector(".".concat(item.id, " ").concat(compConf.autofocus));
|
|
411
414
|
}
|
|
412
415
|
|
|
413
416
|
if (inputElem) {
|
|
@@ -776,7 +779,7 @@ var _default2 = (0, _vue.defineComponent)({
|
|
|
776
779
|
items: formItems,
|
|
777
780
|
data: data,
|
|
778
781
|
$form: $xeform
|
|
779
|
-
}) : className : '', (_a = {}, _a["size--"
|
|
782
|
+
}) : className : '', (_a = {}, _a["size--".concat(vSize)] = vSize, _a['is--loading'] = loading, _a)],
|
|
780
783
|
onSubmit: submitEvent,
|
|
781
784
|
onReset: resetEvent
|
|
782
785
|
}, [(0, _vue.h)('div', {
|
package/lib/form/src/form.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_log=require("../../tools/log"),_dom=require("../../tools/dom"),_util=require("./util"),_size=require("../../hooks/size"),_formConfigItem=_interopRequireDefault(require("./form-config-item")),_index=_interopRequireDefault(require("../../loading/index"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},Rule=function(){function e(e){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 Object.defineProperty(e.prototype,"content",{get:function(){return(0,_utils.getFuncText)(this.$options.content||this.$options.message)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"message",{get:function(){return this.content},enumerable:!1,configurable:!0}),e}(),validErrorRuleValue=function(e,t){var n=e.type,r=e.min,i=e.max,u=e.pattern,e="number"===n,n=e?_xeUtils.default.toNumber(t):_xeUtils.default.getSize(t);return!(!e||!isNaN(t))||(!_xeUtils.default.eqNull(r)&&n<_xeUtils.default.toNumber(r)||(!_xeUtils.default.eqNull(i)&&n>_xeUtils.default.toNumber(i)||!(!u||(_xeUtils.default.isRegExp(u)?u:new RegExp(u)).test(t))))};function getResetValue(e,t){return t=_xeUtils.default.isArray(e)?[]:t}var _default2=(0,_vue.defineComponent)({name:"VxeForm",props:{collapseStatus:{type:Boolean,default:!0},loading:Boolean,data:Object,size:{type:String,default:function(){return _conf.default.form.size||_conf.default.size}},span:{type:[String,Number],default:function(){return _conf.default.form.span}},align:{type:String,default:function(){return _conf.default.form.align}},titleAlign:{type:String,default:function(){return _conf.default.form.titleAlign}},titleWidth:{type:[String,Number],default:function(){return _conf.default.form.titleWidth}},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,tooltipConfig:Object,customLayout:{type:Boolean,default:function(){return _conf.default.form.customLayout}}},emits:["update:collapseStatus","collapse","toggle-collapse","submit","submit-invalid","reset"],setup:function(d,e){function t(e){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)||m[e]||(0,_log.errLog)("vxe.error.notSlot",[e])})}),v.staticItems=_xeUtils.default.mapTree(e,function(e){return(0,_util.createItem)(R,e)},{children:"children"})),(0,_vue.nextTick)()}function n(){return v.collapseAll}function r(){var e=!n();return v.collapseAll=e,u("update:collapseStatus",e),(0,_vue.nextTick)()}function a(e){e.preventDefault(),O(),x.dispatchEvent("reset",{data:d.data},e)}function s(t){t.preventDefault(),d.preventSubmit||(q(),I(S()).then(function(e){e?x.dispatchEvent("submit-invalid",{data:d.data,errMap:e},t):x.dispatchEvent("submit",{data:d.data},t)}))}function o(){var e=_.tooltipStore,t=h.value;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t&&t.close()),(0,_vue.nextTick)()}function i(e,n,t){return n?C(e?["blur"].includes(e.type)?"blur":"change":"all",n,t).then(function(){q(n)}).catch(function(e){var t=e.rule,e=U(n);e&&(e.showError=!0,e.errRule=t)}):(0,_vue.nextTick)()}var f,c=_vXETable.VXETable.tooltip,m=e.slots,u=e.emit,l=_xeUtils.default.uniqueId(),p=(0,_size.useSize)(d),v=(0,_vue.reactive)({collapseAll:d.collapseStatus,staticItems:[],formItems:[]}),_=(0,_vue.reactive)({tooltipTimeout:null,tooltipStore:{item:null,visible:!1}}),g=(0,_vue.ref)(),h=(0,_vue.ref)(),x={},b=(0,_vue.computed)(function(){return Object.assign({},_conf.default.form.validConfig,d.validConfig)}),y=(0,_vue.computed)(function(){return Object.assign({},_conf.default.tooltip,_conf.default.form.tooltipConfig,d.tooltipConfig)}),E={refElem:g},T={computeSize:p,computeValidOpts:b,computeTooltipOpts:y},R={xID:l,props:d,context:e,reactData:v,getRefMaps:function(){return E},getComputeMaps:function(){return T}},S=function(){var t=[];return _xeUtils.default.eachTree(v.formItems,function(e){t.push(e)},{children:"children"}),t},U=function(t){var e=_xeUtils.default.findTree(v.formItems,function(e){return e.field===t},{children:"children"});return e?e.item:null},q=function(e){return e?(e=(0,_util.handleFieldOrItem)(R,e))&&(e.showError=!1):S().forEach(function(e){e.showError=!1}),(0,_vue.nextTick)()},O=function(){var i=d.data,e=S();return i&&e.forEach(function(e){var t=e.field,n=e.resetValue,r=e.itemRender;(0,_utils.isEnableConf)(r)&&((r=_vXETable.VXETable.renderer.get(r.name))&&r.itemResetMethod?r.itemResetMethod({data:i,field:t,property:t,item:e,$form:R}):t&&_xeUtils.default.set(i,t,null===n?getResetValue(_xeUtils.default.get(i,t),void 0):n))}),q()},w=function(e){var u=g.value;e.some(function(e,t){var n=U(e);if(n&&(0,_utils.isEnableConf)(n.itemRender)){var r=n.itemRender,i=_vXETable.VXETable.renderer.get(r.name),e=null;if(t||(0,_dom.scrollToView)(u.querySelector("."+n.id)),e=!(e=r.autofocus?u.querySelector("."+n.id+" "+r.autofocus):e)&&i&&i.autofocus?u.querySelector("."+n.id+" "+i.autofocus):e)return e.focus(),!0}})},C=function(u,o,e){var l,a,s=d.data,t=d.rules,f=[],c=[];return o&&t&&((l=_xeUtils.default.get(t,o))&&(a=_xeUtils.default.isUndefined(e)?_xeUtils.default.get(s,o):e,l.forEach(function(t){var e,n=t.type,r=t.trigger,i=t.required;"all"!==u&&r&&u!==r||(_xeUtils.default.isFunction(t.validator)?(e=t.validator({itemValue:a,rule:t,rules:l,data:s,field:o,property:o,$form:R}))&&(_xeUtils.default.isError(e)?f.push(new Rule({type:"custom",trigger:r,content:e.message,rule:new Rule(t)})):e.catch&&c.push(e.catch(function(e){f.push(new Rule({type:"custom",trigger:r,content:e?e.message:t.content||t.message,rule:new Rule(t)}))}))):(n="array"===n||_xeUtils.default.isArray(a)?!_xeUtils.default.isArray(a)||!a.length:(0,_utils.eqEmptyValue)(a),(i?n||validErrorRuleValue(t,a):!n&&validErrorRuleValue(t,a))&&f.push(new Rule(t))))}))),Promise.all(c).then(function(){if(f.length){var e={rules:f,rule:f[0]};return Promise.reject(e)}})},I=function(t,e,n){var i=d.data,r=d.rules,u=b.value,o={},l=[],a=[];return clearTimeout(f),i&&r?(t.forEach(function(n){var r=n.field;r&&!(0,_util.isHiddenItem)(R,n)&&(0,_util.isActivetem)(R,n)&&a.push(C(e||"all",r).then(function(){n.errRule=null}).catch(function(e){var t=e.rule,e={rule:t,rules:e.rules,data:i,field:r,property:r,$form:R};return o[r]||(o[r]=[]),o[r].push(e),l.push(r),n.errRule=t,Promise.reject(e)}))}),Promise.all(a).then(function(){n&&n()}).catch(function(){return new Promise(function(e){f=window.setTimeout(function(){t.forEach(function(e){e.errRule&&(e.showError=!0)})},20),!1!==u.autoPos&&(0,_vue.nextTick)(function(){w(l)}),n?(n(o),e()):e(o)})})):(n&&n(),Promise.resolve())},x={dispatchEvent:function(e,t,n){u(e,Object.assign({$form:R,$event:n},t))},reset:O,validate:function(e){return q(),I(S(),"",e)},validateField:function(e,t){e=(0,_util.handleFieldOrItem)(R,e);return I(e?[e]:[],"",t)},clearValidate:q,updateStatus:function(e,t){e=e.field;return i(new Event("change"),e,t)},toggleCollapse:r,getItems:S,getItemByField:U,closeTooltip:o},e={callSlot:function(e,t){return e&&(_xeUtils.default.isString(e)&&(e=m[e]||null),_xeUtils.default.isFunction(e))?e(t):[]},triggerItemEvent:i,toggleCollapseEvent:function(e){r();var t=n();x.dispatchEvent("toggle-collapse",{status:t,collapse:t,data:d.data},e),x.dispatchEvent("collapse",{status:t,collapse:t,data:d.data},e)},triggerTitleTipEvent:function(e,t){var n=t.item,r=_.tooltipStore,i=h.value,u=e.currentTarget.children[0],t=(u.textContent||"").trim(),e=u.scrollWidth>u.clientWidth;clearTimeout(_.tooltipTimeout),r.item!==n&&o(),t&&e&&(Object.assign(r,{item:n,visible:!0}),i&&i.open(u,t))},handleTitleTipLeaveEvent:function(){var e=y.value,t=h.value;t&&t.setActived(!1),e.enterable?_.tooltipTimeout=setTimeout(function(){(t=h.value)&&!t.isActived()&&o()},e.leaveDelay):o()}};Object.assign(R,x,e),(0,_vue.watch)(function(){return v.staticItems},function(e){v.formItems=e}),(0,_vue.watch)(function(){return d.items},function(e){t(e||[])}),(0,_vue.watch)(function(){return d.collapseStatus},function(e){v.collapseAll=!!e}),(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){"development"===process.env.NODE_ENV&&d.customLayout&&d.items&&(0,_log.errLog)("vxe.error.errConflicts",["custom-layout","items"]),t(d.items||[])})});return R.renderVN=function(){var e=d.loading,t=d.className,n=d.data,r=d.customLayout,i=v.formItems,u=p.value,o=y.value,l=m.default;return(0,_vue.h)("form",{ref:g,class:["vxe-form",t?_xeUtils.default.isFunction(t)?t({items:i,data:n,$form:R}):t:"",((t={})["size--"+u]=u,t["is--loading"]=e,t)],onSubmit:s,onReset:a},[(0,_vue.h)("div",{class:"vxe-form--wrapper vxe-row"},r?l?l({}):[]:i.map(function(e,t){return(0,_vue.h)(_formConfigItem.default,{key:t,itemConfig2:e,itemConfig:e})})),(0,_vue.h)("div",{class:"vxe-form-slots",ref:"hideItem"},!r&&l?l({}):[]),(0,_vue.h)(_index.default,{class:"vxe-form--loading",loading:e}),c?(0,_vue.h)((0,_vue.resolveComponent)("vxe-tooltip"),__assign({ref:h},o)):(0,_vue.createCommentVNode)()])},(0,_vue.provide)("$xeform",R),(0,_vue.provide)("$xeformgather",null),(0,_vue.provide)("$xeformitem",null),(0,_vue.provide)("$xeformiteminfo",null),R},render:function(){return this.renderVN()}});exports.default=_default2;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_log=require("../../tools/log"),_dom=require("../../tools/dom"),_util=require("./util"),_size=require("../../hooks/size"),_formConfigItem=_interopRequireDefault(require("./form-config-item")),_index=_interopRequireDefault(require("../../loading/index")),_vn=require("../../tools/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},Rule=function(){function e(e){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 Object.defineProperty(e.prototype,"content",{get:function(){return(0,_utils.getFuncText)(this.$options.content||this.$options.message)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"message",{get:function(){return this.content},enumerable:!1,configurable:!0}),e}(),validErrorRuleValue=function(e,t){var n=e.type,r=e.min,i=e.max,u=e.pattern,e="number"===n,n=e?_xeUtils.default.toNumber(t):_xeUtils.default.getSize(t);return!(!e||!isNaN(t))||(!_xeUtils.default.eqNull(r)&&n<_xeUtils.default.toNumber(r)||(!_xeUtils.default.eqNull(i)&&n>_xeUtils.default.toNumber(i)||!(!u||(_xeUtils.default.isRegExp(u)?u:new RegExp(u)).test(t))))};function getResetValue(e,t){return t=_xeUtils.default.isArray(e)?[]:t}var _default2=(0,_vue.defineComponent)({name:"VxeForm",props:{collapseStatus:{type:Boolean,default:!0},loading:Boolean,data:Object,size:{type:String,default:function(){return _conf.default.form.size||_conf.default.size}},span:{type:[String,Number],default:function(){return _conf.default.form.span}},align:{type:String,default:function(){return _conf.default.form.align}},titleAlign:{type:String,default:function(){return _conf.default.form.titleAlign}},titleWidth:{type:[String,Number],default:function(){return _conf.default.form.titleWidth}},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],readonly:Boolean,items:Array,rules:Object,preventSubmit:{type:Boolean,default:function(){return _conf.default.form.preventSubmit}},validConfig:Object,tooltipConfig:Object,customLayout:{type:Boolean,default:function(){return _conf.default.form.customLayout}}},emits:["update:collapseStatus","collapse","toggle-collapse","submit","submit-invalid","reset"],setup:function(d,e){function t(e){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)||m[e]||(0,_log.errLog)("vxe.error.notSlot",[e])})}),p.staticItems=_xeUtils.default.mapTree(e,function(e){return(0,_util.createItem)(S,e)},{children:"children"})),(0,_vue.nextTick)()}function n(){return p.collapseAll}function r(){var e=!n();return p.collapseAll=e,u("update:collapseStatus",e),(0,_vue.nextTick)()}function a(e){e.preventDefault(),O(),x.dispatchEvent("reset",{data:d.data},e)}function s(t){t.preventDefault(),d.preventSubmit||(q(),V(R()).then(function(e){e?x.dispatchEvent("submit-invalid",{data:d.data,errMap:e},t):x.dispatchEvent("submit",{data:d.data},t)}))}function o(){var e=_.tooltipStore,t=h.value;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t&&t.close()),(0,_vue.nextTick)()}function i(e,n,t){return n?C(e?["blur"].includes(e.type)?"blur":"change":"all",n,t).then(function(){q(n)}).catch(function(e){var t=e.rule,e=U(n);e&&(e.showError=!0,e.errRule=t)}):(0,_vue.nextTick)()}var c,f=_vXETable.VXETable.tooltip,m=e.slots,u=e.emit,l=_xeUtils.default.uniqueId(),v=(0,_size.useSize)(d),p=(0,_vue.reactive)({collapseAll:d.collapseStatus,staticItems:[],formItems:[]}),_=(0,_vue.reactive)({tooltipTimeout:null,tooltipStore:{item:null,visible:!1}}),g=(0,_vue.ref)(),h=(0,_vue.ref)(),x={},b=(0,_vue.computed)(function(){return Object.assign({},_conf.default.form.validConfig,d.validConfig)}),y=(0,_vue.computed)(function(){return Object.assign({},_conf.default.tooltip,_conf.default.form.tooltipConfig,d.tooltipConfig)}),E={refElem:g},T={computeSize:v,computeValidOpts:b,computeTooltipOpts:y},S={xID:l,props:d,context:e,reactData:p,getRefMaps:function(){return E},getComputeMaps:function(){return T}},R=function(){var t=[];return _xeUtils.default.eachTree(p.formItems,function(e){t.push(e)},{children:"children"}),t},U=function(t){var e=_xeUtils.default.findTree(p.formItems,function(e){return e.field===t},{children:"children"});return e?e.item:null},q=function(e){return e?(e=(0,_util.handleFieldOrItem)(S,e))&&(e.showError=!1):R().forEach(function(e){e.showError=!1}),(0,_vue.nextTick)()},O=function(){var i=d.data,e=R();return i&&e.forEach(function(e){var t=e.field,n=e.resetValue,r=e.itemRender;(0,_utils.isEnableConf)(r)&&((r=_vXETable.VXETable.renderer.get(r.name))&&r.itemResetMethod?r.itemResetMethod({data:i,field:t,property:t,item:e,$form:S}):t&&_xeUtils.default.set(i,t,null===n?getResetValue(_xeUtils.default.get(i,t),void 0):_xeUtils.default.clone(n,!0)))}),q()},w=function(e){var u=g.value;e.some(function(e,t){var n=U(e);if(n&&(0,_utils.isEnableConf)(n.itemRender)){var r=n.itemRender,i=_vXETable.VXETable.renderer.get(r.name),e=null;if(t||(0,_dom.scrollToView)(u.querySelector(".".concat(n.id))),e=!(e=r.autofocus?u.querySelector(".".concat(n.id," ").concat(r.autofocus)):e)&&i&&i.autofocus?u.querySelector(".".concat(n.id," ").concat(i.autofocus)):e)return e.focus(),!0}})},C=function(u,o,e){var l,a,s=d.data,t=d.rules,c=[],f=[];return o&&t&&((l=_xeUtils.default.get(t,o))&&(a=_xeUtils.default.isUndefined(e)?_xeUtils.default.get(s,o):e,l.forEach(function(t){var e,n=t.type,r=t.trigger,i=t.required;"all"!==u&&r&&u!==r||(_xeUtils.default.isFunction(t.validator)?(e=t.validator({itemValue:a,rule:t,rules:l,data:s,field:o,property:o,$form:S}))&&(_xeUtils.default.isError(e)?c.push(new Rule({type:"custom",trigger:r,content:e.message,rule:new Rule(t)})):e.catch&&f.push(e.catch(function(e){c.push(new Rule({type:"custom",trigger:r,content:e?e.message:t.content||t.message,rule:new Rule(t)}))}))):(n="array"===n||_xeUtils.default.isArray(a)?!_xeUtils.default.isArray(a)||!a.length:(0,_utils.eqEmptyValue)(a),(i?n||validErrorRuleValue(t,a):!n&&validErrorRuleValue(t,a))&&c.push(new Rule(t))))}))),Promise.all(f).then(function(){if(c.length){var e={rules:c,rule:c[0]};return Promise.reject(e)}})},V=function(t,e,n){var i=d.data,r=d.rules,u=b.value,o={},l=[],a=[];return clearTimeout(c),i&&r?(t.forEach(function(n){var r=n.field;r&&!(0,_util.isHiddenItem)(S,n)&&(0,_util.isActivetem)(S,n)&&a.push(C(e||"all",r).then(function(){n.errRule=null}).catch(function(e){var t=e.rule,e={rule:t,rules:e.rules,data:i,field:r,property:r,$form:S};return o[r]||(o[r]=[]),o[r].push(e),l.push(r),n.errRule=t,Promise.reject(e)}))}),Promise.all(a).then(function(){n&&n()}).catch(function(){return new Promise(function(e){c=window.setTimeout(function(){t.forEach(function(e){e.errRule&&(e.showError=!0)})},20),!1!==u.autoPos&&(0,_vue.nextTick)(function(){w(l)}),n?(n(o),e()):e(o)})})):(n&&n(),Promise.resolve())},x={dispatchEvent:function(e,t,n){u(e,Object.assign({$form:S,$event:n},t))},reset:O,validate:function(e){return q(),V(R(),"",e)},validateField:function(e,t){e=(0,_util.handleFieldOrItem)(S,e);return V(e?[e]:[],"",t)},clearValidate:q,updateStatus:function(e,t){e=e.field;return i(new Event("change"),e,t)},toggleCollapse:r,getItems:R,getItemByField:U,closeTooltip:o},e={callSlot:function(e,t){return e&&(_xeUtils.default.isString(e)&&(e=m[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[]},triggerItemEvent:i,toggleCollapseEvent:function(e){r();var t=n();x.dispatchEvent("toggle-collapse",{status:t,collapse:t,data:d.data},e),x.dispatchEvent("collapse",{status:t,collapse:t,data:d.data},e)},triggerTitleTipEvent:function(e,t){var n=t.item,r=_.tooltipStore,i=h.value,u=e.currentTarget.children[0],t=(u.textContent||"").trim(),e=u.scrollWidth>u.clientWidth;clearTimeout(_.tooltipTimeout),r.item!==n&&o(),t&&e&&(Object.assign(r,{item:n,visible:!0}),i&&i.open(u,t))},handleTitleTipLeaveEvent:function(){var e=y.value,t=h.value;t&&t.setActived(!1),e.enterable?_.tooltipTimeout=setTimeout(function(){(t=h.value)&&!t.isActived()&&o()},e.leaveDelay):o()}};Object.assign(S,x,e),(0,_vue.watch)(function(){return p.staticItems},function(e){p.formItems=e}),(0,_vue.watch)(function(){return d.items},function(e){t(e||[])}),(0,_vue.watch)(function(){return d.collapseStatus},function(e){p.collapseAll=!!e}),(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){"development"===process.env.NODE_ENV&&d.customLayout&&d.items&&(0,_log.errLog)("vxe.error.errConflicts",["custom-layout","items"]),t(d.items||[])})});return S.renderVN=function(){var e=d.loading,t=d.className,n=d.data,r=d.customLayout,i=p.formItems,u=v.value,o=y.value,l=m.default;return(0,_vue.h)("form",{ref:g,class:["vxe-form",t?_xeUtils.default.isFunction(t)?t({items:i,data:n,$form:S}):t:"",((t={})["size--".concat(u)]=u,t["is--loading"]=e,t)],onSubmit:s,onReset:a},[(0,_vue.h)("div",{class:"vxe-form--wrapper vxe-row"},r?l?l({}):[]:i.map(function(e,t){return(0,_vue.h)(_formConfigItem.default,{key:t,itemConfig2:e,itemConfig:e})})),(0,_vue.h)("div",{class:"vxe-form-slots",ref:"hideItem"},!r&&l?l({}):[]),(0,_vue.h)(_index.default,{class:"vxe-form--loading",loading:e}),f?(0,_vue.h)((0,_vue.resolveComponent)("vxe-tooltip"),__assign({ref:h},o)):(0,_vue.createCommentVNode)()])},(0,_vue.provide)("$xeform",S),(0,_vue.provide)("$xeformgather",null),(0,_vue.provide)("$xeformitem",null),(0,_vue.provide)("$xeformiteminfo",null),S},render:function(){return this.renderVN()}});exports.default=_default2;
|
package/lib/form/style/style.css
CHANGED
|
@@ -61,9 +61,6 @@
|
|
|
61
61
|
.vxe-form--item-title .vxe-form--item-title-suffix {
|
|
62
62
|
cursor: help;
|
|
63
63
|
vertical-align: middle; }
|
|
64
|
-
.vxe-form--item-title .vxe-form--item-title-prefix > i,
|
|
65
|
-
.vxe-form--item-title .vxe-form--item-title-suffix > i {
|
|
66
|
-
vertical-align: middle; }
|
|
67
64
|
.vxe-form--item-title .vxe-form--item-title-prefix {
|
|
68
65
|
margin-right: 0.25em; }
|
|
69
66
|
.vxe-form--item-title .vxe-form--item-title-suffix {
|
|
@@ -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-slots{display:none}.vxe-form--item-content,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:flex;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{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
|
|
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:flex;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{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{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:flex;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{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;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;transform-origin:center top;transform:scaleY(0);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--item.is--colon .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.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--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;transform:scaleY(1)}.vxe-form--item .vxe-form--item-inner{display:flex;flex-direction:row;align-items:center}.vxe-form--item .vxe-form--item-inner .vxe-form--item-title{flex-shrink:0}.vxe-form--item .vxe-form--item-inner .vxe-form--item-content{position:relative;flex-grow:1;word-break:break-all}.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::-moz-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::-moz-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}
|