vxe-pc-ui 3.0.5 → 3.0.7
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/drawer/src/drawer.js +5 -2
- package/es/drawer/style.css +0 -20
- package/es/drawer/style.min.css +1 -1
- package/es/icon/style.css +1 -1
- package/es/link/src/link.js +10 -0
- package/es/modal/src/modal.js +5 -2
- package/es/modal/style.css +0 -20
- package/es/modal/style.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/tabs/src/tabs.js +83 -16
- package/es/tabs/style.css +6 -1
- package/es/tabs/style.min.css +1 -1
- package/es/tag/src/tag.js +7 -0
- package/es/ui/index.js +3 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-drawer/style.css +0 -20
- package/es/vxe-drawer/style.min.css +1 -1
- package/es/vxe-modal/style.css +0 -20
- package/es/vxe-modal/style.min.css +1 -1
- package/es/vxe-tabs/style.css +6 -1
- package/es/vxe-tabs/style.min.css +1 -1
- package/helper/vetur/attributes.json +1 -1
- package/helper/vetur/tags.json +1 -1
- package/lib/drawer/src/drawer.js +8 -2
- package/lib/drawer/src/drawer.min.js +1 -1
- package/lib/drawer/style/style.css +0 -20
- package/lib/drawer/style/style.min.css +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +136 -21
- package/lib/index.umd.min.js +1 -1
- package/lib/link/src/link.js +10 -0
- package/lib/link/src/link.min.js +1 -1
- package/lib/modal/src/modal.js +8 -2
- package/lib/modal/src/modal.min.js +1 -1
- package/lib/modal/style/style.css +0 -20
- package/lib/modal/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/tabs/src/tabs.js +96 -15
- package/lib/tabs/src/tabs.min.js +1 -1
- package/lib/tabs/style/style.css +6 -1
- package/lib/tabs/style/style.min.css +1 -1
- package/lib/tag/src/tag.js +7 -0
- package/lib/tag/src/tag.min.js +1 -1
- package/lib/ui/index.js +3 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-drawer/style/style.css +0 -20
- package/lib/vxe-drawer/style/style.min.css +1 -1
- package/lib/vxe-modal/style/style.css +0 -20
- package/lib/vxe-modal/style/style.min.css +1 -1
- package/lib/vxe-tabs/style/style.css +6 -1
- package/lib/vxe-tabs/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/drawer/src/drawer.ts +5 -2
- package/packages/link/src/link.ts +12 -0
- package/packages/modal/src/modal.ts +5 -2
- package/packages/tabs/src/tabs.ts +90 -16
- package/packages/tag/src/tag.ts +9 -0
- package/packages/ui/index.ts +2 -0
- package/styles/components/drawer.scss +0 -18
- package/styles/components/modal.scss +0 -18
- package/styles/components/tabs.scss +5 -1
- package/types/components/tabs.d.ts +76 -2
- package/types/ui/global-icon.d.ts +2 -0
- package/types/ui/renderer.d.ts +1 -14
- /package/es/icon/style/{iconfont.1725977151258.ttf → iconfont.1726043455850.ttf} +0 -0
- /package/es/icon/style/{iconfont.1725977151258.woff → iconfont.1726043455850.woff} +0 -0
- /package/es/icon/style/{iconfont.1725977151258.woff2 → iconfont.1726043455850.woff2} +0 -0
- /package/es/{iconfont.1725977151258.ttf → iconfont.1726043455850.ttf} +0 -0
- /package/es/{iconfont.1725977151258.woff → iconfont.1726043455850.woff} +0 -0
- /package/es/{iconfont.1725977151258.woff2 → iconfont.1726043455850.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1725977151258.ttf → iconfont.1726043455850.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1725977151258.woff → iconfont.1726043455850.woff} +0 -0
- /package/lib/icon/style/{iconfont.1725977151258.woff2 → iconfont.1726043455850.woff2} +0 -0
- /package/lib/{iconfont.1725977151258.ttf → iconfont.1726043455850.ttf} +0 -0
- /package/lib/{iconfont.1725977151258.woff → iconfont.1726043455850.woff} +0 -0
- /package/lib/{iconfont.1725977151258.woff2 → iconfont.1726043455850.woff2} +0 -0
package/lib/tabs/src/tabs.js
CHANGED
|
@@ -9,6 +9,7 @@ var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
|
9
9
|
var _ui = require("../../ui");
|
|
10
10
|
var _vn = require("../../ui/src/vn");
|
|
11
11
|
var _dom = require("../..//ui/src/dom");
|
|
12
|
+
var _utils = require("../..//ui/src/utils");
|
|
12
13
|
var _log = require("../../ui/src/log");
|
|
13
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
15
|
var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
@@ -30,6 +31,9 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
30
31
|
},
|
|
31
32
|
trigger: String,
|
|
32
33
|
beforeChangeMethod: Function,
|
|
34
|
+
closeConfig: Object,
|
|
35
|
+
refreshConfig: Object,
|
|
36
|
+
// 已废弃
|
|
33
37
|
beforeCloseMethod: Function
|
|
34
38
|
},
|
|
35
39
|
inject: {
|
|
@@ -53,7 +57,8 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
53
57
|
lintLeft: 0,
|
|
54
58
|
lintWidth: 0,
|
|
55
59
|
isTabOver: false,
|
|
56
|
-
resizeFlag: 1
|
|
60
|
+
resizeFlag: 1,
|
|
61
|
+
cacheTabMaps: {}
|
|
57
62
|
};
|
|
58
63
|
var internalData = {
|
|
59
64
|
slTimeout: undefined
|
|
@@ -70,6 +75,16 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
70
75
|
var $xeParentTabs = $xeTabs.$xeParentTabs;
|
|
71
76
|
return $xeParentTabs ? $xeParentTabs.reactData.resizeFlag : null;
|
|
72
77
|
},
|
|
78
|
+
computeCloseOpts: function computeCloseOpts() {
|
|
79
|
+
var $xeTabs = this;
|
|
80
|
+
var props = $xeTabs;
|
|
81
|
+
return Object.assign({}, (0, _ui.getConfig)().tabs.closeConfig, props.closeConfig);
|
|
82
|
+
},
|
|
83
|
+
computeRefreshOpts: function computeRefreshOpts() {
|
|
84
|
+
var $xeTabs = this;
|
|
85
|
+
var props = $xeTabs;
|
|
86
|
+
return Object.assign({}, (0, _ui.getConfig)().tabs.refreshConfig, props.refreshConfig);
|
|
87
|
+
},
|
|
73
88
|
computeTabOptions: function computeTabOptions() {
|
|
74
89
|
var $xeTabs = this;
|
|
75
90
|
var props = $xeTabs;
|
|
@@ -207,15 +222,24 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
207
222
|
var props = $xeTabs;
|
|
208
223
|
var reactData = $xeTabs.reactData;
|
|
209
224
|
var activeName = null;
|
|
225
|
+
var nameMaps = {};
|
|
210
226
|
if (list && list.length) {
|
|
211
227
|
var validVal = false;
|
|
212
228
|
activeName = props.value;
|
|
213
229
|
list.forEach(function (item) {
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
if (
|
|
218
|
-
|
|
230
|
+
var _ref = item || {},
|
|
231
|
+
name = _ref.name,
|
|
232
|
+
preload = _ref.preload;
|
|
233
|
+
if (name) {
|
|
234
|
+
nameMaps[name] = {
|
|
235
|
+
loading: false
|
|
236
|
+
};
|
|
237
|
+
if (activeName === name) {
|
|
238
|
+
validVal = true;
|
|
239
|
+
}
|
|
240
|
+
if (preload) {
|
|
241
|
+
$xeTabs.addInitName(name, null);
|
|
242
|
+
}
|
|
219
243
|
}
|
|
220
244
|
});
|
|
221
245
|
if (!validVal) {
|
|
@@ -225,6 +249,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
225
249
|
}
|
|
226
250
|
}
|
|
227
251
|
reactData.activeName = activeName;
|
|
252
|
+
reactData.cacheTabMaps = nameMaps;
|
|
228
253
|
},
|
|
229
254
|
clickEvent: function clickEvent(evnt, item) {
|
|
230
255
|
var $xeTabs = this;
|
|
@@ -252,31 +277,61 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
252
277
|
$tabs: $xeTabs,
|
|
253
278
|
name: name,
|
|
254
279
|
oldName: activeName,
|
|
255
|
-
newName: name
|
|
280
|
+
newName: name,
|
|
281
|
+
option: item
|
|
256
282
|
})) {
|
|
257
283
|
$xeTabs.dispatchEvent('change', {
|
|
258
284
|
value: value,
|
|
259
285
|
name: name,
|
|
260
286
|
oldName: activeName,
|
|
261
|
-
newName: name
|
|
287
|
+
newName: name,
|
|
288
|
+
option: item
|
|
262
289
|
}, evnt);
|
|
263
290
|
} else {
|
|
264
291
|
$xeTabs.dispatchEvent('tab-change-fail', {
|
|
265
292
|
value: value,
|
|
266
293
|
name: name,
|
|
267
294
|
oldName: activeName,
|
|
268
|
-
newName: name
|
|
295
|
+
newName: name,
|
|
296
|
+
option: item
|
|
269
297
|
}, evnt);
|
|
270
298
|
}
|
|
271
299
|
}
|
|
272
300
|
},
|
|
301
|
+
handleRefreshTabEvent: function handleRefreshTabEvent(evnt, item) {
|
|
302
|
+
var $xeTabs = this;
|
|
303
|
+
var reactData = $xeTabs.reactData;
|
|
304
|
+
evnt.stopPropagation();
|
|
305
|
+
var activeName = reactData.activeName,
|
|
306
|
+
cacheTabMaps = reactData.cacheTabMaps;
|
|
307
|
+
var name = item.name;
|
|
308
|
+
var refreshOpts = $xeTabs.computeRefreshOpts;
|
|
309
|
+
var queryMethod = refreshOpts.queryMethod;
|
|
310
|
+
var cacheItem = name ? cacheTabMaps[name] : null;
|
|
311
|
+
if (cacheItem) {
|
|
312
|
+
if (queryMethod) {
|
|
313
|
+
cacheItem.loading = true;
|
|
314
|
+
Promise.resolve(queryMethod({
|
|
315
|
+
$tabs: $xeTabs,
|
|
316
|
+
value: activeName,
|
|
317
|
+
name: name,
|
|
318
|
+
option: item
|
|
319
|
+
})).finally(function () {
|
|
320
|
+
cacheItem.loading = false;
|
|
321
|
+
});
|
|
322
|
+
} else {
|
|
323
|
+
(0, _log.errLog)('vxe.error.notFunc', ['refresh-config.queryMethod']);
|
|
324
|
+
}
|
|
325
|
+
}
|
|
326
|
+
},
|
|
273
327
|
handleCloseTabEvent: function handleCloseTabEvent(evnt, item, index, list) {
|
|
274
328
|
var $xeTabs = this;
|
|
275
329
|
var props = $xeTabs;
|
|
276
330
|
var reactData = $xeTabs.reactData;
|
|
277
331
|
evnt.stopPropagation();
|
|
278
332
|
var activeName = reactData.activeName;
|
|
279
|
-
var
|
|
333
|
+
var closeOpts = $xeTabs.computeCloseOpts;
|
|
334
|
+
var beforeMethod = closeOpts.beforeMethod || props.beforeCloseMethod || (0, _ui.getConfig)().tabs.beforeCloseMethod;
|
|
280
335
|
var name = item.name;
|
|
281
336
|
var value = activeName;
|
|
282
337
|
var nextName = value;
|
|
@@ -288,7 +343,8 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
288
343
|
$tabs: $xeTabs,
|
|
289
344
|
value: value,
|
|
290
345
|
name: name,
|
|
291
|
-
nextName: nextName
|
|
346
|
+
nextName: nextName,
|
|
347
|
+
option: item
|
|
292
348
|
})) {
|
|
293
349
|
$xeTabs.dispatchEvent('tab-close', {
|
|
294
350
|
value: value,
|
|
@@ -433,12 +489,19 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
433
489
|
var type = props.type,
|
|
434
490
|
allTitleWidth = props.titleWidth,
|
|
435
491
|
allTitleAlign = props.titleAlign,
|
|
436
|
-
showClose = props.showClose
|
|
492
|
+
showClose = props.showClose,
|
|
493
|
+
closeConfig = props.closeConfig,
|
|
494
|
+
refreshConfig = props.refreshConfig;
|
|
437
495
|
var activeName = reactData.activeName,
|
|
438
496
|
lintLeft = reactData.lintLeft,
|
|
439
497
|
lintWidth = reactData.lintWidth,
|
|
440
|
-
isTabOver = reactData.isTabOver
|
|
498
|
+
isTabOver = reactData.isTabOver,
|
|
499
|
+
cacheTabMaps = reactData.cacheTabMaps;
|
|
441
500
|
var extraSlot = slots.extra;
|
|
501
|
+
var closeOpts = $xeTabs.computeCloseOpts;
|
|
502
|
+
var closeVisibleMethod = closeOpts.visibleMethod;
|
|
503
|
+
var refreshOpts = $xeTabs.computeRefreshOpts;
|
|
504
|
+
var refreshVisibleMethod = refreshOpts.visibleMethod;
|
|
442
505
|
return h('div', {
|
|
443
506
|
class: 'vxe-tabs-header'
|
|
444
507
|
}, [isTabOver ? h('div', {
|
|
@@ -463,10 +526,19 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
463
526
|
var tabSlot = slots ? slots.tab : null;
|
|
464
527
|
var itemWidth = titleWidth || allTitleWidth;
|
|
465
528
|
var itemAlign = titleAlign || allTitleAlign;
|
|
529
|
+
var params = {
|
|
530
|
+
$tabs: $xeTabs,
|
|
531
|
+
value: activeName,
|
|
532
|
+
name: name,
|
|
533
|
+
option: item
|
|
534
|
+
};
|
|
535
|
+
var isActive = activeName === name;
|
|
536
|
+
var cacheItem = name ? cacheTabMaps[name] : null;
|
|
537
|
+
var isLoading = cacheItem ? cacheItem.loading : false;
|
|
466
538
|
return h('div', {
|
|
467
539
|
key: "".concat(name),
|
|
468
540
|
class: ['vxe-tabs-header--item', itemAlign ? "align--".concat(itemAlign) : '', {
|
|
469
|
-
'is--active':
|
|
541
|
+
'is--active': isActive
|
|
470
542
|
}],
|
|
471
543
|
style: itemWidth ? {
|
|
472
544
|
width: (0, _dom.toCssUnit)(itemWidth)
|
|
@@ -489,7 +561,16 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
489
561
|
}, tabSlot ? $xeTabs.callSlot(tabSlot, {
|
|
490
562
|
name: name,
|
|
491
563
|
title: title
|
|
492
|
-
}) : "".concat(title))]),
|
|
564
|
+
}) : "".concat(title))]), ((0, _utils.isEnableConf)(refreshConfig) || refreshOpts.enabled) && (refreshVisibleMethod ? refreshVisibleMethod(params) : isActive) ? h('div', {
|
|
565
|
+
class: 'vxe-tabs-header--refresh-btn',
|
|
566
|
+
on: {
|
|
567
|
+
click: function click(evnt) {
|
|
568
|
+
$xeTabs.handleRefreshTabEvent(evnt, item);
|
|
569
|
+
}
|
|
570
|
+
}
|
|
571
|
+
}, [h('i', {
|
|
572
|
+
class: isLoading ? (0, _ui.getIcon)().TABS_TAB_REFRESH_LOADING : (0, _ui.getIcon)().TABS_TAB_REFRESH
|
|
573
|
+
})]) : (0, _ui.renderEmptyElement)($xeTabs), (showClose || (0, _utils.isEnableConf)(closeConfig) || closeOpts.enabled) && (!closeVisibleMethod || closeVisibleMethod(params)) ? h('div', {
|
|
493
574
|
class: 'vxe-tabs-header--close-btn',
|
|
494
575
|
on: {
|
|
495
576
|
click: function click(evnt) {
|
package/lib/tabs/src/tabs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../..//ui/src/dom"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTabs",props:{value:[String,Number,Boolean],options:Array,height:[String,Number],destroyOnClose:Boolean,titleWidth:[String,Number],titleAlign:[String,Number],type:String,showClose:Boolean,padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().tabs.padding}},trigger:String,beforeChangeMethod:Function,beforeCloseMethod:Function},inject:{$xeParentTabs:{from:"$xeTabs",default:null}},provide:function(){return{$xeTabs:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticTabs:[],activeName:null,initNames:[],lintLeft:0,lintWidth:0,isTabOver:!1,resizeFlag:1},internalData:{slTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeParentResizeFlag:function(){var e=this.$xeParentTabs;return e?e.reactData.resizeFlag:null},computeTabOptions:function(){var t=this;return(t.options||[]).filter(function(e){return t.handleFilterTab(e)})},computeTabStaticOptions:function(){var t=this;return t.reactData.staticTabs.filter(function(e){return t.handleFilterTab(e)})}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$tabs:this},t))},emitModel:function(e){this.$emit("input",e),this.$emit("modelValue",e)},prev:function(){return this.handlePrevNext(!1)},next:function(){return this.handlePrevNext(!0)},prevTab:function(){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["prevTab","prev"]),this.prev()},nextTab:function(){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["nextTab","next"]),this.next()},handleFilterTab:function(e){e=e.permissionCode;return!(e&&!_ui.permission.checkVisible(e))},callSlot:function(e,t){var a=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=a[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[]},updateTabStyle:function(){var o=this,c=o,u=o.reactData;o.$nextTick(function(){var e=c.type,t=u.activeName,a=o.computeTabOptions,n=o.computeTabStaticOptions,i=o.$refs.refHeadWrapperElem,r=0,l=0,s=!1;i&&(n=_xeUtils.default.findIndexOf(n.length?n:a,function(e){return e.name===t}),a=i.children,s=i.scrollWidth!==i.clientWidth,-1<n)&&(a=(i=a[n]).clientWidth,e?"card"===e?(r=a+2,l=i.offsetLeft):"border-card"===e&&(r=a+2,l=i.offsetLeft-1):(r=Math.max(4,Math.floor(.6*a)),l=i.offsetLeft+Math.floor((a-r)/2))),u.lintLeft=l,u.lintWidth=r,u.isTabOver=s})},addInitName:function(e,t){var a=this.reactData.initNames;return!(!e||a.includes(e)||(this.dispatchEvent("tab-load",{name:e},t),a.push(e),0))},initDefaultName:function(e){var t,a=this,n=a.reactData,i=null;e&&e.length&&(t=!1,i=a.value,e.forEach(function(e){i===e.name&&(t=!0),e&&e.preload&&a.addInitName(e.name,null)}),t||(i=e[0].name,a.addInitName(i,null),a.emitModel(i))),n.activeName=i},clickEvent:function(e,t){var a=this,n=a.reactData,i=a.trigger,r=a.beforeChangeMethod||(0,_ui.getConfig)().tabs.beforeChangeMethod,l=n.activeName,t=t.name;"manual"===i?a.dispatchEvent("tab-click",{name:t},e):(n.activeName=i=t,a.emitModel(i),a.dispatchEvent("tab-click",{name:t},e),a.addInitName(t,e),t!==l&&(!r||r({$tabs:a,name:t,oldName:l,newName:t})?a.dispatchEvent("change",{value:i,name:t,oldName:l,newName:t},e):a.dispatchEvent("tab-change-fail",{value:i,name:t,oldName:l,newName:t},e)))},handleCloseTabEvent:function(e,t,a,n){var i=this,r=i,l=i.reactData,l=(e.stopPropagation(),l.activeName),r=r.beforeCloseMethod||(0,_ui.getConfig)().tabs.beforeCloseMethod,t=t.name,s=l,o=s;l===t&&(o=(l=a<n.length-1?n[a+1]:n[a-1])?l.name:null),!r||r({$tabs:i,value:s,name:t,nextName:o})?i.dispatchEvent("tab-close",{value:s,name:t,nextName:o},e):i.dispatchEvent("tab-close-fail",{value:s,name:t,nextName:o},e)},startScrollAnimation:function(i,e){var r=this,l=r.internalData,t=l.slTimeout,s=e,o=6,c=35,u=(t&&(clearTimeout(t),l.slTimeout=void 0),function(){var e,t,a,n=r.$refs.refHeadWrapperElem;0<o&&(o--,n)&&(e=n.clientWidth,t=n.scrollWidth,a=n.scrollLeft,s=Math.floor(s/2),0<i?e+a<t&&(n.scrollLeft+=s,c-=4,l.slTimeout=setTimeout(u,c)):0<a&&(n.scrollLeft-=s,c-=4,l.slTimeout=setTimeout(u,c)),r.updateTabStyle())});u()},handleScrollToLeft:function(e){var t=this.$refs.refHeadWrapperElem;t&&(t=Math.floor(.75*t.clientWidth),this.startScrollAnimation(e,t))},scrollLeftEvent:function(){this.handleScrollToLeft(-1)},scrollRightEvent:function(){this.handleScrollToLeft(1)},scrollToTab:function(r){var l=this,s=l.computeTabOptions,o=l.computeTabStaticOptions;return l.$nextTick().then(function(){var e,t,a,n,i=l.$refs.refHeadWrapperElem;i&&(-1<(n=_xeUtils.default.findIndexOf(o.length?o:s,function(e){return e.name===r}))&&(e=i.scrollLeft,t=i.clientWidth,n=i.children[n])&&(0<(n=(a=n.offsetLeft)+n.clientWidth-(e+t))&&(i.scrollLeft+=n),a<e)&&(i.scrollLeft=a),l.updateTabStyle())})},handlePrevNext:function(e){var t,a=this,n=a.reactData,i=n.activeName,r=a.computeTabStaticOptions,r=r.length?r:a.computeTabOptions,l=_xeUtils.default.findIndexOf(r,function(e){return e.name===i});return-1<l&&(t=null,e?l<r.length-1&&(t=r[l+1]):0<l&&(t=r[l-1]),t)&&(e=t.name,n.activeName=e,a.emitModel(e),a.addInitName(e,null)),a.$nextTick()},renderTabHeader:function(o,c){var u=this,e=u.$scopedSlots,t=u.reactData,a=u.type,d=u.titleWidth,f=u.titleAlign,h=u.showClose,m=t.activeName,n=t.lintLeft,i=t.lintWidth,t=t.isTabOver,e=e.extra;return o("div",{class:"vxe-tabs-header"},[t?o("div",{class:"vxe-tabs-header--bar vxe-tabs-header--left-bar",on:{click:u.scrollLeftEvent}},[o("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_LEFT})]):(0,_ui.renderEmptyElement)(u),o("div",{class:"vxe-tabs-header--wrapper"},[o("div",{ref:"refHeadWrapperElem",class:"vxe-tabs-header--item-wrapper"},c.map(function(t,a){var e=t.title,n=t.icon,i=t.name,r=t.slots,r=r?r.tab:null,l=t.titleWidth||d,s=t.titleAlign||f;return o("div",{key:"".concat(i),class:["vxe-tabs-header--item",s?"align--".concat(s):"",{"is--active":m===i}],style:l?{width:(0,_dom.toCssUnit)(l)}:{},on:{click:function(e){u.clickEvent(e,t)}}},[o("div",{class:"vxe-tabs-header--item-inner"},[o("div",{class:"vxe-tabs-header--item-content"},[n?o("span",{class:"vxe-tabs-header--item-icon"},[o("i",{class:n})]):(0,_ui.renderEmptyElement)(u),o("span",{class:"vxe-tabs-header--item-name"},r?u.callSlot(r,{name:i,title:e}):"".concat(e))]),h?o("div",{class:"vxe-tabs-header--close-btn",on:{click:function(e){u.handleCloseTabEvent(e,t,a,c)}}},[o("i",{class:(0,_ui.getIcon)().TABS_TAB_CLOSE})]):(0,_ui.renderEmptyElement)(u)])])}).concat([o("span",{key:"line",class:"vxe-tabs-header--active-line type--".concat(a||"default"),style:{left:"".concat(n,"px"),width:"".concat(i,"px")}})]))]),t?o("div",{class:"vxe-tabs-header--bar vxe-tabs-header--right-bar",on:{click:u.scrollRightEvent}},[o("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_RIGHT})]):(0,_ui.renderEmptyElement)(u),e?o("div",{class:"vxe-tabs-header--extra"},(0,_vn.getSlotVNs)(e({}))):(0,_ui.renderEmptyElement)(u)])},renderTabPane:function(e,t){var a=this.reactData,n=a.initNames,a=a.activeName,i=t.name,t=t.slots,t=t?t.default:null;return i&&n.includes(i)?e("div",{key:i,class:["vxe-tabs-pane--item",{"is--visible":a===i,"has--content":!!t}]},t?this.callSlot(t,{name:i}):[]):(0,_ui.renderEmptyElement)(this)},renderTabContent:function(t,e){var a=this,n=a.reactData,i=a.destroyOnClose,r=n.activeName,n=e.find(function(e){return e.name===r});return i?[n?a.renderTabPane(t,n):(0,_ui.renderEmptyElement)(a)]:e.map(function(e){return a.renderTabPane(t,e)})},renderVN:function(e){var t=this,a=t.$scopedSlots,n=t.type,i=t.height,r=t.padding,l=t.trigger,a=a.default,s=a?t.computeTabStaticOptions:t.computeTabOptions;return e("div",{ref:"refElem",class:["vxe-tabs","vxe-tabs--".concat(n||"default"),"trigger--".concat("manual"===l?"trigger":"default"),{"is--padding":r,"is--height":i}],style:i?{height:(0,_dom.toCssUnit)(i)}:{}},[e("div",{class:"vxe-tabs-slots"},a?a({}):[]),t.renderTabHeader(e,s),e("div",{class:"vxe-tabs-pane"},t.renderTabContent(e,s))])}},watch:{value:function(e){var t=this.reactData;this.addInitName(e,null),t.activeName=e},"reactData.activeName":function(e){var t=this.reactData;this.scrollToTab(e),this.$nextTick(function(){t.resizeFlag++})},options:function(){this.initDefaultName(this.options),this.updateTabStyle()},"reactData.staticTabs":function(){var e=this.reactData;this.initDefaultName(e.staticTabs),this.updateTabStyle()},computeParentResizeFlag:function(){var e=this;e.$nextTick(function(){e.updateTabStyle()})}},created:function(){var e=this.reactData;this.addInitName(this.value,null),this.initDefaultName(e.staticTabs.length?e.staticTabs:this.options)},mounted:function(){this.updateTabStyle(),_ui.globalEvents.on(this,"resize",this.updateTabStyle)},beforeDestroy:function(){_ui.globalEvents.off(this,"resize")},render:function(e){return this.renderVN(e)}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../..//ui/src/dom"),_utils=require("../..//ui/src/utils"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTabs",props:{value:[String,Number,Boolean],options:Array,height:[String,Number],destroyOnClose:Boolean,titleWidth:[String,Number],titleAlign:[String,Number],type:String,showClose:Boolean,padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().tabs.padding}},trigger:String,beforeChangeMethod:Function,closeConfig:Object,refreshConfig:Object,beforeCloseMethod:Function},inject:{$xeParentTabs:{from:"$xeTabs",default:null}},provide:function(){return{$xeTabs:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticTabs:[],activeName:null,initNames:[],lintLeft:0,lintWidth:0,isTabOver:!1,resizeFlag:1,cacheTabMaps:{}},internalData:{slTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeParentResizeFlag:function(){var e=this.$xeParentTabs;return e?e.reactData.resizeFlag:null},computeCloseOpts:function(){return Object.assign({},(0,_ui.getConfig)().tabs.closeConfig,this.closeConfig)},computeRefreshOpts:function(){return Object.assign({},(0,_ui.getConfig)().tabs.refreshConfig,this.refreshConfig)},computeTabOptions:function(){var t=this;return(t.options||[]).filter(function(e){return t.handleFilterTab(e)})},computeTabStaticOptions:function(){var t=this;return t.reactData.staticTabs.filter(function(e){return t.handleFilterTab(e)})}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$tabs:this},t))},emitModel:function(e){this.$emit("input",e),this.$emit("modelValue",e)},prev:function(){return this.handlePrevNext(!1)},next:function(){return this.handlePrevNext(!0)},prevTab:function(){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["prevTab","prev"]),this.prev()},nextTab:function(){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["nextTab","next"]),this.next()},handleFilterTab:function(e){e=e.permissionCode;return!(e&&!_ui.permission.checkVisible(e))},callSlot:function(e,t){var a=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=a[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[]},updateTabStyle:function(){var l=this,c=l,u=l.reactData;l.$nextTick(function(){var e=c.type,t=u.activeName,a=l.computeTabOptions,n=l.computeTabStaticOptions,i=l.$refs.refHeadWrapperElem,r=0,s=0,o=!1;i&&(n=_xeUtils.default.findIndexOf(n.length?n:a,function(e){return e.name===t}),a=i.children,o=i.scrollWidth!==i.clientWidth,-1<n)&&(a=(i=a[n]).clientWidth,e?"card"===e?(r=a+2,s=i.offsetLeft):"border-card"===e&&(r=a+2,s=i.offsetLeft-1):(r=Math.max(4,Math.floor(.6*a)),s=i.offsetLeft+Math.floor((a-r)/2))),u.lintLeft=s,u.lintWidth=r,u.isTabOver=o})},addInitName:function(e,t){var a=this.reactData.initNames;return!(!e||a.includes(e)||(this.dispatchEvent("tab-load",{name:e},t),a.push(e),0))},initDefaultName:function(e){var a,n=this,t=n.reactData,i=null,r={};e&&e.length&&(a=!1,i=n.value,e.forEach(function(e){var e=e||{},t=e.name,e=e.preload;t&&(r[t]={loading:!1},i===t&&(a=!0),e)&&n.addInitName(t,null)}),a||(i=e[0].name,n.addInitName(i,null),n.emitModel(i))),t.activeName=i,t.cacheTabMaps=r},clickEvent:function(e,t){var a=this,n=a.reactData,i=a.trigger,r=a.beforeChangeMethod||(0,_ui.getConfig)().tabs.beforeChangeMethod,s=n.activeName,o=t.name;"manual"===i?a.dispatchEvent("tab-click",{name:o},e):(n.activeName=i=o,a.emitModel(i),a.dispatchEvent("tab-click",{name:o},e),a.addInitName(o,e),o!==s&&(!r||r({$tabs:a,name:o,oldName:s,newName:o,option:t})?a.dispatchEvent("change",{value:i,name:o,oldName:s,newName:o,option:t},e):a.dispatchEvent("tab-change-fail",{value:i,name:o,oldName:s,newName:o,option:t},e)))},handleRefreshTabEvent:function(e,t){var a=this.reactData,e=(e.stopPropagation(),a.activeName),a=a.cacheTabMaps,n=t.name,i=this.computeRefreshOpts.queryMethod,r=n?a[n]:null;r&&(i?(r.loading=!0,Promise.resolve(i({$tabs:this,value:e,name:n,option:t})).finally(function(){r.loading=!1})):(0,_log.errLog)("vxe.error.notFunc",["refresh-config.queryMethod"]))},handleCloseTabEvent:function(e,t,a,n){var i=this,r=i,s=i.reactData,s=(e.stopPropagation(),s.activeName),r=i.computeCloseOpts.beforeMethod||r.beforeCloseMethod||(0,_ui.getConfig)().tabs.beforeCloseMethod,o=t.name,l=s,c=l;s===o&&(c=(s=a<n.length-1?n[a+1]:n[a-1])?s.name:null),!r||r({$tabs:i,value:l,name:o,nextName:c,option:t})?i.dispatchEvent("tab-close",{value:l,name:o,nextName:c},e):i.dispatchEvent("tab-close-fail",{value:l,name:o,nextName:c},e)},startScrollAnimation:function(i,e){var r=this,s=r.internalData,t=s.slTimeout,o=e,l=6,c=35,u=(t&&(clearTimeout(t),s.slTimeout=void 0),function(){var e,t,a,n=r.$refs.refHeadWrapperElem;0<l&&(l--,n)&&(e=n.clientWidth,t=n.scrollWidth,a=n.scrollLeft,o=Math.floor(o/2),0<i?e+a<t&&(n.scrollLeft+=o,c-=4,s.slTimeout=setTimeout(u,c)):0<a&&(n.scrollLeft-=o,c-=4,s.slTimeout=setTimeout(u,c)),r.updateTabStyle())});u()},handleScrollToLeft:function(e){var t=this.$refs.refHeadWrapperElem;t&&(t=Math.floor(.75*t.clientWidth),this.startScrollAnimation(e,t))},scrollLeftEvent:function(){this.handleScrollToLeft(-1)},scrollRightEvent:function(){this.handleScrollToLeft(1)},scrollToTab:function(r){var s=this,o=s.computeTabOptions,l=s.computeTabStaticOptions;return s.$nextTick().then(function(){var e,t,a,n,i=s.$refs.refHeadWrapperElem;i&&(-1<(n=_xeUtils.default.findIndexOf(l.length?l:o,function(e){return e.name===r}))&&(e=i.scrollLeft,t=i.clientWidth,n=i.children[n])&&(0<(n=(a=n.offsetLeft)+n.clientWidth-(e+t))&&(i.scrollLeft+=n),a<e)&&(i.scrollLeft=a),s.updateTabStyle())})},handlePrevNext:function(e){var t,a=this,n=a.reactData,i=n.activeName,r=a.computeTabStaticOptions,r=r.length?r:a.computeTabOptions,s=_xeUtils.default.findIndexOf(r,function(e){return e.name===i});return-1<s&&(t=null,e?s<r.length-1&&(t=r[s+1]):0<s&&(t=r[s-1]),t)&&(e=t.name,n.activeName=e,a.emitModel(e),a.addInitName(e,null)),a.$nextTick()},renderTabHeader:function(d,f){var h=this,e=h.$scopedSlots,t=h.reactData,a=h.type,m=h.titleWidth,v=h.titleAlign,p=h.showClose,b=h.closeConfig,g=h.refreshConfig,T=t.activeName,n=t.lintLeft,i=t.lintWidth,r=t.isTabOver,_=t.cacheTabMaps,t=e.extra,x=h.computeCloseOpts,E=x.visibleMethod,N=h.computeRefreshOpts,S=N.visibleMethod;return d("div",{class:"vxe-tabs-header"},[r?d("div",{class:"vxe-tabs-header--bar vxe-tabs-header--left-bar",on:{click:h.scrollLeftEvent}},[d("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_LEFT})]):(0,_ui.renderEmptyElement)(h),d("div",{class:"vxe-tabs-header--wrapper"},[d("div",{ref:"refHeadWrapperElem",class:"vxe-tabs-header--item-wrapper"},f.map(function(t,a){var e=t.title,n=t.icon,i=t.name,r=t.slots,r=r?r.tab:null,s=t.titleWidth||m,o=t.titleAlign||v,l={$tabs:h,value:T,name:i,option:t},c=T===i,u=i?_[i]:null,u=!!u&&u.loading;return d("div",{key:"".concat(i),class:["vxe-tabs-header--item",o?"align--".concat(o):"",{"is--active":c}],style:s?{width:(0,_dom.toCssUnit)(s)}:{},on:{click:function(e){h.clickEvent(e,t)}}},[d("div",{class:"vxe-tabs-header--item-inner"},[d("div",{class:"vxe-tabs-header--item-content"},[n?d("span",{class:"vxe-tabs-header--item-icon"},[d("i",{class:n})]):(0,_ui.renderEmptyElement)(h),d("span",{class:"vxe-tabs-header--item-name"},r?h.callSlot(r,{name:i,title:e}):"".concat(e))]),((0,_utils.isEnableConf)(g)||N.enabled)&&(S?S(l):c)?d("div",{class:"vxe-tabs-header--refresh-btn",on:{click:function(e){h.handleRefreshTabEvent(e,t)}}},[d("i",{class:u?(0,_ui.getIcon)().TABS_TAB_REFRESH_LOADING:(0,_ui.getIcon)().TABS_TAB_REFRESH})]):(0,_ui.renderEmptyElement)(h),!(p||(0,_utils.isEnableConf)(b)||x.enabled)||E&&!E(l)?(0,_ui.renderEmptyElement)(h):d("div",{class:"vxe-tabs-header--close-btn",on:{click:function(e){h.handleCloseTabEvent(e,t,a,f)}}},[d("i",{class:(0,_ui.getIcon)().TABS_TAB_CLOSE})])])])}).concat([d("span",{key:"line",class:"vxe-tabs-header--active-line type--".concat(a||"default"),style:{left:"".concat(n,"px"),width:"".concat(i,"px")}})]))]),r?d("div",{class:"vxe-tabs-header--bar vxe-tabs-header--right-bar",on:{click:h.scrollRightEvent}},[d("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_RIGHT})]):(0,_ui.renderEmptyElement)(h),t?d("div",{class:"vxe-tabs-header--extra"},(0,_vn.getSlotVNs)(t({}))):(0,_ui.renderEmptyElement)(h)])},renderTabPane:function(e,t){var a=this.reactData,n=a.initNames,a=a.activeName,i=t.name,t=t.slots,t=t?t.default:null;return i&&n.includes(i)?e("div",{key:i,class:["vxe-tabs-pane--item",{"is--visible":a===i,"has--content":!!t}]},t?this.callSlot(t,{name:i}):[]):(0,_ui.renderEmptyElement)(this)},renderTabContent:function(t,e){var a=this,n=a.reactData,i=a.destroyOnClose,r=n.activeName,n=e.find(function(e){return e.name===r});return i?[n?a.renderTabPane(t,n):(0,_ui.renderEmptyElement)(a)]:e.map(function(e){return a.renderTabPane(t,e)})},renderVN:function(e){var t=this,a=t.$scopedSlots,n=t.type,i=t.height,r=t.padding,s=t.trigger,a=a.default,o=a?t.computeTabStaticOptions:t.computeTabOptions;return e("div",{ref:"refElem",class:["vxe-tabs","vxe-tabs--".concat(n||"default"),"trigger--".concat("manual"===s?"trigger":"default"),{"is--padding":r,"is--height":i}],style:i?{height:(0,_dom.toCssUnit)(i)}:{}},[e("div",{class:"vxe-tabs-slots"},a?a({}):[]),t.renderTabHeader(e,o),e("div",{class:"vxe-tabs-pane"},t.renderTabContent(e,o))])}},watch:{value:function(e){var t=this.reactData;this.addInitName(e,null),t.activeName=e},"reactData.activeName":function(e){var t=this.reactData;this.scrollToTab(e),this.$nextTick(function(){t.resizeFlag++})},options:function(){this.initDefaultName(this.options),this.updateTabStyle()},"reactData.staticTabs":function(){var e=this.reactData;this.initDefaultName(e.staticTabs),this.updateTabStyle()},computeParentResizeFlag:function(){var e=this;e.$nextTick(function(){e.updateTabStyle()})}},created:function(){var e=this.reactData;this.addInitName(this.value,null),this.initDefaultName(e.staticTabs.length?e.staticTabs:this.options)},mounted:function(){this.updateTabStyle(),_ui.globalEvents.on(this,"resize",this.updateTabStyle)},beforeDestroy:function(){_ui.globalEvents.off(this,"resize")},render:function(e){return this.renderVN(e)}});
|
package/lib/tabs/style/style.css
CHANGED
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
flex-shrink: 0;
|
|
105
105
|
padding: 0 0.5em;
|
|
106
106
|
}
|
|
107
|
-
.vxe-tabs-header--item.is--active {
|
|
107
|
+
.vxe-tabs-header--item.is--active .vxe-tabs-header--item-content {
|
|
108
108
|
color: var(--vxe-ui-font-primary-color);
|
|
109
109
|
}
|
|
110
110
|
.vxe-tabs-header--item.align--left {
|
|
@@ -138,21 +138,26 @@
|
|
|
138
138
|
padding: 0 0.6em;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
+
.vxe-tabs-header--refresh-btn,
|
|
141
142
|
.vxe-tabs-header--close-btn {
|
|
142
143
|
font-size: 0.8em;
|
|
143
144
|
border-radius: 50%;
|
|
144
145
|
width: 1.5em;
|
|
145
146
|
height: 1.5em;
|
|
147
|
+
margin: 0 0.2em;
|
|
146
148
|
line-height: 1.5em;
|
|
147
149
|
text-align: center;
|
|
148
150
|
}
|
|
151
|
+
.vxe-tabs-header--refresh-btn:hover,
|
|
149
152
|
.vxe-tabs-header--close-btn:hover {
|
|
150
153
|
color: var(--vxe-ui-font-color);
|
|
151
154
|
background: var(--vxe-ui-tabs-close-hover-background-color);
|
|
152
155
|
}
|
|
156
|
+
.vxe-tabs-header--refresh-btn:active,
|
|
153
157
|
.vxe-tabs-header--close-btn:active {
|
|
154
158
|
color: var(--vxe-ui-font-primary-color);
|
|
155
159
|
}
|
|
160
|
+
.vxe-tabs-header--refresh-btn > i,
|
|
156
161
|
.vxe-tabs-header--close-btn > i {
|
|
157
162
|
font-size: 1em;
|
|
158
163
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-tabs{display:flex;flex-direction:column;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tabs.is--padding .vxe-tabs-pane--item{padding:var(--vxe-ui-layout-padding-default)}.vxe-tabs.trigger--default .vxe-tabs-header--item{cursor:pointer}.vxe-tabs.trigger--default .vxe-tabs-header--item:hover .vxe-tabs-header--item-name{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header{display:flex;flex-direction:row}.vxe-tabs-header--bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;width:2em;border:1px solid var(--vxe-ui-input-border-color);cursor:pointer}.vxe-tabs-header--bar::after{content:"";position:absolute;top:0;width:1px;height:100%;background-color:var(--vxe-ui-input-border-color);z-index:3}.vxe-tabs-header--bar:focus{color:var(--vxe-ui-font-darken-color)}.vxe-tabs-header--bar:hover{color:var(--vxe-ui-font-primary-lighten-color);background-color:var(--vxe-ui-font-tinge-color)}.vxe-tabs-header--bar:active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-tabs-header--left-bar{border-right:0;box-shadow:8px 0 10px -5px var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--left-bar::after{right:-1px}.vxe-tabs-header--right-bar{border-left:0;box-shadow:-8px 0 10px -5px var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--right-bar::after{left:-1px}.vxe-tabs-header--extra{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--wrapper{position:relative;flex-grow:1}.vxe-tabs-header--wrapper::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--vxe-ui-input-border-color);z-index:0}.vxe-tabs-header--item-wrapper{position:relative;display:flex;flex-direction:row;overflow-y:hidden;overflow-x:auto;outline:0}.vxe-tabs-header--item{position:relative;flex-shrink:0;padding:0 .5em}.vxe-tabs-header--item.is--active{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header--item.align--left{text-align:left}.vxe-tabs-header--item.align--center{text-align:center}.vxe-tabs-header--item.align--right{text-align:right}.vxe-tabs-header--item-inner{display:flex;flex-direction:row;align-items:center}.vxe-tabs-header--item-content{flex-grow:1}.vxe-tabs-header--item-icon{padding:0 .6em}.vxe-tabs-header--item-icon+.vxe-tabs-header--item-name{padding-left:0}.vxe-tabs-header--item-name{padding:0 .6em}.vxe-tabs-header--close-btn{font-size:.8em;border-radius:50%;width:1.5em;height:1.5em;line-height:1.5em;text-align:center}.vxe-tabs-header--close-btn:hover{color:var(--vxe-ui-font-color);background:var(--vxe-ui-tabs-close-hover-background-color)}.vxe-tabs-header--close-btn:active{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header--close-btn>i{font-size:1em}.vxe-tabs-header--item-inner{transition:color .1s ease-in-out}.vxe-tabs-pane{flex-grow:1;overflow:hidden}.vxe-tabs-pane--item{display:none;height:100%;overflow:auto;outline:0}.vxe-tabs-pane--item.is--visible{display:block}.vxe-tabs-header--active-line{display:none}.vxe-tabs-header--active-line.type--default{display:block;position:absolute;bottom:0;left:0;height:2px;width:4px;background-color:var(--vxe-ui-font-primary-color);z-index:2;transition:all .3s ease-in-out}.vxe-tabs-header--active-line.type--card{display:block;position:absolute;top:0;left:0;width:4px;border:1px solid var(--vxe-ui-font-primary-color);pointer-events:none;z-index:1;box-shadow:0 0 8px rgba(0,0,0,.1);transition:color,left .3s ease-in-out}.vxe-tabs-header--active-line.type--border-card{display:block;position:absolute;top:0;left:0;width:4px;border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color);pointer-events:none;z-index:1}.vxe-tabs--border-card,.vxe-tabs--card,.vxe-tabs--default,.vxe-tabs--round-card{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs--default .vxe-tabs-header--item-inner{border-bottom:2px solid transparent}.vxe-tabs--card .vxe-tabs-header--bar{border-top:0}.vxe-tabs--card .vxe-tabs-header--left-bar{border-left:0}.vxe-tabs--card .vxe-tabs-header--right-bar{border-right:0}.vxe-tabs--card .vxe-tabs-header{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;border-top:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--card .vxe-tabs-header .vxe-tabs-header--wrapper{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0}.vxe-tabs--card .vxe-tabs-header--item{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--card .vxe-tabs-header--item:first-child{border-left:0}.vxe-tabs--card .vxe-tabs-header--item:last-child{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--border-card .vxe-tabs-header--item-wrapper{z-index:2}.vxe-tabs--border-card .vxe-tabs-header--bar{border-top:0}.vxe-tabs--border-card .vxe-tabs-header--left-bar{border-left:0}.vxe-tabs--border-card .vxe-tabs-header--right-bar{border-right:0}.vxe-tabs--border-card.is--height .vxe-tabs-pane--item,.vxe-tabs--border-card.is--padding .vxe-tabs-pane--item{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--border-card .vxe-tabs-pane--item.has--content{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--border-card .vxe-tabs-header{border-top:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-tabs-card-header-background-color)}.vxe-tabs--border-card .vxe-tabs-header .vxe-tabs-header--wrapper{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0}.vxe-tabs--border-card .vxe-tabs-header--item.is--active{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs--round-card .vxe-tabs-header--item-wrapper{z-index:2}.vxe-tabs--round-card .vxe-tabs-header--item{position:relative;z-index:2;margin:0 2px;border-top:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;background-color:rgba(0,0,0,.02);transition:color .3s ease-in-out}.vxe-tabs--round-card .vxe-tabs-header--item.is--active{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs--round-card .vxe-tabs-header--item:first-child{margin-left:0}.vxe-tabs--round-card .vxe-tabs-header--item:last-child{margin-right:0}.vxe-tabs--round-card.is--height .vxe-tabs-pane--item,.vxe-tabs--round-card.is--padding .vxe-tabs-pane--item{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--round-card .vxe-tabs-pane--item.has--content{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--round-card .vxe-tabs-pane{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs .vxe-tabs-header--wrapper{height:var(--vxe-ui-tabs-header-height-default);overflow:hidden}.vxe-tabs .vxe-tabs-header--item-inner{height:var(--vxe-ui-tabs-header-height-default)}.vxe-tabs .vxe-tabs-header--active-line.type--card{height:calc(var(--vxe-ui-tabs-header-height-default) - 1px)}.vxe-tabs .vxe-tabs-header--active-line.type--border-card{height:calc(var(--vxe-ui-tabs-header-height-default) + 1px);line-height:calc(var(--vxe-ui-tabs-header-height-default) + 1px)}
|
|
1
|
+
.vxe-tabs{display:flex;flex-direction:column;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tabs.is--padding .vxe-tabs-pane--item{padding:var(--vxe-ui-layout-padding-default)}.vxe-tabs.trigger--default .vxe-tabs-header--item{cursor:pointer}.vxe-tabs.trigger--default .vxe-tabs-header--item:hover .vxe-tabs-header--item-name{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header{display:flex;flex-direction:row}.vxe-tabs-header--bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;width:2em;border:1px solid var(--vxe-ui-input-border-color);cursor:pointer}.vxe-tabs-header--bar::after{content:"";position:absolute;top:0;width:1px;height:100%;background-color:var(--vxe-ui-input-border-color);z-index:3}.vxe-tabs-header--bar:focus{color:var(--vxe-ui-font-darken-color)}.vxe-tabs-header--bar:hover{color:var(--vxe-ui-font-primary-lighten-color);background-color:var(--vxe-ui-font-tinge-color)}.vxe-tabs-header--bar:active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-tabs-header--left-bar{border-right:0;box-shadow:8px 0 10px -5px var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--left-bar::after{right:-1px}.vxe-tabs-header--right-bar{border-left:0;box-shadow:-8px 0 10px -5px var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--right-bar::after{left:-1px}.vxe-tabs-header--extra{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--wrapper{position:relative;flex-grow:1}.vxe-tabs-header--wrapper::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--vxe-ui-input-border-color);z-index:0}.vxe-tabs-header--item-wrapper{position:relative;display:flex;flex-direction:row;overflow-y:hidden;overflow-x:auto;outline:0}.vxe-tabs-header--item{position:relative;flex-shrink:0;padding:0 .5em}.vxe-tabs-header--item.is--active .vxe-tabs-header--item-content{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header--item.align--left{text-align:left}.vxe-tabs-header--item.align--center{text-align:center}.vxe-tabs-header--item.align--right{text-align:right}.vxe-tabs-header--item-inner{display:flex;flex-direction:row;align-items:center}.vxe-tabs-header--item-content{flex-grow:1}.vxe-tabs-header--item-icon{padding:0 .6em}.vxe-tabs-header--item-icon+.vxe-tabs-header--item-name{padding-left:0}.vxe-tabs-header--item-name{padding:0 .6em}.vxe-tabs-header--close-btn,.vxe-tabs-header--refresh-btn{font-size:.8em;border-radius:50%;width:1.5em;height:1.5em;margin:0 .2em;line-height:1.5em;text-align:center}.vxe-tabs-header--close-btn:hover,.vxe-tabs-header--refresh-btn:hover{color:var(--vxe-ui-font-color);background:var(--vxe-ui-tabs-close-hover-background-color)}.vxe-tabs-header--close-btn:active,.vxe-tabs-header--refresh-btn:active{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header--close-btn>i,.vxe-tabs-header--refresh-btn>i{font-size:1em}.vxe-tabs-header--item-inner{transition:color .1s ease-in-out}.vxe-tabs-pane{flex-grow:1;overflow:hidden}.vxe-tabs-pane--item{display:none;height:100%;overflow:auto;outline:0}.vxe-tabs-pane--item.is--visible{display:block}.vxe-tabs-header--active-line{display:none}.vxe-tabs-header--active-line.type--default{display:block;position:absolute;bottom:0;left:0;height:2px;width:4px;background-color:var(--vxe-ui-font-primary-color);z-index:2;transition:all .3s ease-in-out}.vxe-tabs-header--active-line.type--card{display:block;position:absolute;top:0;left:0;width:4px;border:1px solid var(--vxe-ui-font-primary-color);pointer-events:none;z-index:1;box-shadow:0 0 8px rgba(0,0,0,.1);transition:color,left .3s ease-in-out}.vxe-tabs-header--active-line.type--border-card{display:block;position:absolute;top:0;left:0;width:4px;border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color);pointer-events:none;z-index:1}.vxe-tabs--border-card,.vxe-tabs--card,.vxe-tabs--default,.vxe-tabs--round-card{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs--default .vxe-tabs-header--item-inner{border-bottom:2px solid transparent}.vxe-tabs--card .vxe-tabs-header--bar{border-top:0}.vxe-tabs--card .vxe-tabs-header--left-bar{border-left:0}.vxe-tabs--card .vxe-tabs-header--right-bar{border-right:0}.vxe-tabs--card .vxe-tabs-header{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;border-top:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--card .vxe-tabs-header .vxe-tabs-header--wrapper{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0}.vxe-tabs--card .vxe-tabs-header--item{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--card .vxe-tabs-header--item:first-child{border-left:0}.vxe-tabs--card .vxe-tabs-header--item:last-child{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--border-card .vxe-tabs-header--item-wrapper{z-index:2}.vxe-tabs--border-card .vxe-tabs-header--bar{border-top:0}.vxe-tabs--border-card .vxe-tabs-header--left-bar{border-left:0}.vxe-tabs--border-card .vxe-tabs-header--right-bar{border-right:0}.vxe-tabs--border-card.is--height .vxe-tabs-pane--item,.vxe-tabs--border-card.is--padding .vxe-tabs-pane--item{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--border-card .vxe-tabs-pane--item.has--content{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--border-card .vxe-tabs-header{border-top:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-tabs-card-header-background-color)}.vxe-tabs--border-card .vxe-tabs-header .vxe-tabs-header--wrapper{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0}.vxe-tabs--border-card .vxe-tabs-header--item.is--active{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs--round-card .vxe-tabs-header--item-wrapper{z-index:2}.vxe-tabs--round-card .vxe-tabs-header--item{position:relative;z-index:2;margin:0 2px;border-top:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;background-color:rgba(0,0,0,.02);transition:color .3s ease-in-out}.vxe-tabs--round-card .vxe-tabs-header--item.is--active{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs--round-card .vxe-tabs-header--item:first-child{margin-left:0}.vxe-tabs--round-card .vxe-tabs-header--item:last-child{margin-right:0}.vxe-tabs--round-card.is--height .vxe-tabs-pane--item,.vxe-tabs--round-card.is--padding .vxe-tabs-pane--item{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--round-card .vxe-tabs-pane--item.has--content{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--round-card .vxe-tabs-pane{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs .vxe-tabs-header--wrapper{height:var(--vxe-ui-tabs-header-height-default);overflow:hidden}.vxe-tabs .vxe-tabs-header--item-inner{height:var(--vxe-ui-tabs-header-height-default)}.vxe-tabs .vxe-tabs-header--active-line.type--card{height:calc(var(--vxe-ui-tabs-header-height-default) - 1px)}.vxe-tabs .vxe-tabs-header--active-line.type--border-card{height:calc(var(--vxe-ui-tabs-header-height-default) + 1px);line-height:calc(var(--vxe-ui-tabs-header-height-default) + 1px)}
|
package/lib/tag/src/tag.js
CHANGED
|
@@ -46,6 +46,10 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
46
46
|
$tag: $xeTag
|
|
47
47
|
}, params));
|
|
48
48
|
},
|
|
49
|
+
clickEvent: function clickEvent(evnt) {
|
|
50
|
+
var $xeTag = this;
|
|
51
|
+
$xeTag.dispatchEvent('click', {}, evnt);
|
|
52
|
+
},
|
|
49
53
|
//
|
|
50
54
|
// Render
|
|
51
55
|
//
|
|
@@ -76,6 +80,9 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
76
80
|
class: ['vxe-tag', _defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), "theme--".concat(status), status)],
|
|
77
81
|
attrs: {
|
|
78
82
|
title: title
|
|
83
|
+
},
|
|
84
|
+
on: {
|
|
85
|
+
click: $xeTag.clickEvent
|
|
79
86
|
}
|
|
80
87
|
}, $xeTag.renderContent(h));
|
|
81
88
|
}
|
package/lib/tag/src/tag.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTag",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{status:String,title:[String,Number],icon:String,content:[String,Number],size:{type:String,default:function(){return(0,_ui.getConfig)().tag.size||(0,_ui.getConfig)().size}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign({},{}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$tag:this},t))},clickEvent:function(e){this.dispatchEvent("click",{},e)},renderContent:function(e){var t=this,i=t.$scopedSlots,n=t.icon,r=t.content,o=i.default,i=i.icon;return[i||n?e("span",{class:"vxe-tag--icon"},i?(0,_vn.getSlotVNs)(i({})):[e("i",{class:n})]):(0,_ui.renderEmptyElement)(t),e("span",{class:"vxe-tag--content"},o?o({}):_xeUtils.default.toValueString(r))]},renderVN:function(e){var t=this,i=t.status,n=t.title,r=t.computeSize;return e("span",{ref:"refElem",class:["vxe-tag",_defineProperty(_defineProperty({},"size--".concat(r),r),"theme--".concat(i),i)],attrs:{title:n},on:{click:t.clickEvent}},t.renderContent(e))}},render:function(e){return this.renderVN(e)}});
|
package/lib/ui/index.js
CHANGED
|
@@ -27,7 +27,7 @@ Object.keys(_core).forEach(function (key) {
|
|
|
27
27
|
var _dynamics = require("../dynamics");
|
|
28
28
|
var _utils = require("./src/utils");
|
|
29
29
|
var _log = require("./src/log");
|
|
30
|
-
var version = exports.version = "3.0.
|
|
30
|
+
var version = exports.version = "3.0.7";
|
|
31
31
|
_core.VxeUI.version = version;
|
|
32
32
|
_core.VxeUI.uiVersion = version;
|
|
33
33
|
_core.VxeUI.tableVersion = '';
|
|
@@ -422,6 +422,8 @@ var iconPrefix = 'vxe-icon-';
|
|
|
422
422
|
TABS_TAB_BUTTON_LEFT: iconPrefix + 'arrow-left',
|
|
423
423
|
TABS_TAB_BUTTON_RIGHT: iconPrefix + 'arrow-right',
|
|
424
424
|
TABS_TAB_CLOSE: iconPrefix + 'close',
|
|
425
|
+
TABS_TAB_REFRESH: iconPrefix + 'refresh',
|
|
426
|
+
TABS_TAB_REFRESH_LOADING: iconPrefix + 'refresh roll',
|
|
425
427
|
// text
|
|
426
428
|
TEXT_COPY: iconPrefix + 'copy',
|
|
427
429
|
TEXT_LOADING: iconPrefix + 'spinner roll',
|
package/lib/ui/index.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={version:!0,config:!0,setup:!0},_core=(exports.config=config,exports.default=void 0,exports.setup=setup,exports.version=void 0,require("@vxe-ui/core")),_dynamics=(Object.keys(_core).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_core[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _core[e]}})}),require("../dynamics")),_utils=require("./src/utils"),_log=require("./src/log"),version=exports.version="3.0.
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={version:!0,config:!0,setup:!0},_core=(exports.config=config,exports.default=void 0,exports.setup=setup,exports.version=void 0,require("@vxe-ui/core")),_dynamics=(Object.keys(_core).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_core[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _core[e]}})}),require("../dynamics")),_utils=require("./src/utils"),_log=require("./src/log"),version=exports.version="3.0.7";function config(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.version=version,_core.VxeUI.uiVersion=version,_core.VxeUI.tableVersion="",_core.VxeUI.t=_core.VxeUI.getI18n,_core.VxeUI._t=_utils.getFuncText,_core.VxeUI.dynamicApp=_dynamics.dynamicApp,_core.VxeUI.config=config,_core.VxeUI.setup=setup,(0,_core.setConfig)({alert:{},anchor:{},anchorLink:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover"},buttonGroup:{},calendar:{minDate:new Date(1900,0,1),maxDate:new Date(2100,0,1),startDay:1,selectDay:1},card:{border:!0,padding:!0},carousel:{height:200,loop:!0,interval:5e3},carouselItem:{},checkbox:{},checkboxGroup:{},col:{},collapse:{},collapsePane:{},countdown:{},datePicker:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1},drawer:{position:"right",showHeader:!0,lockView:!0,mask:!0,showTitleOverflow:!0,showClose:!0,padding:!0},form:{validConfig:{showMessage:!0,autoPos:!0},tooltipConfig:{enterable:!0},titleAsterisk:!0,titleOverflow:!1,padding:!0},formDesign:{height:400,showHeader:!0,showPc:!0},formGather:{},formItem:{},formView:{},icon:{},iconPicker:{icons:["home","company","comment","setting","send","envelope","envelope-open","bell","search","print","pc","goods","chart-line","edit","delete","save","folder","microphone","flag","link","location","sunny","rmb","usd","user","add-user","add-users","star","unlock","time","text","feedback","calendar","association-form","cloud-download","cloud-upload","file","subtable","chart-bar-x","chart-bar-y","chart-line","chart-pie","chart-radar"]},image:{showPreview:!0,showPrintButton:!0},imageGroup:{showPreview:!0,showPrintButton:!0},imagePreview:{showPrintButton:!0},input:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1,digits:2,controls:!0},layoutAside:{},layoutBody:{},layoutContainer:{},layoutFooter:{},layoutHeader:{},link:{underline:!0},listDesign:{height:400,showPc:!0},listView:{},list:{scrollY:{enabled:!0,gt:100}},loading:{showIcon:!0,showText:!0},modal:{top:16,showHeader:!0,minWidth:340,minHeight:140,lockView:!0,mask:!0,duration:3e3,marginSize:0,dblclickZoom:!0,showTitleOverflow:!0,animat:!0,showClose:!0,padding:!0,draggable:!0,showConfirmButton:null,zoomConfig:{minimizeMaxSize:10,minimizeVerticalOffset:{top:-24,left:0},minimizeHorizontalOffset:{top:0,left:32}},storageKey:"VXE_MODAL_POSITION"},numberInput:{digits:2,controls:!0},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{},passwordInput:{},printPageBreak:{},pulldown:{},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},row:{},select:{multiCharOverflow:8},switch:{},tabPane:{},tabs:{},tag:{},text:{},textarea:{},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300},tree:{indent:20,minHeight:60,radioConfig:{strict:!0}},treeSelect:{treeConfig:{radioConfig:{},checkboxConfig:{}}},upload:{mode:"all",imageTypes:["jpg","jpeg","png","gif"],showList:!0,showUploadButton:!0,showButtonText:!0,showRemoveButton:!0,showButtonIcon:!0,showPreview:!0,imageStyle:{}},table:{},colgroup:{},column:{},toolbar:{},grid:{}});var iconPrefix="vxe-icon-",_default=((0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",MENU_ITEM_EXPAND_OPEN:iconPrefix+"arrow-down rotate180",MENU_ITEM_EXPAND_CLOSE:iconPrefix+"arrow-down",SELECT_LOADED:iconPrefix+"spinner roll",SELECT_OPEN:iconPrefix+"caret-down rotate180",SELECT_CLOSE:iconPrefix+"caret-down",ICON_PICKER_OPEN:iconPrefix+"caret-down rotate180",ICON_PICKER_CLOSE:iconPrefix+"caret-down",PAGER_HOME:iconPrefix+"home-page",PAGER_END:iconPrefix+"end-page",PAGER_JUMP_PREV:iconPrefix+"arrow-double-left",PAGER_JUMP_NEXT:iconPrefix+"arrow-double-right",PAGER_PREV_PAGE:iconPrefix+"arrow-left",PAGER_NEXT_PAGE:iconPrefix+"arrow-right",PAGER_JUMP_MORE:iconPrefix+"ellipsis-h",RADIO_CHECKED:iconPrefix+"radio-checked-fill",RADIO_UNCHECKED:iconPrefix+"radio-unchecked",CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_SEARCH:iconPrefix+"search",NUMBER_INPUT_PREV_NUM:iconPrefix+"caret-up",NUMBER_INPUT_NEXT_NUM:iconPrefix+"caret-down",DATE_PICKER_DATE:iconPrefix+"calendar",PASSWORD_INPUT_SHOW_PWD:iconPrefix+"eye-fill-close",PASSWORD_INPUT_HIDE_PWD:iconPrefix+"eye-fill",MODAL_ZOOM_MIN:iconPrefix+"minus",MODAL_ZOOM_REVERT:iconPrefix+"recover",MODAL_ZOOM_IN:iconPrefix+"square",MODAL_ZOOM_OUT:iconPrefix+"maximize",MODAL_CLOSE:iconPrefix+"close",MODAL_INFO:iconPrefix+"info-circle-fill",MODAL_SUCCESS:iconPrefix+"success-circle-fill",MODAL_WARNING:iconPrefix+"warning-circle-fill",MODAL_ERROR:iconPrefix+"error-circle-fill",MODAL_QUESTION:iconPrefix+"question-circle-fill",MODAL_LOADING:iconPrefix+"spinner roll",DRAWER_CLOSE:iconPrefix+"close",FORM_PREFIX:iconPrefix+"question-circle-fill",FORM_SUFFIX:iconPrefix+"question-circle-fill",FORM_FOLDING:iconPrefix+"arrow-up rotate180",FORM_UNFOLDING:iconPrefix+"arrow-up",FORM_DESIGN_STYLE_SETTING:iconPrefix+"layout",FORM_DESIGN_PROPS_PC:iconPrefix+"pc",FORM_DESIGN_PROPS_MOBILE:iconPrefix+"mobile",FORM_DESIGN_PROPS_ADD:iconPrefix+"add",FORM_DESIGN_PROPS_EDIT:iconPrefix+"edit",FORM_DESIGN_WIDGET_ADD:iconPrefix+"square-plus-fill",FORM_DESIGN_WIDGET_COPY:iconPrefix+"copy",FORM_DESIGN_WIDGET_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_SWAP_LR:iconPrefix+"swap",FORM_DESIGN_WIDGET_OPTION_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_OPTION_EXPAND_OPEN:iconPrefix+"square-plus",FORM_DESIGN_WIDGET_OPTION_EXPAND_CLOSE:iconPrefix+"square-minus",LIST_DESIGN_FIELD_SETTING:iconPrefix+"custom-column",LIST_DESIGN_LIST_SETTING:iconPrefix+"menu",LIST_DESIGN_LIST_SETTING_SEARCH_DELETE:iconPrefix+"delete",LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE:iconPrefix+"delete",UPLOAD_FILE_ERROR:iconPrefix+"warning-circle-fill",UPLOAD_FILE_ADD:iconPrefix+"upload",UPLOAD_FILE_REMOVE:iconPrefix+"delete",UPLOAD_FILE_DOWNLOAD:iconPrefix+"download",UPLOAD_IMAGE_RE_UPLOAD:iconPrefix+"repeat",UPLOAD_IMAGE_ADD:iconPrefix+"add",UPLOAD_IMAGE_REMOVE:iconPrefix+"close",UPLOAD_LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",UPLOAD_FILE_TYPE_DEFAULT:iconPrefix+"file",UPLOAD_FILE_TYPE_XLSX:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_XLS:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_PDF:iconPrefix+"file-pdf",UPLOAD_FILE_TYPE_PNG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_GIF:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPEG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_MD:iconPrefix+"file-markdown",UPLOAD_FILE_TYPE_PPD:iconPrefix+"file-ppt",UPLOAD_FILE_TYPE_DOCX:iconPrefix+"file-word",UPLOAD_FILE_TYPE_DOC:iconPrefix+"file-word",UPLOAD_FILE_TYPE_ZIP:iconPrefix+"file-zip",UPLOAD_FILE_TYPE_TXT:iconPrefix+"file-txt",IMAGE_PREVIEW_CLOSE:iconPrefix+"close",IMAGE_PREVIEW_PREVIOUS:iconPrefix+"arrow-left",IMAGE_PREVIEW_NEXT:iconPrefix+"arrow-right",IMAGE_PREVIEW_PCT_FULL:iconPrefix+"pct-full",IMAGE_PREVIEW_PCT_1_1:iconPrefix+"pct-1-1",IMAGE_PREVIEW_ZOOM_OUT:iconPrefix+"search-zoom-out",IMAGE_PREVIEW_ZOOM_IN:iconPrefix+"search-zoom-in",IMAGE_PREVIEW_ROTATE_LEFT:iconPrefix+"rotate-left",IMAGE_PREVIEW_ROTATE_RIGHT:iconPrefix+"rotate-right",IMAGE_PREVIEW_PRINT:iconPrefix+"print",IMAGE_PREVIEW_DOWNLOAD:iconPrefix+"download",ALERT_CLOSE:iconPrefix+"close",ALERT_INFO:iconPrefix+"info-circle-fill",ALERT_SUCCESS:iconPrefix+"success-circle-fill",ALERT_WARNING:iconPrefix+"warning-circle-fill",ALERT_ERROR:iconPrefix+"error-circle-fill",TREE_NODE_OPEN:iconPrefix+"caret-right rotate90",TREE_NODE_CLOSE:iconPrefix+"caret-right",TREE_NODE_LOADED:iconPrefix+"spinner roll",TREE_SELECT_LOADED:iconPrefix+"spinner roll",TREE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TREE_SELECT_CLOSE:iconPrefix+"caret-down",TABS_TAB_BUTTON_LEFT:iconPrefix+"arrow-left",TABS_TAB_BUTTON_RIGHT:iconPrefix+"arrow-right",TABS_TAB_CLOSE:iconPrefix+"close",TABS_TAB_REFRESH:iconPrefix+"refresh",TABS_TAB_REFRESH_LOADING:iconPrefix+"refresh roll",TEXT_COPY:iconPrefix+"copy",TEXT_LOADING:iconPrefix+"spinner roll",CAROUSEL_HORIZONTAL_PREVIOUS:iconPrefix+"arrow-left",CAROUSEL_HORIZONTAL_NEXT:iconPrefix+"arrow-right",CAROUSEL_VERTICAL_PREVIOUS:iconPrefix+"arrow-up",CAROUSEL_VERTICAL_NEXT:iconPrefix+"arrow-down"}),exports.default=_core.VxeUI);
|
package/lib/ui/src/log.js
CHANGED
|
@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.warnLog = exports.errLog = void 0;
|
|
7
7
|
var _core = require("@vxe-ui/core");
|
|
8
|
-
var version = "ui v".concat("3.0.
|
|
8
|
+
var version = "ui v".concat("3.0.7");
|
|
9
9
|
var warnLog = exports.warnLog = _core.log.create('warn', version);
|
|
10
10
|
var errLog = exports.errLog = _core.log.create('error', version);
|
package/lib/ui/src/log.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core"),version="ui v".concat("3.0.
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core"),version="ui v".concat("3.0.7"),warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
|
|
@@ -31,26 +31,6 @@
|
|
|
31
31
|
.vxe-drawer--wrapper.is--visible .vxe-drawer--box {
|
|
32
32
|
opacity: 1;
|
|
33
33
|
}
|
|
34
|
-
.vxe-drawer--wrapper.is--loading .vxe-drawer--header,
|
|
35
|
-
.vxe-drawer--wrapper.is--loading .vxe-drawer--footer {
|
|
36
|
-
position: relative;
|
|
37
|
-
border-bottom-color: var(--vxe-ui-loading-background-color);
|
|
38
|
-
}
|
|
39
|
-
.vxe-drawer--wrapper.is--loading .vxe-drawer--header:before,
|
|
40
|
-
.vxe-drawer--wrapper.is--loading .vxe-drawer--footer:before {
|
|
41
|
-
content: "";
|
|
42
|
-
position: absolute;
|
|
43
|
-
top: 0;
|
|
44
|
-
left: 0;
|
|
45
|
-
width: 100%;
|
|
46
|
-
height: 100%;
|
|
47
|
-
z-index: 1;
|
|
48
|
-
-webkit-user-select: none;
|
|
49
|
-
-moz-user-select: none;
|
|
50
|
-
-ms-user-select: none;
|
|
51
|
-
user-select: none;
|
|
52
|
-
background-color: var(--vxe-ui-loading-background-color);
|
|
53
|
-
}
|
|
54
34
|
.vxe-drawer--wrapper:not(.lock--view) {
|
|
55
35
|
pointer-events: none;
|
|
56
36
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-drawer--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);outline:0}.vxe-drawer--wrapper.is--active{display:block}.vxe-drawer--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-drawer--wrapper.is--visible.pos--left .vxe-drawer--box{left:0}.vxe-drawer--wrapper.is--visible.pos--right .vxe-drawer--box{right:0}.vxe-drawer--wrapper.is--visible.pos--top .vxe-drawer--box{top:0}.vxe-drawer--wrapper.is--visible.pos--bottom .vxe-drawer--box{bottom:0}.vxe-drawer--wrapper.is--visible .vxe-drawer--box{opacity:1}.vxe-drawer--wrapper
|
|
1
|
+
.vxe-drawer--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);outline:0}.vxe-drawer--wrapper.is--active{display:block}.vxe-drawer--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-drawer--wrapper.is--visible.pos--left .vxe-drawer--box{left:0}.vxe-drawer--wrapper.is--visible.pos--right .vxe-drawer--box{right:0}.vxe-drawer--wrapper.is--visible.pos--top .vxe-drawer--box{top:0}.vxe-drawer--wrapper.is--visible.pos--bottom .vxe-drawer--box{bottom:0}.vxe-drawer--wrapper.is--visible .vxe-drawer--box{opacity:1}.vxe-drawer--wrapper:not(.lock--view){pointer-events:none}.vxe-drawer--wrapper.lock--scroll{overflow:hidden}.vxe-drawer--wrapper:not(.lock--scroll){overflow:auto}.vxe-drawer--wrapper.is--mask:before,.vxe-drawer--wrapper.lock--view:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-drawer--wrapper.is--mask:before{background-color:rgba(0,0,0,0);transition:background-color .2s ease-in-out}.vxe-drawer--wrapper.pos--left .vxe-drawer--box{top:0;left:-100%;box-shadow:2px 0 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--right .vxe-drawer--box{top:0;right:-100%;box-shadow:-2px 0 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--top .vxe-drawer--box{top:-100%;left:0;box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--bottom .vxe-drawer--box{bottom:-100%;left:0;box-shadow:0 -2px 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--left .vxe-drawer--box,.vxe-drawer--wrapper.pos--right .vxe-drawer--box{width:30%;height:100%}.vxe-drawer--wrapper.pos--bottom .vxe-drawer--box,.vxe-drawer--wrapper.pos--top .vxe-drawer--box{width:100%;height:30%}.vxe-drawer--wrapper.is--padding .vxe-drawer--body-default{padding:.8em .6em}.vxe-drawer--wrapper.is--padding .vxe-drawer--body-default .vxe-drawer--status-wrapper{padding-right:.6em}.vxe-drawer--box{display:flex;flex-direction:row;position:fixed;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-base-popup-border-color);text-align:left;pointer-events:auto;opacity:0;transition:all .3s ease-in-out}.vxe-drawer--aside{flex-shrink:0;overflow:auto;outline:0}.vxe-drawer--container{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto;outline:0}.vxe-drawer--content{flex-grow:1;white-space:pre-line}.vxe-drawer--body,.vxe-drawer--footer,.vxe-drawer--header{position:relative}.vxe-drawer--body{display:flex;flex-grow:1;overflow:auto;outline:0}.vxe-drawer--body .vxe-drawer--content{overflow:auto}.vxe-drawer--body-left,.vxe-drawer--body-right{flex-shrink:0;overflow:auto;outline:0}.vxe-drawer--body-default{display:flex;flex-grow:1;overflow:auto;outline:0}.vxe-drawer--header{display:flex;flex-direction:row;flex-shrink:0;font-size:1.1em;font-weight:700;border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-drawer--header.is--ellipsis .vxe-drawer--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-drawer--header-title{flex-grow:1;padding:.6em 0 .6em 1em}.vxe-drawer--header-right{display:flex;flex-direction:row;flex-shrink:0;padding:.6em 1em .6em 0}.vxe-drawer--footer-wrapper{display:flex;flex-direction:row}.vxe-drawer--footer-wrapper .vxe-drawer--footer-left{flex-grow:1;text-align:left}.vxe-drawer--footer-wrapper .vxe-drawer--footer-right{flex-shrink:0}.vxe-drawer--close-btn{cursor:pointer;margin-left:.6em}.vxe-drawer--close-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-drawer--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-drawer--wrapper{font-size:var(--vxe-ui-font-size-default)}.vxe-drawer--wrapper.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-drawer--wrapper.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-drawer--wrapper.size--mini{font-size:var(--vxe-ui-font-size-mini)}
|
|
@@ -244,26 +244,6 @@ html[data-vxe-lock-scroll] body {
|
|
|
244
244
|
opacity: 1;
|
|
245
245
|
visibility: visible;
|
|
246
246
|
}
|
|
247
|
-
.vxe-modal--wrapper.is--loading .vxe-modal--header,
|
|
248
|
-
.vxe-modal--wrapper.is--loading .vxe-modal--footer {
|
|
249
|
-
position: relative;
|
|
250
|
-
border-bottom-color: var(--vxe-ui-loading-background-color);
|
|
251
|
-
}
|
|
252
|
-
.vxe-modal--wrapper.is--loading .vxe-modal--header:before,
|
|
253
|
-
.vxe-modal--wrapper.is--loading .vxe-modal--footer:before {
|
|
254
|
-
content: "";
|
|
255
|
-
position: absolute;
|
|
256
|
-
top: 0;
|
|
257
|
-
left: 0;
|
|
258
|
-
width: 100%;
|
|
259
|
-
height: 100%;
|
|
260
|
-
z-index: 1;
|
|
261
|
-
-webkit-user-select: none;
|
|
262
|
-
-moz-user-select: none;
|
|
263
|
-
-ms-user-select: none;
|
|
264
|
-
user-select: none;
|
|
265
|
-
background-color: var(--vxe-ui-loading-background-color);
|
|
266
|
-
}
|
|
267
247
|
.vxe-modal--wrapper:not(.lock--view) {
|
|
268
248
|
pointer-events: none;
|
|
269
249
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
html[data-vxe-lock-scroll]{overflow:hidden}html[data-vxe-lock-scroll] body{overflow:hidden;width:var(--vxe-ui-modal-lock-scroll-view-width)}.vxe-modal--box{visibility:hidden;width:420px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);text-align:left;pointer-events:auto;opacity:0;outline:0}.vxe-modal--box.is--drag{cursor:move}.vxe-modal--box.is--drag .vxe-modal--body:after,.vxe-modal--box.is--drag .vxe-modal--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.vxe-modal--box.is--drag .vxe-modal--body{overflow:hidden}.vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content{overflow:hidden}.vxe-modal--aside{flex-shrink:0;overflow:auto}.vxe-modal--container{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.vxe-modal--status-wrapper{flex-shrink:0;display:flex;align-items:center;font-size:1.6em}.vxe-modal--content{flex-grow:1;white-space:pre-line}.vxe-modal--body,.vxe-modal--footer,.vxe-modal--header{position:relative}.vxe-modal--body{display:flex;flex-direction:row;flex-grow:1;outline:0}.vxe-modal--body-left,.vxe-modal--body-right{flex-shrink:0;overflow:auto;outline:0}.vxe-modal--body-default{display:flex;flex-grow:1;overflow:auto;outline:0}.vxe-modal--header{display:flex;flex-direction:row;align-items:center;height:2.8em;flex-shrink:0;font-size:1.1em;font-weight:700;border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-modal--header.is--ellipsis .vxe-modal--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-modal--footer-wrapper{display:flex;flex-direction:row}.vxe-modal--footer-wrapper .vxe-modal--footer-left{flex-grow:1;text-align:left}.vxe-modal--footer-wrapper .vxe-modal--footer-right{flex-shrink:0}.vxe-modal--header-title{flex-grow:1;padding:.8em 0 .8em .6em}.vxe-modal--header-right{display:flex;flex-direction:row;flex-shrink:0;padding:0 .6em 0 0}.vxe-modal--close-btn,.vxe-modal--zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;margin-left:.5em;cursor:pointer}.vxe-modal--close-btn:hover,.vxe-modal--zoom-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-modal--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-modal--resize .sb-resize,.vxe-modal--resize .selb-resize,.vxe-modal--resize .sest-resize,.vxe-modal--resize .st-resize,.vxe-modal--resize .swlb-resize,.vxe-modal--resize .swst-resize,.vxe-modal--resize .wl-resize,.vxe-modal--resize .wr-resize{position:absolute;z-index:100}.vxe-modal--resize .wl-resize,.vxe-modal--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.vxe-modal--resize .wl-resize{left:-5px}.vxe-modal--resize .wr-resize{right:-5px}.vxe-modal--resize .selb-resize,.vxe-modal--resize .sest-resize,.vxe-modal--resize .swlb-resize,.vxe-modal--resize .swst-resize{width:10px;height:10px;z-index:101}.vxe-modal--resize .sest-resize,.vxe-modal--resize .swst-resize{top:-8px}.vxe-modal--resize .selb-resize,.vxe-modal--resize .swlb-resize{bottom:-8px}.vxe-modal--resize .sest-resize,.vxe-modal--resize .swlb-resize{cursor:sw-resize}.vxe-modal--resize .selb-resize,.vxe-modal--resize .swst-resize{cursor:se-resize}.vxe-modal--resize .swlb-resize,.vxe-modal--resize .swst-resize{left:-8px}.vxe-modal--resize .selb-resize,.vxe-modal--resize .sest-resize{right:-8px}.vxe-modal--resize .sb-resize,.vxe-modal--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.vxe-modal--resize .st-resize{top:-5px}.vxe-modal--resize .sb-resize{bottom:-5px}.vxe-modal--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);outline:0}.vxe-modal--wrapper.is--active{display:block}.vxe-modal--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-modal--wrapper.is--visible .vxe-modal--box{opacity:1;visibility:visible}.vxe-modal--wrapper.is--loading .vxe-modal--footer,.vxe-modal--wrapper.is--loading .vxe-modal--header{position:relative;border-bottom-color:var(--vxe-ui-loading-background-color)}.vxe-modal--wrapper.is--loading .vxe-modal--footer:before,.vxe-modal--wrapper.is--loading .vxe-modal--header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-modal--wrapper:not(.lock--view){pointer-events:none}.vxe-modal--wrapper.is--draggable.zoom--minimize .vxe-modal--header-title,.vxe-modal--wrapper.is--draggable.zoom--revert .vxe-modal--header-title{cursor:move}.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sb-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .selb-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sest-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .st-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swst-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wl-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wr-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sb-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .selb-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sest-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .st-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swst-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wl-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wr-resize{display:none}.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box{border-radius:0}.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--header{border-radius:0;cursor:default}.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--body,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--footer{display:none}.vxe-modal--wrapper.type--alert.lock--scroll,.vxe-modal--wrapper.type--confirm.lock--scroll,.vxe-modal--wrapper.type--modal.lock--scroll{overflow:hidden}.vxe-modal--wrapper.type--alert:not(.lock--scroll),.vxe-modal--wrapper.type--confirm:not(.lock--scroll),.vxe-modal--wrapper.type--modal:not(.lock--scroll){overflow:auto}.vxe-modal--wrapper.is--mask:before,.vxe-modal--wrapper.lock--view:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-modal--wrapper.is--mask:before{background-color:rgba(0,0,0,0)}.vxe-modal--wrapper.is--animat.is--mask:before{transition:background-color .2s ease-in-out}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--message .vxe-modal--body,.vxe-modal--wrapper.type--notification .vxe-modal--body{white-space:normal;word-break:break-word}.vxe-modal--wrapper.type--message .vxe-modal--box{opacity:0;transform:translate(0,-100%)}.vxe-modal--wrapper.type--message.is--visible .vxe-modal--box{opacity:1;transform:translate(0,0)}.vxe-modal--wrapper.type--notification.pos--top-right .vxe-modal--box{opacity:0;transform:translate(100%,0)}.vxe-modal--wrapper.type--notification.pos--top-right.is--visible .vxe-modal--box{opacity:1;transform:translate(0,0)}.vxe-modal--wrapper.type--message,.vxe-modal--wrapper.type--notification{width:100%;height:100%;padding:0 var(--vxe-ui-layout-padding-double);text-align:center;transition:top .3s ease-in-out}.vxe-modal--wrapper.type--message.pos--top-left,.vxe-modal--wrapper.type--notification.pos--top-left{text-align:left}.vxe-modal--wrapper.type--message.pos--top-right,.vxe-modal--wrapper.type--notification.pos--top-right{text-align:right}.vxe-modal--wrapper.type--message .vxe-modal--box,.vxe-modal--wrapper.type--notification .vxe-modal--box{display:inline-flex;flex-direction:row;margin-top:0;width:auto;box-shadow:0 0 8px 0 rgba(0,0,0,.1);transition:all .3s ease-out}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after,.vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--body:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content,.vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--content{max-width:800px;float:left}.vxe-modal--wrapper.type--alert .vxe-modal--box,.vxe-modal--wrapper.type--confirm .vxe-modal--box,.vxe-modal--wrapper.type--modal .vxe-modal--box{display:flex;flex-direction:row;position:fixed;left:50%;top:0;box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-modal--wrapper.type--alert .vxe-modal--header,.vxe-modal--wrapper.type--confirm .vxe-modal--header,.vxe-modal--wrapper.type--modal .vxe-modal--header{border-bottom:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-modal-header-background-color)}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--modal .vxe-modal--body{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content{overflow:auto}.vxe-modal--wrapper.status--info .vxe-modal--status-wrapper{color:var(--vxe-ui-status-info-color)}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:var(--vxe-ui-status-warning-color)}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:var(--vxe-ui-status-success-color)}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:var(--vxe-ui-status-danger-color)}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:var(--vxe-ui-font-disabled-color)}.vxe-modal--wrapper.is--padding .vxe-modal--aside{padding:.8em .6em}.vxe-modal--wrapper.is--padding .vxe-modal--body-default{padding:.8em .6em}.vxe-modal--wrapper.is--padding .vxe-modal--body-default .vxe-modal--status-wrapper{padding-right:.6em}.vxe-modal--wrapper.is--padding.type--notification .vxe-modal--body-default{padding-top:0}.vxe-modal--wrapper.type--message .vxe-modal--body-default{padding-right:1.2em}.vxe-modal--wrapper{font-size:var(--vxe-ui-font-size-default)}.vxe-modal--wrapper.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-modal--wrapper.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-modal--wrapper.size--mini{font-size:var(--vxe-ui-font-size-mini)}
|
|
1
|
+
html[data-vxe-lock-scroll]{overflow:hidden}html[data-vxe-lock-scroll] body{overflow:hidden;width:var(--vxe-ui-modal-lock-scroll-view-width)}.vxe-modal--box{visibility:hidden;width:420px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);text-align:left;pointer-events:auto;opacity:0;outline:0}.vxe-modal--box.is--drag{cursor:move}.vxe-modal--box.is--drag .vxe-modal--body:after,.vxe-modal--box.is--drag .vxe-modal--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.vxe-modal--box.is--drag .vxe-modal--body{overflow:hidden}.vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content{overflow:hidden}.vxe-modal--aside{flex-shrink:0;overflow:auto}.vxe-modal--container{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.vxe-modal--status-wrapper{flex-shrink:0;display:flex;align-items:center;font-size:1.6em}.vxe-modal--content{flex-grow:1;white-space:pre-line}.vxe-modal--body,.vxe-modal--footer,.vxe-modal--header{position:relative}.vxe-modal--body{display:flex;flex-direction:row;flex-grow:1;outline:0}.vxe-modal--body-left,.vxe-modal--body-right{flex-shrink:0;overflow:auto;outline:0}.vxe-modal--body-default{display:flex;flex-grow:1;overflow:auto;outline:0}.vxe-modal--header{display:flex;flex-direction:row;align-items:center;height:2.8em;flex-shrink:0;font-size:1.1em;font-weight:700;border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-modal--header.is--ellipsis .vxe-modal--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-modal--footer-wrapper{display:flex;flex-direction:row}.vxe-modal--footer-wrapper .vxe-modal--footer-left{flex-grow:1;text-align:left}.vxe-modal--footer-wrapper .vxe-modal--footer-right{flex-shrink:0}.vxe-modal--header-title{flex-grow:1;padding:.8em 0 .8em .6em}.vxe-modal--header-right{display:flex;flex-direction:row;flex-shrink:0;padding:0 .6em 0 0}.vxe-modal--close-btn,.vxe-modal--zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;margin-left:.5em;cursor:pointer}.vxe-modal--close-btn:hover,.vxe-modal--zoom-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-modal--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-modal--resize .sb-resize,.vxe-modal--resize .selb-resize,.vxe-modal--resize .sest-resize,.vxe-modal--resize .st-resize,.vxe-modal--resize .swlb-resize,.vxe-modal--resize .swst-resize,.vxe-modal--resize .wl-resize,.vxe-modal--resize .wr-resize{position:absolute;z-index:100}.vxe-modal--resize .wl-resize,.vxe-modal--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.vxe-modal--resize .wl-resize{left:-5px}.vxe-modal--resize .wr-resize{right:-5px}.vxe-modal--resize .selb-resize,.vxe-modal--resize .sest-resize,.vxe-modal--resize .swlb-resize,.vxe-modal--resize .swst-resize{width:10px;height:10px;z-index:101}.vxe-modal--resize .sest-resize,.vxe-modal--resize .swst-resize{top:-8px}.vxe-modal--resize .selb-resize,.vxe-modal--resize .swlb-resize{bottom:-8px}.vxe-modal--resize .sest-resize,.vxe-modal--resize .swlb-resize{cursor:sw-resize}.vxe-modal--resize .selb-resize,.vxe-modal--resize .swst-resize{cursor:se-resize}.vxe-modal--resize .swlb-resize,.vxe-modal--resize .swst-resize{left:-8px}.vxe-modal--resize .selb-resize,.vxe-modal--resize .sest-resize{right:-8px}.vxe-modal--resize .sb-resize,.vxe-modal--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.vxe-modal--resize .st-resize{top:-5px}.vxe-modal--resize .sb-resize{bottom:-5px}.vxe-modal--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);outline:0}.vxe-modal--wrapper.is--active{display:block}.vxe-modal--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-modal--wrapper.is--visible .vxe-modal--box{opacity:1;visibility:visible}.vxe-modal--wrapper:not(.lock--view){pointer-events:none}.vxe-modal--wrapper.is--draggable.zoom--minimize .vxe-modal--header-title,.vxe-modal--wrapper.is--draggable.zoom--revert .vxe-modal--header-title{cursor:move}.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sb-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .selb-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sest-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .st-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swst-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wl-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wr-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sb-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .selb-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sest-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .st-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swst-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wl-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wr-resize{display:none}.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box{border-radius:0}.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--header{border-radius:0;cursor:default}.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--body,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--footer{display:none}.vxe-modal--wrapper.type--alert.lock--scroll,.vxe-modal--wrapper.type--confirm.lock--scroll,.vxe-modal--wrapper.type--modal.lock--scroll{overflow:hidden}.vxe-modal--wrapper.type--alert:not(.lock--scroll),.vxe-modal--wrapper.type--confirm:not(.lock--scroll),.vxe-modal--wrapper.type--modal:not(.lock--scroll){overflow:auto}.vxe-modal--wrapper.is--mask:before,.vxe-modal--wrapper.lock--view:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-modal--wrapper.is--mask:before{background-color:rgba(0,0,0,0)}.vxe-modal--wrapper.is--animat.is--mask:before{transition:background-color .2s ease-in-out}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--message .vxe-modal--body,.vxe-modal--wrapper.type--notification .vxe-modal--body{white-space:normal;word-break:break-word}.vxe-modal--wrapper.type--message .vxe-modal--box{opacity:0;transform:translate(0,-100%)}.vxe-modal--wrapper.type--message.is--visible .vxe-modal--box{opacity:1;transform:translate(0,0)}.vxe-modal--wrapper.type--notification.pos--top-right .vxe-modal--box{opacity:0;transform:translate(100%,0)}.vxe-modal--wrapper.type--notification.pos--top-right.is--visible .vxe-modal--box{opacity:1;transform:translate(0,0)}.vxe-modal--wrapper.type--message,.vxe-modal--wrapper.type--notification{width:100%;height:100%;padding:0 var(--vxe-ui-layout-padding-double);text-align:center;transition:top .3s ease-in-out}.vxe-modal--wrapper.type--message.pos--top-left,.vxe-modal--wrapper.type--notification.pos--top-left{text-align:left}.vxe-modal--wrapper.type--message.pos--top-right,.vxe-modal--wrapper.type--notification.pos--top-right{text-align:right}.vxe-modal--wrapper.type--message .vxe-modal--box,.vxe-modal--wrapper.type--notification .vxe-modal--box{display:inline-flex;flex-direction:row;margin-top:0;width:auto;box-shadow:0 0 8px 0 rgba(0,0,0,.1);transition:all .3s ease-out}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after,.vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--body:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content,.vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--content{max-width:800px;float:left}.vxe-modal--wrapper.type--alert .vxe-modal--box,.vxe-modal--wrapper.type--confirm .vxe-modal--box,.vxe-modal--wrapper.type--modal .vxe-modal--box{display:flex;flex-direction:row;position:fixed;left:50%;top:0;box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-modal--wrapper.type--alert .vxe-modal--header,.vxe-modal--wrapper.type--confirm .vxe-modal--header,.vxe-modal--wrapper.type--modal .vxe-modal--header{border-bottom:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-modal-header-background-color)}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--modal .vxe-modal--body{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content{overflow:auto}.vxe-modal--wrapper.status--info .vxe-modal--status-wrapper{color:var(--vxe-ui-status-info-color)}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:var(--vxe-ui-status-warning-color)}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:var(--vxe-ui-status-success-color)}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:var(--vxe-ui-status-danger-color)}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:var(--vxe-ui-font-disabled-color)}.vxe-modal--wrapper.is--padding .vxe-modal--aside{padding:.8em .6em}.vxe-modal--wrapper.is--padding .vxe-modal--body-default{padding:.8em .6em}.vxe-modal--wrapper.is--padding .vxe-modal--body-default .vxe-modal--status-wrapper{padding-right:.6em}.vxe-modal--wrapper.is--padding.type--notification .vxe-modal--body-default{padding-top:0}.vxe-modal--wrapper.type--message .vxe-modal--body-default{padding-right:1.2em}.vxe-modal--wrapper{font-size:var(--vxe-ui-font-size-default)}.vxe-modal--wrapper.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-modal--wrapper.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-modal--wrapper.size--mini{font-size:var(--vxe-ui-font-size-mini)}
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
flex-shrink: 0;
|
|
105
105
|
padding: 0 0.5em;
|
|
106
106
|
}
|
|
107
|
-
.vxe-tabs-header--item.is--active {
|
|
107
|
+
.vxe-tabs-header--item.is--active .vxe-tabs-header--item-content {
|
|
108
108
|
color: var(--vxe-ui-font-primary-color);
|
|
109
109
|
}
|
|
110
110
|
.vxe-tabs-header--item.align--left {
|
|
@@ -138,21 +138,26 @@
|
|
|
138
138
|
padding: 0 0.6em;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
+
.vxe-tabs-header--refresh-btn,
|
|
141
142
|
.vxe-tabs-header--close-btn {
|
|
142
143
|
font-size: 0.8em;
|
|
143
144
|
border-radius: 50%;
|
|
144
145
|
width: 1.5em;
|
|
145
146
|
height: 1.5em;
|
|
147
|
+
margin: 0 0.2em;
|
|
146
148
|
line-height: 1.5em;
|
|
147
149
|
text-align: center;
|
|
148
150
|
}
|
|
151
|
+
.vxe-tabs-header--refresh-btn:hover,
|
|
149
152
|
.vxe-tabs-header--close-btn:hover {
|
|
150
153
|
color: var(--vxe-ui-font-color);
|
|
151
154
|
background: var(--vxe-ui-tabs-close-hover-background-color);
|
|
152
155
|
}
|
|
156
|
+
.vxe-tabs-header--refresh-btn:active,
|
|
153
157
|
.vxe-tabs-header--close-btn:active {
|
|
154
158
|
color: var(--vxe-ui-font-primary-color);
|
|
155
159
|
}
|
|
160
|
+
.vxe-tabs-header--refresh-btn > i,
|
|
156
161
|
.vxe-tabs-header--close-btn > i {
|
|
157
162
|
font-size: 1em;
|
|
158
163
|
}
|