vxe-table 4.17.24 → 4.17.26
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/index.css +1 -1
- package/es/index.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/toolbar/src/toolbar.js +26 -20
- package/es/toolbar/style.css +20 -4
- package/es/toolbar/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-toolbar/style.css +20 -4
- package/es/vxe-toolbar/style.min.css +1 -1
- package/lib/index.css +1 -1
- package/lib/index.min.css +1 -1
- package/lib/index.umd.js +50 -52
- package/lib/index.umd.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/toolbar/src/toolbar.js +48 -50
- package/lib/toolbar/src/toolbar.min.js +1 -1
- package/lib/toolbar/style/style.css +20 -4
- package/lib/toolbar/style/style.min.css +1 -1
- package/lib/ui/index.js +1 -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-toolbar/style/style.css +20 -4
- package/lib/vxe-toolbar/style/style.min.css +1 -1
- package/package.json +2 -3
- package/packages/table/src/table.ts +1 -1
- package/packages/toolbar/src/toolbar.ts +26 -20
- package/styles/components/toolbar.scss +20 -4
- /package/es/{iconfont.1764729060815.ttf → iconfont.1764834414498.ttf} +0 -0
- /package/es/{iconfont.1764729060815.woff → iconfont.1764834414498.woff} +0 -0
- /package/es/{iconfont.1764729060815.woff2 → iconfont.1764834414498.woff2} +0 -0
- /package/lib/{iconfont.1764729060815.ttf → iconfont.1764834414498.ttf} +0 -0
- /package/lib/{iconfont.1764729060815.woff → iconfont.1764834414498.woff} +0 -0
- /package/lib/{iconfont.1764729060815.woff2 → iconfont.1764834414498.woff2} +0 -0
|
@@ -446,17 +446,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
446
446
|
connectTable
|
|
447
447
|
} = internalData;
|
|
448
448
|
const $table = connectTable;
|
|
449
|
+
const buttonsSlot = slots.buttons;
|
|
449
450
|
const buttonPrefixSlot = slots.buttonPrefix || slots['button-prefix'];
|
|
450
451
|
const buttonSuffixSlot = slots.buttonSuffix || slots['button-suffix'];
|
|
451
452
|
const btnVNs = [];
|
|
452
|
-
if (buttonPrefixSlot) {
|
|
453
|
-
btnVNs.push(...(0, _vn.getSlotVNs)(buttonPrefixSlot({
|
|
454
|
-
buttons: buttons || [],
|
|
455
|
-
$grid: $xeGrid,
|
|
456
|
-
$gantt: $xeGantt,
|
|
457
|
-
$table: $table
|
|
458
|
-
})));
|
|
459
|
-
}
|
|
460
453
|
if (buttons) {
|
|
461
454
|
buttons.forEach((item, index) => {
|
|
462
455
|
const {
|
|
@@ -494,15 +487,28 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
494
487
|
}
|
|
495
488
|
});
|
|
496
489
|
}
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
}
|
|
505
|
-
|
|
490
|
+
return [(0, _vue.h)('div', {
|
|
491
|
+
class: 'vxe-button--prefix-wrapper'
|
|
492
|
+
}, buttonPrefixSlot ? (0, _vn.getSlotVNs)(buttonPrefixSlot({
|
|
493
|
+
buttons: buttons || [],
|
|
494
|
+
$grid: $xeGrid,
|
|
495
|
+
$gantt: $xeGantt,
|
|
496
|
+
$table: $table
|
|
497
|
+
})) : []), (0, _vue.h)('div', {
|
|
498
|
+
class: 'vxe-button--item-wrapper'
|
|
499
|
+
}, buttonsSlot ? (0, _vn.getSlotVNs)(buttonsSlot({
|
|
500
|
+
buttons: buttons || [],
|
|
501
|
+
$grid: $xeGrid,
|
|
502
|
+
$gantt: $xeGantt,
|
|
503
|
+
$table: $table
|
|
504
|
+
})) : btnVNs), (0, _vue.h)('div', {
|
|
505
|
+
class: 'vxe-button--suffix-wrapper'
|
|
506
|
+
}, buttonSuffixSlot ? (0, _vn.getSlotVNs)(buttonSuffixSlot({
|
|
507
|
+
buttons: buttons || [],
|
|
508
|
+
$grid: $xeGrid,
|
|
509
|
+
$gantt: $xeGantt,
|
|
510
|
+
$table: $table
|
|
511
|
+
})) : [])];
|
|
506
512
|
};
|
|
507
513
|
/**
|
|
508
514
|
* 渲染右侧工具
|
|
@@ -515,17 +521,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
515
521
|
connectTable
|
|
516
522
|
} = internalData;
|
|
517
523
|
const $table = connectTable;
|
|
524
|
+
const toolsSlot = slots.tools;
|
|
518
525
|
const toolPrefixSlot = slots.toolPrefix || slots['tool-prefix'];
|
|
519
526
|
const toolSuffixSlot = slots.toolSuffix || slots['tool-suffix'];
|
|
520
527
|
const btnVNs = [];
|
|
521
|
-
if (toolPrefixSlot) {
|
|
522
|
-
btnVNs.push(...(0, _vn.getSlotVNs)(toolPrefixSlot({
|
|
523
|
-
tools: tools || [],
|
|
524
|
-
$grid: $xeGrid,
|
|
525
|
-
$gantt: $xeGantt,
|
|
526
|
-
$table: $table
|
|
527
|
-
})));
|
|
528
|
-
}
|
|
529
528
|
if (tools) {
|
|
530
529
|
tools.forEach((item, tIndex) => {
|
|
531
530
|
const {
|
|
@@ -564,15 +563,28 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
564
563
|
}
|
|
565
564
|
});
|
|
566
565
|
}
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
}
|
|
575
|
-
|
|
566
|
+
return [(0, _vue.h)('div', {
|
|
567
|
+
class: 'vxe-tool--prefix-wrapper'
|
|
568
|
+
}, toolPrefixSlot ? (0, _vn.getSlotVNs)(toolPrefixSlot({
|
|
569
|
+
tools: tools || [],
|
|
570
|
+
$grid: $xeGrid,
|
|
571
|
+
$gantt: $xeGantt,
|
|
572
|
+
$table: $table
|
|
573
|
+
})) : []), (0, _vue.h)('div', {
|
|
574
|
+
class: 'vxe-tool--item-wrapper'
|
|
575
|
+
}, toolsSlot ? (0, _vn.getSlotVNs)(toolsSlot({
|
|
576
|
+
tools: tools || [],
|
|
577
|
+
$grid: $xeGrid,
|
|
578
|
+
$gantt: $xeGantt,
|
|
579
|
+
$table: $table
|
|
580
|
+
})) : btnVNs), (0, _vue.h)('div', {
|
|
581
|
+
class: 'vxe-tool--suffix-wrapper'
|
|
582
|
+
}, toolSuffixSlot ? (0, _vn.getSlotVNs)(toolSuffixSlot({
|
|
583
|
+
tools: tools || [],
|
|
584
|
+
$grid: $xeGrid,
|
|
585
|
+
$gantt: $xeGantt,
|
|
586
|
+
$table: $table
|
|
587
|
+
})) : [])];
|
|
576
588
|
};
|
|
577
589
|
const renderToolImport = () => {
|
|
578
590
|
const importOpts = computeImportOpts.value;
|
|
@@ -655,13 +667,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
655
667
|
custom,
|
|
656
668
|
className
|
|
657
669
|
} = props;
|
|
658
|
-
const {
|
|
659
|
-
connectTable
|
|
660
|
-
} = internalData;
|
|
661
670
|
const vSize = computeSize.value;
|
|
662
|
-
const toolsSlot = slots.tools;
|
|
663
|
-
const buttonsSlot = slots.buttons;
|
|
664
|
-
const $table = connectTable;
|
|
665
671
|
return (0, _vue.h)('div', {
|
|
666
672
|
ref: refElem,
|
|
667
673
|
class: ['vxe-toolbar', className ? _xeUtils.default.isFunction(className) ? className({
|
|
@@ -673,17 +679,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
673
679
|
}]
|
|
674
680
|
}, [(0, _vue.h)('div', {
|
|
675
681
|
class: 'vxe-buttons--wrapper'
|
|
676
|
-
},
|
|
677
|
-
$grid: $xeGrid,
|
|
678
|
-
$gantt: $xeGantt,
|
|
679
|
-
$table: $table
|
|
680
|
-
}) : renderLeftBtns()), (0, _vue.h)('div', {
|
|
682
|
+
}, renderLeftBtns()), (0, _vue.h)('div', {
|
|
681
683
|
class: 'vxe-tools--wrapper'
|
|
682
|
-
},
|
|
683
|
-
$grid: $xeGrid,
|
|
684
|
-
$gantt: $xeGantt,
|
|
685
|
-
$table: $table
|
|
686
|
-
}) : renderRightTools()), (0, _vue.h)('div', {
|
|
684
|
+
}, renderRightTools()), (0, _vue.h)('div', {
|
|
687
685
|
class: 'vxe-tools--operate'
|
|
688
686
|
}, [props.import ? renderToolImport() : (0, _vue.createCommentVNode)(), props.export ? renderToolExport() : (0, _vue.createCommentVNode)(), props.print ? renderToolPrint() : (0, _vue.createCommentVNode)(), refresh ? renderToolRefresh() : (0, _vue.createCommentVNode)(), zoom && $xeGGWrapper ? renderToolZoom() : (0, _vue.createCommentVNode)(), custom ? renderToolCustom() : (0, _vue.createCommentVNode)()])]);
|
|
689
687
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getConfig,getIcon,getI18n,renderer,commands,createEvent,useFns}=_ui.VxeUI;function createInternalData(){return{connectTable:null}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeToolbar",props:{loading:Boolean,refresh:[Boolean,Object],refreshOptions:Object,import:[Boolean,Object],importOptions:Object,export:[Boolean,Object],exportOptions:Object,print:[Boolean,Object],printOptions:Object,zoom:[Boolean,Object],zoomOptions:Object,custom:[Boolean,Object],customOptions:Object,buttons:{type:Array,default:()=>getConfig().toolbar.buttons},tools:{type:Array,default:()=>getConfig().toolbar.tools},perfect:{type:Boolean,default:()=>getConfig().toolbar.perfect},size:{type:String,default:()=>getConfig().toolbar.size||getConfig().size},className:[String,Function]},emits:["button-click","tool-click"],setup(u,e){let{slots:g,emit:r}=e;var t=_xeUtils.default.uniqueId();let b=_ui.VxeUI.getComponent("VxeButton"),p=(0,_vue.inject)("$xeGrid",null),v=(0,_vue.inject)("$xeGantt",null),m=p||v,d=useFns.useSize(u).computeSize,_=(0,_vue.reactive)({isRefresh:!1,connectFlag:0,columns:[]}),f=createInternalData(),x=(0,_vue.ref)(),o={refElem:x},O={xID:t,props:u,context:e,reactData:_,internalData:f,getRefMaps:()=>o};let h=(0,_vue.computed)(()=>Object.assign({},_xeUtils.default.clone(getConfig().toolbar.refresh,!0),u.refreshOptions,u.refresh)),T=(0,_vue.computed)(()=>Object.assign({},_xeUtils.default.clone(getConfig().toolbar.import,!0),u.importOptions,u.import)),C=(0,_vue.computed)(()=>Object.assign({},_xeUtils.default.clone(getConfig().toolbar.export,!0),u.exportOptions,u.export)),$=(0,_vue.computed)(()=>Object.assign({},_xeUtils.default.clone(getConfig().toolbar.print,!0),u.printOptions,u.print)),j=(0,_vue.computed)(()=>Object.assign({},_xeUtils.default.clone(getConfig().toolbar.zoom,!0),u.zoomOptions,u.zoom)),L=(0,_vue.computed)(()=>Object.assign({},_xeUtils.default.clone(getConfig().toolbar.custom,!0),u.customOptions,u.custom)),n=(0,_vue.computed)(()=>{var e=f.connectTable;if((_.connectFlag||e)&&e)return e=e.getComputeMaps().computeCustomOpts,e.value;return{trigger:""}}),k=(0,_vue.computed)(()=>n.value.trigger),a=()=>{var e=f.connectTable;if(e)return!0;(0,_log.errLog)("vxe.error.barUnableLink")},I=({$event:e})=>{var t=f.connectTable;t&&t.triggerCustomEvent&&t.triggerCustomEvent(e)},R=({$event:e})=>{var t=f.connectTable;t&&t.customOpenEvent(e)},y=({$event:t})=>{var e=f.connectTable;let o=e;if(o){let e=o.reactData.customStore;e.activeBtn=!1,setTimeout(()=>{e.activeBtn||e.activeWrapper||o.customCloseEvent(t)},350)}},E=({$event:e})=>{var t=_.isRefresh,o=h.value;if(!t){t=o.queryMethod||o.query;if(t){_.isRefresh=!0;try{Promise.resolve(t({})).catch(e=>e).then(()=>{_.isRefresh=!1})}catch(e){_.isRefresh=!1}}else m&&(_.isRefresh=!0,m.triggerToolbarCommitEvent({code:o.code||"reload"},e).catch(()=>{}).then(()=>{_.isRefresh=!1}))}},P=({$event:e})=>{m?m.triggerZoomEvent(e):(0,_log.warnLog)("vxe.error.notProp",["[toolbar] zoom"])},i=()=>{var e;a()&&(e=f.connectTable,e)&&e.importData()},S=()=>{var e;a()&&(e=f.connectTable,e)&&e.openImport()},s=()=>{var e;a()&&(e=f.connectTable,e)&&e.exportData()},U=()=>{var e;a()&&(e=f.connectTable,e)&&e.openExport()},c=()=>{var e;a()&&(e=f.connectTable,e)&&e.print()},w=()=>{var e;a()&&(e=f.connectTable,e)&&e.openPrint()},l=(e,t,o)=>{switch(t.code){case"print":c();break;case"open_print":w();break;case"custom":I(e);break;case"export":s();break;case"open_export":U();break;case"import":i();break;case"open_import":S();break;case"zoom":P(e);break;case"refresh":E(e);break;default:o()}},N=(e,o)=>{let r=e.$event;var t=f.connectTable;let n=t,a=o.code;a&&l(e,o,()=>{var e,t;m?m.triggerToolbarBtnEvent(o,r):(t=commands.get(a),e={code:a,button:o,$table:n,$grid:p,$gantt:v,$event:r},t&&((t=t.tableCommandMethod||t.commandMethod)?t(e):(0,_log.errLog)("vxe.error.notCommands",["[toolbar] "+a])),O.dispatchEvent("button-click",e,r))})},B=(e,o)=>{let r=e.$event;var t=f.connectTable;let n=t,a=o.code;a&&l(e,o,()=>{var e,t;m?m.triggerToolbarTolEvent(o,r):(t=commands.get(a),e={code:a,button:null,tool:o,$table:n,$grid:p,$gantt:v,$event:r},t&&((t=t.tableCommandMethod||t.commandMethod)?t(e):(0,_log.errLog)("vxe.error.notCommands",["[toolbar] "+a])),O.dispatchEvent("tool-click",e,r))})};Object.assign(O,{dispatchEvent:(e,t,o)=>{r(e,createEvent(o,{$toolbar:O},t))},syncUpdate(e){f.connectTable=e.$table,_.columns=e.collectColumn,_.connectFlag++}});let z=(e,o)=>{e=e.dropdowns;return e?e.map((t,e)=>!1!==t.visible&&b?(0,_vue.h)(b,Object.assign(Object.assign({key:e},Object.assign({},t,{content:t.content||t.name,options:void 0})),{onClick:e=>(o?N:B)(e,t)})):(0,_vue.createCommentVNode)()):[]};return O.renderVN=()=>{var{perfect:e,loading:t,refresh:o,zoom:r,custom:n,className:a}=u,l=f.connectTable,i=d.value,s=g.tools,c=g.buttons;return(0,_vue.h)("div",{ref:x,class:["vxe-toolbar",a?_xeUtils.default.isFunction(a)?a({$toolbar:O}):a:"",{["size--"+i]:i,"is--perfect":e,"is--loading":t}]},[(0,_vue.h)("div",{class:"vxe-buttons--wrapper"},c?c({$grid:p,$gantt:v,$table:l}):(()=>{var e=u.buttons,t=f.connectTable;let i=t;var t=g.buttonPrefix||g["button-prefix"],o=g.buttonSuffix||g["button-suffix"];let s=[];return t&&s.push(...(0,_vn.getSlotVNs)(t({buttons:e||[],$grid:p,$gantt:v,$table:i}))),e&&e.forEach((t,e)=>{var o,r,n,{dropdowns:a,buttonRender:l}=t;!1!==t.visible&&(o=l?renderer.get(l.name):null,l&&o&&o.renderToolbarButton?(r=o.toolbarButtonClassName,n={$grid:p,$gantt:v,$table:i,button:t},s.push((0,_vue.h)("span",{key:"br"+(t.code||e),class:["vxe-button--item",r?_xeUtils.default.isFunction(r)?r(n):r:""]},(0,_vn.getSlotVNs)(o.renderToolbarButton(l,n))))):b&&s.push((0,_vue.h)(b,Object.assign(Object.assign({key:"bd"+(t.code||e)},Object.assign({},t,{content:t.content||t.name,options:void 0})),{onClick:e=>N(e,t)}),a&&a.length?{dropdowns:()=>z(t,!0)}:{})))}),o&&s.push(...(0,_vn.getSlotVNs)(o({buttons:e||[],$grid:p,$gantt:v,$table:i}))),s})()),(0,_vue.h)("div",{class:"vxe-tools--wrapper"},s?s({$grid:p,$gantt:v,$table:l}):(()=>{var e=u.tools,t=f.connectTable;let s=t;var t=g.toolPrefix||g["tool-prefix"],o=g.toolSuffix||g["tool-suffix"];let c=[];return t&&c.push(...(0,_vn.getSlotVNs)(t({tools:e||[],$grid:p,$gantt:v,$table:s}))),e&&e.forEach((t,e)=>{var o,r,n,a,{dropdowns:l,toolRender:i}=t;!1!==t.visible&&(o=i?i.name:null,r=i?renderer.get(o):null,i&&r&&r.renderToolbarTool?(n=r.toolbarToolClassName,a={$grid:p,$gantt:v,$table:s,tool:t},c.push((0,_vue.h)("span",{key:o,class:["vxe-tool--item",n?_xeUtils.default.isFunction(n)?n(a):n:""]},(0,_vn.getSlotVNs)(r.renderToolbarTool(i,a))))):b&&c.push((0,_vue.h)(b,Object.assign(Object.assign({key:e},Object.assign({},t,{content:t.content||t.name,options:void 0})),{onClick:e=>B(e,t)}),l&&l.length?{dropdowns:()=>z(t,!1)}:{})))}),o&&c.push(...(0,_vn.getSlotVNs)(o({tools:e||[],$grid:p,$gantt:v,$table:s}))),c})()),(0,_vue.h)("div",{class:"vxe-tools--operate"},[u.import&&(a=T.value,b)?(0,_vue.h)(b,{key:"import",circle:!0,icon:a.icon||getIcon().TOOLBAR_TOOLS_IMPORT,title:getI18n("vxe.toolbar.import"),onClick:S}):(0,_vue.createCommentVNode)(),u.export&&(i=C.value,b)?(0,_vue.h)(b,{key:"export",circle:!0,icon:i.icon||getIcon().TOOLBAR_TOOLS_EXPORT,title:getI18n("vxe.toolbar.export"),onClick:U}):(0,_vue.createCommentVNode)(),u.print&&(e=$.value,b)?(0,_vue.h)(b,{key:"print",circle:!0,icon:e.icon||getIcon().TOOLBAR_TOOLS_PRINT,title:getI18n("vxe.toolbar.print"),onClick:w}):(0,_vue.createCommentVNode)(),o&&(t=h.value,b)?(0,_vue.h)(b,{key:"refresh",circle:!0,icon:_.isRefresh?t.iconLoading||getIcon().TOOLBAR_TOOLS_REFRESH_LOADING:t.icon||getIcon().TOOLBAR_TOOLS_REFRESH,title:getI18n("vxe.toolbar.refresh"),onClick:E}):(0,_vue.createCommentVNode)(),r&&m&&(c=j.value,m)&&b?(0,_vue.h)(b,{key:"zoom",circle:!0,icon:m.isMaximized()?c.iconOut||getIcon().TOOLBAR_TOOLS_MINIMIZE:c.iconIn||getIcon().TOOLBAR_TOOLS_FULLSCREEN,title:getI18n("vxe.toolbar.zoom"+(m.isMaximized()?"Out":"In")),onClick:P}):(0,_vue.createCommentVNode)(),n&&(s=L.value,l=k.value,a={},"manual"!==l&&("hover"===l?(a.onMouseenter=R,a.onMouseleave=y):a.onClick=I),b)?(0,_vue.h)(b,Object.assign({key:"custom",circle:!0,icon:s.icon||getIcon().TOOLBAR_TOOLS_CUSTOM,title:getI18n("vxe.toolbar.custom"),className:"vxe-toolbar-custom-target"},a)):(0,_vue.createCommentVNode)()])])},(0,_vue.nextTick)(()=>{var e=h.value,e=e.queryMethod||e.query,e=(!u.refresh||m||e||(0,_log.warnLog)("vxe.error.notFunc",["[toolbar] queryMethod"]),_xeUtils.default.isPlainObject(u.custom)&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] custom={...}","custom=boolean & custom-options={...}"]),_xeUtils.default.isPlainObject(u.print)&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] print={...}","print=boolean & print-options={...}"]),_xeUtils.default.isPlainObject(u.export)&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] export={...}","export=boolean & export-options={...}"]),_xeUtils.default.isPlainObject(u.import)&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] import={...}","import=boolean & import-options={...}"]),_xeUtils.default.isPlainObject(u.refresh)&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] refresh={...}","refresh=boolean & refresh-options={...}"]),_xeUtils.default.isPlainObject(u.refresh)&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] zoom={...}","zoom=boolean & zoom-options={...}"]),L.value);e.isFooter&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] toolbar.custom.isFooter","table.custom-config.showFooter"]),e.showFooter&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] toolbar.custom.showFooter","table.custom-config.showFooter"]),e.immediate&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] toolbar.custom.immediate","table.custom-config.immediate"]),e.trigger&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] toolbar.custom.trigger","table.custom-config.trigger"]),(u.refresh||u.import||u.export||u.print||u.zoom)&&!b&&(0,_log.errLog)("vxe.error.reqComp",["vxe-button"])}),(0,_vue.onUnmounted)(()=>{_xeUtils.default.assign(f,createInternalData())}),O},render(){return this.renderVN()}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getConfig,getIcon,getI18n,renderer,commands,createEvent,useFns}=_ui.VxeUI;function createInternalData(){return{connectTable:null}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeToolbar",props:{loading:Boolean,refresh:[Boolean,Object],refreshOptions:Object,import:[Boolean,Object],importOptions:Object,export:[Boolean,Object],exportOptions:Object,print:[Boolean,Object],printOptions:Object,zoom:[Boolean,Object],zoomOptions:Object,custom:[Boolean,Object],customOptions:Object,buttons:{type:Array,default:()=>getConfig().toolbar.buttons},tools:{type:Array,default:()=>getConfig().toolbar.tools},perfect:{type:Boolean,default:()=>getConfig().toolbar.perfect},size:{type:String,default:()=>getConfig().toolbar.size||getConfig().size},className:[String,Function]},emits:["button-click","tool-click"],setup(u,e){let{slots:v,emit:r}=e;var t=_xeUtils.default.uniqueId();let p=_ui.VxeUI.getComponent("VxeButton"),g=(0,_vue.inject)("$xeGrid",null),b=(0,_vue.inject)("$xeGantt",null),i=g||b,s=useFns.useSize(u).computeSize,c=(0,_vue.reactive)({isRefresh:!1,connectFlag:0,columns:[]}),m=createInternalData(),d=(0,_vue.ref)(),o={refElem:d},_={xID:t,props:u,context:e,reactData:c,internalData:m,getRefMaps:()=>o};let f=(0,_vue.computed)(()=>Object.assign({},_xeUtils.default.clone(getConfig().toolbar.refresh,!0),u.refreshOptions,u.refresh)),x=(0,_vue.computed)(()=>Object.assign({},_xeUtils.default.clone(getConfig().toolbar.import,!0),u.importOptions,u.import)),O=(0,_vue.computed)(()=>Object.assign({},_xeUtils.default.clone(getConfig().toolbar.export,!0),u.exportOptions,u.export)),h=(0,_vue.computed)(()=>Object.assign({},_xeUtils.default.clone(getConfig().toolbar.print,!0),u.printOptions,u.print)),T=(0,_vue.computed)(()=>Object.assign({},_xeUtils.default.clone(getConfig().toolbar.zoom,!0),u.zoomOptions,u.zoom)),C=(0,_vue.computed)(()=>Object.assign({},_xeUtils.default.clone(getConfig().toolbar.custom,!0),u.customOptions,u.custom)),n=(0,_vue.computed)(()=>{var e=m.connectTable;if((c.connectFlag||e)&&e)return e=e.getComputeMaps().computeCustomOpts,e.value;return{trigger:""}}),$=(0,_vue.computed)(()=>n.value.trigger),a=()=>{var e=m.connectTable;if(e)return!0;(0,_log.errLog)("vxe.error.barUnableLink")},j=({$event:e})=>{var t=m.connectTable;t&&t.triggerCustomEvent&&t.triggerCustomEvent(e)},L=({$event:e})=>{var t=m.connectTable;t&&t.customOpenEvent(e)},k=({$event:t})=>{var e=m.connectTable;let o=e;if(o){let e=o.reactData.customStore;e.activeBtn=!1,setTimeout(()=>{e.activeBtn||e.activeWrapper||o.customCloseEvent(t)},350)}},I=({$event:e})=>{var t=c.isRefresh,o=f.value;if(!t){t=o.queryMethod||o.query;if(t){c.isRefresh=!0;try{Promise.resolve(t({})).catch(e=>e).then(()=>{c.isRefresh=!1})}catch(e){c.isRefresh=!1}}else i&&(c.isRefresh=!0,i.triggerToolbarCommitEvent({code:o.code||"reload"},e).catch(()=>{}).then(()=>{c.isRefresh=!1}))}},w=({$event:e})=>{i?i.triggerZoomEvent(e):(0,_log.warnLog)("vxe.error.notProp",["[toolbar] zoom"])},U=()=>{var e;a()&&(e=m.connectTable,e)&&e.importData()},R=()=>{var e;a()&&(e=m.connectTable,e)&&e.openImport()},B=()=>{var e;a()&&(e=m.connectTable,e)&&e.exportData()},S=()=>{var e;a()&&(e=m.connectTable,e)&&e.openExport()},z=()=>{var e;a()&&(e=m.connectTable,e)&&e.print()},N=()=>{var e;a()&&(e=m.connectTable,e)&&e.openPrint()},l=(e,t,o)=>{switch(t.code){case"print":z();break;case"open_print":N();break;case"custom":j(e);break;case"export":B();break;case"open_export":S();break;case"import":U();break;case"open_import":R();break;case"zoom":w(e);break;case"refresh":I(e);break;default:o()}},y=(e,o)=>{let r=e.$event;var t=m.connectTable;let n=t,a=o.code;a&&l(e,o,()=>{var e,t;i?i.triggerToolbarBtnEvent(o,r):(t=commands.get(a),e={code:a,button:o,$table:n,$grid:g,$gantt:b,$event:r},t&&((t=t.tableCommandMethod||t.commandMethod)?t(e):(0,_log.errLog)("vxe.error.notCommands",["[toolbar] "+a])),_.dispatchEvent("button-click",e,r))})},E=(e,o)=>{let r=e.$event;var t=m.connectTable;let n=t,a=o.code;a&&l(e,o,()=>{var e,t;i?i.triggerToolbarTolEvent(o,r):(t=commands.get(a),e={code:a,button:null,tool:o,$table:n,$grid:g,$gantt:b,$event:r},t&&((t=t.tableCommandMethod||t.commandMethod)?t(e):(0,_log.errLog)("vxe.error.notCommands",["[toolbar] "+a])),_.dispatchEvent("tool-click",e,r))})};Object.assign(_,{dispatchEvent:(e,t,o)=>{r(e,createEvent(o,{$toolbar:_},t))},syncUpdate(e){m.connectTable=e.$table,c.columns=e.collectColumn,c.connectFlag++}});let P=(e,o)=>{e=e.dropdowns;return e?e.map((t,e)=>!1!==t.visible&&p?(0,_vue.h)(p,Object.assign(Object.assign({key:e},Object.assign({},t,{content:t.content||t.name,options:void 0})),{onClick:e=>(o?y:E)(e,t)})):(0,_vue.createCommentVNode)()):[]};return _.renderVN=()=>{var{perfect:e,loading:t,refresh:o,zoom:r,custom:n,className:a}=u,l=s.value;return(0,_vue.h)("div",{ref:d,class:["vxe-toolbar",a?_xeUtils.default.isFunction(a)?a({$toolbar:_}):a:"",{["size--"+l]:l,"is--perfect":e,"is--loading":t}]},[(0,_vue.h)("div",{class:"vxe-buttons--wrapper"},(()=>{var e=u.buttons,t=m.connectTable;let i=t;var t=v.buttons,o=v.buttonPrefix||v["button-prefix"],r=v.buttonSuffix||v["button-suffix"];let s=[];return e&&e.forEach((t,e)=>{var o,r,n,{dropdowns:a,buttonRender:l}=t;!1!==t.visible&&(o=l?renderer.get(l.name):null,l&&o&&o.renderToolbarButton?(r=o.toolbarButtonClassName,n={$grid:g,$gantt:b,$table:i,button:t},s.push((0,_vue.h)("span",{key:"br"+(t.code||e),class:["vxe-button--item",r?_xeUtils.default.isFunction(r)?r(n):r:""]},(0,_vn.getSlotVNs)(o.renderToolbarButton(l,n))))):p&&s.push((0,_vue.h)(p,Object.assign(Object.assign({key:"bd"+(t.code||e)},Object.assign({},t,{content:t.content||t.name,options:void 0})),{onClick:e=>y(e,t)}),a&&a.length?{dropdowns:()=>P(t,!0)}:{})))}),[(0,_vue.h)("div",{class:"vxe-button--prefix-wrapper"},o?(0,_vn.getSlotVNs)(o({buttons:e||[],$grid:g,$gantt:b,$table:i})):[]),(0,_vue.h)("div",{class:"vxe-button--item-wrapper"},t?(0,_vn.getSlotVNs)(t({buttons:e||[],$grid:g,$gantt:b,$table:i})):s),(0,_vue.h)("div",{class:"vxe-button--suffix-wrapper"},r?(0,_vn.getSlotVNs)(r({buttons:e||[],$grid:g,$gantt:b,$table:i})):[])]})()),(0,_vue.h)("div",{class:"vxe-tools--wrapper"},(()=>{var e=u.tools,t=m.connectTable;let s=t;var t=v.tools,o=v.toolPrefix||v["tool-prefix"],r=v.toolSuffix||v["tool-suffix"];let c=[];return e&&e.forEach((t,e)=>{var o,r,n,a,{dropdowns:l,toolRender:i}=t;!1!==t.visible&&(o=i?i.name:null,r=i?renderer.get(o):null,i&&r&&r.renderToolbarTool?(n=r.toolbarToolClassName,a={$grid:g,$gantt:b,$table:s,tool:t},c.push((0,_vue.h)("span",{key:o,class:["vxe-tool--item",n?_xeUtils.default.isFunction(n)?n(a):n:""]},(0,_vn.getSlotVNs)(r.renderToolbarTool(i,a))))):p&&c.push((0,_vue.h)(p,Object.assign(Object.assign({key:e},Object.assign({},t,{content:t.content||t.name,options:void 0})),{onClick:e=>E(e,t)}),l&&l.length?{dropdowns:()=>P(t,!1)}:{})))}),[(0,_vue.h)("div",{class:"vxe-tool--prefix-wrapper"},o?(0,_vn.getSlotVNs)(o({tools:e||[],$grid:g,$gantt:b,$table:s})):[]),(0,_vue.h)("div",{class:"vxe-tool--item-wrapper"},t?(0,_vn.getSlotVNs)(t({tools:e||[],$grid:g,$gantt:b,$table:s})):c),(0,_vue.h)("div",{class:"vxe-tool--suffix-wrapper"},r?(0,_vn.getSlotVNs)(r({tools:e||[],$grid:g,$gantt:b,$table:s})):[])]})()),(0,_vue.h)("div",{class:"vxe-tools--operate"},[u.import&&(a=x.value,p)?(0,_vue.h)(p,{key:"import",circle:!0,icon:a.icon||getIcon().TOOLBAR_TOOLS_IMPORT,title:getI18n("vxe.toolbar.import"),onClick:R}):(0,_vue.createCommentVNode)(),u.export&&(l=O.value,p)?(0,_vue.h)(p,{key:"export",circle:!0,icon:l.icon||getIcon().TOOLBAR_TOOLS_EXPORT,title:getI18n("vxe.toolbar.export"),onClick:S}):(0,_vue.createCommentVNode)(),u.print&&(e=h.value,p)?(0,_vue.h)(p,{key:"print",circle:!0,icon:e.icon||getIcon().TOOLBAR_TOOLS_PRINT,title:getI18n("vxe.toolbar.print"),onClick:N}):(0,_vue.createCommentVNode)(),o&&(t=f.value,p)?(0,_vue.h)(p,{key:"refresh",circle:!0,icon:c.isRefresh?t.iconLoading||getIcon().TOOLBAR_TOOLS_REFRESH_LOADING:t.icon||getIcon().TOOLBAR_TOOLS_REFRESH,title:getI18n("vxe.toolbar.refresh"),onClick:I}):(0,_vue.createCommentVNode)(),r&&i&&(a=T.value,i)&&p?(0,_vue.h)(p,{key:"zoom",circle:!0,icon:i.isMaximized()?a.iconOut||getIcon().TOOLBAR_TOOLS_MINIMIZE:a.iconIn||getIcon().TOOLBAR_TOOLS_FULLSCREEN,title:getI18n("vxe.toolbar.zoom"+(i.isMaximized()?"Out":"In")),onClick:w}):(0,_vue.createCommentVNode)(),n&&(l=C.value,e=$.value,o={},"manual"!==e&&("hover"===e?(o.onMouseenter=L,o.onMouseleave=k):o.onClick=j),p)?(0,_vue.h)(p,Object.assign({key:"custom",circle:!0,icon:l.icon||getIcon().TOOLBAR_TOOLS_CUSTOM,title:getI18n("vxe.toolbar.custom"),className:"vxe-toolbar-custom-target"},o)):(0,_vue.createCommentVNode)()])])},(0,_vue.nextTick)(()=>{var e=f.value,e=e.queryMethod||e.query,e=(!u.refresh||i||e||(0,_log.warnLog)("vxe.error.notFunc",["[toolbar] queryMethod"]),_xeUtils.default.isPlainObject(u.custom)&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] custom={...}","custom=boolean & custom-options={...}"]),_xeUtils.default.isPlainObject(u.print)&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] print={...}","print=boolean & print-options={...}"]),_xeUtils.default.isPlainObject(u.export)&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] export={...}","export=boolean & export-options={...}"]),_xeUtils.default.isPlainObject(u.import)&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] import={...}","import=boolean & import-options={...}"]),_xeUtils.default.isPlainObject(u.refresh)&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] refresh={...}","refresh=boolean & refresh-options={...}"]),_xeUtils.default.isPlainObject(u.refresh)&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] zoom={...}","zoom=boolean & zoom-options={...}"]),C.value);e.isFooter&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] toolbar.custom.isFooter","table.custom-config.showFooter"]),e.showFooter&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] toolbar.custom.showFooter","table.custom-config.showFooter"]),e.immediate&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] toolbar.custom.immediate","table.custom-config.immediate"]),e.trigger&&(0,_log.warnLog)("vxe.error.delProp",["[toolbar] toolbar.custom.trigger","table.custom-config.trigger"]),(u.refresh||u.import||u.export||u.print||u.zoom)&&!p&&(0,_log.errLog)("vxe.error.reqComp",["vxe-button"])}),(0,_vue.onUnmounted)(()=>{_xeUtils.default.assign(m,createInternalData())}),_},render(){return this.renderVN()}});
|
|
@@ -61,10 +61,6 @@
|
|
|
61
61
|
display: flex;
|
|
62
62
|
align-items: center;
|
|
63
63
|
}
|
|
64
|
-
.vxe-toolbar .vxe-buttons--wrapper,
|
|
65
|
-
.vxe-toolbar .vxe-tools--wrapper {
|
|
66
|
-
flex-wrap: wrap;
|
|
67
|
-
}
|
|
68
64
|
.vxe-toolbar .vxe-tools--operate {
|
|
69
65
|
flex-shrink: 0;
|
|
70
66
|
}
|
|
@@ -75,6 +71,26 @@
|
|
|
75
71
|
background-color: var(--vxe-ui-toolbar-custom-active-background-color);
|
|
76
72
|
border-radius: 50%;
|
|
77
73
|
}
|
|
74
|
+
.vxe-toolbar .vxe-button--item-wrapper,
|
|
75
|
+
.vxe-toolbar .vxe-tool--item-wrapper {
|
|
76
|
+
flex-grow: 1;
|
|
77
|
+
}
|
|
78
|
+
.vxe-toolbar .vxe-button--prefix-wrapper,
|
|
79
|
+
.vxe-toolbar .vxe-button--suffix-wrapper,
|
|
80
|
+
.vxe-toolbar .vxe-tool--prefix-wrapper,
|
|
81
|
+
.vxe-toolbar .vxe-tool--suffix-wrapper {
|
|
82
|
+
flex-shrink: 0;
|
|
83
|
+
}
|
|
84
|
+
.vxe-toolbar .vxe-button--item-wrapper,
|
|
85
|
+
.vxe-toolbar .vxe-tool--item-wrapper,
|
|
86
|
+
.vxe-toolbar .vxe-button--prefix-wrapper,
|
|
87
|
+
.vxe-toolbar .vxe-button--suffix-wrapper,
|
|
88
|
+
.vxe-toolbar .vxe-tool--prefix-wrapper,
|
|
89
|
+
.vxe-toolbar .vxe-tool--suffix-wrapper {
|
|
90
|
+
display: flex;
|
|
91
|
+
align-items: center;
|
|
92
|
+
flex-wrap: wrap;
|
|
93
|
+
}
|
|
78
94
|
|
|
79
95
|
.vxe-toolbar {
|
|
80
96
|
font-size: var(--vxe-ui-font-size-default);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-toolbar{position:relative;display:flex;flex-direction:row;align-items:center;padding:.6em 0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--perfect{border:1px solid var(--vxe-ui-table-border-color);border-bottom-width:0;background-color:var(--vxe-ui-table-header-background-color)}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-toolbar .vxe-buttons--wrapper{flex-grow:1}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item{margin-left:.8em}.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:flex;align-items:center;justify-content:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper{display:flex;align-items:center}.vxe-toolbar .vxe-
|
|
1
|
+
.vxe-toolbar{position:relative;display:flex;flex-direction:row;align-items:center;padding:.6em 0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--perfect{border:1px solid var(--vxe-ui-table-border-color);border-bottom-width:0;background-color:var(--vxe-ui-table-header-background-color)}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-toolbar .vxe-buttons--wrapper{flex-grow:1}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item{margin-left:.8em}.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:flex;align-items:center;justify-content:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper{display:flex;align-items:center}.vxe-toolbar .vxe-tools--operate{flex-shrink:0}.vxe-toolbar .vxe-custom--wrapper{position:relative}.vxe-toolbar .vxe-custom--wrapper.is--active>.vxe-button{background-color:var(--vxe-ui-toolbar-custom-active-background-color);border-radius:50%}.vxe-toolbar .vxe-button--item-wrapper,.vxe-toolbar .vxe-tool--item-wrapper{flex-grow:1}.vxe-toolbar .vxe-button--prefix-wrapper,.vxe-toolbar .vxe-button--suffix-wrapper,.vxe-toolbar .vxe-tool--prefix-wrapper,.vxe-toolbar .vxe-tool--suffix-wrapper{flex-shrink:0}.vxe-toolbar .vxe-button--item-wrapper,.vxe-toolbar .vxe-button--prefix-wrapper,.vxe-toolbar .vxe-button--suffix-wrapper,.vxe-toolbar .vxe-tool--item-wrapper,.vxe-toolbar .vxe-tool--prefix-wrapper,.vxe-toolbar .vxe-tool--suffix-wrapper{display:flex;align-items:center;flex-wrap:wrap}.vxe-toolbar{font-size:var(--vxe-ui-font-size-default)}.vxe-toolbar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-toolbar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-toolbar.size--mini{font-size:var(--vxe-ui-font-size-mini)}
|
package/lib/ui/index.js
CHANGED
|
@@ -13,7 +13,7 @@ Object.defineProperty(exports, "VxeUI", {
|
|
|
13
13
|
exports.version = exports.validators = exports.use = exports.t = exports.setup = exports.setTheme = exports.setLanguage = exports.setIcon = exports.setI18n = exports.setConfig = exports.saveFile = exports.renderer = exports.readFile = exports.print = exports.modal = exports.menus = exports.log = exports.interceptor = exports.hooks = exports.globalResize = exports.globalEvents = exports.getTheme = exports.getIcon = exports.getI18n = exports.getConfig = exports.formats = exports.default = exports.config = exports.commands = exports.clipboard = exports._t = void 0;
|
|
14
14
|
var _core = require("@vxe-ui/core");
|
|
15
15
|
var _utils = require("./src/utils");
|
|
16
|
-
const version = exports.version = "4.17.
|
|
16
|
+
const version = exports.version = "4.17.26";
|
|
17
17
|
_core.VxeUI.version = version;
|
|
18
18
|
_core.VxeUI.tableVersion = version;
|
|
19
19
|
_core.VxeUI.setConfig({
|
package/lib/ui/index.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.VXETable=void 0,Object.defineProperty(exports,"VxeUI",{enumerable:!0,get:function(){return _core.VxeUI}}),exports.version=exports.validators=exports.use=exports.t=exports.setup=exports.setTheme=exports.setLanguage=exports.setIcon=exports.setI18n=exports.setConfig=exports.saveFile=exports.renderer=exports.readFile=exports.print=exports.modal=exports.menus=exports.log=exports.interceptor=exports.hooks=exports.globalResize=exports.globalEvents=exports.getTheme=exports.getIcon=exports.getI18n=exports.getConfig=exports.formats=exports.default=exports.config=exports.commands=exports.clipboard=exports._t=void 0;var _core=require("@vxe-ui/core"),_utils=require("./src/utils");let version=exports.version="4.17.
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.VXETable=void 0,Object.defineProperty(exports,"VxeUI",{enumerable:!0,get:function(){return _core.VxeUI}}),exports.version=exports.validators=exports.use=exports.t=exports.setup=exports.setTheme=exports.setLanguage=exports.setIcon=exports.setI18n=exports.setConfig=exports.saveFile=exports.renderer=exports.readFile=exports.print=exports.modal=exports.menus=exports.log=exports.interceptor=exports.hooks=exports.globalResize=exports.globalEvents=exports.getTheme=exports.getIcon=exports.getI18n=exports.getConfig=exports.formats=exports.default=exports.config=exports.commands=exports.clipboard=exports._t=void 0;var _core=require("@vxe-ui/core"),_utils=require("./src/utils");let version=exports.version="4.17.26",iconPrefix=(_core.VxeUI.version=version,_core.VxeUI.tableVersion=version,_core.VxeUI.setConfig({emptyCell:" ",table:{fit:!0,showHeader:!0,animat:!0,delayHover:250,autoResize:!0,resizeConfig:{},resizableConfig:{dragMode:"auto",showDragTip:!0,isSyncAutoHeight:!0,isSyncAutoWidth:!0,minHeight:18},radioConfig:{strict:!0},rowDragConfig:{showIcon:!0,animation:!0,showGuidesStatus:!0,showDragTip:!0},columnDragConfig:{showIcon:!0,animation:!0,showGuidesStatus:!0,showDragTip:!0},checkboxConfig:{strict:!0},tooltipConfig:{enterable:!0},headerTooltipConfig:{enterable:!0},footerTooltipConfig:{enterable:!0},validConfig:{showMessage:!0,autoClear:!0,autoPos:!0,message:"inline",msgMode:"single",theme:"beautify"},columnConfig:{autoOptions:{isCalcHeader:!0,isCalcBody:!0,isCalcFooter:!0},maxFixedSize:4},cellConfig:{padding:!0},headerCellConfig:{height:"unset"},footerCellConfig:{height:"unset"},menuConfig:{destroyOnClose:!0},customConfig:{allowVisible:!0,allowResizable:!0,allowFixed:!0,allowSort:!0,showFooter:!0,placement:"top-right",storeOptions:{visible:!0,resizable:!0,sort:!0,fixed:!0},modalOptions:{showMaximize:!0,mask:!0,lockView:!0,resize:!0,escClosable:!0},drawerOptions:{mask:!0,lockView:!0,escClosable:!0,resize:!0}},sortConfig:{showIcon:!0,allowClear:!0,allowBtn:!0,iconLayout:"vertical"},filterConfig:{destroyOnClose:!0,multiple:!0,showIcon:!0},floatingFilterConfig:{},aggregateConfig:{padding:!0,rowField:"id",parentField:"_X_ROW_PARENT_KEY",childrenField:"_X_ROW_CHILDREN",mapChildrenField:"_X_ROW_CHILD_LIST",indent:20,showIcon:!0,maxGroupSize:4,showAggFuncTitle:!0},treeConfig:{padding:!0,rowField:"id",parentField:"parentId",childrenField:"children",hasChildField:"hasChild",mapChildrenField:"_X_ROW_CHILD",indent:20,showIcon:!0,showRootLine:!0},expandConfig:{showIcon:!0,mode:"fixed"},editConfig:{showIcon:!0,showAsterisk:!0,autoFocus:!0},importConfig:{_typeMaps:{csv:1,html:1,xml:1,txt:1}},exportConfig:{_typeMaps:{csv:1,html:1,xml:1,txt:1}},printConfig:{},mouseConfig:{extension:!0},keyboardConfig:{isAll:!0,isEsc:!0},areaConfig:{autoClear:!0,selectCellByHeader:!0,selectCellByBody:!0,extendDirection:{top:!0,left:!0,bottom:!0,right:!0}},clipConfig:{isCopy:!0,isCut:!0,isPaste:!0},fnrConfig:{isFind:!0,isReplace:!0},virtualXConfig:{gt:24,preSize:1,oSize:0},virtualYConfig:{gt:100,preSize:1,oSize:0},scrollbarConfig:{x:{visible:!0},y:{visible:!0}}},grid:{formConfig:{enabled:!0},pagerConfig:{enabled:!0},toolbarConfig:{enabled:!0},proxyConfig:{enabled:!0,autoLoad:!0,showLoading:!0,showResponseMsg:!0,showActionMsg:!0,response:{list:"list",result:"result",total:"page.total",footerData:"footerData",message:"message"}}},toolbar:{},gantt:{}}),"vxe-table-icon-"),setTheme=(_core.VxeUI.setIcon({TABLE_SORT_ASC:iconPrefix+"caret-up",TABLE_SORT_DESC:iconPrefix+"caret-down",TABLE_FILTER_NONE:iconPrefix+"funnel",TABLE_FILTER_MATCH:iconPrefix+"funnel",TABLE_EDIT:iconPrefix+"edit",TABLE_TITLE_PREFIX:iconPrefix+"question-circle-fill",TABLE_TITLE_SUFFIX:iconPrefix+"question-circle-fill",TABLE_TREE_LOADED:iconPrefix+"spinner roll",TABLE_TREE_OPEN:iconPrefix+"caret-right rotate90",TABLE_TREE_CLOSE:iconPrefix+"caret-right",TABLE_EXPAND_LOADED:iconPrefix+"spinner roll",TABLE_EXPAND_OPEN:iconPrefix+"arrow-right rotate90",TABLE_EXPAND_CLOSE:iconPrefix+"arrow-right",TABLE_CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",TABLE_CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",TABLE_CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",TABLE_CHECKBOX_DISABLED_UNCHECKED:iconPrefix+"checkbox-unchecked-fill",TABLE_RADIO_CHECKED:iconPrefix+"radio-checked-fill",TABLE_RADIO_UNCHECKED:iconPrefix+"radio-unchecked",TABLE_RADIO_DISABLED_UNCHECKED:iconPrefix+"radio-unchecked-fill",TABLE_CUSTOM_SORT:iconPrefix+"drag-handle",TABLE_MENU_OPTIONS:iconPrefix+"arrow-right",TABLE_MENU_OPTION_LOADING:iconPrefix+"repeat roll",TABLE_DRAG_ROW:iconPrefix+"drag-handle",TABLE_DRAG_COLUMN:iconPrefix+"drag-handle",TABLE_DRAG_STATUS_ROW:iconPrefix+"sort",TABLE_DRAG_STATUS_SUB_ROW:iconPrefix+"add-sub",TABLE_DRAG_STATUS_AGG_GROUP:iconPrefix+"grouping",TABLE_DRAG_STATUS_AGG_VALUES:iconPrefix+"values",TABLE_DRAG_STATUS_COLUMN:iconPrefix+"swap",TABLE_DRAG_DISABLED:iconPrefix+"no-drop",TABLE_ROW_GROUP_OPEN:iconPrefix+"arrow-right rotate90",TABLE_ROW_GROUP_CLOSE:iconPrefix+"arrow-right",TABLE_AGGREGATE_GROUPING:iconPrefix+"grouping",TABLE_AGGREGATE_VALUES:iconPrefix+"values",TABLE_AGGREGATE_SORT:iconPrefix+"drag-handle",TABLE_AGGREGATE_DELETE:iconPrefix+"close",TOOLBAR_TOOLS_REFRESH:iconPrefix+"repeat",TOOLBAR_TOOLS_REFRESH_LOADING:iconPrefix+"repeat roll",TOOLBAR_TOOLS_IMPORT:iconPrefix+"upload",TOOLBAR_TOOLS_EXPORT:iconPrefix+"download",TOOLBAR_TOOLS_PRINT:iconPrefix+"print",TOOLBAR_TOOLS_FULLSCREEN:iconPrefix+"fullscreen",TOOLBAR_TOOLS_MINIMIZE:iconPrefix+"minimize",TOOLBAR_TOOLS_CUSTOM:iconPrefix+"custom-column",TOOLBAR_TOOLS_FIXED_LEFT:iconPrefix+"fixed-left",TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE:iconPrefix+"fixed-left-fill",TOOLBAR_TOOLS_FIXED_RIGHT:iconPrefix+"fixed-right",TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE:iconPrefix+"fixed-right-fill"}),exports.setTheme=_core.VxeUI.setTheme),getTheme=exports.getTheme=_core.VxeUI.getTheme,setConfig=exports.setConfig=_core.VxeUI.setConfig,getConfig=exports.getConfig=_core.VxeUI.getConfig,setIcon=exports.setIcon=_core.VxeUI.setIcon,getIcon=exports.getIcon=_core.VxeUI.getIcon,setLanguage=exports.setLanguage=_core.VxeUI.setLanguage,setI18n=exports.setI18n=_core.VxeUI.setI18n,getI18n=exports.getI18n=_core.VxeUI.getI18n,globalEvents=exports.globalEvents=_core.VxeUI.globalEvents,globalResize=exports.globalResize=_core.VxeUI.globalResize,renderer=exports.renderer=_core.VxeUI.renderer,validators=exports.validators=_core.VxeUI.validators,menus=exports.menus=_core.VxeUI.menus,formats=exports.formats=_core.VxeUI.formats,commands=exports.commands=_core.VxeUI.commands,interceptor=exports.interceptor=_core.VxeUI.interceptor,clipboard=exports.clipboard=_core.VxeUI.clipboard,log=exports.log=_core.VxeUI.log,hooks=exports.hooks=_core.VxeUI.hooks,use=exports.use=_core.VxeUI.use,setup=e=>_core.VxeUI.setConfig(e),config=(exports.setup=setup,_core.VxeUI.setup=setup,e=>_core.VxeUI.setConfig(e)),t=(exports.config=config,_core.VxeUI.config=config,(e,o)=>_core.VxeUI.getI18n(e,o)),_t=(exports.t=t,_core.VxeUI.t=t,(e,o)=>(0,_utils.getFuncText)(e,o)),VXETable=(exports._t=_t,_core.VxeUI._t=_t,exports.VXETable=_core.VxeUI),saveFile=e=>_core.VxeUI.saveFile(e),readFile=(exports.saveFile=saveFile,e=>_core.VxeUI.readFile(e)),print=(exports.readFile=readFile,e=>_core.VxeUI.print(e)),modal=(exports.print=print,exports.modal={get(e){return _core.VxeUI.modal.get(e)},close(e){return _core.VxeUI.modal.close(e)},open(e){return _core.VxeUI.modal.open(e)},alert(e,o,r){return _core.VxeUI.modal.alert(e,o,r)},confirm(e,o,r){return _core.VxeUI.modal.confirm(e,o,r)},message(e,o){return _core.VxeUI.modal.message(e,o)},notification(e,o,r){return _core.VxeUI.modal.notification(e,o,r)}});var _default=exports.default=_core.VxeUI;
|
package/lib/ui/src/log.js
CHANGED
|
@@ -8,6 +8,6 @@ var _core = require("@vxe-ui/core");
|
|
|
8
8
|
const {
|
|
9
9
|
log
|
|
10
10
|
} = _core.VxeUI;
|
|
11
|
-
const version = `table v${"4.17.
|
|
11
|
+
const version = `table v${"4.17.26"}`;
|
|
12
12
|
const warnLog = exports.warnLog = log.create('warn', version);
|
|
13
13
|
const errLog = exports.errLog = 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");let log=_core.VxeUI.log,version="table v4.17.
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");let log=_core.VxeUI.log,version="table v4.17.26",warnLog=exports.warnLog=log.create("warn",version),errLog=exports.errLog=log.create("error",version);
|
|
@@ -61,10 +61,6 @@
|
|
|
61
61
|
display: flex;
|
|
62
62
|
align-items: center;
|
|
63
63
|
}
|
|
64
|
-
.vxe-toolbar .vxe-buttons--wrapper,
|
|
65
|
-
.vxe-toolbar .vxe-tools--wrapper {
|
|
66
|
-
flex-wrap: wrap;
|
|
67
|
-
}
|
|
68
64
|
.vxe-toolbar .vxe-tools--operate {
|
|
69
65
|
flex-shrink: 0;
|
|
70
66
|
}
|
|
@@ -75,6 +71,26 @@
|
|
|
75
71
|
background-color: var(--vxe-ui-toolbar-custom-active-background-color);
|
|
76
72
|
border-radius: 50%;
|
|
77
73
|
}
|
|
74
|
+
.vxe-toolbar .vxe-button--item-wrapper,
|
|
75
|
+
.vxe-toolbar .vxe-tool--item-wrapper {
|
|
76
|
+
flex-grow: 1;
|
|
77
|
+
}
|
|
78
|
+
.vxe-toolbar .vxe-button--prefix-wrapper,
|
|
79
|
+
.vxe-toolbar .vxe-button--suffix-wrapper,
|
|
80
|
+
.vxe-toolbar .vxe-tool--prefix-wrapper,
|
|
81
|
+
.vxe-toolbar .vxe-tool--suffix-wrapper {
|
|
82
|
+
flex-shrink: 0;
|
|
83
|
+
}
|
|
84
|
+
.vxe-toolbar .vxe-button--item-wrapper,
|
|
85
|
+
.vxe-toolbar .vxe-tool--item-wrapper,
|
|
86
|
+
.vxe-toolbar .vxe-button--prefix-wrapper,
|
|
87
|
+
.vxe-toolbar .vxe-button--suffix-wrapper,
|
|
88
|
+
.vxe-toolbar .vxe-tool--prefix-wrapper,
|
|
89
|
+
.vxe-toolbar .vxe-tool--suffix-wrapper {
|
|
90
|
+
display: flex;
|
|
91
|
+
align-items: center;
|
|
92
|
+
flex-wrap: wrap;
|
|
93
|
+
}
|
|
78
94
|
|
|
79
95
|
.vxe-toolbar {
|
|
80
96
|
font-size: var(--vxe-ui-font-size-default);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-toolbar{position:relative;display:flex;flex-direction:row;align-items:center;padding:.6em 0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--perfect{border:1px solid var(--vxe-ui-table-border-color);border-bottom-width:0;background-color:var(--vxe-ui-table-header-background-color)}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-toolbar .vxe-buttons--wrapper{flex-grow:1}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item{margin-left:.8em}.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:flex;align-items:center;justify-content:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper{display:flex;align-items:center}.vxe-toolbar .vxe-
|
|
1
|
+
.vxe-toolbar{position:relative;display:flex;flex-direction:row;align-items:center;padding:.6em 0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--perfect{border:1px solid var(--vxe-ui-table-border-color);border-bottom-width:0;background-color:var(--vxe-ui-table-header-background-color)}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-toolbar .vxe-buttons--wrapper{flex-grow:1}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item{margin-left:.8em}.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:flex;align-items:center;justify-content:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper{display:flex;align-items:center}.vxe-toolbar .vxe-tools--operate{flex-shrink:0}.vxe-toolbar .vxe-custom--wrapper{position:relative}.vxe-toolbar .vxe-custom--wrapper.is--active>.vxe-button{background-color:var(--vxe-ui-toolbar-custom-active-background-color);border-radius:50%}.vxe-toolbar .vxe-button--item-wrapper,.vxe-toolbar .vxe-tool--item-wrapper{flex-grow:1}.vxe-toolbar .vxe-button--prefix-wrapper,.vxe-toolbar .vxe-button--suffix-wrapper,.vxe-toolbar .vxe-tool--prefix-wrapper,.vxe-toolbar .vxe-tool--suffix-wrapper{flex-shrink:0}.vxe-toolbar .vxe-button--item-wrapper,.vxe-toolbar .vxe-button--prefix-wrapper,.vxe-toolbar .vxe-button--suffix-wrapper,.vxe-toolbar .vxe-tool--item-wrapper,.vxe-toolbar .vxe-tool--prefix-wrapper,.vxe-toolbar .vxe-tool--suffix-wrapper{display:flex;align-items:center;flex-wrap:wrap}.vxe-toolbar{font-size:var(--vxe-ui-font-size-default)}.vxe-toolbar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-toolbar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-toolbar.size--mini{font-size:var(--vxe-ui-font-size-mini)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vxe-table",
|
|
3
|
-
"version": "4.17.
|
|
3
|
+
"version": "4.17.26",
|
|
4
4
|
"description": "A PC-end table component based on Vxe UI, supporting copy-paste, data pivot table, and high-performance virtual list table solution.",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"update": "npm install --legacy-peer-deps",
|
|
@@ -65,8 +65,7 @@
|
|
|
65
65
|
"sass-loader": "^14.2.0",
|
|
66
66
|
"typescript": "~4.7.4",
|
|
67
67
|
"vue": "3.4.27",
|
|
68
|
-
"vue-router": "~4.5.1"
|
|
69
|
-
"vxe-gantt": "~4.0.26"
|
|
68
|
+
"vue-router": "~4.5.1"
|
|
70
69
|
},
|
|
71
70
|
"vetur": {
|
|
72
71
|
"tags": "helper/vetur/tags.json",
|
|
@@ -31,7 +31,7 @@ import '../module/custom/hook'
|
|
|
31
31
|
import '../render'
|
|
32
32
|
|
|
33
33
|
import type { VxeTooltipInstance, VxeTabsConstructor, VxeTabsPrivateMethods, ValueOf, VxeComponentSlotType } from 'vxe-pc-ui'
|
|
34
|
-
import type { VxeGanttConstructor, VxeGanttPrivateMethods } from 'vxe-gantt'
|
|
34
|
+
import type { VxeGanttConstructor, VxeGanttPrivateMethods } from 'vxe-pc-ui/types/components/gantt'
|
|
35
35
|
import type { VxeGridConstructor, VxeGridPrivateMethods, VxeTableConstructor, TableReactData, VxeTablePropTypes, VxeToolbarConstructor, TablePrivateMethods, VxeTablePrivateRef, VxeTablePrivateComputed, VxeTablePrivateMethods, TableMethods, VxeTableMethods, VxeTableDefines, VxeTableEmits, VxeTableProps, VxeColumnPropTypes, VxeTableCustomPanelConstructor } from '../../../types'
|
|
36
36
|
|
|
37
37
|
const { getConfig, getIcon, getI18n, renderer, formats, createEvent, globalResize, interceptor, hooks, globalEvents, GLOBAL_EVENT_KEYS, useFns, renderEmptyElement } = VxeUI
|
|
@@ -398,12 +398,10 @@ export default defineVxeComponent({
|
|
|
398
398
|
const { buttons } = props
|
|
399
399
|
const { connectTable } = internalData
|
|
400
400
|
const $table = connectTable
|
|
401
|
+
const buttonsSlot = slots.buttons
|
|
401
402
|
const buttonPrefixSlot = slots.buttonPrefix || slots['button-prefix']
|
|
402
403
|
const buttonSuffixSlot = slots.buttonSuffix || slots['button-suffix']
|
|
403
404
|
const btnVNs: VxeComponentSlotType[] = []
|
|
404
|
-
if (buttonPrefixSlot) {
|
|
405
|
-
btnVNs.push(...getSlotVNs(buttonPrefixSlot({ buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })))
|
|
406
|
-
}
|
|
407
405
|
if (buttons) {
|
|
408
406
|
buttons.forEach((item, index) => {
|
|
409
407
|
const { dropdowns, buttonRender } = item
|
|
@@ -439,10 +437,17 @@ export default defineVxeComponent({
|
|
|
439
437
|
}
|
|
440
438
|
})
|
|
441
439
|
}
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
440
|
+
return [
|
|
441
|
+
h('div', {
|
|
442
|
+
class: 'vxe-button--prefix-wrapper'
|
|
443
|
+
}, buttonPrefixSlot ? getSlotVNs(buttonPrefixSlot({ buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : []),
|
|
444
|
+
h('div', {
|
|
445
|
+
class: 'vxe-button--item-wrapper'
|
|
446
|
+
}, buttonsSlot ? getSlotVNs(buttonsSlot({ buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : btnVNs),
|
|
447
|
+
h('div', {
|
|
448
|
+
class: 'vxe-button--suffix-wrapper'
|
|
449
|
+
}, buttonSuffixSlot ? getSlotVNs(buttonSuffixSlot({ buttons: buttons || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : [])
|
|
450
|
+
]
|
|
446
451
|
}
|
|
447
452
|
|
|
448
453
|
/**
|
|
@@ -452,12 +457,10 @@ export default defineVxeComponent({
|
|
|
452
457
|
const { tools } = props
|
|
453
458
|
const { connectTable } = internalData
|
|
454
459
|
const $table = connectTable
|
|
460
|
+
const toolsSlot = slots.tools
|
|
455
461
|
const toolPrefixSlot = slots.toolPrefix || slots['tool-prefix']
|
|
456
462
|
const toolSuffixSlot = slots.toolSuffix || slots['tool-suffix']
|
|
457
463
|
const btnVNs: VxeComponentSlotType[] = []
|
|
458
|
-
if (toolPrefixSlot) {
|
|
459
|
-
btnVNs.push(...getSlotVNs(toolPrefixSlot({ tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })))
|
|
460
|
-
}
|
|
461
464
|
if (tools) {
|
|
462
465
|
tools.forEach((item, tIndex) => {
|
|
463
466
|
const { dropdowns, toolRender } = item
|
|
@@ -494,10 +497,17 @@ export default defineVxeComponent({
|
|
|
494
497
|
}
|
|
495
498
|
})
|
|
496
499
|
}
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
500
|
+
return [
|
|
501
|
+
h('div', {
|
|
502
|
+
class: 'vxe-tool--prefix-wrapper'
|
|
503
|
+
}, toolPrefixSlot ? getSlotVNs(toolPrefixSlot({ tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : []),
|
|
504
|
+
h('div', {
|
|
505
|
+
class: 'vxe-tool--item-wrapper'
|
|
506
|
+
}, toolsSlot ? getSlotVNs(toolsSlot({ tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : btnVNs),
|
|
507
|
+
h('div', {
|
|
508
|
+
class: 'vxe-tool--suffix-wrapper'
|
|
509
|
+
}, toolSuffixSlot ? getSlotVNs(toolSuffixSlot({ tools: tools || [], $grid: $xeGrid, $gantt: $xeGantt, $table: $table })) : [])
|
|
510
|
+
]
|
|
501
511
|
}
|
|
502
512
|
|
|
503
513
|
const renderToolImport = () => {
|
|
@@ -597,11 +607,7 @@ export default defineVxeComponent({
|
|
|
597
607
|
|
|
598
608
|
const renderVN = () => {
|
|
599
609
|
const { perfect, loading, refresh, zoom, custom, className } = props
|
|
600
|
-
const { connectTable } = internalData
|
|
601
610
|
const vSize = computeSize.value
|
|
602
|
-
const toolsSlot = slots.tools
|
|
603
|
-
const buttonsSlot = slots.buttons
|
|
604
|
-
const $table = connectTable
|
|
605
611
|
|
|
606
612
|
return h('div', {
|
|
607
613
|
ref: refElem,
|
|
@@ -613,10 +619,10 @@ export default defineVxeComponent({
|
|
|
613
619
|
}, [
|
|
614
620
|
h('div', {
|
|
615
621
|
class: 'vxe-buttons--wrapper'
|
|
616
|
-
},
|
|
622
|
+
}, renderLeftBtns()),
|
|
617
623
|
h('div', {
|
|
618
624
|
class: 'vxe-tools--wrapper'
|
|
619
|
-
},
|
|
625
|
+
}, renderRightTools()),
|
|
620
626
|
h('div', {
|
|
621
627
|
class: 'vxe-tools--operate'
|
|
622
628
|
}, [
|
|
@@ -68,10 +68,6 @@
|
|
|
68
68
|
display: flex;
|
|
69
69
|
align-items: center;
|
|
70
70
|
}
|
|
71
|
-
.vxe-buttons--wrapper,
|
|
72
|
-
.vxe-tools--wrapper {
|
|
73
|
-
flex-wrap: wrap;
|
|
74
|
-
}
|
|
75
71
|
.vxe-tools--operate {
|
|
76
72
|
flex-shrink: 0;
|
|
77
73
|
}
|
|
@@ -84,6 +80,26 @@
|
|
|
84
80
|
}
|
|
85
81
|
}
|
|
86
82
|
}
|
|
83
|
+
.vxe-button--item-wrapper,
|
|
84
|
+
.vxe-tool--item-wrapper {
|
|
85
|
+
flex-grow: 1;
|
|
86
|
+
}
|
|
87
|
+
.vxe-button--prefix-wrapper,
|
|
88
|
+
.vxe-button--suffix-wrapper,
|
|
89
|
+
.vxe-tool--prefix-wrapper,
|
|
90
|
+
.vxe-tool--suffix-wrapper {
|
|
91
|
+
flex-shrink: 0;
|
|
92
|
+
}
|
|
93
|
+
.vxe-button--item-wrapper,
|
|
94
|
+
.vxe-tool--item-wrapper,
|
|
95
|
+
.vxe-button--prefix-wrapper,
|
|
96
|
+
.vxe-button--suffix-wrapper,
|
|
97
|
+
.vxe-tool--prefix-wrapper,
|
|
98
|
+
.vxe-tool--suffix-wrapper {
|
|
99
|
+
display: flex;
|
|
100
|
+
align-items: center;
|
|
101
|
+
flex-wrap: wrap;
|
|
102
|
+
}
|
|
87
103
|
}
|
|
88
104
|
|
|
89
105
|
.vxe-toolbar {
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|