vxe-table 3.18.18 → 3.18.19
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/style.css +1 -1
- package/es/table/module/filter/mixin.js +21 -5
- package/es/table/module/filter/panel.js +6 -5
- package/es/table/module/menu/panel.js +27 -13
- package/es/table/src/cell.js +10 -7
- package/es/table/src/table.js +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/lib/index.umd.js +54 -26
- package/lib/index.umd.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/table/module/filter/mixin.js +21 -5
- package/lib/table/module/filter/mixin.min.js +1 -1
- package/lib/table/module/filter/panel.js +5 -4
- package/lib/table/module/filter/panel.min.js +1 -1
- package/lib/table/module/menu/panel.js +16 -9
- package/lib/table/module/menu/panel.min.js +1 -1
- package/lib/table/src/cell.js +9 -4
- package/lib/table/src/cell.min.js +1 -1
- package/lib/table/src/table.js +1 -1
- package/lib/table/src/table.min.js +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/package.json +1 -1
- package/packages/table/module/filter/mixin.ts +21 -5
- package/packages/table/module/filter/panel.ts +6 -5
- package/packages/table/module/menu/panel.ts +35 -21
- package/packages/table/src/cell.ts +10 -7
- package/packages/table/src/table.ts +1 -1
- /package/es/{iconfont.1758524611561.ttf → iconfont.1758609487377.ttf} +0 -0
- /package/es/{iconfont.1758524611561.woff → iconfont.1758609487377.woff} +0 -0
- /package/es/{iconfont.1758524611561.woff2 → iconfont.1758609487377.woff2} +0 -0
- /package/lib/{iconfont.1758524611561.ttf → iconfont.1758609487377.ttf} +0 -0
- /package/lib/{iconfont.1758524611561.woff → iconfont.1758609487377.woff} +0 -0
- /package/lib/{iconfont.1758524611561.woff2 → iconfont.1758609487377.woff2} +0 -0
|
@@ -81,8 +81,11 @@ var _default = exports.default = {
|
|
|
81
81
|
*/
|
|
82
82
|
triggerFilterEvent(evnt, column, params) {
|
|
83
83
|
const $xeTable = this;
|
|
84
|
+
const $xeGrid = $xeTable.$xeGrid;
|
|
85
|
+
const $xeGantt = $xeTable.$xeGantt;
|
|
84
86
|
const reactData = $xeTable;
|
|
85
87
|
const internalData = $xeTable;
|
|
88
|
+
const $xeGGWrapper = $xeGrid || $xeGantt;
|
|
86
89
|
const {
|
|
87
90
|
filterStore
|
|
88
91
|
} = this;
|
|
@@ -99,7 +102,7 @@ var _default = exports.default = {
|
|
|
99
102
|
if (filterStore.column === column && filterStore.visible) {
|
|
100
103
|
filterStore.visible = false;
|
|
101
104
|
} else {
|
|
102
|
-
const
|
|
105
|
+
const tableEl = $xeTable.$refs.refElem;
|
|
103
106
|
const {
|
|
104
107
|
scrollTop,
|
|
105
108
|
scrollLeft,
|
|
@@ -110,8 +113,10 @@ var _default = exports.default = {
|
|
|
110
113
|
const {
|
|
111
114
|
transfer
|
|
112
115
|
} = filterOpts;
|
|
113
|
-
const tableRect =
|
|
116
|
+
const tableRect = tableEl.getBoundingClientRect();
|
|
114
117
|
const btnElem = evnt.currentTarget;
|
|
118
|
+
const filterRender = column ? column.filterRender : null;
|
|
119
|
+
const compConf = filterRender && (0, _utils.isEnableConf)(filterRender) ? renderer.get(filterRender.name) : null;
|
|
115
120
|
$xeTable.handleFilterOptions(column);
|
|
116
121
|
internalData._currFilterParams = params;
|
|
117
122
|
filterStore.style = null;
|
|
@@ -147,17 +152,28 @@ var _default = exports.default = {
|
|
|
147
152
|
} else {
|
|
148
153
|
left = btnRect.left - tableRect.left - centerWidth;
|
|
149
154
|
top = btnRect.top - tableRect.top + btnElem.clientHeight;
|
|
150
|
-
maxHeight = Math.max(40,
|
|
155
|
+
maxHeight = Math.max(40, tableEl.clientHeight - top - (filterHeadElem ? filterHeadElem.clientHeight : 0) - (filterFootElem ? filterFootElem.clientHeight : 0) - 14);
|
|
151
156
|
if (left < 1) {
|
|
152
157
|
left = 1;
|
|
153
|
-
} else if (left >
|
|
154
|
-
left =
|
|
158
|
+
} else if (left > tableEl.clientWidth - filterWidth - 1) {
|
|
159
|
+
left = tableEl.clientWidth - filterWidth - 1;
|
|
160
|
+
}
|
|
161
|
+
if ($xeGGWrapper) {
|
|
162
|
+
const wrapperEl = $xeGGWrapper.$refs.refElem;
|
|
163
|
+
if (wrapperEl) {
|
|
164
|
+
const wrapperRect = wrapperEl.getBoundingClientRect();
|
|
165
|
+
top += tableRect.top - wrapperRect.top;
|
|
166
|
+
}
|
|
155
167
|
}
|
|
156
168
|
}
|
|
157
169
|
filterStore.style = {
|
|
158
170
|
top: (0, _dom.toCssUnit)(top),
|
|
159
171
|
left: (0, _dom.toCssUnit)(left)
|
|
160
172
|
};
|
|
173
|
+
// 筛选面板是自适应表格高度
|
|
174
|
+
if (compConf ? !compConf.tableFilterAutoHeight : false) {
|
|
175
|
+
maxHeight = 0;
|
|
176
|
+
}
|
|
161
177
|
// 判断面板不能大于表格高度
|
|
162
178
|
filterStore.maxHeight = maxHeight;
|
|
163
179
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../../ui"),_util=require("../../src/util"),_dom=require("../../../ui/src/dom"),_utils=require("../../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let renderer=_ui.VxeUI.renderer;var _default=exports.default={methods:{_openFilter(e){let i=(0,_util.handleFieldOrColumn)(this,e);if(i&&i.filters){let t=this.elemStore,l=i.fixed;return this.scrollToColumn(i).then(()=>{var e=t[`${l||"main"}-header-wrapper`]||t["main-header-wrapper"];e&&(e=e.querySelector(`.vxe-header--column.${i.id} .vxe-cell--filter`),(0,_dom.triggerEvent)(e,"click"))})}return this.$nextTick()},_setFilter(e,t,l){var i=this,r=i.filterStore,e=(0,_util.handleFieldOrColumn)(i,e);if(e&&e.filters){if(e.filters=(0,_util.toFilters)(t||[]),l)return i.handleColumnConfirmFilter(e,null);r.visible&&i.handleFilterOptions(e)}return i.$nextTick()},checkFilterOptions(){var e=this.filterStore;e.isAllSelected=e.options.every(e=>e._checked),e.isIndeterminate=!e.isAllSelected&&e.options.some(e=>e._checked)},triggerFilterEvent(l,i,r){let
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../../ui"),_util=require("../../src/util"),_dom=require("../../../ui/src/dom"),_utils=require("../../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let renderer=_ui.VxeUI.renderer;var _default=exports.default={methods:{_openFilter(e){let i=(0,_util.handleFieldOrColumn)(this,e);if(i&&i.filters){let t=this.elemStore,l=i.fixed;return this.scrollToColumn(i).then(()=>{var e=t[`${l||"main"}-header-wrapper`]||t["main-header-wrapper"];e&&(e=e.querySelector(`.vxe-header--column.${i.id} .vxe-cell--filter`),(0,_dom.triggerEvent)(e,"click"))})}return this.$nextTick()},_setFilter(e,t,l){var i=this,r=i.filterStore,e=(0,_util.handleFieldOrColumn)(i,e);if(e&&e.filters){if(e.filters=(0,_util.toFilters)(t||[]),l)return i.handleColumnConfirmFilter(e,null);r.visible&&i.handleFilterOptions(e)}return i.$nextTick()},checkFilterOptions(){var e=this.filterStore;e.isAllSelected=e.options.every(e=>e._checked),e.isIndeterminate=!e.isAllSelected&&e.options.some(e=>e._checked)},triggerFilterEvent(l,i,r){let _=this;var n=_.$xeGrid,e=_.$xeGantt,a=_,s=_;let g=n||e,t=this.filterStore;if(t.column===i&&t.visible)t.visible=!1;else{let{initStore:e,filterStore:F}=a,t=s.elemStore;if(F.column===i&&F.visible)F.visible=!1;else{let o=_.$refs.refElem,{scrollTop:u,scrollLeft:h,visibleHeight:c,visibleWidth:d}=(0,_dom.getDomNode)();let f=_.computeFilterOpts.transfer,m=o.getBoundingClientRect(),v=l.currentTarget;n=i?i.filterRender:null;let p=n&&(0,_utils.isEnableConf)(n)?renderer.get(n.name):null;_.handleFilterOptions(i),s._currFilterParams=r,F.style=null,F.visible=!0,e.filter=!0,_.$nextTick(()=>{if((0,_util.getRefElem)(t["main-header-scroll"])){var i=_.$refs.refTableFilter,i=i?i.$el:null;if(i){var r=v.getBoundingClientRect(),n=i.querySelector(".vxe-table--filter-header"),a=i.querySelector(".vxe-table--filter-footer"),i=i.offsetWidth,s=i/2;let e=0,t=0,l=0;f?(e=r.left-s+h,t=r.top+v.clientHeight+u,l=Math.min(Math.max(m.height,Math.floor(c/2)),Math.max(80,c-t-(n?n.clientHeight:0)-(a?a.clientHeight:0)-28)),e<16?e=16:e>d-i-16&&(e=d-i-16)):(e=r.left-m.left-s,t=r.top-m.top+v.clientHeight,l=Math.max(40,o.clientHeight-t-(n?n.clientHeight:0)-(a?a.clientHeight:0)-14),e<1?e=1:e>o.clientWidth-i-1&&(e=o.clientWidth-i-1),g&&(s=g.$refs.refElem)&&(r=s.getBoundingClientRect(),t+=m.top-r.top)),F.style={top:(0,_dom.toCssUnit)(t),left:(0,_dom.toCssUnit)(e)},p&&!p.tableFilterAutoHeight&&(l=0),F.maxHeight=l}}})}_.dispatchEvent("filter-visible",{column:i,field:i.field,property:i.field,filterList:_.getCheckedFilters(),visible:F.visible},l)}},handleFilterConfirmFilter(e){var t=this.filterStore;t.options.forEach(e=>{e.checked=e._checked}),this.confirmFilterEvent(e)},_saveFilterPanel(){return this.handleFilterConfirmFilter(null),this.$nextTick()},_saveFilterPanelByEvent(e){return this.handleFilterConfirmFilter(e),this.$nextTick()},_resetFilterPanel(){return this.handleFilterResetFilter(null),this.$nextTick()},_resetFilterPanelByEvent(e){return this.handleFilterResetFilter(e),this.$nextTick()},_getCheckedFilters(){var e=this.tableFullColumn;let n=[];return e.forEach(e=>{var{field:t,filters:l}=e;let i=[],r=[];l&&l.length&&(l.forEach(e=>{e.checked&&(i.push(e.value),r.push(e.data))}),i.length)&&n.push({column:e,field:t,property:t,values:i,datas:r})}),n},handleColumnConfirmFilter(e,t){let l=this;var i=l;let r=l;i=i.mouseConfig;let{scrollXLoad:n,scrollYLoad:a}=r;var s=l.computeFilterOpts,o=l.computeMouseOpts,u=e.field;let h=[],c=[];e.filters.forEach(e=>{e.checked&&(h.push(e.value),c.push(e.data))});var d=l.getCheckedFilters(),e={$table:l,$event:t,column:e,field:u,property:u,values:h,datas:c,filters:d,filterList:d};return s.remote||(l.handleTableData(!0),l.checkSelectionStatus()),i&&o.area&&l.handleFilterEvent&&l.handleFilterEvent(t,e),t&&l.dispatchEvent("filter-change",e,t),l.closeFilter(),l.updateFooter().then(()=>{var{scrollXLoad:e,scrollYLoad:t}=r;if(n||e||a||t)return(n||e)&&l.updateScrollXSpace(),(a||t)&&l.updateScrollYSpace(),l.refreshScroll()}).then(()=>(l.updateCellAreas(),l.recalculate(!0))).then(()=>{setTimeout(()=>l.recalculate(),50)})},confirmFilterEvent(e){var t=this.filterStore,t=t.column;this.handleColumnConfirmFilter(t,e)},handleClearFilter(e){if(e){var{filters:l,filterRender:i}=e;if(l){i=(0,_utils.isEnableConf)(i)?renderer.get(i.name):null;let t=e.filterResetMethod||(i?i.tableFilterResetMethod||i.filterResetMethod:null);l.forEach(e=>{e._checked=!1,e.checked=!1,t||(e.data=_xeUtils.default.clone(e.resetValue,!0))}),t&&t({options:l,column:e,$table:this})}}},handleFilterResetFilter(e){var t=this.filterStore;this.handleClearFilter(t.column),this.confirmFilterEvent(e),e&&this.dispatchEvent("clear-filter",{filterList:[]},e)},_clearFilter(e){var t=this,l=t.filterStore,i=t.tableFullColumn;let r;return e?(r=(0,_util.handleFieldOrColumn)(t,e))&&t.handleClearFilter(r):i.forEach(t.handleClearFilter),e&&r===l.column||Object.assign(l,{isAllSelected:!1,isIndeterminate:!1,style:null,options:[],column:null,multiple:!1,visible:!1}),t.updateData()},_updateFilterOptionStatus(e,t){return e._checked=t,e.checked=t,this.$nextTick()}}};
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _ui = require("../../../ui");
|
|
8
8
|
var _utils = require("../../../ui/src/utils");
|
|
9
|
+
var _dom = require("../../../ui/src/dom");
|
|
9
10
|
var _vn = require("../../../ui/src/vn");
|
|
10
11
|
var _log = require("../../../ui/src/log");
|
|
11
12
|
const {
|
|
@@ -37,14 +38,14 @@ function renderOptions($xeFilterPanel, h, filterRender, compConf) {
|
|
|
37
38
|
return [h('div', {
|
|
38
39
|
class: 'vxe-table--filter-template',
|
|
39
40
|
style: maxHeight ? {
|
|
40
|
-
maxHeight:
|
|
41
|
+
maxHeight: (0, _dom.toCssUnit)(maxHeight)
|
|
41
42
|
} : {}
|
|
42
43
|
}, $xeTable.callSlot(filterSlot, params, h))];
|
|
43
44
|
} else if (rtFilter) {
|
|
44
45
|
return [h('div', {
|
|
45
46
|
class: 'vxe-table--filter-template',
|
|
46
47
|
style: maxHeight ? {
|
|
47
|
-
maxHeight:
|
|
48
|
+
maxHeight: (0, _dom.toCssUnit)(maxHeight)
|
|
48
49
|
} : {}
|
|
49
50
|
}, (0, _vn.getSlotVNs)(rtFilter.call($xeTable, h, filterRender, params)))];
|
|
50
51
|
}
|
|
@@ -72,7 +73,7 @@ function renderOptions($xeFilterPanel, h, filterRender, compConf) {
|
|
|
72
73
|
}, getI18n('vxe.table.allFilter'))]))]), h('ul', {
|
|
73
74
|
class: 'vxe-table--filter-body',
|
|
74
75
|
style: maxHeight ? {
|
|
75
|
-
maxHeight:
|
|
76
|
+
maxHeight: (0, _dom.toCssUnit)(maxHeight)
|
|
76
77
|
} : {}
|
|
77
78
|
}, filterStore.options.map(item => {
|
|
78
79
|
const isChecked = item._checked;
|
|
@@ -195,7 +196,7 @@ var _default = exports.default = {
|
|
|
195
196
|
} = filterOpts;
|
|
196
197
|
return h('div', {
|
|
197
198
|
ref: 'refElem',
|
|
198
|
-
class: ['vxe-table--filter-wrapper', 'filter--prevent-default', className, compConf && compConf.className ? compConf.className : '', (0,
|
|
199
|
+
class: ['vxe-table--filter-wrapper', 'filter--prevent-default', className, compConf && compConf.className ? compConf.className : '', (0, _dom.getPropClass)(filterClassName, params), {
|
|
199
200
|
[`size--${vSize}`]: vSize,
|
|
200
201
|
'is--animat': tableProps.animat,
|
|
201
202
|
'is--multiple': multiple,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ui=require("../../../ui"),_utils=require("../../../ui/src/utils"),_vn=require("../../../ui/src/vn"),_log=require("../../../ui/src/log");let{getI18n,getIcon,renderer,globalMixins}=_ui.VxeUI;function renderOptions(l,i,e,t){var r=l.$xeTable;let
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ui=require("../../../ui"),_utils=require("../../../ui/src/utils"),_dom=require("../../../ui/src/dom"),_vn=require("../../../ui/src/vn"),_log=require("../../../ui/src/log");let{getI18n,getIcon,renderer,globalMixins}=_ui.VxeUI;function renderOptions(l,i,e,t){var r=l.$xeTable;let s=l.filterStore,{column:a,multiple:n,maxHeight:o}=s;var c=a?a.slots:null,c=c?c.filter:null,d=Object.assign({},r._currFilterParams,{$panel:l,$table:r}),t=t?t.renderTableFilter||t.renderFilter:null;return c?[i("div",{class:"vxe-table--filter-template",style:o?{maxHeight:(0,_dom.toCssUnit)(o)}:{}},r.callSlot(c,d,i))]:t?[i("div",{class:"vxe-table--filter-template",style:o?{maxHeight:(0,_dom.toCssUnit)(o)}:{}},(0,_vn.getSlotVNs)(t.call(r,i,e,d)))]:(c=n?s.isAllSelected:!s.options.some(e=>e._checked),t=n&&s.isIndeterminate,[i("ul",{class:"vxe-table--filter-header"},[i("li",{class:["vxe-table--filter-option",{"is--checked":c,"is--indeterminate":t}],attrs:{title:getI18n(n?"vxe.table.allTitle":"vxe.table.allFilter")},on:{click:e=>{l.changeAllOption(e,!s.isAllSelected)}}},(n?[i("span",{class:["vxe-checkbox--icon",t?getIcon().TABLE_CHECKBOX_INDETERMINATE:c?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]:[]).concat([i("span",{class:"vxe-checkbox--label"},getI18n("vxe.table.allFilter"))]))]),i("ul",{class:"vxe-table--filter-body",style:o?{maxHeight:(0,_dom.toCssUnit)(o)}:{}},s.options.map(t=>{var e=t._checked;return i("li",{class:["vxe-table--filter-option",{"is--checked":e}],attrs:{title:t.label},on:{click:e=>{l.changeOption(e,!t._checked,t)}}},(n?[i("span",{class:["vxe-checkbox--icon",e?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]:[]).concat([i("span",{class:"vxe-checkbox--label"},(0,_utils.formatText)(t.label,1))]))}))])}function renderFooter(e,t){var l=e.filterStore,{column:i,multiple:r}=l,s=e.$xeTable.computeFilterOpts,a=e.computeHasCheckOption,i=i.filterRender,i=(0,_utils.isEnableConf)(i)?renderer.get(i.name):null,a=!a&&!l.isAllSelected&&!l.isIndeterminate;return r&&(!i||!1!==i.showTableFilterFooter&&!1!==i.showFilterFooter&&!1!==i.isFooter)?[t("div",{class:"vxe-table--filter-footer"},[t("button",{class:{"is--disabled":a},attrs:{disabled:a},on:{click:e.confirmFilter}},s.confirmButtonText||getI18n("vxe.table.confirmFilter")),t("button",{on:{click:e.resetFilter}},s.resetButtonText||getI18n("vxe.table.resetFilter"))])]:[]}var _default=exports.default={name:"VxeTableFilterPanel",mixins:[globalMixins.sizeMixin],props:{filterStore:Object},inject:{$xeTable:{default:null}},computed:{computeHasCheckOption(){var e=this.filterStore;return e&&e.options.some(e=>e.checked)}},mounted(){var e=this.$xeTable.computeFilterOpts.transfer,t=this.$refs.refElem;e&&t&&document.body.appendChild(t)},beforeDestroy(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e)},render(e){var t=this,l=t.$xeTable,i=l,r=t.filterStore,{visible:s,multiple:a,column:n}=r,o=n?n.filterRender:null,c=(0,_utils.isEnableConf)(o)?renderer.get(o.name):null,d=c?c.tableFilterClassName||c.filterClassName:"",i=Object.assign({},i._currFilterParams,{$panel:t,$table:l}),u=l,p=t.computeSize,{destroyOnClose:l,className:m}=l.computeFilterOpts;return e("div",{ref:"refElem",class:["vxe-table--filter-wrapper","filter--prevent-default",m,c&&c.className?c.className:"",(0,_dom.getPropClass)(d,i),{["size--"+p]:p,"is--animat":u.animat,"is--multiple":a,"is--active":s}],style:r.style},r.visible&&(!l||s)&&n?renderOptions(t,e,o,c).concat(renderFooter(t,e)):[])},methods:{filterCheckAllEvent(e,t){var l=this.filterStore;l.options.forEach(e=>{e._checked=t,e.checked=t}),l.isAllSelected=t,l.isIndeterminate=!1},changeRadioOption(e,t,l){var i=this.$parent,r=this.filterStore;r.options.forEach(e=>{e._checked=!1}),l._checked=t,i.checkFilterOptions(),this.confirmFilter(e)},changeMultipleOption(e,t,l){var i=this.$parent;l._checked=t,i.checkFilterOptions()},changeAllOption(e,t){this.filterStore.multiple?this.filterCheckAllEvent(e,t):this.resetFilter(e)},changeOption(e,t,l){this.filterStore.multiple?this.changeMultipleOption(e,t,l):this.changeRadioOption(e,t,l)},confirmFilter(e){var t=this.$parent;e||(0,_log.warnLog)("vxe.error.delFunc",["confirmFilter","saveFilterPanelByEvent"]),t.handleFilterConfirmFilter(e||new Event("click"))},resetFilter(e){this.$parent.handleFilterResetFilter(e)}}};
|
|
@@ -5,7 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _ui = require("../../../ui");
|
|
8
|
+
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
8
9
|
var _utils = require("../../../ui/src/utils");
|
|
10
|
+
var _vn = require("../../../ui/src/vn");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
12
|
const {
|
|
10
13
|
getIcon,
|
|
11
14
|
renderEmptyElement
|
|
@@ -68,7 +71,9 @@ var _default = exports.default = {
|
|
|
68
71
|
}, options.map((item, index) => {
|
|
69
72
|
const hasChildMenus = item.children && item.children.some(child => child.visible !== false);
|
|
70
73
|
const prefixOpts = Object.assign({}, item.prefixConfig);
|
|
74
|
+
const prefixIcon = prefixOpts.icon || item.prefixIcon;
|
|
71
75
|
const suffixOpts = Object.assign({}, item.suffixConfig);
|
|
76
|
+
const suffixIcon = suffixOpts.icon || item.suffixIcon;
|
|
72
77
|
const menuContent = (0, _utils.getFuncText)(item.name);
|
|
73
78
|
return item.visible === false ? renderEmptyElement($xeTable) : h('li', {
|
|
74
79
|
class: [item.className, {
|
|
@@ -91,8 +96,8 @@ var _default = exports.default = {
|
|
|
91
96
|
}
|
|
92
97
|
}, [h('div', {
|
|
93
98
|
class: ['vxe-context-menu--link-prefix', prefixOpts.className || '']
|
|
94
|
-
}, [h('i', {
|
|
95
|
-
class:
|
|
99
|
+
}, [prefixIcon && _xeUtils.default.isFunction(prefixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(prefixIcon.call($xeTable, {}))) : h('i', {
|
|
100
|
+
class: prefixIcon
|
|
96
101
|
}), prefixOpts.content ? h('span', {}, `${prefixOpts.content}`) : renderEmptyElement($xeTable)]), h('span', {
|
|
97
102
|
class: 'vxe-context-menu--link-content',
|
|
98
103
|
attrs: {
|
|
@@ -100,15 +105,17 @@ var _default = exports.default = {
|
|
|
100
105
|
}
|
|
101
106
|
}, menuContent), h('div', {
|
|
102
107
|
class: ['vxe-context-menu--link-suffix', suffixOpts.className || '']
|
|
103
|
-
}, [h('i', {
|
|
104
|
-
class:
|
|
105
|
-
}), suffixOpts.content ? h('span', `${suffixOpts.content}`) : renderEmptyElement($xeTable)])]), hasChildMenus ? h('ul', {
|
|
108
|
+
}, [suffixIcon && _xeUtils.default.isFunction(suffixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(suffixIcon.call($xeTable, {}))) : h('i', {
|
|
109
|
+
class: suffixIcon || (hasChildMenus ? getIcon().TABLE_MENU_OPTIONS : '')
|
|
110
|
+
}), suffixOpts.content ? h('span', `${suffixOpts.content}`) : renderEmptyElement($xeTable)])]), hasChildMenus && item.children ? h('ul', {
|
|
106
111
|
class: ['vxe-table--context-menu-clild-wrapper', {
|
|
107
112
|
'is--show': item === ctxMenuStore.selected && ctxMenuStore.showChild
|
|
108
113
|
}]
|
|
109
114
|
}, item.children.map((child, cIndex) => {
|
|
110
115
|
const childPrefixOpts = Object.assign({}, child.prefixConfig);
|
|
116
|
+
const childPrefixIcon = childPrefixOpts.icon || child.prefixIcon;
|
|
111
117
|
const childSuffixOpts = Object.assign({}, child.suffixConfig);
|
|
118
|
+
const childSuffixIcon = childSuffixOpts.icon || child.suffixIcon;
|
|
112
119
|
const childMenuContent = (0, _utils.getFuncText)(child.name);
|
|
113
120
|
return child.visible === false ? null : h('li', {
|
|
114
121
|
class: [child.className, {
|
|
@@ -131,8 +138,8 @@ var _default = exports.default = {
|
|
|
131
138
|
}
|
|
132
139
|
}, [h('div', {
|
|
133
140
|
class: ['vxe-context-menu--link-prefix', childPrefixOpts.className || '']
|
|
134
|
-
}, [h('i', {
|
|
135
|
-
class:
|
|
141
|
+
}, [childPrefixIcon && _xeUtils.default.isFunction(childPrefixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(childPrefixIcon.call($xeTable, {}))) : h('i', {
|
|
142
|
+
class: childPrefixIcon
|
|
136
143
|
}), childPrefixOpts.content ? h('span', `${childPrefixOpts.content}`) : renderEmptyElement($xeTable)]), h('span', {
|
|
137
144
|
class: 'vxe-context-menu--link-content',
|
|
138
145
|
attrs: {
|
|
@@ -140,8 +147,8 @@ var _default = exports.default = {
|
|
|
140
147
|
}
|
|
141
148
|
}, childMenuContent), h('div', {
|
|
142
149
|
class: ['vxe-context-menu--link-suffix', childSuffixOpts.className || '']
|
|
143
|
-
}, [h('i', {
|
|
144
|
-
class:
|
|
150
|
+
}, [childSuffixIcon && _xeUtils.default.isFunction(childSuffixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(childSuffixIcon.call($xeTable, {}))) : h('i', {
|
|
151
|
+
class: childSuffixIcon
|
|
145
152
|
}), childSuffixOpts.content ? h('span', `${childSuffixOpts.content}`) : renderEmptyElement($xeTable)])])]);
|
|
146
153
|
})) : null]);
|
|
147
154
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ui=require("../../../ui"),_utils=require("../../../ui/src/utils");let{getIcon,renderEmptyElement}=_ui.VxeUI;var _default=exports.default={name:"VxeTableMenuPanel",props:{ctxMenuStore:Object,ctxMenuOpts:Object},inject:{$xeTable:{default:null}},mounted(){var e=this.$xeTable.computeMenuOpts.transfer,t=this.$refs.refElem;e&&t&&document.body.appendChild(t)},beforeDestroy(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e)},render(
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ui=require("../../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../../ui/src/utils"),_vn=require("../../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getIcon,renderEmptyElement}=_ui.VxeUI;var _default=exports.default={name:"VxeTableMenuPanel",props:{ctxMenuStore:Object,ctxMenuOpts:Object},inject:{$xeTable:{default:null}},mounted(){var e=this.$xeTable.computeMenuOpts.transfer,t=this.$refs.refElem;e&&t&&document.body.appendChild(t)},beforeDestroy(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e)},render(r){let x=this.$xeTable,d=x.ctxMenuStore;var e=x.computeMenuOpts.destroyOnClose,{visible:t,list:n,className:s}=d;return r("div",{ref:"refElem",class:["vxe-table--context-menu-wrapper",s,{"is--visible":t}],style:d.style},!e||t?n.map((e,u)=>e.every(e=>!1===e.visible)?renderEmptyElement(x):r("ul",{class:"vxe-context-menu--option-wrapper",key:u},e.map((a,o)=>{var e=a.children&&a.children.some(e=>!1!==e.visible),t=Object.assign({},a.prefixConfig),n=t.icon||a.prefixIcon,s=Object.assign({},a.suffixConfig),l=s.icon||a.suffixIcon,i=(0,_utils.getFuncText)(a.name);return!1===a.visible?renderEmptyElement(x):r("li",{class:[a.className,{"link--disabled":a.disabled,"link--active":a===d.selected}],key:u+"_"+o},[r("a",{class:"vxe-context-menu--link",on:{click(e){x.ctxMenuLinkEvent(e,a)},mouseover(e){x.ctxMenuMouseoverEvent(e,a)},mouseout(e){x.ctxMenuMouseoutEvent(e,a)}}},[r("div",{class:["vxe-context-menu--link-prefix",t.className||""]},[n&&_xeUtils.default.isFunction(n)?r("span",{},(0,_vn.getSlotVNs)(n.call(x,{}))):r("i",{class:n}),t.content?r("span",{},""+t.content):renderEmptyElement(x)]),r("span",{class:"vxe-context-menu--link-content",attrs:{title:i}},i),r("div",{class:["vxe-context-menu--link-suffix",s.className||""]},[l&&_xeUtils.default.isFunction(l)?r("span",{},(0,_vn.getSlotVNs)(l.call(x,{}))):r("i",{class:l||(e?getIcon().TABLE_MENU_OPTIONS:"")}),s.content?r("span",""+s.content):renderEmptyElement(x)])]),e&&a.children?r("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":a===d.selected&&d.showChild}]},a.children.map((t,e)=>{var n=Object.assign({},t.prefixConfig),s=n.icon||t.prefixIcon,l=Object.assign({},t.suffixConfig),i=l.icon||t.suffixIcon,c=(0,_utils.getFuncText)(t.name);return!1===t.visible?null:r("li",{class:[t.className,{"link--disabled":t.disabled,"link--active":t===d.selectChild}],key:u+`_${o}_`+e},[r("a",{class:"vxe-context-menu--link",on:{click(e){x.ctxMenuLinkEvent(e,t)},mouseover(e){x.ctxMenuMouseoverEvent(e,a,t)},mouseout(e){x.ctxMenuMouseoutEvent(e,a)}}},[r("div",{class:["vxe-context-menu--link-prefix",n.className||""]},[s&&_xeUtils.default.isFunction(s)?r("span",{},(0,_vn.getSlotVNs)(s.call(x,{}))):r("i",{class:s}),n.content?r("span",""+n.content):renderEmptyElement(x)]),r("span",{class:"vxe-context-menu--link-content",attrs:{title:c}},c),r("div",{class:["vxe-context-menu--link-suffix",l.className||""]},[i&&_xeUtils.default.isFunction(i)?r("span",{},(0,_vn.getSlotVNs)(i.call(x,{}))):r("i",{class:i}),l.content?r("span",""+l.content):renderEmptyElement(x)])])])})):null])}))):[])}};
|
package/lib/table/src/cell.js
CHANGED
|
@@ -1365,14 +1365,19 @@ const Cell = exports.Cell = {
|
|
|
1365
1365
|
}
|
|
1366
1366
|
let editIconVNs = [];
|
|
1367
1367
|
if ((0, _utils.isEnableConf)(editConfig)) {
|
|
1368
|
-
|
|
1368
|
+
const {
|
|
1369
|
+
showAsterisk,
|
|
1370
|
+
showIcon,
|
|
1371
|
+
icon
|
|
1372
|
+
} = editOpts;
|
|
1373
|
+
editIconVNs = [isRequired && showAsterisk ? h('i', {
|
|
1369
1374
|
class: 'vxe-cell--required-icon'
|
|
1370
1375
|
}, [h('i', {
|
|
1371
1376
|
class: 'vxe-cell--required-icon'
|
|
1372
|
-
})]) : renderEmptyElement($table), (0, _utils.isEnableConf)(editRender) &&
|
|
1377
|
+
})]) : renderEmptyElement($table), (0, _utils.isEnableConf)(editRender) && showIcon ? h('i', {
|
|
1373
1378
|
class: 'vxe-cell--edit-icon'
|
|
1374
|
-
}, [h('i', {
|
|
1375
|
-
class:
|
|
1379
|
+
}, _xeUtils.default.isFunction(icon) ? (0, _vn.getSlotVNs)(icon({})) : [h('i', {
|
|
1380
|
+
class: icon || getIcon().TABLE_EDIT
|
|
1376
1381
|
})]) : renderEmptyElement($table)];
|
|
1377
1382
|
}
|
|
1378
1383
|
return renderHeaderCellBaseVNs(h, params, editIconVNs.concat(Cell.renderHeaderTitle(h, params)).concat(sortable ? Cell.renderSortIcon(h, params) : []).concat(filters ? Cell.renderFilterIcon(h, params) : []));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Cell=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,getIcon,renderer,formats,renderEmptyElement}=_ui.VxeUI;function renderTitlePrefixIcon(e,l){let{$table:r,column:t}=l,n=t.titlePrefix||t.titleHelp;return n?e("i",{class:["vxe-cell-title-prefix-icon",n.iconStatus?"theme--"+n.iconStatus:""],on:{mouseenter(e){r.triggerHeaderTitleEvent(e,n,l)},mouseleave(e){r.handleTargetLeaveEvent(e)}}},[e("i",{class:n.icon||getIcon().TABLE_TITLE_PREFIX})]):renderEmptyElement(r)}function renderTitleSuffixIcon(e,l){let{$table:r,column:t}=l,n=t.titleSuffix;return n?e("i",{class:["vxe-cell-title-suffix-icon",n.iconStatus?"theme--"+n.iconStatus:""],on:{mouseenter(e){r.triggerHeaderTitleEvent(e,n,l)},mouseleave(e){r.handleTargetLeaveEvent(e)}}},[e("i",{class:n.icon||getIcon().TABLE_TITLE_SUFFIX})]):renderEmptyElement(r)}function renderCellDragIcon(e,l){let r=l.$table;var t=r.$scopedSlots,n=r.dragConfig,{icon:o,trigger:a,disabledMethod:d}=r.computeRowDragOpts,d=d||(n?n.rowDisabledMethod:null);let i=d&&d(l);d=t.rowDragIcon||t["row-drag-icon"],t={};return"cell"!==a&&(t.mousedown=e=>{i||r.handleCellDragMousedownEvent(e,l)},t.mouseup=r.handleCellDragMouseupEvent),e("span",{key:"dg",class:["vxe-cell--drag-handle",{"is--disabled":i}],on:t},d?r.callSlot(d,l,e):[e("i",{class:o||(n?n.rowIcon:"")||getIcon().TABLE_DRAG_ROW})])}function renderCellBaseVNs(e,l,r){var{$table:t,column:n,level:o}=l,n=n.dragSort,{treeConfig:a,dragConfig:d}=t,i=t.computeRowOpts,s=t.computeTreeOpts,{showIcon:t,isPeerDrag:c,isCrossDrag:u,visibleMethod:C}=t.computeRowDragOpts,C=C||(d?d.rowVisibleMethod:null),g=[];return n&&i.drag&&(t||d&&d.showRowIcon)&&(!C||C(l))&&(!a||s.transform&&(c||u||!o))&&g.unshift(renderCellDragIcon(e,l)),g.concat(_xeUtils.default.isArray(r)?r:[r])}function renderHeaderCellDragIcon(e,r){let{$table:t,column:l}=r;var n=t.$scopedSlots,o=l.slots,a=t.computeColumnOpts,{showIcon:d,icon:i,trigger:s,isPeerDrag:c,isCrossDrag:u,visibleMethod:C,disabledMethod:g}=t.computeColumnDragOpts;if(!a.drag||!d||C&&!C(r)||l.fixed||!c&&!u&&l.parentId)return renderEmptyElement(t);{let l=g&&g(r);a=(o?o.columnDragIcon||o["column-drag-icon"]:null)||n.columnDragIcon||n["column-drag-icon"],d={};return"cell"!==s&&(d.mousedown=e=>{l||t.handleHeaderCellDragMousedownEvent(e,r)},d.mouseup=t.handleHeaderCellDragMouseupEvent),e("span",{key:"dg",class:["vxe-cell--drag-handle",{"is--disabled":l}],on:d},a?t.callSlot(a,r,e):[e("i",{class:i||getIcon().TABLE_DRAG_COLUMN})])}}function renderHeaderCellBaseVNs(e,l,r){return[renderTitlePrefixIcon(e,l),renderHeaderCellDragIcon(e,l),..._xeUtils.default.isArray(r)?r:[r],renderTitleSuffixIcon(e,l)]}function getRenderDefaultColumnTitle(e,l,r){return"html"===l.type&&_xeUtils.default.isString(r)?e("span",{key:"ch",domProps:{innerHTML:r}}):e("span",{key:"ct"},(0,_vn.getSlotVNs)(r))}function renderTitleContent(e,l,r){let{$table:t,column:n}=l;var o=t;let a=t;var o=o.showHeaderOverflow,d=a.isRowGroupStatus,i=n.showHeaderOverflow;let s=t.computeHeaderTooltipOpts.showAll;o=_xeUtils.default.eqNull(i)?o:i;let c="title"===o,u=!0===o||"tooltip"===o;i={},(c||u||s)&&(i.mouseenter=e=>{a.isDragResize||(c?(0,_dom.updateCellTitle)(e.currentTarget,n):(u||s)&&t.triggerHeaderTooltipEvent(e,l))}),(u||s)&&(i.mouseleave=e=>{a.isDragResize||(u||s)&&t.handleTargetLeaveEvent(e)}),o=getRenderDefaultColumnTitle(e,n,r);return[e("span",{class:"vxe-cell--title",on:i},d&&n.aggFunc&&t.getPivotTableAggregateRenderColTitles?t.getPivotTableAggregateRenderColTitles(e,n,o):[o])]}function getFooterContent(e,l){var{$table:r,column:t,_columnIndex:n,row:o,items:a}=l,{slots:d,editRender:i,cellRender:s,footerFormatter:c}=t,i=i||s;if(d&&d.footer)return r.callSlot(d.footer,l,e);let u="";u=_xeUtils.default.isArray(a)?a[n]:_xeUtils.default.get(o,t.field);s=Object.assign(l,{itemValue:u});if(c)return _xeUtils.default.isFunction(c)?""+c(s):(n=(a=(d=_xeUtils.default.isArray(c))?formats.get(c[0]):formats.get(c))?a.tableFooterCellFormatMethod:null)?""+(d?n(s,...c.slice(1)):n(s)):"";if(i){o=renderer.get(i.name),t=o?o.renderTableFooter||o.renderFooter:null;if(t)return(0,_vn.getSlotVNs)(t.call(r,e,i,s))}return[(0,_utils.formatText)(u,1)]}function getDefaultCellLabel(e){var{$table:e,row:l,column:r}=e;return(0,_utils.formatText)(e.getCellLabel(l,r),1)}function renderCellHandle(e,l){var{column:r,row:t,$table:n}=l,o=n.editConfig,a=n.isRowGroupStatus,{type:d,treeNode:i,rowGroupNode:s,editRender:c}=r,u=n.computeAggregateOpts.mode,C=n.computeCheckboxOpts,n=n.computeEditOpts,g=i||a&&("column"===u?r.field===t.groupField:s);switch(d){case"seq":return g?Cell.renderDeepIndexCell(e,l):Cell.renderSeqCell(e,l);case"radio":return g?Cell.renderDeepRadioCell(e,l):Cell.renderRadioCell(e,l);case"checkbox":return C.checkField?g?Cell.renderDeepSelectionCellByProp(e,l):Cell.renderCheckboxCellByProp(e,l):g?Cell.renderDeepSelectionCell(e,l):Cell.renderCheckboxCell(e,l);case"expand":return Cell.renderExpandCell(e,l);case"html":return g?Cell.renderDeepHTMLCell(e,l):Cell.renderHTMLCell(e,l)}return(0,_utils.isEnableConf)(o)&&c?"cell"===n.mode?g?Cell.renderDeepCellEdit(e,l):Cell.renderCellEdit(e,l):g?Cell.renderDeepRowEdit(e,l):Cell.renderRowEdit(e,l):g?Cell.renderDeepCell(e,l):Cell.renderDefaultCell(e,l)}function renderHeaderHandle(e,l){var{column:r,$table:t}=l,t=t.editConfig,{type:r,filters:n,sortable:o,editRender:a}=r;switch(r){case"seq":return Cell.renderSeqHeader(e,l);case"radio":return Cell.renderRadioHeader(e,l);case"checkbox":return Cell.renderCheckboxHeader(e,l);case"html":if(n&&o)return Cell.renderSortAndFilterHeader(e,l);if(o)return Cell.renderSortHeader(e,l);if(n)return Cell.renderFilterHeader(e,l)}return t&&a?Cell.renderEditHeader(e,l):n&&o?Cell.renderSortAndFilterHeader(e,l):o?Cell.renderSortHeader(e,l):n?Cell.renderFilterHeader(e,l):Cell.renderDefaultHeader(e,l)}function renderFooterHandle(e,l){return Cell.renderDefaultFooter(e,l)}let Cell=exports.Cell={createColumn(e,l){var r=l.type,t={renderHeader:renderHeaderHandle,renderCell:renderCellHandle,renderFooter:renderFooterHandle};return"expand"===r&&(t.renderData=Cell.renderExpandData),(0,_util.createColumn)(e,l,t)},renderHeaderTitle(e,l){var{$table:r,column:t}=l,{slots:n,editRender:o,cellRender:a}=t,o=o||a;if(n&&n.header)return renderTitleContent(e,l,r.callSlot(n.header,l,e));if(o){a=renderer.get(o.name),n=a?a.renderTableHeader||a.renderHeader:null;if(n)return(0,_vn.getSlotVNs)(renderTitleContent(e,l,n.call(r,e,o,l)))}return renderTitleContent(e,l,(0,_utils.formatText)(t.getTitle(),1))},renderDefaultHeader(e,l){return renderHeaderCellBaseVNs(e,l,Cell.renderHeaderTitle(e,l))},renderDefaultCell(e,l){var{$table:r,row:t,column:n}=l,o=r.isRowGroupStatus,{field:a,slots:d,editRender:i,cellRender:s,rowGroupNode:c,aggFunc:u}=n,s=i||s,C=d?d.default:null,d=d?d.groupContent||d["group-content"]:null;let g="";if(o&&a&&t.isAggregate){var o=t,p=r.fullColumnFieldData,E=r.computeAggregateOpts,{mode:m,showTotal:b,totalMethod:v,countFields:f,contentMethod:h,mapChildrenField:x}=E,E=E.calcValuesMethod||E.countMethod||E.aggregateMethod,_=o.groupField,T=o.groupContent,x=x&&o[x]||[],D=o.childCount,p=p[_]||{},p={$table:r,groupField:_,groupColumn:p?p.column:null,column:n,groupValue:T,childList:x,childCount:D,aggValue:null,children:x,totalValue:D};if(d)return renderCellBaseVNs(e,l,r.callSlot(d,Object.assign({groupField:_,groupContent:T,childList:x,childCount:D},l),e));("column"===m?a===o.groupField:c)?(g=T,h&&(g=""+h(p)),b&&(g=getI18n("vxe.table.rowGroupContentTotal",[g,v?v(p):D,D]))):r.getPivotTableAggregateCellAggValue?g=r.getPivotTableAggregateCellAggValue(l):(!0===u||f&&f.includes(a))&&E&&(p.aggValue=D,g=""+E(p))}else{if(C)return renderCellBaseVNs(e,l,r.callSlot(C,l,e));if(s){d=renderer.get(s.name),_=d?d.renderTableDefault||d.renderDefault:null,x=d?d.renderTableCell||d.renderCell:null,m=i?x:_;if(m)return renderCellBaseVNs(e,l,(0,_vn.getSlotVNs)(m.call(r,e,s,Object.assign({$type:i?"edit":"cell"},l))))}g=r.getCellLabel(t,n)}o=i?i.placeholder:"";return renderCellBaseVNs(e,l,[e("span",{class:"vxe-cell--label"},[i&&(0,_utils.eqEmptyValue)(g)?e("span",{class:"vxe-cell--placeholder"},(0,_utils.formatText)((0,_utils.getFuncText)(o),1)):e("span",(0,_utils.formatText)(g,1))])])},renderDeepCell(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderDefaultCell.call(this,e,l))},renderDefaultFooter(e,l){return getFooterContent(e,l)},renderRowGroupBtn(e,l,r){let t=l.$table;var n=t,o=t,{row:a,level:d}=l,n=n.rowGroupExpandedFlag,o=o.rowGroupExpandedMaps,{mode:i,padding:s,indent:c}=t.computeAggregateOpts,u=(0,_util.getRowid)(t,a),n=!!n&&!!o[u];return e("div",{class:["vxe-row-group--tree-node",{"is--expanded":n}],style:"column"!==i&&s&&c?{paddingLeft:d*c+"px"}:void 0},[a.isAggregate?e("span",{class:"vxe-row-group--node-btn",on:{click(e){t.triggerRowGroupExpandEvent(e,l)}}},[e("i",{class:n?getIcon().TABLE_ROW_GROUP_OPEN:getIcon().TABLE_ROW_GROUP_CLOSE})]):renderEmptyElement(t),e("div",{class:"vxe-row-group-cell"},r)])},renderTreeNodeBtn(e,l,r){let{$table:t,isHidden:n}=l;var o=t.treeExpandedFlag,{fullAllDataRowIdData:a,treeExpandedMaps:d,treeExpandLazyLoadedMaps:i}=t,s=t.computeTreeOpts,{row:c,column:u,level:C}=l,u=u.slots,{padding:g,indent:p,lazy:E,trigger:m,iconLoaded:b,showIcon:v,iconOpen:f,iconClose:h}=s,x=s.children||s.childrenField,s=s.hasChild||s.hasChildField,x=c[x],x=x&&x.length,u=u?u.icon:null;let _=!1,T=!1,D=!1,I=!1;var w={};return u?t.callSlot(u,l,e):(n||(u=(0,_util.getRowid)(t,c),T=!!o&&!!d[u],E&&(o=a[u],D=!!i[u],_=c[s],I=!!o.treeLoaded)),m&&"default"!==m||(w.click=e=>{t.triggerTreeExpandEvent(e,l)}),[e("div",{class:["vxe-cell--tree-node",{"is--active":T}],style:g&&p?{paddingLeft:C*p+"px"}:void 0},[v&&(!E||I?x:x||_)?[e("div",{class:"vxe-cell--tree-btn",on:w},[e("i",{class:D?b||getIcon().TABLE_TREE_LOADED:T?f||getIcon().TABLE_TREE_OPEN:h||getIcon().TABLE_TREE_CLOSE})])]:null,e("div",{class:"vxe-tree-cell"},r)])])},renderDeepNodeBtn(e,l,r){var{$table:t,row:n,column:o}=l,a=o.rowGroupNode,d=t.rowGroupList;if(d.length){d=t.computeAggregateOpts.mode;if("column"===d?o.field===n.groupField:a)return[Cell.renderRowGroupBtn(e,l,r)]}return[Cell.renderTreeNodeBtn(e,l,r)]},renderSeqHeader(e,l){var{$table:r,column:t}=l,n=t.slots;return renderHeaderCellBaseVNs(e,l,renderTitleContent(e,l,n&&n.header?r.callSlot(n.header,l,e):(0,_utils.formatText)(t.getTitle(),1)))},renderSeqCell(e,l){var{$table:r,column:t}=l,n=r.treeConfig,o=r.computeSeqOpts,t=t.slots;return t&&t.default?renderCellBaseVNs(e,l,r.callSlot(t.default,l,e)):(r=l.seq,t=o.seqMethod,renderCellBaseVNs(e,l,[e("span",""+(0,_utils.formatText)(t?t(l):n?r:(o.startIndex||0)+r,1))]))},renderDeepIndexCell(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderSeqCell(e,l))},renderRadioHeader(e,l){var{$table:r,column:t}=l,n=t.slots,o=n?n.header:null,n=n?n.title:null;return renderHeaderCellBaseVNs(e,l,renderTitleContent(e,l,o?r.callSlot(o,l,e):[e("span",{class:"vxe-radio--label"},n?r.callSlot(n,l,e):(0,_utils.formatText)(t.getTitle(),1))]))},renderRadioCell(e,l){let{$table:r,column:t,isHidden:n}=l;var o=r.selectRadioRow,a=t.slots,{labelField:d,checkMethod:i,visibleMethod:s}=r.computeRadioOpts,c=l.row,u=a?a.default:null,a=a?a.radio:null,o=c===o;let C=!s||s({$table:r,row:c}),g=!!i,p;n||(p={click(e){!g&&C&&r.triggerRadioRowEvent(e,l)}},i&&(g=!i({$table:r,row:c})));s=Object.assign(Object.assign({},l),{checked:o,disabled:g,visible:C});return a?renderCellBaseVNs(e,l,r.callSlot(a,s,e)):(i=[],C&&i.push(e("span",{class:["vxe-radio--icon",o?getIcon().TABLE_RADIO_CHECKED:g?getIcon().TABLE_RADIO_DISABLED_UNCHECKED:getIcon().TABLE_RADIO_UNCHECKED]})),(u||d)&&i.push(e("span",{class:"vxe-radio--label"},u?r.callSlot(u,s,e):_xeUtils.default.get(c,d))),renderCellBaseVNs(e,l,[e("span",{class:["vxe-cell--radio",{"is--checked":o,"is--disabled":g}],on:p},i)]))},renderDeepRadioCell(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderRadioCell(e,l))},renderCheckboxHeader(e,l){let{$table:r,column:t,isHidden:n}=l;let{isAllSelected:o,isIndeterminate:a}=r,d=r.computeIsAllCheckboxDisabled;var i=t.slots,s=i?i.header:null,i=i?i.title:null,{checkStrictly:c,showHeader:u,headerTitle:C}=r.computeCheckboxOpts,g=t.getTitle(),p={},E=(n||(p.click=e=>{d||r.triggerCheckAllEvent(e,!o)}),Object.assign(Object.assign({},l),{checked:o,disabled:d,indeterminate:a}));return renderHeaderCellBaseVNs(e,l,renderTitleContent(e,E,s?r.callSlot(s,E,e):(c?u:!1!==u)?[e("span",{class:["vxe-cell--checkbox",{"is--checked":o,"is--disabled":d,"is--indeterminate":a}],attrs:{title:_xeUtils.default.eqNull(C)?getI18n("vxe.table.allTitle"):""+(C||"")},on:p},[e("span",{class:["vxe-checkbox--icon",a?getIcon().TABLE_CHECKBOX_INDETERMINATE:o?getIcon().TABLE_CHECKBOX_CHECKED:d?getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})].concat(i||g?[e("span",{class:"vxe-checkbox--label"},i?r.callSlot(i,E,e):g)]:[]))]:[e("span",{class:"vxe-checkbox--label"},i?r.callSlot(i,E,e):g)]))},renderCheckboxCell(e,l){let{$table:r,row:t,column:n,isHidden:o}=l;var a=r.treeConfig,{updateCheckboxFlag:d,isRowGroupStatus:i}=r,{selectCheckboxMaps:s,treeIndeterminateRowMaps:c}=r,u=r.computeAggregateOpts.mapChildrenField;let{labelField:C,checkMethod:g,visibleMethod:p}=r.computeCheckboxOpts;var E=n.slots,m=E?E.default:null,E=E?E.checkbox:null;let b=!1,v=!1,f=!0,h=!1;var x,_={},s=(o||(x=(0,_util.getRowid)(r,t),v=!!d&&!!s[x],g&&i&&r.isAggregateRecord(t)?(d=t[u||""])&&d.length&&!d.every(e=>!g({$table:r,row:e}))||(h=!0):(f=!p||p({$table:r,row:t}),h=g?!g({$table:r,row:t}):!!g),(a||i)&&(b=!!c[x]),_.click=e=>{!h&&f&&r.triggerCheckRowEvent(e,l,!v)}),Object.assign(Object.assign({},l),{checked:v,disabled:h,visible:f,indeterminate:b}));return E?renderCellBaseVNs(e,l,r.callSlot(E,s,e)):(u=[],f&&u.push(e("span",{class:["vxe-checkbox--icon",b?getIcon().TABLE_CHECKBOX_INDETERMINATE:v?getIcon().TABLE_CHECKBOX_CHECKED:h?getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),(m||C)&&u.push(e("span",{class:"vxe-checkbox--label"},m?r.callSlot(m,s,e):_xeUtils.default.get(t,C))),renderCellBaseVNs(e,l,[e("span",{class:["vxe-cell--checkbox",{"is--checked":v,"is--disabled":h,"is--indeterminate":b,"is--hidden":!f}],on:_},u)]))},renderDeepSelectionCell(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderCheckboxCell(e,l))},renderCheckboxCellByProp(e,l){let{$table:r,row:t,column:n,isHidden:o}=l;var a=r.treeConfig,{updateCheckboxFlag:d,isRowGroupStatus:i}=r,s=r.treeIndeterminateRowMaps,c=r.computeAggregateOpts.mapChildrenField,u=r.computeCheckboxOpts;let{labelField:C,checkField:g,checkMethod:p,visibleMethod:E}=u;var u=u.indeterminateField||u.halfField,m=n.slots,b=m?m.default:null,m=m?m.checkbox:null;let v=!1,f=!1,h=!0,x=!1;var _,T={},c=(o||(_=(0,_util.getRowid)(r,t),f=!!d&&_xeUtils.default.get(t,g),p&&i&&r.isAggregateRecord(t)?(d=t[c||""])&&d.length&&!d.every(e=>!p({$table:r,row:e}))||(x=!0):(h=!E||E({$table:r,row:t}),x=p?!p({$table:r,row:t}):!!p),(a||i)&&(v=!!s[_]),T.click=e=>{!x&&h&&r.triggerCheckRowEvent(e,l,!f)}),Object.assign(Object.assign({},l),{checked:f,disabled:x,visible:h,indeterminate:v}));return m?renderCellBaseVNs(e,l,r.callSlot(m,c,e)):(d=[],h&&d.push(e("span",{class:["vxe-checkbox--icon",v?getIcon().TABLE_CHECKBOX_INDETERMINATE:f?getIcon().TABLE_CHECKBOX_CHECKED:x?getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),(b||C)&&d.push(e("span",{class:"vxe-checkbox--label"},b?r.callSlot(b,c,e):_xeUtils.default.get(t,C))),renderCellBaseVNs(e,l,[e("span",{class:["vxe-cell--checkbox",{"is--checked":f,"is--disabled":x,"is--indeterminate":u&&!f?t[u]:v,"is--hidden":!h}],on:T},d)]))},renderDeepSelectionCellByProp(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderCheckboxCellByProp(e,l))},renderExpandCell(e,l){let{$table:r,isHidden:t,row:n,column:o}=l;var a=r.isRowGroupStatus,{rowExpandedMaps:d,rowExpandLazyLoadedMaps:i}=r,{lazy:s,labelField:c,iconLoaded:u,showIcon:C,iconOpen:g,iconClose:p,visibleMethod:E}=r.computeExpandOpts,m=o.slots,b=m?m.default:null,m=m?m.icon:null;let v=!1,f=!1;return a&&n.isAggregate?renderCellBaseVNs(e,l,[]):m?renderCellBaseVNs(e,l,r.callSlot(m,l,e)):(t||(a=(0,_util.getRowid)(r,n),v=!!d[a],s&&(f=!!i[a])),renderCellBaseVNs(e,l,[!C||E&&!E(l)?renderEmptyElement(r):e("span",{class:["vxe-table--expanded",{"is--active":v}],on:{mousedown(e){e.stopPropagation()},click(e){r.triggerRowExpandEvent(e,l)}}},[e("i",{class:["vxe-table--expand-btn",f?u||getIcon().TABLE_EXPAND_LOADED:v?g||getIcon().TABLE_EXPAND_OPEN:p||getIcon().TABLE_EXPAND_CLOSE]})]),b||c?e("span",{class:"vxe-table--expand-label"},b?r.callSlot(b,l,e):_xeUtils.default.get(n,c)):renderEmptyElement(r)]))},renderExpandData(e,l){var{$table:r,column:t}=l,{slots:t,contentRender:n}=t;if(t&&t.content)return r.callSlot(t.content,l,e);if(n){t=renderer.get(n.name),t=t?t.renderTableExpand||t.renderExpand:null;if(t)return(0,_vn.getSlotVNs)(t.call(r,e,n,l))}return[]},renderHTMLCell(e,l){var{$table:r,column:t}=l,t=t.slots;return t&&t.default?renderCellBaseVNs(e,l,r.callSlot(t.default,l,e)):renderCellBaseVNs(e,l,[e("span",{class:"vxe-cell--html",domProps:{innerHTML:getDefaultCellLabel(l)}})])},renderDeepHTMLCell(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderHTMLCell(e,l))},renderSortAndFilterHeader(e,l){return renderHeaderCellBaseVNs(e,l,Cell.renderHeaderTitle(e,l).concat(Cell.renderSortIcon(e,l).concat(Cell.renderFilterIcon(e,l))))},renderSortHeader(e,l){return renderHeaderCellBaseVNs(e,l,Cell.renderHeaderTitle(e,l).concat(Cell.renderSortIcon(e,l)))},renderSortIcon(e,l){let{$table:r,column:t}=l;var{showIcon:n,allowBtn:o,ascTitle:a,descTitle:d,iconLayout:i,iconAsc:s,iconDesc:c,iconVisibleMethod:u}=r.computeSortOpts;return!n||u&&!u(l)?[]:[e("span",{class:["vxe-cell--sort",`vxe-cell--sort-${i}-layout`]},[e("i",{class:["vxe-sort--asc-btn",s||getIcon().TABLE_SORT_ASC,{"sort--active":"asc"===t.order}],attrs:{title:_xeUtils.default.eqNull(a)?getI18n("vxe.table.sortAsc"):""+(a||"")},on:o?{click(e){e.stopPropagation(),r.triggerSortEvent(e,t,"asc")}}:void 0}),e("i",{class:["vxe-sort--desc-btn",c||getIcon().TABLE_SORT_DESC,{"sort--active":"desc"===t.order}],attrs:{title:_xeUtils.default.eqNull(d)?getI18n("vxe.table.sortDesc"):""+(d||"")},on:o?{click(e){e.stopPropagation(),r.triggerSortEvent(e,t,"desc")}}:void 0})])]},renderFilterHeader(e,l){return renderHeaderCellBaseVNs(e,l,Cell.renderHeaderTitle(e,l).concat(Cell.renderFilterIcon(e,l)))},renderFilterIcon(e,l){let{$table:r,column:t,hasFilter:n}=l;var o=r.filterStore,{showIcon:a,iconNone:d,iconMatch:i,iconVisibleMethod:s}=r.computeFilterOpts;return!a||s&&!s(l)?[]:[e("span",{class:["vxe-cell--filter",{"is--active":o.visible&&o.column===t}],on:{click(e){r.triggerFilterEvent&&r.triggerFilterEvent(e,l.column,l)}}},[e("i",{class:["vxe-filter--btn",n?i||getIcon().TABLE_FILTER_MATCH:d||getIcon().TABLE_FILTER_NONE],attrs:{title:getI18n("vxe.table.filter")}})])]},renderEditHeader(e,l){var{$table:r,column:t}=l,{editConfig:n,editRules:o}=r,a=r.computeEditOpts,{sortable:d,filters:i,editRender:s}=t;let c=!1,u=(o&&(o=_xeUtils.default.get(o,t.field))&&(c=o.some(e=>e.required)),[]);return(0,_utils.isEnableConf)(n)&&(u=[c&&a.showAsterisk?e("i",{class:"vxe-cell--required-icon"},[e("i",{class:"vxe-cell--required-icon"})]):renderEmptyElement(r),(0,_utils.isEnableConf)(s)&&a.showIcon?e("i",{class:"vxe-cell--edit-icon"},[e("i",{class:a.icon||getIcon().TABLE_EDIT})]):renderEmptyElement(r)]),renderHeaderCellBaseVNs(e,l,u.concat(Cell.renderHeaderTitle(e,l)).concat(d?Cell.renderSortIcon(e,l):[]).concat(i?Cell.renderFilterIcon(e,l):[]))},renderRowEdit(e,l){var{$table:r,column:t}=l,r=r.editStore,r=r.actived,t=t.editRender;return Cell.runRenderer(e,l,this,(0,_utils.isEnableConf)(t)&&r&&r.row===l.row)},renderDeepRowEdit(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderRowEdit(e,l))},renderCellEdit(e,l){var{$table:r,column:t}=l,r=r.editStore,r=r.actived,t=t.editRender;return Cell.runRenderer(e,l,this,(0,_utils.isEnableConf)(t)&&r&&r.row===l.row&&r.column===l.column)},renderDeepCellEdit(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderCellEdit(e,l))},runRenderer(e,l,r,t){var{$table:n,row:o,column:a}=l,d=n.isRowGroupStatus,{slots:a,field:i,editRender:s,formatter:c}=a,u=renderer.get(s.name),u=u?u.renderTableEdit||u.renderEdit:null,C=a?a.default:null,g=a?a.groupContent||a["group-content"]:null,p=Object.assign({$type:"",isEdit:t},l);if(t)return a&&a.edit?n.callSlot(a.edit,p,e):u?(0,_vn.getSlotVNs)(u.call(n,e,s,p)):[];if(d&&i&&o.isAggregate){t=n.computeAggregateOpts.mapChildrenField,a=o.groupField,u=t&&o[t]||[];if(g)return renderCellBaseVNs(e,l,n.callSlot(g,Object.assign({groupField:a,groupContent:o.groupContent,childList:u,childCount:o.childCount},l),e))}else if(C)return renderCellBaseVNs(e,l,n.callSlot(C,p,e));return c?renderCellBaseVNs(e,l,[e("span",{class:"vxe-cell--label"},[getDefaultCellLabel(p)])]):Cell.renderDefaultCell.call(r,e,p)}};var _default=exports.default=Cell;
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Cell=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,getIcon,renderer,formats,renderEmptyElement}=_ui.VxeUI;function renderTitlePrefixIcon(e,l){let{$table:r,column:t}=l,n=t.titlePrefix||t.titleHelp;return n?e("i",{class:["vxe-cell-title-prefix-icon",n.iconStatus?"theme--"+n.iconStatus:""],on:{mouseenter(e){r.triggerHeaderTitleEvent(e,n,l)},mouseleave(e){r.handleTargetLeaveEvent(e)}}},[e("i",{class:n.icon||getIcon().TABLE_TITLE_PREFIX})]):renderEmptyElement(r)}function renderTitleSuffixIcon(e,l){let{$table:r,column:t}=l,n=t.titleSuffix;return n?e("i",{class:["vxe-cell-title-suffix-icon",n.iconStatus?"theme--"+n.iconStatus:""],on:{mouseenter(e){r.triggerHeaderTitleEvent(e,n,l)},mouseleave(e){r.handleTargetLeaveEvent(e)}}},[e("i",{class:n.icon||getIcon().TABLE_TITLE_SUFFIX})]):renderEmptyElement(r)}function renderCellDragIcon(e,l){let r=l.$table;var t=r.$scopedSlots,n=r.dragConfig,{icon:o,trigger:a,disabledMethod:d}=r.computeRowDragOpts,d=d||(n?n.rowDisabledMethod:null);let i=d&&d(l);d=t.rowDragIcon||t["row-drag-icon"],t={};return"cell"!==a&&(t.mousedown=e=>{i||r.handleCellDragMousedownEvent(e,l)},t.mouseup=r.handleCellDragMouseupEvent),e("span",{key:"dg",class:["vxe-cell--drag-handle",{"is--disabled":i}],on:t},d?r.callSlot(d,l,e):[e("i",{class:o||(n?n.rowIcon:"")||getIcon().TABLE_DRAG_ROW})])}function renderCellBaseVNs(e,l,r){var{$table:t,column:n,level:o}=l,n=n.dragSort,{treeConfig:a,dragConfig:d}=t,i=t.computeRowOpts,s=t.computeTreeOpts,{showIcon:t,isPeerDrag:c,isCrossDrag:u,visibleMethod:C}=t.computeRowDragOpts,C=C||(d?d.rowVisibleMethod:null),g=[];return n&&i.drag&&(t||d&&d.showRowIcon)&&(!C||C(l))&&(!a||s.transform&&(c||u||!o))&&g.unshift(renderCellDragIcon(e,l)),g.concat(_xeUtils.default.isArray(r)?r:[r])}function renderHeaderCellDragIcon(e,r){let{$table:t,column:l}=r;var n=t.$scopedSlots,o=l.slots,a=t.computeColumnOpts,{showIcon:d,icon:i,trigger:s,isPeerDrag:c,isCrossDrag:u,visibleMethod:C,disabledMethod:g}=t.computeColumnDragOpts;if(!a.drag||!d||C&&!C(r)||l.fixed||!c&&!u&&l.parentId)return renderEmptyElement(t);{let l=g&&g(r);a=(o?o.columnDragIcon||o["column-drag-icon"]:null)||n.columnDragIcon||n["column-drag-icon"],d={};return"cell"!==s&&(d.mousedown=e=>{l||t.handleHeaderCellDragMousedownEvent(e,r)},d.mouseup=t.handleHeaderCellDragMouseupEvent),e("span",{key:"dg",class:["vxe-cell--drag-handle",{"is--disabled":l}],on:d},a?t.callSlot(a,r,e):[e("i",{class:i||getIcon().TABLE_DRAG_COLUMN})])}}function renderHeaderCellBaseVNs(e,l,r){return[renderTitlePrefixIcon(e,l),renderHeaderCellDragIcon(e,l),..._xeUtils.default.isArray(r)?r:[r],renderTitleSuffixIcon(e,l)]}function getRenderDefaultColumnTitle(e,l,r){return"html"===l.type&&_xeUtils.default.isString(r)?e("span",{key:"ch",domProps:{innerHTML:r}}):e("span",{key:"ct"},(0,_vn.getSlotVNs)(r))}function renderTitleContent(e,l,r){let{$table:t,column:n}=l;var o=t;let a=t;var o=o.showHeaderOverflow,d=a.isRowGroupStatus,i=n.showHeaderOverflow;let s=t.computeHeaderTooltipOpts.showAll;o=_xeUtils.default.eqNull(i)?o:i;let c="title"===o,u=!0===o||"tooltip"===o;i={},(c||u||s)&&(i.mouseenter=e=>{a.isDragResize||(c?(0,_dom.updateCellTitle)(e.currentTarget,n):(u||s)&&t.triggerHeaderTooltipEvent(e,l))}),(u||s)&&(i.mouseleave=e=>{a.isDragResize||(u||s)&&t.handleTargetLeaveEvent(e)}),o=getRenderDefaultColumnTitle(e,n,r);return[e("span",{class:"vxe-cell--title",on:i},d&&n.aggFunc&&t.getPivotTableAggregateRenderColTitles?t.getPivotTableAggregateRenderColTitles(e,n,o):[o])]}function getFooterContent(e,l){var{$table:r,column:t,_columnIndex:n,row:o,items:a}=l,{slots:d,editRender:i,cellRender:s,footerFormatter:c}=t,i=i||s;if(d&&d.footer)return r.callSlot(d.footer,l,e);let u="";u=_xeUtils.default.isArray(a)?a[n]:_xeUtils.default.get(o,t.field);s=Object.assign(l,{itemValue:u});if(c)return _xeUtils.default.isFunction(c)?""+c(s):(n=(a=(d=_xeUtils.default.isArray(c))?formats.get(c[0]):formats.get(c))?a.tableFooterCellFormatMethod:null)?""+(d?n(s,...c.slice(1)):n(s)):"";if(i){o=renderer.get(i.name),t=o?o.renderTableFooter||o.renderFooter:null;if(t)return(0,_vn.getSlotVNs)(t.call(r,e,i,s))}return[(0,_utils.formatText)(u,1)]}function getDefaultCellLabel(e){var{$table:e,row:l,column:r}=e;return(0,_utils.formatText)(e.getCellLabel(l,r),1)}function renderCellHandle(e,l){var{column:r,row:t,$table:n}=l,o=n.editConfig,a=n.isRowGroupStatus,{type:d,treeNode:i,rowGroupNode:s,editRender:c}=r,u=n.computeAggregateOpts.mode,C=n.computeCheckboxOpts,n=n.computeEditOpts,g=i||a&&("column"===u?r.field===t.groupField:s);switch(d){case"seq":return g?Cell.renderDeepIndexCell(e,l):Cell.renderSeqCell(e,l);case"radio":return g?Cell.renderDeepRadioCell(e,l):Cell.renderRadioCell(e,l);case"checkbox":return C.checkField?g?Cell.renderDeepSelectionCellByProp(e,l):Cell.renderCheckboxCellByProp(e,l):g?Cell.renderDeepSelectionCell(e,l):Cell.renderCheckboxCell(e,l);case"expand":return Cell.renderExpandCell(e,l);case"html":return g?Cell.renderDeepHTMLCell(e,l):Cell.renderHTMLCell(e,l)}return(0,_utils.isEnableConf)(o)&&c?"cell"===n.mode?g?Cell.renderDeepCellEdit(e,l):Cell.renderCellEdit(e,l):g?Cell.renderDeepRowEdit(e,l):Cell.renderRowEdit(e,l):g?Cell.renderDeepCell(e,l):Cell.renderDefaultCell(e,l)}function renderHeaderHandle(e,l){var{column:r,$table:t}=l,t=t.editConfig,{type:r,filters:n,sortable:o,editRender:a}=r;switch(r){case"seq":return Cell.renderSeqHeader(e,l);case"radio":return Cell.renderRadioHeader(e,l);case"checkbox":return Cell.renderCheckboxHeader(e,l);case"html":if(n&&o)return Cell.renderSortAndFilterHeader(e,l);if(o)return Cell.renderSortHeader(e,l);if(n)return Cell.renderFilterHeader(e,l)}return t&&a?Cell.renderEditHeader(e,l):n&&o?Cell.renderSortAndFilterHeader(e,l):o?Cell.renderSortHeader(e,l):n?Cell.renderFilterHeader(e,l):Cell.renderDefaultHeader(e,l)}function renderFooterHandle(e,l){return Cell.renderDefaultFooter(e,l)}let Cell=exports.Cell={createColumn(e,l){var r=l.type,t={renderHeader:renderHeaderHandle,renderCell:renderCellHandle,renderFooter:renderFooterHandle};return"expand"===r&&(t.renderData=Cell.renderExpandData),(0,_util.createColumn)(e,l,t)},renderHeaderTitle(e,l){var{$table:r,column:t}=l,{slots:n,editRender:o,cellRender:a}=t,o=o||a;if(n&&n.header)return renderTitleContent(e,l,r.callSlot(n.header,l,e));if(o){a=renderer.get(o.name),n=a?a.renderTableHeader||a.renderHeader:null;if(n)return(0,_vn.getSlotVNs)(renderTitleContent(e,l,n.call(r,e,o,l)))}return renderTitleContent(e,l,(0,_utils.formatText)(t.getTitle(),1))},renderDefaultHeader(e,l){return renderHeaderCellBaseVNs(e,l,Cell.renderHeaderTitle(e,l))},renderDefaultCell(e,l){var{$table:r,row:t,column:n}=l,o=r.isRowGroupStatus,{field:a,slots:d,editRender:i,cellRender:s,rowGroupNode:c,aggFunc:u}=n,s=i||s,C=d?d.default:null,d=d?d.groupContent||d["group-content"]:null;let g="";if(o&&a&&t.isAggregate){var o=t,p=r.fullColumnFieldData,E=r.computeAggregateOpts,{mode:m,showTotal:b,totalMethod:v,countFields:f,contentMethod:x,mapChildrenField:h}=E,E=E.calcValuesMethod||E.countMethod||E.aggregateMethod,_=o.groupField,T=o.groupContent,h=h&&o[h]||[],D=o.childCount,p=p[_]||{},p={$table:r,groupField:_,groupColumn:p?p.column:null,column:n,groupValue:T,childList:h,childCount:D,aggValue:null,children:h,totalValue:D};if(d)return renderCellBaseVNs(e,l,r.callSlot(d,Object.assign({groupField:_,groupContent:T,childList:h,childCount:D},l),e));("column"===m?a===o.groupField:c)?(g=T,x&&(g=""+x(p)),b&&(g=getI18n("vxe.table.rowGroupContentTotal",[g,v?v(p):D,D]))):r.getPivotTableAggregateCellAggValue?g=r.getPivotTableAggregateCellAggValue(l):(!0===u||f&&f.includes(a))&&E&&(p.aggValue=D,g=""+E(p))}else{if(C)return renderCellBaseVNs(e,l,r.callSlot(C,l,e));if(s){d=renderer.get(s.name),_=d?d.renderTableDefault||d.renderDefault:null,h=d?d.renderTableCell||d.renderCell:null,m=i?h:_;if(m)return renderCellBaseVNs(e,l,(0,_vn.getSlotVNs)(m.call(r,e,s,Object.assign({$type:i?"edit":"cell"},l))))}g=r.getCellLabel(t,n)}o=i?i.placeholder:"";return renderCellBaseVNs(e,l,[e("span",{class:"vxe-cell--label"},[i&&(0,_utils.eqEmptyValue)(g)?e("span",{class:"vxe-cell--placeholder"},(0,_utils.formatText)((0,_utils.getFuncText)(o),1)):e("span",(0,_utils.formatText)(g,1))])])},renderDeepCell(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderDefaultCell.call(this,e,l))},renderDefaultFooter(e,l){return getFooterContent(e,l)},renderRowGroupBtn(e,l,r){let t=l.$table;var n=t,o=t,{row:a,level:d}=l,n=n.rowGroupExpandedFlag,o=o.rowGroupExpandedMaps,{mode:i,padding:s,indent:c}=t.computeAggregateOpts,u=(0,_util.getRowid)(t,a),n=!!n&&!!o[u];return e("div",{class:["vxe-row-group--tree-node",{"is--expanded":n}],style:"column"!==i&&s&&c?{paddingLeft:d*c+"px"}:void 0},[a.isAggregate?e("span",{class:"vxe-row-group--node-btn",on:{click(e){t.triggerRowGroupExpandEvent(e,l)}}},[e("i",{class:n?getIcon().TABLE_ROW_GROUP_OPEN:getIcon().TABLE_ROW_GROUP_CLOSE})]):renderEmptyElement(t),e("div",{class:"vxe-row-group-cell"},r)])},renderTreeNodeBtn(e,l,r){let{$table:t,isHidden:n}=l;var o=t.treeExpandedFlag,{fullAllDataRowIdData:a,treeExpandedMaps:d,treeExpandLazyLoadedMaps:i}=t,s=t.computeTreeOpts,{row:c,column:u,level:C}=l,u=u.slots,{padding:g,indent:p,lazy:E,trigger:m,iconLoaded:b,showIcon:v,iconOpen:f,iconClose:x}=s,h=s.children||s.childrenField,s=s.hasChild||s.hasChildField,h=c[h],h=h&&h.length,u=u?u.icon:null;let _=!1,T=!1,D=!1,I=!1;var w={};return u?t.callSlot(u,l,e):(n||(u=(0,_util.getRowid)(t,c),T=!!o&&!!d[u],E&&(o=a[u],D=!!i[u],_=c[s],I=!!o.treeLoaded)),m&&"default"!==m||(w.click=e=>{t.triggerTreeExpandEvent(e,l)}),[e("div",{class:["vxe-cell--tree-node",{"is--active":T}],style:g&&p?{paddingLeft:C*p+"px"}:void 0},[v&&(!E||I?h:h||_)?[e("div",{class:"vxe-cell--tree-btn",on:w},[e("i",{class:D?b||getIcon().TABLE_TREE_LOADED:T?f||getIcon().TABLE_TREE_OPEN:x||getIcon().TABLE_TREE_CLOSE})])]:null,e("div",{class:"vxe-tree-cell"},r)])])},renderDeepNodeBtn(e,l,r){var{$table:t,row:n,column:o}=l,a=o.rowGroupNode,d=t.rowGroupList;if(d.length){d=t.computeAggregateOpts.mode;if("column"===d?o.field===n.groupField:a)return[Cell.renderRowGroupBtn(e,l,r)]}return[Cell.renderTreeNodeBtn(e,l,r)]},renderSeqHeader(e,l){var{$table:r,column:t}=l,n=t.slots;return renderHeaderCellBaseVNs(e,l,renderTitleContent(e,l,n&&n.header?r.callSlot(n.header,l,e):(0,_utils.formatText)(t.getTitle(),1)))},renderSeqCell(e,l){var{$table:r,column:t}=l,n=r.treeConfig,o=r.computeSeqOpts,t=t.slots;return t&&t.default?renderCellBaseVNs(e,l,r.callSlot(t.default,l,e)):(r=l.seq,t=o.seqMethod,renderCellBaseVNs(e,l,[e("span",""+(0,_utils.formatText)(t?t(l):n?r:(o.startIndex||0)+r,1))]))},renderDeepIndexCell(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderSeqCell(e,l))},renderRadioHeader(e,l){var{$table:r,column:t}=l,n=t.slots,o=n?n.header:null,n=n?n.title:null;return renderHeaderCellBaseVNs(e,l,renderTitleContent(e,l,o?r.callSlot(o,l,e):[e("span",{class:"vxe-radio--label"},n?r.callSlot(n,l,e):(0,_utils.formatText)(t.getTitle(),1))]))},renderRadioCell(e,l){let{$table:r,column:t,isHidden:n}=l;var o=r.selectRadioRow,a=t.slots,{labelField:d,checkMethod:i,visibleMethod:s}=r.computeRadioOpts,c=l.row,u=a?a.default:null,a=a?a.radio:null,o=c===o;let C=!s||s({$table:r,row:c}),g=!!i,p;n||(p={click(e){!g&&C&&r.triggerRadioRowEvent(e,l)}},i&&(g=!i({$table:r,row:c})));s=Object.assign(Object.assign({},l),{checked:o,disabled:g,visible:C});return a?renderCellBaseVNs(e,l,r.callSlot(a,s,e)):(i=[],C&&i.push(e("span",{class:["vxe-radio--icon",o?getIcon().TABLE_RADIO_CHECKED:g?getIcon().TABLE_RADIO_DISABLED_UNCHECKED:getIcon().TABLE_RADIO_UNCHECKED]})),(u||d)&&i.push(e("span",{class:"vxe-radio--label"},u?r.callSlot(u,s,e):_xeUtils.default.get(c,d))),renderCellBaseVNs(e,l,[e("span",{class:["vxe-cell--radio",{"is--checked":o,"is--disabled":g}],on:p},i)]))},renderDeepRadioCell(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderRadioCell(e,l))},renderCheckboxHeader(e,l){let{$table:r,column:t,isHidden:n}=l;let{isAllSelected:o,isIndeterminate:a}=r,d=r.computeIsAllCheckboxDisabled;var i=t.slots,s=i?i.header:null,i=i?i.title:null,{checkStrictly:c,showHeader:u,headerTitle:C}=r.computeCheckboxOpts,g=t.getTitle(),p={},E=(n||(p.click=e=>{d||r.triggerCheckAllEvent(e,!o)}),Object.assign(Object.assign({},l),{checked:o,disabled:d,indeterminate:a}));return renderHeaderCellBaseVNs(e,l,renderTitleContent(e,E,s?r.callSlot(s,E,e):(c?u:!1!==u)?[e("span",{class:["vxe-cell--checkbox",{"is--checked":o,"is--disabled":d,"is--indeterminate":a}],attrs:{title:_xeUtils.default.eqNull(C)?getI18n("vxe.table.allTitle"):""+(C||"")},on:p},[e("span",{class:["vxe-checkbox--icon",a?getIcon().TABLE_CHECKBOX_INDETERMINATE:o?getIcon().TABLE_CHECKBOX_CHECKED:d?getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})].concat(i||g?[e("span",{class:"vxe-checkbox--label"},i?r.callSlot(i,E,e):g)]:[]))]:[e("span",{class:"vxe-checkbox--label"},i?r.callSlot(i,E,e):g)]))},renderCheckboxCell(e,l){let{$table:r,row:t,column:n,isHidden:o}=l;var a=r.treeConfig,{updateCheckboxFlag:d,isRowGroupStatus:i}=r,{selectCheckboxMaps:s,treeIndeterminateRowMaps:c}=r,u=r.computeAggregateOpts.mapChildrenField;let{labelField:C,checkMethod:g,visibleMethod:p}=r.computeCheckboxOpts;var E=n.slots,m=E?E.default:null,E=E?E.checkbox:null;let b=!1,v=!1,f=!0,x=!1;var h,_={},s=(o||(h=(0,_util.getRowid)(r,t),v=!!d&&!!s[h],g&&i&&r.isAggregateRecord(t)?(d=t[u||""])&&d.length&&!d.every(e=>!g({$table:r,row:e}))||(x=!0):(f=!p||p({$table:r,row:t}),x=g?!g({$table:r,row:t}):!!g),(a||i)&&(b=!!c[h]),_.click=e=>{!x&&f&&r.triggerCheckRowEvent(e,l,!v)}),Object.assign(Object.assign({},l),{checked:v,disabled:x,visible:f,indeterminate:b}));return E?renderCellBaseVNs(e,l,r.callSlot(E,s,e)):(u=[],f&&u.push(e("span",{class:["vxe-checkbox--icon",b?getIcon().TABLE_CHECKBOX_INDETERMINATE:v?getIcon().TABLE_CHECKBOX_CHECKED:x?getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),(m||C)&&u.push(e("span",{class:"vxe-checkbox--label"},m?r.callSlot(m,s,e):_xeUtils.default.get(t,C))),renderCellBaseVNs(e,l,[e("span",{class:["vxe-cell--checkbox",{"is--checked":v,"is--disabled":x,"is--indeterminate":b,"is--hidden":!f}],on:_},u)]))},renderDeepSelectionCell(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderCheckboxCell(e,l))},renderCheckboxCellByProp(e,l){let{$table:r,row:t,column:n,isHidden:o}=l;var a=r.treeConfig,{updateCheckboxFlag:d,isRowGroupStatus:i}=r,s=r.treeIndeterminateRowMaps,c=r.computeAggregateOpts.mapChildrenField,u=r.computeCheckboxOpts;let{labelField:C,checkField:g,checkMethod:p,visibleMethod:E}=u;var u=u.indeterminateField||u.halfField,m=n.slots,b=m?m.default:null,m=m?m.checkbox:null;let v=!1,f=!1,x=!0,h=!1;var _,T={},c=(o||(_=(0,_util.getRowid)(r,t),f=!!d&&_xeUtils.default.get(t,g),p&&i&&r.isAggregateRecord(t)?(d=t[c||""])&&d.length&&!d.every(e=>!p({$table:r,row:e}))||(h=!0):(x=!E||E({$table:r,row:t}),h=p?!p({$table:r,row:t}):!!p),(a||i)&&(v=!!s[_]),T.click=e=>{!h&&x&&r.triggerCheckRowEvent(e,l,!f)}),Object.assign(Object.assign({},l),{checked:f,disabled:h,visible:x,indeterminate:v}));return m?renderCellBaseVNs(e,l,r.callSlot(m,c,e)):(d=[],x&&d.push(e("span",{class:["vxe-checkbox--icon",v?getIcon().TABLE_CHECKBOX_INDETERMINATE:f?getIcon().TABLE_CHECKBOX_CHECKED:h?getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})),(b||C)&&d.push(e("span",{class:"vxe-checkbox--label"},b?r.callSlot(b,c,e):_xeUtils.default.get(t,C))),renderCellBaseVNs(e,l,[e("span",{class:["vxe-cell--checkbox",{"is--checked":f,"is--disabled":h,"is--indeterminate":u&&!f?t[u]:v,"is--hidden":!x}],on:T},d)]))},renderDeepSelectionCellByProp(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderCheckboxCellByProp(e,l))},renderExpandCell(e,l){let{$table:r,isHidden:t,row:n,column:o}=l;var a=r.isRowGroupStatus,{rowExpandedMaps:d,rowExpandLazyLoadedMaps:i}=r,{lazy:s,labelField:c,iconLoaded:u,showIcon:C,iconOpen:g,iconClose:p,visibleMethod:E}=r.computeExpandOpts,m=o.slots,b=m?m.default:null,m=m?m.icon:null;let v=!1,f=!1;return a&&n.isAggregate?renderCellBaseVNs(e,l,[]):m?renderCellBaseVNs(e,l,r.callSlot(m,l,e)):(t||(a=(0,_util.getRowid)(r,n),v=!!d[a],s&&(f=!!i[a])),renderCellBaseVNs(e,l,[!C||E&&!E(l)?renderEmptyElement(r):e("span",{class:["vxe-table--expanded",{"is--active":v}],on:{mousedown(e){e.stopPropagation()},click(e){r.triggerRowExpandEvent(e,l)}}},[e("i",{class:["vxe-table--expand-btn",f?u||getIcon().TABLE_EXPAND_LOADED:v?g||getIcon().TABLE_EXPAND_OPEN:p||getIcon().TABLE_EXPAND_CLOSE]})]),b||c?e("span",{class:"vxe-table--expand-label"},b?r.callSlot(b,l,e):_xeUtils.default.get(n,c)):renderEmptyElement(r)]))},renderExpandData(e,l){var{$table:r,column:t}=l,{slots:t,contentRender:n}=t;if(t&&t.content)return r.callSlot(t.content,l,e);if(n){t=renderer.get(n.name),t=t?t.renderTableExpand||t.renderExpand:null;if(t)return(0,_vn.getSlotVNs)(t.call(r,e,n,l))}return[]},renderHTMLCell(e,l){var{$table:r,column:t}=l,t=t.slots;return t&&t.default?renderCellBaseVNs(e,l,r.callSlot(t.default,l,e)):renderCellBaseVNs(e,l,[e("span",{class:"vxe-cell--html",domProps:{innerHTML:getDefaultCellLabel(l)}})])},renderDeepHTMLCell(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderHTMLCell(e,l))},renderSortAndFilterHeader(e,l){return renderHeaderCellBaseVNs(e,l,Cell.renderHeaderTitle(e,l).concat(Cell.renderSortIcon(e,l).concat(Cell.renderFilterIcon(e,l))))},renderSortHeader(e,l){return renderHeaderCellBaseVNs(e,l,Cell.renderHeaderTitle(e,l).concat(Cell.renderSortIcon(e,l)))},renderSortIcon(e,l){let{$table:r,column:t}=l;var{showIcon:n,allowBtn:o,ascTitle:a,descTitle:d,iconLayout:i,iconAsc:s,iconDesc:c,iconVisibleMethod:u}=r.computeSortOpts;return!n||u&&!u(l)?[]:[e("span",{class:["vxe-cell--sort",`vxe-cell--sort-${i}-layout`]},[e("i",{class:["vxe-sort--asc-btn",s||getIcon().TABLE_SORT_ASC,{"sort--active":"asc"===t.order}],attrs:{title:_xeUtils.default.eqNull(a)?getI18n("vxe.table.sortAsc"):""+(a||"")},on:o?{click(e){e.stopPropagation(),r.triggerSortEvent(e,t,"asc")}}:void 0}),e("i",{class:["vxe-sort--desc-btn",c||getIcon().TABLE_SORT_DESC,{"sort--active":"desc"===t.order}],attrs:{title:_xeUtils.default.eqNull(d)?getI18n("vxe.table.sortDesc"):""+(d||"")},on:o?{click(e){e.stopPropagation(),r.triggerSortEvent(e,t,"desc")}}:void 0})])]},renderFilterHeader(e,l){return renderHeaderCellBaseVNs(e,l,Cell.renderHeaderTitle(e,l).concat(Cell.renderFilterIcon(e,l)))},renderFilterIcon(e,l){let{$table:r,column:t,hasFilter:n}=l;var o=r.filterStore,{showIcon:a,iconNone:d,iconMatch:i,iconVisibleMethod:s}=r.computeFilterOpts;return!a||s&&!s(l)?[]:[e("span",{class:["vxe-cell--filter",{"is--active":o.visible&&o.column===t}],on:{click(e){r.triggerFilterEvent&&r.triggerFilterEvent(e,l.column,l)}}},[e("i",{class:["vxe-filter--btn",n?i||getIcon().TABLE_FILTER_MATCH:d||getIcon().TABLE_FILTER_NONE],attrs:{title:getI18n("vxe.table.filter")}})])]},renderEditHeader(e,l){var{$table:r,column:t}=l,{editConfig:n,editRules:o}=r,a=r.computeEditOpts,{sortable:d,filters:i,editRender:s}=t;let c=!1,u=(o&&(o=_xeUtils.default.get(o,t.field))&&(c=o.some(e=>e.required)),[]);return(0,_utils.isEnableConf)(n)&&({showAsterisk:t,showIcon:o,icon:n}=a,u=[c&&t?e("i",{class:"vxe-cell--required-icon"},[e("i",{class:"vxe-cell--required-icon"})]):renderEmptyElement(r),(0,_utils.isEnableConf)(s)&&o?e("i",{class:"vxe-cell--edit-icon"},_xeUtils.default.isFunction(n)?(0,_vn.getSlotVNs)(n({})):[e("i",{class:n||getIcon().TABLE_EDIT})]):renderEmptyElement(r)]),renderHeaderCellBaseVNs(e,l,u.concat(Cell.renderHeaderTitle(e,l)).concat(d?Cell.renderSortIcon(e,l):[]).concat(i?Cell.renderFilterIcon(e,l):[]))},renderRowEdit(e,l){var{$table:r,column:t}=l,r=r.editStore,r=r.actived,t=t.editRender;return Cell.runRenderer(e,l,this,(0,_utils.isEnableConf)(t)&&r&&r.row===l.row)},renderDeepRowEdit(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderRowEdit(e,l))},renderCellEdit(e,l){var{$table:r,column:t}=l,r=r.editStore,r=r.actived,t=t.editRender;return Cell.runRenderer(e,l,this,(0,_utils.isEnableConf)(t)&&r&&r.row===l.row&&r.column===l.column)},renderDeepCellEdit(e,l){return Cell.renderDeepNodeBtn(e,l,Cell.renderCellEdit(e,l))},runRenderer(e,l,r,t){var{$table:n,row:o,column:a}=l,d=n.isRowGroupStatus,{slots:a,field:i,editRender:s,formatter:c}=a,u=renderer.get(s.name),u=u?u.renderTableEdit||u.renderEdit:null,C=a?a.default:null,g=a?a.groupContent||a["group-content"]:null,p=Object.assign({$type:"",isEdit:t},l);if(t)return a&&a.edit?n.callSlot(a.edit,p,e):u?(0,_vn.getSlotVNs)(u.call(n,e,s,p)):[];if(d&&i&&o.isAggregate){t=n.computeAggregateOpts.mapChildrenField,a=o.groupField,u=t&&o[t]||[];if(g)return renderCellBaseVNs(e,l,n.callSlot(g,Object.assign({groupField:a,groupContent:o.groupContent,childList:u,childCount:o.childCount},l),e))}else if(C)return renderCellBaseVNs(e,l,n.callSlot(C,p,e));return c?renderCellBaseVNs(e,l,[e("span",{class:"vxe-cell--label"},[getDefaultCellLabel(p)])]):Cell.renderDefaultCell.call(r,e,p)}};var _default=exports.default=Cell;
|
package/lib/table/src/table.js
CHANGED
|
@@ -1861,7 +1861,7 @@ var _default = exports.default = {
|
|
|
1861
1861
|
}
|
|
1862
1862
|
}
|
|
1863
1863
|
if ($xeGGWrapper) {
|
|
1864
|
-
const popupContainerElem = $
|
|
1864
|
+
const popupContainerElem = $xeGGWrapper.$refs.refPopupContainerElem;
|
|
1865
1865
|
const popupWrapperEl = $xeTable.$refs.refPopupWrapperElem;
|
|
1866
1866
|
if (popupContainerElem) {
|
|
1867
1867
|
if (popupWrapperEl) {
|