@zeedhi/vuetify 1.59.0 → 1.60.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/zd-vuetify.umd.js
CHANGED
|
@@ -766,14 +766,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
766
766
|
if (!index) return getZIndex(el.parentNode);
|
|
767
767
|
return index;
|
|
768
768
|
}
|
|
769
|
-
const tagsToReplace = {
|
|
770
|
-
'&': '&',
|
|
771
|
-
'<': '<',
|
|
772
|
-
'>': '>'
|
|
773
|
-
};
|
|
774
|
-
function escapeHTML(str) {
|
|
775
|
-
return str.replace(/[&<>]/g, tag => tagsToReplace[tag] || tag);
|
|
776
|
-
}
|
|
777
769
|
function filterObjectOnKeys(obj, keys) {
|
|
778
770
|
const filtered = {};
|
|
779
771
|
|
|
@@ -2220,7 +2212,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
2220
2212
|
}
|
|
2221
2213
|
Vuetify.install = install$1;
|
|
2222
2214
|
Vuetify.installed = false;
|
|
2223
|
-
Vuetify.version = "2.6.
|
|
2215
|
+
Vuetify.version = "2.6.10";
|
|
2224
2216
|
Vuetify.config = {
|
|
2225
2217
|
silent: false
|
|
2226
2218
|
};
|
|
@@ -6553,7 +6545,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
6553
6545
|
},
|
|
6554
6546
|
|
|
6555
6547
|
checkActivatorFixed() {
|
|
6556
|
-
if (this.attach !== false)
|
|
6548
|
+
if (this.attach !== false) {
|
|
6549
|
+
this.activatorFixed = false;
|
|
6550
|
+
return;
|
|
6551
|
+
}
|
|
6552
|
+
|
|
6557
6553
|
let el = this.getActivator();
|
|
6558
6554
|
|
|
6559
6555
|
while (el) {
|
|
@@ -8219,13 +8215,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
8219
8215
|
|
|
8220
8216
|
genFilteredText(text) {
|
|
8221
8217
|
text = text || '';
|
|
8222
|
-
if (!this.searchInput || this.noFilter) return
|
|
8218
|
+
if (!this.searchInput || this.noFilter) return text;
|
|
8223
8219
|
const {
|
|
8224
8220
|
start,
|
|
8225
8221
|
middle,
|
|
8226
8222
|
end
|
|
8227
8223
|
} = this.getMaskedCharacters(text);
|
|
8228
|
-
return
|
|
8224
|
+
return [start, this.genHighlight(middle), end];
|
|
8229
8225
|
},
|
|
8230
8226
|
|
|
8231
8227
|
genHeader(props) {
|
|
@@ -8235,7 +8231,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
8235
8231
|
},
|
|
8236
8232
|
|
|
8237
8233
|
genHighlight(text) {
|
|
8238
|
-
return
|
|
8234
|
+
return this.$createElement('span', {
|
|
8235
|
+
staticClass: 'v-list-item__mask'
|
|
8236
|
+
}, text);
|
|
8239
8237
|
},
|
|
8240
8238
|
|
|
8241
8239
|
getMaskedCharacters(text) {
|
|
@@ -8308,12 +8306,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
8308
8306
|
},
|
|
8309
8307
|
|
|
8310
8308
|
genTileContent(item, index = 0) {
|
|
8311
|
-
|
|
8312
|
-
return this.$createElement(VListItemContent, [this.$createElement(VListItemTitle, {
|
|
8313
|
-
domProps: {
|
|
8314
|
-
innerHTML
|
|
8315
|
-
}
|
|
8316
|
-
})]);
|
|
8309
|
+
return this.$createElement(VListItemContent, [this.$createElement(VListItemTitle, [this.genFilteredText(this.getText(item))])]);
|
|
8317
8310
|
},
|
|
8318
8311
|
|
|
8319
8312
|
hasItem(item) {
|
|
@@ -8870,7 +8863,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
8870
8863
|
color: this.validationState,
|
|
8871
8864
|
dark: this.dark,
|
|
8872
8865
|
disabled: this.isDisabled,
|
|
8873
|
-
light: this.light
|
|
8866
|
+
light: this.light,
|
|
8867
|
+
tabindex: type === 'clear' ? -1 : undefined
|
|
8874
8868
|
},
|
|
8875
8869
|
on: !hasListener ? undefined : {
|
|
8876
8870
|
click: e => {
|
|
@@ -12039,8 +12033,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
12039
12033
|
!this.getOpenDependentElements().some(el => el.contains(target)) // So we must have focused something outside the dialog and its children
|
|
12040
12034
|
) {
|
|
12041
12035
|
// Find and focus the first available element inside the dialog
|
|
12042
|
-
const focusable = this.$refs.dialog.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
12043
|
-
const el = [...focusable].find(el => !el.hasAttribute('disabled'));
|
|
12036
|
+
const focusable = this.$refs.dialog.querySelectorAll('button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
12037
|
+
const el = [...focusable].find(el => !el.hasAttribute('disabled') && !el.matches('[tabindex="-1"]'));
|
|
12044
12038
|
el && el.focus();
|
|
12045
12039
|
}
|
|
12046
12040
|
},
|
|
@@ -13763,7 +13757,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
13763
13757
|
},
|
|
13764
13758
|
|
|
13765
13759
|
eventNameFunction() {
|
|
13766
|
-
return typeof this.eventName === 'function' ? this.eventName : (event, timedEvent) =>
|
|
13760
|
+
return typeof this.eventName === 'function' ? this.eventName : (event, timedEvent) => event.input[this.eventName] || '';
|
|
13767
13761
|
},
|
|
13768
13762
|
|
|
13769
13763
|
eventModeFunction() {
|
|
@@ -13975,15 +13969,17 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
13975
13969
|
const name = this.eventNameFunction(event, timedEvent);
|
|
13976
13970
|
|
|
13977
13971
|
if (event.start.hasTime) {
|
|
13978
|
-
const eventSummaryClass = 'v-event-summary';
|
|
13979
|
-
|
|
13980
13972
|
if (timedEvent) {
|
|
13981
13973
|
const time = timeSummary();
|
|
13982
|
-
const delimiter = singline ? ', ' : '
|
|
13983
|
-
return
|
|
13974
|
+
const delimiter = singline ? ', ' : this.$createElement('br');
|
|
13975
|
+
return this.$createElement('span', {
|
|
13976
|
+
staticClass: 'v-event-summary'
|
|
13977
|
+
}, [this.$createElement('strong', [name]), delimiter, time]);
|
|
13984
13978
|
} else {
|
|
13985
13979
|
const time = formatTime(event.start, true);
|
|
13986
|
-
return
|
|
13980
|
+
return this.$createElement('span', {
|
|
13981
|
+
staticClass: 'v-event-summary'
|
|
13982
|
+
}, [this.$createElement('strong', [time]), ' ', name]);
|
|
13987
13983
|
}
|
|
13988
13984
|
}
|
|
13989
13985
|
|
|
@@ -14013,11 +14009,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
14013
14009
|
|
|
14014
14010
|
genName(eventSummary) {
|
|
14015
14011
|
return this.$createElement('div', {
|
|
14016
|
-
staticClass: 'pl-1'
|
|
14017
|
-
|
|
14018
|
-
innerHTML: eventSummary()
|
|
14019
|
-
}
|
|
14020
|
-
});
|
|
14012
|
+
staticClass: 'pl-1'
|
|
14013
|
+
}, [eventSummary()]);
|
|
14021
14014
|
},
|
|
14022
14015
|
|
|
14023
14016
|
genPlaceholder(day) {
|
|
@@ -30857,7 +30850,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
30857
30850
|
exports.getPropertyFromItem = getPropertyFromItem;
|
|
30858
30851
|
exports.createRange = createRange;
|
|
30859
30852
|
exports.getZIndex = getZIndex;
|
|
30860
|
-
exports.escapeHTML = escapeHTML;
|
|
30861
30853
|
exports.filterObjectOnKeys = filterObjectOnKeys;
|
|
30862
30854
|
exports.convertToUnit = convertToUnit;
|
|
30863
30855
|
exports.kebabCase = kebabCase;
|
|
@@ -31050,18 +31042,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
31050
31042
|
return index;
|
|
31051
31043
|
}
|
|
31052
31044
|
|
|
31053
|
-
var tagsToReplace = {
|
|
31054
|
-
'&': '&',
|
|
31055
|
-
'<': '<',
|
|
31056
|
-
'>': '>'
|
|
31057
|
-
};
|
|
31058
|
-
|
|
31059
|
-
function escapeHTML(str) {
|
|
31060
|
-
return str.replace(/[&<>]/g, function (tag) {
|
|
31061
|
-
return tagsToReplace[tag] || tag;
|
|
31062
|
-
});
|
|
31063
|
-
}
|
|
31064
|
-
|
|
31065
31045
|
function filterObjectOnKeys(obj, keys) {
|
|
31066
31046
|
var filtered = {};
|
|
31067
31047
|
|
|
@@ -36853,7 +36833,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
36853
36833
|
exports.default = Vuetify;
|
|
36854
36834
|
Vuetify.install = install_1.install;
|
|
36855
36835
|
Vuetify.installed = false;
|
|
36856
|
-
Vuetify.version = "2.6.
|
|
36836
|
+
Vuetify.version = "2.6.10";
|
|
36857
36837
|
Vuetify.config = {
|
|
36858
36838
|
silent: false
|
|
36859
36839
|
};
|
|
@@ -41901,6 +41881,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
41901
41881
|
PropWatch({ type: Array, default: () => undefined }),
|
|
41902
41882
|
__metadata("design:type", Object)
|
|
41903
41883
|
], ZdDashboard.prototype, "cardFooterSlot", void 0);
|
|
41884
|
+
__decorate([
|
|
41885
|
+
vuePropertyDecorator.Prop({ type: Object, default: () => undefined }),
|
|
41886
|
+
__metadata("design:type", Object)
|
|
41887
|
+
], ZdDashboard.prototype, "editHeader", void 0);
|
|
41904
41888
|
ZdDashboard = __decorate([
|
|
41905
41889
|
vuePropertyDecorator.Component
|
|
41906
41890
|
], ZdDashboard);
|
|
@@ -41943,13 +41927,15 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
41943
41927
|
},
|
|
41944
41928
|
},
|
|
41945
41929
|
[
|
|
41946
|
-
_c(
|
|
41947
|
-
|
|
41948
|
-
|
|
41949
|
-
|
|
41950
|
-
|
|
41951
|
-
|
|
41952
|
-
|
|
41930
|
+
_c(
|
|
41931
|
+
"zd-header",
|
|
41932
|
+
_vm._b(
|
|
41933
|
+
{ attrs: { isVisible: _vm.instance.editingMode } },
|
|
41934
|
+
"zd-header",
|
|
41935
|
+
_vm.instance.editHeader,
|
|
41936
|
+
false
|
|
41937
|
+
)
|
|
41938
|
+
),
|
|
41953
41939
|
_vm._v(" "),
|
|
41954
41940
|
_c(
|
|
41955
41941
|
"div",
|
|
@@ -42113,7 +42099,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
42113
42099
|
/* style */
|
|
42114
42100
|
const __vue_inject_styles__$16 = function (inject) {
|
|
42115
42101
|
if (!inject) return
|
|
42116
|
-
inject("data-v-
|
|
42102
|
+
inject("data-v-8c8b40d8_0", { source: ".zd-dashboard {\n display: flex;\n flex-direction: column;\n cursor: auto;\n}\n.zd-dashboard .zd-header {\n margin-bottom: 10px;\n}\n.zd-dashboard .zd-footer {\n bottom: 0;\n right: 10px;\n position: absolute;\n padding: 3px;\n}\n.zd-dashboard .zd-footer.theme--dark {\n background: #1e1e1e;\n}\n.zd-dashboard .zd-footer.theme--light {\n background: #fff;\n}\n.zd-dashboard .zd-icon {\n bottom: 0;\n right: 0;\n position: absolute;\n cursor: nw-resize;\n}\n.zd-dashboard .zd-dashboard-body {\n justify-content: flex-start;\n align-content: flex-start;\n display: flex;\n flex-wrap: wrap;\n height: 100%;\n min-height: 0;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col {\n min-height: 70px;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div {\n height: 100%;\n position: relative;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div > .zd-card {\n height: 100%;\n}\n.ghost-drag {\n border: 2px dashed #772583;\n opacity: 0.5;\n margin: 0;\n}", map: undefined, media: undefined });
|
|
42117
42103
|
|
|
42118
42104
|
};
|
|
42119
42105
|
/* scoped */
|
|
@@ -44755,6 +44741,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44755
44741
|
this.destroyDragColumns();
|
|
44756
44742
|
}
|
|
44757
44743
|
}
|
|
44744
|
+
change(value) {
|
|
44745
|
+
if (value && this.instance.selectable) {
|
|
44746
|
+
setTimeout(() => {
|
|
44747
|
+
this.$el.querySelector('.column').colSpan = this.instance.columns.length + 1;
|
|
44748
|
+
}, 0);
|
|
44749
|
+
}
|
|
44750
|
+
}
|
|
44758
44751
|
mounted() {
|
|
44759
44752
|
this.setHeight();
|
|
44760
44753
|
if (this.instance.dragColumns) {
|
|
@@ -44822,15 +44815,20 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44822
44815
|
});
|
|
44823
44816
|
});
|
|
44824
44817
|
}
|
|
44825
|
-
|
|
44826
|
-
if (
|
|
44818
|
+
parseWidth(width) {
|
|
44819
|
+
if (width && width.indexOf('%') !== -1 && this.$el) {
|
|
44827
44820
|
const percent = Number(width === null || width === void 0 ? void 0 : width.replace('%', '')) / 100;
|
|
44828
44821
|
const tableWidth = this.$el.clientWidth;
|
|
44829
|
-
|
|
44830
|
-
|
|
44831
|
-
.trunc(Number(tableWidth) * percent))}px`;
|
|
44822
|
+
const pxWidth = Number(tableWidth) * percent;
|
|
44823
|
+
return pxWidth;
|
|
44832
44824
|
}
|
|
44833
|
-
return width || '';
|
|
44825
|
+
return Number(width === null || width === void 0 ? void 0 : width.replace('px', ''));
|
|
44826
|
+
}
|
|
44827
|
+
calcWidth(column, width) {
|
|
44828
|
+
const min = Math.max(this.minimumColumnWidth(column), this.parseWidth(column.minWidth) || 0);
|
|
44829
|
+
const max = this.parseWidth(column.maxWidth);
|
|
44830
|
+
const pxWidth = this.parseWidth(width);
|
|
44831
|
+
return `${Math.max(min, Math.min(Math.trunc(pxWidth), max || Infinity))}px`;
|
|
44834
44832
|
}
|
|
44835
44833
|
sortColumns(event) {
|
|
44836
44834
|
const { originalEvent } = event;
|
|
@@ -44921,21 +44919,26 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44921
44919
|
: MIN_WIDTH_WITH_SORTABLE_FALSE;
|
|
44922
44920
|
}
|
|
44923
44921
|
resizeMouseMoveHandler(event) {
|
|
44922
|
+
var _a, _b;
|
|
44924
44923
|
// Determine how far the mouse has been moved
|
|
44925
44924
|
const dx = event.clientX - this.resizeX;
|
|
44926
|
-
const
|
|
44927
|
-
const
|
|
44925
|
+
const min = Math.max(this.minimumColumnWidth(this.resizeColumn), this.parseWidth((_a = this.resizeColumn) === null || _a === void 0 ? void 0 : _a.minWidth) || 0);
|
|
44926
|
+
const max = this.parseWidth((_b = this.resizeColumn) === null || _b === void 0 ? void 0 : _b.maxWidth) || Infinity;
|
|
44927
|
+
const newWidth = this.resizeWidth + dx;
|
|
44928
|
+
const width = Math.max(min, Math.min(newWidth, max));
|
|
44928
44929
|
if (this.resizeColumn) {
|
|
44929
44930
|
// Update the width of column
|
|
44930
44931
|
this.resizeColumn.width = `${width}px`;
|
|
44931
|
-
this.resizeColumn.maxWidth = this.resizeColumn.width;
|
|
44932
44932
|
}
|
|
44933
|
-
if (
|
|
44933
|
+
if (newWidth >= max) {
|
|
44934
|
+
return;
|
|
44935
|
+
}
|
|
44936
|
+
if (newWidth >= min) {
|
|
44934
44937
|
// Update the width of the table
|
|
44935
44938
|
this.resizeTableElement.style.width = `${this.resizeTableWidth + dx}px`;
|
|
44936
44939
|
}
|
|
44937
44940
|
else {
|
|
44938
|
-
this.resizeTableElement.style.width = `${this.resizeTableWidth - this.resizeWidth +
|
|
44941
|
+
this.resizeTableElement.style.width = `${this.resizeTableWidth - this.resizeWidth + min}px`;
|
|
44939
44942
|
}
|
|
44940
44943
|
}
|
|
44941
44944
|
resizeMouseUpHandler(event) {
|
|
@@ -45264,6 +45267,12 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
45264
45267
|
__metadata("design:paramtypes", [Boolean]),
|
|
45265
45268
|
__metadata("design:returntype", void 0)
|
|
45266
45269
|
], ZdGrid.prototype, "update", null);
|
|
45270
|
+
__decorate([
|
|
45271
|
+
vuePropertyDecorator.Watch('instance.datasource.loading'),
|
|
45272
|
+
__metadata("design:type", Function),
|
|
45273
|
+
__metadata("design:paramtypes", [Boolean]),
|
|
45274
|
+
__metadata("design:returntype", void 0)
|
|
45275
|
+
], ZdGrid.prototype, "change", null);
|
|
45267
45276
|
ZdGrid = __decorate([
|
|
45268
45277
|
Component__default["default"]
|
|
45269
45278
|
], ZdGrid);
|
|
@@ -45438,7 +45447,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
45438
45447
|
width:
|
|
45439
45448
|
_vm.calcWidth(
|
|
45440
45449
|
column,
|
|
45441
|
-
column.
|
|
45450
|
+
column.width ||
|
|
45451
|
+
column.maxWidth ||
|
|
45452
|
+
column.minWidth
|
|
45442
45453
|
) || "unset",
|
|
45443
45454
|
},
|
|
45444
45455
|
attrs: {
|
|
@@ -45456,7 +45467,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
45456
45467
|
width:
|
|
45457
45468
|
_vm.calcWidth(
|
|
45458
45469
|
column,
|
|
45459
|
-
column.
|
|
45470
|
+
column.width ||
|
|
45471
|
+
column.maxWidth ||
|
|
45472
|
+
column.minWidth,
|
|
45473
|
+
true
|
|
45460
45474
|
) || "unset",
|
|
45461
45475
|
color:
|
|
45462
45476
|
_vm.instance.headerCellTextColor,
|
|
@@ -45876,17 +45890,20 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
45876
45890
|
width:
|
|
45877
45891
|
_vm.calcWidth(
|
|
45878
45892
|
column,
|
|
45879
|
-
column.width
|
|
45893
|
+
column.width,
|
|
45894
|
+
true
|
|
45880
45895
|
) || "unset",
|
|
45881
45896
|
"min-width":
|
|
45882
45897
|
_vm.calcWidth(
|
|
45883
45898
|
column,
|
|
45884
|
-
column.minWidth
|
|
45899
|
+
column.minWidth,
|
|
45900
|
+
true
|
|
45885
45901
|
) || "unset",
|
|
45886
45902
|
"max-width":
|
|
45887
45903
|
_vm.calcWidth(
|
|
45888
45904
|
column,
|
|
45889
|
-
column.maxWidth
|
|
45905
|
+
column.maxWidth,
|
|
45906
|
+
true
|
|
45890
45907
|
) || "unset",
|
|
45891
45908
|
},
|
|
45892
45909
|
on: {
|
|
@@ -46073,7 +46090,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
46073
46090
|
/* style */
|
|
46074
46091
|
const __vue_inject_styles__$X = function (inject) {
|
|
46075
46092
|
if (!inject) return
|
|
46076
|
-
inject("data-v-
|
|
46093
|
+
inject("data-v-7de6af71_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n color: var(--zd-font-color);\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined });
|
|
46077
46094
|
|
|
46078
46095
|
};
|
|
46079
46096
|
/* scoped */
|
|
@@ -46161,7 +46178,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
46161
46178
|
if (!element) {
|
|
46162
46179
|
return;
|
|
46163
46180
|
}
|
|
46164
|
-
if (col.
|
|
46181
|
+
if (col.width) {
|
|
46182
|
+
element.style.width = this.calcWidth(col, col.width || '');
|
|
46183
|
+
}
|
|
46184
|
+
else if (col.maxWidth) {
|
|
46165
46185
|
element.style.width = this.calcWidth(col, col.maxWidth || '');
|
|
46166
46186
|
}
|
|
46167
46187
|
else if (col.minWidth) {
|
|
@@ -46424,7 +46444,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
46424
46444
|
width:
|
|
46425
46445
|
_vm.calcWidth(
|
|
46426
46446
|
column,
|
|
46427
|
-
column.
|
|
46447
|
+
column.width ||
|
|
46448
|
+
column.maxWidth ||
|
|
46449
|
+
column.minWidth
|
|
46428
46450
|
) || "unset",
|
|
46429
46451
|
},
|
|
46430
46452
|
attrs: { index: index },
|
|
@@ -46438,7 +46460,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
46438
46460
|
width:
|
|
46439
46461
|
_vm.calcWidth(
|
|
46440
46462
|
column,
|
|
46441
|
-
column.
|
|
46463
|
+
column.width ||
|
|
46464
|
+
column.maxWidth ||
|
|
46465
|
+
column.minWidth
|
|
46442
46466
|
) || "unset",
|
|
46443
46467
|
},
|
|
46444
46468
|
},
|
|
@@ -46879,17 +46903,20 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
46879
46903
|
_vm.calcWidth(
|
|
46880
46904
|
column,
|
|
46881
46905
|
column.maxWidth ||
|
|
46882
|
-
column.minWidth
|
|
46906
|
+
column.minWidth,
|
|
46907
|
+
true
|
|
46883
46908
|
) || "unset",
|
|
46884
46909
|
"min-width":
|
|
46885
46910
|
_vm.calcWidth(
|
|
46886
46911
|
column,
|
|
46887
|
-
column.minWidth
|
|
46912
|
+
column.minWidth,
|
|
46913
|
+
true
|
|
46888
46914
|
) || "unset",
|
|
46889
46915
|
"max-width":
|
|
46890
46916
|
_vm.calcWidth(
|
|
46891
46917
|
column,
|
|
46892
|
-
column.maxWidth
|
|
46918
|
+
column.maxWidth,
|
|
46919
|
+
true
|
|
46893
46920
|
) || "unset",
|
|
46894
46921
|
},
|
|
46895
46922
|
},
|
|
@@ -47029,17 +47056,20 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
47029
47056
|
_vm.calcWidth(
|
|
47030
47057
|
column,
|
|
47031
47058
|
column.maxWidth ||
|
|
47032
|
-
column.minWidth
|
|
47059
|
+
column.minWidth,
|
|
47060
|
+
true
|
|
47033
47061
|
) || "unset",
|
|
47034
47062
|
"min-width":
|
|
47035
47063
|
_vm.calcWidth(
|
|
47036
47064
|
column,
|
|
47037
|
-
column.minWidth
|
|
47065
|
+
column.minWidth,
|
|
47066
|
+
true
|
|
47038
47067
|
) || "unset",
|
|
47039
47068
|
"max-width":
|
|
47040
47069
|
_vm.calcWidth(
|
|
47041
47070
|
column,
|
|
47042
|
-
column.maxWidth
|
|
47071
|
+
column.maxWidth,
|
|
47072
|
+
true
|
|
47043
47073
|
) || "unset",
|
|
47044
47074
|
},
|
|
47045
47075
|
on: {
|
|
@@ -47228,8 +47258,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
47228
47258
|
/* style */
|
|
47229
47259
|
const __vue_inject_styles__$W = function (inject) {
|
|
47230
47260
|
if (!inject) return
|
|
47231
|
-
inject("data-v-
|
|
47232
|
-
,inject("data-v-
|
|
47261
|
+
inject("data-v-0bddbd88_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n color: var(--zd-font-color);\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
|
|
47262
|
+
,inject("data-v-0bddbd88_1", { source: ".zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n justify-content: flex-end;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n justify-content: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n display: flex;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n display: flex;\n font-size: 18px;\n margin-right: var(--spacing-1);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n padding: 0 8px;\n position: relative;\n display: block;\n height: 20px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n content: \"\";\n position: absolute;\n width: 1px;\n height: var(--spacing-1);\n bottom: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n left: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n right: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable {\n cursor: pointer;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: 22px;\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n height: 22px;\n max-height: 22px;\n}", map: undefined, media: undefined });
|
|
47233
47263
|
|
|
47234
47264
|
};
|
|
47235
47265
|
/* scoped */
|
|
@@ -58074,198 +58104,257 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58074
58104
|
width:
|
|
58075
58105
|
_vm.calcWidth(
|
|
58076
58106
|
column,
|
|
58077
|
-
column.
|
|
58078
|
-
|
|
58079
|
-
|
|
58080
|
-
|
|
58081
|
-
column.minWidth
|
|
58082
|
-
) ||
|
|
58083
|
-
"unset",
|
|
58107
|
+
column.width ||
|
|
58108
|
+
column.maxWidth ||
|
|
58109
|
+
column.minWidth
|
|
58110
|
+
) || "unset",
|
|
58084
58111
|
},
|
|
58085
58112
|
attrs: { index: index },
|
|
58086
|
-
on: {
|
|
58087
|
-
click: function ($event) {
|
|
58088
|
-
return _vm.instance.changeColumnOrder(
|
|
58089
|
-
column
|
|
58090
|
-
)
|
|
58091
|
-
},
|
|
58092
|
-
},
|
|
58093
58113
|
},
|
|
58094
58114
|
[
|
|
58095
|
-
|
|
58096
|
-
|
|
58097
|
-
|
|
58098
|
-
|
|
58099
|
-
|
|
58115
|
+
_c(
|
|
58116
|
+
"span",
|
|
58117
|
+
{
|
|
58118
|
+
staticClass: "zd-table-header-cell",
|
|
58119
|
+
style: {
|
|
58120
|
+
width:
|
|
58121
|
+
_vm.calcWidth(
|
|
58122
|
+
column,
|
|
58123
|
+
column.width ||
|
|
58124
|
+
column.maxWidth ||
|
|
58125
|
+
column.minWidth,
|
|
58126
|
+
true
|
|
58127
|
+
) || "unset",
|
|
58128
|
+
color:
|
|
58129
|
+
_vm.instance.headerCellTextColor,
|
|
58130
|
+
},
|
|
58131
|
+
},
|
|
58132
|
+
[
|
|
58133
|
+
column.type !== "action"
|
|
58134
|
+
? [
|
|
58135
|
+
column.sortable &&
|
|
58136
|
+
column.align === "right"
|
|
58137
|
+
? _c(
|
|
58138
|
+
"span",
|
|
58139
|
+
{
|
|
58140
|
+
staticClass:
|
|
58141
|
+
"zd-table-cell-sort zd-table-cell-sort--left zd-mr-1",
|
|
58142
|
+
on: {
|
|
58143
|
+
click: function (
|
|
58144
|
+
$event
|
|
58145
|
+
) {
|
|
58146
|
+
return _vm.instance.changeColumnOrder(
|
|
58147
|
+
column
|
|
58148
|
+
)
|
|
58149
|
+
},
|
|
58150
|
+
},
|
|
58151
|
+
},
|
|
58152
|
+
[
|
|
58153
|
+
column.sortable &&
|
|
58154
|
+
column.align === "right"
|
|
58155
|
+
? _c(
|
|
58156
|
+
"v-icon",
|
|
58157
|
+
{
|
|
58158
|
+
staticClass:
|
|
58159
|
+
"zd-table-cell-sort-icon",
|
|
58160
|
+
attrs: {
|
|
58161
|
+
small: "",
|
|
58162
|
+
},
|
|
58163
|
+
},
|
|
58164
|
+
[
|
|
58165
|
+
_vm._v(
|
|
58166
|
+
"\n " +
|
|
58167
|
+
_vm._s(
|
|
58168
|
+
_vm.$getIcon(
|
|
58169
|
+
"chevronUp"
|
|
58170
|
+
)
|
|
58171
|
+
) +
|
|
58172
|
+
"\n "
|
|
58173
|
+
),
|
|
58174
|
+
]
|
|
58175
|
+
)
|
|
58176
|
+
: _vm._e(),
|
|
58177
|
+
_vm._v(" "),
|
|
58178
|
+
_vm.instance.datasource.findOrderIndex(
|
|
58179
|
+
column.name
|
|
58180
|
+
) >= 0
|
|
58181
|
+
? _c(
|
|
58182
|
+
"span",
|
|
58183
|
+
{
|
|
58184
|
+
staticClass:
|
|
58185
|
+
"zd-table-cell-sort-order left",
|
|
58186
|
+
},
|
|
58187
|
+
[
|
|
58188
|
+
_vm._v(
|
|
58189
|
+
"\n " +
|
|
58190
|
+
_vm._s(
|
|
58191
|
+
_vm.instance.datasource.findOrderIndex(
|
|
58192
|
+
column.name
|
|
58193
|
+
) + 1
|
|
58194
|
+
) +
|
|
58195
|
+
"\n "
|
|
58196
|
+
),
|
|
58197
|
+
]
|
|
58198
|
+
)
|
|
58199
|
+
: _vm._e(),
|
|
58200
|
+
],
|
|
58201
|
+
1
|
|
58202
|
+
)
|
|
58203
|
+
: _vm._e(),
|
|
58204
|
+
_vm._v(" "),
|
|
58205
|
+
_c(
|
|
58100
58206
|
"span",
|
|
58101
58207
|
{
|
|
58102
|
-
|
|
58103
|
-
"zd-table-cell-
|
|
58104
|
-
|
|
58105
|
-
|
|
58106
|
-
|
|
58107
|
-
|
|
58108
|
-
|
|
58109
|
-
|
|
58110
|
-
|
|
58111
|
-
|
|
58112
|
-
|
|
58113
|
-
|
|
58114
|
-
|
|
58115
|
-
|
|
58116
|
-
|
|
58117
|
-
|
|
58118
|
-
|
|
58119
|
-
|
|
58120
|
-
|
|
58121
|
-
)
|
|
58122
|
-
),
|
|
58123
|
-
]
|
|
58208
|
+
class: [
|
|
58209
|
+
"zd-table-cell-name",
|
|
58210
|
+
{
|
|
58211
|
+
"overflow-hidden":
|
|
58212
|
+
column.overflow ===
|
|
58213
|
+
"hidden",
|
|
58214
|
+
"overflow-wrap":
|
|
58215
|
+
column.overflow ===
|
|
58216
|
+
"wrap",
|
|
58217
|
+
},
|
|
58218
|
+
!isNaN(column.overflow)
|
|
58219
|
+
? "overflow-clamp overflow-clamp-" +
|
|
58220
|
+
column.overflow
|
|
58221
|
+
: "",
|
|
58222
|
+
],
|
|
58223
|
+
on: {
|
|
58224
|
+
click: function ($event) {
|
|
58225
|
+
return _vm.instance.changeColumnOrder(
|
|
58226
|
+
column
|
|
58124
58227
|
)
|
|
58125
|
-
|
|
58126
|
-
|
|
58127
|
-
|
|
58128
|
-
|
|
58129
|
-
|
|
58130
|
-
|
|
58131
|
-
"span",
|
|
58132
|
-
{
|
|
58133
|
-
staticClass:
|
|
58134
|
-
"zd-table-cell-sort-order left",
|
|
58135
|
-
},
|
|
58136
|
-
[
|
|
58137
|
-
_vm._v(
|
|
58138
|
-
_vm._s(
|
|
58139
|
-
_vm.instance.datasource.findOrderIndex(
|
|
58140
|
-
column.name
|
|
58141
|
-
) + 1
|
|
58142
|
-
)
|
|
58143
|
-
),
|
|
58144
|
-
]
|
|
58228
|
+
},
|
|
58229
|
+
mouseenter: function (
|
|
58230
|
+
$event
|
|
58231
|
+
) {
|
|
58232
|
+
return _vm.checkOverflow(
|
|
58233
|
+
$event
|
|
58145
58234
|
)
|
|
58146
|
-
|
|
58147
|
-
|
|
58148
|
-
|
|
58149
|
-
|
|
58150
|
-
|
|
58151
|
-
|
|
58152
|
-
|
|
58153
|
-
"span",
|
|
58154
|
-
{
|
|
58155
|
-
class: [
|
|
58156
|
-
"zd-table-cell-name",
|
|
58157
|
-
{
|
|
58158
|
-
"overflow-hidden":
|
|
58159
|
-
column.overflow ===
|
|
58160
|
-
"hidden",
|
|
58161
|
-
"overflow-wrap":
|
|
58162
|
-
column.overflow === "wrap",
|
|
58163
|
-
},
|
|
58164
|
-
!isNaN(column.overflow)
|
|
58165
|
-
? "overflow-clamp overflow-clamp-" +
|
|
58166
|
-
column.overflow
|
|
58167
|
-
: "",
|
|
58168
|
-
],
|
|
58169
|
-
style: {
|
|
58170
|
-
"min-width":
|
|
58171
|
-
_vm.calcWidth(
|
|
58172
|
-
column,
|
|
58173
|
-
column.minWidth
|
|
58174
|
-
) || "unset",
|
|
58175
|
-
"max-width":
|
|
58176
|
-
_vm.calcWidth(
|
|
58177
|
-
column,
|
|
58178
|
-
column.maxWidth
|
|
58179
|
-
) || "unset",
|
|
58180
|
-
},
|
|
58181
|
-
on: {
|
|
58182
|
-
mouseenter: function ($event) {
|
|
58183
|
-
return _vm.checkOverflow(
|
|
58184
|
-
$event
|
|
58185
|
-
)
|
|
58186
|
-
},
|
|
58187
|
-
mouseleave: function ($event) {
|
|
58188
|
-
return _vm.removeTooltip()
|
|
58235
|
+
},
|
|
58236
|
+
mouseleave: function (
|
|
58237
|
+
$event
|
|
58238
|
+
) {
|
|
58239
|
+
return _vm.removeTooltip()
|
|
58240
|
+
},
|
|
58241
|
+
},
|
|
58189
58242
|
},
|
|
58190
|
-
|
|
58191
|
-
|
|
58192
|
-
|
|
58193
|
-
|
|
58194
|
-
|
|
58243
|
+
[
|
|
58244
|
+
_vm._v(
|
|
58245
|
+
_vm._s(_vm.$t(column.label))
|
|
58246
|
+
),
|
|
58247
|
+
]
|
|
58195
58248
|
),
|
|
58249
|
+
_vm._v(" "),
|
|
58250
|
+
column.sortable &&
|
|
58251
|
+
column.align !== "right"
|
|
58252
|
+
? _c(
|
|
58253
|
+
"span",
|
|
58254
|
+
{
|
|
58255
|
+
staticClass:
|
|
58256
|
+
"zd-table-cell-sort zd-table-cell-sort--right zd-ml-1",
|
|
58257
|
+
on: {
|
|
58258
|
+
click: function (
|
|
58259
|
+
$event
|
|
58260
|
+
) {
|
|
58261
|
+
return _vm.instance.changeColumnOrder(
|
|
58262
|
+
column
|
|
58263
|
+
)
|
|
58264
|
+
},
|
|
58265
|
+
},
|
|
58266
|
+
},
|
|
58267
|
+
[
|
|
58268
|
+
column.sortable &&
|
|
58269
|
+
column.align !== "right"
|
|
58270
|
+
? _c(
|
|
58271
|
+
"v-icon",
|
|
58272
|
+
{
|
|
58273
|
+
staticClass:
|
|
58274
|
+
"zd-table-cell-sort-icon",
|
|
58275
|
+
attrs: {
|
|
58276
|
+
small: "",
|
|
58277
|
+
},
|
|
58278
|
+
},
|
|
58279
|
+
[
|
|
58280
|
+
_vm._v(
|
|
58281
|
+
"\n " +
|
|
58282
|
+
_vm._s(
|
|
58283
|
+
_vm.$getIcon(
|
|
58284
|
+
"chevronUp"
|
|
58285
|
+
)
|
|
58286
|
+
) +
|
|
58287
|
+
"\n "
|
|
58288
|
+
),
|
|
58289
|
+
]
|
|
58290
|
+
)
|
|
58291
|
+
: _vm._e(),
|
|
58292
|
+
_vm._v(" "),
|
|
58293
|
+
_vm.instance.datasource.findOrderIndex(
|
|
58294
|
+
column.name
|
|
58295
|
+
) >= 0
|
|
58296
|
+
? _c(
|
|
58297
|
+
"span",
|
|
58298
|
+
{
|
|
58299
|
+
staticClass:
|
|
58300
|
+
"zd-table-cell-sort-order",
|
|
58301
|
+
},
|
|
58302
|
+
[
|
|
58303
|
+
_vm._v(
|
|
58304
|
+
"\n " +
|
|
58305
|
+
_vm._s(
|
|
58306
|
+
_vm.instance.datasource.findOrderIndex(
|
|
58307
|
+
column.name
|
|
58308
|
+
) + 1
|
|
58309
|
+
) +
|
|
58310
|
+
"\n "
|
|
58311
|
+
),
|
|
58312
|
+
]
|
|
58313
|
+
)
|
|
58314
|
+
: _vm._e(),
|
|
58315
|
+
],
|
|
58316
|
+
1
|
|
58317
|
+
)
|
|
58318
|
+
: _vm._e(),
|
|
58196
58319
|
]
|
|
58197
|
-
|
|
58198
|
-
|
|
58199
|
-
column.sortable &&
|
|
58200
|
-
column.align !== "right"
|
|
58201
|
-
? _c(
|
|
58320
|
+
: [
|
|
58321
|
+
_c(
|
|
58202
58322
|
"span",
|
|
58203
58323
|
{
|
|
58204
58324
|
staticClass:
|
|
58205
|
-
"zd-table-cell-
|
|
58325
|
+
"zd-table-cell-name",
|
|
58206
58326
|
},
|
|
58207
58327
|
[
|
|
58208
|
-
|
|
58209
|
-
|
|
58210
|
-
|
|
58211
|
-
|
|
58212
|
-
{
|
|
58213
|
-
staticClass:
|
|
58214
|
-
"zd-table-cell-sort-icon",
|
|
58215
|
-
attrs: { small: "" },
|
|
58216
|
-
},
|
|
58217
|
-
[
|
|
58218
|
-
_vm._v(
|
|
58219
|
-
_vm._s(
|
|
58220
|
-
_vm.$getIcon(
|
|
58221
|
-
"chevronUp"
|
|
58222
|
-
)
|
|
58223
|
-
)
|
|
58224
|
-
),
|
|
58225
|
-
]
|
|
58226
|
-
)
|
|
58227
|
-
: _vm._e(),
|
|
58228
|
-
_vm._v(" "),
|
|
58229
|
-
_vm.instance.datasource.findOrderIndex(
|
|
58230
|
-
column.name
|
|
58231
|
-
) >= 0
|
|
58232
|
-
? _c(
|
|
58233
|
-
"span",
|
|
58234
|
-
{
|
|
58235
|
-
staticClass:
|
|
58236
|
-
"zd-table-cell-sort-order",
|
|
58237
|
-
},
|
|
58238
|
-
[
|
|
58239
|
-
_vm._v(
|
|
58240
|
-
_vm._s(
|
|
58241
|
-
_vm.instance.datasource.findOrderIndex(
|
|
58242
|
-
column.name
|
|
58243
|
-
) + 1
|
|
58244
|
-
)
|
|
58245
|
-
),
|
|
58246
|
-
]
|
|
58247
|
-
)
|
|
58248
|
-
: _vm._e(),
|
|
58249
|
-
],
|
|
58250
|
-
1
|
|
58251
|
-
)
|
|
58252
|
-
: _vm._e(),
|
|
58253
|
-
]
|
|
58254
|
-
: [
|
|
58255
|
-
_c(
|
|
58256
|
-
"span",
|
|
58257
|
-
{
|
|
58258
|
-
staticClass: "zd-table-cell-name",
|
|
58259
|
-
},
|
|
58260
|
-
[
|
|
58261
|
-
_vm._v(
|
|
58262
|
-
_vm._s(_vm.$t(column.label))
|
|
58328
|
+
_vm._v(
|
|
58329
|
+
_vm._s(_vm.$t(column.label))
|
|
58330
|
+
),
|
|
58331
|
+
]
|
|
58263
58332
|
),
|
|
58264
|
-
]
|
|
58265
|
-
|
|
58266
|
-
|
|
58267
|
-
|
|
58268
|
-
|
|
58333
|
+
],
|
|
58334
|
+
_vm._v(" "),
|
|
58335
|
+
_vm.instance.resizeColumns
|
|
58336
|
+
? _c(
|
|
58337
|
+
"span",
|
|
58338
|
+
{
|
|
58339
|
+
staticClass:
|
|
58340
|
+
"zd-grid-resize-handle",
|
|
58341
|
+
on: {
|
|
58342
|
+
mousedown: function ($event) {
|
|
58343
|
+
return _vm.resizeMouseDownHandler(
|
|
58344
|
+
column,
|
|
58345
|
+
$event
|
|
58346
|
+
)
|
|
58347
|
+
},
|
|
58348
|
+
click: _vm.resizeClickHandler,
|
|
58349
|
+
},
|
|
58350
|
+
},
|
|
58351
|
+
[_vm._v("‖")]
|
|
58352
|
+
)
|
|
58353
|
+
: _vm._e(),
|
|
58354
|
+
],
|
|
58355
|
+
2
|
|
58356
|
+
),
|
|
58357
|
+
]
|
|
58269
58358
|
)
|
|
58270
58359
|
: _vm._e(),
|
|
58271
58360
|
]
|
|
@@ -58304,7 +58393,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58304
58393
|
return [
|
|
58305
58394
|
_c("tr", [
|
|
58306
58395
|
_c("td", {
|
|
58307
|
-
style: "padding-top:" + _vm.scrollData.endHeight + "px",
|
|
58396
|
+
style: "padding-top: " + _vm.scrollData.endHeight + "px",
|
|
58308
58397
|
attrs: { colspan: headers.length },
|
|
58309
58398
|
}),
|
|
58310
58399
|
]),
|
|
@@ -58468,15 +58557,23 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58468
58557
|
: "",
|
|
58469
58558
|
],
|
|
58470
58559
|
style: {
|
|
58560
|
+
width:
|
|
58561
|
+
_vm.calcWidth(
|
|
58562
|
+
column,
|
|
58563
|
+
column.width,
|
|
58564
|
+
true
|
|
58565
|
+
) || "unset",
|
|
58471
58566
|
"min-width":
|
|
58472
58567
|
_vm.calcWidth(
|
|
58473
58568
|
column,
|
|
58474
|
-
column.minWidth
|
|
58569
|
+
column.minWidth,
|
|
58570
|
+
true
|
|
58475
58571
|
) || "unset",
|
|
58476
58572
|
"max-width":
|
|
58477
58573
|
_vm.calcWidth(
|
|
58478
58574
|
column,
|
|
58479
|
-
column.maxWidth
|
|
58575
|
+
column.maxWidth,
|
|
58576
|
+
true
|
|
58480
58577
|
) || "unset",
|
|
58481
58578
|
},
|
|
58482
58579
|
on: {
|
|
@@ -58548,6 +58645,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58548
58645
|
],
|
|
58549
58646
|
1
|
|
58550
58647
|
),
|
|
58648
|
+
_vm._v(" "),
|
|
58551
58649
|
_c("span", {
|
|
58552
58650
|
key: item.tree__searched
|
|
58553
58651
|
? "a"
|
|
@@ -58597,34 +58695,92 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58597
58695
|
},
|
|
58598
58696
|
},
|
|
58599
58697
|
},
|
|
58600
|
-
|
|
58601
|
-
|
|
58602
|
-
|
|
58603
|
-
|
|
58604
|
-
|
|
58605
|
-
_vm._b(
|
|
58698
|
+
[
|
|
58699
|
+
_c(
|
|
58700
|
+
"div",
|
|
58701
|
+
{
|
|
58702
|
+
directives: [
|
|
58606
58703
|
{
|
|
58607
|
-
|
|
58608
|
-
|
|
58609
|
-
|
|
58610
|
-
|
|
58704
|
+
name: "show",
|
|
58705
|
+
rawName: "v-show",
|
|
58706
|
+
value: headerIndex === 0,
|
|
58707
|
+
expression:
|
|
58708
|
+
"headerIndex === 0",
|
|
58611
58709
|
},
|
|
58612
|
-
|
|
58613
|
-
|
|
58614
|
-
|
|
58615
|
-
|
|
58616
|
-
|
|
58617
|
-
|
|
58618
|
-
|
|
58619
|
-
|
|
58710
|
+
],
|
|
58711
|
+
class: [
|
|
58712
|
+
"zd-tree-grid-expand",
|
|
58713
|
+
"level" + item.tree__level,
|
|
58714
|
+
],
|
|
58715
|
+
},
|
|
58716
|
+
[
|
|
58717
|
+
(item.tree__children || [])
|
|
58718
|
+
.length > 0
|
|
58719
|
+
? _c(
|
|
58720
|
+
"v-icon",
|
|
58721
|
+
{
|
|
58722
|
+
class: {
|
|
58723
|
+
opened:
|
|
58724
|
+
item.tree__opened,
|
|
58725
|
+
},
|
|
58726
|
+
attrs: { tabindex: "-1" },
|
|
58727
|
+
on: {
|
|
58728
|
+
click: function (
|
|
58729
|
+
$event
|
|
58730
|
+
) {
|
|
58731
|
+
return _vm.instance.toggleExpand(
|
|
58732
|
+
item,
|
|
58733
|
+
index
|
|
58734
|
+
)
|
|
58735
|
+
},
|
|
58736
|
+
},
|
|
58737
|
+
},
|
|
58738
|
+
[
|
|
58739
|
+
_vm._v(
|
|
58740
|
+
"\n " +
|
|
58741
|
+
_vm._s(
|
|
58742
|
+
_vm.$getIcon(
|
|
58743
|
+
"chevronRight"
|
|
58744
|
+
)
|
|
58745
|
+
) +
|
|
58746
|
+
"\n "
|
|
58747
|
+
),
|
|
58748
|
+
]
|
|
58620
58749
|
)
|
|
58621
|
-
),
|
|
58622
|
-
|
|
58750
|
+
: _vm._e(),
|
|
58751
|
+
],
|
|
58752
|
+
1
|
|
58753
|
+
),
|
|
58754
|
+
_vm._v(" "),
|
|
58755
|
+
_vm._l(
|
|
58756
|
+
column.childrenProps,
|
|
58757
|
+
function (child) {
|
|
58758
|
+
return _c(
|
|
58759
|
+
child.component,
|
|
58760
|
+
_vm._b(
|
|
58761
|
+
{
|
|
58762
|
+
key:
|
|
58763
|
+
child.name +
|
|
58764
|
+
_vm.rowKey(item),
|
|
58765
|
+
tag: "component",
|
|
58766
|
+
},
|
|
58767
|
+
"component",
|
|
58768
|
+
Object.assign(
|
|
58769
|
+
{},
|
|
58770
|
+
child,
|
|
58771
|
+
_vm.instance.getActionComponent(
|
|
58772
|
+
child,
|
|
58773
|
+
column,
|
|
58774
|
+
item
|
|
58775
|
+
)
|
|
58776
|
+
),
|
|
58777
|
+
false
|
|
58778
|
+
)
|
|
58623
58779
|
)
|
|
58624
|
-
|
|
58625
|
-
|
|
58626
|
-
|
|
58627
|
-
|
|
58780
|
+
}
|
|
58781
|
+
),
|
|
58782
|
+
],
|
|
58783
|
+
2
|
|
58628
58784
|
),
|
|
58629
58785
|
]
|
|
58630
58786
|
: _vm._e(),
|
|
@@ -58729,8 +58885,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58729
58885
|
/* style */
|
|
58730
58886
|
const __vue_inject_styles__$1 = function (inject) {
|
|
58731
58887
|
if (!inject) return
|
|
58732
|
-
inject("data-v-
|
|
58733
|
-
,inject("data-v-
|
|
58888
|
+
inject("data-v-7d538442_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n color: var(--zd-font-color);\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
|
|
58889
|
+
,inject("data-v-7d538442_1", { source: ".zd-tree-grid.theme--light tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-tree-grid.theme--dark tbody td.zd-table-cell {\n color: #fff;\n}\n.zd-tree-grid tbody td.zd-table-cell.first {\n padding-left: 5px !important;\n}\n.zd-tree-grid tbody td.zd-table-cell .zd-table-cell-text .search-result {\n background: var(--v-grey-lighten4);\n}\n.zd-tree-grid .zd-tree-grid-expand {\n display: inline-block;\n text-align: end;\n vertical-align: baseline;\n height: 10px;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon {\n transition: transform 0.3s ease;\n -webkit-transition: transform 0.3s ease;\n font-size: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon::after {\n content: none;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon.opened {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid .zd-tree-grid-expand.level1 {\n width: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level2 {\n width: 40px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level3 {\n width: 60px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level4 {\n width: 80px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level5 {\n width: 100px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level6 {\n width: 120px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level7 {\n width: 140px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level8 {\n width: 160px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level9 {\n width: 180px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level10 {\n width: 200px;\n}", map: undefined, media: undefined });
|
|
58734
58890
|
|
|
58735
58891
|
};
|
|
58736
58892
|
/* scoped */
|
|
@@ -58816,7 +58972,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58816
58972
|
this.columns.forEach((col) => {
|
|
58817
58973
|
const element = document.querySelector(`.column-th-${col.name}-${this.instance.name}`);
|
|
58818
58974
|
if (element) {
|
|
58819
|
-
if (col.
|
|
58975
|
+
if (col.width) {
|
|
58976
|
+
element.style.width = this.calcWidth(col, col.width);
|
|
58977
|
+
}
|
|
58978
|
+
else if (col.maxWidth) {
|
|
58820
58979
|
element.style.width = this.calcWidth(col, col.maxWidth);
|
|
58821
58980
|
}
|
|
58822
58981
|
else if (col.minWidth) {
|
|
@@ -58930,6 +59089,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58930
59089
|
ref: "grid",
|
|
58931
59090
|
class: [
|
|
58932
59091
|
"zd-grid",
|
|
59092
|
+
"zd-tree-grid",
|
|
58933
59093
|
"zd-tree-grid-editable",
|
|
58934
59094
|
_vm.instance.cssClass,
|
|
58935
59095
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
@@ -59072,201 +59232,260 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59072
59232
|
style: {
|
|
59073
59233
|
"background-color":
|
|
59074
59234
|
_vm.instance.headerBackground,
|
|
59075
|
-
|
|
59076
|
-
_vm.calcWidth(
|
|
59077
|
-
column,
|
|
59078
|
-
column.minWidth
|
|
59079
|
-
) || "unset",
|
|
59080
|
-
"max-width":
|
|
59235
|
+
width:
|
|
59081
59236
|
_vm.calcWidth(
|
|
59082
59237
|
column,
|
|
59083
|
-
column.
|
|
59238
|
+
column.width ||
|
|
59239
|
+
column.maxWidth ||
|
|
59240
|
+
column.minWidth
|
|
59084
59241
|
) || "unset",
|
|
59085
59242
|
},
|
|
59086
59243
|
attrs: { index: index },
|
|
59087
|
-
on: {
|
|
59088
|
-
click: function ($event) {
|
|
59089
|
-
return _vm.instance.changeColumnOrder(
|
|
59090
|
-
column
|
|
59091
|
-
)
|
|
59092
|
-
},
|
|
59093
|
-
},
|
|
59094
59244
|
},
|
|
59095
59245
|
[
|
|
59096
|
-
|
|
59097
|
-
|
|
59098
|
-
|
|
59099
|
-
|
|
59100
|
-
|
|
59246
|
+
_c(
|
|
59247
|
+
"span",
|
|
59248
|
+
{
|
|
59249
|
+
staticClass: "zd-table-header-cell",
|
|
59250
|
+
style: {
|
|
59251
|
+
width:
|
|
59252
|
+
_vm.calcWidth(
|
|
59253
|
+
column,
|
|
59254
|
+
column.width ||
|
|
59255
|
+
column.maxWidth ||
|
|
59256
|
+
column.minWidth,
|
|
59257
|
+
true
|
|
59258
|
+
) || "unset",
|
|
59259
|
+
color:
|
|
59260
|
+
_vm.instance.headerCellTextColor,
|
|
59261
|
+
},
|
|
59262
|
+
},
|
|
59263
|
+
[
|
|
59264
|
+
column.type !== "action"
|
|
59265
|
+
? [
|
|
59266
|
+
column.sortable &&
|
|
59267
|
+
column.align === "right"
|
|
59268
|
+
? _c(
|
|
59269
|
+
"span",
|
|
59270
|
+
{
|
|
59271
|
+
staticClass:
|
|
59272
|
+
"zd-table-cell-sort zd-table-cell-sort--left zd-mr-1",
|
|
59273
|
+
on: {
|
|
59274
|
+
click: function (
|
|
59275
|
+
$event
|
|
59276
|
+
) {
|
|
59277
|
+
return _vm.instance.changeColumnOrder(
|
|
59278
|
+
column
|
|
59279
|
+
)
|
|
59280
|
+
},
|
|
59281
|
+
},
|
|
59282
|
+
},
|
|
59283
|
+
[
|
|
59284
|
+
column.sortable &&
|
|
59285
|
+
column.align === "right"
|
|
59286
|
+
? _c(
|
|
59287
|
+
"v-icon",
|
|
59288
|
+
{
|
|
59289
|
+
staticClass:
|
|
59290
|
+
"zd-table-cell-sort-icon",
|
|
59291
|
+
attrs: {
|
|
59292
|
+
small: "",
|
|
59293
|
+
},
|
|
59294
|
+
},
|
|
59295
|
+
[
|
|
59296
|
+
_vm._v(
|
|
59297
|
+
"\n " +
|
|
59298
|
+
_vm._s(
|
|
59299
|
+
_vm.$getIcon(
|
|
59300
|
+
"chevronUp"
|
|
59301
|
+
)
|
|
59302
|
+
) +
|
|
59303
|
+
"\n "
|
|
59304
|
+
),
|
|
59305
|
+
]
|
|
59306
|
+
)
|
|
59307
|
+
: _vm._e(),
|
|
59308
|
+
_vm._v(" "),
|
|
59309
|
+
_vm.instance.datasource.findOrderIndex(
|
|
59310
|
+
column.name
|
|
59311
|
+
) >= 0
|
|
59312
|
+
? _c(
|
|
59313
|
+
"span",
|
|
59314
|
+
{
|
|
59315
|
+
staticClass:
|
|
59316
|
+
"zd-table-cell-sort-order left",
|
|
59317
|
+
},
|
|
59318
|
+
[
|
|
59319
|
+
_vm._v(
|
|
59320
|
+
"\n " +
|
|
59321
|
+
_vm._s(
|
|
59322
|
+
_vm.instance.datasource.findOrderIndex(
|
|
59323
|
+
column.name
|
|
59324
|
+
) + 1
|
|
59325
|
+
) +
|
|
59326
|
+
"\n "
|
|
59327
|
+
),
|
|
59328
|
+
]
|
|
59329
|
+
)
|
|
59330
|
+
: _vm._e(),
|
|
59331
|
+
],
|
|
59332
|
+
1
|
|
59333
|
+
)
|
|
59334
|
+
: _vm._e(),
|
|
59335
|
+
_vm._v(" "),
|
|
59336
|
+
_c(
|
|
59101
59337
|
"span",
|
|
59102
59338
|
{
|
|
59103
|
-
|
|
59104
|
-
"zd-table-cell-
|
|
59105
|
-
|
|
59106
|
-
|
|
59107
|
-
|
|
59108
|
-
|
|
59109
|
-
|
|
59110
|
-
|
|
59111
|
-
|
|
59112
|
-
|
|
59113
|
-
|
|
59114
|
-
|
|
59115
|
-
|
|
59116
|
-
|
|
59117
|
-
|
|
59118
|
-
|
|
59119
|
-
|
|
59120
|
-
|
|
59121
|
-
|
|
59122
|
-
)
|
|
59123
|
-
),
|
|
59124
|
-
]
|
|
59339
|
+
class: [
|
|
59340
|
+
"zd-table-cell-name",
|
|
59341
|
+
{
|
|
59342
|
+
"overflow-hidden":
|
|
59343
|
+
column.overflow ===
|
|
59344
|
+
"hidden",
|
|
59345
|
+
"overflow-wrap":
|
|
59346
|
+
column.overflow ===
|
|
59347
|
+
"wrap",
|
|
59348
|
+
},
|
|
59349
|
+
!isNaN(column.overflow)
|
|
59350
|
+
? "overflow-clamp overflow-clamp-" +
|
|
59351
|
+
column.overflow
|
|
59352
|
+
: "",
|
|
59353
|
+
],
|
|
59354
|
+
on: {
|
|
59355
|
+
click: function ($event) {
|
|
59356
|
+
return _vm.instance.changeColumnOrder(
|
|
59357
|
+
column
|
|
59125
59358
|
)
|
|
59126
|
-
|
|
59127
|
-
|
|
59128
|
-
|
|
59129
|
-
|
|
59130
|
-
|
|
59131
|
-
|
|
59132
|
-
"span",
|
|
59133
|
-
{
|
|
59134
|
-
staticClass:
|
|
59135
|
-
"zd-table-cell-sort-order left",
|
|
59136
|
-
},
|
|
59137
|
-
[
|
|
59138
|
-
_vm._v(
|
|
59139
|
-
_vm._s(
|
|
59140
|
-
_vm.instance.datasource.findOrderIndex(
|
|
59141
|
-
column.name
|
|
59142
|
-
) + 1
|
|
59143
|
-
)
|
|
59144
|
-
),
|
|
59145
|
-
]
|
|
59359
|
+
},
|
|
59360
|
+
mouseenter: function (
|
|
59361
|
+
$event
|
|
59362
|
+
) {
|
|
59363
|
+
return _vm.checkOverflow(
|
|
59364
|
+
$event
|
|
59146
59365
|
)
|
|
59147
|
-
|
|
59148
|
-
|
|
59149
|
-
|
|
59150
|
-
|
|
59151
|
-
|
|
59152
|
-
|
|
59153
|
-
|
|
59154
|
-
"span",
|
|
59155
|
-
{
|
|
59156
|
-
class: [
|
|
59157
|
-
"zd-table-cell-name",
|
|
59158
|
-
{
|
|
59159
|
-
"overflow-hidden":
|
|
59160
|
-
column.overflow ===
|
|
59161
|
-
"hidden",
|
|
59162
|
-
"overflow-wrap":
|
|
59163
|
-
column.overflow === "wrap",
|
|
59164
|
-
},
|
|
59165
|
-
!isNaN(column.overflow)
|
|
59166
|
-
? "overflow-clamp overflow-clamp-" +
|
|
59167
|
-
column.overflow
|
|
59168
|
-
: "",
|
|
59169
|
-
],
|
|
59170
|
-
style: {
|
|
59171
|
-
"min-width":
|
|
59172
|
-
_vm.calcWidth(
|
|
59173
|
-
column,
|
|
59174
|
-
column.minWidth
|
|
59175
|
-
) || "unset",
|
|
59176
|
-
"max-width":
|
|
59177
|
-
_vm.calcWidth(
|
|
59178
|
-
column,
|
|
59179
|
-
column.maxWidth
|
|
59180
|
-
) || "unset",
|
|
59181
|
-
},
|
|
59182
|
-
on: {
|
|
59183
|
-
mouseenter: function ($event) {
|
|
59184
|
-
return _vm.checkOverflow(
|
|
59185
|
-
$event
|
|
59186
|
-
)
|
|
59187
|
-
},
|
|
59188
|
-
mouseleave: function ($event) {
|
|
59189
|
-
return _vm.removeTooltip()
|
|
59366
|
+
},
|
|
59367
|
+
mouseleave: function (
|
|
59368
|
+
$event
|
|
59369
|
+
) {
|
|
59370
|
+
return _vm.removeTooltip()
|
|
59371
|
+
},
|
|
59372
|
+
},
|
|
59190
59373
|
},
|
|
59191
|
-
|
|
59192
|
-
|
|
59193
|
-
|
|
59194
|
-
|
|
59195
|
-
|
|
59374
|
+
[
|
|
59375
|
+
_vm._v(
|
|
59376
|
+
_vm._s(_vm.$t(column.label))
|
|
59377
|
+
),
|
|
59378
|
+
]
|
|
59196
59379
|
),
|
|
59380
|
+
_vm._v(" "),
|
|
59381
|
+
column.sortable &&
|
|
59382
|
+
column.align !== "right"
|
|
59383
|
+
? _c(
|
|
59384
|
+
"span",
|
|
59385
|
+
{
|
|
59386
|
+
staticClass:
|
|
59387
|
+
"zd-table-cell-sort zd-table-cell-sort--right zd-ml-1",
|
|
59388
|
+
on: {
|
|
59389
|
+
click: function (
|
|
59390
|
+
$event
|
|
59391
|
+
) {
|
|
59392
|
+
return _vm.instance.changeColumnOrder(
|
|
59393
|
+
column
|
|
59394
|
+
)
|
|
59395
|
+
},
|
|
59396
|
+
},
|
|
59397
|
+
},
|
|
59398
|
+
[
|
|
59399
|
+
column.sortable &&
|
|
59400
|
+
column.align !== "right"
|
|
59401
|
+
? _c(
|
|
59402
|
+
"v-icon",
|
|
59403
|
+
{
|
|
59404
|
+
staticClass:
|
|
59405
|
+
"zd-table-cell-sort-icon",
|
|
59406
|
+
attrs: {
|
|
59407
|
+
small: "",
|
|
59408
|
+
},
|
|
59409
|
+
},
|
|
59410
|
+
[
|
|
59411
|
+
_vm._v(
|
|
59412
|
+
"\n " +
|
|
59413
|
+
_vm._s(
|
|
59414
|
+
_vm.$getIcon(
|
|
59415
|
+
"chevronUp"
|
|
59416
|
+
)
|
|
59417
|
+
) +
|
|
59418
|
+
"\n "
|
|
59419
|
+
),
|
|
59420
|
+
]
|
|
59421
|
+
)
|
|
59422
|
+
: _vm._e(),
|
|
59423
|
+
_vm._v(" "),
|
|
59424
|
+
_vm.instance.datasource.findOrderIndex(
|
|
59425
|
+
column.name
|
|
59426
|
+
) >= 0
|
|
59427
|
+
? _c(
|
|
59428
|
+
"span",
|
|
59429
|
+
{
|
|
59430
|
+
staticClass:
|
|
59431
|
+
"zd-table-cell-sort-order",
|
|
59432
|
+
},
|
|
59433
|
+
[
|
|
59434
|
+
_vm._v(
|
|
59435
|
+
"\n " +
|
|
59436
|
+
_vm._s(
|
|
59437
|
+
_vm.instance.datasource.findOrderIndex(
|
|
59438
|
+
column.name
|
|
59439
|
+
) + 1
|
|
59440
|
+
) +
|
|
59441
|
+
"\n "
|
|
59442
|
+
),
|
|
59443
|
+
]
|
|
59444
|
+
)
|
|
59445
|
+
: _vm._e(),
|
|
59446
|
+
],
|
|
59447
|
+
1
|
|
59448
|
+
)
|
|
59449
|
+
: _vm._e(),
|
|
59197
59450
|
]
|
|
59198
|
-
|
|
59199
|
-
|
|
59200
|
-
column.sortable &&
|
|
59201
|
-
column.align !== "right"
|
|
59202
|
-
? _c(
|
|
59451
|
+
: [
|
|
59452
|
+
_c(
|
|
59203
59453
|
"span",
|
|
59204
59454
|
{
|
|
59205
59455
|
staticClass:
|
|
59206
|
-
"zd-table-cell-
|
|
59456
|
+
"zd-table-cell-name",
|
|
59207
59457
|
},
|
|
59208
59458
|
[
|
|
59209
|
-
|
|
59210
|
-
|
|
59211
|
-
|
|
59212
|
-
|
|
59213
|
-
{
|
|
59214
|
-
staticClass:
|
|
59215
|
-
"zd-table-cell-sort-icon",
|
|
59216
|
-
attrs: { small: "" },
|
|
59217
|
-
},
|
|
59218
|
-
[
|
|
59219
|
-
_vm._v(
|
|
59220
|
-
_vm._s(
|
|
59221
|
-
_vm.$getIcon(
|
|
59222
|
-
"chevronUp"
|
|
59223
|
-
)
|
|
59224
|
-
)
|
|
59225
|
-
),
|
|
59226
|
-
]
|
|
59227
|
-
)
|
|
59228
|
-
: _vm._e(),
|
|
59229
|
-
_vm._v(" "),
|
|
59230
|
-
_vm.instance.datasource.findOrderIndex(
|
|
59231
|
-
column.name
|
|
59232
|
-
) >= 0
|
|
59233
|
-
? _c(
|
|
59234
|
-
"span",
|
|
59235
|
-
{
|
|
59236
|
-
staticClass:
|
|
59237
|
-
"zd-table-cell-sort-order",
|
|
59238
|
-
},
|
|
59239
|
-
[
|
|
59240
|
-
_vm._v(
|
|
59241
|
-
_vm._s(
|
|
59242
|
-
_vm.instance.datasource.findOrderIndex(
|
|
59243
|
-
column.name
|
|
59244
|
-
) + 1
|
|
59245
|
-
)
|
|
59246
|
-
),
|
|
59247
|
-
]
|
|
59248
|
-
)
|
|
59249
|
-
: _vm._e(),
|
|
59250
|
-
],
|
|
59251
|
-
1
|
|
59252
|
-
)
|
|
59253
|
-
: _vm._e(),
|
|
59254
|
-
]
|
|
59255
|
-
: [
|
|
59256
|
-
_c(
|
|
59257
|
-
"span",
|
|
59258
|
-
{
|
|
59259
|
-
staticClass: "zd-table-cell-name",
|
|
59260
|
-
},
|
|
59261
|
-
[
|
|
59262
|
-
_vm._v(
|
|
59263
|
-
_vm._s(_vm.$t(column.label))
|
|
59459
|
+
_vm._v(
|
|
59460
|
+
_vm._s(_vm.$t(column.label))
|
|
59461
|
+
),
|
|
59462
|
+
]
|
|
59264
59463
|
),
|
|
59265
|
-
]
|
|
59266
|
-
|
|
59267
|
-
|
|
59268
|
-
|
|
59269
|
-
|
|
59464
|
+
],
|
|
59465
|
+
_vm._v(" "),
|
|
59466
|
+
_vm.instance.resizeColumns
|
|
59467
|
+
? _c(
|
|
59468
|
+
"span",
|
|
59469
|
+
{
|
|
59470
|
+
staticClass:
|
|
59471
|
+
"zd-grid-resize-handle",
|
|
59472
|
+
on: {
|
|
59473
|
+
mousedown: function ($event) {
|
|
59474
|
+
return _vm.resizeMouseDownHandler(
|
|
59475
|
+
column,
|
|
59476
|
+
$event
|
|
59477
|
+
)
|
|
59478
|
+
},
|
|
59479
|
+
click: _vm.resizeClickHandler,
|
|
59480
|
+
},
|
|
59481
|
+
},
|
|
59482
|
+
[_vm._v("‖")]
|
|
59483
|
+
)
|
|
59484
|
+
: _vm._e(),
|
|
59485
|
+
],
|
|
59486
|
+
2
|
|
59487
|
+
),
|
|
59488
|
+
]
|
|
59270
59489
|
)
|
|
59271
59490
|
: _vm._e(),
|
|
59272
59491
|
]
|
|
@@ -59287,7 +59506,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59287
59506
|
return [
|
|
59288
59507
|
_c("tr", [
|
|
59289
59508
|
_c("td", {
|
|
59290
|
-
style:
|
|
59509
|
+
style:
|
|
59510
|
+
"padding-top: " + _vm.scrollData.startHeight + "px",
|
|
59291
59511
|
attrs: { colspan: headers.length },
|
|
59292
59512
|
}),
|
|
59293
59513
|
]),
|
|
@@ -59305,7 +59525,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59305
59525
|
return [
|
|
59306
59526
|
_c("tr", [
|
|
59307
59527
|
_c("td", {
|
|
59308
|
-
style: "padding-top:" + _vm.scrollData.endHeight + "px",
|
|
59528
|
+
style: "padding-top: " + _vm.scrollData.endHeight + "px",
|
|
59309
59529
|
attrs: { colspan: headers.length },
|
|
59310
59530
|
}),
|
|
59311
59531
|
]),
|
|
@@ -59489,18 +59709,20 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59489
59709
|
width:
|
|
59490
59710
|
_vm.calcWidth(
|
|
59491
59711
|
column,
|
|
59492
|
-
column.
|
|
59493
|
-
|
|
59712
|
+
column.width,
|
|
59713
|
+
true
|
|
59494
59714
|
) || "unset",
|
|
59495
59715
|
"min-width":
|
|
59496
59716
|
_vm.calcWidth(
|
|
59497
59717
|
column,
|
|
59498
|
-
column.minWidth
|
|
59718
|
+
column.minWidth,
|
|
59719
|
+
true
|
|
59499
59720
|
) || "unset",
|
|
59500
59721
|
"max-width":
|
|
59501
59722
|
_vm.calcWidth(
|
|
59502
59723
|
column,
|
|
59503
|
-
column.maxWidth
|
|
59724
|
+
column.maxWidth,
|
|
59725
|
+
true
|
|
59504
59726
|
) || "unset",
|
|
59505
59727
|
},
|
|
59506
59728
|
},
|
|
@@ -59639,18 +59861,20 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59639
59861
|
width:
|
|
59640
59862
|
_vm.calcWidth(
|
|
59641
59863
|
column,
|
|
59642
|
-
column.
|
|
59643
|
-
|
|
59864
|
+
column.width,
|
|
59865
|
+
true
|
|
59644
59866
|
) || "unset",
|
|
59645
59867
|
"min-width":
|
|
59646
59868
|
_vm.calcWidth(
|
|
59647
59869
|
column,
|
|
59648
|
-
column.minWidth
|
|
59870
|
+
column.minWidth,
|
|
59871
|
+
true
|
|
59649
59872
|
) || "unset",
|
|
59650
59873
|
"max-width":
|
|
59651
59874
|
_vm.calcWidth(
|
|
59652
59875
|
column,
|
|
59653
|
-
column.maxWidth
|
|
59876
|
+
column.maxWidth,
|
|
59877
|
+
true
|
|
59654
59878
|
) || "unset",
|
|
59655
59879
|
},
|
|
59656
59880
|
on: {
|
|
@@ -59779,34 +60003,92 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59779
60003
|
},
|
|
59780
60004
|
},
|
|
59781
60005
|
},
|
|
59782
|
-
|
|
59783
|
-
|
|
59784
|
-
|
|
59785
|
-
|
|
59786
|
-
|
|
59787
|
-
_vm._b(
|
|
60006
|
+
[
|
|
60007
|
+
_c(
|
|
60008
|
+
"div",
|
|
60009
|
+
{
|
|
60010
|
+
directives: [
|
|
59788
60011
|
{
|
|
59789
|
-
|
|
59790
|
-
|
|
59791
|
-
|
|
59792
|
-
|
|
60012
|
+
name: "show",
|
|
60013
|
+
rawName: "v-show",
|
|
60014
|
+
value: headerIndex === 0,
|
|
60015
|
+
expression:
|
|
60016
|
+
"headerIndex === 0",
|
|
59793
60017
|
},
|
|
59794
|
-
|
|
59795
|
-
|
|
59796
|
-
|
|
59797
|
-
|
|
59798
|
-
|
|
59799
|
-
|
|
59800
|
-
|
|
59801
|
-
|
|
60018
|
+
],
|
|
60019
|
+
class: [
|
|
60020
|
+
"zd-tree-grid-expand",
|
|
60021
|
+
"level" + item.tree__level,
|
|
60022
|
+
],
|
|
60023
|
+
},
|
|
60024
|
+
[
|
|
60025
|
+
(item.tree__children || [])
|
|
60026
|
+
.length > 0
|
|
60027
|
+
? _c(
|
|
60028
|
+
"v-icon",
|
|
60029
|
+
{
|
|
60030
|
+
class: {
|
|
60031
|
+
opened:
|
|
60032
|
+
item.tree__opened,
|
|
60033
|
+
},
|
|
60034
|
+
attrs: { tabindex: "-1" },
|
|
60035
|
+
on: {
|
|
60036
|
+
click: function (
|
|
60037
|
+
$event
|
|
60038
|
+
) {
|
|
60039
|
+
return _vm.instance.toggleExpand(
|
|
60040
|
+
item,
|
|
60041
|
+
index
|
|
60042
|
+
)
|
|
60043
|
+
},
|
|
60044
|
+
},
|
|
60045
|
+
},
|
|
60046
|
+
[
|
|
60047
|
+
_vm._v(
|
|
60048
|
+
"\n " +
|
|
60049
|
+
_vm._s(
|
|
60050
|
+
_vm.$getIcon(
|
|
60051
|
+
"chevronRight"
|
|
60052
|
+
)
|
|
60053
|
+
) +
|
|
60054
|
+
"\n "
|
|
60055
|
+
),
|
|
60056
|
+
]
|
|
59802
60057
|
)
|
|
59803
|
-
),
|
|
59804
|
-
|
|
60058
|
+
: _vm._e(),
|
|
60059
|
+
],
|
|
60060
|
+
1
|
|
60061
|
+
),
|
|
60062
|
+
_vm._v(" "),
|
|
60063
|
+
_vm._l(
|
|
60064
|
+
column.childrenProps,
|
|
60065
|
+
function (child) {
|
|
60066
|
+
return _c(
|
|
60067
|
+
child.component,
|
|
60068
|
+
_vm._b(
|
|
60069
|
+
{
|
|
60070
|
+
key:
|
|
60071
|
+
child.name +
|
|
60072
|
+
_vm.rowKey(item),
|
|
60073
|
+
tag: "component",
|
|
60074
|
+
},
|
|
60075
|
+
"component",
|
|
60076
|
+
Object.assign(
|
|
60077
|
+
{},
|
|
60078
|
+
child,
|
|
60079
|
+
_vm.instance.getActionComponent(
|
|
60080
|
+
child,
|
|
60081
|
+
column,
|
|
60082
|
+
item
|
|
60083
|
+
)
|
|
60084
|
+
),
|
|
60085
|
+
false
|
|
60086
|
+
)
|
|
59805
60087
|
)
|
|
59806
|
-
|
|
59807
|
-
|
|
59808
|
-
|
|
59809
|
-
|
|
60088
|
+
}
|
|
60089
|
+
),
|
|
60090
|
+
],
|
|
60091
|
+
2
|
|
59810
60092
|
),
|
|
59811
60093
|
]
|
|
59812
60094
|
: _vm._e(),
|
|
@@ -59911,8 +60193,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59911
60193
|
/* style */
|
|
59912
60194
|
const __vue_inject_styles__ = function (inject) {
|
|
59913
60195
|
if (!inject) return
|
|
59914
|
-
inject("data-v-
|
|
59915
|
-
,inject("data-v-
|
|
60196
|
+
inject("data-v-8a2baa58_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n color: var(--zd-font-color);\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
|
|
60197
|
+
,inject("data-v-8a2baa58_1", { source: ".zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n justify-content: flex-end;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n justify-content: center;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n display: flex;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n display: flex;\n font-size: 18px;\n margin-right: var(--spacing-1);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n padding: 0 8px;\n position: relative;\n display: block;\n height: 20px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n content: \"\";\n position: absolute;\n width: 1px;\n height: var(--spacing-1);\n bottom: 0px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n left: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n right: 0px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable {\n cursor: pointer;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand {\n display: inline-block;\n text-align: end;\n vertical-align: baseline;\n height: 10px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon {\n transition: transform 0.3s ease;\n -webkit-transition: transform 0.3s ease;\n font-size: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon::after {\n content: none;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon.opened {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level1 {\n width: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level2 {\n width: 40px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level3 {\n width: 60px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level4 {\n width: 80px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level5 {\n width: 100px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level6 {\n width: 120px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level7 {\n width: 140px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level8 {\n width: 160px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level9 {\n width: 180px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level10 {\n width: 200px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: 22px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n height: 22px;\n max-height: 22px;\n}", map: undefined, media: undefined });
|
|
59916
60198
|
|
|
59917
60199
|
};
|
|
59918
60200
|
/* scoped */
|