@webitel/ui-sdk 26.8.58 → 26.8.60

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.
@@ -1,4 +1,4 @@
1
- import "./components-BPZw8R7l.js";
1
+ import "./components-DUBlUkxN.js";
2
2
  import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
3
3
  import { l as t } from "./enums-DY3jIXFF.js";
4
4
  import { t as n } from "./wt-button-2_aOV7LX.js";
@@ -1,4 +1,4 @@
1
- import { C as e, i as t } from "./components-BPZw8R7l.js";
1
+ import { C as e, i as t } from "./components-DUBlUkxN.js";
2
2
  import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
3
3
  import { t as r } from "./displayText-CtaxzaBz.js";
4
4
  import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
@@ -1,6 +1,6 @@
1
1
  import { t as e } from "./rolldown-runtime-BEcgMyyN.js";
2
- import { n as t, r as n } from "./clients-C8mcFrih.js";
3
- import { T as r, n as i, w as a } from "./components-BPZw8R7l.js";
2
+ import { n as t, r as n } from "./clients-BquWqHUK.js";
3
+ import { T as r, n as i, w as a } from "./components-DUBlUkxN.js";
4
4
  import { t as o } from "./vue-i18n-Db_oYfO8.js";
5
5
  import { n as s } from "./useEventBus-B-ZeklLu.js";
6
6
  import { createBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, onMounted as p, openBlock as m, ref as h, resolveComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
@@ -31,30 +31,31 @@ var O = { class: "wt-tree-table-td__content" }, k = {
31
31
  },
32
32
  emits: ["update:selected", "expanded-collapse"],
33
33
  setup(e, { emit: t }) {
34
- let i = e, p = t, m = y(!0), g = o(() => i.nestingLevel), w = o(() => i.nestingLevel + 1), T = o(() => i.selectedElements.includes(i.data)), D = () => {
34
+ let i = e, p = t, m = y(!0), w = o(() => i.nestingLevel), T = o(() => i.nestingLevel + 1), D = o(() => i.selectedElements.includes(i.data)), M = () => {
35
35
  m.value = !1, p("expanded-collapse");
36
- }, M = (e, t = 0) => {
36
+ }, N = (e, t = 0) => {
37
37
  if (e[i.searchedProp] && t) return !0;
38
38
  if (Array.isArray(e[i.childrenProp])) {
39
- for (let n of e[i.childrenProp]) if (M(n, t + 1)) return !0;
39
+ for (let n of e[i.childrenProp]) if (N(n, t + 1)) return !0;
40
40
  }
41
41
  return !1;
42
42
  };
43
43
  return _(() => {
44
- i.searchedProp && M(i.data) && D();
44
+ i.searchedProp && N(i.data) && M();
45
45
  }), (t, i) => {
46
46
  let o = S("wt-tree-table-row", !0);
47
47
  return v(), l(a, null, [u("tr", { class: h([[{ "wt-tree-table-row--alternate": e.rowPosition % 2 }], "wt-tree-table-row"]) }, [(v(!0), l(a, null, b(e.dataHeaders, (o, d) => (v(), l("td", {
48
48
  key: o.value,
49
+ style: g(o.width ? `min-width:${o.width}` : ""),
49
50
  class: "wt-tree-table-td typo-body-1"
50
51
  }, [u("div", O, [d ? c("", !0) : (v(), l("div", k, [
51
- (v(!0), l(a, null, b(g.value, (e) => (v(), l("div", {
52
+ (v(!0), l(a, null, b(w.value, (e) => (v(), l("div", {
52
53
  key: e,
53
54
  class: "wt-tree-table-row__tree-space"
54
55
  }))), 128)),
55
56
  e.selectable ? (v(), s(n, {
56
57
  key: 0,
57
- selected: T.value,
58
+ selected: D.value,
58
59
  "onUpdate:selected": i[0] ||= (n) => t.$emit("update:selected", {
59
60
  data: e.data,
60
61
  select: n
@@ -68,7 +69,7 @@ var O = { class: "wt-tree-table-td__content" }, k = {
68
69
  ])), x(t.$slots, o.value, {
69
70
  index: e.rowPosition,
70
71
  item: e.data
71
- }, () => [f(C(e.data[o.value]), 1)], !0)])]))), 128)), e.gridActions ? (v(), l("td", A, [u("div", j, [x(t.$slots, "actions", {
72
+ }, () => [f(C(e.data[o.value]), 1)], !0)])], 4))), 128)), e.gridActions ? (v(), l("td", A, [u("div", j, [x(t.$slots, "actions", {
72
73
  index: e.rowPosition,
73
74
  item: e.data
74
75
  }, void 0, !0)])])) : c("", !0)], 2), m.value ? c("", !0) : (v(!0), l(a, { key: 0 }, b(e.data[e.childrenProp], (n, r) => (v(), s(o, {
@@ -76,12 +77,12 @@ var O = { class: "wt-tree-table-td__content" }, k = {
76
77
  "children-prop": e.childrenProp,
77
78
  data: n,
78
79
  "data-headers": e.dataHeaders,
79
- "nesting-level": w.value,
80
+ "nesting-level": T.value,
80
81
  "row-position": e.rowPosition,
81
82
  "searched-prop": e.searchedProp,
82
83
  selectable: e.selectable,
83
84
  "selected-elements": e.selectedElements,
84
- onExpandedCollapse: D,
85
+ onExpandedCollapse: M,
85
86
  "onUpdate:selected": i[2] ||= (e) => t.$emit("update:selected", {
86
87
  data: e.data,
87
88
  select: e.select
@@ -110,7 +111,7 @@ var O = { class: "wt-tree-table-td__content" }, k = {
110
111
  ]))), 128))], 64);
111
112
  };
112
113
  }
113
- }), [["__scopeId", "data-v-5c9f2eb6"]]), N = { class: "wt-tree-table wt-scrollbar" }, P = { class: "wt-tree-table-wrapper" }, F = { class: "wt-tree-table-head" }, I = { class: "wt-tree-table-tr wt-tree-table-tr-head" }, L = ["onClick"], R = { class: "wt-tree-table-th__text" }, z = {
114
+ }), [["__scopeId", "data-v-487150c8"]]), N = { class: "wt-tree-table wt-scrollbar" }, P = { class: "wt-tree-table-wrapper" }, F = { class: "wt-tree-table-head" }, I = { class: "wt-tree-table-tr wt-tree-table-tr-head" }, L = ["onClick"], R = { class: "wt-tree-table-th__text" }, z = {
114
115
  key: 0,
115
116
  class: "wt-tree-table-th__actions"
116
117
  }, B = { class: "wt-tree-table-th__content" }, V = { class: "wt-tree-table-body" }, H = /*#__PURE__*/ e(/* @__PURE__ */ m({
@@ -218,6 +219,6 @@ var O = { class: "wt-tree-table-td__content" }, k = {
218
219
  ]))), 128))])])]);
219
220
  };
220
221
  }
