@zeedhi/vuetify 1.53.0 → 1.54.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 +203 -122
- package/dist/zd-vuetify.umd.js +203 -122
- package/package.json +2 -2
- package/types/components/zd-grid/ZdGridEditable.d.ts +3 -2
- package/types/components/zd-time/ZdTime.d.ts +5 -3
- package/types/components/zd-tree/ZdTree.d.ts +1 -0
- package/types/components/zd-tree/ZdTreeCheckbox.d.ts +1 -0
- package/types/components/zd-tree-grid/ZdTreeGridEditable.d.ts +3 -2
package/dist/zd-vuetify.esm.js
CHANGED
|
@@ -2221,7 +2221,7 @@ class Vuetify {
|
|
|
2221
2221
|
}
|
|
2222
2222
|
Vuetify.install = install$1;
|
|
2223
2223
|
Vuetify.installed = false;
|
|
2224
|
-
Vuetify.version = "2.6.
|
|
2224
|
+
Vuetify.version = "2.6.7";
|
|
2225
2225
|
Vuetify.config = {
|
|
2226
2226
|
silent: false
|
|
2227
2227
|
};
|
|
@@ -7539,9 +7539,11 @@ var VListItem = baseMixins$p.extend().extend({
|
|
|
7539
7539
|
};
|
|
7540
7540
|
data[this.to ? 'nativeOn' : 'on'] = { ...data[this.to ? 'nativeOn' : 'on'],
|
|
7541
7541
|
keydown: e => {
|
|
7542
|
-
|
|
7543
|
-
|
|
7544
|
-
|
|
7542
|
+
if (!this.disabled) {
|
|
7543
|
+
/* istanbul ignore else */
|
|
7544
|
+
if (e.keyCode === keyCodes.enter) this.click(e);
|
|
7545
|
+
this.$emit('keydown', e);
|
|
7546
|
+
}
|
|
7545
7547
|
}
|
|
7546
7548
|
};
|
|
7547
7549
|
if (this.inactive) tag = 'div';
|
|
@@ -9982,7 +9984,9 @@ var VSelect = baseMixins$j.extend().extend({
|
|
|
9982
9984
|
},
|
|
9983
9985
|
|
|
9984
9986
|
computedCounterValue() {
|
|
9985
|
-
|
|
9987
|
+
var _this$getText;
|
|
9988
|
+
|
|
9989
|
+
const value = this.multiple ? this.selectedItems : ((_this$getText = this.getText(this.selectedItems[0])) != null ? _this$getText : '').toString();
|
|
9986
9990
|
|
|
9987
9991
|
if (typeof this.counterValue === 'function') {
|
|
9988
9992
|
return this.counterValue(value);
|
|
@@ -10459,7 +10463,9 @@ var VSelect = baseMixins$j.extend().extend({
|
|
|
10459
10463
|
this.keyboardLookupPrefix += e.key.toLowerCase();
|
|
10460
10464
|
this.keyboardLookupLastTime = now;
|
|
10461
10465
|
const index = this.allItems.findIndex(item => {
|
|
10462
|
-
|
|
10466
|
+
var _this$getText2;
|
|
10467
|
+
|
|
10468
|
+
const text = ((_this$getText2 = this.getText(item)) != null ? _this$getText2 : '').toString();
|
|
10463
10469
|
return text.toLowerCase().startsWith(this.keyboardLookupPrefix);
|
|
10464
10470
|
});
|
|
10465
10471
|
const item = this.allItems[index];
|
|
@@ -11976,9 +11982,13 @@ var VDialog = baseMixins$i.extend({
|
|
|
11976
11982
|
|
|
11977
11983
|
this.$nextTick(() => {
|
|
11978
11984
|
this.$nextTick(() => {
|
|
11979
|
-
|
|
11985
|
+
var _this$$refs$dialog;
|
|
11986
|
+
|
|
11987
|
+
if (!((_this$$refs$dialog = this.$refs.dialog) != null && _this$$refs$dialog.contains(document.activeElement))) {
|
|
11988
|
+
var _this$$refs$dialog2;
|
|
11989
|
+
|
|
11980
11990
|
this.previousActiveElement = document.activeElement;
|
|
11981
|
-
this.$refs.
|
|
11991
|
+
(_this$$refs$dialog2 = this.$refs.dialog) == null ? void 0 : _this$$refs$dialog2.focus();
|
|
11982
11992
|
}
|
|
11983
11993
|
|
|
11984
11994
|
this.bind();
|
|
@@ -12024,14 +12034,14 @@ var VDialog = baseMixins$i.extend({
|
|
|
12024
12034
|
if (!e || !this.retainFocus) return;
|
|
12025
12035
|
const target = e.target;
|
|
12026
12036
|
|
|
12027
|
-
if (!!target && // It isn't the document or the dialog body
|
|
12028
|
-
![document, this.$refs.
|
|
12029
|
-
!this.$refs.
|
|
12037
|
+
if (!!target && this.$refs.dialog && // It isn't the document or the dialog body
|
|
12038
|
+
![document, this.$refs.dialog].includes(target) && // It isn't inside the dialog body
|
|
12039
|
+
!this.$refs.dialog.contains(target) && // We're the topmost dialog
|
|
12030
12040
|
this.activeZIndex >= this.getMaxZIndex() && // It isn't inside a dependent element (like a menu)
|
|
12031
12041
|
!this.getOpenDependentElements().some(el => el.contains(target)) // So we must have focused something outside the dialog and its children
|
|
12032
12042
|
) {
|
|
12033
12043
|
// Find and focus the first available element inside the dialog
|
|
12034
|
-
const focusable = this.$refs.
|
|
12044
|
+
const focusable = this.$refs.dialog.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
12035
12045
|
const el = [...focusable].find(el => !el.hasAttribute('disabled'));
|
|
12036
12046
|
el && el.focus();
|
|
12037
12047
|
}
|
|
@@ -12048,7 +12058,6 @@ var VDialog = baseMixins$i.extend({
|
|
|
12048
12058
|
class: this.contentClasses,
|
|
12049
12059
|
attrs: {
|
|
12050
12060
|
role: 'dialog',
|
|
12051
|
-
tabindex: this.isActive ? 0 : undefined,
|
|
12052
12061
|
'aria-modal': this.hideOverlay ? undefined : 'true',
|
|
12053
12062
|
...this.getScopeIdAttrs()
|
|
12054
12063
|
},
|
|
@@ -12077,6 +12086,9 @@ var VDialog = baseMixins$i.extend({
|
|
|
12077
12086
|
genInnerContent() {
|
|
12078
12087
|
const data = {
|
|
12079
12088
|
class: this.classes,
|
|
12089
|
+
attrs: {
|
|
12090
|
+
tabindex: this.isActive ? 0 : undefined
|
|
12091
|
+
},
|
|
12080
12092
|
ref: 'dialog',
|
|
12081
12093
|
directives: [{
|
|
12082
12094
|
name: 'click-outside',
|
|
@@ -16445,7 +16457,6 @@ const BaseSlideGroup = mixins(BaseItemGroup, Mobile).extend({
|
|
|
16445
16457
|
}
|
|
16446
16458
|
},
|
|
16447
16459
|
data: () => ({
|
|
16448
|
-
internalItemsLength: 0,
|
|
16449
16460
|
isOverflowing: false,
|
|
16450
16461
|
resizeTimeout: 0,
|
|
16451
16462
|
startX: 0,
|
|
@@ -16536,13 +16547,30 @@ const BaseSlideGroup = mixins(BaseItemGroup, Mobile).extend({
|
|
|
16536
16547
|
|
|
16537
16548
|
},
|
|
16538
16549
|
|
|
16539
|
-
|
|
16540
|
-
|
|
16541
|
-
|
|
16550
|
+
mounted() {
|
|
16551
|
+
if (typeof ResizeObserver !== 'undefined') {
|
|
16552
|
+
const obs = new ResizeObserver(() => {
|
|
16553
|
+
this.onResize();
|
|
16554
|
+
});
|
|
16555
|
+
obs.observe(this.$el);
|
|
16556
|
+
obs.observe(this.$refs.content);
|
|
16557
|
+
this.$on('hook:destroyed', () => {
|
|
16558
|
+
obs.disconnect();
|
|
16559
|
+
});
|
|
16560
|
+
} else {
|
|
16561
|
+
let itemsLength = 0;
|
|
16562
|
+
this.$on('hook:beforeUpdate', () => {
|
|
16563
|
+
var _this$$refs$content;
|
|
16542
16564
|
|
|
16543
|
-
|
|
16544
|
-
|
|
16545
|
-
|
|
16565
|
+
itemsLength = (((_this$$refs$content = this.$refs.content) == null ? void 0 : _this$$refs$content.children) || []).length;
|
|
16566
|
+
});
|
|
16567
|
+
this.$on('hook:updated', () => {
|
|
16568
|
+
var _this$$refs$content2;
|
|
16569
|
+
|
|
16570
|
+
if (itemsLength === (((_this$$refs$content2 = this.$refs.content) == null ? void 0 : _this$$refs$content2.children) || []).length) return;
|
|
16571
|
+
this.setWidths();
|
|
16572
|
+
});
|
|
16573
|
+
}
|
|
16546
16574
|
},
|
|
16547
16575
|
|
|
16548
16576
|
methods: {
|
|
@@ -24393,7 +24421,6 @@ var VOtpInput = baseMixins$b.extend().extend({
|
|
|
24393
24421
|
plain: Boolean
|
|
24394
24422
|
},
|
|
24395
24423
|
data: () => ({
|
|
24396
|
-
badInput: false,
|
|
24397
24424
|
initialValue: null,
|
|
24398
24425
|
isBooted: false,
|
|
24399
24426
|
otp: []
|
|
@@ -24408,10 +24435,6 @@ var VOtpInput = baseMixins$b.extend().extend({
|
|
|
24408
24435
|
...VTextField.options.computed.classes.call(this),
|
|
24409
24436
|
'v-otp-input--plain': this.plain
|
|
24410
24437
|
};
|
|
24411
|
-
},
|
|
24412
|
-
|
|
24413
|
-
isDirty() {
|
|
24414
|
-
return VInput.options.computed.isDirty.call(this) || this.badInput;
|
|
24415
24438
|
}
|
|
24416
24439
|
|
|
24417
24440
|
},
|
|
@@ -24513,18 +24536,17 @@ var VOtpInput = baseMixins$b.extend().extend({
|
|
|
24513
24536
|
min: this.type === 'number' ? 0 : null
|
|
24514
24537
|
},
|
|
24515
24538
|
attrs: { ...this.attrs$,
|
|
24539
|
+
autocomplete: 'one-time-code',
|
|
24516
24540
|
disabled: this.isDisabled,
|
|
24517
24541
|
readonly: this.isReadonly,
|
|
24518
24542
|
type: this.type,
|
|
24519
24543
|
id: `${this.computedId}--${otpIdx}`,
|
|
24520
|
-
class: `otp-field-box--${otpIdx}
|
|
24521
|
-
maxlength: 1
|
|
24544
|
+
class: `otp-field-box--${otpIdx}`
|
|
24522
24545
|
},
|
|
24523
24546
|
on: Object.assign(listeners, {
|
|
24524
24547
|
blur: this.onBlur,
|
|
24525
24548
|
input: e => this.onInput(e, otpIdx),
|
|
24526
24549
|
focus: e => this.onFocus(e, otpIdx),
|
|
24527
|
-
paste: e => this.onPaste(e, otpIdx),
|
|
24528
24550
|
keydown: this.onKeyDown,
|
|
24529
24551
|
keyup: e => this.onKeyUp(e, otpIdx)
|
|
24530
24552
|
}),
|
|
@@ -24568,22 +24590,31 @@ var VOtpInput = baseMixins$b.extend().extend({
|
|
|
24568
24590
|
}
|
|
24569
24591
|
},
|
|
24570
24592
|
|
|
24571
|
-
onInput(e,
|
|
24593
|
+
onInput(e, index) {
|
|
24594
|
+
const maxCursor = +this.length - 1;
|
|
24572
24595
|
const target = e.target;
|
|
24573
24596
|
const value = target.value;
|
|
24574
|
-
|
|
24575
|
-
|
|
24576
|
-
});
|
|
24577
|
-
this.badInput = target.validity && target.validity.badInput;
|
|
24578
|
-
const nextIndex = otpIdx + 1;
|
|
24597
|
+
const inputDataArray = (value == null ? void 0 : value.split('')) || [];
|
|
24598
|
+
const newOtp = [...this.otp];
|
|
24579
24599
|
|
|
24580
|
-
|
|
24581
|
-
|
|
24582
|
-
|
|
24583
|
-
|
|
24584
|
-
|
|
24585
|
-
|
|
24586
|
-
|
|
24600
|
+
for (let i = 0; i < inputDataArray.length; i++) {
|
|
24601
|
+
const appIdx = index + i;
|
|
24602
|
+
if (appIdx > maxCursor) break;
|
|
24603
|
+
newOtp[appIdx] = inputDataArray[i].toString();
|
|
24604
|
+
}
|
|
24605
|
+
|
|
24606
|
+
if (!inputDataArray.length) {
|
|
24607
|
+
newOtp.splice(index, 1);
|
|
24608
|
+
}
|
|
24609
|
+
|
|
24610
|
+
this.otp = newOtp;
|
|
24611
|
+
this.internalValue = this.otp.join('');
|
|
24612
|
+
|
|
24613
|
+
if (index + inputDataArray.length >= +this.length) {
|
|
24614
|
+
this.onCompleted();
|
|
24615
|
+
this.clearFocus(index);
|
|
24616
|
+
} else if (inputDataArray.length) {
|
|
24617
|
+
this.changeFocus(index + inputDataArray.length);
|
|
24587
24618
|
}
|
|
24588
24619
|
},
|
|
24589
24620
|
|
|
@@ -24615,39 +24646,6 @@ var VOtpInput = baseMixins$b.extend().extend({
|
|
|
24615
24646
|
VInput.options.methods.onMouseUp.call(this, e);
|
|
24616
24647
|
},
|
|
24617
24648
|
|
|
24618
|
-
onPaste(event, index) {
|
|
24619
|
-
var _event$clipboardData;
|
|
24620
|
-
|
|
24621
|
-
const maxCursor = +this.length - 1;
|
|
24622
|
-
const inputVal = event == null ? void 0 : (_event$clipboardData = event.clipboardData) == null ? void 0 : _event$clipboardData.getData('Text');
|
|
24623
|
-
const inputDataArray = (inputVal == null ? void 0 : inputVal.split('')) || [];
|
|
24624
|
-
event.preventDefault();
|
|
24625
|
-
const newOtp = [...this.otp];
|
|
24626
|
-
|
|
24627
|
-
for (let i = 0; i < inputDataArray.length; i++) {
|
|
24628
|
-
const appIdx = index + i;
|
|
24629
|
-
if (appIdx > maxCursor) break;
|
|
24630
|
-
newOtp[appIdx] = inputDataArray[i].toString();
|
|
24631
|
-
}
|
|
24632
|
-
|
|
24633
|
-
this.otp = newOtp;
|
|
24634
|
-
this.internalValue = this.otp.join('');
|
|
24635
|
-
const targetFocus = Math.min(index + inputDataArray.length, maxCursor);
|
|
24636
|
-
this.changeFocus(targetFocus);
|
|
24637
|
-
|
|
24638
|
-
if (newOtp.length === +this.length) {
|
|
24639
|
-
this.onCompleted();
|
|
24640
|
-
this.clearFocus(targetFocus);
|
|
24641
|
-
}
|
|
24642
|
-
},
|
|
24643
|
-
|
|
24644
|
-
applyValue(index, inputVal, next) {
|
|
24645
|
-
const newOtp = [...this.otp];
|
|
24646
|
-
newOtp[index] = inputVal;
|
|
24647
|
-
this.otp = newOtp;
|
|
24648
|
-
next();
|
|
24649
|
-
},
|
|
24650
|
-
|
|
24651
24649
|
changeFocus(index) {
|
|
24652
24650
|
this.onFocus(undefined, index || 0);
|
|
24653
24651
|
},
|
|
@@ -27538,6 +27536,16 @@ var VTabs = baseMixins$4.extend().extend({
|
|
|
27538
27536
|
},
|
|
27539
27537
|
|
|
27540
27538
|
mounted() {
|
|
27539
|
+
if (typeof ResizeObserver !== 'undefined') {
|
|
27540
|
+
const obs = new ResizeObserver(() => {
|
|
27541
|
+
this.onResize();
|
|
27542
|
+
});
|
|
27543
|
+
obs.observe(this.$el);
|
|
27544
|
+
this.$on('hook:destroyed', () => {
|
|
27545
|
+
obs.disconnect();
|
|
27546
|
+
});
|
|
27547
|
+
}
|
|
27548
|
+
|
|
27541
27549
|
this.$nextTick(() => {
|
|
27542
27550
|
window.setTimeout(this.callSlider, 30);
|
|
27543
27551
|
});
|
|
@@ -36837,7 +36845,7 @@ var Vuetify = /*#__PURE__*/function () {
|
|
|
36837
36845
|
exports.default = Vuetify;
|
|
36838
36846
|
Vuetify.install = install_1.install;
|
|
36839
36847
|
Vuetify.installed = false;
|
|
36840
|
-
Vuetify.version = "2.6.
|
|
36848
|
+
Vuetify.version = "2.6.7";
|
|
36841
36849
|
Vuetify.config = {
|
|
36842
36850
|
silent: false
|
|
36843
36851
|
};
|
|
@@ -43014,6 +43022,7 @@ var __vue_render__$12 = function () {
|
|
|
43014
43022
|
return _c(
|
|
43015
43023
|
"v-dialog",
|
|
43016
43024
|
{
|
|
43025
|
+
key: "" + _vm.dialog.name + _vm.dialog.isVisible,
|
|
43017
43026
|
attrs: {
|
|
43018
43027
|
id: _vm.dialog.name,
|
|
43019
43028
|
"max-width": _vm.dialog.maxWidth,
|
|
@@ -43108,7 +43117,7 @@ __vue_render__$12._withStripped = true;
|
|
|
43108
43117
|
/* style */
|
|
43109
43118
|
const __vue_inject_styles__$12 = function (inject) {
|
|
43110
43119
|
if (!inject) return
|
|
43111
|
-
inject("data-v-
|
|
43120
|
+
inject("data-v-308734a8_0", { source: ".v-dialog > .zd-dialog > .zd-dialog-title {\n padding: var(--spacing-4);\n padding-bottom: 0;\n color: var(--zd-font-color);\n font-size: var(--zd-font-title-size);\n font-weight: var(--zd-font-title-weight);\n}\n.v-dialog > .zd-dialog > .zd-dialog-title .zd-dialog-icon {\n width: var(--icon-size);\n height: var(--icon-size);\n margin-right: var(--spacing-2);\n}\n.v-dialog > .zd-dialog .zd-dialog-text {\n padding: 14px var(--spacing-4) var(--spacing-4) var(--spacing-4);\n color: var(--zd-font-color);\n font-size: var(--zd-font-body3-size);\n font-weight: var(--zd-font-body3-weight);\n}\n.v-dialog > .zd-dialog .zd-dialog-buttons {\n padding: var(--spacing-4);\n padding-top: 0;\n}\n.v-dialog > .zd-dialog .zd-dialog-buttons .zd-button {\n margin-left: var(--spacing-2);\n}", map: undefined, media: undefined });
|
|
43112
43121
|
|
|
43113
43122
|
};
|
|
43114
43123
|
/* scoped */
|
|
@@ -45977,17 +45986,17 @@ let ZdGridEditable = class ZdGridEditable extends ZdGrid$1 {
|
|
|
45977
45986
|
}
|
|
45978
45987
|
return this.instance.getEditableComponent(column, row, cellProps, events);
|
|
45979
45988
|
}
|
|
45980
|
-
cellClick(row, column, event) {
|
|
45989
|
+
cellClick(row, column, event, canEdit = true) {
|
|
45981
45990
|
if (!this.instance.doubleClickEdit || !column.editable) {
|
|
45982
|
-
this.callCellClick(row, column, event);
|
|
45991
|
+
this.callCellClick(row, column, event, canEdit);
|
|
45983
45992
|
return;
|
|
45984
45993
|
}
|
|
45985
|
-
this.$doubleClick(() => this.instance.cellClickEvent(row, column, event, this.$el), () => this.callCellClick(row, column, event), event);
|
|
45994
|
+
this.$doubleClick(() => this.instance.cellClickEvent(row, column, event, this.$el), () => this.callCellClick(row, column, event, canEdit), event);
|
|
45986
45995
|
}
|
|
45987
|
-
callCellClick(row, column, event) {
|
|
45996
|
+
callCellClick(row, column, event, canEdit = true) {
|
|
45988
45997
|
const key = row[this.instance.datasource.uniqueKey];
|
|
45989
45998
|
this.inputToFocus = `column-${column.name}-${key}`;
|
|
45990
|
-
this.instance.cellClick(row, column, event, this.$el);
|
|
45999
|
+
this.instance.cellClick(row, column, event, this.$el, canEdit);
|
|
45991
46000
|
}
|
|
45992
46001
|
onMountedEvent({ element, component }) {
|
|
45993
46002
|
const input = element.getElementsByTagName('input')[0];
|
|
@@ -46089,6 +46098,10 @@ __decorate([
|
|
|
46089
46098
|
PropWatch({ type: [String, Boolean], default: false }),
|
|
46090
46099
|
__metadata("design:type", Object)
|
|
46091
46100
|
], ZdGridEditable.prototype, "doubleClickEdit", void 0);
|
|
46101
|
+
__decorate([
|
|
46102
|
+
PropWatch({ type: [String, Function], default: undefined }),
|
|
46103
|
+
__metadata("design:type", Object)
|
|
46104
|
+
], ZdGridEditable.prototype, "canEditRow", void 0);
|
|
46092
46105
|
ZdGridEditable = __decorate([
|
|
46093
46106
|
Component$2
|
|
46094
46107
|
], ZdGridEditable);
|
|
@@ -46138,6 +46151,7 @@ var __vue_render__$V = function () {
|
|
|
46138
46151
|
"disable-sort": "",
|
|
46139
46152
|
"disable-filtering": "",
|
|
46140
46153
|
tabindex: "0",
|
|
46154
|
+
set: (_vm.canEditRowValues = {}),
|
|
46141
46155
|
},
|
|
46142
46156
|
on: {
|
|
46143
46157
|
"current-items": function ($event) {
|
|
@@ -46569,6 +46583,10 @@ var __vue_render__$V = function () {
|
|
|
46569
46583
|
active: isSelected,
|
|
46570
46584
|
current: _vm.isCurrentRow(item),
|
|
46571
46585
|
},
|
|
46586
|
+
attrs: {
|
|
46587
|
+
set: (_vm.canEditRowValues[_vm.rowKey(item)] =
|
|
46588
|
+
_vm.instance.callCanEditRow(item)),
|
|
46589
|
+
},
|
|
46572
46590
|
on: {
|
|
46573
46591
|
click: function ($event) {
|
|
46574
46592
|
return _vm.rowClick(item, $event)
|
|
@@ -46644,7 +46662,10 @@ var __vue_render__$V = function () {
|
|
|
46644
46662
|
{},
|
|
46645
46663
|
column,
|
|
46646
46664
|
cellProps
|
|
46647
|
-
).editable
|
|
46665
|
+
).editable &&
|
|
46666
|
+
_vm.canEditRowValues[
|
|
46667
|
+
_vm.rowKey(item)
|
|
46668
|
+
],
|
|
46648
46669
|
},
|
|
46649
46670
|
],
|
|
46650
46671
|
style: [
|
|
@@ -46655,11 +46676,14 @@ var __vue_render__$V = function () {
|
|
|
46655
46676
|
],
|
|
46656
46677
|
on: {
|
|
46657
46678
|
click: function ($event) {
|
|
46658
|
-
|
|
46679
|
+
_vm.cellClick(
|
|
46659
46680
|
item,
|
|
46660
46681
|
column,
|
|
46661
|
-
$event
|
|
46662
|
-
|
|
46682
|
+
$event,
|
|
46683
|
+
_vm.canEditRowValues[
|
|
46684
|
+
_vm.rowKey(item)
|
|
46685
|
+
]
|
|
46686
|
+
);
|
|
46663
46687
|
},
|
|
46664
46688
|
},
|
|
46665
46689
|
},
|
|
@@ -46676,7 +46700,11 @@ var __vue_render__$V = function () {
|
|
|
46676
46700
|
: _vm._e(),
|
|
46677
46701
|
_vm._v(" "),
|
|
46678
46702
|
Object.assign({}, column, cellProps)
|
|
46679
|
-
.editable &&
|
|
46703
|
+
.editable &&
|
|
46704
|
+
_vm.canEditRowValues[
|
|
46705
|
+
_vm.rowKey(item)
|
|
46706
|
+
] &&
|
|
46707
|
+
_vm.instance.editing
|
|
46680
46708
|
? _c(
|
|
46681
46709
|
"span",
|
|
46682
46710
|
{
|
|
@@ -47045,8 +47073,8 @@ __vue_render__$V._withStripped = true;
|
|
|
47045
47073
|
/* style */
|
|
47046
47074
|
const __vue_inject_styles__$V = function (inject) {
|
|
47047
47075
|
if (!inject) return
|
|
47048
|
-
inject("data-v-
|
|
47049
|
-
,inject("data-v-
|
|
47076
|
+
inject("data-v-2729c3cf_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}\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--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
|
|
47077
|
+
,inject("data-v-2729c3cf_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 });
|
|
47050
47078
|
|
|
47051
47079
|
};
|
|
47052
47080
|
/* scoped */
|
|
@@ -48699,6 +48727,8 @@ let ZdSelect = class ZdSelect extends __vue_component__$18 {
|
|
|
48699
48727
|
this.instance.selectInput(value, undefined, this.$el);
|
|
48700
48728
|
}
|
|
48701
48729
|
selectBlur(event) {
|
|
48730
|
+
if (this.$el.contains(document.activeElement))
|
|
48731
|
+
return;
|
|
48702
48732
|
this.blur(event);
|
|
48703
48733
|
}
|
|
48704
48734
|
selectFocus(event) {
|
|
@@ -53059,6 +53089,8 @@ let ZdSelectMultiple = class ZdSelectMultiple extends __vue_component__$K {
|
|
|
53059
53089
|
}
|
|
53060
53090
|
}
|
|
53061
53091
|
selectBlur(event) {
|
|
53092
|
+
if (this.$el.contains(document.activeElement))
|
|
53093
|
+
return;
|
|
53062
53094
|
if (this.rows !== 1) {
|
|
53063
53095
|
this.rows = 1;
|
|
53064
53096
|
this.calcDisplay();
|
|
@@ -56044,7 +56076,7 @@ let ZdTime = class ZdTime extends __vue_component__$18 {
|
|
|
56044
56076
|
}
|
|
56045
56077
|
onChangeTimePicker() {
|
|
56046
56078
|
const textInput = this.$refs.instance.$children[0];
|
|
56047
|
-
textInput.validate(false
|
|
56079
|
+
textInput.validate(false);
|
|
56048
56080
|
}
|
|
56049
56081
|
mounted() {
|
|
56050
56082
|
const textInput = this.$refs.instance.$children[0].$el.getElementsByTagName('input')[0];
|
|
@@ -56107,15 +56139,6 @@ let ZdTime = class ZdTime extends __vue_component__$18 {
|
|
|
56107
56139
|
}
|
|
56108
56140
|
return formatted;
|
|
56109
56141
|
}
|
|
56110
|
-
set pickerValue(value) {
|
|
56111
|
-
this.instance.value = this.convert(value, false);
|
|
56112
|
-
}
|
|
56113
|
-
get pickerValue() {
|
|
56114
|
-
if (!this.instance.isFullyValid())
|
|
56115
|
-
return null;
|
|
56116
|
-
const { value } = this.instance;
|
|
56117
|
-
return this.convert(value);
|
|
56118
|
-
}
|
|
56119
56142
|
get pickerMinTime() {
|
|
56120
56143
|
return this.convert(this.instance.minTime);
|
|
56121
56144
|
}
|
|
@@ -56125,6 +56148,9 @@ let ZdTime = class ZdTime extends __vue_component__$18 {
|
|
|
56125
56148
|
onPickerMousedown(event) {
|
|
56126
56149
|
event.preventDefault();
|
|
56127
56150
|
}
|
|
56151
|
+
onSelectTime(time, event) {
|
|
56152
|
+
this.instance.selectTime(time, event, this.$el);
|
|
56153
|
+
}
|
|
56128
56154
|
pickerMounted() {
|
|
56129
56155
|
const picker = this.$refs.picker.$el;
|
|
56130
56156
|
picker.addEventListener('mousedown', this.onPickerMousedown);
|
|
@@ -56133,6 +56159,27 @@ let ZdTime = class ZdTime extends __vue_component__$18 {
|
|
|
56133
56159
|
const picker = this.$refs.picker.$el;
|
|
56134
56160
|
picker.removeEventListener('mousedown', this.onPickerMousedown);
|
|
56135
56161
|
}
|
|
56162
|
+
toMask(format) {
|
|
56163
|
+
const newMask = format.replace(/[B-Zb-z]/gi, '#').split('').map((char) => {
|
|
56164
|
+
if (char === 'A' || char === 'a') {
|
|
56165
|
+
return /[AapP]/;
|
|
56166
|
+
}
|
|
56167
|
+
if (char === '#') {
|
|
56168
|
+
return /\d/;
|
|
56169
|
+
}
|
|
56170
|
+
return char;
|
|
56171
|
+
});
|
|
56172
|
+
if (format.includes('a') || format.includes('A')) {
|
|
56173
|
+
newMask.push(/[mM]/);
|
|
56174
|
+
}
|
|
56175
|
+
return newMask;
|
|
56176
|
+
}
|
|
56177
|
+
get getTimeMask() {
|
|
56178
|
+
if (this.instance.isFocused) {
|
|
56179
|
+
return this.toMask(this.instance.inputFormat || this.instance.displayFormat || '');
|
|
56180
|
+
}
|
|
56181
|
+
return '';
|
|
56182
|
+
}
|
|
56136
56183
|
};
|
|
56137
56184
|
__decorate([
|
|
56138
56185
|
PropWatch({ type: [Array, String], default: undefined }),
|
|
@@ -56183,7 +56230,7 @@ __decorate([
|
|
|
56183
56230
|
__metadata("design:type", Boolean)
|
|
56184
56231
|
], ZdTime.prototype, "useSeconds", void 0);
|
|
56185
56232
|
__decorate([
|
|
56186
|
-
PropWatch({ type:
|
|
56233
|
+
PropWatch({ type: String, default: undefined }),
|
|
56187
56234
|
__metadata("design:type", Object)
|
|
56188
56235
|
], ZdTime.prototype, "mask", void 0);
|
|
56189
56236
|
__decorate([
|
|
@@ -56191,7 +56238,11 @@ __decorate([
|
|
|
56191
56238
|
__metadata("design:type", String)
|
|
56192
56239
|
], ZdTime.prototype, "valueFormat", void 0);
|
|
56193
56240
|
__decorate([
|
|
56194
|
-
PropWatch({ type:
|
|
56241
|
+
PropWatch({ type: String }),
|
|
56242
|
+
__metadata("design:type", Object)
|
|
56243
|
+
], ZdTime.prototype, "inputFormat", void 0);
|
|
56244
|
+
__decorate([
|
|
56245
|
+
PropWatch({ type: String }),
|
|
56195
56246
|
__metadata("design:type", String)
|
|
56196
56247
|
], ZdTime.prototype, "displayFormat", void 0);
|
|
56197
56248
|
ZdTime = __decorate([
|
|
@@ -56247,6 +56298,7 @@ var __vue_render__$6 = function () {
|
|
|
56247
56298
|
ref: "instance",
|
|
56248
56299
|
attrs: {
|
|
56249
56300
|
name: _vm.instance.name + "_text-input",
|
|
56301
|
+
mask: _vm.getTimeMask,
|
|
56250
56302
|
"instance-object": _vm.instance,
|
|
56251
56303
|
events: _vm.getEvents(on),
|
|
56252
56304
|
autofill: false,
|
|
@@ -56259,7 +56311,7 @@ var __vue_render__$6 = function () {
|
|
|
56259
56311
|
],
|
|
56260
56312
|
null,
|
|
56261
56313
|
false,
|
|
56262
|
-
|
|
56314
|
+
229268027
|
|
56263
56315
|
),
|
|
56264
56316
|
model: {
|
|
56265
56317
|
value: _vm.instance.showTimePicker,
|
|
@@ -56293,21 +56345,21 @@ var __vue_render__$6 = function () {
|
|
|
56293
56345
|
name: _vm.instance.name,
|
|
56294
56346
|
dark: _vm.instance.dark,
|
|
56295
56347
|
light: _vm.instance.light,
|
|
56296
|
-
value: _vm.pickerValue,
|
|
56297
56348
|
},
|
|
56298
56349
|
on: {
|
|
56299
56350
|
"hook:mounted": _vm.pickerMounted,
|
|
56300
56351
|
"hook:destroyed": _vm.pickerDestroyed,
|
|
56352
|
+
"click:time": _vm.onSelectTime,
|
|
56301
56353
|
change: function ($event) {
|
|
56302
56354
|
return _vm.onChangeTimePicker()
|
|
56303
56355
|
},
|
|
56304
56356
|
},
|
|
56305
56357
|
model: {
|
|
56306
|
-
value: _vm.
|
|
56358
|
+
value: _vm.instance.isoValue,
|
|
56307
56359
|
callback: function ($$v) {
|
|
56308
|
-
_vm.
|
|
56360
|
+
_vm.$set(_vm.instance, "isoValue", $$v);
|
|
56309
56361
|
},
|
|
56310
|
-
expression: "
|
|
56362
|
+
expression: "instance.isoValue",
|
|
56311
56363
|
},
|
|
56312
56364
|
},
|
|
56313
56365
|
"v-time-picker",
|
|
@@ -56333,7 +56385,7 @@ var __vue_render__$6 = function () {
|
|
|
56333
56385
|
name: _vm.instance.name + "_text-input",
|
|
56334
56386
|
"instance-object": _vm.instance,
|
|
56335
56387
|
autofill: false,
|
|
56336
|
-
type: "
|
|
56388
|
+
type: "text",
|
|
56337
56389
|
mask: "",
|
|
56338
56390
|
},
|
|
56339
56391
|
}),
|
|
@@ -56348,7 +56400,7 @@ __vue_render__$6._withStripped = true;
|
|
|
56348
56400
|
/* style */
|
|
56349
56401
|
const __vue_inject_styles__$6 = function (inject) {
|
|
56350
56402
|
if (!inject) return
|
|
56351
|
-
inject("data-v-
|
|
56403
|
+
inject("data-v-5b84b696_0", { source: ".zd-time input[type=time] {\n -webkit-appearance: none;\n}\n.zd-time input[type=time]::-webkit-inner-spin-button, .zd-time input[type=time]::-webkit-calendar-picker-indicator {\n display: none;\n -webkit-appearance: none;\n}", map: undefined, media: undefined });
|
|
56352
56404
|
|
|
56353
56405
|
};
|
|
56354
56406
|
/* scoped */
|
|
@@ -56594,6 +56646,10 @@ __decorate([
|
|
|
56594
56646
|
Prop({ type: [String], default: 'checked' }),
|
|
56595
56647
|
__metadata("design:type", String)
|
|
56596
56648
|
], ZdTreeCheckbox.prototype, "checkedField", void 0);
|
|
56649
|
+
__decorate([
|
|
56650
|
+
Prop({ type: [Boolean], default: false }),
|
|
56651
|
+
__metadata("design:type", Boolean)
|
|
56652
|
+
], ZdTreeCheckbox.prototype, "disabled", void 0);
|
|
56597
56653
|
__decorate([
|
|
56598
56654
|
Watch('childrenCheck'),
|
|
56599
56655
|
__metadata("design:type", Function),
|
|
@@ -56617,6 +56673,7 @@ var __vue_render__$4 = function () {
|
|
|
56617
56673
|
staticClass: "zd-tree-checkbox",
|
|
56618
56674
|
attrs: {
|
|
56619
56675
|
"hide-details": "",
|
|
56676
|
+
disabled: _vm.disabled,
|
|
56620
56677
|
ripple: false,
|
|
56621
56678
|
"on-icon": _vm.$getIcon("checkboxOn"),
|
|
56622
56679
|
"off-icon": _vm.$getIcon("checkboxOff"),
|
|
@@ -56626,7 +56683,7 @@ var __vue_render__$4 = function () {
|
|
|
56626
56683
|
},
|
|
56627
56684
|
on: {
|
|
56628
56685
|
click: function ($event) {
|
|
56629
|
-
|
|
56686
|
+
_vm.disabled || _vm.click($event);
|
|
56630
56687
|
},
|
|
56631
56688
|
},
|
|
56632
56689
|
model: {
|
|
@@ -56644,7 +56701,7 @@ __vue_render__$4._withStripped = true;
|
|
|
56644
56701
|
/* style */
|
|
56645
56702
|
const __vue_inject_styles__$4 = function (inject) {
|
|
56646
56703
|
if (!inject) return
|
|
56647
|
-
inject("data-v-
|
|
56704
|
+
inject("data-v-311cf5ac_0", { source: ".zd-tree-checkbox {\n display: inline-block;\n top: 50%;\n transform: translate(0, -50%);\n}\n.zd-tree-checkbox > .v-input--selection-controls__input {\n margin-right: 0;\n}", map: undefined, media: undefined });
|
|
56648
56705
|
|
|
56649
56706
|
};
|
|
56650
56707
|
/* scoped */
|
|
@@ -56909,6 +56966,10 @@ __decorate([
|
|
|
56909
56966
|
Prop({ type: [String, Number, Boolean], default: false }),
|
|
56910
56967
|
__metadata("design:type", Object)
|
|
56911
56968
|
], ZdTree.prototype, "openLevelOnLoad", void 0);
|
|
56969
|
+
__decorate([
|
|
56970
|
+
Prop({ type: [String, Function], default: undefined }),
|
|
56971
|
+
__metadata("design:type", Function)
|
|
56972
|
+
], ZdTree.prototype, "disableCheckbox", void 0);
|
|
56912
56973
|
__decorate([
|
|
56913
56974
|
Watch('instance.datasource.data.length'),
|
|
56914
56975
|
__metadata("design:type", Function),
|
|
@@ -57003,6 +57064,7 @@ var __vue_render__$2 = function () {
|
|
|
57003
57064
|
_vm.instance.checkbox
|
|
57004
57065
|
? _c("zd-tree-checkbox", {
|
|
57005
57066
|
attrs: {
|
|
57067
|
+
disabled: _vm.instance.callDisableCheckbox(node),
|
|
57006
57068
|
node: _vm.instanceNode(node),
|
|
57007
57069
|
checkedField: _vm.instance.checkedField,
|
|
57008
57070
|
},
|
|
@@ -57217,7 +57279,7 @@ __vue_render__$2._withStripped = true;
|
|
|
57217
57279
|
/* style */
|
|
57218
57280
|
const __vue_inject_styles__$2 = function (inject) {
|
|
57219
57281
|
if (!inject) return
|
|
57220
|
-
inject("data-v-
|
|
57282
|
+
inject("data-v-6a21eeb4_0", { source: ".zd-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-weight: normal;\n}\n.zd-tree.theme--light .sl-vue-tree-title {\n color: var(--zd-font-color);\n}\n.zd-tree.theme--light .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item:hover {\n background: #eee;\n}\n.zd-tree.theme--dark .sl-vue-tree-title {\n color: #fff;\n}\n.zd-tree.theme--dark .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item:hover {\n background: #616161;\n}\n.zd-tree .sl-vue-tree-title {\n display: flex;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node {\n padding-top: 3px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item {\n height: 30px;\n line-height: 30px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item {\n background-color: var(--current-row-color);\n color: var(--zd-font-color);\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item .sl-vue-tree-toggle .v-icon {\n color: var(--zd-font-color);\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-toggle span .v-icon {\n margin: 0px 1px 0px 1px;\n padding-bottom: 1.4px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-gap {\n width: 32px;\n}\n.zd-tree .sl-vue-tree-nodes-list .item-title.has-children {\n font-weight: 700;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align {\n padding-left: 26px;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align.is-clickable {\n cursor: pointer;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align.v-icon {\n padding-left: 4px;\n}\n.zd-tree .sl-vue-tree-node-item .zd-tree-checkbox {\n padding: 0px 3px 3px 0px;\n}", map: undefined, media: undefined });
|
|
57221
57283
|
|
|
57222
57284
|
};
|
|
57223
57285
|
/* scoped */
|
|
@@ -58183,17 +58245,17 @@ let ZdTreeGridEditable = class ZdTreeGridEditable extends ZdTreeGrid$1 {
|
|
|
58183
58245
|
}
|
|
58184
58246
|
return this.instance.getEditableComponent(column, row, cellProps, events);
|
|
58185
58247
|
}
|
|
58186
|
-
cellClick(row, column, event) {
|
|
58248
|
+
cellClick(row, column, event, canEdit = true) {
|
|
58187
58249
|
if (!this.instance.doubleClickEdit || !column.editable) {
|
|
58188
|
-
this.callCellClick(row, column, event);
|
|
58250
|
+
this.callCellClick(row, column, event, canEdit);
|
|
58189
58251
|
return;
|
|
58190
58252
|
}
|
|
58191
|
-
this.$doubleClick(() => this.instance.cellClickEvent(row, column, event, this.$el), () => this.callCellClick(row, column, event), event);
|
|
58253
|
+
this.$doubleClick(() => this.instance.cellClickEvent(row, column, event, this.$el), () => this.callCellClick(row, column, event, canEdit), event);
|
|
58192
58254
|
}
|
|
58193
|
-
callCellClick(row, column, event) {
|
|
58255
|
+
callCellClick(row, column, event, canEdit = true) {
|
|
58194
58256
|
const key = row[this.instance.datasource.uniqueKey];
|
|
58195
58257
|
this.inputToFocus = `column-${column.name}-${key}`;
|
|
58196
|
-
this.instance.cellClick(row, column, event, this.$el);
|
|
58258
|
+
this.instance.cellClick(row, column, event, this.$el, canEdit);
|
|
58197
58259
|
}
|
|
58198
58260
|
onMountedEvent({ element, component }) {
|
|
58199
58261
|
const input = element.getElementsByTagName('input')[0];
|
|
@@ -58294,6 +58356,10 @@ __decorate([
|
|
|
58294
58356
|
PropWatch({ type: [String, Boolean], default: false }),
|
|
58295
58357
|
__metadata("design:type", Object)
|
|
58296
58358
|
], ZdTreeGridEditable.prototype, "doubleClickEdit", void 0);
|
|
58359
|
+
__decorate([
|
|
58360
|
+
PropWatch({ type: [String, Function] }),
|
|
58361
|
+
__metadata("design:type", Object)
|
|
58362
|
+
], ZdTreeGridEditable.prototype, "canEditRow", void 0);
|
|
58297
58363
|
ZdTreeGridEditable = __decorate([
|
|
58298
58364
|
Component$2
|
|
58299
58365
|
], ZdTreeGridEditable);
|
|
@@ -58344,6 +58410,7 @@ var __vue_render__ = function () {
|
|
|
58344
58410
|
"disable-sort": "",
|
|
58345
58411
|
"disable-filtering": "",
|
|
58346
58412
|
tabindex: "0",
|
|
58413
|
+
set: (_vm.canEditRowValues = {}),
|
|
58347
58414
|
},
|
|
58348
58415
|
on: {
|
|
58349
58416
|
"current-items": function ($event) {
|
|
@@ -58727,6 +58794,10 @@ var __vue_render__ = function () {
|
|
|
58727
58794
|
active: isSelected,
|
|
58728
58795
|
current: _vm.isCurrentRow(item),
|
|
58729
58796
|
},
|
|
58797
|
+
attrs: {
|
|
58798
|
+
set: (_vm.canEditRowValues[_vm.rowKey(item)] =
|
|
58799
|
+
_vm.instance.callCanEditRow(item)),
|
|
58800
|
+
},
|
|
58730
58801
|
on: {
|
|
58731
58802
|
click: function ($event) {
|
|
58732
58803
|
return _vm.rowClick(item, $event)
|
|
@@ -58808,7 +58879,10 @@ var __vue_render__ = function () {
|
|
|
58808
58879
|
{},
|
|
58809
58880
|
column,
|
|
58810
58881
|
cellProps
|
|
58811
|
-
).editable
|
|
58882
|
+
).editable &&
|
|
58883
|
+
_vm.canEditRowValues[
|
|
58884
|
+
_vm.rowKey(item)
|
|
58885
|
+
],
|
|
58812
58886
|
},
|
|
58813
58887
|
],
|
|
58814
58888
|
style: [
|
|
@@ -58819,11 +58893,14 @@ var __vue_render__ = function () {
|
|
|
58819
58893
|
],
|
|
58820
58894
|
on: {
|
|
58821
58895
|
click: function ($event) {
|
|
58822
|
-
|
|
58896
|
+
_vm.cellClick(
|
|
58823
58897
|
item,
|
|
58824
58898
|
column,
|
|
58825
|
-
$event
|
|
58826
|
-
|
|
58899
|
+
$event,
|
|
58900
|
+
_vm.canEditRowValues[
|
|
58901
|
+
_vm.rowKey(item)
|
|
58902
|
+
]
|
|
58903
|
+
);
|
|
58827
58904
|
},
|
|
58828
58905
|
},
|
|
58829
58906
|
},
|
|
@@ -58840,7 +58917,11 @@ var __vue_render__ = function () {
|
|
|
58840
58917
|
: _vm._e(),
|
|
58841
58918
|
_vm._v(" "),
|
|
58842
58919
|
Object.assign({}, column, cellProps)
|
|
58843
|
-
.editable &&
|
|
58920
|
+
.editable &&
|
|
58921
|
+
_vm.canEditRowValues[
|
|
58922
|
+
_vm.rowKey(item)
|
|
58923
|
+
] &&
|
|
58924
|
+
_vm.instance.editing
|
|
58844
58925
|
? _c(
|
|
58845
58926
|
"span",
|
|
58846
58927
|
{
|
|
@@ -59285,8 +59366,8 @@ __vue_render__._withStripped = true;
|
|
|
59285
59366
|
/* style */
|
|
59286
59367
|
const __vue_inject_styles__ = function (inject) {
|
|
59287
59368
|
if (!inject) return
|
|
59288
|
-
inject("data-v-
|
|
59289
|
-
,inject("data-v-
|
|
59369
|
+
inject("data-v-31d61cb7_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}\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--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
|
|
59370
|
+
,inject("data-v-31d61cb7_1", { source: ".zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n justify-content: flex-end;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n justify-content: center;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n display: flex;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n display: flex;\n font-size: 18px;\n margin-right: var(--spacing-1);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-tree-grid-editable 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-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n content: \"\";\n position: absolute;\n width: 1px;\n height: var(--spacing-1);\n bottom: 0px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n left: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n right: 0px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable {\n cursor: pointer;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand {\n display: inline-block;\n text-align: end;\n vertical-align: baseline;\n height: 10px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon {\n transition: transform 0.3s ease;\n -webkit-transition: transform 0.3s ease;\n font-size: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon::after {\n content: none;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon.opened {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level1 {\n width: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level2 {\n width: 40px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level3 {\n width: 60px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level4 {\n width: 80px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level5 {\n width: 100px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level6 {\n width: 120px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level7 {\n width: 140px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level8 {\n width: 160px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level9 {\n width: 180px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level10 {\n width: 200px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: 22px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n height: 22px;\n max-height: 22px;\n}", map: undefined, media: undefined });
|
|
59290
59371
|
|
|
59291
59372
|
};
|
|
59292
59373
|
/* scoped */
|