@zeedhi/vuetify 1.60.0 → 1.62.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 +1049 -607
- package/dist/zd-vuetify.umd.js +1049 -607
- package/package.json +2 -2
- 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 +2 -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.esm.js
CHANGED
|
@@ -2213,7 +2213,7 @@ class Vuetify {
|
|
|
2213
2213
|
}
|
|
2214
2214
|
Vuetify.install = install$1;
|
|
2215
2215
|
Vuetify.installed = false;
|
|
2216
|
-
Vuetify.version = "2.6.
|
|
2216
|
+
Vuetify.version = "2.6.11";
|
|
2217
2217
|
Vuetify.config = {
|
|
2218
2218
|
silent: false
|
|
2219
2219
|
};
|
|
@@ -3371,7 +3371,7 @@ function checkIsActive(e, binding) {
|
|
|
3371
3371
|
return isActive(e);
|
|
3372
3372
|
}
|
|
3373
3373
|
|
|
3374
|
-
function directive$1(e, el, binding
|
|
3374
|
+
function directive$1(e, el, binding) {
|
|
3375
3375
|
const handler = typeof binding.value === 'function' ? binding.value : binding.value.handler;
|
|
3376
3376
|
el._clickOutside.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(() => {
|
|
3377
3377
|
checkIsActive(e, binding) && handler && handler(e);
|
|
@@ -29896,7 +29896,7 @@ function checkIsActive(e, binding) {
|
|
|
29896
29896
|
return isActive(e);
|
|
29897
29897
|
}
|
|
29898
29898
|
|
|
29899
|
-
function directive(e, el, binding
|
|
29899
|
+
function directive(e, el, binding) {
|
|
29900
29900
|
var handler = typeof binding.value === 'function' ? binding.value : binding.value.handler;
|
|
29901
29901
|
el._clickOutside.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(function () {
|
|
29902
29902
|
checkIsActive(e, binding) && handler && handler(e);
|
|
@@ -36834,7 +36834,7 @@ var Vuetify = /*#__PURE__*/function () {
|
|
|
36834
36834
|
exports.default = Vuetify;
|
|
36835
36835
|
Vuetify.install = install_1.install;
|
|
36836
36836
|
Vuetify.installed = false;
|
|
36837
|
-
Vuetify.version = "2.6.
|
|
36837
|
+
Vuetify.version = "2.6.11";
|
|
36838
36838
|
Vuetify.config = {
|
|
36839
36839
|
silent: false
|
|
36840
36840
|
};
|
|
@@ -38252,7 +38252,7 @@ __vue_render__$1n._withStripped = true;
|
|
|
38252
38252
|
/* style */
|
|
38253
38253
|
const __vue_inject_styles__$1n = function (inject) {
|
|
38254
38254
|
if (!inject) return
|
|
38255
|
-
inject("data-v-
|
|
38255
|
+
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 });
|
|
38256
38256
|
|
|
38257
38257
|
};
|
|
38258
38258
|
/* scoped */
|
|
@@ -40621,7 +40621,7 @@ __vue_render__$1d._withStripped = true;
|
|
|
40621
40621
|
/* style */
|
|
40622
40622
|
const __vue_inject_styles__$1d = function (inject) {
|
|
40623
40623
|
if (!inject) return
|
|
40624
|
-
inject("data-v-
|
|
40624
|
+
inject("data-v-19dd4196_0", { source: ".zd-code-editor {\n position: relative;\n}\n.zd-code-editor-clipboard-button {\n position: absolute;\n top: 10px;\n right: 10px;\n background-color: var(--v-grey-lighten5);\n opacity: 0;\n transition: 0.3s all ease-in;\n}\n.zd-code-editor-clipboard-button .v-icon {\n color: var(--v-grey-base);\n font-size: 18px;\n}\n.zd-code-editor:hover .zd-code-editor-clipboard-button {\n opacity: 1;\n}\n.zd-code-editor-container {\n position: relative;\n background-color: var(--v-grey-lighten5);\n min-height: 45px;\n display: flex;\n border: solid var(--regular) var(--v-grey-lighten5);\n overflow: auto;\n}\n.zd-code-editor-container:focus-within {\n border: solid var(--regular) var(--v-primary-base);\n}\n.zd-code-editor-container .zd-code-editor-line-numbers {\n min-height: 45px;\n width: 30px;\n overflow: hidden;\n flex-shrink: 0;\n margin-top: 0;\n font-size: 0.9em;\n padding: 10px 3px;\n font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n background: var(--v-grey-lighten4);\n color: var(--zd-font-color);\n position: sticky;\n top: 0;\n left: 0;\n display: grid;\n gap: 0.25rem;\n}\n.zd-code-editor-container .zd-code-editor-line-numbers .zd-code-editor-line-number {\n text-align: right;\n white-space: nowrap;\n}\n.zd-code-editor-container pre {\n padding: 10px;\n margin: 0;\n background: transparent;\n -moz-tab-size: 4;\n -ms-flex-positive: 2;\n -o-tab-size: 4;\n -webkit-box-flex: 2;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n flex-grow: 2;\n outline: none;\n tab-size: 4;\n font-weight: 500;\n font-size: 0.9em;\n font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n overflow: hidden;\n color: var(--zd-font-color);\n}\n.zd-code-editor.theme--dark .zd-code-editor-clipboard-button {\n background-color: #383838;\n}\n.zd-code-editor.theme--dark .zd-code-editor-clipboard-button .v-icon {\n color: var(--v-grey-lighten4);\n font-size: 18px;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container {\n border: solid var(--regular) var(--v-grey-darken3);\n background: #383838;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container .zd-code-editor-line-numbers {\n background: var(--v-grey-darken3);\n color: var(--v-grey-lighten4);\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre {\n text-shadow: 0 1px #2c2c2c;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.property, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.tag, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.boolean, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.number, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.constant, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.symbol, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.deleted {\n color: #ff6fd3;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.atrule, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.attr-value, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.keyword {\n color: #00acf6;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.function, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.class-name {\n color: #ff7692;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.selector, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.attr-name, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.string, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.char, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.builtin, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.inserted {\n color: #77b300;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.operator {\n background: none;\n}", map: undefined, media: undefined });
|
|
40625
40625
|
|
|
40626
40626
|
};
|
|
40627
40627
|
/* scoped */
|
|
@@ -42171,7 +42171,7 @@ let ZdDate = class ZdDate extends __vue_component__$19 {
|
|
|
42171
42171
|
while (Mask.isMaskDelimiter(inputEl.value[start - 1]) && inputEl.value[start - 1] !== ' ') {
|
|
42172
42172
|
start -= 1;
|
|
42173
42173
|
}
|
|
42174
|
-
inputEl.value = `${value.slice(0, start - 1)} ${value.
|
|
42174
|
+
inputEl.value = `${value.slice(0, start - 1)} ${value.substring(start)}`;
|
|
42175
42175
|
inputEl.selectionStart = start - 1;
|
|
42176
42176
|
inputEl.selectionEnd = start - 1;
|
|
42177
42177
|
if (Mask.getValueWithoutMask(inputEl.value) === '') {
|
|
@@ -42182,7 +42182,7 @@ let ZdDate = class ZdDate extends __vue_component__$19 {
|
|
|
42182
42182
|
else {
|
|
42183
42183
|
if ((event.key === 'Backspace' || event.key === 'Delete') && (start !== 0 || end !== value.length)) {
|
|
42184
42184
|
const selectionText = value.substring(start, end).replace(/[0-9]/g, ' ');
|
|
42185
|
-
inputEl.value = value.slice(0, start) + selectionText + value.
|
|
42185
|
+
inputEl.value = value.slice(0, start) + selectionText + value.substring(end);
|
|
42186
42186
|
event.preventDefault();
|
|
42187
42187
|
}
|
|
42188
42188
|
else if ((event.key === 'Backspace' || event.key === 'Delete') && (start === 0 && end === value.length)) {
|
|
@@ -42196,8 +42196,8 @@ let ZdDate = class ZdDate extends __vue_component__$19 {
|
|
|
42196
42196
|
while (Mask.isMaskDelimiter(value[start]) && value[start] !== ' ') {
|
|
42197
42197
|
start += 1;
|
|
42198
42198
|
}
|
|
42199
|
-
const firstSlice = value.
|
|
42200
|
-
const secondSlice = value.
|
|
42199
|
+
const firstSlice = value.substring(0, start);
|
|
42200
|
+
const secondSlice = value.substring(start + 1);
|
|
42201
42201
|
inputEl.value = firstSlice + secondSlice;
|
|
42202
42202
|
}
|
|
42203
42203
|
inputEl.selectionStart = start;
|
|
@@ -42608,7 +42608,7 @@ let ZdDateRange = class ZdDateRange extends __vue_component__$19 {
|
|
|
42608
42608
|
while (Mask.isMaskDelimiter(inputEl.value[start - 1]) && inputEl.value[start - 1] !== ' ') {
|
|
42609
42609
|
start -= 1;
|
|
42610
42610
|
}
|
|
42611
|
-
inputEl.value = `${value.slice(0, start - 1)} ${value.
|
|
42611
|
+
inputEl.value = `${value.slice(0, start - 1)} ${value.substring(start)}`;
|
|
42612
42612
|
inputEl.selectionStart = start - 1;
|
|
42613
42613
|
inputEl.selectionEnd = start - 1;
|
|
42614
42614
|
if (Mask.getValueWithoutMask(inputEl.value) === '') {
|
|
@@ -42619,7 +42619,7 @@ let ZdDateRange = class ZdDateRange extends __vue_component__$19 {
|
|
|
42619
42619
|
else {
|
|
42620
42620
|
if ((event.key === 'Backspace' || event.key === 'Delete') && (start !== 0 || end !== value.length)) {
|
|
42621
42621
|
const selectionText = value.substring(start, end).replace(/[0-9-]/g, ' ');
|
|
42622
|
-
inputEl.value = value.slice(0, start) + selectionText + value.
|
|
42622
|
+
inputEl.value = value.slice(0, start) + selectionText + value.substring(end);
|
|
42623
42623
|
event.preventDefault();
|
|
42624
42624
|
}
|
|
42625
42625
|
else if ((event.key === 'Backspace' || event.key === 'Delete') && (start === 0 && end === value.length)) {
|
|
@@ -42633,8 +42633,8 @@ let ZdDateRange = class ZdDateRange extends __vue_component__$19 {
|
|
|
42633
42633
|
while (Mask.isMaskDelimiter(value[start]) && value[start] !== ' ') {
|
|
42634
42634
|
start += 1;
|
|
42635
42635
|
}
|
|
42636
|
-
const firstSlice = value.
|
|
42637
|
-
const secondSlice = value.
|
|
42636
|
+
const firstSlice = value.substring(0, start);
|
|
42637
|
+
const secondSlice = value.substring(start + 1);
|
|
42638
42638
|
inputEl.value = firstSlice + secondSlice;
|
|
42639
42639
|
}
|
|
42640
42640
|
inputEl.selectionStart = start;
|
|
@@ -42791,6 +42791,10 @@ __decorate([
|
|
|
42791
42791
|
PropWatch({ type: String, default: '' }),
|
|
42792
42792
|
__metadata("design:type", String)
|
|
42793
42793
|
], ZdDateRange.prototype, "helperValue", void 0);
|
|
42794
|
+
__decorate([
|
|
42795
|
+
PropWatch({ type: [String, Array], default: () => [] }),
|
|
42796
|
+
__metadata("design:type", Object)
|
|
42797
|
+
], ZdDateRange.prototype, "value", void 0);
|
|
42794
42798
|
ZdDateRange = __decorate([
|
|
42795
42799
|
Component$1
|
|
42796
42800
|
], ZdDateRange);
|
|
@@ -43228,6 +43232,54 @@ __vue_render__$12._withStripped = true;
|
|
|
43228
43232
|
undefined
|
|
43229
43233
|
);
|
|
43230
43234
|
|
|
43235
|
+
/**
|
|
43236
|
+
* This function was copied from https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/mixins/activatable/index.ts
|
|
43237
|
+
* the only change was to consider ZdDropdown and ZdTooltip as activatable components
|
|
43238
|
+
*/
|
|
43239
|
+
const getActivator = (e, comp) => {
|
|
43240
|
+
// If we've already fetched the activator, re-use
|
|
43241
|
+
if (comp.activatorElement)
|
|
43242
|
+
return comp.activatorElement;
|
|
43243
|
+
let activator = null;
|
|
43244
|
+
if (comp.activator) {
|
|
43245
|
+
const target = comp.internalActivator ? comp.$el : document;
|
|
43246
|
+
if (typeof comp.activator === 'string') {
|
|
43247
|
+
// Selector
|
|
43248
|
+
activator = target.querySelector(comp.activator);
|
|
43249
|
+
}
|
|
43250
|
+
else if (comp.activator.$el) {
|
|
43251
|
+
// Component (ref)
|
|
43252
|
+
activator = comp.activator.$el;
|
|
43253
|
+
}
|
|
43254
|
+
else {
|
|
43255
|
+
// HTMLElement | Element
|
|
43256
|
+
activator = comp.activator;
|
|
43257
|
+
}
|
|
43258
|
+
}
|
|
43259
|
+
else if (comp.activatorNode.length === 1 || (comp.activatorNode.length && !e)) {
|
|
43260
|
+
// Use the contents of the activator slot
|
|
43261
|
+
// There's either only one element in it or we
|
|
43262
|
+
// don't have a click event to use as a last resort
|
|
43263
|
+
const vm = comp.activatorNode[0].componentInstance;
|
|
43264
|
+
const isActivatable = (vm.$options.mixins
|
|
43265
|
+
&& vm.$options.mixins.some((m) => m.options && ['activatable', 'menuable'].includes(m.options.name))) || ['ZdDropdown', 'ZdTooltip'].includes(vm.$options.name);
|
|
43266
|
+
if (vm && isActivatable) {
|
|
43267
|
+
// Activator is actually another activatible component, use its activator (#8846)
|
|
43268
|
+
activator = vm.getActivator();
|
|
43269
|
+
}
|
|
43270
|
+
else {
|
|
43271
|
+
activator = comp.activatorNode[0].elm;
|
|
43272
|
+
}
|
|
43273
|
+
}
|
|
43274
|
+
else if (e) {
|
|
43275
|
+
// Activated by a click or focus event
|
|
43276
|
+
activator = (e.currentTarget || e.target);
|
|
43277
|
+
}
|
|
43278
|
+
// The activator should only be a valid element (Ignore comments and text nodes)
|
|
43279
|
+
comp.activatorElement = (activator === null || activator === void 0 ? void 0 : activator.nodeType) === Node.ELEMENT_NODE ? activator : null;
|
|
43280
|
+
return comp.activatorElement;
|
|
43281
|
+
};
|
|
43282
|
+
|
|
43231
43283
|
/**
|
|
43232
43284
|
* Dropdown component
|
|
43233
43285
|
*/
|
|
@@ -43244,6 +43296,16 @@ let ZdDropdown = class ZdDropdown extends ZdComponentRender$1 {
|
|
|
43244
43296
|
'--cursor': this.getCursor(this.instance.cursor),
|
|
43245
43297
|
};
|
|
43246
43298
|
}
|
|
43299
|
+
getActivator() {
|
|
43300
|
+
const { dropdown } = this.$refs;
|
|
43301
|
+
return (dropdown === null || dropdown === void 0 ? void 0 : dropdown.getActivator()) || null;
|
|
43302
|
+
}
|
|
43303
|
+
mounted() {
|
|
43304
|
+
const { dropdown } = this.$refs;
|
|
43305
|
+
if (dropdown) {
|
|
43306
|
+
dropdown.getActivator = (e) => getActivator(e, dropdown);
|
|
43307
|
+
}
|
|
43308
|
+
}
|
|
43247
43309
|
};
|
|
43248
43310
|
__decorate([
|
|
43249
43311
|
PropWatch({ type: [Boolean, String], default: false }),
|
|
@@ -43341,6 +43403,7 @@ var __vue_render__$11 = function () {
|
|
|
43341
43403
|
expression: "instance.isVisible",
|
|
43342
43404
|
},
|
|
43343
43405
|
],
|
|
43406
|
+
ref: "dropdown",
|
|
43344
43407
|
style: _vm.instance.cssStyle,
|
|
43345
43408
|
attrs: {
|
|
43346
43409
|
id: _vm.instance.name,
|
|
@@ -43370,31 +43433,25 @@ var __vue_render__$11 = function () {
|
|
|
43370
43433
|
var dropdown = ref.on;
|
|
43371
43434
|
return [
|
|
43372
43435
|
_c(
|
|
43373
|
-
|
|
43374
|
-
|
|
43375
|
-
|
|
43376
|
-
|
|
43377
|
-
|
|
43378
|
-
|
|
43379
|
-
|
|
43380
|
-
attrs
|
|
43381
|
-
|
|
43382
|
-
|
|
43383
|
-
|
|
43384
|
-
|
|
43385
|
-
|
|
43386
|
-
|
|
43387
|
-
|
|
43388
|
-
|
|
43389
|
-
_vm.instance.activator,
|
|
43390
|
-
false
|
|
43391
|
-
)
|
|
43392
|
-
),
|
|
43393
|
-
_vm._v(" "),
|
|
43394
|
-
_c("div", { staticStyle: { display: "none" } }),
|
|
43395
|
-
],
|
|
43396
|
-
1
|
|
43436
|
+
_vm.instance.activator.component,
|
|
43437
|
+
_vm._b(
|
|
43438
|
+
{
|
|
43439
|
+
tag: "component",
|
|
43440
|
+
attrs: {
|
|
43441
|
+
"dropdown-activator": Object.assign(
|
|
43442
|
+
{},
|
|
43443
|
+
_vm.$attrs["dropdown-activator"],
|
|
43444
|
+
dropdown
|
|
43445
|
+
),
|
|
43446
|
+
},
|
|
43447
|
+
},
|
|
43448
|
+
"component",
|
|
43449
|
+
_vm.instance.activator,
|
|
43450
|
+
false
|
|
43451
|
+
)
|
|
43397
43452
|
),
|
|
43453
|
+
_vm._v(" "),
|
|
43454
|
+
_c("div", { staticStyle: { display: "none" } }),
|
|
43398
43455
|
]
|
|
43399
43456
|
},
|
|
43400
43457
|
},
|
|
@@ -43453,7 +43510,7 @@ __vue_render__$11._withStripped = true;
|
|
|
43453
43510
|
/* style */
|
|
43454
43511
|
const __vue_inject_styles__$11 = function (inject) {
|
|
43455
43512
|
if (!inject) return
|
|
43456
|
-
inject("data-v-
|
|
43513
|
+
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 });
|
|
43457
43514
|
|
|
43458
43515
|
};
|
|
43459
43516
|
/* scoped */
|
|
@@ -44721,6 +44778,7 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
|
|
|
44721
44778
|
constructor() {
|
|
44722
44779
|
super(...arguments);
|
|
44723
44780
|
this.instanceType = Grid;
|
|
44781
|
+
this.allselectedState = false;
|
|
44724
44782
|
this.resizeX = 0;
|
|
44725
44783
|
this.resizeWidth = 0;
|
|
44726
44784
|
this.resizeTableWidth = 0;
|
|
@@ -44749,6 +44807,19 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
|
|
|
44749
44807
|
}, 0);
|
|
44750
44808
|
}
|
|
44751
44809
|
}
|
|
44810
|
+
updateStates() {
|
|
44811
|
+
setTimeout(() => {
|
|
44812
|
+
this.allselectedState = this.instance.datasource.data.every((row) => {
|
|
44813
|
+
if (this.instance.callDisableSelection(row))
|
|
44814
|
+
return true;
|
|
44815
|
+
return this.instance.selectedRows.some((item) => {
|
|
44816
|
+
const key = this.instance.datasource.uniqueKey;
|
|
44817
|
+
const result = item[key] === row[key];
|
|
44818
|
+
return result;
|
|
44819
|
+
});
|
|
44820
|
+
});
|
|
44821
|
+
}, 0);
|
|
44822
|
+
}
|
|
44752
44823
|
mounted() {
|
|
44753
44824
|
this.setHeight();
|
|
44754
44825
|
if (this.instance.dragColumns) {
|
|
@@ -44978,6 +45049,7 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
|
|
|
44978
45049
|
}
|
|
44979
45050
|
selectAllClick(isSelected, event) {
|
|
44980
45051
|
this.$nextTick(() => {
|
|
45052
|
+
this.instance.selectAll(isSelected);
|
|
44981
45053
|
this.instance.selectAllClick(isSelected, event, this.$el);
|
|
44982
45054
|
});
|
|
44983
45055
|
}
|
|
@@ -45274,6 +45346,12 @@ __decorate([
|
|
|
45274
45346
|
__metadata("design:paramtypes", [Boolean]),
|
|
45275
45347
|
__metadata("design:returntype", void 0)
|
|
45276
45348
|
], ZdGrid.prototype, "change", null);
|
|
45349
|
+
__decorate([
|
|
45350
|
+
Watch('instance.selectedRows'),
|
|
45351
|
+
__metadata("design:type", Function),
|
|
45352
|
+
__metadata("design:paramtypes", []),
|
|
45353
|
+
__metadata("design:returntype", void 0)
|
|
45354
|
+
], ZdGrid.prototype, "updateStates", null);
|
|
45277
45355
|
ZdGrid = __decorate([
|
|
45278
45356
|
Component$2
|
|
45279
45357
|
], ZdGrid);
|
|
@@ -45369,7 +45447,7 @@ var __vue_render__$X = function () {
|
|
|
45369
45447
|
key: "header",
|
|
45370
45448
|
fn: function (ref) {
|
|
45371
45449
|
var props = ref.props;
|
|
45372
|
-
|
|
45450
|
+
ref.on;
|
|
45373
45451
|
return [
|
|
45374
45452
|
_c("thead", { staticClass: "zd-grid-table-header" }, [
|
|
45375
45453
|
_c(
|
|
@@ -45396,20 +45474,18 @@ var __vue_render__$X = function () {
|
|
|
45396
45474
|
"indeterminate-icon": _vm.$getIcon(
|
|
45397
45475
|
"checkboxIndeterminate"
|
|
45398
45476
|
),
|
|
45399
|
-
"input-value":
|
|
45477
|
+
"input-value": _vm.allselectedState,
|
|
45400
45478
|
indeterminate:
|
|
45401
|
-
!
|
|
45479
|
+
!_vm.allselectedState &&
|
|
45480
|
+
props.someItems,
|
|
45402
45481
|
},
|
|
45403
45482
|
on: {
|
|
45404
45483
|
click: function ($event) {
|
|
45405
45484
|
$event.stopPropagation();
|
|
45406
|
-
|
|
45407
|
-
!
|
|
45408
|
-
);
|
|
45409
|
-
_vm.selectAllClick(
|
|
45410
|
-
!props.everyItem,
|
|
45485
|
+
return _vm.selectAllClick(
|
|
45486
|
+
!_vm.allselectedState,
|
|
45411
45487
|
$event
|
|
45412
|
-
)
|
|
45488
|
+
)
|
|
45413
45489
|
},
|
|
45414
45490
|
},
|
|
45415
45491
|
})
|
|
@@ -46091,7 +46167,7 @@ __vue_render__$X._withStripped = true;
|
|
|
46091
46167
|
/* style */
|
|
46092
46168
|
const __vue_inject_styles__$X = function (inject) {
|
|
46093
46169
|
if (!inject) return
|
|
46094
|
-
inject("data-v-
|
|
46170
|
+
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 });
|
|
46095
46171
|
|
|
46096
46172
|
};
|
|
46097
46173
|
/* scoped */
|
|
@@ -46127,6 +46203,7 @@ let ZdGridEditable = class ZdGridEditable extends ZdGrid$1 {
|
|
|
46127
46203
|
super(...arguments);
|
|
46128
46204
|
this.instanceType = GridEditable;
|
|
46129
46205
|
this.inputToFocus = '';
|
|
46206
|
+
this.isTrVisible = false;
|
|
46130
46207
|
this.navigationKeyMapping = {
|
|
46131
46208
|
enter: {
|
|
46132
46209
|
event: this.navigateDown.bind(this),
|
|
@@ -46174,27 +46251,40 @@ let ZdGridEditable = class ZdGridEditable extends ZdGrid$1 {
|
|
|
46174
46251
|
}
|
|
46175
46252
|
}
|
|
46176
46253
|
getColWidth(col) {
|
|
46177
|
-
this
|
|
46178
|
-
|
|
46179
|
-
|
|
46180
|
-
|
|
46181
|
-
|
|
46182
|
-
|
|
46183
|
-
|
|
46184
|
-
|
|
46185
|
-
|
|
46186
|
-
|
|
46187
|
-
|
|
46188
|
-
|
|
46189
|
-
|
|
46190
|
-
|
|
46191
|
-
|
|
46192
|
-
|
|
46193
|
-
|
|
46194
|
-
|
|
46254
|
+
if (this.isTrVisible) {
|
|
46255
|
+
this.$nextTick(() => {
|
|
46256
|
+
const element = this.$el.querySelector(`.column-th-${col.name}-${this.instance.name}`);
|
|
46257
|
+
if (!element) {
|
|
46258
|
+
return;
|
|
46259
|
+
}
|
|
46260
|
+
if (col.width) {
|
|
46261
|
+
element.style.width = this.calcWidth(col, col.width || '');
|
|
46262
|
+
}
|
|
46263
|
+
else if (col.maxWidth) {
|
|
46264
|
+
element.style.width = this.calcWidth(col, col.maxWidth || '');
|
|
46265
|
+
}
|
|
46266
|
+
else if (col.minWidth) {
|
|
46267
|
+
element.style.width = this.calcWidth(col, col.minWidth || '');
|
|
46268
|
+
}
|
|
46269
|
+
else {
|
|
46270
|
+
element.style.width = `${element.clientWidth}px`;
|
|
46271
|
+
}
|
|
46272
|
+
});
|
|
46273
|
+
}
|
|
46195
46274
|
return true;
|
|
46196
46275
|
}
|
|
46276
|
+
registerOnVisible() {
|
|
46277
|
+
const headerRow = this.$el.querySelector('thead > tr');
|
|
46278
|
+
if (!headerRow)
|
|
46279
|
+
return;
|
|
46280
|
+
const obs = this.$onVisible(headerRow, () => {
|
|
46281
|
+
this.instance.columns.forEach(this.getColWidth);
|
|
46282
|
+
this.isTrVisible = true;
|
|
46283
|
+
obs.disconnect();
|
|
46284
|
+
}, this.$el);
|
|
46285
|
+
}
|
|
46197
46286
|
mounted() {
|
|
46287
|
+
this.registerOnVisible();
|
|
46198
46288
|
KeyMap.bind(this.navigationKeyMapping, this.instance, this.$el);
|
|
46199
46289
|
}
|
|
46200
46290
|
beforeDestroy() {
|
|
@@ -46359,7 +46449,7 @@ var __vue_render__$W = function () {
|
|
|
46359
46449
|
key: "header",
|
|
46360
46450
|
fn: function (ref) {
|
|
46361
46451
|
var props = ref.props;
|
|
46362
|
-
|
|
46452
|
+
ref.on;
|
|
46363
46453
|
return [
|
|
46364
46454
|
_c("thead", { staticClass: "zd-grid-table-header" }, [
|
|
46365
46455
|
_c(
|
|
@@ -46387,20 +46477,18 @@ var __vue_render__$W = function () {
|
|
|
46387
46477
|
"indeterminate-icon": _vm.$getIcon(
|
|
46388
46478
|
"checkboxIndeterminate"
|
|
46389
46479
|
),
|
|
46390
|
-
"input-value":
|
|
46480
|
+
"input-value": _vm.allselectedState,
|
|
46391
46481
|
indeterminate:
|
|
46392
|
-
!
|
|
46482
|
+
!_vm.allselectedState &&
|
|
46483
|
+
props.someItems,
|
|
46393
46484
|
},
|
|
46394
46485
|
on: {
|
|
46395
46486
|
click: function ($event) {
|
|
46396
46487
|
$event.stopPropagation();
|
|
46397
|
-
|
|
46398
|
-
!
|
|
46399
|
-
);
|
|
46400
|
-
_vm.selectAllClick(
|
|
46401
|
-
!props.everyItem,
|
|
46488
|
+
return _vm.selectAllClick(
|
|
46489
|
+
!_vm.allselectedState,
|
|
46402
46490
|
$event
|
|
46403
|
-
)
|
|
46491
|
+
)
|
|
46404
46492
|
},
|
|
46405
46493
|
},
|
|
46406
46494
|
})
|
|
@@ -47259,8 +47347,8 @@ __vue_render__$W._withStripped = true;
|
|
|
47259
47347
|
/* style */
|
|
47260
47348
|
const __vue_inject_styles__$W = function (inject) {
|
|
47261
47349
|
if (!inject) return
|
|
47262
|
-
inject("data-v-
|
|
47263
|
-
,inject("data-v-
|
|
47350
|
+
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 })
|
|
47351
|
+
,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 });
|
|
47264
47352
|
|
|
47265
47353
|
};
|
|
47266
47354
|
/* scoped */
|
|
@@ -48782,11 +48870,11 @@ __vue_render__$N._withStripped = true;
|
|
|
48782
48870
|
/* style */
|
|
48783
48871
|
const __vue_inject_styles__$N = function (inject) {
|
|
48784
48872
|
if (!inject) return
|
|
48785
|
-
inject("data-v-
|
|
48873
|
+
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 });
|
|
48786
48874
|
|
|
48787
48875
|
};
|
|
48788
48876
|
/* scoped */
|
|
48789
|
-
const __vue_scope_id__$N = "data-v-
|
|
48877
|
+
const __vue_scope_id__$N = "data-v-425f0852";
|
|
48790
48878
|
/* module identifier */
|
|
48791
48879
|
const __vue_module_identifier__$N = undefined;
|
|
48792
48880
|
/* functional template */
|
|
@@ -50742,6 +50830,10 @@ __decorate([
|
|
|
50742
50830
|
PropWatch({ type: String, default: '' }),
|
|
50743
50831
|
__metadata("design:type", String)
|
|
50744
50832
|
], ZdLogin.prototype, "poweredByImageCard", void 0);
|
|
50833
|
+
__decorate([
|
|
50834
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
|
50835
|
+
__metadata("design:type", Boolean)
|
|
50836
|
+
], ZdLogin.prototype, "flatForm", void 0);
|
|
50745
50837
|
__decorate([
|
|
50746
50838
|
Prop({ type: Array, default: () => [] }),
|
|
50747
50839
|
__metadata("design:type", Array)
|
|
@@ -50784,13 +50876,25 @@ var __vue_render__$C = function () {
|
|
|
50784
50876
|
"position-" + _vm.instance.layout,
|
|
50785
50877
|
"zd-login-content",
|
|
50786
50878
|
],
|
|
50787
|
-
style:
|
|
50879
|
+
style: {
|
|
50880
|
+
background:
|
|
50881
|
+
!_vm.instance.flatForm || _vm.instance.layout === "center"
|
|
50882
|
+
? _vm.instance.backgroundStyle
|
|
50883
|
+
: "",
|
|
50884
|
+
"flex-direction":
|
|
50885
|
+
_vm.instance.flatForm && _vm.instance.layout === "right"
|
|
50886
|
+
? "row-reverse"
|
|
50887
|
+
: "row",
|
|
50888
|
+
},
|
|
50788
50889
|
},
|
|
50789
50890
|
[
|
|
50790
50891
|
_c(
|
|
50791
50892
|
"v-card",
|
|
50792
50893
|
{
|
|
50793
|
-
|
|
50894
|
+
class: [
|
|
50895
|
+
"zd-login-card",
|
|
50896
|
+
_vm.instance.flatForm ? "zd-login-flat-card" : "",
|
|
50897
|
+
],
|
|
50794
50898
|
attrs: {
|
|
50795
50899
|
width: _vm.instance.cardWidth,
|
|
50796
50900
|
dark: _vm.instance.dark,
|
|
@@ -50819,7 +50923,7 @@ var __vue_render__$C = function () {
|
|
|
50819
50923
|
{
|
|
50820
50924
|
key: index,
|
|
50821
50925
|
tag: "component",
|
|
50822
|
-
|
|
50926
|
+
class: ["zd-login-card-content"],
|
|
50823
50927
|
attrs: { parent: _vm.instance },
|
|
50824
50928
|
},
|
|
50825
50929
|
"component",
|
|
@@ -50895,6 +50999,20 @@ var __vue_render__$C = function () {
|
|
|
50895
50999
|
attrs: { src: _vm.instance.poweredByImage },
|
|
50896
51000
|
})
|
|
50897
51001
|
: _vm._e(),
|
|
51002
|
+
_vm._v(" "),
|
|
51003
|
+
_vm.instance.backgroundStyle &&
|
|
51004
|
+
_vm.instance.flatForm &&
|
|
51005
|
+
_vm.instance.layout !== "center"
|
|
51006
|
+
? _c("div", {
|
|
51007
|
+
class: ["background-div"],
|
|
51008
|
+
style: [
|
|
51009
|
+
{
|
|
51010
|
+
width: "calc(100% - " + _vm.instance.cardWidth + ")",
|
|
51011
|
+
background: _vm.instance.backgroundStyle,
|
|
51012
|
+
},
|
|
51013
|
+
],
|
|
51014
|
+
})
|
|
51015
|
+
: _vm._e(),
|
|
50898
51016
|
],
|
|
50899
51017
|
1
|
|
50900
51018
|
),
|
|
@@ -50907,7 +51025,7 @@ __vue_render__$C._withStripped = true;
|
|
|
50907
51025
|
/* style */
|
|
50908
51026
|
const __vue_inject_styles__$C = function (inject) {
|
|
50909
51027
|
if (!inject) return
|
|
50910
|
-
inject("data-v-
|
|
51028
|
+
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 });
|
|
50911
51029
|
|
|
50912
51030
|
};
|
|
50913
51031
|
/* scoped */
|
|
@@ -56976,6 +57094,16 @@ let ZdTooltip = class ZdTooltip extends ZdComponentRender$1 {
|
|
|
56976
57094
|
super(...arguments);
|
|
56977
57095
|
this.instanceType = Tooltip;
|
|
56978
57096
|
}
|
|
57097
|
+
getActivator() {
|
|
57098
|
+
const { tooltip } = this.$refs;
|
|
57099
|
+
return (tooltip === null || tooltip === void 0 ? void 0 : tooltip.getActivator()) || null;
|
|
57100
|
+
}
|
|
57101
|
+
mounted() {
|
|
57102
|
+
const { tooltip } = this.$refs;
|
|
57103
|
+
if (tooltip) {
|
|
57104
|
+
tooltip.getActivator = (e) => getActivator(e, tooltip);
|
|
57105
|
+
}
|
|
57106
|
+
}
|
|
56979
57107
|
};
|
|
56980
57108
|
__decorate([
|
|
56981
57109
|
PropWatch({ type: [Boolean, String], default: false }),
|
|
@@ -57042,6 +57170,7 @@ var __vue_render__$5 = function () {
|
|
|
57042
57170
|
"v-tooltip",
|
|
57043
57171
|
_vm._b(
|
|
57044
57172
|
{
|
|
57173
|
+
ref: "tooltip",
|
|
57045
57174
|
style: _vm.instance.cssStyle,
|
|
57046
57175
|
attrs: { id: _vm.instance.name },
|
|
57047
57176
|
scopedSlots: _vm._u(
|
|
@@ -57051,32 +57180,28 @@ var __vue_render__$5 = function () {
|
|
|
57051
57180
|
fn: function (ref) {
|
|
57052
57181
|
var dropdown = ref.on;
|
|
57053
57182
|
return [
|
|
57054
|
-
|
|
57055
|
-
|
|
57056
|
-
|
|
57057
|
-
|
|
57058
|
-
|
|
57059
|
-
|
|
57060
|
-
|
|
57061
|
-
|
|
57062
|
-
|
|
57063
|
-
|
|
57064
|
-
"dropdown-activator"
|
|
57065
|
-
|
|
57066
|
-
|
|
57067
|
-
|
|
57068
|
-
),
|
|
57069
|
-
parent: _vm.instance.parent,
|
|
57070
|
-
},
|
|
57183
|
+
_vm._l(_vm.instance.children, function (child, index) {
|
|
57184
|
+
return _c(
|
|
57185
|
+
child.component,
|
|
57186
|
+
_vm._b(
|
|
57187
|
+
{
|
|
57188
|
+
key: index,
|
|
57189
|
+
tag: "component",
|
|
57190
|
+
attrs: {
|
|
57191
|
+
"dropdown-activator": Object.assign(
|
|
57192
|
+
{},
|
|
57193
|
+
_vm.$attrs["dropdown-activator"],
|
|
57194
|
+
dropdown
|
|
57195
|
+
),
|
|
57196
|
+
parent: _vm.instance.parent,
|
|
57071
57197
|
},
|
|
57072
|
-
|
|
57073
|
-
|
|
57074
|
-
|
|
57075
|
-
|
|
57198
|
+
},
|
|
57199
|
+
"component",
|
|
57200
|
+
child,
|
|
57201
|
+
false
|
|
57076
57202
|
)
|
|
57077
|
-
|
|
57078
|
-
|
|
57079
|
-
),
|
|
57203
|
+
)
|
|
57204
|
+
}),
|
|
57080
57205
|
_vm._v(" "),
|
|
57081
57206
|
_vm._t("default"),
|
|
57082
57207
|
]
|
|
@@ -57115,7 +57240,7 @@ __vue_render__$5._withStripped = true;
|
|
|
57115
57240
|
/* style */
|
|
57116
57241
|
const __vue_inject_styles__$5 = function (inject) {
|
|
57117
57242
|
if (!inject) return
|
|
57118
|
-
inject("data-v-
|
|
57243
|
+
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 });
|
|
57119
57244
|
|
|
57120
57245
|
};
|
|
57121
57246
|
/* scoped */
|
|
@@ -57365,6 +57490,7 @@ let ZdTree = class ZdTree extends ZdComponentRender$1 {
|
|
|
57365
57490
|
this.beforeNodeState = {};
|
|
57366
57491
|
}
|
|
57367
57492
|
mounted() {
|
|
57493
|
+
this.setHeight();
|
|
57368
57494
|
this.instance.setTree(this.$refs.tree);
|
|
57369
57495
|
this.setAfterTitleMargin();
|
|
57370
57496
|
this.nodeChange();
|
|
@@ -57380,6 +57506,15 @@ let ZdTree = class ZdTree extends ZdComponentRender$1 {
|
|
|
57380
57506
|
onNodeDrop(nodes, position, event) {
|
|
57381
57507
|
this.instance.nodeDrop(nodes, position, event, this.$el);
|
|
57382
57508
|
}
|
|
57509
|
+
setHeight() {
|
|
57510
|
+
const { grid } = this.$refs;
|
|
57511
|
+
if (this.instance.height) {
|
|
57512
|
+
grid.$el.style.height = this.$formatSize(this.instance.height);
|
|
57513
|
+
}
|
|
57514
|
+
if (this.instance.maxHeight) {
|
|
57515
|
+
grid.$el.style.maxHeight = this.$formatSize(this.instance.maxHeight);
|
|
57516
|
+
}
|
|
57517
|
+
}
|
|
57383
57518
|
onNodeSelect(nodes, event) {
|
|
57384
57519
|
const prevSelectCount = Object.keys(this.beforeNodeState).length;
|
|
57385
57520
|
this.beforeNodeState = {};
|
|
@@ -57506,6 +57641,14 @@ __decorate([
|
|
|
57506
57641
|
Prop({ type: [Boolean, String], default: false }),
|
|
57507
57642
|
__metadata("design:type", Boolean)
|
|
57508
57643
|
], ZdTree.prototype, "checkbox", void 0);
|
|
57644
|
+
__decorate([
|
|
57645
|
+
Prop({ type: [Number, String], default: '' }),
|
|
57646
|
+
__metadata("design:type", Object)
|
|
57647
|
+
], ZdTree.prototype, "maxHeight", void 0);
|
|
57648
|
+
__decorate([
|
|
57649
|
+
Prop({ type: [Number, String], default: '' }),
|
|
57650
|
+
__metadata("design:type", Object)
|
|
57651
|
+
], ZdTree.prototype, "height", void 0);
|
|
57509
57652
|
__decorate([
|
|
57510
57653
|
Prop({ type: [String, Number, Boolean], default: false }),
|
|
57511
57654
|
__metadata("design:type", Object)
|
|
@@ -57551,15 +57694,28 @@ var __vue_render__$2 = function () {
|
|
|
57551
57694
|
"zd-tree",
|
|
57552
57695
|
{ "theme--dark": _vm.$isDark(this) },
|
|
57553
57696
|
{ "theme--light": _vm.$isLight(this) },
|
|
57697
|
+
{ "zd-tree-flex": _vm.instance.height || _vm.instance.maxHeight },
|
|
57554
57698
|
],
|
|
57555
|
-
style: [_vm.cssColorVars].concat(
|
|
57699
|
+
style: [_vm.cssColorVars].concat(
|
|
57700
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
|
57701
|
+
[
|
|
57702
|
+
_vm.instance.height
|
|
57703
|
+
? { height: _vm.$formatSize(_vm.instance.height) }
|
|
57704
|
+
: {},
|
|
57705
|
+
],
|
|
57706
|
+
[
|
|
57707
|
+
_vm.instance.maxHeight
|
|
57708
|
+
? { height: _vm.$formatSize(_vm.instance.maxHeight) }
|
|
57709
|
+
: {},
|
|
57710
|
+
]
|
|
57711
|
+
),
|
|
57556
57712
|
attrs: { id: _vm.instance.name },
|
|
57557
57713
|
},
|
|
57558
57714
|
[
|
|
57559
57715
|
_vm.instance.toolbarSlot.length && !_vm.$slots.toolbarSlot
|
|
57560
57716
|
? _c(
|
|
57561
57717
|
"div",
|
|
57562
|
-
{ staticClass: "zd-mb-4" },
|
|
57718
|
+
{ staticClass: "zd-mb-4 zd-tree-toolbar" },
|
|
57563
57719
|
[
|
|
57564
57720
|
_vm._l(_vm.instance.toolbarSlot, function (child, index) {
|
|
57565
57721
|
return _c(
|
|
@@ -57583,238 +57739,247 @@ var __vue_render__$2 = function () {
|
|
|
57583
57739
|
)
|
|
57584
57740
|
: _vm._e(),
|
|
57585
57741
|
_vm._v(" "),
|
|
57586
|
-
_c(
|
|
57587
|
-
|
|
57588
|
-
|
|
57589
|
-
|
|
57590
|
-
|
|
57591
|
-
|
|
57592
|
-
|
|
57593
|
-
|
|
57594
|
-
|
|
57595
|
-
|
|
57596
|
-
|
|
57597
|
-
|
|
57598
|
-
|
|
57599
|
-
|
|
57600
|
-
|
|
57601
|
-
|
|
57602
|
-
|
|
57603
|
-
|
|
57604
|
-
|
|
57605
|
-
|
|
57606
|
-
|
|
57607
|
-
|
|
57608
|
-
|
|
57609
|
-
|
|
57610
|
-
|
|
57611
|
-
|
|
57612
|
-
|
|
57613
|
-
|
|
57614
|
-
|
|
57615
|
-
|
|
57616
|
-
|
|
57617
|
-
|
|
57618
|
-
|
|
57619
|
-
|
|
57620
|
-
|
|
57621
|
-
|
|
57622
|
-
_vm._v(" "),
|
|
57623
|
-
_c(
|
|
57624
|
-
"span",
|
|
57625
|
-
{ staticClass: "item-icon" },
|
|
57626
|
-
[
|
|
57627
|
-
node.isLeaf && _vm.instance.itemIconName
|
|
57628
|
-
? _c(
|
|
57629
|
-
"v-icon",
|
|
57630
|
-
{
|
|
57631
|
-
attrs: {
|
|
57632
|
-
dark: _vm.instance.dark,
|
|
57633
|
-
light: _vm.instance.light,
|
|
57742
|
+
_c(
|
|
57743
|
+
"div",
|
|
57744
|
+
{ staticClass: "zd-tree-container" },
|
|
57745
|
+
[
|
|
57746
|
+
_c("sl-vue-tree", {
|
|
57747
|
+
ref: "tree",
|
|
57748
|
+
attrs: {
|
|
57749
|
+
allowMultiselect: _vm.instance.allowMultiSelect,
|
|
57750
|
+
dark: _vm.instance.dark,
|
|
57751
|
+
light: _vm.instance.light,
|
|
57752
|
+
},
|
|
57753
|
+
on: {
|
|
57754
|
+
drop: _vm.onNodeDrop,
|
|
57755
|
+
select: _vm.onNodeSelect,
|
|
57756
|
+
nodeclick: _vm.onNodeClick,
|
|
57757
|
+
nodedblclick: _vm.onNodeDblClick,
|
|
57758
|
+
},
|
|
57759
|
+
scopedSlots: _vm._u(
|
|
57760
|
+
[
|
|
57761
|
+
{
|
|
57762
|
+
key: "title",
|
|
57763
|
+
fn: function (ref) {
|
|
57764
|
+
var node = ref.node;
|
|
57765
|
+
return [
|
|
57766
|
+
_c("span", { staticClass: "align" }),
|
|
57767
|
+
_vm._v(" "),
|
|
57768
|
+
_vm.instance.checkbox
|
|
57769
|
+
? _c("zd-tree-checkbox", {
|
|
57770
|
+
attrs: {
|
|
57771
|
+
disabled: _vm.instance.callDisableCheckbox(node),
|
|
57772
|
+
node: _vm.instanceNode(node),
|
|
57773
|
+
checkedField: _vm.instance.checkedField,
|
|
57774
|
+
},
|
|
57775
|
+
on: {
|
|
57776
|
+
click: function ($event) {
|
|
57777
|
+
return _vm.nodeCheck(node, $event)
|
|
57634
57778
|
},
|
|
57635
57779
|
},
|
|
57636
|
-
|
|
57637
|
-
_vm._v(
|
|
57638
|
-
"\n " +
|
|
57639
|
-
_vm._s(
|
|
57640
|
-
_vm.$getIcon(_vm.instance.itemIconName)
|
|
57641
|
-
) +
|
|
57642
|
-
"\n "
|
|
57643
|
-
),
|
|
57644
|
-
]
|
|
57645
|
-
)
|
|
57780
|
+
})
|
|
57646
57781
|
: _vm._e(),
|
|
57647
57782
|
_vm._v(" "),
|
|
57648
|
-
|
|
57649
|
-
|
|
57650
|
-
|
|
57651
|
-
|
|
57652
|
-
|
|
57653
|
-
|
|
57654
|
-
|
|
57655
|
-
|
|
57656
|
-
|
|
57657
|
-
|
|
57658
|
-
|
|
57659
|
-
|
|
57660
|
-
|
|
57661
|
-
|
|
57662
|
-
|
|
57663
|
-
|
|
57664
|
-
|
|
57665
|
-
|
|
57666
|
-
|
|
57667
|
-
|
|
57668
|
-
|
|
57669
|
-
]
|
|
57670
|
-
|
|
57671
|
-
|
|
57783
|
+
_c(
|
|
57784
|
+
"span",
|
|
57785
|
+
{ staticClass: "item-icon" },
|
|
57786
|
+
[
|
|
57787
|
+
node.isLeaf && _vm.instance.itemIconName
|
|
57788
|
+
? _c(
|
|
57789
|
+
"v-icon",
|
|
57790
|
+
{
|
|
57791
|
+
attrs: {
|
|
57792
|
+
dark: _vm.instance.dark,
|
|
57793
|
+
light: _vm.instance.light,
|
|
57794
|
+
},
|
|
57795
|
+
},
|
|
57796
|
+
[
|
|
57797
|
+
_vm._v(
|
|
57798
|
+
"\n " +
|
|
57799
|
+
_vm._s(
|
|
57800
|
+
_vm.$getIcon(_vm.instance.itemIconName)
|
|
57801
|
+
) +
|
|
57802
|
+
"\n "
|
|
57803
|
+
),
|
|
57804
|
+
]
|
|
57805
|
+
)
|
|
57806
|
+
: _vm._e(),
|
|
57807
|
+
_vm._v(" "),
|
|
57808
|
+
!node.isLeaf && _vm.instance.groupIconName
|
|
57809
|
+
? _c("v-icon", [
|
|
57672
57810
|
_vm._v(
|
|
57673
|
-
|
|
57674
|
-
_vm
|
|
57675
|
-
|
|
57676
|
-
),
|
|
57677
|
-
]
|
|
57678
|
-
)
|
|
57679
|
-
: _c(
|
|
57680
|
-
"span",
|
|
57681
|
-
{ staticClass: "zd-display-inline-flex" },
|
|
57682
|
-
_vm._l(
|
|
57683
|
-
_vm.instance.getSlotComponent(
|
|
57684
|
-
_vm.instance.titleSlot,
|
|
57685
|
-
node
|
|
57811
|
+
_vm._s(
|
|
57812
|
+
_vm.$getIcon(_vm.instance.groupIconName)
|
|
57813
|
+
) + "\n "
|
|
57686
57814
|
),
|
|
57687
|
-
|
|
57688
|
-
|
|
57689
|
-
|
|
57690
|
-
|
|
57691
|
-
|
|
57692
|
-
|
|
57693
|
-
|
|
57694
|
-
|
|
57695
|
-
|
|
57815
|
+
])
|
|
57816
|
+
: _vm._e(),
|
|
57817
|
+
],
|
|
57818
|
+
1
|
|
57819
|
+
),
|
|
57820
|
+
_vm._v(" "),
|
|
57821
|
+
!_vm.$slots.titleSlot
|
|
57822
|
+
? [
|
|
57823
|
+
_vm.instance.titleSlot.length === 0
|
|
57824
|
+
? _c(
|
|
57825
|
+
"span",
|
|
57826
|
+
{
|
|
57827
|
+
class: [
|
|
57828
|
+
"item-title",
|
|
57829
|
+
{ "has-children": node.children.length },
|
|
57830
|
+
],
|
|
57831
|
+
},
|
|
57832
|
+
[
|
|
57833
|
+
_vm._v(
|
|
57834
|
+
"\n " +
|
|
57835
|
+
_vm._s(node.title) +
|
|
57836
|
+
"\n "
|
|
57837
|
+
),
|
|
57838
|
+
]
|
|
57839
|
+
)
|
|
57840
|
+
: _c(
|
|
57841
|
+
"span",
|
|
57842
|
+
{ staticClass: "zd-display-inline-flex" },
|
|
57843
|
+
_vm._l(
|
|
57844
|
+
_vm.instance.getSlotComponent(
|
|
57845
|
+
_vm.instance.titleSlot,
|
|
57846
|
+
node
|
|
57847
|
+
),
|
|
57848
|
+
function (comp, index) {
|
|
57849
|
+
return _c(
|
|
57850
|
+
comp.component,
|
|
57851
|
+
_vm._b(
|
|
57696
57852
|
{
|
|
57697
|
-
|
|
57698
|
-
|
|
57853
|
+
key: index,
|
|
57854
|
+
tag: "component",
|
|
57855
|
+
class: [
|
|
57856
|
+
"item-title",
|
|
57857
|
+
{
|
|
57858
|
+
"has-children":
|
|
57859
|
+
node.children.length,
|
|
57860
|
+
},
|
|
57861
|
+
],
|
|
57699
57862
|
},
|
|
57700
|
-
|
|
57701
|
-
|
|
57702
|
-
|
|
57703
|
-
|
|
57704
|
-
|
|
57705
|
-
|
|
57706
|
-
)
|
|
57707
|
-
|
|
57708
|
-
|
|
57709
|
-
|
|
57710
|
-
),
|
|
57711
|
-
]
|
|
57712
|
-
: _vm._e(),
|
|
57713
|
-
_vm._v(" "),
|
|
57714
|
-
_vm._t("titleSlot", null, { node: node }),
|
|
57715
|
-
_vm._v(" "),
|
|
57716
|
-
_c(
|
|
57717
|
-
"zd-tree-after-title",
|
|
57718
|
-
{
|
|
57719
|
-
ref: node.pathStr,
|
|
57720
|
-
attrs: {
|
|
57721
|
-
afterTitleSlot: _vm.instance.getSlotComponent(
|
|
57722
|
-
_vm.instance.afterTitleSlot,
|
|
57723
|
-
node
|
|
57724
|
-
)[0],
|
|
57725
|
-
},
|
|
57726
|
-
on: {
|
|
57727
|
-
"hook:mounted": function ($event) {
|
|
57728
|
-
return _vm.addObserver(node)
|
|
57729
|
-
},
|
|
57730
|
-
},
|
|
57731
|
-
},
|
|
57732
|
-
[_vm._t("afterTitleSlot", null, { node: node })],
|
|
57733
|
-
2
|
|
57734
|
-
),
|
|
57735
|
-
]
|
|
57736
|
-
},
|
|
57737
|
-
},
|
|
57738
|
-
{
|
|
57739
|
-
key: "toggle",
|
|
57740
|
-
fn: function (ref) {
|
|
57741
|
-
var node = ref.node;
|
|
57742
|
-
return [
|
|
57743
|
-
_c(
|
|
57744
|
-
"span",
|
|
57745
|
-
[
|
|
57746
|
-
node.children.length &&
|
|
57747
|
-
node.isExpanded &&
|
|
57748
|
-
_vm.instance.openedIconName
|
|
57749
|
-
? _c(
|
|
57750
|
-
"v-icon",
|
|
57751
|
-
{
|
|
57752
|
-
attrs: {
|
|
57753
|
-
dark: _vm.instance.dark,
|
|
57754
|
-
light: _vm.instance.light,
|
|
57755
|
-
},
|
|
57756
|
-
},
|
|
57757
|
-
[
|
|
57758
|
-
_vm._v(
|
|
57759
|
-
_vm._s(
|
|
57760
|
-
_vm.$getIcon(_vm.instance.openedIconName)
|
|
57761
|
-
) + "\n "
|
|
57762
|
-
),
|
|
57763
|
-
]
|
|
57764
|
-
)
|
|
57863
|
+
"component",
|
|
57864
|
+
comp,
|
|
57865
|
+
false
|
|
57866
|
+
)
|
|
57867
|
+
)
|
|
57868
|
+
}
|
|
57869
|
+
),
|
|
57870
|
+
1
|
|
57871
|
+
),
|
|
57872
|
+
]
|
|
57765
57873
|
: _vm._e(),
|
|
57766
57874
|
_vm._v(" "),
|
|
57767
|
-
|
|
57768
|
-
|
|
57769
|
-
|
|
57770
|
-
|
|
57771
|
-
|
|
57772
|
-
|
|
57773
|
-
|
|
57774
|
-
|
|
57775
|
-
|
|
57776
|
-
|
|
57875
|
+
_vm._t("titleSlot", null, { node: node }),
|
|
57876
|
+
_vm._v(" "),
|
|
57877
|
+
_c(
|
|
57878
|
+
"zd-tree-after-title",
|
|
57879
|
+
{
|
|
57880
|
+
ref: node.pathStr,
|
|
57881
|
+
attrs: {
|
|
57882
|
+
afterTitleSlot: _vm.instance.getSlotComponent(
|
|
57883
|
+
_vm.instance.afterTitleSlot,
|
|
57884
|
+
node
|
|
57885
|
+
)[0],
|
|
57886
|
+
},
|
|
57887
|
+
on: {
|
|
57888
|
+
"hook:mounted": function ($event) {
|
|
57889
|
+
return _vm.addObserver(node)
|
|
57777
57890
|
},
|
|
57778
|
-
|
|
57779
|
-
|
|
57780
|
-
|
|
57781
|
-
|
|
57782
|
-
|
|
57783
|
-
|
|
57784
|
-
|
|
57785
|
-
|
|
57786
|
-
|
|
57787
|
-
|
|
57788
|
-
|
|
57789
|
-
|
|
57790
|
-
|
|
57791
|
-
|
|
57792
|
-
|
|
57793
|
-
|
|
57794
|
-
|
|
57795
|
-
|
|
57796
|
-
|
|
57797
|
-
|
|
57798
|
-
|
|
57799
|
-
|
|
57800
|
-
|
|
57891
|
+
},
|
|
57892
|
+
},
|
|
57893
|
+
[_vm._t("afterTitleSlot", null, { node: node })],
|
|
57894
|
+
2
|
|
57895
|
+
),
|
|
57896
|
+
]
|
|
57897
|
+
},
|
|
57898
|
+
},
|
|
57899
|
+
{
|
|
57900
|
+
key: "toggle",
|
|
57901
|
+
fn: function (ref) {
|
|
57902
|
+
var node = ref.node;
|
|
57903
|
+
return [
|
|
57904
|
+
_c(
|
|
57905
|
+
"span",
|
|
57906
|
+
[
|
|
57907
|
+
node.children.length &&
|
|
57908
|
+
node.isExpanded &&
|
|
57909
|
+
_vm.instance.openedIconName
|
|
57910
|
+
? _c(
|
|
57911
|
+
"v-icon",
|
|
57912
|
+
{
|
|
57913
|
+
attrs: {
|
|
57914
|
+
dark: _vm.instance.dark,
|
|
57915
|
+
light: _vm.instance.light,
|
|
57916
|
+
},
|
|
57917
|
+
},
|
|
57918
|
+
[
|
|
57919
|
+
_vm._v(
|
|
57920
|
+
_vm._s(
|
|
57921
|
+
_vm.$getIcon(_vm.instance.openedIconName)
|
|
57922
|
+
) + "\n "
|
|
57923
|
+
),
|
|
57924
|
+
]
|
|
57925
|
+
)
|
|
57926
|
+
: _vm._e(),
|
|
57927
|
+
_vm._v(" "),
|
|
57928
|
+
node.children.length &&
|
|
57929
|
+
!node.isExpanded &&
|
|
57930
|
+
_vm.instance.closedIconName
|
|
57931
|
+
? _c(
|
|
57932
|
+
"v-icon",
|
|
57933
|
+
{
|
|
57934
|
+
attrs: {
|
|
57935
|
+
dark: _vm.instance.dark,
|
|
57936
|
+
light: _vm.instance.light,
|
|
57937
|
+
},
|
|
57938
|
+
},
|
|
57939
|
+
[
|
|
57940
|
+
_vm._v(
|
|
57941
|
+
_vm._s(
|
|
57942
|
+
_vm.$getIcon(_vm.instance.closedIconName)
|
|
57943
|
+
) + "\n "
|
|
57944
|
+
),
|
|
57945
|
+
]
|
|
57946
|
+
)
|
|
57947
|
+
: _vm._e(),
|
|
57948
|
+
],
|
|
57949
|
+
1
|
|
57950
|
+
),
|
|
57951
|
+
]
|
|
57952
|
+
},
|
|
57953
|
+
},
|
|
57954
|
+
{
|
|
57955
|
+
key: "draginfo",
|
|
57956
|
+
fn: function () {
|
|
57957
|
+
return [
|
|
57958
|
+
_vm._v(
|
|
57959
|
+
"\n " +
|
|
57960
|
+
_vm._s(_vm.selectedNodesTitle) +
|
|
57961
|
+
"\n "
|
|
57962
|
+
),
|
|
57963
|
+
]
|
|
57964
|
+
},
|
|
57965
|
+
proxy: true,
|
|
57966
|
+
},
|
|
57967
|
+
],
|
|
57968
|
+
null,
|
|
57969
|
+
true
|
|
57970
|
+
),
|
|
57971
|
+
model: {
|
|
57972
|
+
value: _vm.instance.nodes,
|
|
57973
|
+
callback: function ($$v) {
|
|
57974
|
+
_vm.$set(_vm.instance, "nodes", $$v);
|
|
57801
57975
|
},
|
|
57802
|
-
|
|
57976
|
+
expression: "instance.nodes",
|
|
57803
57977
|
},
|
|
57804
|
-
|
|
57805
|
-
|
|
57806
|
-
|
|
57807
|
-
|
|
57808
|
-
|
|
57809
|
-
value: _vm.instance.nodes,
|
|
57810
|
-
callback: function ($$v) {
|
|
57811
|
-
_vm.$set(_vm.instance, "nodes", $$v);
|
|
57812
|
-
},
|
|
57813
|
-
expression: "instance.nodes",
|
|
57814
|
-
},
|
|
57815
|
-
}),
|
|
57816
|
-
],
|
|
57817
|
-
1
|
|
57978
|
+
}),
|
|
57979
|
+
],
|
|
57980
|
+
1
|
|
57981
|
+
),
|
|
57982
|
+
]
|
|
57818
57983
|
)
|
|
57819
57984
|
};
|
|
57820
57985
|
var __vue_staticRenderFns__$2 = [];
|
|
@@ -57823,7 +57988,7 @@ __vue_render__$2._withStripped = true;
|
|
|
57823
57988
|
/* style */
|
|
57824
57989
|
const __vue_inject_styles__$2 = function (inject) {
|
|
57825
57990
|
if (!inject) return
|
|
57826
|
-
inject("data-v-
|
|
57991
|
+
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 });
|
|
57827
57992
|
|
|
57828
57993
|
};
|
|
57829
57994
|
/* scoped */
|
|
@@ -58026,7 +58191,7 @@ var __vue_render__$1 = function () {
|
|
|
58026
58191
|
key: "header",
|
|
58027
58192
|
fn: function (ref) {
|
|
58028
58193
|
var props = ref.props;
|
|
58029
|
-
|
|
58194
|
+
ref.on;
|
|
58030
58195
|
return [
|
|
58031
58196
|
_c("thead", { staticClass: "zd-grid-table-header" }, [
|
|
58032
58197
|
_c(
|
|
@@ -58053,20 +58218,18 @@ var __vue_render__$1 = function () {
|
|
|
58053
58218
|
"indeterminate-icon": _vm.$getIcon(
|
|
58054
58219
|
"checkboxIndeterminate"
|
|
58055
58220
|
),
|
|
58056
|
-
"input-value":
|
|
58221
|
+
"input-value": _vm.allselectedState,
|
|
58057
58222
|
indeterminate:
|
|
58058
|
-
!
|
|
58223
|
+
!_vm.allselectedState &&
|
|
58224
|
+
props.someItems,
|
|
58059
58225
|
},
|
|
58060
58226
|
on: {
|
|
58061
58227
|
click: function ($event) {
|
|
58062
58228
|
$event.stopPropagation();
|
|
58063
|
-
|
|
58064
|
-
!
|
|
58065
|
-
);
|
|
58066
|
-
_vm.selectAllClick(
|
|
58067
|
-
!props.everyItem,
|
|
58229
|
+
return _vm.selectAllClick(
|
|
58230
|
+
!_vm.allselectedState,
|
|
58068
58231
|
$event
|
|
58069
|
-
)
|
|
58232
|
+
)
|
|
58070
58233
|
},
|
|
58071
58234
|
},
|
|
58072
58235
|
})
|
|
@@ -58886,8 +59049,8 @@ __vue_render__$1._withStripped = true;
|
|
|
58886
59049
|
/* style */
|
|
58887
59050
|
const __vue_inject_styles__$1 = function (inject) {
|
|
58888
59051
|
if (!inject) return
|
|
58889
|
-
inject("data-v-
|
|
58890
|
-
,inject("data-v-
|
|
59052
|
+
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 })
|
|
59053
|
+
,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 });
|
|
58891
59054
|
|
|
58892
59055
|
};
|
|
58893
59056
|
/* scoped */
|
|
@@ -58923,6 +59086,7 @@ let ZdTreeGridEditable = class ZdTreeGridEditable extends ZdTreeGrid$1 {
|
|
|
58923
59086
|
super(...arguments);
|
|
58924
59087
|
this.instanceType = TreeGridEditable;
|
|
58925
59088
|
this.inputToFocus = '';
|
|
59089
|
+
this.isTrVisible = false;
|
|
58926
59090
|
this.navigationKeyMapping = {
|
|
58927
59091
|
enter: {
|
|
58928
59092
|
event: this.navigateDown.bind(this),
|
|
@@ -58969,27 +59133,41 @@ let ZdTreeGridEditable = class ZdTreeGridEditable extends ZdTreeGrid$1 {
|
|
|
58969
59133
|
this.$nextTick(() => { input.focus(); });
|
|
58970
59134
|
}
|
|
58971
59135
|
}
|
|
58972
|
-
|
|
58973
|
-
this.
|
|
58974
|
-
|
|
58975
|
-
|
|
59136
|
+
getColWidth(col) {
|
|
59137
|
+
if (this.isTrVisible) {
|
|
59138
|
+
this.$nextTick(() => {
|
|
59139
|
+
const element = this.$el.querySelector(`.column-th-${col.name}-${this.instance.name}`);
|
|
59140
|
+
if (!element) {
|
|
59141
|
+
return;
|
|
59142
|
+
}
|
|
58976
59143
|
if (col.width) {
|
|
58977
|
-
element.style.width = this.calcWidth(col, col.width);
|
|
59144
|
+
element.style.width = this.calcWidth(col, col.width || '');
|
|
58978
59145
|
}
|
|
58979
59146
|
else if (col.maxWidth) {
|
|
58980
|
-
element.style.width = this.calcWidth(col, col.maxWidth);
|
|
59147
|
+
element.style.width = this.calcWidth(col, col.maxWidth || '');
|
|
58981
59148
|
}
|
|
58982
59149
|
else if (col.minWidth) {
|
|
58983
|
-
element.style.width = this.calcWidth(col, col.minWidth);
|
|
59150
|
+
element.style.width = this.calcWidth(col, col.minWidth || '');
|
|
58984
59151
|
}
|
|
58985
59152
|
else {
|
|
58986
59153
|
element.style.width = `${element.clientWidth}px`;
|
|
58987
59154
|
}
|
|
58988
|
-
}
|
|
58989
|
-
}
|
|
59155
|
+
});
|
|
59156
|
+
}
|
|
59157
|
+
return true;
|
|
59158
|
+
}
|
|
59159
|
+
registerOnVisible() {
|
|
59160
|
+
const headerRow = this.$el.querySelector('thead > tr');
|
|
59161
|
+
if (!headerRow)
|
|
59162
|
+
return;
|
|
59163
|
+
const obs = this.$onVisible(headerRow, () => {
|
|
59164
|
+
this.instance.columns.forEach(this.getColWidth);
|
|
59165
|
+
this.isTrVisible = true;
|
|
59166
|
+
obs.disconnect();
|
|
59167
|
+
}, this.$el);
|
|
58990
59168
|
}
|
|
58991
59169
|
mounted() {
|
|
58992
|
-
this.
|
|
59170
|
+
this.registerOnVisible();
|
|
58993
59171
|
KeyMap.bind(this.navigationKeyMapping, this.instance, this.$el);
|
|
58994
59172
|
}
|
|
58995
59173
|
beforeDestroy() {
|
|
@@ -59156,7 +59334,7 @@ var __vue_render__ = function () {
|
|
|
59156
59334
|
key: "header",
|
|
59157
59335
|
fn: function (ref) {
|
|
59158
59336
|
var props = ref.props;
|
|
59159
|
-
|
|
59337
|
+
ref.on;
|
|
59160
59338
|
return [
|
|
59161
59339
|
_c("thead", { staticClass: "zd-grid-table-header" }, [
|
|
59162
59340
|
_c(
|
|
@@ -59183,18 +59361,17 @@ var __vue_render__ = function () {
|
|
|
59183
59361
|
"indeterminate-icon": _vm.$getIcon(
|
|
59184
59362
|
"checkboxIndeterminate"
|
|
59185
59363
|
),
|
|
59186
|
-
value:
|
|
59364
|
+
value: _vm.allselectedState,
|
|
59187
59365
|
indeterminate:
|
|
59188
|
-
!
|
|
59366
|
+
!_vm.allselectedState && props.someItems,
|
|
59189
59367
|
},
|
|
59190
59368
|
on: {
|
|
59191
59369
|
click: function ($event) {
|
|
59192
59370
|
$event.stopPropagation();
|
|
59193
|
-
|
|
59194
|
-
|
|
59195
|
-
!props.everyItem,
|
|
59371
|
+
return _vm.selectAllClick(
|
|
59372
|
+
!_vm.allselectedState,
|
|
59196
59373
|
$event
|
|
59197
|
-
)
|
|
59374
|
+
)
|
|
59198
59375
|
},
|
|
59199
59376
|
},
|
|
59200
59377
|
}),
|
|
@@ -59205,7 +59382,7 @@ var __vue_render__ = function () {
|
|
|
59205
59382
|
_vm._v(" "),
|
|
59206
59383
|
_vm._l(props.headers, function (column, index) {
|
|
59207
59384
|
return [
|
|
59208
|
-
column.isVisible
|
|
59385
|
+
column.isVisible && _vm.getColWidth(column)
|
|
59209
59386
|
? _c(
|
|
59210
59387
|
"th",
|
|
59211
59388
|
{
|
|
@@ -59686,292 +59863,538 @@ var __vue_render__ = function () {
|
|
|
59686
59863
|
})
|
|
59687
59864
|
: _vm._e(),
|
|
59688
59865
|
_vm._v(" "),
|
|
59689
|
-
|
|
59690
|
-
|
|
59691
|
-
|
|
59692
|
-
|
|
59693
|
-
|
|
59694
|
-
|
|
59695
|
-
|
|
59696
|
-
|
|
59697
|
-
{
|
|
59698
|
-
|
|
59866
|
+
_c(
|
|
59867
|
+
"span",
|
|
59868
|
+
{
|
|
59869
|
+
staticClass:
|
|
59870
|
+
"zd-tree-grid-editable-cell-wrapper",
|
|
59871
|
+
},
|
|
59872
|
+
[
|
|
59873
|
+
Object.assign(
|
|
59874
|
+
{},
|
|
59875
|
+
column,
|
|
59876
|
+
cellProps
|
|
59877
|
+
).editable &&
|
|
59878
|
+
_vm.canEditRowValues[
|
|
59879
|
+
_vm.rowKey(item)
|
|
59880
|
+
] &&
|
|
59881
|
+
_vm.instance.editing
|
|
59882
|
+
? _c(
|
|
59883
|
+
"span",
|
|
59699
59884
|
{
|
|
59700
|
-
|
|
59701
|
-
|
|
59702
|
-
|
|
59703
|
-
|
|
59704
|
-
|
|
59885
|
+
directives: [
|
|
59886
|
+
{
|
|
59887
|
+
name: "show",
|
|
59888
|
+
rawName: "v-show",
|
|
59889
|
+
value:
|
|
59890
|
+
!column.loading,
|
|
59891
|
+
expression:
|
|
59892
|
+
"!column.loading",
|
|
59893
|
+
},
|
|
59894
|
+
],
|
|
59895
|
+
staticClass:
|
|
59896
|
+
"zd-table-cell-inline-edit",
|
|
59897
|
+
style: {
|
|
59898
|
+
width:
|
|
59899
|
+
_vm.calcWidth(
|
|
59900
|
+
column,
|
|
59901
|
+
column.width,
|
|
59902
|
+
true
|
|
59903
|
+
) || "unset",
|
|
59904
|
+
"min-width":
|
|
59905
|
+
_vm.calcWidth(
|
|
59906
|
+
column,
|
|
59907
|
+
column.minWidth,
|
|
59908
|
+
true
|
|
59909
|
+
) || "unset",
|
|
59910
|
+
"max-width":
|
|
59911
|
+
_vm.calcWidth(
|
|
59912
|
+
column,
|
|
59913
|
+
column.maxWidth,
|
|
59914
|
+
true
|
|
59915
|
+
) || "unset",
|
|
59916
|
+
},
|
|
59705
59917
|
},
|
|
59706
|
-
|
|
59707
|
-
|
|
59708
|
-
"zd-table-cell-inline-edit",
|
|
59709
|
-
style: {
|
|
59710
|
-
width:
|
|
59711
|
-
_vm.calcWidth(
|
|
59712
|
-
column,
|
|
59713
|
-
column.width,
|
|
59714
|
-
true
|
|
59715
|
-
) || "unset",
|
|
59716
|
-
"min-width":
|
|
59717
|
-
_vm.calcWidth(
|
|
59718
|
-
column,
|
|
59719
|
-
column.minWidth,
|
|
59720
|
-
true
|
|
59721
|
-
) || "unset",
|
|
59722
|
-
"max-width":
|
|
59723
|
-
_vm.calcWidth(
|
|
59918
|
+
[
|
|
59919
|
+
_vm.instance.isEdited(
|
|
59724
59920
|
column,
|
|
59725
|
-
|
|
59726
|
-
|
|
59727
|
-
|
|
59728
|
-
|
|
59729
|
-
|
|
59730
|
-
|
|
59731
|
-
|
|
59921
|
+
item
|
|
59922
|
+
)
|
|
59923
|
+
? _c(
|
|
59924
|
+
"span",
|
|
59925
|
+
{
|
|
59926
|
+
staticClass:
|
|
59927
|
+
"zd-table-cell-edit-icon",
|
|
59928
|
+
},
|
|
59929
|
+
[
|
|
59930
|
+
_vm.instance.isValid(
|
|
59931
|
+
column,
|
|
59932
|
+
item
|
|
59933
|
+
)
|
|
59934
|
+
? _c(
|
|
59935
|
+
"v-icon",
|
|
59936
|
+
{
|
|
59937
|
+
attrs: {
|
|
59938
|
+
color:
|
|
59939
|
+
"primary",
|
|
59940
|
+
},
|
|
59941
|
+
},
|
|
59942
|
+
[
|
|
59943
|
+
_vm._v(
|
|
59944
|
+
_vm._s(
|
|
59945
|
+
_vm.$getIcon(
|
|
59946
|
+
"pencil"
|
|
59947
|
+
)
|
|
59948
|
+
)
|
|
59949
|
+
),
|
|
59950
|
+
]
|
|
59951
|
+
)
|
|
59952
|
+
: _c(
|
|
59953
|
+
"v-icon",
|
|
59954
|
+
{
|
|
59955
|
+
attrs: {
|
|
59956
|
+
color:
|
|
59957
|
+
"error",
|
|
59958
|
+
},
|
|
59959
|
+
},
|
|
59960
|
+
[
|
|
59961
|
+
_vm._v(
|
|
59962
|
+
_vm._s(
|
|
59963
|
+
_vm.$getIcon(
|
|
59964
|
+
"warning"
|
|
59965
|
+
)
|
|
59966
|
+
)
|
|
59967
|
+
),
|
|
59968
|
+
]
|
|
59969
|
+
),
|
|
59970
|
+
],
|
|
59971
|
+
1
|
|
59972
|
+
)
|
|
59973
|
+
: _vm._e(),
|
|
59974
|
+
_vm._v(" "),
|
|
59975
|
+
_c(
|
|
59976
|
+
column.componentProps
|
|
59977
|
+
.component,
|
|
59978
|
+
_vm._b(
|
|
59979
|
+
{
|
|
59980
|
+
key:
|
|
59981
|
+
column.name +
|
|
59982
|
+
_vm.rowKey(item),
|
|
59983
|
+
tag: "component",
|
|
59984
|
+
},
|
|
59985
|
+
"component",
|
|
59986
|
+
_vm.getEditableComponent(
|
|
59987
|
+
column,
|
|
59988
|
+
item,
|
|
59989
|
+
cellProps
|
|
59990
|
+
),
|
|
59991
|
+
false
|
|
59992
|
+
)
|
|
59993
|
+
),
|
|
59994
|
+
],
|
|
59995
|
+
1
|
|
59996
|
+
)
|
|
59997
|
+
: _vm.hasToggleIcon(
|
|
59732
59998
|
column,
|
|
59733
59999
|
item
|
|
59734
60000
|
)
|
|
59735
|
-
|
|
59736
|
-
|
|
60001
|
+
? _c(
|
|
60002
|
+
"span",
|
|
60003
|
+
[
|
|
60004
|
+
_c("v-icon", [
|
|
60005
|
+
_vm._v(
|
|
60006
|
+
_vm._s(
|
|
60007
|
+
_vm.$getIcon(
|
|
60008
|
+
column.formatterByRow(
|
|
60009
|
+
item,
|
|
60010
|
+
cellProps
|
|
60011
|
+
)
|
|
60012
|
+
)
|
|
60013
|
+
)
|
|
60014
|
+
),
|
|
60015
|
+
]),
|
|
60016
|
+
],
|
|
60017
|
+
1
|
|
60018
|
+
)
|
|
60019
|
+
: _c(
|
|
60020
|
+
"span",
|
|
60021
|
+
{
|
|
60022
|
+
directives: [
|
|
59737
60023
|
{
|
|
59738
|
-
|
|
59739
|
-
|
|
60024
|
+
name: "show",
|
|
60025
|
+
rawName: "v-show",
|
|
60026
|
+
value:
|
|
60027
|
+
!column.loading,
|
|
60028
|
+
expression:
|
|
60029
|
+
"!column.loading",
|
|
59740
60030
|
},
|
|
59741
|
-
|
|
59742
|
-
|
|
60031
|
+
],
|
|
60032
|
+
class: [
|
|
60033
|
+
"zd-table-cell-text",
|
|
60034
|
+
{
|
|
60035
|
+
"zd-table-cell-text-editable":
|
|
60036
|
+
Object.assign(
|
|
60037
|
+
{},
|
|
60038
|
+
column,
|
|
60039
|
+
cellProps
|
|
60040
|
+
).editable,
|
|
60041
|
+
"overflow-hidden":
|
|
60042
|
+
column.overflow ===
|
|
60043
|
+
"hidden",
|
|
60044
|
+
"overflow-wrap":
|
|
60045
|
+
column.overflow ===
|
|
60046
|
+
"wrap",
|
|
60047
|
+
},
|
|
60048
|
+
!isNaN(column.overflow)
|
|
60049
|
+
? "overflow-clamp overflow-clamp-" +
|
|
60050
|
+
column.overflow
|
|
60051
|
+
: "",
|
|
60052
|
+
],
|
|
60053
|
+
style: {
|
|
60054
|
+
width:
|
|
60055
|
+
_vm.calcWidth(
|
|
59743
60056
|
column,
|
|
59744
|
-
|
|
60057
|
+
column.width,
|
|
60058
|
+
true
|
|
60059
|
+
) || "unset",
|
|
60060
|
+
"min-width":
|
|
60061
|
+
_vm.calcWidth(
|
|
60062
|
+
column,
|
|
60063
|
+
column.minWidth,
|
|
60064
|
+
true
|
|
60065
|
+
) || "unset",
|
|
60066
|
+
"max-width":
|
|
60067
|
+
_vm.calcWidth(
|
|
60068
|
+
column,
|
|
60069
|
+
column.maxWidth,
|
|
60070
|
+
true
|
|
60071
|
+
) || "unset",
|
|
60072
|
+
},
|
|
60073
|
+
on: {
|
|
60074
|
+
mouseenter: function (
|
|
60075
|
+
$event
|
|
60076
|
+
) {
|
|
60077
|
+
return _vm.checkOverflow(
|
|
60078
|
+
$event
|
|
59745
60079
|
)
|
|
60080
|
+
},
|
|
60081
|
+
mouseleave: function (
|
|
60082
|
+
$event
|
|
60083
|
+
) {
|
|
60084
|
+
return _vm.removeTooltip()
|
|
60085
|
+
},
|
|
60086
|
+
},
|
|
60087
|
+
},
|
|
60088
|
+
[
|
|
60089
|
+
_c(
|
|
60090
|
+
"div",
|
|
60091
|
+
{
|
|
60092
|
+
directives: [
|
|
60093
|
+
{
|
|
60094
|
+
name: "show",
|
|
60095
|
+
rawName: "v-show",
|
|
60096
|
+
value:
|
|
60097
|
+
headerIndex ===
|
|
60098
|
+
0,
|
|
60099
|
+
expression:
|
|
60100
|
+
"headerIndex === 0",
|
|
60101
|
+
},
|
|
60102
|
+
],
|
|
60103
|
+
class: [
|
|
60104
|
+
"zd-tree-grid-editable-expand",
|
|
60105
|
+
"level" +
|
|
60106
|
+
item.tree__level,
|
|
60107
|
+
],
|
|
60108
|
+
},
|
|
60109
|
+
[
|
|
60110
|
+
item.tree__children
|
|
60111
|
+
.length > 0
|
|
59746
60112
|
? _c(
|
|
59747
60113
|
"v-icon",
|
|
59748
60114
|
{
|
|
60115
|
+
class: {
|
|
60116
|
+
opened:
|
|
60117
|
+
item.tree__opened,
|
|
60118
|
+
},
|
|
59749
60119
|
attrs: {
|
|
59750
|
-
|
|
59751
|
-
"
|
|
60120
|
+
tabindex:
|
|
60121
|
+
"-1",
|
|
60122
|
+
},
|
|
60123
|
+
on: {
|
|
60124
|
+
click:
|
|
60125
|
+
function (
|
|
60126
|
+
$event
|
|
60127
|
+
) {
|
|
60128
|
+
$event.stopPropagation();
|
|
60129
|
+
return _vm.instance.toggleExpand(
|
|
60130
|
+
item,
|
|
60131
|
+
index
|
|
60132
|
+
)
|
|
60133
|
+
},
|
|
59752
60134
|
},
|
|
59753
60135
|
},
|
|
59754
60136
|
[
|
|
59755
60137
|
_vm._v(
|
|
59756
|
-
|
|
59757
|
-
_vm
|
|
59758
|
-
|
|
59759
|
-
|
|
59760
|
-
|
|
60138
|
+
"\n " +
|
|
60139
|
+
_vm._s(
|
|
60140
|
+
_vm.$getIcon(
|
|
60141
|
+
"chevronRight"
|
|
60142
|
+
)
|
|
60143
|
+
) +
|
|
60144
|
+
"\n "
|
|
59761
60145
|
),
|
|
59762
60146
|
]
|
|
59763
60147
|
)
|
|
59764
|
-
:
|
|
59765
|
-
|
|
60148
|
+
: _vm._e(),
|
|
60149
|
+
],
|
|
60150
|
+
1
|
|
60151
|
+
),
|
|
60152
|
+
_vm._v(" "),
|
|
60153
|
+
Object.assign(
|
|
60154
|
+
{},
|
|
60155
|
+
column,
|
|
60156
|
+
cellProps
|
|
60157
|
+
).editable &&
|
|
60158
|
+
_vm.canEditRowValues[
|
|
60159
|
+
_vm.rowKey(item)
|
|
60160
|
+
] &&
|
|
60161
|
+
_vm.instance.editing
|
|
60162
|
+
? _c(
|
|
60163
|
+
"span",
|
|
60164
|
+
{
|
|
60165
|
+
directives: [
|
|
59766
60166
|
{
|
|
59767
|
-
|
|
59768
|
-
|
|
59769
|
-
|
|
59770
|
-
|
|
60167
|
+
name: "show",
|
|
60168
|
+
rawName:
|
|
60169
|
+
"v-show",
|
|
60170
|
+
value:
|
|
60171
|
+
!column.loading,
|
|
60172
|
+
expression:
|
|
60173
|
+
"!column.loading",
|
|
59771
60174
|
},
|
|
59772
|
-
|
|
59773
|
-
|
|
59774
|
-
|
|
59775
|
-
|
|
59776
|
-
|
|
60175
|
+
],
|
|
60176
|
+
staticClass:
|
|
60177
|
+
"zd-table-cell-inline-edit",
|
|
60178
|
+
style: {
|
|
60179
|
+
width:
|
|
60180
|
+
_vm.calcWidth(
|
|
60181
|
+
column,
|
|
60182
|
+
column.maxWidth ||
|
|
60183
|
+
column.minWidth
|
|
60184
|
+
) || "unset",
|
|
60185
|
+
"min-width":
|
|
60186
|
+
_vm.calcWidth(
|
|
60187
|
+
column,
|
|
60188
|
+
column.minWidth
|
|
60189
|
+
) || "unset",
|
|
60190
|
+
"max-width":
|
|
60191
|
+
_vm.calcWidth(
|
|
60192
|
+
column,
|
|
60193
|
+
column.maxWidth
|
|
60194
|
+
) || "unset",
|
|
60195
|
+
},
|
|
60196
|
+
},
|
|
60197
|
+
[
|
|
60198
|
+
_vm.instance.isEdited(
|
|
60199
|
+
column,
|
|
60200
|
+
item
|
|
60201
|
+
)
|
|
60202
|
+
? _c(
|
|
60203
|
+
"span",
|
|
60204
|
+
{
|
|
60205
|
+
staticClass:
|
|
60206
|
+
"zd-table-cell-edit-icon",
|
|
60207
|
+
},
|
|
60208
|
+
[
|
|
60209
|
+
_vm.instance.isValid(
|
|
60210
|
+
column,
|
|
60211
|
+
item
|
|
59777
60212
|
)
|
|
59778
|
-
|
|
60213
|
+
? _c(
|
|
60214
|
+
"v-icon",
|
|
60215
|
+
{
|
|
60216
|
+
attrs:
|
|
60217
|
+
{
|
|
60218
|
+
color:
|
|
60219
|
+
"primary",
|
|
60220
|
+
},
|
|
60221
|
+
},
|
|
60222
|
+
[
|
|
60223
|
+
_vm._v(
|
|
60224
|
+
_vm._s(
|
|
60225
|
+
_vm.$getIcon(
|
|
60226
|
+
"pencil"
|
|
60227
|
+
)
|
|
60228
|
+
)
|
|
60229
|
+
),
|
|
60230
|
+
]
|
|
60231
|
+
)
|
|
60232
|
+
: _c(
|
|
60233
|
+
"v-icon",
|
|
60234
|
+
{
|
|
60235
|
+
attrs:
|
|
60236
|
+
{
|
|
60237
|
+
color:
|
|
60238
|
+
"error",
|
|
60239
|
+
},
|
|
60240
|
+
},
|
|
60241
|
+
[
|
|
60242
|
+
_vm._v(
|
|
60243
|
+
_vm._s(
|
|
60244
|
+
_vm.$getIcon(
|
|
60245
|
+
"warning"
|
|
60246
|
+
)
|
|
60247
|
+
)
|
|
60248
|
+
),
|
|
60249
|
+
]
|
|
60250
|
+
),
|
|
60251
|
+
],
|
|
60252
|
+
1
|
|
60253
|
+
)
|
|
60254
|
+
: _vm._e(),
|
|
60255
|
+
_vm._v(" "),
|
|
60256
|
+
_c(
|
|
60257
|
+
column
|
|
60258
|
+
.componentProps
|
|
60259
|
+
.component,
|
|
60260
|
+
_vm._b(
|
|
60261
|
+
{
|
|
60262
|
+
key:
|
|
60263
|
+
column.name +
|
|
60264
|
+
_vm.rowKey(
|
|
60265
|
+
item
|
|
60266
|
+
),
|
|
60267
|
+
tag: "component",
|
|
60268
|
+
},
|
|
60269
|
+
"component",
|
|
60270
|
+
_vm.getEditableComponent(
|
|
60271
|
+
column,
|
|
60272
|
+
item,
|
|
60273
|
+
cellProps
|
|
59779
60274
|
),
|
|
59780
|
-
|
|
60275
|
+
false
|
|
60276
|
+
)
|
|
59781
60277
|
),
|
|
59782
|
-
|
|
59783
|
-
|
|
59784
|
-
|
|
59785
|
-
|
|
59786
|
-
|
|
59787
|
-
|
|
59788
|
-
column.componentProps
|
|
59789
|
-
.component,
|
|
59790
|
-
_vm._b(
|
|
59791
|
-
{
|
|
59792
|
-
key:
|
|
59793
|
-
column.name +
|
|
59794
|
-
_vm.rowKey(item),
|
|
59795
|
-
tag: "component",
|
|
59796
|
-
},
|
|
59797
|
-
"component",
|
|
59798
|
-
_vm.getEditableComponent(
|
|
59799
|
-
column,
|
|
59800
|
-
item,
|
|
59801
|
-
cellProps
|
|
59802
|
-
),
|
|
59803
|
-
false
|
|
59804
|
-
)
|
|
59805
|
-
),
|
|
59806
|
-
],
|
|
59807
|
-
1
|
|
59808
|
-
)
|
|
59809
|
-
: _vm.hasToggleIcon(column, item)
|
|
59810
|
-
? _c(
|
|
59811
|
-
"span",
|
|
59812
|
-
[
|
|
59813
|
-
_c("v-icon", [
|
|
59814
|
-
_vm._v(
|
|
59815
|
-
_vm._s(
|
|
59816
|
-
_vm.$getIcon(
|
|
59817
|
-
column.formatterByRow(
|
|
59818
|
-
item,
|
|
59819
|
-
cellProps
|
|
60278
|
+
],
|
|
60279
|
+
1
|
|
60280
|
+
)
|
|
60281
|
+
: _vm.hasToggleIcon(
|
|
60282
|
+
column,
|
|
60283
|
+
item
|
|
59820
60284
|
)
|
|
59821
|
-
)
|
|
59822
|
-
)
|
|
59823
|
-
),
|
|
59824
|
-
]),
|
|
59825
|
-
],
|
|
59826
|
-
1
|
|
59827
|
-
)
|
|
59828
|
-
: _c(
|
|
59829
|
-
"span",
|
|
59830
|
-
{
|
|
59831
|
-
directives: [
|
|
59832
|
-
{
|
|
59833
|
-
name: "show",
|
|
59834
|
-
rawName: "v-show",
|
|
59835
|
-
value: !column.loading,
|
|
59836
|
-
expression:
|
|
59837
|
-
"!column.loading",
|
|
59838
|
-
},
|
|
59839
|
-
],
|
|
59840
|
-
class: [
|
|
59841
|
-
"zd-table-cell-text",
|
|
59842
|
-
{
|
|
59843
|
-
"zd-table-cell-text-editable":
|
|
59844
|
-
Object.assign(
|
|
59845
|
-
{},
|
|
59846
|
-
column,
|
|
59847
|
-
cellProps
|
|
59848
|
-
).editable,
|
|
59849
|
-
"overflow-hidden":
|
|
59850
|
-
column.overflow ===
|
|
59851
|
-
"hidden",
|
|
59852
|
-
"overflow-wrap":
|
|
59853
|
-
column.overflow ===
|
|
59854
|
-
"wrap",
|
|
59855
|
-
},
|
|
59856
|
-
!isNaN(column.overflow)
|
|
59857
|
-
? "overflow-clamp overflow-clamp-" +
|
|
59858
|
-
column.overflow
|
|
59859
|
-
: "",
|
|
59860
|
-
],
|
|
59861
|
-
style: {
|
|
59862
|
-
width:
|
|
59863
|
-
_vm.calcWidth(
|
|
59864
|
-
column,
|
|
59865
|
-
column.width,
|
|
59866
|
-
true
|
|
59867
|
-
) || "unset",
|
|
59868
|
-
"min-width":
|
|
59869
|
-
_vm.calcWidth(
|
|
59870
|
-
column,
|
|
59871
|
-
column.minWidth,
|
|
59872
|
-
true
|
|
59873
|
-
) || "unset",
|
|
59874
|
-
"max-width":
|
|
59875
|
-
_vm.calcWidth(
|
|
59876
|
-
column,
|
|
59877
|
-
column.maxWidth,
|
|
59878
|
-
true
|
|
59879
|
-
) || "unset",
|
|
59880
|
-
},
|
|
59881
|
-
on: {
|
|
59882
|
-
mouseenter: function (
|
|
59883
|
-
$event
|
|
59884
|
-
) {
|
|
59885
|
-
return _vm.checkOverflow(
|
|
59886
|
-
$event
|
|
59887
|
-
)
|
|
59888
|
-
},
|
|
59889
|
-
mouseleave: function (
|
|
59890
|
-
$event
|
|
59891
|
-
) {
|
|
59892
|
-
return _vm.removeTooltip()
|
|
59893
|
-
},
|
|
59894
|
-
},
|
|
59895
|
-
},
|
|
59896
|
-
[
|
|
59897
|
-
_c(
|
|
59898
|
-
"div",
|
|
59899
|
-
{
|
|
59900
|
-
directives: [
|
|
59901
|
-
{
|
|
59902
|
-
name: "show",
|
|
59903
|
-
rawName: "v-show",
|
|
59904
|
-
value:
|
|
59905
|
-
headerIndex === 0,
|
|
59906
|
-
expression:
|
|
59907
|
-
"headerIndex === 0",
|
|
59908
|
-
},
|
|
59909
|
-
],
|
|
59910
|
-
class: [
|
|
59911
|
-
"zd-tree-grid-editable-expand",
|
|
59912
|
-
"level" +
|
|
59913
|
-
item.tree__level,
|
|
59914
|
-
],
|
|
59915
|
-
},
|
|
59916
|
-
[
|
|
59917
|
-
item.tree__children
|
|
59918
|
-
.length > 0
|
|
59919
60285
|
? _c(
|
|
59920
|
-
"
|
|
60286
|
+
"span",
|
|
60287
|
+
[
|
|
60288
|
+
_c("v-icon", [
|
|
60289
|
+
_vm._v(
|
|
60290
|
+
_vm._s(
|
|
60291
|
+
_vm.$getIcon(
|
|
60292
|
+
column.formatterByRow(
|
|
60293
|
+
item,
|
|
60294
|
+
cellProps
|
|
60295
|
+
)
|
|
60296
|
+
)
|
|
60297
|
+
)
|
|
60298
|
+
),
|
|
60299
|
+
]),
|
|
60300
|
+
],
|
|
60301
|
+
1
|
|
60302
|
+
)
|
|
60303
|
+
: _c(
|
|
60304
|
+
"span",
|
|
59921
60305
|
{
|
|
59922
|
-
|
|
59923
|
-
|
|
59924
|
-
|
|
59925
|
-
|
|
59926
|
-
|
|
59927
|
-
|
|
60306
|
+
directives: [
|
|
60307
|
+
{
|
|
60308
|
+
name: "show",
|
|
60309
|
+
rawName:
|
|
60310
|
+
"v-show",
|
|
60311
|
+
value:
|
|
60312
|
+
!column.loading,
|
|
60313
|
+
expression:
|
|
60314
|
+
"!column.loading",
|
|
60315
|
+
},
|
|
60316
|
+
],
|
|
60317
|
+
class: [
|
|
60318
|
+
"zd-table-cell-text",
|
|
60319
|
+
{
|
|
60320
|
+
"zd-table-cell-text-editable":
|
|
60321
|
+
Object.assign(
|
|
60322
|
+
{},
|
|
60323
|
+
column,
|
|
60324
|
+
cellProps
|
|
60325
|
+
).editable,
|
|
60326
|
+
"overflow-hidden":
|
|
60327
|
+
column.overflow ===
|
|
60328
|
+
"hidden",
|
|
60329
|
+
"overflow-wrap":
|
|
60330
|
+
column.overflow ===
|
|
60331
|
+
"wrap",
|
|
60332
|
+
},
|
|
60333
|
+
!isNaN(
|
|
60334
|
+
column.overflow
|
|
60335
|
+
)
|
|
60336
|
+
? "overflow-clamp overflow-clamp-" +
|
|
60337
|
+
column.overflow
|
|
60338
|
+
: "",
|
|
60339
|
+
],
|
|
60340
|
+
style: {
|
|
60341
|
+
width:
|
|
60342
|
+
_vm.calcWidth(
|
|
60343
|
+
column,
|
|
60344
|
+
column.maxWidth ||
|
|
60345
|
+
column.minWidth
|
|
60346
|
+
) || "unset",
|
|
60347
|
+
"min-width":
|
|
60348
|
+
_vm.calcWidth(
|
|
60349
|
+
column,
|
|
60350
|
+
column.minWidth
|
|
60351
|
+
) || "unset",
|
|
60352
|
+
"max-width":
|
|
60353
|
+
_vm.calcWidth(
|
|
60354
|
+
column,
|
|
60355
|
+
column.maxWidth
|
|
60356
|
+
) || "unset",
|
|
59928
60357
|
},
|
|
59929
60358
|
on: {
|
|
59930
|
-
|
|
60359
|
+
mouseenter:
|
|
59931
60360
|
function (
|
|
59932
60361
|
$event
|
|
59933
60362
|
) {
|
|
59934
|
-
return _vm.
|
|
59935
|
-
|
|
59936
|
-
index
|
|
60363
|
+
return _vm.checkOverflow(
|
|
60364
|
+
$event
|
|
59937
60365
|
)
|
|
59938
60366
|
},
|
|
60367
|
+
mouseleave:
|
|
60368
|
+
function (
|
|
60369
|
+
$event
|
|
60370
|
+
) {
|
|
60371
|
+
return _vm.removeTooltip()
|
|
60372
|
+
},
|
|
59939
60373
|
},
|
|
59940
60374
|
},
|
|
59941
60375
|
[
|
|
59942
|
-
|
|
59943
|
-
|
|
59944
|
-
|
|
59945
|
-
|
|
59946
|
-
|
|
59947
|
-
|
|
59948
|
-
|
|
59949
|
-
|
|
59950
|
-
|
|
60376
|
+
_c("span", {
|
|
60377
|
+
key: item.tree__searched
|
|
60378
|
+
? "a"
|
|
60379
|
+
: "b",
|
|
60380
|
+
domProps: {
|
|
60381
|
+
innerHTML:
|
|
60382
|
+
_vm._s(
|
|
60383
|
+
_vm.formatSearchResult(
|
|
60384
|
+
column.formatterByRow(
|
|
60385
|
+
item,
|
|
60386
|
+
cellProps
|
|
60387
|
+
)
|
|
60388
|
+
)
|
|
60389
|
+
),
|
|
60390
|
+
},
|
|
60391
|
+
}),
|
|
59951
60392
|
]
|
|
59952
|
-
)
|
|
59953
|
-
|
|
59954
|
-
],
|
|
59955
|
-
1
|
|
60393
|
+
),
|
|
60394
|
+
]
|
|
59956
60395
|
),
|
|
59957
|
-
|
|
59958
|
-
|
|
59959
|
-
key: item.tree__searched
|
|
59960
|
-
? "a"
|
|
59961
|
-
: "b",
|
|
59962
|
-
domProps: {
|
|
59963
|
-
innerHTML: _vm._s(
|
|
59964
|
-
_vm.formatSearchResult(
|
|
59965
|
-
column.formatterByRow(
|
|
59966
|
-
item,
|
|
59967
|
-
cellProps
|
|
59968
|
-
)
|
|
59969
|
-
)
|
|
59970
|
-
),
|
|
59971
|
-
},
|
|
59972
|
-
}),
|
|
59973
|
-
]
|
|
59974
|
-
),
|
|
60396
|
+
]
|
|
60397
|
+
),
|
|
59975
60398
|
],
|
|
59976
60399
|
1
|
|
59977
60400
|
),
|
|
@@ -60194,8 +60617,8 @@ __vue_render__._withStripped = true;
|
|
|
60194
60617
|
/* style */
|
|
60195
60618
|
const __vue_inject_styles__ = function (inject) {
|
|
60196
60619
|
if (!inject) return
|
|
60197
|
-
inject("data-v-
|
|
60198
|
-
,inject("data-v-
|
|
60620
|
+
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 })
|
|
60621
|
+
,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 });
|
|
60199
60622
|
|
|
60200
60623
|
};
|
|
60201
60624
|
/* scoped */
|
|
@@ -60379,6 +60802,23 @@ var styleObjectPlugin = (style) => {
|
|
|
60379
60802
|
return objectStyle;
|
|
60380
60803
|
};
|
|
60381
60804
|
|
|
60805
|
+
/**
|
|
60806
|
+
* Register an observer that calls `callback` when the `element` becomes visible
|
|
60807
|
+
*/
|
|
60808
|
+
var onVisiblePlugin = (element, callback, root) => {
|
|
60809
|
+
const options = {
|
|
60810
|
+
root,
|
|
60811
|
+
};
|
|
60812
|
+
const observer = new IntersectionObserver((entries) => {
|
|
60813
|
+
entries.forEach((entry) => {
|
|
60814
|
+
if (entry.intersectionRatio > 0)
|
|
60815
|
+
callback();
|
|
60816
|
+
});
|
|
60817
|
+
}, options);
|
|
60818
|
+
observer.observe(element);
|
|
60819
|
+
return observer;
|
|
60820
|
+
};
|
|
60821
|
+
|
|
60382
60822
|
// tslint:disable: variable-name
|
|
60383
60823
|
const VueTreeSelect = require('@zeedhi/zd-vue-treeselect');
|
|
60384
60824
|
const Hooper = require('hooper');
|
|
@@ -60515,6 +60955,8 @@ const Zeedhi = {
|
|
|
60515
60955
|
Vue.prototype.$doubleClick = doubleClickPlugin;
|
|
60516
60956
|
// isMobile
|
|
60517
60957
|
Vue.prototype.$isMobile = isMobilePlugin;
|
|
60958
|
+
// onVisible
|
|
60959
|
+
Vue.prototype.$onVisible = onVisiblePlugin;
|
|
60518
60960
|
// isDark
|
|
60519
60961
|
Vue.prototype.$isDark = isDarkPlugin;
|
|
60520
60962
|
// isLight
|