@zeedhi/vuetify 1.69.0 → 1.70.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-style.css
CHANGED
package/dist/zd-vuetify.esm.js
CHANGED
|
@@ -41370,7 +41370,9 @@ let ZdTextInput = class ZdTextInput extends ZdInput$1 {
|
|
|
41370
41370
|
if (placeholder !== '') {
|
|
41371
41371
|
setTimeout(() => {
|
|
41372
41372
|
const input = this.$el.getElementsByTagName(`${htmlElment}`)[0];
|
|
41373
|
-
input
|
|
41373
|
+
if (input) {
|
|
41374
|
+
input.setAttribute('placeholder', placeholder);
|
|
41375
|
+
}
|
|
41374
41376
|
}, 0);
|
|
41375
41377
|
}
|
|
41376
41378
|
}
|
|
@@ -44724,7 +44726,7 @@ __vue_render__$11._withStripped = true;
|
|
|
44724
44726
|
/* style */
|
|
44725
44727
|
const __vue_inject_styles__$11 = function (inject) {
|
|
44726
44728
|
if (!inject) return
|
|
44727
|
-
inject("data-v-
|
|
44729
|
+
inject("data-v-19f33cc2_0", { source: ".zd-frame-page {\n display: block;\n height: 100% !important;\n}", map: undefined, media: undefined });
|
|
44728
44730
|
|
|
44729
44731
|
};
|
|
44730
44732
|
/* scoped */
|
|
@@ -44986,11 +44988,17 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
|
|
|
44986
44988
|
return Number(width === null || width === void 0 ? void 0 : width.replace('px', ''));
|
|
44987
44989
|
}
|
|
44988
44990
|
calcWidth(column, width) {
|
|
44991
|
+
if ((width === null || width === void 0 ? void 0 : width.length) === 0 || width === undefined) {
|
|
44992
|
+
return '100%';
|
|
44993
|
+
}
|
|
44989
44994
|
const min = Math.max(this.minimumColumnWidth(column), this.parseWidth(column.minWidth) || 0);
|
|
44990
44995
|
const max = this.parseWidth(column.maxWidth);
|
|
44991
44996
|
const pxWidth = this.parseWidth(width);
|
|
44992
44997
|
return `${Math.max(min, Math.min(Math.trunc(pxWidth), max || Infinity))}px`;
|
|
44993
44998
|
}
|
|
44999
|
+
setSpanWidth(column) {
|
|
45000
|
+
return column.width;
|
|
45001
|
+
}
|
|
44994
45002
|
sortColumns(event) {
|
|
44995
45003
|
const { originalEvent } = event;
|
|
44996
45004
|
let touch = originalEvent;
|
|
@@ -46316,7 +46324,7 @@ let ZdGridEditable = class ZdGridEditable extends ZdGrid$1 {
|
|
|
46316
46324
|
element.style.width = this.calcWidth(col, col.minWidth || '');
|
|
46317
46325
|
}
|
|
46318
46326
|
else {
|
|
46319
|
-
element.style.width =
|
|
46327
|
+
element.style.width = 'unset';
|
|
46320
46328
|
}
|
|
46321
46329
|
});
|
|
46322
46330
|
}
|
|
@@ -52791,7 +52799,7 @@ var __vue_render__$u = function () {
|
|
|
52791
52799
|
return _c(
|
|
52792
52800
|
"v-dialog",
|
|
52793
52801
|
{
|
|
52794
|
-
key: modal.name
|
|
52802
|
+
key: modal.name,
|
|
52795
52803
|
attrs: {
|
|
52796
52804
|
id: modal.name,
|
|
52797
52805
|
persistent: modal.persistent,
|
|
@@ -52814,7 +52822,8 @@ var __vue_render__$u = function () {
|
|
|
52814
52822
|
{
|
|
52815
52823
|
ref: modal.name,
|
|
52816
52824
|
refInFor: true,
|
|
52817
|
-
|
|
52825
|
+
class: ["zd-modal-card", modal.cssClass],
|
|
52826
|
+
style: modal.cssStyle,
|
|
52818
52827
|
on: {
|
|
52819
52828
|
"hook:mounted": function ($event) {
|
|
52820
52829
|
modal.draggable && _vm.registerMousedown(modal);
|
|
@@ -52884,7 +52893,7 @@ __vue_render__$u._withStripped = true;
|
|
|
52884
52893
|
/* style */
|
|
52885
52894
|
const __vue_inject_styles__$u = function (inject) {
|
|
52886
52895
|
if (!inject) return
|
|
52887
|
-
inject("data-v-
|
|
52896
|
+
inject("data-v-0c31e873_0", { source: ".zd-modal-title {\n padding-bottom: 0px;\n}\n.zd-modal-container {\n padding: 0;\n}\n.zd-modal-flex {\n width: 100%;\n}\n.zd-modal-draggable {\n position: relative;\n}\n.zd-modal-draggable-handle {\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n}\n.zd-modal-draggable-handle:active {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing;\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-title {\n padding: var(--zd-default-padding);\n padding-bottom: 0px;\n font-size: var(--zd-font-title-size);\n font-weight: var(--zd-font-title-weight);\n color: var(--zd-font-color);\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-card-text {\n padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
|
|
52888
52897
|
|
|
52889
52898
|
};
|
|
52890
52899
|
/* scoped */
|
|
@@ -55211,7 +55220,7 @@ __vue_render__$j._withStripped = true;
|
|
|
55211
55220
|
/* style */
|
|
55212
55221
|
const __vue_inject_styles__$j = function (inject) {
|
|
55213
55222
|
if (!inject) return
|
|
55214
|
-
inject("data-v-073f22d6_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 position: relative;\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.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !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:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\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 });
|
|
55223
|
+
inject("data-v-073f22d6_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 position: relative;\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 .vue-treeselect__list > * {\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.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !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:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\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 });
|
|
55215
55224
|
|
|
55216
55225
|
};
|
|
55217
55226
|
/* scoped */
|
|
@@ -55254,6 +55263,20 @@ let ZdSelectTreeMultiple = class ZdSelectTreeMultiple extends ZdSelectTree$1 {
|
|
|
55254
55263
|
input === null || input === void 0 ? void 0 : input.select();
|
|
55255
55264
|
this.instance.deselect(node, this.$el);
|
|
55256
55265
|
}
|
|
55266
|
+
get allSelected() {
|
|
55267
|
+
const instance = this.$refs.instance;
|
|
55268
|
+
let nodesLength = 0;
|
|
55269
|
+
instance.traverseAllNodesByIndex((node) => {
|
|
55270
|
+
if (!this.instance.flat && node.children && node.children.length > 0)
|
|
55271
|
+
return;
|
|
55272
|
+
nodesLength += 1;
|
|
55273
|
+
});
|
|
55274
|
+
return this.instance.value.length === nodesLength;
|
|
55275
|
+
}
|
|
55276
|
+
selectAllClick() {
|
|
55277
|
+
const event = new Event('click');
|
|
55278
|
+
this.instance.onSelectAll(!this.allSelected, event, this.$el);
|
|
55279
|
+
}
|
|
55257
55280
|
};
|
|
55258
55281
|
__decorate([
|
|
55259
55282
|
Prop({ type: [Boolean, String], default: false }),
|
|
@@ -55267,6 +55290,10 @@ __decorate([
|
|
|
55267
55290
|
Prop({ type: [String], default: 'LEAF_PRIORITY' }),
|
|
55268
55291
|
__metadata("design:type", String)
|
|
55269
55292
|
], ZdSelectTreeMultiple.prototype, "valueConsistsOf", void 0);
|
|
55293
|
+
__decorate([
|
|
55294
|
+
Prop({ type: [Boolean, String], default: false }),
|
|
55295
|
+
__metadata("design:type", Object)
|
|
55296
|
+
], ZdSelectTreeMultiple.prototype, "showSelectAll", void 0);
|
|
55270
55297
|
ZdSelectTreeMultiple = __decorate([
|
|
55271
55298
|
Component$1
|
|
55272
55299
|
], ZdSelectTreeMultiple);
|
|
@@ -55406,6 +55433,87 @@ var __vue_render__$i = function () {
|
|
|
55406
55433
|
deselect: _vm.onDeselect,
|
|
55407
55434
|
"search-change": _vm.onSearchChange,
|
|
55408
55435
|
},
|
|
55436
|
+
scopedSlots: _vm._u(
|
|
55437
|
+
[
|
|
55438
|
+
_vm.instance.showSelectAll
|
|
55439
|
+
? {
|
|
55440
|
+
key: "before-list",
|
|
55441
|
+
fn: function () {
|
|
55442
|
+
return [
|
|
55443
|
+
_c(
|
|
55444
|
+
"v-list-item",
|
|
55445
|
+
{
|
|
55446
|
+
staticClass: "select-all",
|
|
55447
|
+
attrs: { ripple: false },
|
|
55448
|
+
on: {
|
|
55449
|
+
click: function ($event) {
|
|
55450
|
+
return _vm.selectAllClick()
|
|
55451
|
+
},
|
|
55452
|
+
},
|
|
55453
|
+
},
|
|
55454
|
+
[
|
|
55455
|
+
_c(
|
|
55456
|
+
"v-list-item-action",
|
|
55457
|
+
[
|
|
55458
|
+
_c("v-checkbox", {
|
|
55459
|
+
ref: "checkboxAll",
|
|
55460
|
+
staticClass: "zd-checkbox-all",
|
|
55461
|
+
attrs: {
|
|
55462
|
+
"hide-details": "",
|
|
55463
|
+
readonly: "",
|
|
55464
|
+
ripple: false,
|
|
55465
|
+
"on-icon": _vm.$getIcon("checkboxOn"),
|
|
55466
|
+
"off-icon":
|
|
55467
|
+
_vm.$getIcon("checkboxOff"),
|
|
55468
|
+
"indeterminate-icon": _vm.$getIcon(
|
|
55469
|
+
"checkboxIndeterminate"
|
|
55470
|
+
),
|
|
55471
|
+
},
|
|
55472
|
+
model: {
|
|
55473
|
+
value: _vm.allSelected,
|
|
55474
|
+
callback: function ($$v) {
|
|
55475
|
+
_vm.allSelected = $$v;
|
|
55476
|
+
},
|
|
55477
|
+
expression: "allSelected",
|
|
55478
|
+
},
|
|
55479
|
+
}),
|
|
55480
|
+
],
|
|
55481
|
+
1
|
|
55482
|
+
),
|
|
55483
|
+
_vm._v(" "),
|
|
55484
|
+
_c(
|
|
55485
|
+
"v-list-item-content",
|
|
55486
|
+
[
|
|
55487
|
+
_c(
|
|
55488
|
+
"v-list-item-title",
|
|
55489
|
+
{
|
|
55490
|
+
staticClass: "vue-treeselect__label",
|
|
55491
|
+
},
|
|
55492
|
+
[
|
|
55493
|
+
_vm._v(
|
|
55494
|
+
"\n " +
|
|
55495
|
+
_vm._s(_vm.$t("SELECT_ALL")) +
|
|
55496
|
+
"\n "
|
|
55497
|
+
),
|
|
55498
|
+
]
|
|
55499
|
+
),
|
|
55500
|
+
],
|
|
55501
|
+
1
|
|
55502
|
+
),
|
|
55503
|
+
],
|
|
55504
|
+
1
|
|
55505
|
+
),
|
|
55506
|
+
_vm._v(" "),
|
|
55507
|
+
_c("v-divider"),
|
|
55508
|
+
]
|
|
55509
|
+
},
|
|
55510
|
+
proxy: true,
|
|
55511
|
+
}
|
|
55512
|
+
: null,
|
|
55513
|
+
],
|
|
55514
|
+
null,
|
|
55515
|
+
true
|
|
55516
|
+
),
|
|
55409
55517
|
model: {
|
|
55410
55518
|
value: _vm.instance.selectValue,
|
|
55411
55519
|
callback: function ($$v) {
|
|
@@ -55492,8 +55600,8 @@ __vue_render__$i._withStripped = true;
|
|
|
55492
55600
|
/* style */
|
|
55493
55601
|
const __vue_inject_styles__$i = function (inject) {
|
|
55494
55602
|
if (!inject) return
|
|
55495
|
-
inject("data-v-
|
|
55496
|
-
,inject("data-v-
|
|
55603
|
+
inject("data-v-55d57032_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 position: relative;\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 .vue-treeselect__list > * {\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.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !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:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\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 })
|
|
55604
|
+
,inject("data-v-55d57032_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: 0;\n padding-bottom: 0;\n line-height: 15px;\n}\n.vue-treeselect__menu-container .select-all {\n height: 40px;\n min-height: 40px;\n padding-left: 26px;\n}\n.vue-treeselect__menu-container .select-all .v-icon.mdi-checkbox-marked {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .select-all .v-list-item__content {\n height: 40px;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__action {\n margin: 0;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__title {\n height: auto;\n padding-left: 4px;\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__limit-tip {\n padding-top: 0;\n}\n.vue-treeselect__limit-tip-text {\n padding: 0;\n margin: 0;\n}", map: undefined, media: undefined });
|
|
55497
55605
|
|
|
55498
55606
|
};
|
|
55499
55607
|
/* scoped */
|
package/dist/zd-vuetify.umd.js
CHANGED
|
@@ -41369,7 +41369,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
41369
41369
|
if (placeholder !== '') {
|
|
41370
41370
|
setTimeout(() => {
|
|
41371
41371
|
const input = this.$el.getElementsByTagName(`${htmlElment}`)[0];
|
|
41372
|
-
input
|
|
41372
|
+
if (input) {
|
|
41373
|
+
input.setAttribute('placeholder', placeholder);
|
|
41374
|
+
}
|
|
41373
41375
|
}, 0);
|
|
41374
41376
|
}
|
|
41375
41377
|
}
|
|
@@ -44723,7 +44725,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44723
44725
|
/* style */
|
|
44724
44726
|
const __vue_inject_styles__$11 = function (inject) {
|
|
44725
44727
|
if (!inject) return
|
|
44726
|
-
inject("data-v-
|
|
44728
|
+
inject("data-v-19f33cc2_0", { source: ".zd-frame-page {\n display: block;\n height: 100% !important;\n}", map: undefined, media: undefined });
|
|
44727
44729
|
|
|
44728
44730
|
};
|
|
44729
44731
|
/* scoped */
|
|
@@ -44985,11 +44987,17 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44985
44987
|
return Number(width === null || width === void 0 ? void 0 : width.replace('px', ''));
|
|
44986
44988
|
}
|
|
44987
44989
|
calcWidth(column, width) {
|
|
44990
|
+
if ((width === null || width === void 0 ? void 0 : width.length) === 0 || width === undefined) {
|
|
44991
|
+
return '100%';
|
|
44992
|
+
}
|
|
44988
44993
|
const min = Math.max(this.minimumColumnWidth(column), this.parseWidth(column.minWidth) || 0);
|
|
44989
44994
|
const max = this.parseWidth(column.maxWidth);
|
|
44990
44995
|
const pxWidth = this.parseWidth(width);
|
|
44991
44996
|
return `${Math.max(min, Math.min(Math.trunc(pxWidth), max || Infinity))}px`;
|
|
44992
44997
|
}
|
|
44998
|
+
setSpanWidth(column) {
|
|
44999
|
+
return column.width;
|
|
45000
|
+
}
|
|
44993
45001
|
sortColumns(event) {
|
|
44994
45002
|
const { originalEvent } = event;
|
|
44995
45003
|
let touch = originalEvent;
|
|
@@ -46315,7 +46323,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
46315
46323
|
element.style.width = this.calcWidth(col, col.minWidth || '');
|
|
46316
46324
|
}
|
|
46317
46325
|
else {
|
|
46318
|
-
element.style.width =
|
|
46326
|
+
element.style.width = 'unset';
|
|
46319
46327
|
}
|
|
46320
46328
|
});
|
|
46321
46329
|
}
|
|
@@ -52790,7 +52798,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52790
52798
|
return _c(
|
|
52791
52799
|
"v-dialog",
|
|
52792
52800
|
{
|
|
52793
|
-
key: modal.name
|
|
52801
|
+
key: modal.name,
|
|
52794
52802
|
attrs: {
|
|
52795
52803
|
id: modal.name,
|
|
52796
52804
|
persistent: modal.persistent,
|
|
@@ -52813,7 +52821,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52813
52821
|
{
|
|
52814
52822
|
ref: modal.name,
|
|
52815
52823
|
refInFor: true,
|
|
52816
|
-
|
|
52824
|
+
class: ["zd-modal-card", modal.cssClass],
|
|
52825
|
+
style: modal.cssStyle,
|
|
52817
52826
|
on: {
|
|
52818
52827
|
"hook:mounted": function ($event) {
|
|
52819
52828
|
modal.draggable && _vm.registerMousedown(modal);
|
|
@@ -52883,7 +52892,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52883
52892
|
/* style */
|
|
52884
52893
|
const __vue_inject_styles__$u = function (inject) {
|
|
52885
52894
|
if (!inject) return
|
|
52886
|
-
inject("data-v-
|
|
52895
|
+
inject("data-v-0c31e873_0", { source: ".zd-modal-title {\n padding-bottom: 0px;\n}\n.zd-modal-container {\n padding: 0;\n}\n.zd-modal-flex {\n width: 100%;\n}\n.zd-modal-draggable {\n position: relative;\n}\n.zd-modal-draggable-handle {\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n}\n.zd-modal-draggable-handle:active {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing;\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-title {\n padding: var(--zd-default-padding);\n padding-bottom: 0px;\n font-size: var(--zd-font-title-size);\n font-weight: var(--zd-font-title-weight);\n color: var(--zd-font-color);\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-card-text {\n padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
|
|
52887
52896
|
|
|
52888
52897
|
};
|
|
52889
52898
|
/* scoped */
|
|
@@ -55210,7 +55219,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
55210
55219
|
/* style */
|
|
55211
55220
|
const __vue_inject_styles__$j = function (inject) {
|
|
55212
55221
|
if (!inject) return
|
|
55213
|
-
inject("data-v-073f22d6_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 position: relative;\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.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !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:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\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 });
|
|
55222
|
+
inject("data-v-073f22d6_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 position: relative;\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 .vue-treeselect__list > * {\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.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !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:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\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 });
|
|
55214
55223
|
|
|
55215
55224
|
};
|
|
55216
55225
|
/* scoped */
|
|
@@ -55253,6 +55262,20 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
55253
55262
|
input === null || input === void 0 ? void 0 : input.select();
|
|
55254
55263
|
this.instance.deselect(node, this.$el);
|
|
55255
55264
|
}
|
|
55265
|
+
get allSelected() {
|
|
55266
|
+
const instance = this.$refs.instance;
|
|
55267
|
+
let nodesLength = 0;
|
|
55268
|
+
instance.traverseAllNodesByIndex((node) => {
|
|
55269
|
+
if (!this.instance.flat && node.children && node.children.length > 0)
|
|
55270
|
+
return;
|
|
55271
|
+
nodesLength += 1;
|
|
55272
|
+
});
|
|
55273
|
+
return this.instance.value.length === nodesLength;
|
|
55274
|
+
}
|
|
55275
|
+
selectAllClick() {
|
|
55276
|
+
const event = new Event('click');
|
|
55277
|
+
this.instance.onSelectAll(!this.allSelected, event, this.$el);
|
|
55278
|
+
}
|
|
55256
55279
|
};
|
|
55257
55280
|
__decorate([
|
|
55258
55281
|
vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
|
|
@@ -55266,6 +55289,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
55266
55289
|
vuePropertyDecorator.Prop({ type: [String], default: 'LEAF_PRIORITY' }),
|
|
55267
55290
|
__metadata("design:type", String)
|
|
55268
55291
|
], ZdSelectTreeMultiple.prototype, "valueConsistsOf", void 0);
|
|
55292
|
+
__decorate([
|
|
55293
|
+
vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
|
|
55294
|
+
__metadata("design:type", Object)
|
|
55295
|
+
], ZdSelectTreeMultiple.prototype, "showSelectAll", void 0);
|
|
55269
55296
|
ZdSelectTreeMultiple = __decorate([
|
|
55270
55297
|
vuePropertyDecorator.Component
|
|
55271
55298
|
], ZdSelectTreeMultiple);
|
|
@@ -55405,6 +55432,87 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
55405
55432
|
deselect: _vm.onDeselect,
|
|
55406
55433
|
"search-change": _vm.onSearchChange,
|
|
55407
55434
|
},
|
|
55435
|
+
scopedSlots: _vm._u(
|
|
55436
|
+
[
|
|
55437
|
+
_vm.instance.showSelectAll
|
|
55438
|
+
? {
|
|
55439
|
+
key: "before-list",
|
|
55440
|
+
fn: function () {
|
|
55441
|
+
return [
|
|
55442
|
+
_c(
|
|
55443
|
+
"v-list-item",
|
|
55444
|
+
{
|
|
55445
|
+
staticClass: "select-all",
|
|
55446
|
+
attrs: { ripple: false },
|
|
55447
|
+
on: {
|
|
55448
|
+
click: function ($event) {
|
|
55449
|
+
return _vm.selectAllClick()
|
|
55450
|
+
},
|
|
55451
|
+
},
|
|
55452
|
+
},
|
|
55453
|
+
[
|
|
55454
|
+
_c(
|
|
55455
|
+
"v-list-item-action",
|
|
55456
|
+
[
|
|
55457
|
+
_c("v-checkbox", {
|
|
55458
|
+
ref: "checkboxAll",
|
|
55459
|
+
staticClass: "zd-checkbox-all",
|
|
55460
|
+
attrs: {
|
|
55461
|
+
"hide-details": "",
|
|
55462
|
+
readonly: "",
|
|
55463
|
+
ripple: false,
|
|
55464
|
+
"on-icon": _vm.$getIcon("checkboxOn"),
|
|
55465
|
+
"off-icon":
|
|
55466
|
+
_vm.$getIcon("checkboxOff"),
|
|
55467
|
+
"indeterminate-icon": _vm.$getIcon(
|
|
55468
|
+
"checkboxIndeterminate"
|
|
55469
|
+
),
|
|
55470
|
+
},
|
|
55471
|
+
model: {
|
|
55472
|
+
value: _vm.allSelected,
|
|
55473
|
+
callback: function ($$v) {
|
|
55474
|
+
_vm.allSelected = $$v;
|
|
55475
|
+
},
|
|
55476
|
+
expression: "allSelected",
|
|
55477
|
+
},
|
|
55478
|
+
}),
|
|
55479
|
+
],
|
|
55480
|
+
1
|
|
55481
|
+
),
|
|
55482
|
+
_vm._v(" "),
|
|
55483
|
+
_c(
|
|
55484
|
+
"v-list-item-content",
|
|
55485
|
+
[
|
|
55486
|
+
_c(
|
|
55487
|
+
"v-list-item-title",
|
|
55488
|
+
{
|
|
55489
|
+
staticClass: "vue-treeselect__label",
|
|
55490
|
+
},
|
|
55491
|
+
[
|
|
55492
|
+
_vm._v(
|
|
55493
|
+
"\n " +
|
|
55494
|
+
_vm._s(_vm.$t("SELECT_ALL")) +
|
|
55495
|
+
"\n "
|
|
55496
|
+
),
|
|
55497
|
+
]
|
|
55498
|
+
),
|
|
55499
|
+
],
|
|
55500
|
+
1
|
|
55501
|
+
),
|
|
55502
|
+
],
|
|
55503
|
+
1
|
|
55504
|
+
),
|
|
55505
|
+
_vm._v(" "),
|
|
55506
|
+
_c("v-divider"),
|
|
55507
|
+
]
|
|
55508
|
+
},
|
|
55509
|
+
proxy: true,
|
|
55510
|
+
}
|
|
55511
|
+
: null,
|
|
55512
|
+
],
|
|
55513
|
+
null,
|
|
55514
|
+
true
|
|
55515
|
+
),
|
|
55408
55516
|
model: {
|
|
55409
55517
|
value: _vm.instance.selectValue,
|
|
55410
55518
|
callback: function ($$v) {
|
|
@@ -55491,8 +55599,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
55491
55599
|
/* style */
|
|
55492
55600
|
const __vue_inject_styles__$i = function (inject) {
|
|
55493
55601
|
if (!inject) return
|
|
55494
|
-
inject("data-v-
|
|
55495
|
-
,inject("data-v-
|
|
55602
|
+
inject("data-v-55d57032_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 position: relative;\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 .vue-treeselect__list > * {\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.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !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:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\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 })
|
|
55603
|
+
,inject("data-v-55d57032_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: 0;\n padding-bottom: 0;\n line-height: 15px;\n}\n.vue-treeselect__menu-container .select-all {\n height: 40px;\n min-height: 40px;\n padding-left: 26px;\n}\n.vue-treeselect__menu-container .select-all .v-icon.mdi-checkbox-marked {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .select-all .v-list-item__content {\n height: 40px;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__action {\n margin: 0;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__title {\n height: auto;\n padding-left: 4px;\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__limit-tip {\n padding-top: 0;\n}\n.vue-treeselect__limit-tip-text {\n padding: 0;\n margin: 0;\n}", map: undefined, media: undefined });
|
|
55496
55604
|
|
|
55497
55605
|
};
|
|
55498
55606
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.70.0",
|
|
4
4
|
"description": "Zeedhi Components based on Vuetify",
|
|
5
5
|
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"@types/prismjs": "^1.16.2",
|
|
52
52
|
"@types/sortablejs": "^1.10.6"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "c6abf8b59b07dcde62b8035629ed71c5b593ed0f"
|
|
55
55
|
}
|
|
@@ -40,6 +40,7 @@ export default class ZdGrid extends ZdIterable {
|
|
|
40
40
|
private setViewGetWidth;
|
|
41
41
|
parseWidth(width?: string): number;
|
|
42
42
|
calcWidth(column: Column, width?: string): string;
|
|
43
|
+
setSpanWidth(column: Column): string | undefined;
|
|
43
44
|
private sortColumns;
|
|
44
45
|
protected getColumnsDOMOrder(): Column[];
|
|
45
46
|
private checkMove;
|
|
@@ -5,8 +5,11 @@ export default class ZdSelectTreeMultiple extends ZdSelectTree {
|
|
|
5
5
|
flat: boolean | string;
|
|
6
6
|
limit: number | string;
|
|
7
7
|
valueConsistsOf: string;
|
|
8
|
+
showSelectAll: boolean | string;
|
|
8
9
|
instance: SelectTreeMultiple;
|
|
9
10
|
instanceType: typeof SelectTreeMultiple;
|
|
10
11
|
onChangeSelectedNodes(selectedNodes: ISelectTreeMultipleNode<IDictionary>[]): void;
|
|
11
12
|
onDeselect(node: ISelectTreeMultipleNode<IDictionary>): void;
|
|
13
|
+
get allSelected(): boolean;
|
|
14
|
+
selectAllClick(): void;
|
|
12
15
|
}
|