@zeedhi/vuetify 1.129.0 → 1.130.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.css +26373 -0
- package/dist/zd-vuetify.esm.js +50 -36
- package/dist/zd-vuetify.umd.css +26373 -0
- package/dist/zd-vuetify.umd.js +50 -36
- package/package.json +2 -2
- package/types/components/zd-tree/ZdTree.d.ts +4 -4
package/dist/zd-vuetify.esm.js
CHANGED
|
@@ -61947,7 +61947,14 @@ var __vue_render__$5 = function () {
|
|
|
61947
61947
|
)
|
|
61948
61948
|
}),
|
|
61949
61949
|
_vm._v(" "),
|
|
61950
|
-
_vm.
|
|
61950
|
+
_vm.$slots.default
|
|
61951
|
+
? _c(
|
|
61952
|
+
"span",
|
|
61953
|
+
_vm._g({}, Object.assign({}, on, _vm.$listeners)),
|
|
61954
|
+
[_vm._t("default")],
|
|
61955
|
+
2
|
|
61956
|
+
)
|
|
61957
|
+
: _vm._e(),
|
|
61951
61958
|
]
|
|
61952
61959
|
},
|
|
61953
61960
|
},
|
|
@@ -61994,7 +62001,7 @@ __vue_render__$5._withStripped = true;
|
|
|
61994
62001
|
/* style */
|
|
61995
62002
|
const __vue_inject_styles__$5 = function (inject) {
|
|
61996
62003
|
if (!inject) return
|
|
61997
|
-
inject("data-v-
|
|
62004
|
+
inject("data-v-0c3734c9_0", { source: ".v-tooltip__content {\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n white-space: normal;\n word-wrap: break-word;\n}\n.v-tooltip__content.menuable__content__active {\n opacity: 0.9 !important;\n}", map: undefined, media: undefined });
|
|
61998
62005
|
|
|
61999
62006
|
};
|
|
62000
62007
|
/* scoped */
|
|
@@ -62185,12 +62192,7 @@ var __vue_render__$3 = function () {
|
|
|
62185
62192
|
_vm.afterTitleSlot && !_vm.$slots.default
|
|
62186
62193
|
? _c(
|
|
62187
62194
|
_vm.afterTitleSlot.component,
|
|
62188
|
-
_vm._b(
|
|
62189
|
-
{ tag: "component", staticClass: "zd-display-inline-block" },
|
|
62190
|
-
"component",
|
|
62191
|
-
_vm.afterTitleSlot,
|
|
62192
|
-
false
|
|
62193
|
-
)
|
|
62195
|
+
_vm._b({ tag: "component" }, "component", _vm.afterTitleSlot, false)
|
|
62194
62196
|
)
|
|
62195
62197
|
: _vm._e(),
|
|
62196
62198
|
_vm._v(" "),
|
|
@@ -62205,7 +62207,7 @@ __vue_render__$3._withStripped = true;
|
|
|
62205
62207
|
/* style */
|
|
62206
62208
|
const __vue_inject_styles__$3 = function (inject) {
|
|
62207
62209
|
if (!inject) return
|
|
62208
|
-
inject("data-v-
|
|
62210
|
+
inject("data-v-4c1931b9_0", { source: "\n.zd-tree-after-title {\n position: absolute;\n}\n", map: undefined, media: undefined });
|
|
62209
62211
|
|
|
62210
62212
|
};
|
|
62211
62213
|
/* scoped */
|
|
@@ -62245,7 +62247,8 @@ let ZdTree = class ZdTree extends ZdComponentRender$1 {
|
|
|
62245
62247
|
}
|
|
62246
62248
|
mounted() {
|
|
62247
62249
|
this.instance.setTree(this.$refs.tree);
|
|
62248
|
-
this.
|
|
62250
|
+
if (this.instance.afterTitleSlot)
|
|
62251
|
+
this.instance.afterTitleSlot.forEach((_comp, i) => this.setAfterTitleMargin(i));
|
|
62249
62252
|
this.nodeChange(); // This needs to be after the tree is set
|
|
62250
62253
|
this.$watch('$refs.tree.nodes', this.nodeChange, { deep: true }); // This needs to be after the tree is set
|
|
62251
62254
|
}
|
|
@@ -62293,20 +62296,21 @@ let ZdTree = class ZdTree extends ZdComponentRender$1 {
|
|
|
62293
62296
|
}, 0);
|
|
62294
62297
|
return maxOffset;
|
|
62295
62298
|
}
|
|
62296
|
-
getAfterTitleEls() {
|
|
62297
|
-
|
|
62299
|
+
getAfterTitleEls(columnIndex) {
|
|
62300
|
+
const n = columnIndex + 1;
|
|
62301
|
+
return Array.from(this.$el.querySelectorAll(`:nth-child(${n} of .zd-tree-after-title)`));
|
|
62298
62302
|
}
|
|
62299
|
-
setAfterTitleMargin() {
|
|
62303
|
+
setAfterTitleMargin(columnIndex) {
|
|
62300
62304
|
if (!this.$el)
|
|
62301
62305
|
return;
|
|
62302
|
-
const els = this.getAfterTitleEls();
|
|
62306
|
+
const els = this.getAfterTitleEls(columnIndex);
|
|
62303
62307
|
const maxOffset = this.getMaxOffset(els);
|
|
62304
62308
|
els.forEach((el) => { el.style.left = `${maxOffset}px`; });
|
|
62305
62309
|
}
|
|
62306
|
-
addObserver(node) {
|
|
62310
|
+
addObserver(node, columnIndex) {
|
|
62307
62311
|
const ref = this.$refs[node.pathStr];
|
|
62308
|
-
const el = ref.$el;
|
|
62309
|
-
const observer = new ResizeObserver(this.setAfterTitleMargin);
|
|
62312
|
+
const el = ref[columnIndex].$el;
|
|
62313
|
+
const observer = new ResizeObserver(() => this.setAfterTitleMargin(columnIndex));
|
|
62310
62314
|
if (el.parentElement) {
|
|
62311
62315
|
observer.observe(el.parentElement);
|
|
62312
62316
|
}
|
|
@@ -62350,7 +62354,7 @@ __decorate([
|
|
|
62350
62354
|
__metadata("design:type", Object)
|
|
62351
62355
|
], ZdTree.prototype, "allowDragDrop", void 0);
|
|
62352
62356
|
__decorate([
|
|
62353
|
-
Prop({ type: [String, Object] }),
|
|
62357
|
+
Prop({ type: [String, Object, Array] }),
|
|
62354
62358
|
__metadata("design:type", Object)
|
|
62355
62359
|
], ZdTree.prototype, "afterTitleSlot", void 0);
|
|
62356
62360
|
__decorate([
|
|
@@ -62635,25 +62639,35 @@ var __vue_render__$2 = function () {
|
|
|
62635
62639
|
_vm._v(" "),
|
|
62636
62640
|
_vm._t("titleSlot", null, { node: node }),
|
|
62637
62641
|
_vm._v(" "),
|
|
62638
|
-
|
|
62639
|
-
|
|
62640
|
-
|
|
62641
|
-
ref: node.pathStr,
|
|
62642
|
-
attrs: {
|
|
62643
|
-
afterTitleSlot: _vm.instance.getSlotComponent(
|
|
62642
|
+
_vm.instance.afterTitleSlot
|
|
62643
|
+
? _vm._l(
|
|
62644
|
+
_vm.instance.getSlotComponent(
|
|
62644
62645
|
_vm.instance.afterTitleSlot,
|
|
62645
62646
|
node
|
|
62646
|
-
)
|
|
62647
|
-
|
|
62648
|
-
|
|
62649
|
-
|
|
62650
|
-
|
|
62651
|
-
|
|
62652
|
-
|
|
62653
|
-
|
|
62654
|
-
|
|
62655
|
-
|
|
62656
|
-
|
|
62647
|
+
),
|
|
62648
|
+
function (comp, i) {
|
|
62649
|
+
return _c(
|
|
62650
|
+
"zd-tree-after-title",
|
|
62651
|
+
{
|
|
62652
|
+
ref: node.pathStr,
|
|
62653
|
+
refInFor: true,
|
|
62654
|
+
attrs: { afterTitleSlot: comp },
|
|
62655
|
+
on: {
|
|
62656
|
+
"hook:mounted": function ($event) {
|
|
62657
|
+
return _vm.addObserver(node, i)
|
|
62658
|
+
},
|
|
62659
|
+
},
|
|
62660
|
+
},
|
|
62661
|
+
[
|
|
62662
|
+
_vm._t("afterTitleSlot", null, {
|
|
62663
|
+
node: node,
|
|
62664
|
+
}),
|
|
62665
|
+
],
|
|
62666
|
+
2
|
|
62667
|
+
)
|
|
62668
|
+
}
|
|
62669
|
+
)
|
|
62670
|
+
: _vm._e(),
|
|
62657
62671
|
]
|
|
62658
62672
|
},
|
|
62659
62673
|
},
|
|
@@ -62749,7 +62763,7 @@ __vue_render__$2._withStripped = true;
|
|
|
62749
62763
|
/* style */
|
|
62750
62764
|
const __vue_inject_styles__$2 = function (inject) {
|
|
62751
62765
|
if (!inject) return
|
|
62752
|
-
inject("data-v-
|
|
62766
|
+
inject("data-v-6133f414_0", { source: ".zd-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-weight: normal;\n overflow: auto;\n}\n.zd-tree-toolbar {\n display: flex;\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 });
|
|
62753
62767
|
|
|
62754
62768
|
};
|
|
62755
62769
|
/* scoped */
|