@zeedhi/vuetify 1.49.0 → 1.50.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 +191 -99
- package/dist/zd-vuetify.umd.js +191 -99
- package/package.json +2 -2
- package/types/components/zd-dashboard/ZdDashboard.d.ts +0 -1
- package/types/components/zd-grid/ZdGrid.d.ts +1 -1
- package/types/components/zd-select-tree/ZdSelectTree.d.ts +2 -0
- package/types/utils/plugins/index.d.ts +2 -1
- package/types/utils/plugins/styleObjectPlugin.d.ts +2 -0
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.5";
|
|
2225
2225
|
Vuetify.config = {
|
|
2226
2226
|
silent: false
|
|
2227
2227
|
};
|
|
@@ -2602,7 +2602,7 @@ var VResponsive = mixins(Measurable).extend({
|
|
|
2602
2602
|
return this.$createElement('div', {
|
|
2603
2603
|
staticClass: 'v-responsive__content',
|
|
2604
2604
|
class: this.contentClass
|
|
2605
|
-
}, this
|
|
2605
|
+
}, getSlot(this));
|
|
2606
2606
|
}
|
|
2607
2607
|
|
|
2608
2608
|
},
|
|
@@ -2987,10 +2987,12 @@ var VImg = mixins(VResponsive, Themeable).extend({
|
|
|
2987
2987
|
},
|
|
2988
2988
|
|
|
2989
2989
|
__genPlaceholder() {
|
|
2990
|
-
|
|
2990
|
+
const slot = getSlot(this, 'placeholder');
|
|
2991
|
+
|
|
2992
|
+
if (slot) {
|
|
2991
2993
|
const placeholder = this.isLoading ? [this.$createElement('div', {
|
|
2992
2994
|
staticClass: 'v-image__placeholder'
|
|
2993
|
-
},
|
|
2995
|
+
}, slot)] : [];
|
|
2994
2996
|
if (!this.transition) return placeholder[0];
|
|
2995
2997
|
return this.$createElement('transition', {
|
|
2996
2998
|
props: {
|
|
@@ -16225,10 +16227,6 @@ var Selectable = mixins(VInput, Rippleable, Comparable).extend({
|
|
|
16225
16227
|
});
|
|
16226
16228
|
},
|
|
16227
16229
|
|
|
16228
|
-
onBlur() {
|
|
16229
|
-
this.isFocused = false;
|
|
16230
|
-
},
|
|
16231
|
-
|
|
16232
16230
|
onClick(e) {
|
|
16233
16231
|
this.onChange();
|
|
16234
16232
|
this.$emit('click', e);
|
|
@@ -16263,8 +16261,14 @@ var Selectable = mixins(VInput, Rippleable, Comparable).extend({
|
|
|
16263
16261
|
this.hasColor = input;
|
|
16264
16262
|
},
|
|
16265
16263
|
|
|
16266
|
-
onFocus() {
|
|
16264
|
+
onFocus(e) {
|
|
16267
16265
|
this.isFocused = true;
|
|
16266
|
+
this.$emit('focus', e);
|
|
16267
|
+
},
|
|
16268
|
+
|
|
16269
|
+
onBlur(e) {
|
|
16270
|
+
this.isFocused = false;
|
|
16271
|
+
this.$emit('blur', e);
|
|
16268
16272
|
},
|
|
16269
16273
|
|
|
16270
16274
|
/** @abstract */
|
|
@@ -29463,7 +29467,7 @@ mixins(provide('treeview'), Themeable
|
|
|
29463
29467
|
};
|
|
29464
29468
|
this.buildTree(children, key); // This fixed bug with dynamic children resetting selected parent state
|
|
29465
29469
|
|
|
29466
|
-
if (
|
|
29470
|
+
if (this.selectionType !== 'independent' && parent !== null && !this.nodes.hasOwnProperty(key) && this.nodes.hasOwnProperty(parent)) {
|
|
29467
29471
|
node.isSelected = this.nodes[parent].isSelected;
|
|
29468
29472
|
} else {
|
|
29469
29473
|
node.isSelected = oldNode.isSelected;
|
|
@@ -32714,8 +32718,8 @@ var _default = {
|
|
|
32714
32718
|
sortAscending: 'Orden ascendente.',
|
|
32715
32719
|
sortNone: 'Sin ordenar.',
|
|
32716
32720
|
activateNone: 'Pulse para quitar orden.',
|
|
32717
|
-
activateDescending: 'Pulse para ordenar descendente.',
|
|
32718
|
-
activateAscending: 'Pulse para ordenar ascendente.'
|
|
32721
|
+
activateDescending: 'Pulse para ordenar de forma descendente.',
|
|
32722
|
+
activateAscending: 'Pulse para ordenar de forma ascendente.'
|
|
32719
32723
|
},
|
|
32720
32724
|
sortBy: 'Ordenado por'
|
|
32721
32725
|
},
|
|
@@ -32724,7 +32728,7 @@ var _default = {
|
|
|
32724
32728
|
itemsPerPageAll: 'Todos',
|
|
32725
32729
|
nextPage: 'Página siguiente',
|
|
32726
32730
|
prevPage: 'Página anterior',
|
|
32727
|
-
firstPage: '
|
|
32731
|
+
firstPage: 'Primera página',
|
|
32728
32732
|
lastPage: 'Última página',
|
|
32729
32733
|
pageText: '{0}-{1} de {2}'
|
|
32730
32734
|
},
|
|
@@ -32994,15 +32998,15 @@ var _default = {
|
|
|
32994
32998
|
pagination: {
|
|
32995
32999
|
ariaLabel: {
|
|
32996
33000
|
wrapper: 'Pagination Navigation',
|
|
32997
|
-
next: '
|
|
32998
|
-
previous: '
|
|
32999
|
-
page: '
|
|
33000
|
-
currentPage: '
|
|
33001
|
+
next: 'Seuraava sivu',
|
|
33002
|
+
previous: 'Edellinen sivu',
|
|
33003
|
+
page: 'Mene sivulle {0}',
|
|
33004
|
+
currentPage: 'Nykyinen sivu, Sivu {0}'
|
|
33001
33005
|
}
|
|
33002
33006
|
},
|
|
33003
33007
|
rating: {
|
|
33004
33008
|
ariaLabel: {
|
|
33005
|
-
icon: '
|
|
33009
|
+
icon: 'Luokitus {0}/{1}'
|
|
33006
33010
|
}
|
|
33007
33011
|
}
|
|
33008
33012
|
};
|
|
@@ -36827,7 +36831,7 @@ var Vuetify = /*#__PURE__*/function () {
|
|
|
36827
36831
|
exports.default = Vuetify;
|
|
36828
36832
|
Vuetify.install = install_1.install;
|
|
36829
36833
|
Vuetify.installed = false;
|
|
36830
|
-
Vuetify.version = "2.6.
|
|
36834
|
+
Vuetify.version = "2.6.5";
|
|
36831
36835
|
Vuetify.config = {
|
|
36832
36836
|
silent: false
|
|
36833
36837
|
};
|
|
@@ -40113,7 +40117,7 @@ var __vue_render__$1e = function () {
|
|
|
40113
40117
|
{
|
|
40114
40118
|
"--checkbox-horizontal-columns": _vm.checkboxHorizontalColumns,
|
|
40115
40119
|
},
|
|
40116
|
-
_vm.instance.cssStyle,
|
|
40120
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
|
40117
40121
|
],
|
|
40118
40122
|
},
|
|
40119
40123
|
_vm._l(_vm.instance.datasource.data, function (row) {
|
|
@@ -40175,7 +40179,7 @@ __vue_render__$1e._withStripped = true;
|
|
|
40175
40179
|
/* style */
|
|
40176
40180
|
const __vue_inject_styles__$1e = function (inject) {
|
|
40177
40181
|
if (!inject) return
|
|
40178
|
-
inject("data-v-
|
|
40182
|
+
inject("data-v-03bb5313_0", { source: ".zd-checkbox-multiple .zd-checkbox-label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 0 var(--spacing-2);\n color: var(--zd-font-color);\n align-items: flex-start;\n display: flex;\n}\n.zd-checkbox-multiple .zd-checkbox-horizontal {\n display: inline-grid;\n grid-template-columns: var(--checkbox-horizontal-columns);\n width: 100%;\n}\n.zd-checkbox-multiple .v-label {\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n}\n.zd-checkbox-multiple .v-input--selection-controls {\n padding: 0;\n margin: 0;\n}\n.zd-checkbox-multiple .v-input--selection-controls .v-input__control .v-messages {\n display: none;\n}\n.zd-checkbox-multiple .v-input--selection-controls .v-input__control .v-input__slot {\n margin: 0 10px 0 0;\n}\n.zd-checkbox-multiple .v-input--selection-controls .v-input__control .v-input__slot:hover .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-checkbox-multiple.zd-no-label .v-label {\n display: none;\n}\n.zd-checkbox-multiple.zd-no-helper > .v-input__control > .v-messages {\n display: none;\n}", map: undefined, media: undefined });
|
|
40179
40183
|
|
|
40180
40184
|
};
|
|
40181
40185
|
/* scoped */
|
|
@@ -40885,7 +40889,7 @@ var __vue_render__$1a = function () {
|
|
|
40885
40889
|
tile: _vm.instance.tile,
|
|
40886
40890
|
},
|
|
40887
40891
|
],
|
|
40888
|
-
style: [_vm.widthStyles, _vm.instance.cssStyle],
|
|
40892
|
+
style: [_vm.widthStyles, _vm.$styleObject(_vm.instance.cssStyle)],
|
|
40889
40893
|
attrs: {
|
|
40890
40894
|
id: _vm.instance.name,
|
|
40891
40895
|
dark: _vm.instance.dark,
|
|
@@ -41047,7 +41051,7 @@ __vue_render__$1a._withStripped = true;
|
|
|
41047
41051
|
/* style */
|
|
41048
41052
|
const __vue_inject_styles__$1a = function (inject) {
|
|
41049
41053
|
if (!inject) return
|
|
41050
|
-
inject("data-v-
|
|
41054
|
+
inject("data-v-83d4103c_0", { source: ".v-expansion-panels.tile, .v-expansion-panels.tile:not(.v-expansion-panels--accordion) > .v-expansion-panel--active, .v-expansion-panels.tile:not(.v-expansion-panels--accordion) > .v-expansion-panel--next-active {\n border-radius: var(--border-tile);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active {\n box-shadow: var(--shadow-3);\n border-radius: var(--border);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel::before, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active::before, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active::before {\n box-shadow: none;\n}\n.v-expansion-panels > div:first-child.v-expansion-panel.outlined, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active.outlined, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active.outlined {\n box-shadow: none;\n border: var(--regular) solid var(--v-secondary-base);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel.raised, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active.raised, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active.raised {\n box-shadow: var(--shadow-9);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel .v-expansion-panel-content__wrap, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-content__wrap, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-content__wrap {\n padding: 0 var(--spacing-4) var(--spacing-4) var(--spacing-4);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel .v-expansion-panel-header, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-header, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-header {\n border-bottom-left-radius: inherit;\n border-bottom-right-radius: inherit;\n min-height: 0;\n padding: var(--spacing-4);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel .v-expansion-panel-header .v-expansion-panel-header__icon .v-btn .v-icon, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-header .v-expansion-panel-header__icon .v-btn .v-icon, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-header .v-expansion-panel-header__icon .v-btn .v-icon {\n color: currentColor;\n}\n.v-expansion-panels > div:first-child.v-expansion-panel .v-expansion-panel-header > :not(.v-expansion-panel-header__icon), .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-header > :not(.v-expansion-panel-header__icon), .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-header > :not(.v-expansion-panel-header__icon) {\n padding-right: var(--spacing-4);\n}\n.v-expansion-panels--flat > div:first-child.v-expansion-panel, .v-expansion-panels--flat > div:first-child.v-expansion-panel.v-expansion-panel--active, .v-expansion-panels--flat > div:first-child.v-expansion-panel.v-expansion-panel--next-active {\n box-shadow: none;\n}\n.v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel:hover, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel:focus, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel.v-expansion-panel--active:hover, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel.v-expansion-panel--active:focus, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel.v-expansion-panel--next-active:hover, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel.v-expansion-panel--next-active:focus {\n box-shadow: var(--shadow-5);\n}", map: undefined, media: undefined });
|
|
41051
41055
|
|
|
41052
41056
|
};
|
|
41053
41057
|
/* scoped */
|
|
@@ -41133,11 +41137,15 @@ var __vue_render__$19 = function () {
|
|
|
41133
41137
|
_vm.instance.cssClass,
|
|
41134
41138
|
{ "fill-height": _vm.instance.fillHeight },
|
|
41135
41139
|
],
|
|
41136
|
-
style: Object.assign(
|
|
41137
|
-
|
|
41138
|
-
|
|
41139
|
-
|
|
41140
|
-
|
|
41140
|
+
style: Object.assign(
|
|
41141
|
+
{},
|
|
41142
|
+
{
|
|
41143
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
41144
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
41145
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
41146
|
+
},
|
|
41147
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
41148
|
+
),
|
|
41141
41149
|
attrs: {
|
|
41142
41150
|
id: _vm.instance.name,
|
|
41143
41151
|
name: _vm.instance.name,
|
|
@@ -41176,11 +41184,11 @@ __vue_render__$19._withStripped = true;
|
|
|
41176
41184
|
/* style */
|
|
41177
41185
|
const __vue_inject_styles__$19 = function (inject) {
|
|
41178
41186
|
if (!inject) return
|
|
41179
|
-
inject("data-v-
|
|
41187
|
+
inject("data-v-2fe09010_0", { source: ".zd-container[data-v-2fe09010] {\n padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
|
|
41180
41188
|
|
|
41181
41189
|
};
|
|
41182
41190
|
/* scoped */
|
|
41183
|
-
const __vue_scope_id__$19 = "data-v-
|
|
41191
|
+
const __vue_scope_id__$19 = "data-v-2fe09010";
|
|
41184
41192
|
/* module identifier */
|
|
41185
41193
|
const __vue_module_identifier__$19 = undefined;
|
|
41186
41194
|
/* functional template */
|
|
@@ -41797,11 +41805,11 @@ let ZdDashboard = class ZdDashboard extends ZdComponentRender$1 {
|
|
|
41797
41805
|
card.height = (this.resizeHeight + dy);
|
|
41798
41806
|
}
|
|
41799
41807
|
if (dx > this.widthDashboardContainer / 12 && card.width < 12) {
|
|
41800
|
-
card.width
|
|
41808
|
+
card.width = Number(card.width) + 1;
|
|
41801
41809
|
this.resizeX = event.clientX;
|
|
41802
41810
|
}
|
|
41803
41811
|
else if (dx < 0 && Math.abs(dx) > this.widthDashboardContainer / 12 && card.width > 1) {
|
|
41804
|
-
card.width
|
|
41812
|
+
card.width = Number(card.width) - 1;
|
|
41805
41813
|
this.resizeX = event.clientX;
|
|
41806
41814
|
}
|
|
41807
41815
|
}
|
|
@@ -41837,13 +41845,6 @@ let ZdDashboard = class ZdDashboard extends ZdComponentRender$1 {
|
|
|
41837
41845
|
}
|
|
41838
41846
|
this.onUnchoose();
|
|
41839
41847
|
}
|
|
41840
|
-
/* Return resize options */
|
|
41841
|
-
getDragCursor() {
|
|
41842
|
-
if (this.instance.editingMode || this.instance.moveMode) {
|
|
41843
|
-
return 'cursor: grabbing; overflow: auto';
|
|
41844
|
-
}
|
|
41845
|
-
return 'cursor: auto';
|
|
41846
|
-
}
|
|
41847
41848
|
};
|
|
41848
41849
|
__decorate([
|
|
41849
41850
|
PropWatch({ type: Array, default: () => ([]) }),
|
|
@@ -41907,9 +41908,11 @@ var __vue_render__$15 = function () {
|
|
|
41907
41908
|
dark: _vm.instance.dark,
|
|
41908
41909
|
light: _vm.instance.light,
|
|
41909
41910
|
name: "container-dashboard" + _vm.instance.name,
|
|
41910
|
-
cssStyle: Object.assign(
|
|
41911
|
-
|
|
41912
|
-
|
|
41911
|
+
cssStyle: Object.assign(
|
|
41912
|
+
{},
|
|
41913
|
+
{ height: _vm.$formatSize(_vm.instance.height) },
|
|
41914
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
41915
|
+
),
|
|
41913
41916
|
},
|
|
41914
41917
|
},
|
|
41915
41918
|
[
|
|
@@ -41963,13 +41966,46 @@ var __vue_render__$15 = function () {
|
|
|
41963
41966
|
"zd-card",
|
|
41964
41967
|
{
|
|
41965
41968
|
parent: _vm.instance,
|
|
41966
|
-
|
|
41969
|
+
activeClass: card.activeClass,
|
|
41970
|
+
append: card.append,
|
|
41967
41971
|
cardId: card.cardId,
|
|
41968
|
-
flat: card.flat,
|
|
41969
41972
|
children: [_vm.instance.getFrameProps(card.cardId)],
|
|
41970
|
-
|
|
41971
|
-
|
|
41973
|
+
color: card.color,
|
|
41974
|
+
cssClass: card.cssClass,
|
|
41975
|
+
cssStyle: Object.assign(
|
|
41976
|
+
{},
|
|
41977
|
+
{
|
|
41978
|
+
cursor:
|
|
41979
|
+
_vm.instance.editingMode || _vm.instance.moveMode
|
|
41980
|
+
? "grabbing"
|
|
41981
|
+
: "auto",
|
|
41982
|
+
overflow:
|
|
41983
|
+
_vm.instance.editingMode || _vm.instance.moveMode
|
|
41984
|
+
? "overflow"
|
|
41985
|
+
: "",
|
|
41986
|
+
},
|
|
41987
|
+
_vm.$styleObject(card.cssStyle)
|
|
41988
|
+
),
|
|
41989
|
+
dark: card.dark,
|
|
41990
|
+
directives: card.directives,
|
|
41991
|
+
disabled: card.disabled,
|
|
41992
|
+
elevation: card.elevation,
|
|
41972
41993
|
events: card.events,
|
|
41994
|
+
key: card.path,
|
|
41995
|
+
flat: card.flat,
|
|
41996
|
+
hover: card.hover,
|
|
41997
|
+
href: card.href,
|
|
41998
|
+
img: card.img,
|
|
41999
|
+
isVisible: card.isVisible,
|
|
42000
|
+
keyMap: card.keyMap,
|
|
42001
|
+
light: card.light,
|
|
42002
|
+
link: card.link,
|
|
42003
|
+
name: "dashboardCard" + card.cardId,
|
|
42004
|
+
outlined: card.outlined,
|
|
42005
|
+
raised: card.raised,
|
|
42006
|
+
ripple: card.ripple,
|
|
42007
|
+
tile: card.tile,
|
|
42008
|
+
to: card.to,
|
|
41973
42009
|
},
|
|
41974
42010
|
false
|
|
41975
42011
|
)
|
|
@@ -42045,7 +42081,7 @@ __vue_render__$15._withStripped = true;
|
|
|
42045
42081
|
/* style */
|
|
42046
42082
|
const __vue_inject_styles__$15 = function (inject) {
|
|
42047
42083
|
if (!inject) return
|
|
42048
|
-
inject("data-v-
|
|
42084
|
+
inject("data-v-5ff6ec98_0", { source: ".zd-dashboard {\n display: flex;\n flex-direction: column;\n cursor: auto;\n}\n.zd-dashboard .zd-header {\n margin-bottom: 10px;\n}\n.zd-dashboard .zd-footer {\n bottom: 0;\n right: 20px;\n position: absolute;\n padding: 3px;\n}\n.zd-dashboard .zd-footer.theme--dark {\n background: #1e1e1e;\n}\n.zd-dashboard .zd-footer.theme--light {\n background: #fff;\n}\n.zd-dashboard .zd-icon {\n bottom: 0;\n right: 0;\n position: absolute;\n cursor: nw-resize;\n}\n.zd-dashboard .zd-dashboard-body {\n justify-content: flex-start;\n align-content: flex-start;\n display: flex;\n flex-wrap: wrap;\n height: 100%;\n min-height: 0;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col {\n min-height: 70px;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div {\n height: 100%;\n position: relative;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div > .zd-card {\n height: 100%;\n}\n.ghost-drag {\n border: 2px dashed #772583;\n opacity: 0.5;\n margin: 0;\n}", map: undefined, media: undefined });
|
|
42049
42085
|
|
|
42050
42086
|
};
|
|
42051
42087
|
/* scoped */
|
|
@@ -43599,10 +43635,9 @@ var __vue_render__$$ = function () {
|
|
|
43599
43635
|
"zd-input-required": _vm.instance.validations.required,
|
|
43600
43636
|
},
|
|
43601
43637
|
],
|
|
43602
|
-
style: [
|
|
43603
|
-
|
|
43604
|
-
|
|
43605
|
-
],
|
|
43638
|
+
style: [{ "--drag-area-height": _vm.getDragAreaHeight() }].concat(
|
|
43639
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
43640
|
+
),
|
|
43606
43641
|
attrs: {
|
|
43607
43642
|
id: _vm.instance.name,
|
|
43608
43643
|
dark: _vm.instance.dark,
|
|
@@ -43819,7 +43854,7 @@ __vue_render__$$._withStripped = true;
|
|
|
43819
43854
|
/* style */
|
|
43820
43855
|
const __vue_inject_styles__$$ = function (inject) {
|
|
43821
43856
|
if (!inject) return
|
|
43822
|
-
inject("data-v-
|
|
43857
|
+
inject("data-v-47bb0268_0", { source: ".zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-1);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text:not(.v-file-input__text--placeholder) {\n color: var(--zd-font-color);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n border-radius: 8px;\n padding: 0 var(--spacing-2);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip.v-size--x-small {\n height: 15px;\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip.v-size--x-small .chip-text {\n font-size: 12px;\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip .chip-remove-icon {\n font-size: var(--icon-size-small);\n margin-left: var(--spacing-2);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot input {\n padding: 0;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot {\n min-height: 24px;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n padding: 0 var(--spacing-1);\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n height: 16px;\n line-height: 15px;\n font-size: 11px;\n margin-bottom: 0.2rem;\n margin-top: 0.2rem;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot input {\n padding: 0;\n}\n.zd-file-input.with-drag-area {\n padding-top: calc(var(--drag-area-height) + 17px);\n}\n.zd-file-input.with-drag-area.zd-no-label {\n padding-top: calc(var(--drag-area-height) + 5px);\n}\n.zd-file-input.with-drag-area.zd-no-label > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n height: calc(var(--drag-area-height) + 5px);\n top: calc(-5px - var(--drag-area-height));\n}\n.zd-file-input.with-drag-area.v-text-field--reverse > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n text-align: right;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n height: calc(var(--drag-area-height) + 25px);\n top: calc(-25px - var(--drag-area-height));\n right: 0 !important;\n left: 0 !important;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-label {\n height: 20px;\n display: block;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area {\n width: 100%;\n height: var(--drag-area-height);\n border: dashed var(--regular) #c4c4c4;\n position: relative;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area.dragging {\n background: #7c7c7c;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area .zd-file-input-drag-content {\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area .zd-file-input-drag-content > span {\n display: block;\n}\n.zd-file-input.v-input--is-disabled > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n opacity: 0.5;\n}\n.zd-file-input.v-text-field--reverse > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n flex-direction: row-reverse;\n}\n.zd-file-input.theme--light > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n background-color: #e0e0e0;\n color: rgba(0, 0, 0, 0.87);\n}\n.zd-file-input.theme--dark > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n background: #555;\n color: #fff;\n}", map: undefined, media: undefined });
|
|
43823
43858
|
|
|
43824
43859
|
};
|
|
43825
43860
|
/* scoped */
|
|
@@ -44254,10 +44289,11 @@ var __vue_render__$Z = function () {
|
|
|
44254
44289
|
],
|
|
44255
44290
|
ref: "form",
|
|
44256
44291
|
class: ["zd-form", _vm.instance.cssClass],
|
|
44257
|
-
style:
|
|
44258
|
-
|
|
44292
|
+
style: Object.assign(
|
|
44293
|
+
{},
|
|
44259
44294
|
{ height: _vm.$formatSize(_vm.instance.height) },
|
|
44260
|
-
|
|
44295
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
44296
|
+
),
|
|
44261
44297
|
attrs: { id: _vm.instance.name, name: _vm.instance.name },
|
|
44262
44298
|
on: {
|
|
44263
44299
|
submit: function ($event) {
|
|
@@ -44367,7 +44403,7 @@ let ZdFrame = class ZdFrame extends ZdComponentRender$1 {
|
|
|
44367
44403
|
}
|
|
44368
44404
|
};
|
|
44369
44405
|
__decorate([
|
|
44370
|
-
PropWatch({ type: String,
|
|
44406
|
+
PropWatch({ type: String, default: '' }),
|
|
44371
44407
|
__metadata("design:type", String)
|
|
44372
44408
|
], ZdFrame.prototype, "path", void 0);
|
|
44373
44409
|
__decorate([
|
|
@@ -44435,11 +44471,15 @@ var __vue_render__$Y = function () {
|
|
|
44435
44471
|
},
|
|
44436
44472
|
],
|
|
44437
44473
|
class: ["zd-frame", _vm.instance.cssClass],
|
|
44438
|
-
style: Object.assign(
|
|
44439
|
-
|
|
44440
|
-
|
|
44441
|
-
|
|
44442
|
-
|
|
44474
|
+
style: Object.assign(
|
|
44475
|
+
{},
|
|
44476
|
+
{
|
|
44477
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
44478
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
44479
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
44480
|
+
},
|
|
44481
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
44482
|
+
),
|
|
44443
44483
|
attrs: { id: _vm.instance.name },
|
|
44444
44484
|
},
|
|
44445
44485
|
[
|
|
@@ -44466,7 +44506,7 @@ __vue_render__$Y._withStripped = true;
|
|
|
44466
44506
|
/* style */
|
|
44467
44507
|
const __vue_inject_styles__$Y = function (inject) {
|
|
44468
44508
|
if (!inject) return
|
|
44469
|
-
inject("data-v-
|
|
44509
|
+
inject("data-v-2c5980a4_0", { source: ".zd-frame {\n height: inherit;\n width: inherit;\n}\n.zd-frame .v-progress-circular {\n left: 50%;\n transform: translateX(-50%);\n}", map: undefined, media: undefined });
|
|
44470
44510
|
|
|
44471
44511
|
};
|
|
44472
44512
|
/* scoped */
|
|
@@ -44951,15 +44991,16 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
|
|
|
44951
44991
|
'--current-row-hover-color': `${ThemeColor(this, 'primary')}30`,
|
|
44952
44992
|
};
|
|
44953
44993
|
}
|
|
44954
|
-
checkOverflow(event) {
|
|
44994
|
+
checkOverflow(event, columnOverflow) {
|
|
44955
44995
|
const target = event.target;
|
|
44956
|
-
const
|
|
44996
|
+
const overflow = target.clientWidth < target.scrollWidth;
|
|
44957
44997
|
const tooltip = this.$refs.gridTooltip;
|
|
44958
|
-
if (
|
|
44998
|
+
if ((overflow && tooltip)
|
|
44999
|
+
|| (Number.isInteger(columnOverflow) && tooltip)) {
|
|
45000
|
+
tooltip.classList.add('zd-grid-cell-tooltip-show');
|
|
44959
45001
|
const value = target.innerText;
|
|
44960
45002
|
const targetBoundingRect = target.getBoundingClientRect();
|
|
44961
45003
|
tooltip.innerText = value;
|
|
44962
|
-
tooltip.classList.add('zd-grid-cell-tooltip-show');
|
|
44963
45004
|
tooltip.style.top = `${targetBoundingRect.bottom}px`;
|
|
44964
45005
|
tooltip.style.left = `${targetBoundingRect.left}px`;
|
|
44965
45006
|
}
|
|
@@ -45104,10 +45145,10 @@ var __vue_render__$W = function () {
|
|
|
45104
45145
|
],
|
|
45105
45146
|
style: [
|
|
45106
45147
|
_vm.cssColorVars,
|
|
45107
|
-
_vm.instance.cssStyle,
|
|
45108
45148
|
_vm.instance.gridHeight
|
|
45109
45149
|
? { height: _vm.$formatSize(_vm.instance.gridHeight) }
|
|
45110
45150
|
: {},
|
|
45151
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
|
45111
45152
|
],
|
|
45112
45153
|
attrs: {
|
|
45113
45154
|
id: _vm.instance.name,
|
|
@@ -45688,7 +45729,8 @@ var __vue_render__$W = function () {
|
|
|
45688
45729
|
on: {
|
|
45689
45730
|
mouseenter: function ($event) {
|
|
45690
45731
|
return _vm.checkOverflow(
|
|
45691
|
-
$event
|
|
45732
|
+
$event,
|
|
45733
|
+
column.overflow
|
|
45692
45734
|
)
|
|
45693
45735
|
},
|
|
45694
45736
|
mouseleave: function ($event) {
|
|
@@ -45867,7 +45909,7 @@ __vue_render__$W._withStripped = true;
|
|
|
45867
45909
|
/* style */
|
|
45868
45910
|
const __vue_inject_styles__$W = function (inject) {
|
|
45869
45911
|
if (!inject) return
|
|
45870
|
-
inject("data-v-
|
|
45912
|
+
inject("data-v-1dfd9c3b_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 });
|
|
45871
45913
|
|
|
45872
45914
|
};
|
|
45873
45915
|
/* scoped */
|
|
@@ -46068,7 +46110,7 @@ var __vue_render__$V = function () {
|
|
|
46068
46110
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
46069
46111
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
46070
46112
|
],
|
|
46071
|
-
style: [_vm.cssColorVars, _vm.instance.cssStyle],
|
|
46113
|
+
style: [_vm.cssColorVars, _vm.$styleObject(_vm.instance.cssStyle)],
|
|
46072
46114
|
attrs: {
|
|
46073
46115
|
id: _vm.instance.name,
|
|
46074
46116
|
dark: _vm.instance.dark,
|
|
@@ -46995,8 +47037,8 @@ __vue_render__$V._withStripped = true;
|
|
|
46995
47037
|
/* style */
|
|
46996
47038
|
const __vue_inject_styles__$V = function (inject) {
|
|
46997
47039
|
if (!inject) return
|
|
46998
|
-
inject("data-v-
|
|
46999
|
-
,inject("data-v-
|
|
47040
|
+
inject("data-v-4dde3c74_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 })
|
|
47041
|
+
,inject("data-v-4dde3c74_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 });
|
|
47000
47042
|
|
|
47001
47043
|
};
|
|
47002
47044
|
/* scoped */
|
|
@@ -51495,9 +51537,15 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
|
|
|
51495
51537
|
const threshold = 1;
|
|
51496
51538
|
if ((Math.abs(dy) + Math.abs(dx)) >= threshold) {
|
|
51497
51539
|
const top = toNum(this.dragModal.style.top);
|
|
51498
|
-
this.dragModal.style.top = toPx(top + dy);
|
|
51499
51540
|
const left = toNum(this.dragModal.style.left);
|
|
51500
|
-
|
|
51541
|
+
if ((window.innerHeight / 2) - (top + dy) >= (this.dragModal.offsetHeight / 2)
|
|
51542
|
+
&& (window.innerHeight / 2) + (top + dy) >= (this.dragModal.offsetHeight / 2)) {
|
|
51543
|
+
this.dragModal.style.top = toPx(top + dy);
|
|
51544
|
+
}
|
|
51545
|
+
if ((window.innerWidth / 2) + 2 * (left + dx) >= 4
|
|
51546
|
+
&& (window.innerWidth / 2) - 2 * (left + dx) >= 0) {
|
|
51547
|
+
this.dragModal.style.left = toPx(left + dx);
|
|
51548
|
+
}
|
|
51501
51549
|
this.x = event.clientX;
|
|
51502
51550
|
this.y = event.clientY;
|
|
51503
51551
|
}
|
|
@@ -52329,7 +52377,7 @@ var __vue_render__$o = function () {
|
|
|
52329
52377
|
maxWidth: _vm.parseSizeToString(_vm.instance.maxWidth),
|
|
52330
52378
|
minWidth: _vm.parseSizeToString(_vm.instance.minWidth),
|
|
52331
52379
|
},
|
|
52332
|
-
_vm.instance.cssStyle,
|
|
52380
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
|
52333
52381
|
],
|
|
52334
52382
|
on: {
|
|
52335
52383
|
input: function ($event) {
|
|
@@ -52440,7 +52488,7 @@ __vue_render__$o._withStripped = true;
|
|
|
52440
52488
|
/* style */
|
|
52441
52489
|
const __vue_inject_styles__$o = function (inject) {
|
|
52442
52490
|
if (!inject) return
|
|
52443
|
-
inject("data-v-
|
|
52491
|
+
inject("data-v-136b22b0_0", { source: ".v-input.v-input__slider.zd-range-slider {\n margin-top: var(--spacing-1);\n padding-top: var(--spacing-3);\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-messages {\n display: none;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot {\n margin: 0;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot label.v-label {\n position: absolute !important;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot .v-slider .v-slider__thumb:before {\n left: -13px;\n top: -13px;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot .v-slider.v-slider--horizontal {\n min-height: 10px;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot .v-slider__tick-label {\n font-size: var(--zd-font-body1-size);\n color: var(--zd-font-color);\n}\n.v-input.v-input__slider.zd-range-slider.v-input__slider--inverse-label .v-input__control .v-input__slot label.v-label {\n left: auto !important;\n right: 0 !important;\n}\n.v-input.v-input__slider.zd-range-slider .v-slider__thumb {\n width: 10px;\n height: 10px;\n left: -5px;\n}\n.zd-range-limits {\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n font-size: 9px;\n display: flex;\n justify-content: space-between;\n padding-top: var(--spacing-1);\n}\n.zd-thumb-no-customize .v-slider__thumb-container .v-slider__thumb-label-container .v-slider__thumb-label {\n background-color: transparent !important;\n color: var(--zd-font-color);\n padding: 30px 0 0 30px;\n width: max-content !important;\n font-size: 9px;\n}", map: undefined, media: undefined });
|
|
52444
52492
|
|
|
52445
52493
|
};
|
|
52446
52494
|
/* scoped */
|
|
@@ -53532,7 +53580,8 @@ let ZdSelectTree = class ZdSelectTree extends ZdTextInput$1 {
|
|
|
53532
53580
|
this.focused = false;
|
|
53533
53581
|
}
|
|
53534
53582
|
dataChange() {
|
|
53535
|
-
this.instance.
|
|
53583
|
+
if (!this.instance.fetchOnDemand)
|
|
53584
|
+
this.instance.createNodesFromDatasource();
|
|
53536
53585
|
}
|
|
53537
53586
|
onOpen() {
|
|
53538
53587
|
this.instance.open(this.$el);
|
|
@@ -53578,6 +53627,13 @@ let ZdSelectTree = class ZdSelectTree extends ZdTextInput$1 {
|
|
|
53578
53627
|
this.instance.validate();
|
|
53579
53628
|
this.instance.blur(event, this.$el);
|
|
53580
53629
|
}
|
|
53630
|
+
loadOptions({ action, parentNode, callback }) {
|
|
53631
|
+
if (action === 'LOAD_CHILDREN_OPTIONS') {
|
|
53632
|
+
this.instance.loadChildren(parentNode)
|
|
53633
|
+
.then(callback)
|
|
53634
|
+
.catch(() => { var _a; return callback(new Error(I18n.translate(((_a = this.instance.datasource) === null || _a === void 0 ? void 0 : _a.error) || ''))); });
|
|
53635
|
+
}
|
|
53636
|
+
}
|
|
53581
53637
|
};
|
|
53582
53638
|
__decorate([
|
|
53583
53639
|
Prop({ type: [Array, String], default: () => [] }),
|
|
@@ -53659,6 +53715,10 @@ __decorate([
|
|
|
53659
53715
|
Prop({ type: [String, Array], default: () => ([]) }),
|
|
53660
53716
|
__metadata("design:type", Array)
|
|
53661
53717
|
], ZdSelectTree.prototype, "disabledItems", void 0);
|
|
53718
|
+
__decorate([
|
|
53719
|
+
Prop({ type: [Boolean, String], default: false }),
|
|
53720
|
+
__metadata("design:type", Object)
|
|
53721
|
+
], ZdSelectTree.prototype, "fetchOnDemand", void 0);
|
|
53662
53722
|
__decorate([
|
|
53663
53723
|
Watch('instance.datasource.data.length'),
|
|
53664
53724
|
__metadata("design:type", Function),
|
|
@@ -53795,6 +53855,7 @@ var __vue_render__$j = function () {
|
|
|
53795
53855
|
showCountOf: _vm.instance.showCountOf,
|
|
53796
53856
|
valueFormat: _vm.instance.returnObject ? "object" : "id",
|
|
53797
53857
|
disableBranchNodes: _vm.instance.disableParentNode,
|
|
53858
|
+
loadOptions: _vm.loadOptions,
|
|
53798
53859
|
},
|
|
53799
53860
|
on: {
|
|
53800
53861
|
open: _vm.onOpen,
|
|
@@ -53891,7 +53952,7 @@ __vue_render__$j._withStripped = true;
|
|
|
53891
53952
|
/* style */
|
|
53892
53953
|
const __vue_inject_styles__$j = function (inject) {
|
|
53893
53954
|
if (!inject) return
|
|
53894
|
-
inject("data-v-
|
|
53955
|
+
inject("data-v-9389ad0a_0", { source: ".zd-select-tree-loading {\n margin-top: -1px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.zd-select-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-family: var(--font-family);\n margin-top: var(--spacing-1);\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item {\n background: #555;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item, .zd-select-tree.theme--dark .vue-treeselect__multi-value-item .vue-treeselect__value-remove {\n color: #fff;\n}\n.zd-select-tree .vue-treeselect__control {\n border-radius: var(--border);\n height: 34px;\n}\n.zd-select-tree .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 32px;\n}\n.zd-select-tree .vue-treeselect__control-arrow-container svg {\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;\n}\n.zd-select-tree .zd-select-tree-label {\n font-weight: var(--zd-font-body1-weight);\n pointer-events: none;\n line-height: 1rem;\n position: relative;\n top: -1px;\n}\n.zd-select-tree .zd-select-tree-label p {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-select-tree.zd-select-tree-disabled {\n opacity: 0.5;\n}\n.zd-select-tree .vue-treeselect__single-value, .zd-select-tree input {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n cursor: text;\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-label {\n color: var(--v-error-base) !important;\n animation: v-shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-details {\n color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control {\n border-color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control-arrow-container svg, .zd-select-tree.zd-select-tree-error .vue-treeselect__x-container svg {\n color: var(--v-error-base);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-select-tree-error .zd-select-tree-append-outer-icon {\n color: var(--v-error-base);\n}\n.zd-select-tree .vue-treeselect--focused .vue-treeselect__control-arrow-container svg, .zd-select-tree .vue-treeselect--focused .vue-treeselect__x-container svg {\n color: var(--v-primary-base);\n}\n.zd-select-tree .zd-select-tree-details {\n min-height: 13px;\n font-size: 11px;\n display: flex;\n flex: 1 0 auto;\n max-width: 100%;\n overflow: hidden;\n color: rgba(0, 0, 0, 0.6);\n line-height: 1;\n position: relative;\n top: 1px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-details {\n min-height: 11px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control {\n height: 24px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 22px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense .zd-select-tree-append-outer-icon {\n margin-top: 20px;\n}\n.zd-select-tree.zd-dense.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 4px;\n}\n.zd-select-tree.zd-no-helper .zd-select-tree-details {\n display: none;\n}\n.zd-select-tree.zd-no-border .vue-treeselect__control {\n border: none !important;\n}\n.zd-select-tree .zd-select-tree-container {\n display: flex;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon, .zd-select-tree .zd-select-tree-append-outer-icon {\n font-size: var(--icon-size-small);\n margin-top: 25px;\n height: 16px;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon {\n margin-right: 8px;\n}\n.zd-select-tree.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 10px;\n}\n.zd-select-tree .zd-select-tree-append-outer-icon {\n margin-left: 8px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__label {\n padding-left: 10px;\n}\n.vue-treeselect__menu-container .vue-treeselect__icon-warning {\n display: none;\n}\n.vue-treeselect__menu-container .vue-treeselect__option--disabled {\n opacity: 0.5;\n}\n.vue-treeselect__menu > * {\n color: var(--zd-font-color) !important;\n font-size: var(--zd-font-body1-size) !important;\n font-family: var(--font-family) !important;\n}\n.vue-treeselect__menu-container .vue-treeselect__option::before {\n bottom: 0;\n content: \"\";\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n box-sizing: inherit;\n height: inherit;\n}\n.vue-treeselect__menu-container .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n background: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n font-family: var(--font-family);\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__label-container .vue-treeselect__label, .vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__option-arrow {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__option {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container {\n align-items: center;\n display: flex;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option::before {\n background-color: #000;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option:hover::before {\n opacity: 0.04;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.1;\n}\n.vue-treeselect__menu-container.theme--dark > div {\n background-color: #1e1e1e;\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__label {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--highlight {\n background-color: transparent;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option::before {\n background-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option:hover::before {\n opacity: 0.08;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.2;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__checkbox:not(.vue-treeselect__checkbox--checked):not(.vue-treeselect__checkbox--indeterminate) {\n background-color: transparent;\n border-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--selected .vue-treeselect__count {\n opacity: 0.8;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__menu {\n border-color: #1e1e1e;\n}", map: undefined, media: undefined });
|
|
53895
53956
|
|
|
53896
53957
|
};
|
|
53897
53958
|
/* scoped */
|
|
@@ -54062,6 +54123,7 @@ var __vue_render__$i = function () {
|
|
|
54062
54123
|
showCountOf: _vm.instance.showCountOf,
|
|
54063
54124
|
valueFormat: _vm.instance.returnObject ? "object" : "id",
|
|
54064
54125
|
valueConsistsOf: _vm.instance.valueConsistsOf,
|
|
54126
|
+
loadOptions: _vm.loadOptions,
|
|
54065
54127
|
},
|
|
54066
54128
|
on: {
|
|
54067
54129
|
open: _vm.onOpen,
|
|
@@ -54157,8 +54219,8 @@ __vue_render__$i._withStripped = true;
|
|
|
54157
54219
|
/* style */
|
|
54158
54220
|
const __vue_inject_styles__$i = function (inject) {
|
|
54159
54221
|
if (!inject) return
|
|
54160
|
-
inject("data-v-
|
|
54161
|
-
,inject("data-v-
|
|
54222
|
+
inject("data-v-054c20a4_0", { source: ".zd-select-tree-loading {\n margin-top: -1px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.zd-select-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-family: var(--font-family);\n margin-top: var(--spacing-1);\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item {\n background: #555;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item, .zd-select-tree.theme--dark .vue-treeselect__multi-value-item .vue-treeselect__value-remove {\n color: #fff;\n}\n.zd-select-tree .vue-treeselect__control {\n border-radius: var(--border);\n height: 34px;\n}\n.zd-select-tree .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 32px;\n}\n.zd-select-tree .vue-treeselect__control-arrow-container svg {\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;\n}\n.zd-select-tree .zd-select-tree-label {\n font-weight: var(--zd-font-body1-weight);\n pointer-events: none;\n line-height: 1rem;\n position: relative;\n top: -1px;\n}\n.zd-select-tree .zd-select-tree-label p {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-select-tree.zd-select-tree-disabled {\n opacity: 0.5;\n}\n.zd-select-tree .vue-treeselect__single-value, .zd-select-tree input {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n cursor: text;\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-label {\n color: var(--v-error-base) !important;\n animation: v-shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-details {\n color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control {\n border-color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control-arrow-container svg, .zd-select-tree.zd-select-tree-error .vue-treeselect__x-container svg {\n color: var(--v-error-base);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-select-tree-error .zd-select-tree-append-outer-icon {\n color: var(--v-error-base);\n}\n.zd-select-tree .vue-treeselect--focused .vue-treeselect__control-arrow-container svg, .zd-select-tree .vue-treeselect--focused .vue-treeselect__x-container svg {\n color: var(--v-primary-base);\n}\n.zd-select-tree .zd-select-tree-details {\n min-height: 13px;\n font-size: 11px;\n display: flex;\n flex: 1 0 auto;\n max-width: 100%;\n overflow: hidden;\n color: rgba(0, 0, 0, 0.6);\n line-height: 1;\n position: relative;\n top: 1px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-details {\n min-height: 11px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control {\n height: 24px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 22px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense .zd-select-tree-append-outer-icon {\n margin-top: 20px;\n}\n.zd-select-tree.zd-dense.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 4px;\n}\n.zd-select-tree.zd-no-helper .zd-select-tree-details {\n display: none;\n}\n.zd-select-tree.zd-no-border .vue-treeselect__control {\n border: none !important;\n}\n.zd-select-tree .zd-select-tree-container {\n display: flex;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon, .zd-select-tree .zd-select-tree-append-outer-icon {\n font-size: var(--icon-size-small);\n margin-top: 25px;\n height: 16px;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon {\n margin-right: 8px;\n}\n.zd-select-tree.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 10px;\n}\n.zd-select-tree .zd-select-tree-append-outer-icon {\n margin-left: 8px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__label {\n padding-left: 10px;\n}\n.vue-treeselect__menu-container .vue-treeselect__icon-warning {\n display: none;\n}\n.vue-treeselect__menu-container .vue-treeselect__option--disabled {\n opacity: 0.5;\n}\n.vue-treeselect__menu > * {\n color: var(--zd-font-color) !important;\n font-size: var(--zd-font-body1-size) !important;\n font-family: var(--font-family) !important;\n}\n.vue-treeselect__menu-container .vue-treeselect__option::before {\n bottom: 0;\n content: \"\";\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n box-sizing: inherit;\n height: inherit;\n}\n.vue-treeselect__menu-container .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n background: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n font-family: var(--font-family);\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__label-container .vue-treeselect__label, .vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__option-arrow {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__option {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container {\n align-items: center;\n display: flex;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option::before {\n background-color: #000;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option:hover::before {\n opacity: 0.04;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.1;\n}\n.vue-treeselect__menu-container.theme--dark > div {\n background-color: #1e1e1e;\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__label {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--highlight {\n background-color: transparent;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option::before {\n background-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option:hover::before {\n opacity: 0.08;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.2;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__checkbox:not(.vue-treeselect__checkbox--checked):not(.vue-treeselect__checkbox--indeterminate) {\n background-color: transparent;\n border-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--selected .vue-treeselect__count {\n opacity: 0.8;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__menu {\n border-color: #1e1e1e;\n}", map: undefined, media: undefined })
|
|
54223
|
+
,inject("data-v-054c20a4_1", { source: ".zd-select-tree-multiple .vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 1px 0;\n line-height: 16px;\n}\n.zd-select-tree-multiple .vue-treeselect--multi .vue-treeselect__input {\n padding-top: 2px;\n padding-bottom: 2px;\n line-height: 15px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}", map: undefined, media: undefined });
|
|
54162
54224
|
|
|
54163
54225
|
};
|
|
54164
54226
|
/* scoped */
|
|
@@ -54696,7 +54758,7 @@ var __vue_render__$f = function () {
|
|
|
54696
54758
|
},
|
|
54697
54759
|
_vm.cssVars
|
|
54698
54760
|
),
|
|
54699
|
-
_vm.instance.cssStyle,
|
|
54761
|
+
_vm.$styleObject(_vm.instance.cssStyle),
|
|
54700
54762
|
],
|
|
54701
54763
|
attrs: { id: _vm.instance.name, name: _vm.instance.name },
|
|
54702
54764
|
on: {
|
|
@@ -54712,7 +54774,7 @@ __vue_render__$f._withStripped = true;
|
|
|
54712
54774
|
/* style */
|
|
54713
54775
|
const __vue_inject_styles__$f = function (inject) {
|
|
54714
54776
|
if (!inject) return
|
|
54715
|
-
inject("data-v-
|
|
54777
|
+
inject("data-v-6e440529_0", { source: ".zd-svg-map svg {\n width: 100%;\n height: 100%;\n}\n.zd-svg-map:not(.no-area-color) path {\n fill: var(--area-color) !important;\n}\n.zd-svg-map:not(.no-hover-color) path:hover {\n fill: var(--area-hover-color) !important;\n}\n.zd-svg-map:not(.no-select-color) g.active path, .zd-svg-map:not(.no-select-color) path.active {\n fill: var(--area-select-color) !important;\n}", map: undefined, media: undefined });
|
|
54716
54778
|
|
|
54717
54779
|
};
|
|
54718
54780
|
/* scoped */
|
|
@@ -55108,10 +55170,11 @@ var __vue_render__$c = function () {
|
|
|
55108
55170
|
},
|
|
55109
55171
|
],
|
|
55110
55172
|
class: ["zd-tabs", _vm.instance.cssClass],
|
|
55111
|
-
style:
|
|
55112
|
-
|
|
55173
|
+
style: Object.assign(
|
|
55174
|
+
{},
|
|
55113
55175
|
{ height: _vm.$formatSize(_vm.instance.height) },
|
|
55114
|
-
|
|
55176
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
55177
|
+
),
|
|
55115
55178
|
attrs: { id: _vm.instance.name, name: _vm.instance.name },
|
|
55116
55179
|
},
|
|
55117
55180
|
[
|
|
@@ -55236,11 +55299,11 @@ __vue_render__$c._withStripped = true;
|
|
|
55236
55299
|
/* style */
|
|
55237
55300
|
const __vue_inject_styles__$c = function (inject) {
|
|
55238
55301
|
if (!inject) return
|
|
55239
|
-
inject("data-v-
|
|
55302
|
+
inject("data-v-bc0e39ea_0", { source: ".zd-tabs[data-v-bc0e39ea] {\n display: flex;\n flex-direction: column;\n}\n.zd-tabs[data-v-bc0e39ea] .v-tabs-bar,\n.zd-tabs[data-v-bc0e39ea] .v-tabs-items {\n background-color: transparent;\n}\n.zd-tabs[data-v-bc0e39ea] .v-tabs-bar {\n height: auto;\n}\n.zd-tabs[data-v-bc0e39ea] .v-tabs-bar .v-tabs-slider-wrapper {\n bottom: -1px;\n}\n.zd-tabs[data-v-bc0e39ea] .v-tabs-bar__content {\n border-bottom: solid 1px var(--v-grey-lighten4);\n}\n.zd-tabs[data-v-bc0e39ea] .v-tabs {\n margin-bottom: var(--spacing-4);\n}\n.zd-tabs[data-v-bc0e39ea] .v-tabs .v-slide-group__next,\n.zd-tabs[data-v-bc0e39ea] .v-tabs .v-slide-group__prev {\n flex-basis: 30px;\n min-width: 30px;\n}\n.zd-tabs[data-v-bc0e39ea] .v-tabs .v-slide-group__next .v-icon,\n.zd-tabs[data-v-bc0e39ea] .v-tabs .v-slide-group__prev .v-icon {\n font-size: 18px;\n}\n.zd-tabs[data-v-bc0e39ea] .v-tabs {\n flex-grow: 0;\n}\n.zd-tabs[data-v-bc0e39ea] .v-tabs-items {\n flex-grow: 1;\n}\n.zd-tabs[data-v-bc0e39ea] .v-tabs-items .v-window__container {\n height: 100% !important;\n}", map: undefined, media: undefined });
|
|
55240
55303
|
|
|
55241
55304
|
};
|
|
55242
55305
|
/* scoped */
|
|
55243
|
-
const __vue_scope_id__$c = "data-v-
|
|
55306
|
+
const __vue_scope_id__$c = "data-v-bc0e39ea";
|
|
55244
55307
|
/* module identifier */
|
|
55245
55308
|
const __vue_module_identifier__$c = undefined;
|
|
55246
55309
|
/* functional template */
|
|
@@ -55418,7 +55481,7 @@ var __vue_render__$a = function () {
|
|
|
55418
55481
|
],
|
|
55419
55482
|
key: _vm.index,
|
|
55420
55483
|
staticClass: "zd-tabs-tab-item",
|
|
55421
|
-
style:
|
|
55484
|
+
style: _vm.instance.cssStyle,
|
|
55422
55485
|
attrs: { value: _vm.index, dark: _vm.dark, light: _vm.light },
|
|
55423
55486
|
},
|
|
55424
55487
|
[
|
|
@@ -55457,11 +55520,11 @@ __vue_render__$a._withStripped = true;
|
|
|
55457
55520
|
/* style */
|
|
55458
55521
|
const __vue_inject_styles__$a = function (inject) {
|
|
55459
55522
|
if (!inject) return
|
|
55460
|
-
inject("data-v-
|
|
55523
|
+
inject("data-v-3c331c0a_0", { source: ".zd-tabs-tab-item[data-v-3c331c0a] {\n transition: none;\n}\n.zd-tabs-tab-item > .container[data-v-3c331c0a] {\n padding: 0;\n}\n.zd-tabs .zd-tabs-tab-item[data-v-3c331c0a] {\n height: 100%;\n}\n.zd-tabs .zd-tabs-tab-item .zd-tabs-tab-item-container-flex[data-v-3c331c0a] {\n display: flex;\n flex-direction: column;\n}\n.zd-tabs .zd-tabs-tab-item .container[data-v-3c331c0a] {\n height: 100%;\n}", map: undefined, media: undefined });
|
|
55461
55524
|
|
|
55462
55525
|
};
|
|
55463
55526
|
/* scoped */
|
|
55464
|
-
const __vue_scope_id__$a = "data-v-
|
|
55527
|
+
const __vue_scope_id__$a = "data-v-3c331c0a";
|
|
55465
55528
|
/* module identifier */
|
|
55466
55529
|
const __vue_module_identifier__$a = undefined;
|
|
55467
55530
|
/* functional template */
|
|
@@ -56864,7 +56927,7 @@ var __vue_render__$2 = function () {
|
|
|
56864
56927
|
{ "theme--dark": _vm.$isDark(this) },
|
|
56865
56928
|
{ "theme--light": _vm.$isLight(this) },
|
|
56866
56929
|
],
|
|
56867
|
-
style: [_vm.cssColorVars
|
|
56930
|
+
style: [_vm.cssColorVars].concat(_vm.$styleObject(_vm.instance.cssStyle)),
|
|
56868
56931
|
attrs: { id: _vm.instance.name },
|
|
56869
56932
|
},
|
|
56870
56933
|
[
|
|
@@ -56915,6 +56978,8 @@ var __vue_render__$2 = function () {
|
|
|
56915
56978
|
fn: function (ref) {
|
|
56916
56979
|
var node = ref.node;
|
|
56917
56980
|
return [
|
|
56981
|
+
_c("span", { staticClass: "align" }),
|
|
56982
|
+
_vm._v(" "),
|
|
56918
56983
|
_vm.instance.checkbox
|
|
56919
56984
|
? _c("zd-tree-checkbox", {
|
|
56920
56985
|
attrs: {
|
|
@@ -56997,7 +57062,17 @@ var __vue_render__$2 = function () {
|
|
|
56997
57062
|
return _c(
|
|
56998
57063
|
comp.component,
|
|
56999
57064
|
_vm._b(
|
|
57000
|
-
{
|
|
57065
|
+
{
|
|
57066
|
+
key: index,
|
|
57067
|
+
tag: "component",
|
|
57068
|
+
class: [
|
|
57069
|
+
"item-title",
|
|
57070
|
+
{
|
|
57071
|
+
"has-children":
|
|
57072
|
+
node.children.length,
|
|
57073
|
+
},
|
|
57074
|
+
],
|
|
57075
|
+
},
|
|
57001
57076
|
"component",
|
|
57002
57077
|
comp,
|
|
57003
57078
|
false
|
|
@@ -57122,7 +57197,7 @@ __vue_render__$2._withStripped = true;
|
|
|
57122
57197
|
/* style */
|
|
57123
57198
|
const __vue_inject_styles__$2 = function (inject) {
|
|
57124
57199
|
if (!inject) return
|
|
57125
|
-
inject("data-v-
|
|
57200
|
+
inject("data-v-38571f58_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 });
|
|
57126
57201
|
|
|
57127
57202
|
};
|
|
57128
57203
|
/* scoped */
|
|
@@ -57238,7 +57313,7 @@ var __vue_render__$1 = function () {
|
|
|
57238
57313
|
{ "theme--light": _vm.$isLight(this) },
|
|
57239
57314
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
57240
57315
|
],
|
|
57241
|
-
style: [_vm.cssColorVars, _vm.instance.cssStyle],
|
|
57316
|
+
style: [_vm.cssColorVars, _vm.$styleObject(_vm.instance.cssStyle)],
|
|
57242
57317
|
attrs: {
|
|
57243
57318
|
id: _vm.instance.name,
|
|
57244
57319
|
"fixed-header": "",
|
|
@@ -58027,8 +58102,8 @@ __vue_render__$1._withStripped = true;
|
|
|
58027
58102
|
/* style */
|
|
58028
58103
|
const __vue_inject_styles__$1 = function (inject) {
|
|
58029
58104
|
if (!inject) return
|
|
58030
|
-
inject("data-v-
|
|
58031
|
-
,inject("data-v-
|
|
58105
|
+
inject("data-v-51de25ce_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 })
|
|
58106
|
+
,inject("data-v-51de25ce_1", { source: ".zd-tree-grid.theme--light tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-tree-grid.theme--dark tbody td.zd-table-cell {\n color: #fff;\n}\n.zd-tree-grid tbody td.zd-table-cell.first {\n padding-left: 5px !important;\n}\n.zd-tree-grid tbody td.zd-table-cell .zd-table-cell-text .search-result {\n background: var(--v-grey-lighten4);\n}\n.zd-tree-grid .zd-tree-grid-expand {\n display: inline-block;\n text-align: end;\n vertical-align: baseline;\n height: 10px;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon {\n transition: transform 0.3s ease;\n -webkit-transition: transform 0.3s ease;\n font-size: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon::after {\n content: none;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon.opened {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid .zd-tree-grid-expand.level1 {\n width: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level2 {\n width: 40px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level3 {\n width: 60px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level4 {\n width: 80px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level5 {\n width: 100px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level6 {\n width: 120px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level7 {\n width: 140px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level8 {\n width: 160px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level9 {\n width: 180px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level10 {\n width: 200px;\n}", map: undefined, media: undefined });
|
|
58032
58107
|
|
|
58033
58108
|
};
|
|
58034
58109
|
/* scoped */
|
|
@@ -58229,7 +58304,7 @@ var __vue_render__ = function () {
|
|
|
58229
58304
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
58230
58305
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
58231
58306
|
],
|
|
58232
|
-
style: [_vm.cssColorVars, _vm.instance.cssStyle],
|
|
58307
|
+
style: [_vm.cssColorVars, _vm.$styleObject(_vm.instance.cssStyle)],
|
|
58233
58308
|
attrs: {
|
|
58234
58309
|
id: _vm.instance.name,
|
|
58235
58310
|
"fixed-header": "",
|
|
@@ -59190,8 +59265,8 @@ __vue_render__._withStripped = true;
|
|
|
59190
59265
|
/* style */
|
|
59191
59266
|
const __vue_inject_styles__ = function (inject) {
|
|
59192
59267
|
if (!inject) return
|
|
59193
|
-
inject("data-v-
|
|
59194
|
-
,inject("data-v-
|
|
59268
|
+
inject("data-v-6ec9aad8_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 })
|
|
59269
|
+
,inject("data-v-6ec9aad8_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 });
|
|
59195
59270
|
|
|
59196
59271
|
};
|
|
59197
59272
|
/* scoped */
|
|
@@ -59359,6 +59434,21 @@ var isDarkPlugin = (component) => (component.$vuetify.theme.dark && !component.i
|
|
|
59359
59434
|
|
|
59360
59435
|
var isLightPlugin = (component) => (!component.$vuetify.theme.dark || component.instance.light);
|
|
59361
59436
|
|
|
59437
|
+
var styleObjectPlugin = (style) => {
|
|
59438
|
+
if (!style || typeof style !== 'string') {
|
|
59439
|
+
return style;
|
|
59440
|
+
}
|
|
59441
|
+
const objectStyle = {};
|
|
59442
|
+
const attributes = style.split(';');
|
|
59443
|
+
for (let i = 0; i < attributes.length; i += 1) {
|
|
59444
|
+
if (attributes[i]) {
|
|
59445
|
+
const entry = attributes[i].split(':');
|
|
59446
|
+
objectStyle[entry.splice(0, 1)[0].trim()] = entry.join(':').trim();
|
|
59447
|
+
}
|
|
59448
|
+
}
|
|
59449
|
+
return objectStyle;
|
|
59450
|
+
};
|
|
59451
|
+
|
|
59362
59452
|
// tslint:disable: variable-name
|
|
59363
59453
|
const VueTreeSelect = require('@zeedhi/zd-vue-treeselect');
|
|
59364
59454
|
const Hooper = require('hooper');
|
|
@@ -59499,6 +59589,8 @@ const Zeedhi = {
|
|
|
59499
59589
|
Vue.prototype.$isDark = isDarkPlugin;
|
|
59500
59590
|
// isLight
|
|
59501
59591
|
Vue.prototype.$isLight = isLightPlugin;
|
|
59592
|
+
// styleObject
|
|
59593
|
+
Vue.prototype.$styleObject = styleObjectPlugin;
|
|
59502
59594
|
},
|
|
59503
59595
|
};
|
|
59504
59596
|
|