221
- }), [["__scopeId", "data-v-cf6adafa"]]);
222
+ }), [["__scopeId", "data-v-e4cadb95"]]);
222
223
  //#endregion
223
224
  export { H as default };
@@ -1,5 +1,5 @@
1
- import { t as e } from "./clients-C8mcFrih.js";
2
- import { a as t, o as n, r, s as i } from "./components-BPZw8R7l.js";
1
+ import { t as e } from "./clients-BquWqHUK.js";
2
+ import { a as t, o as n, r, s as i } from "./components-DUBlUkxN.js";
3
3
  import { t as a } from "./enums-DY3jIXFF.js";
4
4
  import { t as o } from "./vue-i18n-Db_oYfO8.js";
5
5
  import { computed as s, createBlock as c, createCommentVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, unref as _, useModel as v } from "vue";
@@ -1,4 +1,4 @@
1
- import { D as e } from "./components-BPZw8R7l.js";
1
+ import { D as e } from "./components-DUBlUkxN.js";
2
2
  import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
3
3
  import { l as n } from "./enums-DY3jIXFF.js";
4
4
  import "./wt-button-2_aOV7LX.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "26.8.58",
3
+ "version": "26.8.60",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "npm run docs:dev",
@@ -286,6 +286,9 @@ const handleSelection = (row: WtTreeNode, select: boolean) => {
286
286
  }
287
287
 
288
288
  .wt-tree-table-head {
289
+ position: sticky;
290
+ top: 0;
291
+ z-index: 1;
289
292
  border: var(--wt-tree-table-head-border);
290
293
  border-color: var(--wt-tree-table-head-border-color);
291
294
  border-radius: var(--border-radius);
@@ -6,6 +6,7 @@
6
6
  <td
7
7
  v-for="(col, headerKey) of dataHeaders"
8
8
  :key="col.value"
9
+ :style="col.width ? `min-width:${col.width}` : ''"
9
10
  class="wt-tree-table-td typo-body-1"
10
11
  >
11
12
  <div class="wt-tree-table-td__content">
@@ -201,7 +202,6 @@ onMounted(() => {
201
202
  padding: var(--spacing-xs);
202
203
  height: fit-content;
203
204
  min-height: var(--wt-tree-table-min-height);
204
- word-break: break-all;
205
205
  overflow-wrap: break-word;
206
206
  }
207
207