@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.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.13";
|
|
2217
2217
|
Vuetify.config = {
|
|
2218
2218
|
silent: false
|
|
2219
2219
|
};
|
|
@@ -3580,6 +3580,8 @@ const ripples = {
|
|
|
3580
3580
|
animation.classList.remove('v-ripple__animation--in');
|
|
3581
3581
|
animation.classList.add('v-ripple__animation--out');
|
|
3582
3582
|
setTimeout(() => {
|
|
3583
|
+
var _a;
|
|
3584
|
+
|
|
3583
3585
|
const ripples = el.getElementsByClassName('v-ripple__animation');
|
|
3584
3586
|
|
|
3585
3587
|
if (ripples.length === 1 && el.dataset.previousPosition) {
|
|
@@ -3587,7 +3589,7 @@ const ripples = {
|
|
|
3587
3589
|
delete el.dataset.previousPosition;
|
|
3588
3590
|
}
|
|
3589
3591
|
|
|
3590
|
-
animation.parentNode
|
|
3592
|
+
if (((_a = animation.parentNode) === null || _a === void 0 ? void 0 : _a.parentNode) === el) el.removeChild(animation.parentNode);
|
|
3591
3593
|
}, 300);
|
|
3592
3594
|
}, delay);
|
|
3593
3595
|
}
|
|
@@ -10681,10 +10683,6 @@ const defaultMenuProps = { ...defaultMenuProps$1,
|
|
|
10681
10683
|
var VAutocomplete = VSelect.extend({
|
|
10682
10684
|
name: 'v-autocomplete',
|
|
10683
10685
|
props: {
|
|
10684
|
-
allowOverflow: {
|
|
10685
|
-
type: Boolean,
|
|
10686
|
-
default: true
|
|
10687
|
-
},
|
|
10688
10686
|
autoSelectFirst: {
|
|
10689
10687
|
type: Boolean,
|
|
10690
10688
|
default: false
|
|
@@ -20771,7 +20769,7 @@ var VDataTable = mixins(VDataIterator, Loadable).extend({
|
|
|
20771
20769
|
on: {
|
|
20772
20770
|
// TODO: for click, the first argument should be the event, and the second argument should be data,
|
|
20773
20771
|
// but this is a breaking change so it's for v3
|
|
20774
|
-
click:
|
|
20772
|
+
click: event => this.$emit('click:row', item, data, event),
|
|
20775
20773
|
contextmenu: event => this.$emit('contextmenu:row', event, data),
|
|
20776
20774
|
dblclick: event => this.$emit('dblclick:row', event, data)
|
|
20777
20775
|
}
|
|
@@ -36841,7 +36839,7 @@ var Vuetify = /*#__PURE__*/function () {
|
|
|
36841
36839
|
exports.default = Vuetify;
|
|
36842
36840
|
Vuetify.install = install_1.install;
|
|
36843
36841
|
Vuetify.installed = false;
|
|
36844
|
-
Vuetify.version = "2.6.
|
|
36842
|
+
Vuetify.version = "2.6.13";
|
|
36845
36843
|
Vuetify.config = {
|
|
36846
36844
|
silent: false
|
|
36847
36845
|
};
|
|
@@ -37105,6 +37103,8 @@ var ripples = {
|
|
|
37105
37103
|
animation.classList.remove('v-ripple__animation--in');
|
|
37106
37104
|
animation.classList.add('v-ripple__animation--out');
|
|
37107
37105
|
setTimeout(function () {
|
|
37106
|
+
var _a;
|
|
37107
|
+
|
|
37108
37108
|
var ripples = el.getElementsByClassName('v-ripple__animation');
|
|
37109
37109
|
|
|
37110
37110
|
if (ripples.length === 1 && el.dataset.previousPosition) {
|
|
@@ -37112,7 +37112,7 @@ var ripples = {
|
|
|
37112
37112
|
delete el.dataset.previousPosition;
|
|
37113
37113
|
}
|
|
37114
37114
|
|
|
37115
|
-
animation.parentNode
|
|
37115
|
+
if (((_a = animation.parentNode) === null || _a === void 0 ? void 0 : _a.parentNode) === el) el.removeChild(animation.parentNode);
|
|
37116
37116
|
}, 300);
|
|
37117
37117
|
}, delay);
|
|
37118
37118
|
}
|
|
@@ -41362,11 +41362,11 @@ let ZdTextInput = class ZdTextInput extends ZdInput$1 {
|
|
|
41362
41362
|
}
|
|
41363
41363
|
return events;
|
|
41364
41364
|
}
|
|
41365
|
-
setPlaceholder() {
|
|
41365
|
+
setPlaceholder(htmlElment = 'input') {
|
|
41366
41366
|
const placeholder = this.$t(this.instance.placeholder);
|
|
41367
41367
|
if (placeholder !== '') {
|
|
41368
41368
|
setTimeout(() => {
|
|
41369
|
-
const input = this.$el.getElementsByTagName(
|
|
41369
|
+
const input = this.$el.getElementsByTagName(`${htmlElment}`)[0];
|
|
41370
41370
|
input.setAttribute('placeholder', placeholder);
|
|
41371
41371
|
}, 0);
|
|
41372
41372
|
}
|
|
@@ -42170,7 +42170,7 @@ __vue_render__$16._withStripped = true;
|
|
|
42170
42170
|
/* style */
|
|
42171
42171
|
const __vue_inject_styles__$16 = function (inject) {
|
|
42172
42172
|
if (!inject) return
|
|
42173
|
-
inject("data-v-
|
|
42173
|
+
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 });
|
|
42174
42174
|
|
|
42175
42175
|
};
|
|
42176
42176
|
/* scoped */
|
|
@@ -46401,7 +46401,13 @@ var __vue_render__$W = function () {
|
|
|
46401
46401
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
46402
46402
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
46403
46403
|
],
|
|
46404
|
-
style: [
|
|
46404
|
+
style: [
|
|
46405
|
+
_vm.cssColorVars,
|
|
46406
|
+
_vm.instance.gridHeight
|
|
46407
|
+
? { height: _vm.$formatSize(_vm.instance.gridHeight) }
|
|
46408
|
+
: {},
|
|
46409
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
|
46410
|
+
],
|
|
46405
46411
|
attrs: {
|
|
46406
46412
|
id: _vm.instance.name,
|
|
46407
46413
|
dark: _vm.instance.dark,
|
|
@@ -47363,8 +47369,8 @@ __vue_render__$W._withStripped = true;
|
|
|
47363
47369
|
/* style */
|
|
47364
47370
|
const __vue_inject_styles__$W = function (inject) {
|
|
47365
47371
|
if (!inject) return
|
|
47366
|
-
inject("data-v-
|
|
47367
|
-
,inject("data-v-
|
|
47372
|
+
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 })
|
|
47373
|
+
,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 });
|
|
47368
47374
|
|
|
47369
47375
|
};
|
|
47370
47376
|
/* scoped */
|
|
@@ -48760,78 +48766,23 @@ var __vue_render__$N = function () {
|
|
|
48760
48766
|
])
|
|
48761
48767
|
: _vm._e(),
|
|
48762
48768
|
_vm._v(" "),
|
|
48763
|
-
|
|
48764
|
-
|
|
48765
|
-
|
|
48766
|
-
|
|
48767
|
-
|
|
48768
|
-
|
|
48769
|
-
|
|
48770
|
-
|
|
48771
|
-
|
|
48772
|
-
|
|
48773
|
-
|
|
48774
|
-
|
|
48775
|
-
key: index,
|
|
48776
|
-
tag: "component",
|
|
48777
|
-
attrs: { parent: _vm.instance },
|
|
48769
|
+
_c("div", { staticClass: "zd-iterable-content" }, [
|
|
48770
|
+
_c(
|
|
48771
|
+
"div",
|
|
48772
|
+
{ staticClass: "zd-display-flex zd-flex-wrap" },
|
|
48773
|
+
[
|
|
48774
|
+
_vm.instance.datasource.loading
|
|
48775
|
+
? _c("v-progress-circular", {
|
|
48776
|
+
staticClass: "zd-frame",
|
|
48777
|
+
attrs: {
|
|
48778
|
+
indeterminate: "",
|
|
48779
|
+
size: "64",
|
|
48780
|
+
color: "primary",
|
|
48778
48781
|
},
|
|
48779
|
-
|
|
48780
|
-
|
|
48781
|
-
false
|
|
48782
|
-
)
|
|
48783
|
-
)
|
|
48784
|
-
}),
|
|
48785
|
-
_vm._v(" "),
|
|
48786
|
-
_vm._t("errorSlot"),
|
|
48787
|
-
_vm._v(" "),
|
|
48788
|
-
_vm.instance.errorSlot.length === 0
|
|
48789
|
-
? _c("span", { staticClass: "error--text" }, [
|
|
48790
|
-
_vm._v(_vm._s(_vm.$t(_vm.instance.datasource.error))),
|
|
48791
|
-
])
|
|
48792
|
-
: _vm._e(),
|
|
48793
|
-
]
|
|
48794
|
-
: _vm.instance.datasource.data.length
|
|
48795
|
-
? _vm._l(_vm.instance.datasource.data, function (row) {
|
|
48796
|
-
return _c(
|
|
48797
|
-
_vm.instance.componentMetadata.component,
|
|
48798
|
-
_vm._b(
|
|
48799
|
-
{ key: JSON.stringify(row), tag: "component" },
|
|
48800
|
-
"component",
|
|
48801
|
-
_vm.instance.getComponentMetadata(row),
|
|
48802
|
-
false
|
|
48803
|
-
)
|
|
48804
|
-
)
|
|
48805
|
-
})
|
|
48806
|
-
: !_vm.instance.datasource.currentRow[
|
|
48807
|
-
_vm.instance.datasource.uniqueKey
|
|
48808
|
-
]
|
|
48809
|
-
? [
|
|
48810
|
-
_vm.instance.datasource.search
|
|
48782
|
+
})
|
|
48783
|
+
: _vm.instance.datasource.error
|
|
48811
48784
|
? [
|
|
48812
|
-
_vm._l(
|
|
48813
|
-
_vm.instance.noResultSlot,
|
|
48814
|
-
function (child, index) {
|
|
48815
|
-
return _c(
|
|
48816
|
-
child.component,
|
|
48817
|
-
_vm._b(
|
|
48818
|
-
{
|
|
48819
|
-
key: index,
|
|
48820
|
-
tag: "component",
|
|
48821
|
-
attrs: { parent: _vm.instance },
|
|
48822
|
-
},
|
|
48823
|
-
"component",
|
|
48824
|
-
child,
|
|
48825
|
-
false
|
|
48826
|
-
)
|
|
48827
|
-
)
|
|
48828
|
-
}
|
|
48829
|
-
),
|
|
48830
|
-
_vm._v(" "),
|
|
48831
|
-
_vm._t("noResultSlot"),
|
|
48832
|
-
]
|
|
48833
|
-
: [
|
|
48834
|
-
_vm._l(_vm.instance.noDataSlot, function (child, index) {
|
|
48785
|
+
_vm._l(_vm.instance.errorSlot, function (child, index) {
|
|
48835
48786
|
return _c(
|
|
48836
48787
|
child.component,
|
|
48837
48788
|
_vm._b(
|
|
@@ -48847,23 +48798,98 @@ var __vue_render__$N = function () {
|
|
|
48847
48798
|
)
|
|
48848
48799
|
}),
|
|
48849
48800
|
_vm._v(" "),
|
|
48850
|
-
_vm._t("
|
|
48851
|
-
|
|
48852
|
-
|
|
48853
|
-
|
|
48854
|
-
|
|
48855
|
-
|
|
48856
|
-
|
|
48857
|
-
|
|
48858
|
-
|
|
48859
|
-
|
|
48860
|
-
|
|
48861
|
-
_vm.instance.
|
|
48862
|
-
|
|
48863
|
-
|
|
48864
|
-
|
|
48865
|
-
|
|
48866
|
-
|
|
48801
|
+
_vm._t("errorSlot"),
|
|
48802
|
+
_vm._v(" "),
|
|
48803
|
+
_vm.instance.errorSlot.length === 0
|
|
48804
|
+
? _c("span", { staticClass: "error--text" }, [
|
|
48805
|
+
_vm._v(
|
|
48806
|
+
_vm._s(_vm.$t(_vm.instance.datasource.error))
|
|
48807
|
+
),
|
|
48808
|
+
])
|
|
48809
|
+
: _vm._e(),
|
|
48810
|
+
]
|
|
48811
|
+
: _vm.instance.datasource.data.length
|
|
48812
|
+
? _vm._l(_vm.instance.datasource.data, function (row) {
|
|
48813
|
+
return _c(
|
|
48814
|
+
_vm.instance.componentMetadata.component,
|
|
48815
|
+
_vm._b(
|
|
48816
|
+
{ key: JSON.stringify(row), tag: "component" },
|
|
48817
|
+
"component",
|
|
48818
|
+
_vm.instance.getComponentMetadata(row),
|
|
48819
|
+
false
|
|
48820
|
+
)
|
|
48821
|
+
)
|
|
48822
|
+
})
|
|
48823
|
+
: !_vm.instance.datasource.currentRow[
|
|
48824
|
+
_vm.instance.datasource.uniqueKey
|
|
48825
|
+
]
|
|
48826
|
+
? [
|
|
48827
|
+
_vm.instance.datasource.search
|
|
48828
|
+
? [
|
|
48829
|
+
_vm._l(
|
|
48830
|
+
_vm.instance.noResultSlot,
|
|
48831
|
+
function (child, index) {
|
|
48832
|
+
return _c(
|
|
48833
|
+
child.component,
|
|
48834
|
+
_vm._b(
|
|
48835
|
+
{
|
|
48836
|
+
key: index,
|
|
48837
|
+
tag: "component",
|
|
48838
|
+
attrs: { parent: _vm.instance },
|
|
48839
|
+
},
|
|
48840
|
+
"component",
|
|
48841
|
+
child,
|
|
48842
|
+
false
|
|
48843
|
+
)
|
|
48844
|
+
)
|
|
48845
|
+
}
|
|
48846
|
+
),
|
|
48847
|
+
_vm._v(" "),
|
|
48848
|
+
_vm._t("noResultSlot"),
|
|
48849
|
+
]
|
|
48850
|
+
: [
|
|
48851
|
+
_vm._l(
|
|
48852
|
+
_vm.instance.noDataSlot,
|
|
48853
|
+
function (child, index) {
|
|
48854
|
+
return _c(
|
|
48855
|
+
child.component,
|
|
48856
|
+
_vm._b(
|
|
48857
|
+
{
|
|
48858
|
+
key: index,
|
|
48859
|
+
tag: "component",
|
|
48860
|
+
attrs: { parent: _vm.instance },
|
|
48861
|
+
},
|
|
48862
|
+
"component",
|
|
48863
|
+
child,
|
|
48864
|
+
false
|
|
48865
|
+
)
|
|
48866
|
+
)
|
|
48867
|
+
}
|
|
48868
|
+
),
|
|
48869
|
+
_vm._v(" "),
|
|
48870
|
+
_vm._t("noDataSlot"),
|
|
48871
|
+
],
|
|
48872
|
+
]
|
|
48873
|
+
: _c(
|
|
48874
|
+
_vm.instance.componentMetadata.component,
|
|
48875
|
+
_vm._b(
|
|
48876
|
+
{
|
|
48877
|
+
key: JSON.stringify(
|
|
48878
|
+
_vm.instance.datasource.currentRow
|
|
48879
|
+
),
|
|
48880
|
+
tag: "component",
|
|
48881
|
+
},
|
|
48882
|
+
"component",
|
|
48883
|
+
_vm.instance.getComponentMetadata(
|
|
48884
|
+
_vm.instance.datasource.currentRow
|
|
48885
|
+
),
|
|
48886
|
+
false
|
|
48887
|
+
)
|
|
48888
|
+
),
|
|
48889
|
+
],
|
|
48890
|
+
2
|
|
48891
|
+
),
|
|
48892
|
+
]),
|
|
48867
48893
|
_vm._v(" "),
|
|
48868
48894
|
_c(
|
|
48869
48895
|
"div",
|
|
@@ -48893,8 +48919,7 @@ var __vue_render__$N = function () {
|
|
|
48893
48919
|
],
|
|
48894
48920
|
2
|
|
48895
48921
|
),
|
|
48896
|
-
]
|
|
48897
|
-
2
|
|
48922
|
+
]
|
|
48898
48923
|
)
|
|
48899
48924
|
: _vm._e()
|
|
48900
48925
|
};
|
|
@@ -48904,11 +48929,11 @@ __vue_render__$N._withStripped = true;
|
|
|
48904
48929
|
/* style */
|
|
48905
48930
|
const __vue_inject_styles__$N = function (inject) {
|
|
48906
48931
|
if (!inject) return
|
|
48907
|
-
inject("data-v-
|
|
48932
|
+
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 });
|
|
48908
48933
|
|
|
48909
48934
|
};
|
|
48910
48935
|
/* scoped */
|
|
48911
|
-
const __vue_scope_id__$N = "data-v-
|
|
48936
|
+
const __vue_scope_id__$N = "data-v-62016d82";
|
|
48912
48937
|
/* module identifier */
|
|
48913
48938
|
const __vue_module_identifier__$N = undefined;
|
|
48914
48939
|
/* functional template */
|
|
@@ -56613,6 +56638,13 @@ let ZdTextarea = class ZdTextarea extends ZdTextInput$1 {
|
|
|
56613
56638
|
super(...arguments);
|
|
56614
56639
|
this.instanceType = Textarea;
|
|
56615
56640
|
}
|
|
56641
|
+
mounted() {
|
|
56642
|
+
this.setPlaceholder('textarea');
|
|
56643
|
+
}
|
|
56644
|
+
blur(event) {
|
|
56645
|
+
this.instance.blur(event, this.$el);
|
|
56646
|
+
this.setPlaceholder('textarea');
|
|
56647
|
+
}
|
|
56616
56648
|
};
|
|
56617
56649
|
__decorate([
|
|
56618
56650
|
PropWatch({ type: [Boolean, String], default: false }),
|
|
@@ -56651,11 +56683,17 @@ __decorate([
|
|
|
56651
56683
|
__metadata("design:type", Boolean)
|
|
56652
56684
|
], ZdTextarea.prototype, "rounded", void 0);
|
|
56653
56685
|
__decorate([
|
|
56654
|
-
PropWatch({
|
|
56686
|
+
PropWatch({
|
|
56687
|
+
type: [Number, String],
|
|
56688
|
+
default: 24,
|
|
56689
|
+
}),
|
|
56655
56690
|
__metadata("design:type", Object)
|
|
56656
56691
|
], ZdTextarea.prototype, "rowHeight", void 0);
|
|
56657
56692
|
__decorate([
|
|
56658
|
-
PropWatch({
|
|
56693
|
+
PropWatch({
|
|
56694
|
+
type: [Number, String],
|
|
56695
|
+
default: 5,
|
|
56696
|
+
}),
|
|
56659
56697
|
__metadata("design:type", Object)
|
|
56660
56698
|
], ZdTextarea.prototype, "rows", void 0);
|
|
56661
56699
|
ZdTextarea = __decorate([
|
|
@@ -57586,7 +57624,6 @@ let ZdTree = class ZdTree extends ZdComponentRender$1 {
|
|
|
57586
57624
|
this.beforeNodeState = {};
|
|
57587
57625
|
}
|
|
57588
57626
|
mounted() {
|
|
57589
|
-
this.setHeight();
|
|
57590
57627
|
this.instance.setTree(this.$refs.tree);
|
|
57591
57628
|
this.setAfterTitleMargin();
|
|
57592
57629
|
this.nodeChange();
|
|
@@ -57602,15 +57639,6 @@ let ZdTree = class ZdTree extends ZdComponentRender$1 {
|
|
|
57602
57639
|
onNodeDrop(nodes, position, event) {
|
|
57603
57640
|
this.instance.nodeDrop(nodes, position, event, this.$el);
|
|
57604
57641
|
}
|
|
57605
|
-
setHeight() {
|
|
57606
|
-
const { grid } = this.$refs;
|
|
57607
|
-
if (this.instance.height) {
|
|
57608
|
-
grid.$el.style.height = this.$formatSize(this.instance.height);
|
|
57609
|
-
}
|
|
57610
|
-
if (this.instance.maxHeight) {
|
|
57611
|
-
grid.$el.style.maxHeight = this.$formatSize(this.instance.maxHeight);
|
|
57612
|
-
}
|
|
57613
|
-
}
|
|
57614
57642
|
onNodeSelect(nodes, event) {
|
|
57615
57643
|
const prevSelectCount = Object.keys(this.beforeNodeState).length;
|
|
57616
57644
|
this.beforeNodeState = {};
|
|
@@ -58228,7 +58256,13 @@ var __vue_render__$1 = function () {
|
|
|
58228
58256
|
{ "theme--light": _vm.$isLight(this) },
|
|
58229
58257
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
58230
58258
|
],
|
|
58231
|
-
style: [
|
|
58259
|
+
style: [
|
|
58260
|
+
_vm.cssColorVars,
|
|
58261
|
+
_vm.instance.gridHeight
|
|
58262
|
+
? { height: _vm.$formatSize(_vm.instance.gridHeight) }
|
|
58263
|
+
: {},
|
|
58264
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
|
58265
|
+
],
|
|
58232
58266
|
attrs: {
|
|
58233
58267
|
id: _vm.instance.name,
|
|
58234
58268
|
"fixed-header": "",
|
|
@@ -59155,8 +59189,8 @@ __vue_render__$1._withStripped = true;
|
|
|
59155
59189
|
/* style */
|
|
59156
59190
|
const __vue_inject_styles__$1 = function (inject) {
|
|
59157
59191
|
if (!inject) return
|
|
59158
|
-
inject("data-v-
|
|
59159
|
-
,inject("data-v-
|
|
59192
|
+
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 })
|
|
59193
|
+
,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 });
|
|
59160
59194
|
|
|
59161
59195
|
};
|
|
59162
59196
|
/* scoped */
|
|
@@ -59380,7 +59414,13 @@ var __vue_render__ = function () {
|
|
|
59380
59414
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
59381
59415
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
59382
59416
|
],
|
|
59383
|
-
style: [
|
|
59417
|
+
style: [
|
|
59418
|
+
_vm.cssColorVars,
|
|
59419
|
+
_vm.instance.gridHeight
|
|
59420
|
+
? { height: _vm.$formatSize(_vm.instance.gridHeight) }
|
|
59421
|
+
: {},
|
|
59422
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
|
59423
|
+
],
|
|
59384
59424
|
attrs: {
|
|
59385
59425
|
id: _vm.instance.name,
|
|
59386
59426
|
"fixed-header": "",
|
|
@@ -60743,8 +60783,8 @@ __vue_render__._withStripped = true;
|
|
|
60743
60783
|
/* style */
|
|
60744
60784
|
const __vue_inject_styles__ = function (inject) {
|
|
60745
60785
|
if (!inject) return
|
|
60746
|
-
inject("data-v-
|
|
60747
|
-
,inject("data-v-
|
|
60786
|
+
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 })
|
|
60787
|
+
,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 });
|
|
60748
60788
|
|
|
60749
60789
|
};
|
|
60750
60790
|
/* scoped */
|