@zeedhi/vuetify 1.59.0 → 1.61.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.esm.js +1803 -1079
- package/dist/zd-vuetify.umd.js +1803 -1079
- package/package.json +2 -2
- package/types/components/zd-dashboard/ZdDashboard.d.ts +2 -1
- package/types/components/zd-date/ZdDateRange.d.ts +1 -0
- package/types/components/zd-dropdown/ZdDropdown.d.ts +2 -0
- package/types/components/zd-grid/ZdGrid.d.ts +4 -0
- package/types/components/zd-grid/ZdGridEditable.d.ts +2 -0
- package/types/components/zd-login/ZdLogin.d.ts +1 -0
- package/types/components/zd-tooltip/ZdTooltip.d.ts +2 -0
- package/types/components/zd-tree/ZdTree.d.ts +3 -0
- package/types/components/zd-tree-grid/ZdTreeGridEditable.d.ts +3 -1
- package/types/utils/get-activator.d.ts +6 -0
- package/types/utils/plugins/index.d.ts +2 -1
- package/types/utils/plugins/onVisiblePlugin.d.ts +5 -0
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.11";
|
|
2224
2216
|
Vuetify.config = {
|
|
2225
2217
|
silent: false
|
|
2226
2218
|
};
|
|
@@ -3378,7 +3370,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
3378
3370
|
return isActive(e);
|
|
3379
3371
|
}
|
|
3380
3372
|
|
|
3381
|
-
function directive$1(e, el, binding
|
|
3373
|
+
function directive$1(e, el, binding) {
|
|
3382
3374
|
const handler = typeof binding.value === 'function' ? binding.value : binding.value.handler;
|
|
3383
3375
|
el._clickOutside.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(() => {
|
|
3384
3376
|
checkIsActive(e, binding) && handler && handler(e);
|
|
@@ -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) {
|
|
@@ -29902,7 +29895,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
29902
29895
|
return isActive(e);
|
|
29903
29896
|
}
|
|
29904
29897
|
|
|
29905
|
-
function directive(e, el, binding
|
|
29898
|
+
function directive(e, el, binding) {
|
|
29906
29899
|
var handler = typeof binding.value === 'function' ? binding.value : binding.value.handler;
|
|
29907
29900
|
el._clickOutside.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(function () {
|
|
29908
29901
|
checkIsActive(e, binding) && handler && handler(e);
|
|
@@ -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.11";
|
|
36857
36837
|
Vuetify.config = {
|
|
36858
36838
|
silent: false
|
|
36859
36839
|
};
|
|
@@ -38271,7 +38251,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
38271
38251
|
/* style */
|
|
38272
38252
|
const __vue_inject_styles__$1n = function (inject) {
|
|
38273
38253
|
if (!inject) return
|
|
38274
|
-
inject("data-v-
|
|
38254
|
+
inject("data-v-0df63fea_0", { source: ".zd-apex-chart .apexcharts-toolbar {\n z-index: 0;\n}\n.zd-apex-chart .apexcharts-toolbar > div {\n transform: scale(0.8) !important;\n}\n.zd-apex-chart.theme--light .apexcharts-toolbar > div > .v-icon {\n color: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-tooltip {\n background: #fdfdfd !important;\n border: 1px solid #fdfdfd !important;\n color: #3b3b3b !important;\n z-index: 1;\n}\n.zd-apex-chart.theme--light .apexcharts-tooltip .apexcharts-tooltip-title {\n background: #eee !important;\n color: #3b3b3b !important;\n border-bottom: none !important;\n}\n.zd-apex-chart.theme--light .apexcharts-title-text {\n fill: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip {\n background: #eee !important;\n border: 1px solid #d4d4d4 !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {\n color: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip-bottom::before {\n border-bottom-color: #d4d4d4 !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip-bottom::after {\n border-bottom-color: #d4d4d4 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-toolbar > div > .v-icon {\n color: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-tooltip {\n background: #1e1e1e !important;\n border: 1px solid #1e1e1e !important;\n color: #b8b8b8 !important;\n z-index: 1;\n}\n.zd-apex-chart.theme--dark .apexcharts-tooltip .apexcharts-tooltip-title {\n background: #101010 !important;\n color: #b8b8b8 !important;\n border-bottom: none !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-text {\n fill: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-title-text {\n fill: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip {\n background: #101010 !important;\n border: 1px solid #252525 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {\n color: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip-bottom::before {\n border-bottom-color: #252525 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip-bottom::after {\n border-bottom-color: #252525 !important;\n}\n.apexcharts-overlay {\n z-index: 0 !important;\n}\n.apexcharts-container {\n height: 100%;\n}", map: undefined, media: undefined });
|
|
38275
38255
|
|
|
38276
38256
|
};
|
|
38277
38257
|
/* scoped */
|
|
@@ -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 */
|
|
@@ -42184,7 +42170,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
42184
42170
|
while (core.Mask.isMaskDelimiter(inputEl.value[start - 1]) && inputEl.value[start - 1] !== ' ') {
|
|
42185
42171
|
start -= 1;
|
|
42186
42172
|
}
|
|
42187
|
-
inputEl.value = `${value.slice(0, start - 1)} ${value.
|
|
42173
|
+
inputEl.value = `${value.slice(0, start - 1)} ${value.substring(start)}`;
|
|
42188
42174
|
inputEl.selectionStart = start - 1;
|
|
42189
42175
|
inputEl.selectionEnd = start - 1;
|
|
42190
42176
|
if (core.Mask.getValueWithoutMask(inputEl.value) === '') {
|
|
@@ -42195,7 +42181,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
42195
42181
|
else {
|
|
42196
42182
|
if ((event.key === 'Backspace' || event.key === 'Delete') && (start !== 0 || end !== value.length)) {
|
|
42197
42183
|
const selectionText = value.substring(start, end).replace(/[0-9]/g, ' ');
|
|
42198
|
-
inputEl.value = value.slice(0, start) + selectionText + value.
|
|
42184
|
+
inputEl.value = value.slice(0, start) + selectionText + value.substring(end);
|
|
42199
42185
|
event.preventDefault();
|
|
42200
42186
|
}
|
|
42201
42187
|
else if ((event.key === 'Backspace' || event.key === 'Delete') && (start === 0 && end === value.length)) {
|
|
@@ -42209,8 +42195,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
42209
42195
|
while (core.Mask.isMaskDelimiter(value[start]) && value[start] !== ' ') {
|
|
42210
42196
|
start += 1;
|
|
42211
42197
|
}
|
|
42212
|
-
const firstSlice = value.
|
|
42213
|
-
const secondSlice = value.
|
|
42198
|
+
const firstSlice = value.substring(0, start);
|
|
42199
|
+
const secondSlice = value.substring(start + 1);
|
|
42214
42200
|
inputEl.value = firstSlice + secondSlice;
|
|
42215
42201
|
}
|
|
42216
42202
|
inputEl.selectionStart = start;
|
|
@@ -42621,7 +42607,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
42621
42607
|
while (core.Mask.isMaskDelimiter(inputEl.value[start - 1]) && inputEl.value[start - 1] !== ' ') {
|
|
42622
42608
|
start -= 1;
|
|
42623
42609
|
}
|
|
42624
|
-
inputEl.value = `${value.slice(0, start - 1)} ${value.
|
|
42610
|
+
inputEl.value = `${value.slice(0, start - 1)} ${value.substring(start)}`;
|
|
42625
42611
|
inputEl.selectionStart = start - 1;
|
|
42626
42612
|
inputEl.selectionEnd = start - 1;
|
|
42627
42613
|
if (core.Mask.getValueWithoutMask(inputEl.value) === '') {
|
|
@@ -42632,7 +42618,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
42632
42618
|
else {
|
|
42633
42619
|
if ((event.key === 'Backspace' || event.key === 'Delete') && (start !== 0 || end !== value.length)) {
|
|
42634
42620
|
const selectionText = value.substring(start, end).replace(/[0-9-]/g, ' ');
|
|
42635
|
-
inputEl.value = value.slice(0, start) + selectionText + value.
|
|
42621
|
+
inputEl.value = value.slice(0, start) + selectionText + value.substring(end);
|
|
42636
42622
|
event.preventDefault();
|
|
42637
42623
|
}
|
|
42638
42624
|
else if ((event.key === 'Backspace' || event.key === 'Delete') && (start === 0 && end === value.length)) {
|
|
@@ -42646,8 +42632,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
42646
42632
|
while (core.Mask.isMaskDelimiter(value[start]) && value[start] !== ' ') {
|
|
42647
42633
|
start += 1;
|
|
42648
42634
|
}
|
|
42649
|
-
const firstSlice = value.
|
|
42650
|
-
const secondSlice = value.
|
|
42635
|
+
const firstSlice = value.substring(0, start);
|
|
42636
|
+
const secondSlice = value.substring(start + 1);
|
|
42651
42637
|
inputEl.value = firstSlice + secondSlice;
|
|
42652
42638
|
}
|
|
42653
42639
|
inputEl.selectionStart = start;
|
|
@@ -42804,6 +42790,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
42804
42790
|
PropWatch({ type: String, default: '' }),
|
|
42805
42791
|
__metadata("design:type", String)
|
|
42806
42792
|
], ZdDateRange.prototype, "helperValue", void 0);
|
|
42793
|
+
__decorate([
|
|
42794
|
+
PropWatch({ type: [String, Array], default: () => [] }),
|
|
42795
|
+
__metadata("design:type", Object)
|
|
42796
|
+
], ZdDateRange.prototype, "value", void 0);
|
|
42807
42797
|
ZdDateRange = __decorate([
|
|
42808
42798
|
vuePropertyDecorator.Component
|
|
42809
42799
|
], ZdDateRange);
|
|
@@ -43241,6 +43231,54 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
43241
43231
|
undefined
|
|
43242
43232
|
);
|
|
43243
43233
|
|
|
43234
|
+
/**
|
|
43235
|
+
* This function was copied from https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/mixins/activatable/index.ts
|
|
43236
|
+
* the only change was to consider ZdDropdown and ZdTooltip as activatable components
|
|
43237
|
+
*/
|
|
43238
|
+
const getActivator = (e, comp) => {
|
|
43239
|
+
// If we've already fetched the activator, re-use
|
|
43240
|
+
if (comp.activatorElement)
|
|
43241
|
+
return comp.activatorElement;
|
|
43242
|
+
let activator = null;
|
|
43243
|
+
if (comp.activator) {
|
|
43244
|
+
const target = comp.internalActivator ? comp.$el : document;
|
|
43245
|
+
if (typeof comp.activator === 'string') {
|
|
43246
|
+
// Selector
|
|
43247
|
+
activator = target.querySelector(comp.activator);
|
|
43248
|
+
}
|
|
43249
|
+
else if (comp.activator.$el) {
|
|
43250
|
+
// Component (ref)
|
|
43251
|
+
activator = comp.activator.$el;
|
|
43252
|
+
}
|
|
43253
|
+
else {
|
|
43254
|
+
// HTMLElement | Element
|
|
43255
|
+
activator = comp.activator;
|
|
43256
|
+
}
|
|
43257
|
+
}
|
|
43258
|
+
else if (comp.activatorNode.length === 1 || (comp.activatorNode.length && !e)) {
|
|
43259
|
+
// Use the contents of the activator slot
|
|
43260
|
+
// There's either only one element in it or we
|
|
43261
|
+
// don't have a click event to use as a last resort
|
|
43262
|
+
const vm = comp.activatorNode[0].componentInstance;
|
|
43263
|
+
const isActivatable = (vm.$options.mixins
|
|
43264
|
+
&& vm.$options.mixins.some((m) => m.options && ['activatable', 'menuable'].includes(m.options.name))) || ['ZdDropdown', 'ZdTooltip'].includes(vm.$options.name);
|
|
43265
|
+
if (vm && isActivatable) {
|
|
43266
|
+
// Activator is actually another activatible component, use its activator (#8846)
|
|
43267
|
+
activator = vm.getActivator();
|
|
43268
|
+
}
|
|
43269
|
+
else {
|
|
43270
|
+
activator = comp.activatorNode[0].elm;
|
|
43271
|
+
}
|
|
43272
|
+
}
|
|
43273
|
+
else if (e) {
|
|
43274
|
+
// Activated by a click or focus event
|
|
43275
|
+
activator = (e.currentTarget || e.target);
|
|
43276
|
+
}
|
|
43277
|
+
// The activator should only be a valid element (Ignore comments and text nodes)
|
|
43278
|
+
comp.activatorElement = (activator === null || activator === void 0 ? void 0 : activator.nodeType) === Node.ELEMENT_NODE ? activator : null;
|
|
43279
|
+
return comp.activatorElement;
|
|
43280
|
+
};
|
|
43281
|
+
|
|
43244
43282
|
/**
|
|
43245
43283
|
* Dropdown component
|
|
43246
43284
|
*/
|
|
@@ -43257,6 +43295,16 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
43257
43295
|
'--cursor': this.getCursor(this.instance.cursor),
|
|
43258
43296
|
};
|
|
43259
43297
|
}
|
|
43298
|
+
getActivator() {
|
|
43299
|
+
const { dropdown } = this.$refs;
|
|
43300
|
+
return (dropdown === null || dropdown === void 0 ? void 0 : dropdown.getActivator()) || null;
|
|
43301
|
+
}
|
|
43302
|
+
mounted() {
|
|
43303
|
+
const { dropdown } = this.$refs;
|
|
43304
|
+
if (dropdown) {
|
|
43305
|
+
dropdown.getActivator = (e) => getActivator(e, dropdown);
|
|
43306
|
+
}
|
|
43307
|
+
}
|
|
43260
43308
|
};
|
|
43261
43309
|
__decorate([
|
|
43262
43310
|
PropWatch({ type: [Boolean, String], default: false }),
|
|
@@ -43354,6 +43402,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
43354
43402
|
expression: "instance.isVisible",
|
|
43355
43403
|
},
|
|
43356
43404
|
],
|
|
43405
|
+
ref: "dropdown",
|
|
43357
43406
|
style: _vm.instance.cssStyle,
|
|
43358
43407
|
attrs: {
|
|
43359
43408
|
id: _vm.instance.name,
|
|
@@ -43383,31 +43432,25 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
43383
43432
|
var dropdown = ref.on;
|
|
43384
43433
|
return [
|
|
43385
43434
|
_c(
|
|
43386
|
-
|
|
43387
|
-
|
|
43388
|
-
|
|
43389
|
-
|
|
43390
|
-
|
|
43391
|
-
|
|
43392
|
-
|
|
43393
|
-
attrs
|
|
43394
|
-
|
|
43395
|
-
|
|
43396
|
-
|
|
43397
|
-
|
|
43398
|
-
|
|
43399
|
-
|
|
43400
|
-
|
|
43401
|
-
|
|
43402
|
-
_vm.instance.activator,
|
|
43403
|
-
false
|
|
43404
|
-
)
|
|
43405
|
-
),
|
|
43406
|
-
_vm._v(" "),
|
|
43407
|
-
_c("div", { staticStyle: { display: "none" } }),
|
|
43408
|
-
],
|
|
43409
|
-
1
|
|
43435
|
+
_vm.instance.activator.component,
|
|
43436
|
+
_vm._b(
|
|
43437
|
+
{
|
|
43438
|
+
tag: "component",
|
|
43439
|
+
attrs: {
|
|
43440
|
+
"dropdown-activator": Object.assign(
|
|
43441
|
+
{},
|
|
43442
|
+
_vm.$attrs["dropdown-activator"],
|
|
43443
|
+
dropdown
|
|
43444
|
+
),
|
|
43445
|
+
},
|
|
43446
|
+
},
|
|
43447
|
+
"component",
|
|
43448
|
+
_vm.instance.activator,
|
|
43449
|
+
false
|
|
43450
|
+
)
|
|
43410
43451
|
),
|
|
43452
|
+
_vm._v(" "),
|
|
43453
|
+
_c("div", { staticStyle: { display: "none" } }),
|
|
43411
43454
|
]
|
|
43412
43455
|
},
|
|
43413
43456
|
},
|
|
@@ -43466,7 +43509,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
43466
43509
|
/* style */
|
|
43467
43510
|
const __vue_inject_styles__$11 = function (inject) {
|
|
43468
43511
|
if (!inject) return
|
|
43469
|
-
inject("data-v-
|
|
43512
|
+
inject("data-v-289939c3_0", { source: ".zd-dropdown {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n height: auto;\n line-height: unset;\n white-space: unset;\n overflow: auto;\n text-overflow: unset;\n padding: 2px;\n}\n.zd-dropdown .zd-dropdown-component {\n padding: 6px 14px;\n border-radius: var(--border);\n}\n.zd-dropdown-hover:hover {\n background-color: var(--v-grey-lighten5);\n}\n.zd-dropdown-cursor {\n cursor: var(--cursor);\n}\n.zd-dropdown-menu {\n margin: 0 !important;\n padding: 0 !important;\n box-shadow: var(--shadow-8);\n}", map: undefined, media: undefined });
|
|
43470
43513
|
|
|
43471
43514
|
};
|
|
43472
43515
|
/* scoped */
|
|
@@ -44734,6 +44777,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44734
44777
|
constructor() {
|
|
44735
44778
|
super(...arguments);
|
|
44736
44779
|
this.instanceType = common.Grid;
|
|
44780
|
+
this.allselectedState = false;
|
|
44737
44781
|
this.resizeX = 0;
|
|
44738
44782
|
this.resizeWidth = 0;
|
|
44739
44783
|
this.resizeTableWidth = 0;
|
|
@@ -44755,6 +44799,26 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44755
44799
|
this.destroyDragColumns();
|
|
44756
44800
|
}
|
|
44757
44801
|
}
|
|
44802
|
+
change(value) {
|
|
44803
|
+
if (value && this.instance.selectable) {
|
|
44804
|
+
setTimeout(() => {
|
|
44805
|
+
this.$el.querySelector('.column').colSpan = this.instance.columns.length + 1;
|
|
44806
|
+
}, 0);
|
|
44807
|
+
}
|
|
44808
|
+
}
|
|
44809
|
+
updateStates() {
|
|
44810
|
+
setTimeout(() => {
|
|
44811
|
+
this.allselectedState = this.instance.datasource.data.every((row) => {
|
|
44812
|
+
if (this.instance.callDisableSelection(row))
|
|
44813
|
+
return true;
|
|
44814
|
+
return this.instance.selectedRows.some((item) => {
|
|
44815
|
+
const key = this.instance.datasource.uniqueKey;
|
|
44816
|
+
const result = item[key] === row[key];
|
|
44817
|
+
return result;
|
|
44818
|
+
});
|
|
44819
|
+
});
|
|
44820
|
+
}, 0);
|
|
44821
|
+
}
|
|
44758
44822
|
mounted() {
|
|
44759
44823
|
this.setHeight();
|
|
44760
44824
|
if (this.instance.dragColumns) {
|
|
@@ -44822,15 +44886,20 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44822
44886
|
});
|
|
44823
44887
|
});
|
|
44824
44888
|
}
|
|
44825
|
-
|
|
44826
|
-
if (
|
|
44889
|
+
parseWidth(width) {
|
|
44890
|
+
if (width && width.indexOf('%') !== -1 && this.$el) {
|
|
44827
44891
|
const percent = Number(width === null || width === void 0 ? void 0 : width.replace('%', '')) / 100;
|
|
44828
44892
|
const tableWidth = this.$el.clientWidth;
|
|
44829
|
-
|
|
44830
|
-
|
|
44831
|
-
.trunc(Number(tableWidth) * percent))}px`;
|
|
44893
|
+
const pxWidth = Number(tableWidth) * percent;
|
|
44894
|
+
return pxWidth;
|
|
44832
44895
|
}
|
|
44833
|
-
return width || '';
|
|
44896
|
+
return Number(width === null || width === void 0 ? void 0 : width.replace('px', ''));
|
|
44897
|
+
}
|
|
44898
|
+
calcWidth(column, width) {
|
|
44899
|
+
const min = Math.max(this.minimumColumnWidth(column), this.parseWidth(column.minWidth) || 0);
|
|
44900
|
+
const max = this.parseWidth(column.maxWidth);
|
|
44901
|
+
const pxWidth = this.parseWidth(width);
|
|
44902
|
+
return `${Math.max(min, Math.min(Math.trunc(pxWidth), max || Infinity))}px`;
|
|
44834
44903
|
}
|
|
44835
44904
|
sortColumns(event) {
|
|
44836
44905
|
const { originalEvent } = event;
|
|
@@ -44921,21 +44990,26 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44921
44990
|
: MIN_WIDTH_WITH_SORTABLE_FALSE;
|
|
44922
44991
|
}
|
|
44923
44992
|
resizeMouseMoveHandler(event) {
|
|
44993
|
+
var _a, _b;
|
|
44924
44994
|
// Determine how far the mouse has been moved
|
|
44925
44995
|
const dx = event.clientX - this.resizeX;
|
|
44926
|
-
const
|
|
44927
|
-
const
|
|
44996
|
+
const min = Math.max(this.minimumColumnWidth(this.resizeColumn), this.parseWidth((_a = this.resizeColumn) === null || _a === void 0 ? void 0 : _a.minWidth) || 0);
|
|
44997
|
+
const max = this.parseWidth((_b = this.resizeColumn) === null || _b === void 0 ? void 0 : _b.maxWidth) || Infinity;
|
|
44998
|
+
const newWidth = this.resizeWidth + dx;
|
|
44999
|
+
const width = Math.max(min, Math.min(newWidth, max));
|
|
44928
45000
|
if (this.resizeColumn) {
|
|
44929
45001
|
// Update the width of column
|
|
44930
45002
|
this.resizeColumn.width = `${width}px`;
|
|
44931
|
-
this.resizeColumn.maxWidth = this.resizeColumn.width;
|
|
44932
45003
|
}
|
|
44933
|
-
if (
|
|
45004
|
+
if (newWidth >= max) {
|
|
45005
|
+
return;
|
|
45006
|
+
}
|
|
45007
|
+
if (newWidth >= min) {
|
|
44934
45008
|
// Update the width of the table
|
|
44935
45009
|
this.resizeTableElement.style.width = `${this.resizeTableWidth + dx}px`;
|
|
44936
45010
|
}
|
|
44937
45011
|
else {
|
|
44938
|
-
this.resizeTableElement.style.width = `${this.resizeTableWidth - this.resizeWidth +
|
|
45012
|
+
this.resizeTableElement.style.width = `${this.resizeTableWidth - this.resizeWidth + min}px`;
|
|
44939
45013
|
}
|
|
44940
45014
|
}
|
|
44941
45015
|
resizeMouseUpHandler(event) {
|
|
@@ -44974,6 +45048,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44974
45048
|
}
|
|
44975
45049
|
selectAllClick(isSelected, event) {
|
|
44976
45050
|
this.$nextTick(() => {
|
|
45051
|
+
this.instance.selectAll(isSelected);
|
|
44977
45052
|
this.instance.selectAllClick(isSelected, event, this.$el);
|
|
44978
45053
|
});
|
|
44979
45054
|
}
|
|
@@ -45264,6 +45339,18 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
45264
45339
|
__metadata("design:paramtypes", [Boolean]),
|
|
45265
45340
|
__metadata("design:returntype", void 0)
|
|
45266
45341
|
], ZdGrid.prototype, "update", null);
|
|
45342
|
+
__decorate([
|
|
45343
|
+
vuePropertyDecorator.Watch('instance.datasource.loading'),
|
|
45344
|
+
__metadata("design:type", Function),
|
|
45345
|
+
__metadata("design:paramtypes", [Boolean]),
|
|
45346
|
+
__metadata("design:returntype", void 0)
|
|
45347
|
+
], ZdGrid.prototype, "change", null);
|
|
45348
|
+
__decorate([
|
|
45349
|
+
vuePropertyDecorator.Watch('instance.selectedRows'),
|
|
45350
|
+
__metadata("design:type", Function),
|
|
45351
|
+
__metadata("design:paramtypes", []),
|
|
45352
|
+
__metadata("design:returntype", void 0)
|
|
45353
|
+
], ZdGrid.prototype, "updateStates", null);
|
|
45267
45354
|
ZdGrid = __decorate([
|
|
45268
45355
|
Component__default["default"]
|
|
45269
45356
|
], ZdGrid);
|
|
@@ -45359,7 +45446,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
45359
45446
|
key: "header",
|
|
45360
45447
|
fn: function (ref) {
|
|
45361
45448
|
var props = ref.props;
|
|
45362
|
-
|
|
45449
|
+
ref.on;
|
|
45363
45450
|
return [
|
|
45364
45451
|
_c("thead", { staticClass: "zd-grid-table-header" }, [
|
|
45365
45452
|
_c(
|
|
@@ -45386,20 +45473,18 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
45386
45473
|
"indeterminate-icon": _vm.$getIcon(
|
|
45387
45474
|
"checkboxIndeterminate"
|
|
45388
45475
|
),
|
|
45389
|
-
"input-value":
|
|
45476
|
+
"input-value": _vm.allselectedState,
|
|
45390
45477
|
indeterminate:
|
|
45391
|
-
!
|
|
45478
|
+
!_vm.allselectedState &&
|
|
45479
|
+
props.someItems,
|
|
45392
45480
|
},
|
|
45393
45481
|
on: {
|
|
45394
45482
|
click: function ($event) {
|
|
45395
45483
|
$event.stopPropagation();
|
|
45396
|
-
|
|
45397
|
-
!
|
|
45398
|
-
);
|
|
45399
|
-
_vm.selectAllClick(
|
|
45400
|
-
!props.everyItem,
|
|
45484
|
+
return _vm.selectAllClick(
|
|
45485
|
+
!_vm.allselectedState,
|
|
45401
45486
|
$event
|
|
45402
|
-
)
|
|
45487
|
+
)
|
|
45403
45488
|
},
|
|
45404
45489
|
},
|
|
45405
45490
|
})
|
|
@@ -45438,7 +45523,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
45438
45523
|
width:
|
|
45439
45524
|
_vm.calcWidth(
|
|
45440
45525
|
column,
|
|
45441
|
-
column.
|
|
45526
|
+
column.width ||
|
|
45527
|
+
column.maxWidth ||
|
|
45528
|
+
column.minWidth
|
|
45442
45529
|
) || "unset",
|
|
45443
45530
|
},
|
|
45444
45531
|
attrs: {
|
|
@@ -45456,7 +45543,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
45456
45543
|
width:
|
|
45457
45544
|
_vm.calcWidth(
|
|
45458
45545
|
column,
|
|
45459
|
-
column.
|
|
45546
|
+
column.width ||
|
|
45547
|
+
column.maxWidth ||
|
|
45548
|
+
column.minWidth,
|
|
45549
|
+
true
|
|
45460
45550
|
) || "unset",
|
|
45461
45551
|
color:
|
|
45462
45552
|
_vm.instance.headerCellTextColor,
|
|
@@ -45876,17 +45966,20 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
45876
45966
|
width:
|
|
45877
45967
|
_vm.calcWidth(
|
|
45878
45968
|
column,
|
|
45879
|
-
column.width
|
|
45969
|
+
column.width,
|
|
45970
|
+
true
|
|
45880
45971
|
) || "unset",
|
|
45881
45972
|
"min-width":
|
|
45882
45973
|
_vm.calcWidth(
|
|
45883
45974
|
column,
|
|
45884
|
-
column.minWidth
|
|
45975
|
+
column.minWidth,
|
|
45976
|
+
true
|
|
45885
45977
|
) || "unset",
|
|
45886
45978
|
"max-width":
|
|
45887
45979
|
_vm.calcWidth(
|
|
45888
45980
|
column,
|
|
45889
|
-
column.maxWidth
|
|
45981
|
+
column.maxWidth,
|
|
45982
|
+
true
|
|
45890
45983
|
) || "unset",
|
|
45891
45984
|
},
|
|
45892
45985
|
on: {
|
|
@@ -46073,7 +46166,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
46073
46166
|
/* style */
|
|
46074
46167
|
const __vue_inject_styles__$X = function (inject) {
|
|
46075
46168
|
if (!inject) return
|
|
46076
|
-
inject("data-v-
|
|
46169
|
+
inject("data-v-c13aa836_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
46170
|
|
|
46078
46171
|
};
|
|
46079
46172
|
/* scoped */
|
|
@@ -46109,6 +46202,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
46109
46202
|
super(...arguments);
|
|
46110
46203
|
this.instanceType = common.GridEditable;
|
|
46111
46204
|
this.inputToFocus = '';
|
|
46205
|
+
this.isTrVisible = false;
|
|
46112
46206
|
this.navigationKeyMapping = {
|
|
46113
46207
|
enter: {
|
|
46114
46208
|
event: this.navigateDown.bind(this),
|
|
@@ -46156,24 +46250,40 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
46156
46250
|
}
|
|
46157
46251
|
}
|
|
46158
46252
|
getColWidth(col) {
|
|
46159
|
-
this
|
|
46160
|
-
|
|
46161
|
-
|
|
46162
|
-
|
|
46163
|
-
|
|
46164
|
-
|
|
46165
|
-
|
|
46166
|
-
|
|
46167
|
-
|
|
46168
|
-
|
|
46169
|
-
|
|
46170
|
-
|
|
46171
|
-
|
|
46172
|
-
|
|
46173
|
-
|
|
46253
|
+
if (this.isTrVisible) {
|
|
46254
|
+
this.$nextTick(() => {
|
|
46255
|
+
const element = this.$el.querySelector(`.column-th-${col.name}-${this.instance.name}`);
|
|
46256
|
+
if (!element) {
|
|
46257
|
+
return;
|
|
46258
|
+
}
|
|
46259
|
+
if (col.width) {
|
|
46260
|
+
element.style.width = this.calcWidth(col, col.width || '');
|
|
46261
|
+
}
|
|
46262
|
+
else if (col.maxWidth) {
|
|
46263
|
+
element.style.width = this.calcWidth(col, col.maxWidth || '');
|
|
46264
|
+
}
|
|
46265
|
+
else if (col.minWidth) {
|
|
46266
|
+
element.style.width = this.calcWidth(col, col.minWidth || '');
|
|
46267
|
+
}
|
|
46268
|
+
else {
|
|
46269
|
+
element.style.width = `${element.clientWidth}px`;
|
|
46270
|
+
}
|
|
46271
|
+
});
|
|
46272
|
+
}
|
|
46174
46273
|
return true;
|
|
46175
46274
|
}
|
|
46275
|
+
registerOnVisible() {
|
|
46276
|
+
const headerRow = this.$el.querySelector('thead > tr');
|
|
46277
|
+
if (!headerRow)
|
|
46278
|
+
return;
|
|
46279
|
+
const obs = this.$onVisible(headerRow, () => {
|
|
46280
|
+
this.instance.columns.forEach(this.getColWidth);
|
|
46281
|
+
this.isTrVisible = true;
|
|
46282
|
+
obs.disconnect();
|
|
46283
|
+
}, this.$el);
|
|
46284
|
+
}
|
|
46176
46285
|
mounted() {
|
|
46286
|
+
this.registerOnVisible();
|
|
46177
46287
|
core.KeyMap.bind(this.navigationKeyMapping, this.instance, this.$el);
|
|
46178
46288
|
}
|
|
46179
46289
|
beforeDestroy() {
|
|
@@ -46338,7 +46448,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
46338
46448
|
key: "header",
|
|
46339
46449
|
fn: function (ref) {
|
|
46340
46450
|
var props = ref.props;
|
|
46341
|
-
|
|
46451
|
+
ref.on;
|
|
46342
46452
|
return [
|
|
46343
46453
|
_c("thead", { staticClass: "zd-grid-table-header" }, [
|
|
46344
46454
|
_c(
|
|
@@ -46366,20 +46476,18 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
46366
46476
|
"indeterminate-icon": _vm.$getIcon(
|
|
46367
46477
|
"checkboxIndeterminate"
|
|
46368
46478
|
),
|
|
46369
|
-
"input-value":
|
|
46479
|
+
"input-value": _vm.allselectedState,
|
|
46370
46480
|
indeterminate:
|
|
46371
|
-
!
|
|
46481
|
+
!_vm.allselectedState &&
|
|
46482
|
+
props.someItems,
|
|
46372
46483
|
},
|
|
46373
46484
|
on: {
|
|
46374
46485
|
click: function ($event) {
|
|
46375
46486
|
$event.stopPropagation();
|
|
46376
|
-
|
|
46377
|
-
!
|
|
46378
|
-
);
|
|
46379
|
-
_vm.selectAllClick(
|
|
46380
|
-
!props.everyItem,
|
|
46487
|
+
return _vm.selectAllClick(
|
|
46488
|
+
!_vm.allselectedState,
|
|
46381
46489
|
$event
|
|
46382
|
-
)
|
|
46490
|
+
)
|
|
46383
46491
|
},
|
|
46384
46492
|
},
|
|
46385
46493
|
})
|
|
@@ -46424,7 +46532,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
46424
46532
|
width:
|
|
46425
46533
|
_vm.calcWidth(
|
|
46426
46534
|
column,
|
|
46427
|
-
column.
|
|
46535
|
+
column.width ||
|
|
46536
|
+
column.maxWidth ||
|
|
46537
|
+
column.minWidth
|
|
46428
46538
|
) || "unset",
|
|
46429
46539
|
},
|
|
46430
46540
|
attrs: { index: index },
|
|
@@ -46438,7 +46548,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
46438
46548
|
width:
|
|
46439
46549
|
_vm.calcWidth(
|
|
46440
46550
|
column,
|
|
46441
|
-
column.
|
|
46551
|
+
column.width ||
|
|
46552
|
+
column.maxWidth ||
|
|
46553
|
+
column.minWidth
|
|
46442
46554
|
) || "unset",
|
|
46443
46555
|
},
|
|
46444
46556
|
},
|
|
@@ -46879,17 +46991,20 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
46879
46991
|
_vm.calcWidth(
|
|
46880
46992
|
column,
|
|
46881
46993
|
column.maxWidth ||
|
|
46882
|
-
column.minWidth
|
|
46994
|
+
column.minWidth,
|
|
46995
|
+
true
|
|
46883
46996
|
) || "unset",
|
|
46884
46997
|
"min-width":
|
|
46885
46998
|
_vm.calcWidth(
|
|
46886
46999
|
column,
|
|
46887
|
-
column.minWidth
|
|
47000
|
+
column.minWidth,
|
|
47001
|
+
true
|
|
46888
47002
|
) || "unset",
|
|
46889
47003
|
"max-width":
|
|
46890
47004
|
_vm.calcWidth(
|
|
46891
47005
|
column,
|
|
46892
|
-
column.maxWidth
|
|
47006
|
+
column.maxWidth,
|
|
47007
|
+
true
|
|
46893
47008
|
) || "unset",
|
|
46894
47009
|
},
|
|
46895
47010
|
},
|
|
@@ -47029,17 +47144,20 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
47029
47144
|
_vm.calcWidth(
|
|
47030
47145
|
column,
|
|
47031
47146
|
column.maxWidth ||
|
|
47032
|
-
column.minWidth
|
|
47147
|
+
column.minWidth,
|
|
47148
|
+
true
|
|
47033
47149
|
) || "unset",
|
|
47034
47150
|
"min-width":
|
|
47035
47151
|
_vm.calcWidth(
|
|
47036
47152
|
column,
|
|
47037
|
-
column.minWidth
|
|
47153
|
+
column.minWidth,
|
|
47154
|
+
true
|
|
47038
47155
|
) || "unset",
|
|
47039
47156
|
"max-width":
|
|
47040
47157
|
_vm.calcWidth(
|
|
47041
47158
|
column,
|
|
47042
|
-
column.maxWidth
|
|
47159
|
+
column.maxWidth,
|
|
47160
|
+
true
|
|
47043
47161
|
) || "unset",
|
|
47044
47162
|
},
|
|
47045
47163
|
on: {
|
|
@@ -47228,8 +47346,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
47228
47346
|
/* style */
|
|
47229
47347
|
const __vue_inject_styles__$W = function (inject) {
|
|
47230
47348
|
if (!inject) return
|
|
47231
|
-
inject("data-v-
|
|
47232
|
-
,inject("data-v-
|
|
47349
|
+
inject("data-v-a2a78194_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 })
|
|
47350
|
+
,inject("data-v-a2a78194_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
47351
|
|
|
47234
47352
|
};
|
|
47235
47353
|
/* scoped */
|
|
@@ -48751,11 +48869,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
48751
48869
|
/* style */
|
|
48752
48870
|
const __vue_inject_styles__$N = function (inject) {
|
|
48753
48871
|
if (!inject) return
|
|
48754
|
-
inject("data-v-
|
|
48872
|
+
inject("data-v-425f0852_0", { source: ".zd-iterable-component-render[data-v-425f0852] {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n -webkit-box-flex: 1;\n flex: 1 1 auto;\n}\n.zd-iterable-component-render .error--text[data-v-425f0852],\n.zd-iterable-component-render .no--data[data-v-425f0852] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.zd-iterable-component-render .no--data[data-v-425f0852] {\n color: rgba(0, 0, 0, 0.38);\n}\n.zd-iterable-component-render .zd-iterable-toolbar[data-v-425f0852] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.zd-iterable-component-render .zd-iterable-footer[data-v-425f0852] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
|
48755
48873
|
|
|
48756
48874
|
};
|
|
48757
48875
|
/* scoped */
|
|
48758
|
-
const __vue_scope_id__$N = "data-v-
|
|
48876
|
+
const __vue_scope_id__$N = "data-v-425f0852";
|
|
48759
48877
|
/* module identifier */
|
|
48760
48878
|
const __vue_module_identifier__$N = undefined;
|
|
48761
48879
|
/* functional template */
|
|
@@ -50711,6 +50829,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
50711
50829
|
PropWatch({ type: String, default: '' }),
|
|
50712
50830
|
__metadata("design:type", String)
|
|
50713
50831
|
], ZdLogin.prototype, "poweredByImageCard", void 0);
|
|
50832
|
+
__decorate([
|
|
50833
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
|
50834
|
+
__metadata("design:type", Boolean)
|
|
50835
|
+
], ZdLogin.prototype, "flatForm", void 0);
|
|
50714
50836
|
__decorate([
|
|
50715
50837
|
vuePropertyDecorator.Prop({ type: Array, default: () => [] }),
|
|
50716
50838
|
__metadata("design:type", Array)
|
|
@@ -50753,13 +50875,25 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
50753
50875
|
"position-" + _vm.instance.layout,
|
|
50754
50876
|
"zd-login-content",
|
|
50755
50877
|
],
|
|
50756
|
-
style:
|
|
50878
|
+
style: {
|
|
50879
|
+
background:
|
|
50880
|
+
!_vm.instance.flatForm || _vm.instance.layout === "center"
|
|
50881
|
+
? _vm.instance.backgroundStyle
|
|
50882
|
+
: "",
|
|
50883
|
+
"flex-direction":
|
|
50884
|
+
_vm.instance.flatForm && _vm.instance.layout === "right"
|
|
50885
|
+
? "row-reverse"
|
|
50886
|
+
: "row",
|
|
50887
|
+
},
|
|
50757
50888
|
},
|
|
50758
50889
|
[
|
|
50759
50890
|
_c(
|
|
50760
50891
|
"v-card",
|
|
50761
50892
|
{
|
|
50762
|
-
|
|
50893
|
+
class: [
|
|
50894
|
+
"zd-login-card",
|
|
50895
|
+
_vm.instance.flatForm ? "zd-login-flat-card" : "",
|
|
50896
|
+
],
|
|
50763
50897
|
attrs: {
|
|
50764
50898
|
width: _vm.instance.cardWidth,
|
|
50765
50899
|
dark: _vm.instance.dark,
|
|
@@ -50788,7 +50922,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
50788
50922
|
{
|
|
50789
50923
|
key: index,
|
|
50790
50924
|
tag: "component",
|
|
50791
|
-
|
|
50925
|
+
class: ["zd-login-card-content"],
|
|
50792
50926
|
attrs: { parent: _vm.instance },
|
|
50793
50927
|
},
|
|
50794
50928
|
"component",
|
|
@@ -50864,6 +50998,20 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
50864
50998
|
attrs: { src: _vm.instance.poweredByImage },
|
|
50865
50999
|
})
|
|
50866
51000
|
: _vm._e(),
|
|
51001
|
+
_vm._v(" "),
|
|
51002
|
+
_vm.instance.backgroundStyle &&
|
|
51003
|
+
_vm.instance.flatForm &&
|
|
51004
|
+
_vm.instance.layout !== "center"
|
|
51005
|
+
? _c("div", {
|
|
51006
|
+
class: ["background-div"],
|
|
51007
|
+
style: [
|
|
51008
|
+
{
|
|
51009
|
+
width: "calc(100% - " + _vm.instance.cardWidth + ")",
|
|
51010
|
+
background: _vm.instance.backgroundStyle,
|
|
51011
|
+
},
|
|
51012
|
+
],
|
|
51013
|
+
})
|
|
51014
|
+
: _vm._e(),
|
|
50867
51015
|
],
|
|
50868
51016
|
1
|
|
50869
51017
|
),
|
|
@@ -50876,7 +51024,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
50876
51024
|
/* style */
|
|
50877
51025
|
const __vue_inject_styles__$C = function (inject) {
|
|
50878
51026
|
if (!inject) return
|
|
50879
|
-
inject("data-v-
|
|
51027
|
+
inject("data-v-2045fd32_0", { source: ".zd-login {\n height: 100vh;\n}\n.zd-login .zd-login-content {\n height: 100%;\n background-size: cover !important;\n}\n.zd-login .zd-login-card {\n z-index: 1;\n}\n.zd-login .zd-login-flat-card {\n margin: 0px !important;\n height: 100%;\n border-radius: 0px !important;\n}\n.zd-login .zd-login-background-image {\n z-index: 0;\n}\n.zd-login .background-div {\n background-position-x: left !important;\n background-size: cover !important;\n height: 100%;\n}\n.zd-login .zd-login-powered-by {\n z-index: 1;\n}\n.zd-login .zd-login-powered-by-card {\n z-index: 1;\n}\n@media screen and (max-width: 730px) {\n.zd-login div.zd-login-card {\n border-radius: unset;\n width: 100% !important;\n height: 90%;\n}\n.zd-login .zd-login-flat-card {\n margin: 0px !important;\n height: 100% !important;\n border-radius: 0px !important;\n}\n.zd-login .flex {\n height: 100%;\n}\n.zd-login .background-div {\n position: absolute;\n}\n}\n@media screen and (max-width: 960px) {\n.zd-login .zd-login-powered-by {\n display: none;\n}\n.zd-login .zd-login-powered-by-card {\n display: block;\n}\n}\n.zd-login .zd-login-button {\n width: 100%;\n}\n.zd-login .zd-login-powered-by-card-always-visible {\n display: block !important;\n}\n.zd-login .v-card {\n box-shadow: none;\n margin: 20px;\n}\n.zd-login .position-left {\n justify-content: flex-start;\n}\n.zd-login .position-left .zd-login-powered-by {\n position: absolute;\n bottom: 48px;\n right: 48px;\n}\n.zd-login .position-left .v-sheet {\n border-radius: 0px;\n}\n.zd-login .position-left .zd-login-background-image {\n position: absolute;\n right: 0px;\n height: 100%;\n}\n.zd-login .position-right {\n width: unset;\n justify-content: flex-end;\n}\n.zd-login .position-right .zd-login-powered-by {\n position: absolute;\n bottom: 48px;\n left: 48px;\n}\n.zd-login .position-right .v-sheet {\n border-radius: 0px;\n}\n.zd-login .position-right .zd-login-background-image {\n position: absolute;\n left: 0px;\n height: 100%;\n}\n.zd-login .position-center {\n justify-content: center;\n}\n.zd-login .position-center .zd-login-powered-by {\n position: absolute;\n bottom: 48px;\n left: 48px;\n}\n.zd-login .position-center .backgroud-div {\n position: absolute !important;\n}\n.zd-login .position-center .zd-login-background-image {\n position: absolute;\n height: 100%;\n}\n.zd-login .zd-login-powered-by-card {\n padding: 10px;\n display: none;\n margin-left: auto;\n margin-right: auto;\n}\n.zd-login-card {\n height: 90%;\n padding: 40px;\n background-color: #fff;\n}\n.zd-login-card .zd-login-message {\n font-size: var(--zd-font-headline-size);\n font-weight: var(--zd-font-headline-weight);\n color: var(--zd-font-default-color);\n line-height: 24px;\n margin-bottom: 20px;\n}\n.zd-login-card .zd-login-logo {\n margin-bottom: 20px;\n}\n.zd-login-card .zd-login-toolbar .v-card__title {\n padding: 0;\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n}\n.zd-login-card .zd-login-card-actions {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 20px;\n margin-bottom: 20px;\n}\n.zd-login-card .zd-login-sign-in {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top: solid var(--regular) #f5f5f5;\n padding-top: 10px;\n text-align: center;\n font-size: var(--zd-font-body1-size);\n}\n.zd-login-card .zd-login-social-buttons {\n padding: 10px;\n}\n.zd-login-card .zd-login-social-buttons > img {\n border: solid var(--regular) #e0e0e0;\n border-radius: 50%;\n vertical-align: top;\n position: relative;\n cursor: pointer;\n align-items: center;\n align-content: center;\n}", map: undefined, media: undefined });
|
|
50880
51028
|
|
|
50881
51029
|
};
|
|
50882
51030
|
/* scoped */
|
|
@@ -56945,6 +57093,16 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
56945
57093
|
super(...arguments);
|
|
56946
57094
|
this.instanceType = common.Tooltip;
|
|
56947
57095
|
}
|
|
57096
|
+
getActivator() {
|
|
57097
|
+
const { tooltip } = this.$refs;
|
|
57098
|
+
return (tooltip === null || tooltip === void 0 ? void 0 : tooltip.getActivator()) || null;
|
|
57099
|
+
}
|
|
57100
|
+
mounted() {
|
|
57101
|
+
const { tooltip } = this.$refs;
|
|
57102
|
+
if (tooltip) {
|
|
57103
|
+
tooltip.getActivator = (e) => getActivator(e, tooltip);
|
|
57104
|
+
}
|
|
57105
|
+
}
|
|
56948
57106
|
};
|
|
56949
57107
|
__decorate([
|
|
56950
57108
|
PropWatch({ type: [Boolean, String], default: false }),
|
|
@@ -57011,6 +57169,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
57011
57169
|
"v-tooltip",
|
|
57012
57170
|
_vm._b(
|
|
57013
57171
|
{
|
|
57172
|
+
ref: "tooltip",
|
|
57014
57173
|
style: _vm.instance.cssStyle,
|
|
57015
57174
|
attrs: { id: _vm.instance.name },
|
|
57016
57175
|
scopedSlots: _vm._u(
|
|
@@ -57020,32 +57179,28 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
57020
57179
|
fn: function (ref) {
|
|
57021
57180
|
var dropdown = ref.on;
|
|
57022
57181
|
return [
|
|
57023
|
-
|
|
57024
|
-
|
|
57025
|
-
|
|
57026
|
-
|
|
57027
|
-
|
|
57028
|
-
|
|
57029
|
-
|
|
57030
|
-
|
|
57031
|
-
|
|
57032
|
-
|
|
57033
|
-
"dropdown-activator"
|
|
57034
|
-
|
|
57035
|
-
|
|
57036
|
-
|
|
57037
|
-
),
|
|
57038
|
-
parent: _vm.instance.parent,
|
|
57039
|
-
},
|
|
57182
|
+
_vm._l(_vm.instance.children, function (child, index) {
|
|
57183
|
+
return _c(
|
|
57184
|
+
child.component,
|
|
57185
|
+
_vm._b(
|
|
57186
|
+
{
|
|
57187
|
+
key: index,
|
|
57188
|
+
tag: "component",
|
|
57189
|
+
attrs: {
|
|
57190
|
+
"dropdown-activator": Object.assign(
|
|
57191
|
+
{},
|
|
57192
|
+
_vm.$attrs["dropdown-activator"],
|
|
57193
|
+
dropdown
|
|
57194
|
+
),
|
|
57195
|
+
parent: _vm.instance.parent,
|
|
57040
57196
|
},
|
|
57041
|
-
|
|
57042
|
-
|
|
57043
|
-
|
|
57044
|
-
|
|
57197
|
+
},
|
|
57198
|
+
"component",
|
|
57199
|
+
child,
|
|
57200
|
+
false
|
|
57045
57201
|
)
|
|
57046
|
-
|
|
57047
|
-
|
|
57048
|
-
),
|
|
57202
|
+
)
|
|
57203
|
+
}),
|
|
57049
57204
|
_vm._v(" "),
|
|
57050
57205
|
_vm._t("default"),
|
|
57051
57206
|
]
|
|
@@ -57084,7 +57239,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
57084
57239
|
/* style */
|
|
57085
57240
|
const __vue_inject_styles__$5 = function (inject) {
|
|
57086
57241
|
if (!inject) return
|
|
57087
|
-
inject("data-v-
|
|
57242
|
+
inject("data-v-766faea4_0", { source: ".v-tooltip__content {\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n}\n.v-tooltip__content.menuable__content__active {\n opacity: 0.9 !important;\n}", map: undefined, media: undefined });
|
|
57088
57243
|
|
|
57089
57244
|
};
|
|
57090
57245
|
/* scoped */
|
|
@@ -57334,6 +57489,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
57334
57489
|
this.beforeNodeState = {};
|
|
57335
57490
|
}
|
|
57336
57491
|
mounted() {
|
|
57492
|
+
this.setHeight();
|
|
57337
57493
|
this.instance.setTree(this.$refs.tree);
|
|
57338
57494
|
this.setAfterTitleMargin();
|
|
57339
57495
|
this.nodeChange();
|
|
@@ -57349,6 +57505,15 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
57349
57505
|
onNodeDrop(nodes, position, event) {
|
|
57350
57506
|
this.instance.nodeDrop(nodes, position, event, this.$el);
|
|
57351
57507
|
}
|
|
57508
|
+
setHeight() {
|
|
57509
|
+
const { grid } = this.$refs;
|
|
57510
|
+
if (this.instance.height) {
|
|
57511
|
+
grid.$el.style.height = this.$formatSize(this.instance.height);
|
|
57512
|
+
}
|
|
57513
|
+
if (this.instance.maxHeight) {
|
|
57514
|
+
grid.$el.style.maxHeight = this.$formatSize(this.instance.maxHeight);
|
|
57515
|
+
}
|
|
57516
|
+
}
|
|
57352
57517
|
onNodeSelect(nodes, event) {
|
|
57353
57518
|
const prevSelectCount = Object.keys(this.beforeNodeState).length;
|
|
57354
57519
|
this.beforeNodeState = {};
|
|
@@ -57475,6 +57640,14 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
57475
57640
|
vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
|
|
57476
57641
|
__metadata("design:type", Boolean)
|
|
57477
57642
|
], ZdTree.prototype, "checkbox", void 0);
|
|
57643
|
+
__decorate([
|
|
57644
|
+
vuePropertyDecorator.Prop({ type: [Number, String], default: '' }),
|
|
57645
|
+
__metadata("design:type", Object)
|
|
57646
|
+
], ZdTree.prototype, "maxHeight", void 0);
|
|
57647
|
+
__decorate([
|
|
57648
|
+
vuePropertyDecorator.Prop({ type: [Number, String], default: '' }),
|
|
57649
|
+
__metadata("design:type", Object)
|
|
57650
|
+
], ZdTree.prototype, "height", void 0);
|
|
57478
57651
|
__decorate([
|
|
57479
57652
|
vuePropertyDecorator.Prop({ type: [String, Number, Boolean], default: false }),
|
|
57480
57653
|
__metadata("design:type", Object)
|
|
@@ -57520,15 +57693,28 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
57520
57693
|
"zd-tree",
|
|
57521
57694
|
{ "theme--dark": _vm.$isDark(this) },
|
|
57522
57695
|
{ "theme--light": _vm.$isLight(this) },
|
|
57696
|
+
{ "zd-tree-flex": _vm.instance.height || _vm.instance.maxHeight },
|
|
57523
57697
|
],
|
|
57524
|
-
style: [_vm.cssColorVars].concat(
|
|
57698
|
+
style: [_vm.cssColorVars].concat(
|
|
57699
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
|
57700
|
+
[
|
|
57701
|
+
_vm.instance.height
|
|
57702
|
+
? { height: _vm.$formatSize(_vm.instance.height) }
|
|
57703
|
+
: {},
|
|
57704
|
+
],
|
|
57705
|
+
[
|
|
57706
|
+
_vm.instance.maxHeight
|
|
57707
|
+
? { height: _vm.$formatSize(_vm.instance.maxHeight) }
|
|
57708
|
+
: {},
|
|
57709
|
+
]
|
|
57710
|
+
),
|
|
57525
57711
|
attrs: { id: _vm.instance.name },
|
|
57526
57712
|
},
|
|
57527
57713
|
[
|
|
57528
57714
|
_vm.instance.toolbarSlot.length && !_vm.$slots.toolbarSlot
|
|
57529
57715
|
? _c(
|
|
57530
57716
|
"div",
|
|
57531
|
-
{ staticClass: "zd-mb-4" },
|
|
57717
|
+
{ staticClass: "zd-mb-4 zd-tree-toolbar" },
|
|
57532
57718
|
[
|
|
57533
57719
|
_vm._l(_vm.instance.toolbarSlot, function (child, index) {
|
|
57534
57720
|
return _c(
|
|
@@ -57552,238 +57738,247 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
57552
57738
|
)
|
|
57553
57739
|
: _vm._e(),
|
|
57554
57740
|
_vm._v(" "),
|
|
57555
|
-
_c(
|
|
57556
|
-
|
|
57557
|
-
|
|
57558
|
-
|
|
57559
|
-
|
|
57560
|
-
|
|
57561
|
-
|
|
57562
|
-
|
|
57563
|
-
|
|
57564
|
-
|
|
57565
|
-
|
|
57566
|
-
|
|
57567
|
-
|
|
57568
|
-
|
|
57569
|
-
|
|
57570
|
-
|
|
57571
|
-
|
|
57572
|
-
|
|
57573
|
-
|
|
57574
|
-
|
|
57575
|
-
|
|
57576
|
-
|
|
57577
|
-
|
|
57578
|
-
|
|
57579
|
-
|
|
57580
|
-
|
|
57581
|
-
|
|
57582
|
-
|
|
57583
|
-
|
|
57584
|
-
|
|
57585
|
-
|
|
57586
|
-
|
|
57587
|
-
|
|
57588
|
-
|
|
57589
|
-
|
|
57590
|
-
|
|
57591
|
-
_vm._v(" "),
|
|
57592
|
-
_c(
|
|
57593
|
-
"span",
|
|
57594
|
-
{ staticClass: "item-icon" },
|
|
57595
|
-
[
|
|
57596
|
-
node.isLeaf && _vm.instance.itemIconName
|
|
57597
|
-
? _c(
|
|
57598
|
-
"v-icon",
|
|
57599
|
-
{
|
|
57600
|
-
attrs: {
|
|
57601
|
-
dark: _vm.instance.dark,
|
|
57602
|
-
light: _vm.instance.light,
|
|
57741
|
+
_c(
|
|
57742
|
+
"div",
|
|
57743
|
+
{ staticClass: "zd-tree-container" },
|
|
57744
|
+
[
|
|
57745
|
+
_c("sl-vue-tree", {
|
|
57746
|
+
ref: "tree",
|
|
57747
|
+
attrs: {
|
|
57748
|
+
allowMultiselect: _vm.instance.allowMultiSelect,
|
|
57749
|
+
dark: _vm.instance.dark,
|
|
57750
|
+
light: _vm.instance.light,
|
|
57751
|
+
},
|
|
57752
|
+
on: {
|
|
57753
|
+
drop: _vm.onNodeDrop,
|
|
57754
|
+
select: _vm.onNodeSelect,
|
|
57755
|
+
nodeclick: _vm.onNodeClick,
|
|
57756
|
+
nodedblclick: _vm.onNodeDblClick,
|
|
57757
|
+
},
|
|
57758
|
+
scopedSlots: _vm._u(
|
|
57759
|
+
[
|
|
57760
|
+
{
|
|
57761
|
+
key: "title",
|
|
57762
|
+
fn: function (ref) {
|
|
57763
|
+
var node = ref.node;
|
|
57764
|
+
return [
|
|
57765
|
+
_c("span", { staticClass: "align" }),
|
|
57766
|
+
_vm._v(" "),
|
|
57767
|
+
_vm.instance.checkbox
|
|
57768
|
+
? _c("zd-tree-checkbox", {
|
|
57769
|
+
attrs: {
|
|
57770
|
+
disabled: _vm.instance.callDisableCheckbox(node),
|
|
57771
|
+
node: _vm.instanceNode(node),
|
|
57772
|
+
checkedField: _vm.instance.checkedField,
|
|
57773
|
+
},
|
|
57774
|
+
on: {
|
|
57775
|
+
click: function ($event) {
|
|
57776
|
+
return _vm.nodeCheck(node, $event)
|
|
57603
57777
|
},
|
|
57604
57778
|
},
|
|
57605
|
-
|
|
57606
|
-
_vm._v(
|
|
57607
|
-
"\n " +
|
|
57608
|
-
_vm._s(
|
|
57609
|
-
_vm.$getIcon(_vm.instance.itemIconName)
|
|
57610
|
-
) +
|
|
57611
|
-
"\n "
|
|
57612
|
-
),
|
|
57613
|
-
]
|
|
57614
|
-
)
|
|
57779
|
+
})
|
|
57615
57780
|
: _vm._e(),
|
|
57616
57781
|
_vm._v(" "),
|
|
57617
|
-
|
|
57618
|
-
|
|
57619
|
-
|
|
57620
|
-
|
|
57621
|
-
|
|
57622
|
-
|
|
57623
|
-
|
|
57624
|
-
|
|
57625
|
-
|
|
57626
|
-
|
|
57627
|
-
|
|
57628
|
-
|
|
57629
|
-
|
|
57630
|
-
|
|
57631
|
-
|
|
57632
|
-
|
|
57633
|
-
|
|
57634
|
-
|
|
57635
|
-
|
|
57636
|
-
|
|
57637
|
-
|
|
57638
|
-
]
|
|
57639
|
-
|
|
57640
|
-
|
|
57782
|
+
_c(
|
|
57783
|
+
"span",
|
|
57784
|
+
{ staticClass: "item-icon" },
|
|
57785
|
+
[
|
|
57786
|
+
node.isLeaf && _vm.instance.itemIconName
|
|
57787
|
+
? _c(
|
|
57788
|
+
"v-icon",
|
|
57789
|
+
{
|
|
57790
|
+
attrs: {
|
|
57791
|
+
dark: _vm.instance.dark,
|
|
57792
|
+
light: _vm.instance.light,
|
|
57793
|
+
},
|
|
57794
|
+
},
|
|
57795
|
+
[
|
|
57796
|
+
_vm._v(
|
|
57797
|
+
"\n " +
|
|
57798
|
+
_vm._s(
|
|
57799
|
+
_vm.$getIcon(_vm.instance.itemIconName)
|
|
57800
|
+
) +
|
|
57801
|
+
"\n "
|
|
57802
|
+
),
|
|
57803
|
+
]
|
|
57804
|
+
)
|
|
57805
|
+
: _vm._e(),
|
|
57806
|
+
_vm._v(" "),
|
|
57807
|
+
!node.isLeaf && _vm.instance.groupIconName
|
|
57808
|
+
? _c("v-icon", [
|
|
57641
57809
|
_vm._v(
|
|
57642
|
-
|
|
57643
|
-
_vm
|
|
57644
|
-
|
|
57645
|
-
),
|
|
57646
|
-
]
|
|
57647
|
-
)
|
|
57648
|
-
: _c(
|
|
57649
|
-
"span",
|
|
57650
|
-
{ staticClass: "zd-display-inline-flex" },
|
|
57651
|
-
_vm._l(
|
|
57652
|
-
_vm.instance.getSlotComponent(
|
|
57653
|
-
_vm.instance.titleSlot,
|
|
57654
|
-
node
|
|
57810
|
+
_vm._s(
|
|
57811
|
+
_vm.$getIcon(_vm.instance.groupIconName)
|
|
57812
|
+
) + "\n "
|
|
57655
57813
|
),
|
|
57656
|
-
|
|
57657
|
-
|
|
57658
|
-
|
|
57659
|
-
|
|
57660
|
-
|
|
57661
|
-
|
|
57662
|
-
|
|
57663
|
-
|
|
57664
|
-
|
|
57814
|
+
])
|
|
57815
|
+
: _vm._e(),
|
|
57816
|
+
],
|
|
57817
|
+
1
|
|
57818
|
+
),
|
|
57819
|
+
_vm._v(" "),
|
|
57820
|
+
!_vm.$slots.titleSlot
|
|
57821
|
+
? [
|
|
57822
|
+
_vm.instance.titleSlot.length === 0
|
|
57823
|
+
? _c(
|
|
57824
|
+
"span",
|
|
57825
|
+
{
|
|
57826
|
+
class: [
|
|
57827
|
+
"item-title",
|
|
57828
|
+
{ "has-children": node.children.length },
|
|
57829
|
+
],
|
|
57830
|
+
},
|
|
57831
|
+
[
|
|
57832
|
+
_vm._v(
|
|
57833
|
+
"\n " +
|
|
57834
|
+
_vm._s(node.title) +
|
|
57835
|
+
"\n "
|
|
57836
|
+
),
|
|
57837
|
+
]
|
|
57838
|
+
)
|
|
57839
|
+
: _c(
|
|
57840
|
+
"span",
|
|
57841
|
+
{ staticClass: "zd-display-inline-flex" },
|
|
57842
|
+
_vm._l(
|
|
57843
|
+
_vm.instance.getSlotComponent(
|
|
57844
|
+
_vm.instance.titleSlot,
|
|
57845
|
+
node
|
|
57846
|
+
),
|
|
57847
|
+
function (comp, index) {
|
|
57848
|
+
return _c(
|
|
57849
|
+
comp.component,
|
|
57850
|
+
_vm._b(
|
|
57665
57851
|
{
|
|
57666
|
-
|
|
57667
|
-
|
|
57852
|
+
key: index,
|
|
57853
|
+
tag: "component",
|
|
57854
|
+
class: [
|
|
57855
|
+
"item-title",
|
|
57856
|
+
{
|
|
57857
|
+
"has-children":
|
|
57858
|
+
node.children.length,
|
|
57859
|
+
},
|
|
57860
|
+
],
|
|
57668
57861
|
},
|
|
57669
|
-
|
|
57670
|
-
|
|
57671
|
-
|
|
57672
|
-
|
|
57673
|
-
|
|
57674
|
-
|
|
57675
|
-
)
|
|
57676
|
-
|
|
57677
|
-
|
|
57678
|
-
|
|
57679
|
-
),
|
|
57680
|
-
]
|
|
57681
|
-
: _vm._e(),
|
|
57682
|
-
_vm._v(" "),
|
|
57683
|
-
_vm._t("titleSlot", null, { node: node }),
|
|
57684
|
-
_vm._v(" "),
|
|
57685
|
-
_c(
|
|
57686
|
-
"zd-tree-after-title",
|
|
57687
|
-
{
|
|
57688
|
-
ref: node.pathStr,
|
|
57689
|
-
attrs: {
|
|
57690
|
-
afterTitleSlot: _vm.instance.getSlotComponent(
|
|
57691
|
-
_vm.instance.afterTitleSlot,
|
|
57692
|
-
node
|
|
57693
|
-
)[0],
|
|
57694
|
-
},
|
|
57695
|
-
on: {
|
|
57696
|
-
"hook:mounted": function ($event) {
|
|
57697
|
-
return _vm.addObserver(node)
|
|
57698
|
-
},
|
|
57699
|
-
},
|
|
57700
|
-
},
|
|
57701
|
-
[_vm._t("afterTitleSlot", null, { node: node })],
|
|
57702
|
-
2
|
|
57703
|
-
),
|
|
57704
|
-
]
|
|
57705
|
-
},
|
|
57706
|
-
},
|
|
57707
|
-
{
|
|
57708
|
-
key: "toggle",
|
|
57709
|
-
fn: function (ref) {
|
|
57710
|
-
var node = ref.node;
|
|
57711
|
-
return [
|
|
57712
|
-
_c(
|
|
57713
|
-
"span",
|
|
57714
|
-
[
|
|
57715
|
-
node.children.length &&
|
|
57716
|
-
node.isExpanded &&
|
|
57717
|
-
_vm.instance.openedIconName
|
|
57718
|
-
? _c(
|
|
57719
|
-
"v-icon",
|
|
57720
|
-
{
|
|
57721
|
-
attrs: {
|
|
57722
|
-
dark: _vm.instance.dark,
|
|
57723
|
-
light: _vm.instance.light,
|
|
57724
|
-
},
|
|
57725
|
-
},
|
|
57726
|
-
[
|
|
57727
|
-
_vm._v(
|
|
57728
|
-
_vm._s(
|
|
57729
|
-
_vm.$getIcon(_vm.instance.openedIconName)
|
|
57730
|
-
) + "\n "
|
|
57731
|
-
),
|
|
57732
|
-
]
|
|
57733
|
-
)
|
|
57862
|
+
"component",
|
|
57863
|
+
comp,
|
|
57864
|
+
false
|
|
57865
|
+
)
|
|
57866
|
+
)
|
|
57867
|
+
}
|
|
57868
|
+
),
|
|
57869
|
+
1
|
|
57870
|
+
),
|
|
57871
|
+
]
|
|
57734
57872
|
: _vm._e(),
|
|
57735
57873
|
_vm._v(" "),
|
|
57736
|
-
|
|
57737
|
-
|
|
57738
|
-
|
|
57739
|
-
|
|
57740
|
-
|
|
57741
|
-
|
|
57742
|
-
|
|
57743
|
-
|
|
57744
|
-
|
|
57745
|
-
|
|
57874
|
+
_vm._t("titleSlot", null, { node: node }),
|
|
57875
|
+
_vm._v(" "),
|
|
57876
|
+
_c(
|
|
57877
|
+
"zd-tree-after-title",
|
|
57878
|
+
{
|
|
57879
|
+
ref: node.pathStr,
|
|
57880
|
+
attrs: {
|
|
57881
|
+
afterTitleSlot: _vm.instance.getSlotComponent(
|
|
57882
|
+
_vm.instance.afterTitleSlot,
|
|
57883
|
+
node
|
|
57884
|
+
)[0],
|
|
57885
|
+
},
|
|
57886
|
+
on: {
|
|
57887
|
+
"hook:mounted": function ($event) {
|
|
57888
|
+
return _vm.addObserver(node)
|
|
57746
57889
|
},
|
|
57747
|
-
|
|
57748
|
-
|
|
57749
|
-
|
|
57750
|
-
|
|
57751
|
-
|
|
57752
|
-
|
|
57753
|
-
|
|
57754
|
-
|
|
57755
|
-
|
|
57756
|
-
|
|
57757
|
-
|
|
57758
|
-
|
|
57759
|
-
|
|
57760
|
-
|
|
57761
|
-
|
|
57762
|
-
|
|
57763
|
-
|
|
57764
|
-
|
|
57765
|
-
|
|
57766
|
-
|
|
57767
|
-
|
|
57768
|
-
|
|
57769
|
-
|
|
57890
|
+
},
|
|
57891
|
+
},
|
|
57892
|
+
[_vm._t("afterTitleSlot", null, { node: node })],
|
|
57893
|
+
2
|
|
57894
|
+
),
|
|
57895
|
+
]
|
|
57896
|
+
},
|
|
57897
|
+
},
|
|
57898
|
+
{
|
|
57899
|
+
key: "toggle",
|
|
57900
|
+
fn: function (ref) {
|
|
57901
|
+
var node = ref.node;
|
|
57902
|
+
return [
|
|
57903
|
+
_c(
|
|
57904
|
+
"span",
|
|
57905
|
+
[
|
|
57906
|
+
node.children.length &&
|
|
57907
|
+
node.isExpanded &&
|
|
57908
|
+
_vm.instance.openedIconName
|
|
57909
|
+
? _c(
|
|
57910
|
+
"v-icon",
|
|
57911
|
+
{
|
|
57912
|
+
attrs: {
|
|
57913
|
+
dark: _vm.instance.dark,
|
|
57914
|
+
light: _vm.instance.light,
|
|
57915
|
+
},
|
|
57916
|
+
},
|
|
57917
|
+
[
|
|
57918
|
+
_vm._v(
|
|
57919
|
+
_vm._s(
|
|
57920
|
+
_vm.$getIcon(_vm.instance.openedIconName)
|
|
57921
|
+
) + "\n "
|
|
57922
|
+
),
|
|
57923
|
+
]
|
|
57924
|
+
)
|
|
57925
|
+
: _vm._e(),
|
|
57926
|
+
_vm._v(" "),
|
|
57927
|
+
node.children.length &&
|
|
57928
|
+
!node.isExpanded &&
|
|
57929
|
+
_vm.instance.closedIconName
|
|
57930
|
+
? _c(
|
|
57931
|
+
"v-icon",
|
|
57932
|
+
{
|
|
57933
|
+
attrs: {
|
|
57934
|
+
dark: _vm.instance.dark,
|
|
57935
|
+
light: _vm.instance.light,
|
|
57936
|
+
},
|
|
57937
|
+
},
|
|
57938
|
+
[
|
|
57939
|
+
_vm._v(
|
|
57940
|
+
_vm._s(
|
|
57941
|
+
_vm.$getIcon(_vm.instance.closedIconName)
|
|
57942
|
+
) + "\n "
|
|
57943
|
+
),
|
|
57944
|
+
]
|
|
57945
|
+
)
|
|
57946
|
+
: _vm._e(),
|
|
57947
|
+
],
|
|
57948
|
+
1
|
|
57949
|
+
),
|
|
57950
|
+
]
|
|
57951
|
+
},
|
|
57952
|
+
},
|
|
57953
|
+
{
|
|
57954
|
+
key: "draginfo",
|
|
57955
|
+
fn: function () {
|
|
57956
|
+
return [
|
|
57957
|
+
_vm._v(
|
|
57958
|
+
"\n " +
|
|
57959
|
+
_vm._s(_vm.selectedNodesTitle) +
|
|
57960
|
+
"\n "
|
|
57961
|
+
),
|
|
57962
|
+
]
|
|
57963
|
+
},
|
|
57964
|
+
proxy: true,
|
|
57965
|
+
},
|
|
57966
|
+
],
|
|
57967
|
+
null,
|
|
57968
|
+
true
|
|
57969
|
+
),
|
|
57970
|
+
model: {
|
|
57971
|
+
value: _vm.instance.nodes,
|
|
57972
|
+
callback: function ($$v) {
|
|
57973
|
+
_vm.$set(_vm.instance, "nodes", $$v);
|
|
57770
57974
|
},
|
|
57771
|
-
|
|
57975
|
+
expression: "instance.nodes",
|
|
57772
57976
|
},
|
|
57773
|
-
|
|
57774
|
-
|
|
57775
|
-
|
|
57776
|
-
|
|
57777
|
-
|
|
57778
|
-
value: _vm.instance.nodes,
|
|
57779
|
-
callback: function ($$v) {
|
|
57780
|
-
_vm.$set(_vm.instance, "nodes", $$v);
|
|
57781
|
-
},
|
|
57782
|
-
expression: "instance.nodes",
|
|
57783
|
-
},
|
|
57784
|
-
}),
|
|
57785
|
-
],
|
|
57786
|
-
1
|
|
57977
|
+
}),
|
|
57978
|
+
],
|
|
57979
|
+
1
|
|
57980
|
+
),
|
|
57981
|
+
]
|
|
57787
57982
|
)
|
|
57788
57983
|
};
|
|
57789
57984
|
var __vue_staticRenderFns__$2 = [];
|
|
@@ -57792,7 +57987,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
57792
57987
|
/* style */
|
|
57793
57988
|
const __vue_inject_styles__$2 = function (inject) {
|
|
57794
57989
|
if (!inject) return
|
|
57795
|
-
inject("data-v-
|
|
57990
|
+
inject("data-v-61d810b1_0", { source: ".zd-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-weight: normal;\n}\n.zd-tree-toolbar {\n display: flex;\n}\n.zd-tree-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-tree-container {\n overflow: auto;\n}\n.zd-tree.theme--light .sl-vue-tree-title {\n color: var(--zd-font-color);\n}\n.zd-tree.theme--light .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item:hover {\n background: #eee;\n}\n.zd-tree.theme--dark .sl-vue-tree-title {\n color: #fff;\n}\n.zd-tree.theme--dark .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item:hover {\n background: #616161;\n}\n.zd-tree .sl-vue-tree-title {\n display: flex;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node {\n padding-top: 3px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item {\n height: 30px;\n line-height: 30px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item {\n background-color: var(--current-row-color);\n color: var(--zd-font-color);\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item .sl-vue-tree-toggle .v-icon {\n color: var(--zd-font-color);\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-toggle span .v-icon {\n margin: 0px 1px 0px 1px;\n padding-bottom: 1.4px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-gap {\n width: 32px;\n}\n.zd-tree .sl-vue-tree-nodes-list .item-title.has-children {\n font-weight: 700;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align {\n padding-left: 26px;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align.is-clickable {\n cursor: pointer;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align.v-icon {\n padding-left: 4px;\n}\n.zd-tree .sl-vue-tree-node-item .zd-tree-checkbox {\n padding: 0px 3px 3px 0px;\n}", map: undefined, media: undefined });
|
|
57796
57991
|
|
|
57797
57992
|
};
|
|
57798
57993
|
/* scoped */
|
|
@@ -57995,7 +58190,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
57995
58190
|
key: "header",
|
|
57996
58191
|
fn: function (ref) {
|
|
57997
58192
|
var props = ref.props;
|
|
57998
|
-
|
|
58193
|
+
ref.on;
|
|
57999
58194
|
return [
|
|
58000
58195
|
_c("thead", { staticClass: "zd-grid-table-header" }, [
|
|
58001
58196
|
_c(
|
|
@@ -58022,20 +58217,18 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58022
58217
|
"indeterminate-icon": _vm.$getIcon(
|
|
58023
58218
|
"checkboxIndeterminate"
|
|
58024
58219
|
),
|
|
58025
|
-
"input-value":
|
|
58220
|
+
"input-value": _vm.allselectedState,
|
|
58026
58221
|
indeterminate:
|
|
58027
|
-
!
|
|
58222
|
+
!_vm.allselectedState &&
|
|
58223
|
+
props.someItems,
|
|
58028
58224
|
},
|
|
58029
58225
|
on: {
|
|
58030
58226
|
click: function ($event) {
|
|
58031
58227
|
$event.stopPropagation();
|
|
58032
|
-
|
|
58033
|
-
!
|
|
58034
|
-
);
|
|
58035
|
-
_vm.selectAllClick(
|
|
58036
|
-
!props.everyItem,
|
|
58228
|
+
return _vm.selectAllClick(
|
|
58229
|
+
!_vm.allselectedState,
|
|
58037
58230
|
$event
|
|
58038
|
-
)
|
|
58231
|
+
)
|
|
58039
58232
|
},
|
|
58040
58233
|
},
|
|
58041
58234
|
})
|
|
@@ -58074,198 +58267,257 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58074
58267
|
width:
|
|
58075
58268
|
_vm.calcWidth(
|
|
58076
58269
|
column,
|
|
58077
|
-
column.
|
|
58078
|
-
|
|
58079
|
-
|
|
58080
|
-
|
|
58081
|
-
column.minWidth
|
|
58082
|
-
) ||
|
|
58083
|
-
"unset",
|
|
58270
|
+
column.width ||
|
|
58271
|
+
column.maxWidth ||
|
|
58272
|
+
column.minWidth
|
|
58273
|
+
) || "unset",
|
|
58084
58274
|
},
|
|
58085
58275
|
attrs: { index: index },
|
|
58086
|
-
on: {
|
|
58087
|
-
click: function ($event) {
|
|
58088
|
-
return _vm.instance.changeColumnOrder(
|
|
58089
|
-
column
|
|
58090
|
-
)
|
|
58091
|
-
},
|
|
58092
|
-
},
|
|
58093
58276
|
},
|
|
58094
58277
|
[
|
|
58095
|
-
|
|
58096
|
-
|
|
58097
|
-
|
|
58098
|
-
|
|
58099
|
-
|
|
58278
|
+
_c(
|
|
58279
|
+
"span",
|
|
58280
|
+
{
|
|
58281
|
+
staticClass: "zd-table-header-cell",
|
|
58282
|
+
style: {
|
|
58283
|
+
width:
|
|
58284
|
+
_vm.calcWidth(
|
|
58285
|
+
column,
|
|
58286
|
+
column.width ||
|
|
58287
|
+
column.maxWidth ||
|
|
58288
|
+
column.minWidth,
|
|
58289
|
+
true
|
|
58290
|
+
) || "unset",
|
|
58291
|
+
color:
|
|
58292
|
+
_vm.instance.headerCellTextColor,
|
|
58293
|
+
},
|
|
58294
|
+
},
|
|
58295
|
+
[
|
|
58296
|
+
column.type !== "action"
|
|
58297
|
+
? [
|
|
58298
|
+
column.sortable &&
|
|
58299
|
+
column.align === "right"
|
|
58300
|
+
? _c(
|
|
58301
|
+
"span",
|
|
58302
|
+
{
|
|
58303
|
+
staticClass:
|
|
58304
|
+
"zd-table-cell-sort zd-table-cell-sort--left zd-mr-1",
|
|
58305
|
+
on: {
|
|
58306
|
+
click: function (
|
|
58307
|
+
$event
|
|
58308
|
+
) {
|
|
58309
|
+
return _vm.instance.changeColumnOrder(
|
|
58310
|
+
column
|
|
58311
|
+
)
|
|
58312
|
+
},
|
|
58313
|
+
},
|
|
58314
|
+
},
|
|
58315
|
+
[
|
|
58316
|
+
column.sortable &&
|
|
58317
|
+
column.align === "right"
|
|
58318
|
+
? _c(
|
|
58319
|
+
"v-icon",
|
|
58320
|
+
{
|
|
58321
|
+
staticClass:
|
|
58322
|
+
"zd-table-cell-sort-icon",
|
|
58323
|
+
attrs: {
|
|
58324
|
+
small: "",
|
|
58325
|
+
},
|
|
58326
|
+
},
|
|
58327
|
+
[
|
|
58328
|
+
_vm._v(
|
|
58329
|
+
"\n " +
|
|
58330
|
+
_vm._s(
|
|
58331
|
+
_vm.$getIcon(
|
|
58332
|
+
"chevronUp"
|
|
58333
|
+
)
|
|
58334
|
+
) +
|
|
58335
|
+
"\n "
|
|
58336
|
+
),
|
|
58337
|
+
]
|
|
58338
|
+
)
|
|
58339
|
+
: _vm._e(),
|
|
58340
|
+
_vm._v(" "),
|
|
58341
|
+
_vm.instance.datasource.findOrderIndex(
|
|
58342
|
+
column.name
|
|
58343
|
+
) >= 0
|
|
58344
|
+
? _c(
|
|
58345
|
+
"span",
|
|
58346
|
+
{
|
|
58347
|
+
staticClass:
|
|
58348
|
+
"zd-table-cell-sort-order left",
|
|
58349
|
+
},
|
|
58350
|
+
[
|
|
58351
|
+
_vm._v(
|
|
58352
|
+
"\n " +
|
|
58353
|
+
_vm._s(
|
|
58354
|
+
_vm.instance.datasource.findOrderIndex(
|
|
58355
|
+
column.name
|
|
58356
|
+
) + 1
|
|
58357
|
+
) +
|
|
58358
|
+
"\n "
|
|
58359
|
+
),
|
|
58360
|
+
]
|
|
58361
|
+
)
|
|
58362
|
+
: _vm._e(),
|
|
58363
|
+
],
|
|
58364
|
+
1
|
|
58365
|
+
)
|
|
58366
|
+
: _vm._e(),
|
|
58367
|
+
_vm._v(" "),
|
|
58368
|
+
_c(
|
|
58100
58369
|
"span",
|
|
58101
58370
|
{
|
|
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
|
-
]
|
|
58371
|
+
class: [
|
|
58372
|
+
"zd-table-cell-name",
|
|
58373
|
+
{
|
|
58374
|
+
"overflow-hidden":
|
|
58375
|
+
column.overflow ===
|
|
58376
|
+
"hidden",
|
|
58377
|
+
"overflow-wrap":
|
|
58378
|
+
column.overflow ===
|
|
58379
|
+
"wrap",
|
|
58380
|
+
},
|
|
58381
|
+
!isNaN(column.overflow)
|
|
58382
|
+
? "overflow-clamp overflow-clamp-" +
|
|
58383
|
+
column.overflow
|
|
58384
|
+
: "",
|
|
58385
|
+
],
|
|
58386
|
+
on: {
|
|
58387
|
+
click: function ($event) {
|
|
58388
|
+
return _vm.instance.changeColumnOrder(
|
|
58389
|
+
column
|
|
58124
58390
|
)
|
|
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
|
-
]
|
|
58391
|
+
},
|
|
58392
|
+
mouseenter: function (
|
|
58393
|
+
$event
|
|
58394
|
+
) {
|
|
58395
|
+
return _vm.checkOverflow(
|
|
58396
|
+
$event
|
|
58145
58397
|
)
|
|
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()
|
|
58398
|
+
},
|
|
58399
|
+
mouseleave: function (
|
|
58400
|
+
$event
|
|
58401
|
+
) {
|
|
58402
|
+
return _vm.removeTooltip()
|
|
58403
|
+
},
|
|
58404
|
+
},
|
|
58189
58405
|
},
|
|
58190
|
-
|
|
58191
|
-
|
|
58192
|
-
|
|
58193
|
-
|
|
58194
|
-
|
|
58406
|
+
[
|
|
58407
|
+
_vm._v(
|
|
58408
|
+
_vm._s(_vm.$t(column.label))
|
|
58409
|
+
),
|
|
58410
|
+
]
|
|
58195
58411
|
),
|
|
58412
|
+
_vm._v(" "),
|
|
58413
|
+
column.sortable &&
|
|
58414
|
+
column.align !== "right"
|
|
58415
|
+
? _c(
|
|
58416
|
+
"span",
|
|
58417
|
+
{
|
|
58418
|
+
staticClass:
|
|
58419
|
+
"zd-table-cell-sort zd-table-cell-sort--right zd-ml-1",
|
|
58420
|
+
on: {
|
|
58421
|
+
click: function (
|
|
58422
|
+
$event
|
|
58423
|
+
) {
|
|
58424
|
+
return _vm.instance.changeColumnOrder(
|
|
58425
|
+
column
|
|
58426
|
+
)
|
|
58427
|
+
},
|
|
58428
|
+
},
|
|
58429
|
+
},
|
|
58430
|
+
[
|
|
58431
|
+
column.sortable &&
|
|
58432
|
+
column.align !== "right"
|
|
58433
|
+
? _c(
|
|
58434
|
+
"v-icon",
|
|
58435
|
+
{
|
|
58436
|
+
staticClass:
|
|
58437
|
+
"zd-table-cell-sort-icon",
|
|
58438
|
+
attrs: {
|
|
58439
|
+
small: "",
|
|
58440
|
+
},
|
|
58441
|
+
},
|
|
58442
|
+
[
|
|
58443
|
+
_vm._v(
|
|
58444
|
+
"\n " +
|
|
58445
|
+
_vm._s(
|
|
58446
|
+
_vm.$getIcon(
|
|
58447
|
+
"chevronUp"
|
|
58448
|
+
)
|
|
58449
|
+
) +
|
|
58450
|
+
"\n "
|
|
58451
|
+
),
|
|
58452
|
+
]
|
|
58453
|
+
)
|
|
58454
|
+
: _vm._e(),
|
|
58455
|
+
_vm._v(" "),
|
|
58456
|
+
_vm.instance.datasource.findOrderIndex(
|
|
58457
|
+
column.name
|
|
58458
|
+
) >= 0
|
|
58459
|
+
? _c(
|
|
58460
|
+
"span",
|
|
58461
|
+
{
|
|
58462
|
+
staticClass:
|
|
58463
|
+
"zd-table-cell-sort-order",
|
|
58464
|
+
},
|
|
58465
|
+
[
|
|
58466
|
+
_vm._v(
|
|
58467
|
+
"\n " +
|
|
58468
|
+
_vm._s(
|
|
58469
|
+
_vm.instance.datasource.findOrderIndex(
|
|
58470
|
+
column.name
|
|
58471
|
+
) + 1
|
|
58472
|
+
) +
|
|
58473
|
+
"\n "
|
|
58474
|
+
),
|
|
58475
|
+
]
|
|
58476
|
+
)
|
|
58477
|
+
: _vm._e(),
|
|
58478
|
+
],
|
|
58479
|
+
1
|
|
58480
|
+
)
|
|
58481
|
+
: _vm._e(),
|
|
58196
58482
|
]
|
|
58197
|
-
|
|
58198
|
-
|
|
58199
|
-
column.sortable &&
|
|
58200
|
-
column.align !== "right"
|
|
58201
|
-
? _c(
|
|
58483
|
+
: [
|
|
58484
|
+
_c(
|
|
58202
58485
|
"span",
|
|
58203
58486
|
{
|
|
58204
58487
|
staticClass:
|
|
58205
|
-
"zd-table-cell-
|
|
58488
|
+
"zd-table-cell-name",
|
|
58206
58489
|
},
|
|
58207
58490
|
[
|
|
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))
|
|
58491
|
+
_vm._v(
|
|
58492
|
+
_vm._s(_vm.$t(column.label))
|
|
58493
|
+
),
|
|
58494
|
+
]
|
|
58263
58495
|
),
|
|
58264
|
-
]
|
|
58265
|
-
|
|
58266
|
-
|
|
58267
|
-
|
|
58268
|
-
|
|
58496
|
+
],
|
|
58497
|
+
_vm._v(" "),
|
|
58498
|
+
_vm.instance.resizeColumns
|
|
58499
|
+
? _c(
|
|
58500
|
+
"span",
|
|
58501
|
+
{
|
|
58502
|
+
staticClass:
|
|
58503
|
+
"zd-grid-resize-handle",
|
|
58504
|
+
on: {
|
|
58505
|
+
mousedown: function ($event) {
|
|
58506
|
+
return _vm.resizeMouseDownHandler(
|
|
58507
|
+
column,
|
|
58508
|
+
$event
|
|
58509
|
+
)
|
|
58510
|
+
},
|
|
58511
|
+
click: _vm.resizeClickHandler,
|
|
58512
|
+
},
|
|
58513
|
+
},
|
|
58514
|
+
[_vm._v("‖")]
|
|
58515
|
+
)
|
|
58516
|
+
: _vm._e(),
|
|
58517
|
+
],
|
|
58518
|
+
2
|
|
58519
|
+
),
|
|
58520
|
+
]
|
|
58269
58521
|
)
|
|
58270
58522
|
: _vm._e(),
|
|
58271
58523
|
]
|
|
@@ -58304,7 +58556,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58304
58556
|
return [
|
|
58305
58557
|
_c("tr", [
|
|
58306
58558
|
_c("td", {
|
|
58307
|
-
style: "padding-top:" + _vm.scrollData.endHeight + "px",
|
|
58559
|
+
style: "padding-top: " + _vm.scrollData.endHeight + "px",
|
|
58308
58560
|
attrs: { colspan: headers.length },
|
|
58309
58561
|
}),
|
|
58310
58562
|
]),
|
|
@@ -58468,15 +58720,23 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58468
58720
|
: "",
|
|
58469
58721
|
],
|
|
58470
58722
|
style: {
|
|
58723
|
+
width:
|
|
58724
|
+
_vm.calcWidth(
|
|
58725
|
+
column,
|
|
58726
|
+
column.width,
|
|
58727
|
+
true
|
|
58728
|
+
) || "unset",
|
|
58471
58729
|
"min-width":
|
|
58472
58730
|
_vm.calcWidth(
|
|
58473
58731
|
column,
|
|
58474
|
-
column.minWidth
|
|
58732
|
+
column.minWidth,
|
|
58733
|
+
true
|
|
58475
58734
|
) || "unset",
|
|
58476
58735
|
"max-width":
|
|
58477
58736
|
_vm.calcWidth(
|
|
58478
58737
|
column,
|
|
58479
|
-
column.maxWidth
|
|
58738
|
+
column.maxWidth,
|
|
58739
|
+
true
|
|
58480
58740
|
) || "unset",
|
|
58481
58741
|
},
|
|
58482
58742
|
on: {
|
|
@@ -58548,6 +58808,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58548
58808
|
],
|
|
58549
58809
|
1
|
|
58550
58810
|
),
|
|
58811
|
+
_vm._v(" "),
|
|
58551
58812
|
_c("span", {
|
|
58552
58813
|
key: item.tree__searched
|
|
58553
58814
|
? "a"
|
|
@@ -58597,34 +58858,92 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58597
58858
|
},
|
|
58598
58859
|
},
|
|
58599
58860
|
},
|
|
58600
|
-
|
|
58601
|
-
|
|
58602
|
-
|
|
58603
|
-
|
|
58604
|
-
|
|
58605
|
-
_vm._b(
|
|
58861
|
+
[
|
|
58862
|
+
_c(
|
|
58863
|
+
"div",
|
|
58864
|
+
{
|
|
58865
|
+
directives: [
|
|
58606
58866
|
{
|
|
58607
|
-
|
|
58608
|
-
|
|
58609
|
-
|
|
58610
|
-
|
|
58867
|
+
name: "show",
|
|
58868
|
+
rawName: "v-show",
|
|
58869
|
+
value: headerIndex === 0,
|
|
58870
|
+
expression:
|
|
58871
|
+
"headerIndex === 0",
|
|
58611
58872
|
},
|
|
58612
|
-
|
|
58613
|
-
|
|
58614
|
-
|
|
58615
|
-
|
|
58616
|
-
|
|
58617
|
-
|
|
58618
|
-
|
|
58619
|
-
|
|
58873
|
+
],
|
|
58874
|
+
class: [
|
|
58875
|
+
"zd-tree-grid-expand",
|
|
58876
|
+
"level" + item.tree__level,
|
|
58877
|
+
],
|
|
58878
|
+
},
|
|
58879
|
+
[
|
|
58880
|
+
(item.tree__children || [])
|
|
58881
|
+
.length > 0
|
|
58882
|
+
? _c(
|
|
58883
|
+
"v-icon",
|
|
58884
|
+
{
|
|
58885
|
+
class: {
|
|
58886
|
+
opened:
|
|
58887
|
+
item.tree__opened,
|
|
58888
|
+
},
|
|
58889
|
+
attrs: { tabindex: "-1" },
|
|
58890
|
+
on: {
|
|
58891
|
+
click: function (
|
|
58892
|
+
$event
|
|
58893
|
+
) {
|
|
58894
|
+
return _vm.instance.toggleExpand(
|
|
58895
|
+
item,
|
|
58896
|
+
index
|
|
58897
|
+
)
|
|
58898
|
+
},
|
|
58899
|
+
},
|
|
58900
|
+
},
|
|
58901
|
+
[
|
|
58902
|
+
_vm._v(
|
|
58903
|
+
"\n " +
|
|
58904
|
+
_vm._s(
|
|
58905
|
+
_vm.$getIcon(
|
|
58906
|
+
"chevronRight"
|
|
58907
|
+
)
|
|
58908
|
+
) +
|
|
58909
|
+
"\n "
|
|
58910
|
+
),
|
|
58911
|
+
]
|
|
58620
58912
|
)
|
|
58621
|
-
),
|
|
58622
|
-
|
|
58913
|
+
: _vm._e(),
|
|
58914
|
+
],
|
|
58915
|
+
1
|
|
58916
|
+
),
|
|
58917
|
+
_vm._v(" "),
|
|
58918
|
+
_vm._l(
|
|
58919
|
+
column.childrenProps,
|
|
58920
|
+
function (child) {
|
|
58921
|
+
return _c(
|
|
58922
|
+
child.component,
|
|
58923
|
+
_vm._b(
|
|
58924
|
+
{
|
|
58925
|
+
key:
|
|
58926
|
+
child.name +
|
|
58927
|
+
_vm.rowKey(item),
|
|
58928
|
+
tag: "component",
|
|
58929
|
+
},
|
|
58930
|
+
"component",
|
|
58931
|
+
Object.assign(
|
|
58932
|
+
{},
|
|
58933
|
+
child,
|
|
58934
|
+
_vm.instance.getActionComponent(
|
|
58935
|
+
child,
|
|
58936
|
+
column,
|
|
58937
|
+
item
|
|
58938
|
+
)
|
|
58939
|
+
),
|
|
58940
|
+
false
|
|
58941
|
+
)
|
|
58623
58942
|
)
|
|
58624
|
-
|
|
58625
|
-
|
|
58626
|
-
|
|
58627
|
-
|
|
58943
|
+
}
|
|
58944
|
+
),
|
|
58945
|
+
],
|
|
58946
|
+
2
|
|
58628
58947
|
),
|
|
58629
58948
|
]
|
|
58630
58949
|
: _vm._e(),
|
|
@@ -58729,8 +59048,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58729
59048
|
/* style */
|
|
58730
59049
|
const __vue_inject_styles__$1 = function (inject) {
|
|
58731
59050
|
if (!inject) return
|
|
58732
|
-
inject("data-v-
|
|
58733
|
-
,inject("data-v-
|
|
59051
|
+
inject("data-v-37f68802_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 })
|
|
59052
|
+
,inject("data-v-37f68802_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
59053
|
|
|
58735
59054
|
};
|
|
58736
59055
|
/* scoped */
|
|
@@ -58766,6 +59085,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58766
59085
|
super(...arguments);
|
|
58767
59086
|
this.instanceType = common.TreeGridEditable;
|
|
58768
59087
|
this.inputToFocus = '';
|
|
59088
|
+
this.isTrVisible = false;
|
|
58769
59089
|
this.navigationKeyMapping = {
|
|
58770
59090
|
enter: {
|
|
58771
59091
|
event: this.navigateDown.bind(this),
|
|
@@ -58812,24 +59132,41 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58812
59132
|
this.$nextTick(() => { input.focus(); });
|
|
58813
59133
|
}
|
|
58814
59134
|
}
|
|
58815
|
-
|
|
58816
|
-
this.
|
|
58817
|
-
|
|
58818
|
-
|
|
58819
|
-
if (
|
|
58820
|
-
|
|
59135
|
+
getColWidth(col) {
|
|
59136
|
+
if (this.isTrVisible) {
|
|
59137
|
+
this.$nextTick(() => {
|
|
59138
|
+
const element = this.$el.querySelector(`.column-th-${col.name}-${this.instance.name}`);
|
|
59139
|
+
if (!element) {
|
|
59140
|
+
return;
|
|
59141
|
+
}
|
|
59142
|
+
if (col.width) {
|
|
59143
|
+
element.style.width = this.calcWidth(col, col.width || '');
|
|
59144
|
+
}
|
|
59145
|
+
else if (col.maxWidth) {
|
|
59146
|
+
element.style.width = this.calcWidth(col, col.maxWidth || '');
|
|
58821
59147
|
}
|
|
58822
59148
|
else if (col.minWidth) {
|
|
58823
|
-
element.style.width = this.calcWidth(col, col.minWidth);
|
|
59149
|
+
element.style.width = this.calcWidth(col, col.minWidth || '');
|
|
58824
59150
|
}
|
|
58825
59151
|
else {
|
|
58826
59152
|
element.style.width = `${element.clientWidth}px`;
|
|
58827
59153
|
}
|
|
58828
|
-
}
|
|
58829
|
-
}
|
|
59154
|
+
});
|
|
59155
|
+
}
|
|
59156
|
+
return true;
|
|
59157
|
+
}
|
|
59158
|
+
registerOnVisible() {
|
|
59159
|
+
const headerRow = this.$el.querySelector('thead > tr');
|
|
59160
|
+
if (!headerRow)
|
|
59161
|
+
return;
|
|
59162
|
+
const obs = this.$onVisible(headerRow, () => {
|
|
59163
|
+
this.instance.columns.forEach(this.getColWidth);
|
|
59164
|
+
this.isTrVisible = true;
|
|
59165
|
+
obs.disconnect();
|
|
59166
|
+
}, this.$el);
|
|
58830
59167
|
}
|
|
58831
59168
|
mounted() {
|
|
58832
|
-
this.
|
|
59169
|
+
this.registerOnVisible();
|
|
58833
59170
|
core.KeyMap.bind(this.navigationKeyMapping, this.instance, this.$el);
|
|
58834
59171
|
}
|
|
58835
59172
|
beforeDestroy() {
|
|
@@ -58930,6 +59267,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58930
59267
|
ref: "grid",
|
|
58931
59268
|
class: [
|
|
58932
59269
|
"zd-grid",
|
|
59270
|
+
"zd-tree-grid",
|
|
58933
59271
|
"zd-tree-grid-editable",
|
|
58934
59272
|
_vm.instance.cssClass,
|
|
58935
59273
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
@@ -58995,7 +59333,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
58995
59333
|
key: "header",
|
|
58996
59334
|
fn: function (ref) {
|
|
58997
59335
|
var props = ref.props;
|
|
58998
|
-
|
|
59336
|
+
ref.on;
|
|
58999
59337
|
return [
|
|
59000
59338
|
_c("thead", { staticClass: "zd-grid-table-header" }, [
|
|
59001
59339
|
_c(
|
|
@@ -59022,18 +59360,17 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59022
59360
|
"indeterminate-icon": _vm.$getIcon(
|
|
59023
59361
|
"checkboxIndeterminate"
|
|
59024
59362
|
),
|
|
59025
|
-
value:
|
|
59363
|
+
value: _vm.allselectedState,
|
|
59026
59364
|
indeterminate:
|
|
59027
|
-
!
|
|
59365
|
+
!_vm.allselectedState && props.someItems,
|
|
59028
59366
|
},
|
|
59029
59367
|
on: {
|
|
59030
59368
|
click: function ($event) {
|
|
59031
59369
|
$event.stopPropagation();
|
|
59032
|
-
|
|
59033
|
-
|
|
59034
|
-
!props.everyItem,
|
|
59370
|
+
return _vm.selectAllClick(
|
|
59371
|
+
!_vm.allselectedState,
|
|
59035
59372
|
$event
|
|
59036
|
-
)
|
|
59373
|
+
)
|
|
59037
59374
|
},
|
|
59038
59375
|
},
|
|
59039
59376
|
}),
|
|
@@ -59044,7 +59381,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59044
59381
|
_vm._v(" "),
|
|
59045
59382
|
_vm._l(props.headers, function (column, index) {
|
|
59046
59383
|
return [
|
|
59047
|
-
column.isVisible
|
|
59384
|
+
column.isVisible && _vm.getColWidth(column)
|
|
59048
59385
|
? _c(
|
|
59049
59386
|
"th",
|
|
59050
59387
|
{
|
|
@@ -59072,201 +59409,260 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59072
59409
|
style: {
|
|
59073
59410
|
"background-color":
|
|
59074
59411
|
_vm.instance.headerBackground,
|
|
59075
|
-
|
|
59076
|
-
_vm.calcWidth(
|
|
59077
|
-
column,
|
|
59078
|
-
column.minWidth
|
|
59079
|
-
) || "unset",
|
|
59080
|
-
"max-width":
|
|
59412
|
+
width:
|
|
59081
59413
|
_vm.calcWidth(
|
|
59082
59414
|
column,
|
|
59083
|
-
column.
|
|
59415
|
+
column.width ||
|
|
59416
|
+
column.maxWidth ||
|
|
59417
|
+
column.minWidth
|
|
59084
59418
|
) || "unset",
|
|
59085
59419
|
},
|
|
59086
59420
|
attrs: { index: index },
|
|
59087
|
-
on: {
|
|
59088
|
-
click: function ($event) {
|
|
59089
|
-
return _vm.instance.changeColumnOrder(
|
|
59090
|
-
column
|
|
59091
|
-
)
|
|
59092
|
-
},
|
|
59093
|
-
},
|
|
59094
59421
|
},
|
|
59095
59422
|
[
|
|
59096
|
-
|
|
59097
|
-
|
|
59098
|
-
|
|
59099
|
-
|
|
59100
|
-
|
|
59423
|
+
_c(
|
|
59424
|
+
"span",
|
|
59425
|
+
{
|
|
59426
|
+
staticClass: "zd-table-header-cell",
|
|
59427
|
+
style: {
|
|
59428
|
+
width:
|
|
59429
|
+
_vm.calcWidth(
|
|
59430
|
+
column,
|
|
59431
|
+
column.width ||
|
|
59432
|
+
column.maxWidth ||
|
|
59433
|
+
column.minWidth,
|
|
59434
|
+
true
|
|
59435
|
+
) || "unset",
|
|
59436
|
+
color:
|
|
59437
|
+
_vm.instance.headerCellTextColor,
|
|
59438
|
+
},
|
|
59439
|
+
},
|
|
59440
|
+
[
|
|
59441
|
+
column.type !== "action"
|
|
59442
|
+
? [
|
|
59443
|
+
column.sortable &&
|
|
59444
|
+
column.align === "right"
|
|
59445
|
+
? _c(
|
|
59446
|
+
"span",
|
|
59447
|
+
{
|
|
59448
|
+
staticClass:
|
|
59449
|
+
"zd-table-cell-sort zd-table-cell-sort--left zd-mr-1",
|
|
59450
|
+
on: {
|
|
59451
|
+
click: function (
|
|
59452
|
+
$event
|
|
59453
|
+
) {
|
|
59454
|
+
return _vm.instance.changeColumnOrder(
|
|
59455
|
+
column
|
|
59456
|
+
)
|
|
59457
|
+
},
|
|
59458
|
+
},
|
|
59459
|
+
},
|
|
59460
|
+
[
|
|
59461
|
+
column.sortable &&
|
|
59462
|
+
column.align === "right"
|
|
59463
|
+
? _c(
|
|
59464
|
+
"v-icon",
|
|
59465
|
+
{
|
|
59466
|
+
staticClass:
|
|
59467
|
+
"zd-table-cell-sort-icon",
|
|
59468
|
+
attrs: {
|
|
59469
|
+
small: "",
|
|
59470
|
+
},
|
|
59471
|
+
},
|
|
59472
|
+
[
|
|
59473
|
+
_vm._v(
|
|
59474
|
+
"\n " +
|
|
59475
|
+
_vm._s(
|
|
59476
|
+
_vm.$getIcon(
|
|
59477
|
+
"chevronUp"
|
|
59478
|
+
)
|
|
59479
|
+
) +
|
|
59480
|
+
"\n "
|
|
59481
|
+
),
|
|
59482
|
+
]
|
|
59483
|
+
)
|
|
59484
|
+
: _vm._e(),
|
|
59485
|
+
_vm._v(" "),
|
|
59486
|
+
_vm.instance.datasource.findOrderIndex(
|
|
59487
|
+
column.name
|
|
59488
|
+
) >= 0
|
|
59489
|
+
? _c(
|
|
59490
|
+
"span",
|
|
59491
|
+
{
|
|
59492
|
+
staticClass:
|
|
59493
|
+
"zd-table-cell-sort-order left",
|
|
59494
|
+
},
|
|
59495
|
+
[
|
|
59496
|
+
_vm._v(
|
|
59497
|
+
"\n " +
|
|
59498
|
+
_vm._s(
|
|
59499
|
+
_vm.instance.datasource.findOrderIndex(
|
|
59500
|
+
column.name
|
|
59501
|
+
) + 1
|
|
59502
|
+
) +
|
|
59503
|
+
"\n "
|
|
59504
|
+
),
|
|
59505
|
+
]
|
|
59506
|
+
)
|
|
59507
|
+
: _vm._e(),
|
|
59508
|
+
],
|
|
59509
|
+
1
|
|
59510
|
+
)
|
|
59511
|
+
: _vm._e(),
|
|
59512
|
+
_vm._v(" "),
|
|
59513
|
+
_c(
|
|
59101
59514
|
"span",
|
|
59102
59515
|
{
|
|
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
|
-
]
|
|
59516
|
+
class: [
|
|
59517
|
+
"zd-table-cell-name",
|
|
59518
|
+
{
|
|
59519
|
+
"overflow-hidden":
|
|
59520
|
+
column.overflow ===
|
|
59521
|
+
"hidden",
|
|
59522
|
+
"overflow-wrap":
|
|
59523
|
+
column.overflow ===
|
|
59524
|
+
"wrap",
|
|
59525
|
+
},
|
|
59526
|
+
!isNaN(column.overflow)
|
|
59527
|
+
? "overflow-clamp overflow-clamp-" +
|
|
59528
|
+
column.overflow
|
|
59529
|
+
: "",
|
|
59530
|
+
],
|
|
59531
|
+
on: {
|
|
59532
|
+
click: function ($event) {
|
|
59533
|
+
return _vm.instance.changeColumnOrder(
|
|
59534
|
+
column
|
|
59125
59535
|
)
|
|
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
|
-
]
|
|
59536
|
+
},
|
|
59537
|
+
mouseenter: function (
|
|
59538
|
+
$event
|
|
59539
|
+
) {
|
|
59540
|
+
return _vm.checkOverflow(
|
|
59541
|
+
$event
|
|
59146
59542
|
)
|
|
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()
|
|
59543
|
+
},
|
|
59544
|
+
mouseleave: function (
|
|
59545
|
+
$event
|
|
59546
|
+
) {
|
|
59547
|
+
return _vm.removeTooltip()
|
|
59548
|
+
},
|
|
59549
|
+
},
|
|
59190
59550
|
},
|
|
59191
|
-
|
|
59192
|
-
|
|
59193
|
-
|
|
59194
|
-
|
|
59195
|
-
|
|
59551
|
+
[
|
|
59552
|
+
_vm._v(
|
|
59553
|
+
_vm._s(_vm.$t(column.label))
|
|
59554
|
+
),
|
|
59555
|
+
]
|
|
59196
59556
|
),
|
|
59557
|
+
_vm._v(" "),
|
|
59558
|
+
column.sortable &&
|
|
59559
|
+
column.align !== "right"
|
|
59560
|
+
? _c(
|
|
59561
|
+
"span",
|
|
59562
|
+
{
|
|
59563
|
+
staticClass:
|
|
59564
|
+
"zd-table-cell-sort zd-table-cell-sort--right zd-ml-1",
|
|
59565
|
+
on: {
|
|
59566
|
+
click: function (
|
|
59567
|
+
$event
|
|
59568
|
+
) {
|
|
59569
|
+
return _vm.instance.changeColumnOrder(
|
|
59570
|
+
column
|
|
59571
|
+
)
|
|
59572
|
+
},
|
|
59573
|
+
},
|
|
59574
|
+
},
|
|
59575
|
+
[
|
|
59576
|
+
column.sortable &&
|
|
59577
|
+
column.align !== "right"
|
|
59578
|
+
? _c(
|
|
59579
|
+
"v-icon",
|
|
59580
|
+
{
|
|
59581
|
+
staticClass:
|
|
59582
|
+
"zd-table-cell-sort-icon",
|
|
59583
|
+
attrs: {
|
|
59584
|
+
small: "",
|
|
59585
|
+
},
|
|
59586
|
+
},
|
|
59587
|
+
[
|
|
59588
|
+
_vm._v(
|
|
59589
|
+
"\n " +
|
|
59590
|
+
_vm._s(
|
|
59591
|
+
_vm.$getIcon(
|
|
59592
|
+
"chevronUp"
|
|
59593
|
+
)
|
|
59594
|
+
) +
|
|
59595
|
+
"\n "
|
|
59596
|
+
),
|
|
59597
|
+
]
|
|
59598
|
+
)
|
|
59599
|
+
: _vm._e(),
|
|
59600
|
+
_vm._v(" "),
|
|
59601
|
+
_vm.instance.datasource.findOrderIndex(
|
|
59602
|
+
column.name
|
|
59603
|
+
) >= 0
|
|
59604
|
+
? _c(
|
|
59605
|
+
"span",
|
|
59606
|
+
{
|
|
59607
|
+
staticClass:
|
|
59608
|
+
"zd-table-cell-sort-order",
|
|
59609
|
+
},
|
|
59610
|
+
[
|
|
59611
|
+
_vm._v(
|
|
59612
|
+
"\n " +
|
|
59613
|
+
_vm._s(
|
|
59614
|
+
_vm.instance.datasource.findOrderIndex(
|
|
59615
|
+
column.name
|
|
59616
|
+
) + 1
|
|
59617
|
+
) +
|
|
59618
|
+
"\n "
|
|
59619
|
+
),
|
|
59620
|
+
]
|
|
59621
|
+
)
|
|
59622
|
+
: _vm._e(),
|
|
59623
|
+
],
|
|
59624
|
+
1
|
|
59625
|
+
)
|
|
59626
|
+
: _vm._e(),
|
|
59197
59627
|
]
|
|
59198
|
-
|
|
59199
|
-
|
|
59200
|
-
column.sortable &&
|
|
59201
|
-
column.align !== "right"
|
|
59202
|
-
? _c(
|
|
59628
|
+
: [
|
|
59629
|
+
_c(
|
|
59203
59630
|
"span",
|
|
59204
59631
|
{
|
|
59205
59632
|
staticClass:
|
|
59206
|
-
"zd-table-cell-
|
|
59633
|
+
"zd-table-cell-name",
|
|
59207
59634
|
},
|
|
59208
59635
|
[
|
|
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))
|
|
59636
|
+
_vm._v(
|
|
59637
|
+
_vm._s(_vm.$t(column.label))
|
|
59638
|
+
),
|
|
59639
|
+
]
|
|
59264
59640
|
),
|
|
59265
|
-
]
|
|
59266
|
-
|
|
59267
|
-
|
|
59268
|
-
|
|
59269
|
-
|
|
59641
|
+
],
|
|
59642
|
+
_vm._v(" "),
|
|
59643
|
+
_vm.instance.resizeColumns
|
|
59644
|
+
? _c(
|
|
59645
|
+
"span",
|
|
59646
|
+
{
|
|
59647
|
+
staticClass:
|
|
59648
|
+
"zd-grid-resize-handle",
|
|
59649
|
+
on: {
|
|
59650
|
+
mousedown: function ($event) {
|
|
59651
|
+
return _vm.resizeMouseDownHandler(
|
|
59652
|
+
column,
|
|
59653
|
+
$event
|
|
59654
|
+
)
|
|
59655
|
+
},
|
|
59656
|
+
click: _vm.resizeClickHandler,
|
|
59657
|
+
},
|
|
59658
|
+
},
|
|
59659
|
+
[_vm._v("‖")]
|
|
59660
|
+
)
|
|
59661
|
+
: _vm._e(),
|
|
59662
|
+
],
|
|
59663
|
+
2
|
|
59664
|
+
),
|
|
59665
|
+
]
|
|
59270
59666
|
)
|
|
59271
59667
|
: _vm._e(),
|
|
59272
59668
|
]
|
|
@@ -59287,7 +59683,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59287
59683
|
return [
|
|
59288
59684
|
_c("tr", [
|
|
59289
59685
|
_c("td", {
|
|
59290
|
-
style:
|
|
59686
|
+
style:
|
|
59687
|
+
"padding-top: " + _vm.scrollData.startHeight + "px",
|
|
59291
59688
|
attrs: { colspan: headers.length },
|
|
59292
59689
|
}),
|
|
59293
59690
|
]),
|
|
@@ -59305,7 +59702,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59305
59702
|
return [
|
|
59306
59703
|
_c("tr", [
|
|
59307
59704
|
_c("td", {
|
|
59308
|
-
style: "padding-top:" + _vm.scrollData.endHeight + "px",
|
|
59705
|
+
style: "padding-top: " + _vm.scrollData.endHeight + "px",
|
|
59309
59706
|
attrs: { colspan: headers.length },
|
|
59310
59707
|
}),
|
|
59311
59708
|
]),
|
|
@@ -59465,288 +59862,538 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59465
59862
|
})
|
|
59466
59863
|
: _vm._e(),
|
|
59467
59864
|
_vm._v(" "),
|
|
59468
|
-
|
|
59469
|
-
|
|
59470
|
-
|
|
59471
|
-
|
|
59472
|
-
|
|
59473
|
-
|
|
59474
|
-
|
|
59475
|
-
|
|
59476
|
-
{
|
|
59477
|
-
|
|
59865
|
+
_c(
|
|
59866
|
+
"span",
|
|
59867
|
+
{
|
|
59868
|
+
staticClass:
|
|
59869
|
+
"zd-tree-grid-editable-cell-wrapper",
|
|
59870
|
+
},
|
|
59871
|
+
[
|
|
59872
|
+
Object.assign(
|
|
59873
|
+
{},
|
|
59874
|
+
column,
|
|
59875
|
+
cellProps
|
|
59876
|
+
).editable &&
|
|
59877
|
+
_vm.canEditRowValues[
|
|
59878
|
+
_vm.rowKey(item)
|
|
59879
|
+
] &&
|
|
59880
|
+
_vm.instance.editing
|
|
59881
|
+
? _c(
|
|
59882
|
+
"span",
|
|
59478
59883
|
{
|
|
59479
|
-
|
|
59480
|
-
|
|
59481
|
-
|
|
59482
|
-
|
|
59483
|
-
|
|
59884
|
+
directives: [
|
|
59885
|
+
{
|
|
59886
|
+
name: "show",
|
|
59887
|
+
rawName: "v-show",
|
|
59888
|
+
value:
|
|
59889
|
+
!column.loading,
|
|
59890
|
+
expression:
|
|
59891
|
+
"!column.loading",
|
|
59892
|
+
},
|
|
59893
|
+
],
|
|
59894
|
+
staticClass:
|
|
59895
|
+
"zd-table-cell-inline-edit",
|
|
59896
|
+
style: {
|
|
59897
|
+
width:
|
|
59898
|
+
_vm.calcWidth(
|
|
59899
|
+
column,
|
|
59900
|
+
column.width,
|
|
59901
|
+
true
|
|
59902
|
+
) || "unset",
|
|
59903
|
+
"min-width":
|
|
59904
|
+
_vm.calcWidth(
|
|
59905
|
+
column,
|
|
59906
|
+
column.minWidth,
|
|
59907
|
+
true
|
|
59908
|
+
) || "unset",
|
|
59909
|
+
"max-width":
|
|
59910
|
+
_vm.calcWidth(
|
|
59911
|
+
column,
|
|
59912
|
+
column.maxWidth,
|
|
59913
|
+
true
|
|
59914
|
+
) || "unset",
|
|
59915
|
+
},
|
|
59484
59916
|
},
|
|
59485
|
-
|
|
59486
|
-
|
|
59487
|
-
"zd-table-cell-inline-edit",
|
|
59488
|
-
style: {
|
|
59489
|
-
width:
|
|
59490
|
-
_vm.calcWidth(
|
|
59491
|
-
column,
|
|
59492
|
-
column.maxWidth ||
|
|
59493
|
-
column.minWidth
|
|
59494
|
-
) || "unset",
|
|
59495
|
-
"min-width":
|
|
59496
|
-
_vm.calcWidth(
|
|
59497
|
-
column,
|
|
59498
|
-
column.minWidth
|
|
59499
|
-
) || "unset",
|
|
59500
|
-
"max-width":
|
|
59501
|
-
_vm.calcWidth(
|
|
59917
|
+
[
|
|
59918
|
+
_vm.instance.isEdited(
|
|
59502
59919
|
column,
|
|
59503
|
-
|
|
59504
|
-
)
|
|
59505
|
-
|
|
59506
|
-
|
|
59507
|
-
|
|
59508
|
-
|
|
59920
|
+
item
|
|
59921
|
+
)
|
|
59922
|
+
? _c(
|
|
59923
|
+
"span",
|
|
59924
|
+
{
|
|
59925
|
+
staticClass:
|
|
59926
|
+
"zd-table-cell-edit-icon",
|
|
59927
|
+
},
|
|
59928
|
+
[
|
|
59929
|
+
_vm.instance.isValid(
|
|
59930
|
+
column,
|
|
59931
|
+
item
|
|
59932
|
+
)
|
|
59933
|
+
? _c(
|
|
59934
|
+
"v-icon",
|
|
59935
|
+
{
|
|
59936
|
+
attrs: {
|
|
59937
|
+
color:
|
|
59938
|
+
"primary",
|
|
59939
|
+
},
|
|
59940
|
+
},
|
|
59941
|
+
[
|
|
59942
|
+
_vm._v(
|
|
59943
|
+
_vm._s(
|
|
59944
|
+
_vm.$getIcon(
|
|
59945
|
+
"pencil"
|
|
59946
|
+
)
|
|
59947
|
+
)
|
|
59948
|
+
),
|
|
59949
|
+
]
|
|
59950
|
+
)
|
|
59951
|
+
: _c(
|
|
59952
|
+
"v-icon",
|
|
59953
|
+
{
|
|
59954
|
+
attrs: {
|
|
59955
|
+
color:
|
|
59956
|
+
"error",
|
|
59957
|
+
},
|
|
59958
|
+
},
|
|
59959
|
+
[
|
|
59960
|
+
_vm._v(
|
|
59961
|
+
_vm._s(
|
|
59962
|
+
_vm.$getIcon(
|
|
59963
|
+
"warning"
|
|
59964
|
+
)
|
|
59965
|
+
)
|
|
59966
|
+
),
|
|
59967
|
+
]
|
|
59968
|
+
),
|
|
59969
|
+
],
|
|
59970
|
+
1
|
|
59971
|
+
)
|
|
59972
|
+
: _vm._e(),
|
|
59973
|
+
_vm._v(" "),
|
|
59974
|
+
_c(
|
|
59975
|
+
column.componentProps
|
|
59976
|
+
.component,
|
|
59977
|
+
_vm._b(
|
|
59978
|
+
{
|
|
59979
|
+
key:
|
|
59980
|
+
column.name +
|
|
59981
|
+
_vm.rowKey(item),
|
|
59982
|
+
tag: "component",
|
|
59983
|
+
},
|
|
59984
|
+
"component",
|
|
59985
|
+
_vm.getEditableComponent(
|
|
59986
|
+
column,
|
|
59987
|
+
item,
|
|
59988
|
+
cellProps
|
|
59989
|
+
),
|
|
59990
|
+
false
|
|
59991
|
+
)
|
|
59992
|
+
),
|
|
59993
|
+
],
|
|
59994
|
+
1
|
|
59995
|
+
)
|
|
59996
|
+
: _vm.hasToggleIcon(
|
|
59509
59997
|
column,
|
|
59510
59998
|
item
|
|
59511
59999
|
)
|
|
59512
|
-
|
|
59513
|
-
|
|
60000
|
+
? _c(
|
|
60001
|
+
"span",
|
|
60002
|
+
[
|
|
60003
|
+
_c("v-icon", [
|
|
60004
|
+
_vm._v(
|
|
60005
|
+
_vm._s(
|
|
60006
|
+
_vm.$getIcon(
|
|
60007
|
+
column.formatterByRow(
|
|
60008
|
+
item,
|
|
60009
|
+
cellProps
|
|
60010
|
+
)
|
|
60011
|
+
)
|
|
60012
|
+
)
|
|
60013
|
+
),
|
|
60014
|
+
]),
|
|
60015
|
+
],
|
|
60016
|
+
1
|
|
60017
|
+
)
|
|
60018
|
+
: _c(
|
|
60019
|
+
"span",
|
|
60020
|
+
{
|
|
60021
|
+
directives: [
|
|
59514
60022
|
{
|
|
59515
|
-
|
|
59516
|
-
|
|
60023
|
+
name: "show",
|
|
60024
|
+
rawName: "v-show",
|
|
60025
|
+
value:
|
|
60026
|
+
!column.loading,
|
|
60027
|
+
expression:
|
|
60028
|
+
"!column.loading",
|
|
59517
60029
|
},
|
|
59518
|
-
|
|
59519
|
-
|
|
60030
|
+
],
|
|
60031
|
+
class: [
|
|
60032
|
+
"zd-table-cell-text",
|
|
60033
|
+
{
|
|
60034
|
+
"zd-table-cell-text-editable":
|
|
60035
|
+
Object.assign(
|
|
60036
|
+
{},
|
|
60037
|
+
column,
|
|
60038
|
+
cellProps
|
|
60039
|
+
).editable,
|
|
60040
|
+
"overflow-hidden":
|
|
60041
|
+
column.overflow ===
|
|
60042
|
+
"hidden",
|
|
60043
|
+
"overflow-wrap":
|
|
60044
|
+
column.overflow ===
|
|
60045
|
+
"wrap",
|
|
60046
|
+
},
|
|
60047
|
+
!isNaN(column.overflow)
|
|
60048
|
+
? "overflow-clamp overflow-clamp-" +
|
|
60049
|
+
column.overflow
|
|
60050
|
+
: "",
|
|
60051
|
+
],
|
|
60052
|
+
style: {
|
|
60053
|
+
width:
|
|
60054
|
+
_vm.calcWidth(
|
|
59520
60055
|
column,
|
|
59521
|
-
|
|
60056
|
+
column.width,
|
|
60057
|
+
true
|
|
60058
|
+
) || "unset",
|
|
60059
|
+
"min-width":
|
|
60060
|
+
_vm.calcWidth(
|
|
60061
|
+
column,
|
|
60062
|
+
column.minWidth,
|
|
60063
|
+
true
|
|
60064
|
+
) || "unset",
|
|
60065
|
+
"max-width":
|
|
60066
|
+
_vm.calcWidth(
|
|
60067
|
+
column,
|
|
60068
|
+
column.maxWidth,
|
|
60069
|
+
true
|
|
60070
|
+
) || "unset",
|
|
60071
|
+
},
|
|
60072
|
+
on: {
|
|
60073
|
+
mouseenter: function (
|
|
60074
|
+
$event
|
|
60075
|
+
) {
|
|
60076
|
+
return _vm.checkOverflow(
|
|
60077
|
+
$event
|
|
59522
60078
|
)
|
|
60079
|
+
},
|
|
60080
|
+
mouseleave: function (
|
|
60081
|
+
$event
|
|
60082
|
+
) {
|
|
60083
|
+
return _vm.removeTooltip()
|
|
60084
|
+
},
|
|
60085
|
+
},
|
|
60086
|
+
},
|
|
60087
|
+
[
|
|
60088
|
+
_c(
|
|
60089
|
+
"div",
|
|
60090
|
+
{
|
|
60091
|
+
directives: [
|
|
60092
|
+
{
|
|
60093
|
+
name: "show",
|
|
60094
|
+
rawName: "v-show",
|
|
60095
|
+
value:
|
|
60096
|
+
headerIndex ===
|
|
60097
|
+
0,
|
|
60098
|
+
expression:
|
|
60099
|
+
"headerIndex === 0",
|
|
60100
|
+
},
|
|
60101
|
+
],
|
|
60102
|
+
class: [
|
|
60103
|
+
"zd-tree-grid-editable-expand",
|
|
60104
|
+
"level" +
|
|
60105
|
+
item.tree__level,
|
|
60106
|
+
],
|
|
60107
|
+
},
|
|
60108
|
+
[
|
|
60109
|
+
item.tree__children
|
|
60110
|
+
.length > 0
|
|
59523
60111
|
? _c(
|
|
59524
60112
|
"v-icon",
|
|
59525
60113
|
{
|
|
60114
|
+
class: {
|
|
60115
|
+
opened:
|
|
60116
|
+
item.tree__opened,
|
|
60117
|
+
},
|
|
59526
60118
|
attrs: {
|
|
59527
|
-
|
|
59528
|
-
"
|
|
60119
|
+
tabindex:
|
|
60120
|
+
"-1",
|
|
60121
|
+
},
|
|
60122
|
+
on: {
|
|
60123
|
+
click:
|
|
60124
|
+
function (
|
|
60125
|
+
$event
|
|
60126
|
+
) {
|
|
60127
|
+
$event.stopPropagation();
|
|
60128
|
+
return _vm.instance.toggleExpand(
|
|
60129
|
+
item,
|
|
60130
|
+
index
|
|
60131
|
+
)
|
|
60132
|
+
},
|
|
59529
60133
|
},
|
|
59530
60134
|
},
|
|
59531
60135
|
[
|
|
59532
60136
|
_vm._v(
|
|
59533
|
-
|
|
59534
|
-
_vm
|
|
59535
|
-
|
|
59536
|
-
|
|
59537
|
-
|
|
60137
|
+
"\n " +
|
|
60138
|
+
_vm._s(
|
|
60139
|
+
_vm.$getIcon(
|
|
60140
|
+
"chevronRight"
|
|
60141
|
+
)
|
|
60142
|
+
) +
|
|
60143
|
+
"\n "
|
|
59538
60144
|
),
|
|
59539
60145
|
]
|
|
59540
60146
|
)
|
|
59541
|
-
:
|
|
59542
|
-
|
|
60147
|
+
: _vm._e(),
|
|
60148
|
+
],
|
|
60149
|
+
1
|
|
60150
|
+
),
|
|
60151
|
+
_vm._v(" "),
|
|
60152
|
+
Object.assign(
|
|
60153
|
+
{},
|
|
60154
|
+
column,
|
|
60155
|
+
cellProps
|
|
60156
|
+
).editable &&
|
|
60157
|
+
_vm.canEditRowValues[
|
|
60158
|
+
_vm.rowKey(item)
|
|
60159
|
+
] &&
|
|
60160
|
+
_vm.instance.editing
|
|
60161
|
+
? _c(
|
|
60162
|
+
"span",
|
|
60163
|
+
{
|
|
60164
|
+
directives: [
|
|
59543
60165
|
{
|
|
59544
|
-
|
|
59545
|
-
|
|
59546
|
-
|
|
59547
|
-
|
|
60166
|
+
name: "show",
|
|
60167
|
+
rawName:
|
|
60168
|
+
"v-show",
|
|
60169
|
+
value:
|
|
60170
|
+
!column.loading,
|
|
60171
|
+
expression:
|
|
60172
|
+
"!column.loading",
|
|
59548
60173
|
},
|
|
59549
|
-
|
|
59550
|
-
|
|
59551
|
-
|
|
59552
|
-
|
|
59553
|
-
|
|
60174
|
+
],
|
|
60175
|
+
staticClass:
|
|
60176
|
+
"zd-table-cell-inline-edit",
|
|
60177
|
+
style: {
|
|
60178
|
+
width:
|
|
60179
|
+
_vm.calcWidth(
|
|
60180
|
+
column,
|
|
60181
|
+
column.maxWidth ||
|
|
60182
|
+
column.minWidth
|
|
60183
|
+
) || "unset",
|
|
60184
|
+
"min-width":
|
|
60185
|
+
_vm.calcWidth(
|
|
60186
|
+
column,
|
|
60187
|
+
column.minWidth
|
|
60188
|
+
) || "unset",
|
|
60189
|
+
"max-width":
|
|
60190
|
+
_vm.calcWidth(
|
|
60191
|
+
column,
|
|
60192
|
+
column.maxWidth
|
|
60193
|
+
) || "unset",
|
|
60194
|
+
},
|
|
60195
|
+
},
|
|
60196
|
+
[
|
|
60197
|
+
_vm.instance.isEdited(
|
|
60198
|
+
column,
|
|
60199
|
+
item
|
|
60200
|
+
)
|
|
60201
|
+
? _c(
|
|
60202
|
+
"span",
|
|
60203
|
+
{
|
|
60204
|
+
staticClass:
|
|
60205
|
+
"zd-table-cell-edit-icon",
|
|
60206
|
+
},
|
|
60207
|
+
[
|
|
60208
|
+
_vm.instance.isValid(
|
|
60209
|
+
column,
|
|
60210
|
+
item
|
|
59554
60211
|
)
|
|
59555
|
-
|
|
60212
|
+
? _c(
|
|
60213
|
+
"v-icon",
|
|
60214
|
+
{
|
|
60215
|
+
attrs:
|
|
60216
|
+
{
|
|
60217
|
+
color:
|
|
60218
|
+
"primary",
|
|
60219
|
+
},
|
|
60220
|
+
},
|
|
60221
|
+
[
|
|
60222
|
+
_vm._v(
|
|
60223
|
+
_vm._s(
|
|
60224
|
+
_vm.$getIcon(
|
|
60225
|
+
"pencil"
|
|
60226
|
+
)
|
|
60227
|
+
)
|
|
60228
|
+
),
|
|
60229
|
+
]
|
|
60230
|
+
)
|
|
60231
|
+
: _c(
|
|
60232
|
+
"v-icon",
|
|
60233
|
+
{
|
|
60234
|
+
attrs:
|
|
60235
|
+
{
|
|
60236
|
+
color:
|
|
60237
|
+
"error",
|
|
60238
|
+
},
|
|
60239
|
+
},
|
|
60240
|
+
[
|
|
60241
|
+
_vm._v(
|
|
60242
|
+
_vm._s(
|
|
60243
|
+
_vm.$getIcon(
|
|
60244
|
+
"warning"
|
|
60245
|
+
)
|
|
60246
|
+
)
|
|
60247
|
+
),
|
|
60248
|
+
]
|
|
60249
|
+
),
|
|
60250
|
+
],
|
|
60251
|
+
1
|
|
60252
|
+
)
|
|
60253
|
+
: _vm._e(),
|
|
60254
|
+
_vm._v(" "),
|
|
60255
|
+
_c(
|
|
60256
|
+
column
|
|
60257
|
+
.componentProps
|
|
60258
|
+
.component,
|
|
60259
|
+
_vm._b(
|
|
60260
|
+
{
|
|
60261
|
+
key:
|
|
60262
|
+
column.name +
|
|
60263
|
+
_vm.rowKey(
|
|
60264
|
+
item
|
|
60265
|
+
),
|
|
60266
|
+
tag: "component",
|
|
60267
|
+
},
|
|
60268
|
+
"component",
|
|
60269
|
+
_vm.getEditableComponent(
|
|
60270
|
+
column,
|
|
60271
|
+
item,
|
|
60272
|
+
cellProps
|
|
59556
60273
|
),
|
|
59557
|
-
|
|
60274
|
+
false
|
|
60275
|
+
)
|
|
59558
60276
|
),
|
|
59559
|
-
|
|
59560
|
-
|
|
59561
|
-
|
|
59562
|
-
|
|
59563
|
-
|
|
59564
|
-
|
|
59565
|
-
column.componentProps
|
|
59566
|
-
.component,
|
|
59567
|
-
_vm._b(
|
|
59568
|
-
{
|
|
59569
|
-
key:
|
|
59570
|
-
column.name +
|
|
59571
|
-
_vm.rowKey(item),
|
|
59572
|
-
tag: "component",
|
|
59573
|
-
},
|
|
59574
|
-
"component",
|
|
59575
|
-
_vm.getEditableComponent(
|
|
59576
|
-
column,
|
|
59577
|
-
item,
|
|
59578
|
-
cellProps
|
|
59579
|
-
),
|
|
59580
|
-
false
|
|
59581
|
-
)
|
|
59582
|
-
),
|
|
59583
|
-
],
|
|
59584
|
-
1
|
|
59585
|
-
)
|
|
59586
|
-
: _vm.hasToggleIcon(column, item)
|
|
59587
|
-
? _c(
|
|
59588
|
-
"span",
|
|
59589
|
-
[
|
|
59590
|
-
_c("v-icon", [
|
|
59591
|
-
_vm._v(
|
|
59592
|
-
_vm._s(
|
|
59593
|
-
_vm.$getIcon(
|
|
59594
|
-
column.formatterByRow(
|
|
59595
|
-
item,
|
|
59596
|
-
cellProps
|
|
60277
|
+
],
|
|
60278
|
+
1
|
|
60279
|
+
)
|
|
60280
|
+
: _vm.hasToggleIcon(
|
|
60281
|
+
column,
|
|
60282
|
+
item
|
|
59597
60283
|
)
|
|
59598
|
-
)
|
|
59599
|
-
)
|
|
59600
|
-
),
|
|
59601
|
-
]),
|
|
59602
|
-
],
|
|
59603
|
-
1
|
|
59604
|
-
)
|
|
59605
|
-
: _c(
|
|
59606
|
-
"span",
|
|
59607
|
-
{
|
|
59608
|
-
directives: [
|
|
59609
|
-
{
|
|
59610
|
-
name: "show",
|
|
59611
|
-
rawName: "v-show",
|
|
59612
|
-
value: !column.loading,
|
|
59613
|
-
expression:
|
|
59614
|
-
"!column.loading",
|
|
59615
|
-
},
|
|
59616
|
-
],
|
|
59617
|
-
class: [
|
|
59618
|
-
"zd-table-cell-text",
|
|
59619
|
-
{
|
|
59620
|
-
"zd-table-cell-text-editable":
|
|
59621
|
-
Object.assign(
|
|
59622
|
-
{},
|
|
59623
|
-
column,
|
|
59624
|
-
cellProps
|
|
59625
|
-
).editable,
|
|
59626
|
-
"overflow-hidden":
|
|
59627
|
-
column.overflow ===
|
|
59628
|
-
"hidden",
|
|
59629
|
-
"overflow-wrap":
|
|
59630
|
-
column.overflow ===
|
|
59631
|
-
"wrap",
|
|
59632
|
-
},
|
|
59633
|
-
!isNaN(column.overflow)
|
|
59634
|
-
? "overflow-clamp overflow-clamp-" +
|
|
59635
|
-
column.overflow
|
|
59636
|
-
: "",
|
|
59637
|
-
],
|
|
59638
|
-
style: {
|
|
59639
|
-
width:
|
|
59640
|
-
_vm.calcWidth(
|
|
59641
|
-
column,
|
|
59642
|
-
column.maxWidth ||
|
|
59643
|
-
column.minWidth
|
|
59644
|
-
) || "unset",
|
|
59645
|
-
"min-width":
|
|
59646
|
-
_vm.calcWidth(
|
|
59647
|
-
column,
|
|
59648
|
-
column.minWidth
|
|
59649
|
-
) || "unset",
|
|
59650
|
-
"max-width":
|
|
59651
|
-
_vm.calcWidth(
|
|
59652
|
-
column,
|
|
59653
|
-
column.maxWidth
|
|
59654
|
-
) || "unset",
|
|
59655
|
-
},
|
|
59656
|
-
on: {
|
|
59657
|
-
mouseenter: function (
|
|
59658
|
-
$event
|
|
59659
|
-
) {
|
|
59660
|
-
return _vm.checkOverflow(
|
|
59661
|
-
$event
|
|
59662
|
-
)
|
|
59663
|
-
},
|
|
59664
|
-
mouseleave: function (
|
|
59665
|
-
$event
|
|
59666
|
-
) {
|
|
59667
|
-
return _vm.removeTooltip()
|
|
59668
|
-
},
|
|
59669
|
-
},
|
|
59670
|
-
},
|
|
59671
|
-
[
|
|
59672
|
-
_c(
|
|
59673
|
-
"div",
|
|
59674
|
-
{
|
|
59675
|
-
directives: [
|
|
59676
|
-
{
|
|
59677
|
-
name: "show",
|
|
59678
|
-
rawName: "v-show",
|
|
59679
|
-
value:
|
|
59680
|
-
headerIndex === 0,
|
|
59681
|
-
expression:
|
|
59682
|
-
"headerIndex === 0",
|
|
59683
|
-
},
|
|
59684
|
-
],
|
|
59685
|
-
class: [
|
|
59686
|
-
"zd-tree-grid-editable-expand",
|
|
59687
|
-
"level" +
|
|
59688
|
-
item.tree__level,
|
|
59689
|
-
],
|
|
59690
|
-
},
|
|
59691
|
-
[
|
|
59692
|
-
item.tree__children
|
|
59693
|
-
.length > 0
|
|
59694
60284
|
? _c(
|
|
59695
|
-
"
|
|
60285
|
+
"span",
|
|
60286
|
+
[
|
|
60287
|
+
_c("v-icon", [
|
|
60288
|
+
_vm._v(
|
|
60289
|
+
_vm._s(
|
|
60290
|
+
_vm.$getIcon(
|
|
60291
|
+
column.formatterByRow(
|
|
60292
|
+
item,
|
|
60293
|
+
cellProps
|
|
60294
|
+
)
|
|
60295
|
+
)
|
|
60296
|
+
)
|
|
60297
|
+
),
|
|
60298
|
+
]),
|
|
60299
|
+
],
|
|
60300
|
+
1
|
|
60301
|
+
)
|
|
60302
|
+
: _c(
|
|
60303
|
+
"span",
|
|
59696
60304
|
{
|
|
59697
|
-
|
|
59698
|
-
|
|
59699
|
-
|
|
59700
|
-
|
|
59701
|
-
|
|
59702
|
-
|
|
60305
|
+
directives: [
|
|
60306
|
+
{
|
|
60307
|
+
name: "show",
|
|
60308
|
+
rawName:
|
|
60309
|
+
"v-show",
|
|
60310
|
+
value:
|
|
60311
|
+
!column.loading,
|
|
60312
|
+
expression:
|
|
60313
|
+
"!column.loading",
|
|
60314
|
+
},
|
|
60315
|
+
],
|
|
60316
|
+
class: [
|
|
60317
|
+
"zd-table-cell-text",
|
|
60318
|
+
{
|
|
60319
|
+
"zd-table-cell-text-editable":
|
|
60320
|
+
Object.assign(
|
|
60321
|
+
{},
|
|
60322
|
+
column,
|
|
60323
|
+
cellProps
|
|
60324
|
+
).editable,
|
|
60325
|
+
"overflow-hidden":
|
|
60326
|
+
column.overflow ===
|
|
60327
|
+
"hidden",
|
|
60328
|
+
"overflow-wrap":
|
|
60329
|
+
column.overflow ===
|
|
60330
|
+
"wrap",
|
|
60331
|
+
},
|
|
60332
|
+
!isNaN(
|
|
60333
|
+
column.overflow
|
|
60334
|
+
)
|
|
60335
|
+
? "overflow-clamp overflow-clamp-" +
|
|
60336
|
+
column.overflow
|
|
60337
|
+
: "",
|
|
60338
|
+
],
|
|
60339
|
+
style: {
|
|
60340
|
+
width:
|
|
60341
|
+
_vm.calcWidth(
|
|
60342
|
+
column,
|
|
60343
|
+
column.maxWidth ||
|
|
60344
|
+
column.minWidth
|
|
60345
|
+
) || "unset",
|
|
60346
|
+
"min-width":
|
|
60347
|
+
_vm.calcWidth(
|
|
60348
|
+
column,
|
|
60349
|
+
column.minWidth
|
|
60350
|
+
) || "unset",
|
|
60351
|
+
"max-width":
|
|
60352
|
+
_vm.calcWidth(
|
|
60353
|
+
column,
|
|
60354
|
+
column.maxWidth
|
|
60355
|
+
) || "unset",
|
|
59703
60356
|
},
|
|
59704
60357
|
on: {
|
|
59705
|
-
|
|
60358
|
+
mouseenter:
|
|
59706
60359
|
function (
|
|
59707
60360
|
$event
|
|
59708
60361
|
) {
|
|
59709
|
-
return _vm.
|
|
59710
|
-
|
|
59711
|
-
index
|
|
60362
|
+
return _vm.checkOverflow(
|
|
60363
|
+
$event
|
|
59712
60364
|
)
|
|
59713
60365
|
},
|
|
60366
|
+
mouseleave:
|
|
60367
|
+
function (
|
|
60368
|
+
$event
|
|
60369
|
+
) {
|
|
60370
|
+
return _vm.removeTooltip()
|
|
60371
|
+
},
|
|
59714
60372
|
},
|
|
59715
60373
|
},
|
|
59716
60374
|
[
|
|
59717
|
-
|
|
59718
|
-
|
|
59719
|
-
|
|
59720
|
-
|
|
59721
|
-
|
|
59722
|
-
|
|
59723
|
-
|
|
59724
|
-
|
|
59725
|
-
|
|
60375
|
+
_c("span", {
|
|
60376
|
+
key: item.tree__searched
|
|
60377
|
+
? "a"
|
|
60378
|
+
: "b",
|
|
60379
|
+
domProps: {
|
|
60380
|
+
innerHTML:
|
|
60381
|
+
_vm._s(
|
|
60382
|
+
_vm.formatSearchResult(
|
|
60383
|
+
column.formatterByRow(
|
|
60384
|
+
item,
|
|
60385
|
+
cellProps
|
|
60386
|
+
)
|
|
60387
|
+
)
|
|
60388
|
+
),
|
|
60389
|
+
},
|
|
60390
|
+
}),
|
|
59726
60391
|
]
|
|
59727
|
-
)
|
|
59728
|
-
|
|
59729
|
-
],
|
|
59730
|
-
1
|
|
60392
|
+
),
|
|
60393
|
+
]
|
|
59731
60394
|
),
|
|
59732
|
-
|
|
59733
|
-
|
|
59734
|
-
key: item.tree__searched
|
|
59735
|
-
? "a"
|
|
59736
|
-
: "b",
|
|
59737
|
-
domProps: {
|
|
59738
|
-
innerHTML: _vm._s(
|
|
59739
|
-
_vm.formatSearchResult(
|
|
59740
|
-
column.formatterByRow(
|
|
59741
|
-
item,
|
|
59742
|
-
cellProps
|
|
59743
|
-
)
|
|
59744
|
-
)
|
|
59745
|
-
),
|
|
59746
|
-
},
|
|
59747
|
-
}),
|
|
59748
|
-
]
|
|
59749
|
-
),
|
|
60395
|
+
]
|
|
60396
|
+
),
|
|
59750
60397
|
],
|
|
59751
60398
|
1
|
|
59752
60399
|
),
|
|
@@ -59779,34 +60426,92 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59779
60426
|
},
|
|
59780
60427
|
},
|
|
59781
60428
|
},
|
|
59782
|
-
|
|
59783
|
-
|
|
59784
|
-
|
|
59785
|
-
|
|
59786
|
-
|
|
59787
|
-
_vm._b(
|
|
60429
|
+
[
|
|
60430
|
+
_c(
|
|
60431
|
+
"div",
|
|
60432
|
+
{
|
|
60433
|
+
directives: [
|
|
59788
60434
|
{
|
|
59789
|
-
|
|
59790
|
-
|
|
59791
|
-
|
|
59792
|
-
|
|
60435
|
+
name: "show",
|
|
60436
|
+
rawName: "v-show",
|
|
60437
|
+
value: headerIndex === 0,
|
|
60438
|
+
expression:
|
|
60439
|
+
"headerIndex === 0",
|
|
59793
60440
|
},
|
|
59794
|
-
|
|
59795
|
-
|
|
59796
|
-
|
|
59797
|
-
|
|
59798
|
-
|
|
59799
|
-
|
|
59800
|
-
|
|
59801
|
-
|
|
60441
|
+
],
|
|
60442
|
+
class: [
|
|
60443
|
+
"zd-tree-grid-expand",
|
|
60444
|
+
"level" + item.tree__level,
|
|
60445
|
+
],
|
|
60446
|
+
},
|
|
60447
|
+
[
|
|
60448
|
+
(item.tree__children || [])
|
|
60449
|
+
.length > 0
|
|
60450
|
+
? _c(
|
|
60451
|
+
"v-icon",
|
|
60452
|
+
{
|
|
60453
|
+
class: {
|
|
60454
|
+
opened:
|
|
60455
|
+
item.tree__opened,
|
|
60456
|
+
},
|
|
60457
|
+
attrs: { tabindex: "-1" },
|
|
60458
|
+
on: {
|
|
60459
|
+
click: function (
|
|
60460
|
+
$event
|
|
60461
|
+
) {
|
|
60462
|
+
return _vm.instance.toggleExpand(
|
|
60463
|
+
item,
|
|
60464
|
+
index
|
|
60465
|
+
)
|
|
60466
|
+
},
|
|
60467
|
+
},
|
|
60468
|
+
},
|
|
60469
|
+
[
|
|
60470
|
+
_vm._v(
|
|
60471
|
+
"\n " +
|
|
60472
|
+
_vm._s(
|
|
60473
|
+
_vm.$getIcon(
|
|
60474
|
+
"chevronRight"
|
|
60475
|
+
)
|
|
60476
|
+
) +
|
|
60477
|
+
"\n "
|
|
60478
|
+
),
|
|
60479
|
+
]
|
|
59802
60480
|
)
|
|
59803
|
-
),
|
|
59804
|
-
|
|
60481
|
+
: _vm._e(),
|
|
60482
|
+
],
|
|
60483
|
+
1
|
|
60484
|
+
),
|
|
60485
|
+
_vm._v(" "),
|
|
60486
|
+
_vm._l(
|
|
60487
|
+
column.childrenProps,
|
|
60488
|
+
function (child) {
|
|
60489
|
+
return _c(
|
|
60490
|
+
child.component,
|
|
60491
|
+
_vm._b(
|
|
60492
|
+
{
|
|
60493
|
+
key:
|
|
60494
|
+
child.name +
|
|
60495
|
+
_vm.rowKey(item),
|
|
60496
|
+
tag: "component",
|
|
60497
|
+
},
|
|
60498
|
+
"component",
|
|
60499
|
+
Object.assign(
|
|
60500
|
+
{},
|
|
60501
|
+
child,
|
|
60502
|
+
_vm.instance.getActionComponent(
|
|
60503
|
+
child,
|
|
60504
|
+
column,
|
|
60505
|
+
item
|
|
60506
|
+
)
|
|
60507
|
+
),
|
|
60508
|
+
false
|
|
60509
|
+
)
|
|
59805
60510
|
)
|
|
59806
|
-
|
|
59807
|
-
|
|
59808
|
-
|
|
59809
|
-
|
|
60511
|
+
}
|
|
60512
|
+
),
|
|
60513
|
+
],
|
|
60514
|
+
2
|
|
59810
60515
|
),
|
|
59811
60516
|
]
|
|
59812
60517
|
: _vm._e(),
|
|
@@ -59911,8 +60616,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59911
60616
|
/* style */
|
|
59912
60617
|
const __vue_inject_styles__ = function (inject) {
|
|
59913
60618
|
if (!inject) return
|
|
59914
|
-
inject("data-v-
|
|
59915
|
-
,inject("data-v-
|
|
60619
|
+
inject("data-v-7871e6ca_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 })
|
|
60620
|
+
,inject("data-v-7871e6ca_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-tree-grid-editable-cell-wrapper, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-tree-grid-editable-cell-wrapper {\n display: flex;\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 width: 100%;\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
60621
|
|
|
59917
60622
|
};
|
|
59918
60623
|
/* scoped */
|
|
@@ -60096,6 +60801,23 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
60096
60801
|
return objectStyle;
|
|
60097
60802
|
};
|
|
60098
60803
|
|
|
60804
|
+
/**
|
|
60805
|
+
* Register an observer that calls `callback` when the `element` becomes visible
|
|
60806
|
+
*/
|
|
60807
|
+
var onVisiblePlugin = (element, callback, root) => {
|
|
60808
|
+
const options = {
|
|
60809
|
+
root,
|
|
60810
|
+
};
|
|
60811
|
+
const observer = new IntersectionObserver((entries) => {
|
|
60812
|
+
entries.forEach((entry) => {
|
|
60813
|
+
if (entry.intersectionRatio > 0)
|
|
60814
|
+
callback();
|
|
60815
|
+
});
|
|
60816
|
+
}, options);
|
|
60817
|
+
observer.observe(element);
|
|
60818
|
+
return observer;
|
|
60819
|
+
};
|
|
60820
|
+
|
|
60099
60821
|
// tslint:disable: variable-name
|
|
60100
60822
|
const VueTreeSelect = require('@zeedhi/zd-vue-treeselect');
|
|
60101
60823
|
const Hooper = require('hooper');
|
|
@@ -60232,6 +60954,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
60232
60954
|
Vue.prototype.$doubleClick = doubleClickPlugin;
|
|
60233
60955
|
// isMobile
|
|
60234
60956
|
Vue.prototype.$isMobile = isMobilePlugin;
|
|
60957
|
+
// onVisible
|
|
60958
|
+
Vue.prototype.$onVisible = onVisiblePlugin;
|
|
60235
60959
|
// isDark
|
|
60236
60960
|
Vue.prototype.$isDark = isDarkPlugin;
|
|
60237
60961
|
// isLight
|