@zeedhi/vuetify 1.64.0 → 1.66.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/zd-vuetify.umd.js
CHANGED
@@ -2212,7 +2212,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
2212
2212
|
}
|
2213
2213
|
Vuetify.install = install$1;
|
2214
2214
|
Vuetify.installed = false;
|
2215
|
-
Vuetify.version = "2.6.
|
2215
|
+
Vuetify.version = "2.6.13";
|
2216
2216
|
Vuetify.config = {
|
2217
2217
|
silent: false
|
2218
2218
|
};
|
@@ -3579,6 +3579,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
3579
3579
|
animation.classList.remove('v-ripple__animation--in');
|
3580
3580
|
animation.classList.add('v-ripple__animation--out');
|
3581
3581
|
setTimeout(() => {
|
3582
|
+
var _a;
|
3583
|
+
|
3582
3584
|
const ripples = el.getElementsByClassName('v-ripple__animation');
|
3583
3585
|
|
3584
3586
|
if (ripples.length === 1 && el.dataset.previousPosition) {
|
@@ -3586,7 +3588,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
3586
3588
|
delete el.dataset.previousPosition;
|
3587
3589
|
}
|
3588
3590
|
|
3589
|
-
animation.parentNode
|
3591
|
+
if (((_a = animation.parentNode) === null || _a === void 0 ? void 0 : _a.parentNode) === el) el.removeChild(animation.parentNode);
|
3590
3592
|
}, 300);
|
3591
3593
|
}, delay);
|
3592
3594
|
}
|
@@ -10680,10 +10682,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
10680
10682
|
var VAutocomplete = VSelect.extend({
|
10681
10683
|
name: 'v-autocomplete',
|
10682
10684
|
props: {
|
10683
|
-
allowOverflow: {
|
10684
|
-
type: Boolean,
|
10685
|
-
default: true
|
10686
|
-
},
|
10687
10685
|
autoSelectFirst: {
|
10688
10686
|
type: Boolean,
|
10689
10687
|
default: false
|
@@ -20770,7 +20768,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
20770
20768
|
on: {
|
20771
20769
|
// TODO: for click, the first argument should be the event, and the second argument should be data,
|
20772
20770
|
// but this is a breaking change so it's for v3
|
20773
|
-
click:
|
20771
|
+
click: event => this.$emit('click:row', item, data, event),
|
20774
20772
|
contextmenu: event => this.$emit('contextmenu:row', event, data),
|
20775
20773
|
dblclick: event => this.$emit('dblclick:row', event, data)
|
20776
20774
|
}
|
@@ -36840,7 +36838,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
36840
36838
|
exports.default = Vuetify;
|
36841
36839
|
Vuetify.install = install_1.install;
|
36842
36840
|
Vuetify.installed = false;
|
36843
|
-
Vuetify.version = "2.6.
|
36841
|
+
Vuetify.version = "2.6.13";
|
36844
36842
|
Vuetify.config = {
|
36845
36843
|
silent: false
|
36846
36844
|
};
|
@@ -37104,6 +37102,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
37104
37102
|
animation.classList.remove('v-ripple__animation--in');
|
37105
37103
|
animation.classList.add('v-ripple__animation--out');
|
37106
37104
|
setTimeout(function () {
|
37105
|
+
var _a;
|
37106
|
+
|
37107
37107
|
var ripples = el.getElementsByClassName('v-ripple__animation');
|
37108
37108
|
|
37109
37109
|
if (ripples.length === 1 && el.dataset.previousPosition) {
|
@@ -37111,7 +37111,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
37111
37111
|
delete el.dataset.previousPosition;
|
37112
37112
|
}
|
37113
37113
|
|
37114
|
-
animation.parentNode
|
37114
|
+
if (((_a = animation.parentNode) === null || _a === void 0 ? void 0 : _a.parentNode) === el) el.removeChild(animation.parentNode);
|
37115
37115
|
}, 300);
|
37116
37116
|
}, delay);
|
37117
37117
|
}
|
@@ -41361,11 +41361,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
41361
41361
|
}
|
41362
41362
|
return events;
|
41363
41363
|
}
|
41364
|
-
setPlaceholder() {
|
41364
|
+
setPlaceholder(htmlElment = 'input') {
|
41365
41365
|
const placeholder = this.$t(this.instance.placeholder);
|
41366
41366
|
if (placeholder !== '') {
|
41367
41367
|
setTimeout(() => {
|
41368
|
-
const input = this.$el.getElementsByTagName(
|
41368
|
+
const input = this.$el.getElementsByTagName(`${htmlElment}`)[0];
|
41369
41369
|
input.setAttribute('placeholder', placeholder);
|
41370
41370
|
}, 0);
|
41371
41371
|
}
|
@@ -42169,7 +42169,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
42169
42169
|
/* style */
|
42170
42170
|
const __vue_inject_styles__$16 = function (inject) {
|
42171
42171
|
if (!inject) return
|
42172
|
-
inject("data-v-
|
42172
|
+
inject("data-v-17b62b32_0", { source: ".zd-dashboard {\n display: flex;\n flex-direction: column;\n cursor: auto;\n}\n.zd-dashboard .zd-header {\n margin-bottom: 10px;\n}\n.zd-dashboard .zd-footer {\n bottom: 0;\n right: 10px;\n position: absolute;\n padding: 3px;\n}\n.zd-dashboard .zd-footer.theme--dark {\n background: #1e1e1e;\n}\n.zd-dashboard .zd-footer.theme--light {\n background: #fff;\n}\n.zd-dashboard .zd-icon {\n bottom: 0;\n right: 0;\n position: absolute;\n cursor: nw-resize;\n}\n.zd-dashboard .zd-dashboard-body {\n justify-content: flex-start;\n align-content: flex-start;\n display: flex;\n flex-wrap: wrap;\n overflow: auto;\n height: 100%;\n min-height: 0;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col {\n min-height: 70px;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div {\n height: 100%;\n position: relative;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div > .zd-card {\n height: 100%;\n}\n.ghost-drag {\n border: 2px dashed #772583;\n opacity: 0.5;\n margin: 0;\n}", map: undefined, media: undefined });
|
42173
42173
|
|
42174
42174
|
};
|
42175
42175
|
/* scoped */
|
@@ -46400,7 +46400,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
46400
46400
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
46401
46401
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
46402
46402
|
],
|
46403
|
-
style: [
|
46403
|
+
style: [
|
46404
|
+
_vm.cssColorVars,
|
46405
|
+
_vm.instance.gridHeight
|
46406
|
+
? { height: _vm.$formatSize(_vm.instance.gridHeight) }
|
46407
|
+
: {},
|
46408
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
46409
|
+
],
|
46404
46410
|
attrs: {
|
46405
46411
|
id: _vm.instance.name,
|
46406
46412
|
dark: _vm.instance.dark,
|
@@ -47362,8 +47368,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
47362
47368
|
/* style */
|
47363
47369
|
const __vue_inject_styles__$W = function (inject) {
|
47364
47370
|
if (!inject) return
|
47365
|
-
inject("data-v-
|
47366
|
-
,inject("data-v-
|
47371
|
+
inject("data-v-a1c49954_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 })
|
47372
|
+
,inject("data-v-a1c49954_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 });
|
47367
47373
|
|
47368
47374
|
};
|
47369
47375
|
/* scoped */
|
@@ -48759,78 +48765,23 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
48759
48765
|
])
|
48760
48766
|
: _vm._e(),
|
48761
48767
|
_vm._v(" "),
|
48762
|
-
|
48763
|
-
|
48764
|
-
|
48765
|
-
|
48766
|
-
|
48767
|
-
|
48768
|
-
|
48769
|
-
|
48770
|
-
|
48771
|
-
|
48772
|
-
|
48773
|
-
|
48774
|
-
key: index,
|
48775
|
-
tag: "component",
|
48776
|
-
attrs: { parent: _vm.instance },
|
48768
|
+
_c("div", { staticClass: "zd-iterable-content" }, [
|
48769
|
+
_c(
|
48770
|
+
"div",
|
48771
|
+
{ staticClass: "zd-display-flex zd-flex-wrap" },
|
48772
|
+
[
|
48773
|
+
_vm.instance.datasource.loading
|
48774
|
+
? _c("v-progress-circular", {
|
48775
|
+
staticClass: "zd-frame",
|
48776
|
+
attrs: {
|
48777
|
+
indeterminate: "",
|
48778
|
+
size: "64",
|
48779
|
+
color: "primary",
|
48777
48780
|
},
|
48778
|
-
|
48779
|
-
|
48780
|
-
false
|
48781
|
-
)
|
48782
|
-
)
|
48783
|
-
}),
|
48784
|
-
_vm._v(" "),
|
48785
|
-
_vm._t("errorSlot"),
|
48786
|
-
_vm._v(" "),
|
48787
|
-
_vm.instance.errorSlot.length === 0
|
48788
|
-
? _c("span", { staticClass: "error--text" }, [
|
48789
|
-
_vm._v(_vm._s(_vm.$t(_vm.instance.datasource.error))),
|
48790
|
-
])
|
48791
|
-
: _vm._e(),
|
48792
|
-
]
|
48793
|
-
: _vm.instance.datasource.data.length
|
48794
|
-
? _vm._l(_vm.instance.datasource.data, function (row) {
|
48795
|
-
return _c(
|
48796
|
-
_vm.instance.componentMetadata.component,
|
48797
|
-
_vm._b(
|
48798
|
-
{ key: JSON.stringify(row), tag: "component" },
|
48799
|
-
"component",
|
48800
|
-
_vm.instance.getComponentMetadata(row),
|
48801
|
-
false
|
48802
|
-
)
|
48803
|
-
)
|
48804
|
-
})
|
48805
|
-
: !_vm.instance.datasource.currentRow[
|
48806
|
-
_vm.instance.datasource.uniqueKey
|
48807
|
-
]
|
48808
|
-
? [
|
48809
|
-
_vm.instance.datasource.search
|
48781
|
+
})
|
48782
|
+
: _vm.instance.datasource.error
|
48810
48783
|
? [
|
48811
|
-
_vm._l(
|
48812
|
-
_vm.instance.noResultSlot,
|
48813
|
-
function (child, index) {
|
48814
|
-
return _c(
|
48815
|
-
child.component,
|
48816
|
-
_vm._b(
|
48817
|
-
{
|
48818
|
-
key: index,
|
48819
|
-
tag: "component",
|
48820
|
-
attrs: { parent: _vm.instance },
|
48821
|
-
},
|
48822
|
-
"component",
|
48823
|
-
child,
|
48824
|
-
false
|
48825
|
-
)
|
48826
|
-
)
|
48827
|
-
}
|
48828
|
-
),
|
48829
|
-
_vm._v(" "),
|
48830
|
-
_vm._t("noResultSlot"),
|
48831
|
-
]
|
48832
|
-
: [
|
48833
|
-
_vm._l(_vm.instance.noDataSlot, function (child, index) {
|
48784
|
+
_vm._l(_vm.instance.errorSlot, function (child, index) {
|
48834
48785
|
return _c(
|
48835
48786
|
child.component,
|
48836
48787
|
_vm._b(
|
@@ -48846,23 +48797,98 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
48846
48797
|
)
|
48847
48798
|
}),
|
48848
48799
|
_vm._v(" "),
|
48849
|
-
_vm._t("
|
48850
|
-
|
48851
|
-
|
48852
|
-
|
48853
|
-
|
48854
|
-
|
48855
|
-
|
48856
|
-
|
48857
|
-
|
48858
|
-
|
48859
|
-
|
48860
|
-
_vm.instance.
|
48861
|
-
|
48862
|
-
|
48863
|
-
|
48864
|
-
|
48865
|
-
|
48800
|
+
_vm._t("errorSlot"),
|
48801
|
+
_vm._v(" "),
|
48802
|
+
_vm.instance.errorSlot.length === 0
|
48803
|
+
? _c("span", { staticClass: "error--text" }, [
|
48804
|
+
_vm._v(
|
48805
|
+
_vm._s(_vm.$t(_vm.instance.datasource.error))
|
48806
|
+
),
|
48807
|
+
])
|
48808
|
+
: _vm._e(),
|
48809
|
+
]
|
48810
|
+
: _vm.instance.datasource.data.length
|
48811
|
+
? _vm._l(_vm.instance.datasource.data, function (row) {
|
48812
|
+
return _c(
|
48813
|
+
_vm.instance.componentMetadata.component,
|
48814
|
+
_vm._b(
|
48815
|
+
{ key: JSON.stringify(row), tag: "component" },
|
48816
|
+
"component",
|
48817
|
+
_vm.instance.getComponentMetadata(row),
|
48818
|
+
false
|
48819
|
+
)
|
48820
|
+
)
|
48821
|
+
})
|
48822
|
+
: !_vm.instance.datasource.currentRow[
|
48823
|
+
_vm.instance.datasource.uniqueKey
|
48824
|
+
]
|
48825
|
+
? [
|
48826
|
+
_vm.instance.datasource.search
|
48827
|
+
? [
|
48828
|
+
_vm._l(
|
48829
|
+
_vm.instance.noResultSlot,
|
48830
|
+
function (child, index) {
|
48831
|
+
return _c(
|
48832
|
+
child.component,
|
48833
|
+
_vm._b(
|
48834
|
+
{
|
48835
|
+
key: index,
|
48836
|
+
tag: "component",
|
48837
|
+
attrs: { parent: _vm.instance },
|
48838
|
+
},
|
48839
|
+
"component",
|
48840
|
+
child,
|
48841
|
+
false
|
48842
|
+
)
|
48843
|
+
)
|
48844
|
+
}
|
48845
|
+
),
|
48846
|
+
_vm._v(" "),
|
48847
|
+
_vm._t("noResultSlot"),
|
48848
|
+
]
|
48849
|
+
: [
|
48850
|
+
_vm._l(
|
48851
|
+
_vm.instance.noDataSlot,
|
48852
|
+
function (child, index) {
|
48853
|
+
return _c(
|
48854
|
+
child.component,
|
48855
|
+
_vm._b(
|
48856
|
+
{
|
48857
|
+
key: index,
|
48858
|
+
tag: "component",
|
48859
|
+
attrs: { parent: _vm.instance },
|
48860
|
+
},
|
48861
|
+
"component",
|
48862
|
+
child,
|
48863
|
+
false
|
48864
|
+
)
|
48865
|
+
)
|
48866
|
+
}
|
48867
|
+
),
|
48868
|
+
_vm._v(" "),
|
48869
|
+
_vm._t("noDataSlot"),
|
48870
|
+
],
|
48871
|
+
]
|
48872
|
+
: _c(
|
48873
|
+
_vm.instance.componentMetadata.component,
|
48874
|
+
_vm._b(
|
48875
|
+
{
|
48876
|
+
key: JSON.stringify(
|
48877
|
+
_vm.instance.datasource.currentRow
|
48878
|
+
),
|
48879
|
+
tag: "component",
|
48880
|
+
},
|
48881
|
+
"component",
|
48882
|
+
_vm.instance.getComponentMetadata(
|
48883
|
+
_vm.instance.datasource.currentRow
|
48884
|
+
),
|
48885
|
+
false
|
48886
|
+
)
|
48887
|
+
),
|
48888
|
+
],
|
48889
|
+
2
|
48890
|
+
),
|
48891
|
+
]),
|
48866
48892
|
_vm._v(" "),
|
48867
48893
|
_c(
|
48868
48894
|
"div",
|
@@ -48892,8 +48918,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
48892
48918
|
],
|
48893
48919
|
2
|
48894
48920
|
),
|
48895
|
-
]
|
48896
|
-
2
|
48921
|
+
]
|
48897
48922
|
)
|
48898
48923
|
: _vm._e()
|
48899
48924
|
};
|
@@ -48903,11 +48928,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
48903
48928
|
/* style */
|
48904
48929
|
const __vue_inject_styles__$N = function (inject) {
|
48905
48930
|
if (!inject) return
|
48906
|
-
inject("data-v-
|
48931
|
+
inject("data-v-62016d82_0", { source: ".zd-iterable-component-render[data-v-62016d82] {\n width: 100%;\n display: flex;\n flex-direction: column;\n}\n.zd-iterable-component-render .error--text[data-v-62016d82],\n.zd-iterable-component-render .no--data[data-v-62016d82] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.zd-iterable-component-render .no--data[data-v-62016d82] {\n color: rgba(0, 0, 0, 0.38);\n}\n.zd-iterable-component-render .zd-iterable-toolbar[data-v-62016d82] {\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-content[data-v-62016d82] {\n overflow: auto;\n}\n.zd-iterable-component-render .zd-iterable-footer[data-v-62016d82] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
48907
48932
|
|
48908
48933
|
};
|
48909
48934
|
/* scoped */
|
48910
|
-
const __vue_scope_id__$N = "data-v-
|
48935
|
+
const __vue_scope_id__$N = "data-v-62016d82";
|
48911
48936
|
/* module identifier */
|
48912
48937
|
const __vue_module_identifier__$N = undefined;
|
48913
48938
|
/* functional template */
|
@@ -56612,6 +56637,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
56612
56637
|
super(...arguments);
|
56613
56638
|
this.instanceType = common.Textarea;
|
56614
56639
|
}
|
56640
|
+
mounted() {
|
56641
|
+
this.setPlaceholder('textarea');
|
56642
|
+
}
|
56643
|
+
blur(event) {
|
56644
|
+
this.instance.blur(event, this.$el);
|
56645
|
+
this.setPlaceholder('textarea');
|
56646
|
+
}
|
56615
56647
|
};
|
56616
56648
|
__decorate([
|
56617
56649
|
PropWatch({ type: [Boolean, String], default: false }),
|
@@ -56650,11 +56682,17 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
56650
56682
|
__metadata("design:type", Boolean)
|
56651
56683
|
], ZdTextarea.prototype, "rounded", void 0);
|
56652
56684
|
__decorate([
|
56653
|
-
PropWatch({
|
56685
|
+
PropWatch({
|
56686
|
+
type: [Number, String],
|
56687
|
+
default: 24,
|
56688
|
+
}),
|
56654
56689
|
__metadata("design:type", Object)
|
56655
56690
|
], ZdTextarea.prototype, "rowHeight", void 0);
|
56656
56691
|
__decorate([
|
56657
|
-
PropWatch({
|
56692
|
+
PropWatch({
|
56693
|
+
type: [Number, String],
|
56694
|
+
default: 5,
|
56695
|
+
}),
|
56658
56696
|
__metadata("design:type", Object)
|
56659
56697
|
], ZdTextarea.prototype, "rows", void 0);
|
56660
56698
|
ZdTextarea = __decorate([
|
@@ -57585,7 +57623,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
57585
57623
|
this.beforeNodeState = {};
|
57586
57624
|
}
|
57587
57625
|
mounted() {
|
57588
|
-
this.setHeight();
|
57589
57626
|
this.instance.setTree(this.$refs.tree);
|
57590
57627
|
this.setAfterTitleMargin();
|
57591
57628
|
this.nodeChange();
|
@@ -57601,15 +57638,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
57601
57638
|
onNodeDrop(nodes, position, event) {
|
57602
57639
|
this.instance.nodeDrop(nodes, position, event, this.$el);
|
57603
57640
|
}
|
57604
|
-
setHeight() {
|
57605
|
-
const { grid } = this.$refs;
|
57606
|
-
if (this.instance.height) {
|
57607
|
-
grid.$el.style.height = this.$formatSize(this.instance.height);
|
57608
|
-
}
|
57609
|
-
if (this.instance.maxHeight) {
|
57610
|
-
grid.$el.style.maxHeight = this.$formatSize(this.instance.maxHeight);
|
57611
|
-
}
|
57612
|
-
}
|
57613
57641
|
onNodeSelect(nodes, event) {
|
57614
57642
|
const prevSelectCount = Object.keys(this.beforeNodeState).length;
|
57615
57643
|
this.beforeNodeState = {};
|
@@ -58227,7 +58255,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
58227
58255
|
{ "theme--light": _vm.$isLight(this) },
|
58228
58256
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
58229
58257
|
],
|
58230
|
-
style: [
|
58258
|
+
style: [
|
58259
|
+
_vm.cssColorVars,
|
58260
|
+
_vm.instance.gridHeight
|
58261
|
+
? { height: _vm.$formatSize(_vm.instance.gridHeight) }
|
58262
|
+
: {},
|
58263
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
58264
|
+
],
|
58231
58265
|
attrs: {
|
58232
58266
|
id: _vm.instance.name,
|
58233
58267
|
"fixed-header": "",
|
@@ -59154,8 +59188,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
59154
59188
|
/* style */
|
59155
59189
|
const __vue_inject_styles__$1 = function (inject) {
|
59156
59190
|
if (!inject) return
|
59157
|
-
inject("data-v-
|
59158
|
-
,inject("data-v-
|
59191
|
+
inject("data-v-503b3624_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 })
|
59192
|
+
,inject("data-v-503b3624_1", { source: ".zd-tree-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.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 text-align: end;\n vertical-align: baseline;\n height: 10px;\n display: inline-block;\n}\n.zd-tree-grid .zd-tree-grid-expand-action {\n height: 100%;\n display: inline-grid;\n justify-content: end;\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 });
|
59159
59193
|
|
59160
59194
|
};
|
59161
59195
|
/* scoped */
|
@@ -59379,7 +59413,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
59379
59413
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
59380
59414
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
59381
59415
|
],
|
59382
|
-
style: [
|
59416
|
+
style: [
|
59417
|
+
_vm.cssColorVars,
|
59418
|
+
_vm.instance.gridHeight
|
59419
|
+
? { height: _vm.$formatSize(_vm.instance.gridHeight) }
|
59420
|
+
: {},
|
59421
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
59422
|
+
],
|
59383
59423
|
attrs: {
|
59384
59424
|
id: _vm.instance.name,
|
59385
59425
|
"fixed-header": "",
|
@@ -60742,8 +60782,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
60742
60782
|
/* style */
|
60743
60783
|
const __vue_inject_styles__ = function (inject) {
|
60744
60784
|
if (!inject) return
|
60745
|
-
inject("data-v-
|
60746
|
-
,inject("data-v-
|
60785
|
+
inject("data-v-12f95c82_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 })
|
60786
|
+
,inject("data-v-12f95c82_1", { source: ".zd-tree-grid-editable table tbody tr td.zd-table-cell .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.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 });
|
60747
60787
|
|
60748
60788
|
};
|
60749
60789
|
/* scoped */
|