@zeedhi/vuetify 1.66.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
CHANGED
|
@@ -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) {
|
|
44818
|
+
setTimeout(() => {
|
|
44819
|
+
this.updateColspan('.v-data-table__empty-wrapper td');
|
|
44820
|
+
this.updateColspan('.v-data-table__progress th');
|
|
44821
|
+
}, 0);
|
|
44822
|
+
}
|
|
44823
|
+
}
|
|
44824
|
+
changeColumns() {
|
|
44825
|
+
if (this.instance.selectable && this.instance.datasource.data.length === 0) {
|
|
44809
44826
|
setTimeout(() => {
|
|
44810
|
-
this
|
|
44827
|
+
this.updateColspan('.v-data-table__empty-wrapper td');
|
|
44828
|
+
this.updateColspan('.v-data-table__progress th');
|
|
44811
44829
|
}, 0);
|
|
44812
44830
|
}
|
|
44813
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),
|
|
@@ -52220,7 +52255,6 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
|
|
|
52220
52255
|
this.modals = [];
|
|
52221
52256
|
this.x = 0;
|
|
52222
52257
|
this.y = 0;
|
|
52223
|
-
this.dragModal = null;
|
|
52224
52258
|
this.dragHandle = null;
|
|
52225
52259
|
}
|
|
52226
52260
|
created() {
|
|
@@ -52232,37 +52266,34 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
|
|
|
52232
52266
|
getSizeClass(modal) {
|
|
52233
52267
|
return !modal.fullscreen ? this.getGridClasses(modal.grid) : '';
|
|
52234
52268
|
}
|
|
52235
|
-
|
|
52236
|
-
const
|
|
52237
|
-
if (!current)
|
|
52238
|
-
return null;
|
|
52239
|
-
const ref = this.$refs[current.name];
|
|
52269
|
+
getModalEl(modal) {
|
|
52270
|
+
const ref = this.$refs[modal.name];
|
|
52240
52271
|
const el = (Array.isArray(ref) ? ref[0].$el : ref === null || ref === void 0 ? void 0 : ref.$el);
|
|
52241
52272
|
return el || null;
|
|
52242
52273
|
}
|
|
52243
52274
|
registerMousedown(modal) {
|
|
52244
|
-
|
|
52275
|
+
const el = this.getModalEl(modal);
|
|
52276
|
+
if (!el)
|
|
52245
52277
|
return;
|
|
52246
52278
|
if (modal.dragHandle) {
|
|
52247
|
-
this.dragHandle =
|
|
52279
|
+
this.dragHandle = el.querySelector(modal.dragHandle);
|
|
52248
52280
|
}
|
|
52249
52281
|
else {
|
|
52250
|
-
this.dragHandle =
|
|
52282
|
+
this.dragHandle = el;
|
|
52251
52283
|
}
|
|
52252
52284
|
if (!this.dragHandle)
|
|
52253
52285
|
return;
|
|
52254
|
-
this.dragHandle.addEventListener('mousedown', this.dragStart);
|
|
52286
|
+
this.dragHandle.addEventListener('mousedown', this.dragStart.bind(this, modal));
|
|
52255
52287
|
}
|
|
52256
|
-
unregisterMousedown() {
|
|
52288
|
+
unregisterMousedown(modal) {
|
|
52257
52289
|
if (!this.dragHandle)
|
|
52258
52290
|
return;
|
|
52259
|
-
this.dragHandle.removeEventListener('mousedown', this.dragStart);
|
|
52291
|
+
this.dragHandle.removeEventListener('mousedown', this.dragStart.bind(this, modal));
|
|
52260
52292
|
}
|
|
52261
|
-
dragStart(event) {
|
|
52262
|
-
|
|
52263
|
-
this.dragModal = ((_a = this.currentModalEl) === null || _a === void 0 ? void 0 : _a.parentElement) || null;
|
|
52264
|
-
if (!this.dragModal)
|
|
52293
|
+
dragStart(modal, event) {
|
|
52294
|
+
if (!modal)
|
|
52265
52295
|
return;
|
|
52296
|
+
this.modalDragged = modal;
|
|
52266
52297
|
event.preventDefault();
|
|
52267
52298
|
this.x = event.clientX;
|
|
52268
52299
|
this.y = event.clientY;
|
|
@@ -52270,11 +52301,16 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
|
|
|
52270
52301
|
document.addEventListener('mouseup', this.dragEnd);
|
|
52271
52302
|
}
|
|
52272
52303
|
dragEnd() {
|
|
52304
|
+
this.modalDragged = undefined;
|
|
52273
52305
|
document.removeEventListener('mousemove', this.dragMove);
|
|
52274
52306
|
document.removeEventListener('mouseup', this.dragEnd);
|
|
52275
52307
|
}
|
|
52276
52308
|
dragMove(event) {
|
|
52277
|
-
|
|
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)
|
|
52278
52314
|
return;
|
|
52279
52315
|
const dy = event.clientY - this.y;
|
|
52280
52316
|
const dx = event.clientX - this.x;
|
|
@@ -52282,15 +52318,15 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
|
|
|
52282
52318
|
const toPx = (num) => `${num}px`;
|
|
52283
52319
|
const threshold = 1;
|
|
52284
52320
|
if ((Math.abs(dy) + Math.abs(dx)) >= threshold) {
|
|
52285
|
-
const top = toNum(
|
|
52286
|
-
const left = toNum(
|
|
52287
|
-
if ((window.innerHeight / 2) - (top + dy) >= (
|
|
52288
|
-
&& (window.innerHeight / 2) + (top + dy) >= (
|
|
52289
|
-
|
|
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);
|
|
52290
52326
|
}
|
|
52291
52327
|
if ((window.innerWidth / 2) + 2 * (left + dx) >= 4
|
|
52292
52328
|
&& (window.innerWidth / 2) - 2 * (left + dx) >= 0) {
|
|
52293
|
-
|
|
52329
|
+
modalEl.style.left = toPx(left + dx);
|
|
52294
52330
|
}
|
|
52295
52331
|
this.x = event.clientX;
|
|
52296
52332
|
this.y = event.clientY;
|
|
@@ -52355,7 +52391,9 @@ var __vue_render__$u = function () {
|
|
|
52355
52391
|
"hook:mounted": function ($event) {
|
|
52356
52392
|
modal.draggable && _vm.registerMousedown(modal);
|
|
52357
52393
|
},
|
|
52358
|
-
"hook:destroyed":
|
|
52394
|
+
"hook:destroyed": function ($event) {
|
|
52395
|
+
return _vm.unregisterMousedown(modal)
|
|
52396
|
+
},
|
|
52359
52397
|
},
|
|
52360
52398
|
},
|
|
52361
52399
|
[
|
|
@@ -52418,7 +52456,7 @@ __vue_render__$u._withStripped = true;
|
|
|
52418
52456
|
/* style */
|
|
52419
52457
|
const __vue_inject_styles__$u = function (inject) {
|
|
52420
52458
|
if (!inject) return
|
|
52421
|
-
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 });
|
|
52422
52460
|
|
|
52423
52461
|
};
|
|
52424
52462
|
/* scoped */
|
|
@@ -60452,105 +60490,23 @@ var __vue_render__ = function () {
|
|
|
60452
60490
|
],
|
|
60453
60491
|
1
|
|
60454
60492
|
)
|
|
60455
|
-
:
|
|
60456
|
-
|
|
60457
|
-
|
|
60458
|
-
|
|
60459
|
-
|
|
60460
|
-
|
|
60461
|
-
|
|
60462
|
-
|
|
60463
|
-
|
|
60464
|
-
|
|
60465
|
-
|
|
60466
|
-
|
|
60467
|
-
|
|
60468
|
-
|
|
60469
|
-
class: [
|
|
60470
|
-
"zd-table-cell-text",
|
|
60471
|
-
{
|
|
60472
|
-
"zd-table-cell-text-first":
|
|
60473
|
-
headerIndex ===
|
|
60474
|
-
0 ||
|
|
60475
|
-
(headerIndex ===
|
|
60476
|
-
1 &&
|
|
60477
|
-
_vm
|
|
60478
|
-
.instance
|
|
60479
|
-
.selectable),
|
|
60480
|
-
"zd-table-cell-text-editable":
|
|
60481
|
-
Object.assign(
|
|
60482
|
-
{},
|
|
60483
|
-
column,
|
|
60484
|
-
cellProps
|
|
60485
|
-
).editable,
|
|
60486
|
-
"overflow-hidden":
|
|
60487
|
-
column.overflow ===
|
|
60488
|
-
"hidden",
|
|
60489
|
-
"overflow-wrap":
|
|
60490
|
-
column.overflow ===
|
|
60491
|
-
"wrap",
|
|
60492
|
-
},
|
|
60493
|
-
!isNaN(
|
|
60494
|
-
column.overflow
|
|
60495
|
-
)
|
|
60496
|
-
? "overflow-clamp overflow-clamp-" +
|
|
60497
|
-
column.overflow
|
|
60498
|
-
: "",
|
|
60499
|
-
],
|
|
60500
|
-
style: {
|
|
60501
|
-
width:
|
|
60502
|
-
_vm.calcWidth(
|
|
60503
|
-
column,
|
|
60504
|
-
column.maxWidth ||
|
|
60505
|
-
column.minWidth
|
|
60506
|
-
) || "unset",
|
|
60507
|
-
"min-width":
|
|
60508
|
-
_vm.calcWidth(
|
|
60509
|
-
column,
|
|
60510
|
-
column.minWidth
|
|
60511
|
-
) || "unset",
|
|
60512
|
-
"max-width":
|
|
60513
|
-
_vm.calcWidth(
|
|
60514
|
-
column,
|
|
60515
|
-
column.maxWidth
|
|
60516
|
-
) || "unset",
|
|
60517
|
-
},
|
|
60518
|
-
on: {
|
|
60519
|
-
mouseenter:
|
|
60520
|
-
function (
|
|
60521
|
-
$event
|
|
60522
|
-
) {
|
|
60523
|
-
return _vm.checkOverflow(
|
|
60524
|
-
$event
|
|
60525
|
-
)
|
|
60526
|
-
},
|
|
60527
|
-
mouseleave:
|
|
60528
|
-
function (
|
|
60529
|
-
$event
|
|
60530
|
-
) {
|
|
60531
|
-
return _vm.removeTooltip()
|
|
60532
|
-
},
|
|
60533
|
-
},
|
|
60534
|
-
},
|
|
60535
|
-
[
|
|
60536
|
-
_c("span", {
|
|
60537
|
-
key: item.tree__searched
|
|
60538
|
-
? "a"
|
|
60539
|
-
: "b",
|
|
60540
|
-
domProps: {
|
|
60541
|
-
innerHTML:
|
|
60542
|
-
_vm._s(
|
|
60543
|
-
_vm.formatSearchResult(
|
|
60544
|
-
column.formatterByRow(
|
|
60545
|
-
item,
|
|
60546
|
-
cellProps
|
|
60547
|
-
)
|
|
60548
|
-
)
|
|
60549
|
-
),
|
|
60550
|
-
},
|
|
60551
|
-
}),
|
|
60552
|
-
]
|
|
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
|
+
)
|
|
60553
60507
|
),
|
|
60508
|
+
},
|
|
60509
|
+
}),
|
|
60554
60510
|
]
|
|
60555
60511
|
),
|
|
60556
60512
|
]
|
|
@@ -60783,8 +60739,8 @@ __vue_render__._withStripped = true;
|
|
|
60783
60739
|
/* style */
|
|
60784
60740
|
const __vue_inject_styles__ = function (inject) {
|
|
60785
60741
|
if (!inject) return
|
|
60786
|
-
inject("data-v-
|
|
60787
|
-
,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 });
|
|
60788
60744
|
|
|
60789
60745
|
};
|
|
60790
60746
|
/* scoped */
|
|
@@ -61022,6 +60978,7 @@ const getActivator = (comp, e) => {
|
|
|
61022
60978
|
}
|
|
61023
60979
|
else {
|
|
61024
60980
|
activator = comp.activatorNode[0].elm;
|
|
60981
|
+
comp.isActive = false;
|
|
61025
60982
|
}
|
|
61026
60983
|
}
|
|
61027
60984
|
else if (e) {
|
|
@@ -61071,7 +61028,13 @@ const genActivatorListeners = (comp) => {
|
|
|
61071
61028
|
const event = e instanceof Event ? e : e.event;
|
|
61072
61029
|
comp.getActivator(event);
|
|
61073
61030
|
event === null || event === void 0 ? void 0 : event.stopPropagation();
|
|
61074
|
-
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;
|
|
61075
61038
|
};
|
|
61076
61039
|
}
|
|
61077
61040
|
return listeners;
|
package/dist/zd-vuetify.umd.js
CHANGED
|
@@ -44513,9 +44513,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44513
44513
|
__metadata("design:type", Object)
|
|
44514
44514
|
], ZdFrame.prototype, "overrideNamedProps", void 0);
|
|
44515
44515
|
__decorate([
|
|
44516
|
-
PropWatch({ type: Boolean, default: false }),
|
|
44517
|
-
__metadata("design:type",
|
|
44516
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
|
44517
|
+
__metadata("design:type", Object)
|
|
44518
44518
|
], ZdFrame.prototype, "cache", void 0);
|
|
44519
|
+
__decorate([
|
|
44520
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
|
44521
|
+
__metadata("design:type", Object)
|
|
44522
|
+
], ZdFrame.prototype, "JSONCache", void 0);
|
|
44519
44523
|
__decorate([
|
|
44520
44524
|
PropWatch({ type: [String, Number], default: 2 * 60 * 60 * 1000 }),
|
|
44521
44525
|
__metadata("design:type", Number)
|
|
@@ -44803,13 +44807,32 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44803
44807
|
this.destroyDragColumns();
|
|
44804
44808
|
}
|
|
44805
44809
|
}
|
|
44810
|
+
updateColspan(selector) {
|
|
44811
|
+
const el = this.$el.querySelector(selector);
|
|
44812
|
+
if (el)
|
|
44813
|
+
el.colSpan = this.instance.columns.length + 1;
|
|
44814
|
+
}
|
|
44806
44815
|
change(value) {
|
|
44807
|
-
if (
|
|
44816
|
+
if (this.instance.selectable && value.length === 0) {
|
|
44817
|
+
setTimeout(() => {
|
|
44818
|
+
this.updateColspan('.v-data-table__empty-wrapper td');
|
|
44819
|
+
this.updateColspan('.v-data-table__progress th');
|
|
44820
|
+
}, 0);
|
|
44821
|
+
}
|
|
44822
|
+
}
|
|
44823
|
+
changeColumns() {
|
|
44824
|
+
if (this.instance.selectable && this.instance.datasource.data.length === 0) {
|
|
44808
44825
|
setTimeout(() => {
|
|
44809
|
-
this
|
|
44826
|
+
this.updateColspan('.v-data-table__empty-wrapper td');
|
|
44827
|
+
this.updateColspan('.v-data-table__progress th');
|
|
44810
44828
|
}, 0);
|
|
44811
44829
|
}
|
|
44812
44830
|
}
|
|
44831
|
+
changeLoading(value) {
|
|
44832
|
+
if (this.instance.selectable && value) {
|
|
44833
|
+
setTimeout(() => this.updateColspan('.v-data-table__progress th'), 0);
|
|
44834
|
+
}
|
|
44835
|
+
}
|
|
44813
44836
|
updateStates() {
|
|
44814
44837
|
setTimeout(() => {
|
|
44815
44838
|
this.allselectedState = this.instance.datasource.data.every((row) => {
|
|
@@ -45347,12 +45370,24 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
45347
45370
|
__metadata("design:paramtypes", [Boolean]),
|
|
45348
45371
|
__metadata("design:returntype", void 0)
|
|
45349
45372
|
], ZdGrid.prototype, "update", null);
|
|
45373
|
+
__decorate([
|
|
45374
|
+
vuePropertyDecorator.Watch('instance.datasource.data'),
|
|
45375
|
+
__metadata("design:type", Function),
|
|
45376
|
+
__metadata("design:paramtypes", [Object]),
|
|
45377
|
+
__metadata("design:returntype", void 0)
|
|
45378
|
+
], ZdGrid.prototype, "change", null);
|
|
45379
|
+
__decorate([
|
|
45380
|
+
vuePropertyDecorator.Watch('instance.columns'),
|
|
45381
|
+
__metadata("design:type", Function),
|
|
45382
|
+
__metadata("design:paramtypes", []),
|
|
45383
|
+
__metadata("design:returntype", void 0)
|
|
45384
|
+
], ZdGrid.prototype, "changeColumns", null);
|
|
45350
45385
|
__decorate([
|
|
45351
45386
|
vuePropertyDecorator.Watch('instance.datasource.loading'),
|
|
45352
45387
|
__metadata("design:type", Function),
|
|
45353
45388
|
__metadata("design:paramtypes", [Boolean]),
|
|
45354
45389
|
__metadata("design:returntype", void 0)
|
|
45355
|
-
], ZdGrid.prototype, "
|
|
45390
|
+
], ZdGrid.prototype, "changeLoading", null);
|
|
45356
45391
|
__decorate([
|
|
45357
45392
|
vuePropertyDecorator.Watch('instance.selectedRows'),
|
|
45358
45393
|
__metadata("design:type", Function),
|
|
@@ -52219,7 +52254,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52219
52254
|
this.modals = [];
|
|
52220
52255
|
this.x = 0;
|
|
52221
52256
|
this.y = 0;
|
|
52222
|
-
this.dragModal = null;
|
|
52223
52257
|
this.dragHandle = null;
|
|
52224
52258
|
}
|
|
52225
52259
|
created() {
|
|
@@ -52231,37 +52265,34 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52231
52265
|
getSizeClass(modal) {
|
|
52232
52266
|
return !modal.fullscreen ? this.getGridClasses(modal.grid) : '';
|
|
52233
52267
|
}
|
|
52234
|
-
|
|
52235
|
-
const
|
|
52236
|
-
if (!current)
|
|
52237
|
-
return null;
|
|
52238
|
-
const ref = this.$refs[current.name];
|
|
52268
|
+
getModalEl(modal) {
|
|
52269
|
+
const ref = this.$refs[modal.name];
|
|
52239
52270
|
const el = (Array.isArray(ref) ? ref[0].$el : ref === null || ref === void 0 ? void 0 : ref.$el);
|
|
52240
52271
|
return el || null;
|
|
52241
52272
|
}
|
|
52242
52273
|
registerMousedown(modal) {
|
|
52243
|
-
|
|
52274
|
+
const el = this.getModalEl(modal);
|
|
52275
|
+
if (!el)
|
|
52244
52276
|
return;
|
|
52245
52277
|
if (modal.dragHandle) {
|
|
52246
|
-
this.dragHandle =
|
|
52278
|
+
this.dragHandle = el.querySelector(modal.dragHandle);
|
|
52247
52279
|
}
|
|
52248
52280
|
else {
|
|
52249
|
-
this.dragHandle =
|
|
52281
|
+
this.dragHandle = el;
|
|
52250
52282
|
}
|
|
52251
52283
|
if (!this.dragHandle)
|
|
52252
52284
|
return;
|
|
52253
|
-
this.dragHandle.addEventListener('mousedown', this.dragStart);
|
|
52285
|
+
this.dragHandle.addEventListener('mousedown', this.dragStart.bind(this, modal));
|
|
52254
52286
|
}
|
|
52255
|
-
unregisterMousedown() {
|
|
52287
|
+
unregisterMousedown(modal) {
|
|
52256
52288
|
if (!this.dragHandle)
|
|
52257
52289
|
return;
|
|
52258
|
-
this.dragHandle.removeEventListener('mousedown', this.dragStart);
|
|
52290
|
+
this.dragHandle.removeEventListener('mousedown', this.dragStart.bind(this, modal));
|
|
52259
52291
|
}
|
|
52260
|
-
dragStart(event) {
|
|
52261
|
-
|
|
52262
|
-
this.dragModal = ((_a = this.currentModalEl) === null || _a === void 0 ? void 0 : _a.parentElement) || null;
|
|
52263
|
-
if (!this.dragModal)
|
|
52292
|
+
dragStart(modal, event) {
|
|
52293
|
+
if (!modal)
|
|
52264
52294
|
return;
|
|
52295
|
+
this.modalDragged = modal;
|
|
52265
52296
|
event.preventDefault();
|
|
52266
52297
|
this.x = event.clientX;
|
|
52267
52298
|
this.y = event.clientY;
|
|
@@ -52269,11 +52300,16 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52269
52300
|
document.addEventListener('mouseup', this.dragEnd);
|
|
52270
52301
|
}
|
|
52271
52302
|
dragEnd() {
|
|
52303
|
+
this.modalDragged = undefined;
|
|
52272
52304
|
document.removeEventListener('mousemove', this.dragMove);
|
|
52273
52305
|
document.removeEventListener('mouseup', this.dragEnd);
|
|
52274
52306
|
}
|
|
52275
52307
|
dragMove(event) {
|
|
52276
|
-
|
|
52308
|
+
var _a;
|
|
52309
|
+
if (!this.modalDragged)
|
|
52310
|
+
return;
|
|
52311
|
+
const modalEl = ((_a = this.getModalEl(this.modalDragged)) === null || _a === void 0 ? void 0 : _a.parentElement) || null;
|
|
52312
|
+
if (!modalEl)
|
|
52277
52313
|
return;
|
|
52278
52314
|
const dy = event.clientY - this.y;
|
|
52279
52315
|
const dx = event.clientX - this.x;
|
|
@@ -52281,15 +52317,15 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52281
52317
|
const toPx = (num) => `${num}px`;
|
|
52282
52318
|
const threshold = 1;
|
|
52283
52319
|
if ((Math.abs(dy) + Math.abs(dx)) >= threshold) {
|
|
52284
|
-
const top = toNum(
|
|
52285
|
-
const left = toNum(
|
|
52286
|
-
if ((window.innerHeight / 2) - (top + dy) >= (
|
|
52287
|
-
&& (window.innerHeight / 2) + (top + dy) >= (
|
|
52288
|
-
|
|
52320
|
+
const top = toNum(modalEl.style.top);
|
|
52321
|
+
const left = toNum(modalEl.style.left);
|
|
52322
|
+
if ((window.innerHeight / 2) - (top + dy) >= (modalEl.offsetHeight / 2)
|
|
52323
|
+
&& (window.innerHeight / 2) + (top + dy) >= (modalEl.offsetHeight / 2)) {
|
|
52324
|
+
modalEl.style.top = toPx(top + dy);
|
|
52289
52325
|
}
|
|
52290
52326
|
if ((window.innerWidth / 2) + 2 * (left + dx) >= 4
|
|
52291
52327
|
&& (window.innerWidth / 2) - 2 * (left + dx) >= 0) {
|
|
52292
|
-
|
|
52328
|
+
modalEl.style.left = toPx(left + dx);
|
|
52293
52329
|
}
|
|
52294
52330
|
this.x = event.clientX;
|
|
52295
52331
|
this.y = event.clientY;
|
|
@@ -52354,7 +52390,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52354
52390
|
"hook:mounted": function ($event) {
|
|
52355
52391
|
modal.draggable && _vm.registerMousedown(modal);
|
|
52356
52392
|
},
|
|
52357
|
-
"hook:destroyed":
|
|
52393
|
+
"hook:destroyed": function ($event) {
|
|
52394
|
+
return _vm.unregisterMousedown(modal)
|
|
52395
|
+
},
|
|
52358
52396
|
},
|
|
52359
52397
|
},
|
|
52360
52398
|
[
|
|
@@ -52417,7 +52455,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52417
52455
|
/* style */
|
|
52418
52456
|
const __vue_inject_styles__$u = function (inject) {
|
|
52419
52457
|
if (!inject) return
|
|
52420
|
-
inject("data-v-
|
|
52458
|
+
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 });
|
|
52421
52459
|
|
|
52422
52460
|
};
|
|
52423
52461
|
/* scoped */
|
|
@@ -60451,105 +60489,23 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
60451
60489
|
],
|
|
60452
60490
|
1
|
|
60453
60491
|
)
|
|
60454
|
-
:
|
|
60455
|
-
|
|
60456
|
-
|
|
60457
|
-
|
|
60458
|
-
|
|
60459
|
-
|
|
60460
|
-
|
|
60461
|
-
|
|
60462
|
-
|
|
60463
|
-
|
|
60464
|
-
|
|
60465
|
-
|
|
60466
|
-
|
|
60467
|
-
|
|
60468
|
-
class: [
|
|
60469
|
-
"zd-table-cell-text",
|
|
60470
|
-
{
|
|
60471
|
-
"zd-table-cell-text-first":
|
|
60472
|
-
headerIndex ===
|
|
60473
|
-
0 ||
|
|
60474
|
-
(headerIndex ===
|
|
60475
|
-
1 &&
|
|
60476
|
-
_vm
|
|
60477
|
-
.instance
|
|
60478
|
-
.selectable),
|
|
60479
|
-
"zd-table-cell-text-editable":
|
|
60480
|
-
Object.assign(
|
|
60481
|
-
{},
|
|
60482
|
-
column,
|
|
60483
|
-
cellProps
|
|
60484
|
-
).editable,
|
|
60485
|
-
"overflow-hidden":
|
|
60486
|
-
column.overflow ===
|
|
60487
|
-
"hidden",
|
|
60488
|
-
"overflow-wrap":
|
|
60489
|
-
column.overflow ===
|
|
60490
|
-
"wrap",
|
|
60491
|
-
},
|
|
60492
|
-
!isNaN(
|
|
60493
|
-
column.overflow
|
|
60494
|
-
)
|
|
60495
|
-
? "overflow-clamp overflow-clamp-" +
|
|
60496
|
-
column.overflow
|
|
60497
|
-
: "",
|
|
60498
|
-
],
|
|
60499
|
-
style: {
|
|
60500
|
-
width:
|
|
60501
|
-
_vm.calcWidth(
|
|
60502
|
-
column,
|
|
60503
|
-
column.maxWidth ||
|
|
60504
|
-
column.minWidth
|
|
60505
|
-
) || "unset",
|
|
60506
|
-
"min-width":
|
|
60507
|
-
_vm.calcWidth(
|
|
60508
|
-
column,
|
|
60509
|
-
column.minWidth
|
|
60510
|
-
) || "unset",
|
|
60511
|
-
"max-width":
|
|
60512
|
-
_vm.calcWidth(
|
|
60513
|
-
column,
|
|
60514
|
-
column.maxWidth
|
|
60515
|
-
) || "unset",
|
|
60516
|
-
},
|
|
60517
|
-
on: {
|
|
60518
|
-
mouseenter:
|
|
60519
|
-
function (
|
|
60520
|
-
$event
|
|
60521
|
-
) {
|
|
60522
|
-
return _vm.checkOverflow(
|
|
60523
|
-
$event
|
|
60524
|
-
)
|
|
60525
|
-
},
|
|
60526
|
-
mouseleave:
|
|
60527
|
-
function (
|
|
60528
|
-
$event
|
|
60529
|
-
) {
|
|
60530
|
-
return _vm.removeTooltip()
|
|
60531
|
-
},
|
|
60532
|
-
},
|
|
60533
|
-
},
|
|
60534
|
-
[
|
|
60535
|
-
_c("span", {
|
|
60536
|
-
key: item.tree__searched
|
|
60537
|
-
? "a"
|
|
60538
|
-
: "b",
|
|
60539
|
-
domProps: {
|
|
60540
|
-
innerHTML:
|
|
60541
|
-
_vm._s(
|
|
60542
|
-
_vm.formatSearchResult(
|
|
60543
|
-
column.formatterByRow(
|
|
60544
|
-
item,
|
|
60545
|
-
cellProps
|
|
60546
|
-
)
|
|
60547
|
-
)
|
|
60548
|
-
),
|
|
60549
|
-
},
|
|
60550
|
-
}),
|
|
60551
|
-
]
|
|
60492
|
+
: _vm._e(),
|
|
60493
|
+
_vm._v(" "),
|
|
60494
|
+
_c("span", {
|
|
60495
|
+
key: item.tree__searched
|
|
60496
|
+
? "a"
|
|
60497
|
+
: "b",
|
|
60498
|
+
domProps: {
|
|
60499
|
+
innerHTML: _vm._s(
|
|
60500
|
+
_vm.formatSearchResult(
|
|
60501
|
+
column.formatterByRow(
|
|
60502
|
+
item,
|
|
60503
|
+
cellProps
|
|
60504
|
+
)
|
|
60505
|
+
)
|
|
60552
60506
|
),
|
|
60507
|
+
},
|
|
60508
|
+
}),
|
|
60553
60509
|
]
|
|
60554
60510
|
),
|
|
60555
60511
|
]
|
|
@@ -60782,8 +60738,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
60782
60738
|
/* style */
|
|
60783
60739
|
const __vue_inject_styles__ = function (inject) {
|
|
60784
60740
|
if (!inject) return
|
|
60785
|
-
inject("data-v-
|
|
60786
|
-
,inject("data-v-
|
|
60741
|
+
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 })
|
|
60742
|
+
,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 });
|
|
60787
60743
|
|
|
60788
60744
|
};
|
|
60789
60745
|
/* scoped */
|
|
@@ -61021,6 +60977,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
61021
60977
|
}
|
|
61022
60978
|
else {
|
|
61023
60979
|
activator = comp.activatorNode[0].elm;
|
|
60980
|
+
comp.isActive = false;
|
|
61024
60981
|
}
|
|
61025
60982
|
}
|
|
61026
60983
|
else if (e) {
|
|
@@ -61070,7 +61027,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
61070
61027
|
const event = e instanceof Event ? e : e.event;
|
|
61071
61028
|
comp.getActivator(event);
|
|
61072
61029
|
event === null || event === void 0 ? void 0 : event.stopPropagation();
|
|
61073
|
-
comp.isActive =
|
|
61030
|
+
comp.isActive = true;
|
|
61031
|
+
};
|
|
61032
|
+
listeners.blur = (e) => {
|
|
61033
|
+
const event = e instanceof Event ? e : e.event;
|
|
61034
|
+
comp.getActivator(event);
|
|
61035
|
+
event === null || event === void 0 ? void 0 : event.stopPropagation();
|
|
61036
|
+
comp.isActive = false;
|
|
61074
61037
|
};
|
|
61075
61038
|
}
|
|
61076
61039
|
return listeners;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.67.0",
|
|
4
4
|
"description": "Zeedhi Components based on Vuetify",
|
|
5
5
|
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"@types/prismjs": "^1.16.2",
|
|
51
51
|
"@types/sortablejs": "^1.10.6"
|
|
52
52
|
},
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "b0dce6827eda99845a66fea71b29a1e7286e1097"
|
|
54
54
|
}
|
|
@@ -10,7 +10,8 @@ export default class ZdFrame extends ZdComponentRender {
|
|
|
10
10
|
local: boolean;
|
|
11
11
|
override: object;
|
|
12
12
|
overrideNamedProps: object;
|
|
13
|
-
cache: boolean;
|
|
13
|
+
cache: boolean | string;
|
|
14
|
+
JSONCache: boolean | string;
|
|
14
15
|
cacheDuration: number;
|
|
15
16
|
height: number | string;
|
|
16
17
|
maxHeight: number | string;
|
|
@@ -29,7 +29,10 @@ export default class ZdGrid extends ZdIterable {
|
|
|
29
29
|
instance: Grid;
|
|
30
30
|
instanceType: typeof Grid;
|
|
31
31
|
update(value: boolean): void;
|
|
32
|
-
|
|
32
|
+
private updateColspan;
|
|
33
|
+
change(value: any): void;
|
|
34
|
+
changeColumns(): void;
|
|
35
|
+
changeLoading(value: boolean): void;
|
|
33
36
|
updateStates(): void;
|
|
34
37
|
protected allselectedState: boolean;
|
|
35
38
|
mounted(): void;
|
|
@@ -10,12 +10,12 @@ export default class ZdModal extends ZdComponent {
|
|
|
10
10
|
getSizeClass(modal: Modal): string;
|
|
11
11
|
protected x: number;
|
|
12
12
|
protected y: number;
|
|
13
|
-
protected dragModal: HTMLElement | null;
|
|
14
13
|
protected dragHandle: HTMLElement | null;
|
|
15
|
-
|
|
14
|
+
protected modalDragged?: Modal;
|
|
15
|
+
getModalEl(modal: Modal): HTMLElement | null;
|
|
16
16
|
registerMousedown(modal: Modal): void;
|
|
17
|
-
unregisterMousedown(): void;
|
|
18
|
-
dragStart(event: MouseEvent): void;
|
|
17
|
+
unregisterMousedown(modal: Modal): void;
|
|
18
|
+
dragStart(modal: Modal, event: MouseEvent): void;
|
|
19
19
|
dragEnd(): void;
|
|
20
20
|
dragMove(event: MouseEvent): void;
|
|
21
21
|
getContentClass(modal: Modal): string;
|