@zeedhi/vuetify 1.65.0 → 1.67.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 +239 -249
- package/dist/zd-vuetify.umd.js +239 -249
- package/package.json +2 -2
- package/types/components/zd-frame/ZdFrame.d.ts +2 -1
- package/types/components/zd-grid/ZdGrid.d.ts +4 -1
- package/types/components/zd-modal/ZdModal.d.ts +4 -4
- package/types/components/zd-tree/ZdTree.d.ts +0 -1
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
|
}
|
|
@@ -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 */
|
|
@@ -44514,9 +44514,13 @@ __decorate([
|
|
|
44514
44514
|
__metadata("design:type", Object)
|
|
44515
44515
|
], ZdFrame.prototype, "overrideNamedProps", void 0);
|
|
44516
44516
|
__decorate([
|
|
44517
|
-
PropWatch({ type: Boolean, default: false }),
|
|
44518
|
-
__metadata("design:type",
|
|
44517
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
|
44518
|
+
__metadata("design:type", Object)
|
|
44519
44519
|
], ZdFrame.prototype, "cache", void 0);
|
|
44520
|
+
__decorate([
|
|
44521
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
|
44522
|
+
__metadata("design:type", Object)
|
|
44523
|
+
], ZdFrame.prototype, "JSONCache", void 0);
|
|
44520
44524
|
__decorate([
|
|
44521
44525
|
PropWatch({ type: [String, Number], default: 2 * 60 * 60 * 1000 }),
|
|
44522
44526
|
__metadata("design:type", Number)
|
|
@@ -44804,13 +44808,32 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
|
|
|
44804
44808
|
this.destroyDragColumns();
|
|
44805
44809
|
}
|
|
44806
44810
|
}
|
|
44811
|
+
updateColspan(selector) {
|
|
44812
|
+
const el = this.$el.querySelector(selector);
|
|
44813
|
+
if (el)
|
|
44814
|
+
el.colSpan = this.instance.columns.length + 1;
|
|
44815
|
+
}
|
|
44807
44816
|
change(value) {
|
|
44808
|
-
if (
|
|
44817
|
+
if (this.instance.selectable && value.length === 0) {
|
|
44809
44818
|
setTimeout(() => {
|
|
44810
|
-
this
|
|
44819
|
+
this.updateColspan('.v-data-table__empty-wrapper td');
|
|
44820
|
+
this.updateColspan('.v-data-table__progress th');
|
|
44811
44821
|
}, 0);
|
|
44812
44822
|
}
|
|
44813
44823
|
}
|
|
44824
|
+
changeColumns() {
|
|
44825
|
+
if (this.instance.selectable && this.instance.datasource.data.length === 0) {
|
|
44826
|
+
setTimeout(() => {
|
|
44827
|
+
this.updateColspan('.v-data-table__empty-wrapper td');
|
|
44828
|
+
this.updateColspan('.v-data-table__progress th');
|
|
44829
|
+
}, 0);
|
|
44830
|
+
}
|
|
44831
|
+
}
|
|
44832
|
+
changeLoading(value) {
|
|
44833
|
+
if (this.instance.selectable && value) {
|
|
44834
|
+
setTimeout(() => this.updateColspan('.v-data-table__progress th'), 0);
|
|
44835
|
+
}
|
|
44836
|
+
}
|
|
44814
44837
|
updateStates() {
|
|
44815
44838
|
setTimeout(() => {
|
|
44816
44839
|
this.allselectedState = this.instance.datasource.data.every((row) => {
|
|
@@ -45348,12 +45371,24 @@ __decorate([
|
|
|
45348
45371
|
__metadata("design:paramtypes", [Boolean]),
|
|
45349
45372
|
__metadata("design:returntype", void 0)
|
|
45350
45373
|
], ZdGrid.prototype, "update", null);
|
|
45374
|
+
__decorate([
|
|
45375
|
+
Watch('instance.datasource.data'),
|
|
45376
|
+
__metadata("design:type", Function),
|
|
45377
|
+
__metadata("design:paramtypes", [Object]),
|
|
45378
|
+
__metadata("design:returntype", void 0)
|
|
45379
|
+
], ZdGrid.prototype, "change", null);
|
|
45380
|
+
__decorate([
|
|
45381
|
+
Watch('instance.columns'),
|
|
45382
|
+
__metadata("design:type", Function),
|
|
45383
|
+
__metadata("design:paramtypes", []),
|
|
45384
|
+
__metadata("design:returntype", void 0)
|
|
45385
|
+
], ZdGrid.prototype, "changeColumns", null);
|
|
45351
45386
|
__decorate([
|
|
45352
45387
|
Watch('instance.datasource.loading'),
|
|
45353
45388
|
__metadata("design:type", Function),
|
|
45354
45389
|
__metadata("design:paramtypes", [Boolean]),
|
|
45355
45390
|
__metadata("design:returntype", void 0)
|
|
45356
|
-
], ZdGrid.prototype, "
|
|
45391
|
+
], ZdGrid.prototype, "changeLoading", null);
|
|
45357
45392
|
__decorate([
|
|
45358
45393
|
Watch('instance.selectedRows'),
|
|
45359
45394
|
__metadata("design:type", Function),
|
|
@@ -46401,7 +46436,13 @@ var __vue_render__$W = function () {
|
|
|
46401
46436
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
46402
46437
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
46403
46438
|
],
|
|
46404
|
-
style: [
|
|
46439
|
+
style: [
|
|
46440
|
+
_vm.cssColorVars,
|
|
46441
|
+
_vm.instance.gridHeight
|
|
46442
|
+
? { height: _vm.$formatSize(_vm.instance.gridHeight) }
|
|
46443
|
+
: {},
|
|
46444
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
|
46445
|
+
],
|
|
46405
46446
|
attrs: {
|
|
46406
46447
|
id: _vm.instance.name,
|
|
46407
46448
|
dark: _vm.instance.dark,
|
|
@@ -47363,8 +47404,8 @@ __vue_render__$W._withStripped = true;
|
|
|
47363
47404
|
/* style */
|
|
47364
47405
|
const __vue_inject_styles__$W = function (inject) {
|
|
47365
47406
|
if (!inject) return
|
|
47366
|
-
inject("data-v-
|
|
47367
|
-
,inject("data-v-
|
|
47407
|
+
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 })
|
|
47408
|
+
,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
47409
|
|
|
47369
47410
|
};
|
|
47370
47411
|
/* scoped */
|
|
@@ -48760,78 +48801,23 @@ var __vue_render__$N = function () {
|
|
|
48760
48801
|
])
|
|
48761
48802
|
: _vm._e(),
|
|
48762
48803
|
_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 },
|
|
48804
|
+
_c("div", { staticClass: "zd-iterable-content" }, [
|
|
48805
|
+
_c(
|
|
48806
|
+
"div",
|
|
48807
|
+
{ staticClass: "zd-display-flex zd-flex-wrap" },
|
|
48808
|
+
[
|
|
48809
|
+
_vm.instance.datasource.loading
|
|
48810
|
+
? _c("v-progress-circular", {
|
|
48811
|
+
staticClass: "zd-frame",
|
|
48812
|
+
attrs: {
|
|
48813
|
+
indeterminate: "",
|
|
48814
|
+
size: "64",
|
|
48815
|
+
color: "primary",
|
|
48778
48816
|
},
|
|
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
|
|
48817
|
+
})
|
|
48818
|
+
: _vm.instance.datasource.error
|
|
48811
48819
|
? [
|
|
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) {
|
|
48820
|
+
_vm._l(_vm.instance.errorSlot, function (child, index) {
|
|
48835
48821
|
return _c(
|
|
48836
48822
|
child.component,
|
|
48837
48823
|
_vm._b(
|
|
@@ -48847,23 +48833,98 @@ var __vue_render__$N = function () {
|
|
|
48847
48833
|
)
|
|
48848
48834
|
}),
|
|
48849
48835
|
_vm._v(" "),
|
|
48850
|
-
_vm._t("
|
|
48851
|
-
|
|
48852
|
-
|
|
48853
|
-
|
|
48854
|
-
|
|
48855
|
-
|
|
48856
|
-
|
|
48857
|
-
|
|
48858
|
-
|
|
48859
|
-
|
|
48860
|
-
|
|
48861
|
-
_vm.instance.
|
|
48862
|
-
|
|
48863
|
-
|
|
48864
|
-
|
|
48865
|
-
|
|
48866
|
-
|
|
48836
|
+
_vm._t("errorSlot"),
|
|
48837
|
+
_vm._v(" "),
|
|
48838
|
+
_vm.instance.errorSlot.length === 0
|
|
48839
|
+
? _c("span", { staticClass: "error--text" }, [
|
|
48840
|
+
_vm._v(
|
|
48841
|
+
_vm._s(_vm.$t(_vm.instance.datasource.error))
|
|
48842
|
+
),
|
|
48843
|
+
])
|
|
48844
|
+
: _vm._e(),
|
|
48845
|
+
]
|
|
48846
|
+
: _vm.instance.datasource.data.length
|
|
48847
|
+
? _vm._l(_vm.instance.datasource.data, function (row) {
|
|
48848
|
+
return _c(
|
|
48849
|
+
_vm.instance.componentMetadata.component,
|
|
48850
|
+
_vm._b(
|
|
48851
|
+
{ key: JSON.stringify(row), tag: "component" },
|
|
48852
|
+
"component",
|
|
48853
|
+
_vm.instance.getComponentMetadata(row),
|
|
48854
|
+
false
|
|
48855
|
+
)
|
|
48856
|
+
)
|
|
48857
|
+
})
|
|
48858
|
+
: !_vm.instance.datasource.currentRow[
|
|
48859
|
+
_vm.instance.datasource.uniqueKey
|
|
48860
|
+
]
|
|
48861
|
+
? [
|
|
48862
|
+
_vm.instance.datasource.search
|
|
48863
|
+
? [
|
|
48864
|
+
_vm._l(
|
|
48865
|
+
_vm.instance.noResultSlot,
|
|
48866
|
+
function (child, index) {
|
|
48867
|
+
return _c(
|
|
48868
|
+
child.component,
|
|
48869
|
+
_vm._b(
|
|
48870
|
+
{
|
|
48871
|
+
key: index,
|
|
48872
|
+
tag: "component",
|
|
48873
|
+
attrs: { parent: _vm.instance },
|
|
48874
|
+
},
|
|
48875
|
+
"component",
|
|
48876
|
+
child,
|
|
48877
|
+
false
|
|
48878
|
+
)
|
|
48879
|
+
)
|
|
48880
|
+
}
|
|
48881
|
+
),
|
|
48882
|
+
_vm._v(" "),
|
|
48883
|
+
_vm._t("noResultSlot"),
|
|
48884
|
+
]
|
|
48885
|
+
: [
|
|
48886
|
+
_vm._l(
|
|
48887
|
+
_vm.instance.noDataSlot,
|
|
48888
|
+
function (child, index) {
|
|
48889
|
+
return _c(
|
|
48890
|
+
child.component,
|
|
48891
|
+
_vm._b(
|
|
48892
|
+
{
|
|
48893
|
+
key: index,
|
|
48894
|
+
tag: "component",
|
|
48895
|
+
attrs: { parent: _vm.instance },
|
|
48896
|
+
},
|
|
48897
|
+
"component",
|
|
48898
|
+
child,
|
|
48899
|
+
false
|
|
48900
|
+
)
|
|
48901
|
+
)
|
|
48902
|
+
}
|
|
48903
|
+
),
|
|
48904
|
+
_vm._v(" "),
|
|
48905
|
+
_vm._t("noDataSlot"),
|
|
48906
|
+
],
|
|
48907
|
+
]
|
|
48908
|
+
: _c(
|
|
48909
|
+
_vm.instance.componentMetadata.component,
|
|
48910
|
+
_vm._b(
|
|
48911
|
+
{
|
|
48912
|
+
key: JSON.stringify(
|
|
48913
|
+
_vm.instance.datasource.currentRow
|
|
48914
|
+
),
|
|
48915
|
+
tag: "component",
|
|
48916
|
+
},
|
|
48917
|
+
"component",
|
|
48918
|
+
_vm.instance.getComponentMetadata(
|
|
48919
|
+
_vm.instance.datasource.currentRow
|
|
48920
|
+
),
|
|
48921
|
+
false
|
|
48922
|
+
)
|
|
48923
|
+
),
|
|
48924
|
+
],
|
|
48925
|
+
2
|
|
48926
|
+
),
|
|
48927
|
+
]),
|
|
48867
48928
|
_vm._v(" "),
|
|
48868
48929
|
_c(
|
|
48869
48930
|
"div",
|
|
@@ -48893,8 +48954,7 @@ var __vue_render__$N = function () {
|
|
|
48893
48954
|
],
|
|
48894
48955
|
2
|
|
48895
48956
|
),
|
|
48896
|
-
]
|
|
48897
|
-
2
|
|
48957
|
+
]
|
|
48898
48958
|
)
|
|
48899
48959
|
: _vm._e()
|
|
48900
48960
|
};
|
|
@@ -48904,11 +48964,11 @@ __vue_render__$N._withStripped = true;
|
|
|
48904
48964
|
/* style */
|
|
48905
48965
|
const __vue_inject_styles__$N = function (inject) {
|
|
48906
48966
|
if (!inject) return
|
|
48907
|
-
inject("data-v-
|
|
48967
|
+
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
48968
|
|
|
48909
48969
|
};
|
|
48910
48970
|
/* scoped */
|
|
48911
|
-
const __vue_scope_id__$N = "data-v-
|
|
48971
|
+
const __vue_scope_id__$N = "data-v-62016d82";
|
|
48912
48972
|
/* module identifier */
|
|
48913
48973
|
const __vue_module_identifier__$N = undefined;
|
|
48914
48974
|
/* functional template */
|
|
@@ -52195,7 +52255,6 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
|
|
|
52195
52255
|
this.modals = [];
|
|
52196
52256
|
this.x = 0;
|
|
52197
52257
|
this.y = 0;
|
|
52198
|
-
this.dragModal = null;
|
|
52199
52258
|
this.dragHandle = null;
|
|
52200
52259
|
}
|
|
52201
52260
|
created() {
|
|
@@ -52207,37 +52266,34 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
|
|
|
52207
52266
|
getSizeClass(modal) {
|
|
52208
52267
|
return !modal.fullscreen ? this.getGridClasses(modal.grid) : '';
|
|
52209
52268
|
}
|
|
52210
|
-
|
|
52211
|
-
const
|
|
52212
|
-
if (!current)
|
|
52213
|
-
return null;
|
|
52214
|
-
const ref = this.$refs[current.name];
|
|
52269
|
+
getModalEl(modal) {
|
|
52270
|
+
const ref = this.$refs[modal.name];
|
|
52215
52271
|
const el = (Array.isArray(ref) ? ref[0].$el : ref === null || ref === void 0 ? void 0 : ref.$el);
|
|
52216
52272
|
return el || null;
|
|
52217
52273
|
}
|
|
52218
52274
|
registerMousedown(modal) {
|
|
52219
|
-
|
|
52275
|
+
const el = this.getModalEl(modal);
|
|
52276
|
+
if (!el)
|
|
52220
52277
|
return;
|
|
52221
52278
|
if (modal.dragHandle) {
|
|
52222
|
-
this.dragHandle =
|
|
52279
|
+
this.dragHandle = el.querySelector(modal.dragHandle);
|
|
52223
52280
|
}
|
|
52224
52281
|
else {
|
|
52225
|
-
this.dragHandle =
|
|
52282
|
+
this.dragHandle = el;
|
|
52226
52283
|
}
|
|
52227
52284
|
if (!this.dragHandle)
|
|
52228
52285
|
return;
|
|
52229
|
-
this.dragHandle.addEventListener('mousedown', this.dragStart);
|
|
52286
|
+
this.dragHandle.addEventListener('mousedown', this.dragStart.bind(this, modal));
|
|
52230
52287
|
}
|
|
52231
|
-
unregisterMousedown() {
|
|
52288
|
+
unregisterMousedown(modal) {
|
|
52232
52289
|
if (!this.dragHandle)
|
|
52233
52290
|
return;
|
|
52234
|
-
this.dragHandle.removeEventListener('mousedown', this.dragStart);
|
|
52291
|
+
this.dragHandle.removeEventListener('mousedown', this.dragStart.bind(this, modal));
|
|
52235
52292
|
}
|
|
52236
|
-
dragStart(event) {
|
|
52237
|
-
|
|
52238
|
-
this.dragModal = ((_a = this.currentModalEl) === null || _a === void 0 ? void 0 : _a.parentElement) || null;
|
|
52239
|
-
if (!this.dragModal)
|
|
52293
|
+
dragStart(modal, event) {
|
|
52294
|
+
if (!modal)
|
|
52240
52295
|
return;
|
|
52296
|
+
this.modalDragged = modal;
|
|
52241
52297
|
event.preventDefault();
|
|
52242
52298
|
this.x = event.clientX;
|
|
52243
52299
|
this.y = event.clientY;
|
|
@@ -52245,11 +52301,16 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
|
|
|
52245
52301
|
document.addEventListener('mouseup', this.dragEnd);
|
|
52246
52302
|
}
|
|
52247
52303
|
dragEnd() {
|
|
52304
|
+
this.modalDragged = undefined;
|
|
52248
52305
|
document.removeEventListener('mousemove', this.dragMove);
|
|
52249
52306
|
document.removeEventListener('mouseup', this.dragEnd);
|
|
52250
52307
|
}
|
|
52251
52308
|
dragMove(event) {
|
|
52252
|
-
|
|
52309
|
+
var _a;
|
|
52310
|
+
if (!this.modalDragged)
|
|
52311
|
+
return;
|
|
52312
|
+
const modalEl = ((_a = this.getModalEl(this.modalDragged)) === null || _a === void 0 ? void 0 : _a.parentElement) || null;
|
|
52313
|
+
if (!modalEl)
|
|
52253
52314
|
return;
|
|
52254
52315
|
const dy = event.clientY - this.y;
|
|
52255
52316
|
const dx = event.clientX - this.x;
|
|
@@ -52257,15 +52318,15 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
|
|
|
52257
52318
|
const toPx = (num) => `${num}px`;
|
|
52258
52319
|
const threshold = 1;
|
|
52259
52320
|
if ((Math.abs(dy) + Math.abs(dx)) >= threshold) {
|
|
52260
|
-
const top = toNum(
|
|
52261
|
-
const left = toNum(
|
|
52262
|
-
if ((window.innerHeight / 2) - (top + dy) >= (
|
|
52263
|
-
&& (window.innerHeight / 2) + (top + dy) >= (
|
|
52264
|
-
|
|
52321
|
+
const top = toNum(modalEl.style.top);
|
|
52322
|
+
const left = toNum(modalEl.style.left);
|
|
52323
|
+
if ((window.innerHeight / 2) - (top + dy) >= (modalEl.offsetHeight / 2)
|
|
52324
|
+
&& (window.innerHeight / 2) + (top + dy) >= (modalEl.offsetHeight / 2)) {
|
|
52325
|
+
modalEl.style.top = toPx(top + dy);
|
|
52265
52326
|
}
|
|
52266
52327
|
if ((window.innerWidth / 2) + 2 * (left + dx) >= 4
|
|
52267
52328
|
&& (window.innerWidth / 2) - 2 * (left + dx) >= 0) {
|
|
52268
|
-
|
|
52329
|
+
modalEl.style.left = toPx(left + dx);
|
|
52269
52330
|
}
|
|
52270
52331
|
this.x = event.clientX;
|
|
52271
52332
|
this.y = event.clientY;
|
|
@@ -52330,7 +52391,9 @@ var __vue_render__$u = function () {
|
|
|
52330
52391
|
"hook:mounted": function ($event) {
|
|
52331
52392
|
modal.draggable && _vm.registerMousedown(modal);
|
|
52332
52393
|
},
|
|
52333
|
-
"hook:destroyed":
|
|
52394
|
+
"hook:destroyed": function ($event) {
|
|
52395
|
+
return _vm.unregisterMousedown(modal)
|
|
52396
|
+
},
|
|
52334
52397
|
},
|
|
52335
52398
|
},
|
|
52336
52399
|
[
|
|
@@ -52393,7 +52456,7 @@ __vue_render__$u._withStripped = true;
|
|
|
52393
52456
|
/* style */
|
|
52394
52457
|
const __vue_inject_styles__$u = function (inject) {
|
|
52395
52458
|
if (!inject) return
|
|
52396
|
-
inject("data-v-
|
|
52459
|
+
inject("data-v-2a044826_0", { source: ".zd-modal-title {\n padding-bottom: 0px;\n}\n.zd-modal-container {\n padding: 0;\n}\n.zd-modal-flex {\n width: 100%;\n}\n.zd-modal-draggable {\n position: relative;\n}\n.zd-modal-draggable-handle {\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n}\n.zd-modal-draggable-handle:active {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing;\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-title {\n padding: var(--zd-default-padding);\n padding-bottom: 0px;\n font-size: var(--zd-font-title-size);\n font-weight: var(--zd-font-title-weight);\n color: var(--zd-font-color);\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-card-text {\n padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
|
|
52397
52460
|
|
|
52398
52461
|
};
|
|
52399
52462
|
/* scoped */
|
|
@@ -57599,7 +57662,6 @@ let ZdTree = class ZdTree extends ZdComponentRender$1 {
|
|
|
57599
57662
|
this.beforeNodeState = {};
|
|
57600
57663
|
}
|
|
57601
57664
|
mounted() {
|
|
57602
|
-
this.setHeight();
|
|
57603
57665
|
this.instance.setTree(this.$refs.tree);
|
|
57604
57666
|
this.setAfterTitleMargin();
|
|
57605
57667
|
this.nodeChange();
|
|
@@ -57615,15 +57677,6 @@ let ZdTree = class ZdTree extends ZdComponentRender$1 {
|
|
|
57615
57677
|
onNodeDrop(nodes, position, event) {
|
|
57616
57678
|
this.instance.nodeDrop(nodes, position, event, this.$el);
|
|
57617
57679
|
}
|
|
57618
|
-
setHeight() {
|
|
57619
|
-
const { grid } = this.$refs;
|
|
57620
|
-
if (this.instance.height) {
|
|
57621
|
-
grid.$el.style.height = this.$formatSize(this.instance.height);
|
|
57622
|
-
}
|
|
57623
|
-
if (this.instance.maxHeight) {
|
|
57624
|
-
grid.$el.style.maxHeight = this.$formatSize(this.instance.maxHeight);
|
|
57625
|
-
}
|
|
57626
|
-
}
|
|
57627
57680
|
onNodeSelect(nodes, event) {
|
|
57628
57681
|
const prevSelectCount = Object.keys(this.beforeNodeState).length;
|
|
57629
57682
|
this.beforeNodeState = {};
|
|
@@ -58241,7 +58294,13 @@ var __vue_render__$1 = function () {
|
|
|
58241
58294
|
{ "theme--light": _vm.$isLight(this) },
|
|
58242
58295
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
58243
58296
|
],
|
|
58244
|
-
style: [
|
|
58297
|
+
style: [
|
|
58298
|
+
_vm.cssColorVars,
|
|
58299
|
+
_vm.instance.gridHeight
|
|
58300
|
+
? { height: _vm.$formatSize(_vm.instance.gridHeight) }
|
|
58301
|
+
: {},
|
|
58302
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
|
58303
|
+
],
|
|
58245
58304
|
attrs: {
|
|
58246
58305
|
id: _vm.instance.name,
|
|
58247
58306
|
"fixed-header": "",
|
|
@@ -59168,8 +59227,8 @@ __vue_render__$1._withStripped = true;
|
|
|
59168
59227
|
/* style */
|
|
59169
59228
|
const __vue_inject_styles__$1 = function (inject) {
|
|
59170
59229
|
if (!inject) return
|
|
59171
|
-
inject("data-v-
|
|
59172
|
-
,inject("data-v-
|
|
59230
|
+
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 })
|
|
59231
|
+
,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 });
|
|
59173
59232
|
|
|
59174
59233
|
};
|
|
59175
59234
|
/* scoped */
|
|
@@ -59393,7 +59452,13 @@ var __vue_render__ = function () {
|
|
|
59393
59452
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
59394
59453
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
59395
59454
|
],
|
|
59396
|
-
style: [
|
|
59455
|
+
style: [
|
|
59456
|
+
_vm.cssColorVars,
|
|
59457
|
+
_vm.instance.gridHeight
|
|
59458
|
+
? { height: _vm.$formatSize(_vm.instance.gridHeight) }
|
|
59459
|
+
: {},
|
|
59460
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
|
59461
|
+
],
|
|
59397
59462
|
attrs: {
|
|
59398
59463
|
id: _vm.instance.name,
|
|
59399
59464
|
"fixed-header": "",
|
|
@@ -60425,105 +60490,23 @@ var __vue_render__ = function () {
|
|
|
60425
60490
|
],
|
|
60426
60491
|
1
|
|
60427
60492
|
)
|
|
60428
|
-
:
|
|
60429
|
-
|
|
60430
|
-
|
|
60431
|
-
|
|
60432
|
-
|
|
60433
|
-
|
|
60434
|
-
|
|
60435
|
-
|
|
60436
|
-
|
|
60437
|
-
|
|
60438
|
-
|
|
60439
|
-
|
|
60440
|
-
|
|
60441
|
-
|
|
60442
|
-
class: [
|
|
60443
|
-
"zd-table-cell-text",
|
|
60444
|
-
{
|
|
60445
|
-
"zd-table-cell-text-first":
|
|
60446
|
-
headerIndex ===
|
|
60447
|
-
0 ||
|
|
60448
|
-
(headerIndex ===
|
|
60449
|
-
1 &&
|
|
60450
|
-
_vm
|
|
60451
|
-
.instance
|
|
60452
|
-
.selectable),
|
|
60453
|
-
"zd-table-cell-text-editable":
|
|
60454
|
-
Object.assign(
|
|
60455
|
-
{},
|
|
60456
|
-
column,
|
|
60457
|
-
cellProps
|
|
60458
|
-
).editable,
|
|
60459
|
-
"overflow-hidden":
|
|
60460
|
-
column.overflow ===
|
|
60461
|
-
"hidden",
|
|
60462
|
-
"overflow-wrap":
|
|
60463
|
-
column.overflow ===
|
|
60464
|
-
"wrap",
|
|
60465
|
-
},
|
|
60466
|
-
!isNaN(
|
|
60467
|
-
column.overflow
|
|
60468
|
-
)
|
|
60469
|
-
? "overflow-clamp overflow-clamp-" +
|
|
60470
|
-
column.overflow
|
|
60471
|
-
: "",
|
|
60472
|
-
],
|
|
60473
|
-
style: {
|
|
60474
|
-
width:
|
|
60475
|
-
_vm.calcWidth(
|
|
60476
|
-
column,
|
|
60477
|
-
column.maxWidth ||
|
|
60478
|
-
column.minWidth
|
|
60479
|
-
) || "unset",
|
|
60480
|
-
"min-width":
|
|
60481
|
-
_vm.calcWidth(
|
|
60482
|
-
column,
|
|
60483
|
-
column.minWidth
|
|
60484
|
-
) || "unset",
|
|
60485
|
-
"max-width":
|
|
60486
|
-
_vm.calcWidth(
|
|
60487
|
-
column,
|
|
60488
|
-
column.maxWidth
|
|
60489
|
-
) || "unset",
|
|
60490
|
-
},
|
|
60491
|
-
on: {
|
|
60492
|
-
mouseenter:
|
|
60493
|
-
function (
|
|
60494
|
-
$event
|
|
60495
|
-
) {
|
|
60496
|
-
return _vm.checkOverflow(
|
|
60497
|
-
$event
|
|
60498
|
-
)
|
|
60499
|
-
},
|
|
60500
|
-
mouseleave:
|
|
60501
|
-
function (
|
|
60502
|
-
$event
|
|
60503
|
-
) {
|
|
60504
|
-
return _vm.removeTooltip()
|
|
60505
|
-
},
|
|
60506
|
-
},
|
|
60507
|
-
},
|
|
60508
|
-
[
|
|
60509
|
-
_c("span", {
|
|
60510
|
-
key: item.tree__searched
|
|
60511
|
-
? "a"
|
|
60512
|
-
: "b",
|
|
60513
|
-
domProps: {
|
|
60514
|
-
innerHTML:
|
|
60515
|
-
_vm._s(
|
|
60516
|
-
_vm.formatSearchResult(
|
|
60517
|
-
column.formatterByRow(
|
|
60518
|
-
item,
|
|
60519
|
-
cellProps
|
|
60520
|
-
)
|
|
60521
|
-
)
|
|
60522
|
-
),
|
|
60523
|
-
},
|
|
60524
|
-
}),
|
|
60525
|
-
]
|
|
60493
|
+
: _vm._e(),
|
|
60494
|
+
_vm._v(" "),
|
|
60495
|
+
_c("span", {
|
|
60496
|
+
key: item.tree__searched
|
|
60497
|
+
? "a"
|
|
60498
|
+
: "b",
|
|
60499
|
+
domProps: {
|
|
60500
|
+
innerHTML: _vm._s(
|
|
60501
|
+
_vm.formatSearchResult(
|
|
60502
|
+
column.formatterByRow(
|
|
60503
|
+
item,
|
|
60504
|
+
cellProps
|
|
60505
|
+
)
|
|
60506
|
+
)
|
|
60526
60507
|
),
|
|
60508
|
+
},
|
|
60509
|
+
}),
|
|
60527
60510
|
]
|
|
60528
60511
|
),
|
|
60529
60512
|
]
|
|
@@ -60756,8 +60739,8 @@ __vue_render__._withStripped = true;
|
|
|
60756
60739
|
/* style */
|
|
60757
60740
|
const __vue_inject_styles__ = function (inject) {
|
|
60758
60741
|
if (!inject) return
|
|
60759
|
-
inject("data-v-
|
|
60760
|
-
,inject("data-v-
|
|
60742
|
+
inject("data-v-bb9f421c_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 })
|
|
60743
|
+
,inject("data-v-bb9f421c_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 position: relative;\n top: -1rem;\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 0.5rem;\n position: relative;\n display: block;\n height: 1.25rem;\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: 0;\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: 0;\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 });
|
|
60761
60744
|
|
|
60762
60745
|
};
|
|
60763
60746
|
/* scoped */
|
|
@@ -60995,6 +60978,7 @@ const getActivator = (comp, e) => {
|
|
|
60995
60978
|
}
|
|
60996
60979
|
else {
|
|
60997
60980
|
activator = comp.activatorNode[0].elm;
|
|
60981
|
+
comp.isActive = false;
|
|
60998
60982
|
}
|
|
60999
60983
|
}
|
|
61000
60984
|
else if (e) {
|
|
@@ -61044,7 +61028,13 @@ const genActivatorListeners = (comp) => {
|
|
|
61044
61028
|
const event = e instanceof Event ? e : e.event;
|
|
61045
61029
|
comp.getActivator(event);
|
|
61046
61030
|
event === null || event === void 0 ? void 0 : event.stopPropagation();
|
|
61047
|
-
comp.isActive =
|
|
61031
|
+
comp.isActive = true;
|
|
61032
|
+
};
|
|
61033
|
+
listeners.blur = (e) => {
|
|
61034
|
+
const event = e instanceof Event ? e : e.event;
|
|
61035
|
+
comp.getActivator(event);
|
|
61036
|
+
event === null || event === void 0 ? void 0 : event.stopPropagation();
|
|
61037
|
+
comp.isActive = false;
|
|
61048
61038
|
};
|
|
61049
61039
|
}
|
|
61050
61040
|
return listeners;
|