@opentiny/tiny-robot 0.3.0-alpha.8 → 0.3.0-alpha.9

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,5 +1,5 @@
1
- import { defineComponent as m, useCssVars as v, useModel as d, computed as _, createElementBlock as w, openBlock as g, createElementVNode as n, renderSlot as r, createVNode as c, unref as i } from "vue";
2
- import { w as h, Z as $, a as C } from "../tiny-robot-svgs.js";
1
+ import { defineComponent as m, useCssVars as v, useModel as d, computed as _, createElementBlock as $, openBlock as w, createElementVNode as n, renderSlot as r, createVNode as c, unref as a } from "vue";
2
+ import { $ as g, i as h, t as C } from "../tiny-robot-svgs.js";
3
3
  import u from "../icon-button/index.js";
4
4
  import { _ as b } from "../_plugin-vue_export-helper.js";
5
5
  const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k = { class: "tr-container__header-operations" }, y = { class: "tr-container__footer" }, E = /* @__PURE__ */ m({
@@ -18,8 +18,8 @@ const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k =
18
18
  "234493b2": l.value ? "var(--tr-z-index-fixed)" : "-1",
19
19
  "0c2ba509": l.value ? "1" : "0"
20
20
  }));
21
- const l = d(o, "show"), s = d(o, "fullscreen"), f = _(() => s.value ? h : $);
22
- return (t, e) => (g(), w("div", z, [
21
+ const l = d(o, "show"), s = d(o, "fullscreen"), f = _(() => s.value ? g : h);
22
+ return (t, e) => (w(), $("div", z, [
23
23
  e[3] || (e[3] = n("div", { class: "tr-container__dragging-bar-wrapper" }, [
24
24
  n("div", { class: "tr-container__dragging-bar" })
25
25
  ], -1)),
@@ -29,16 +29,16 @@ const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k =
29
29
  ]),
30
30
  n("div", k, [
31
31
  r(t.$slots, "operations"),
32
- c(i(u), {
32
+ c(a(u), {
33
33
  size: "28",
34
34
  "svg-size": "20",
35
35
  icon: f.value,
36
36
  onClick: e[0] || (e[0] = (p) => t.$emit("update:fullscreen", !s.value))
37
37
  }, null, 8, ["icon"]),
38
- c(i(u), {
38
+ c(a(u), {
39
39
  size: "28",
40
40
  "svg-size": "20",
41
- icon: i(C),
41
+ icon: a(C),
42
42
  onClick: e[1] || (e[1] = (p) => t.$emit("update:show", !1))
43
43
  }, null, 8, ["icon"])
44
44
  ])
@@ -49,12 +49,12 @@ const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k =
49
49
  ])
50
50
  ]));
51
51
  }
52
- }), a = /* @__PURE__ */ b(E, [["__scopeId", "data-v-6a9b9126"]]);
53
- a.name = "TrContainer";
52
+ }), i = /* @__PURE__ */ b(E, [["__scopeId", "data-v-6a9b9126"]]);
53
+ i.name = "TrContainer";
54
54
  const I = function(o) {
55
- o.component(a.name, a);
55
+ o.component(i.name, i);
56
56
  };
57
- a.install = I;
57
+ i.install = I;
58
58
  export {
59
- a as default
59
+ i as default
60
60
  };
@@ -1,8 +1,8 @@
1
- import { defineComponent as C, mergeModels as f, useModel as M, computed as i, ref as B, watch as R, createBlock as x, openBlock as a, unref as E, withCtx as v, createElementVNode as T, createElementBlock as w, Fragment as b, renderList as D, toDisplayString as H, renderSlot as L } from "vue";
2
- import { o as P, b as h } from "../index3.js";
3
- import { B as I } from "../index4.js";
4
- import { _ as S } from "../_plugin-vue_export-helper.js";
5
- const $ = { class: "tr-dropdown-menu__list" }, F = ["onClick"], N = /* @__PURE__ */ C({
1
+ import { defineComponent as M, mergeModels as f, useModel as B, computed as a, ref as x, watch as R, createBlock as E, openBlock as i, unref as T, withCtx as v, createElementVNode as D, createElementBlock as w, Fragment as H, renderList as L, toDisplayString as P, renderSlot as b } from "vue";
2
+ import { o as I, a as h } from "../index2.js";
3
+ import { B as S } from "../index3.js";
4
+ import { _ as $ } from "../_plugin-vue_export-helper.js";
5
+ const F = { class: "tr-dropdown-menu__list" }, N = ["onClick"], O = /* @__PURE__ */ M({
6
6
  __name: "index",
7
7
  props: /* @__PURE__ */ f({
8
8
  appendTo: {},
@@ -14,29 +14,29 @@ const $ = { class: "tr-dropdown-menu__list" }, F = ["onClick"], N = /* @__PURE__
14
14
  showModifiers: {}
15
15
  }),
16
16
  emits: /* @__PURE__ */ f(["item-click", "click-outside"], ["update:show"]),
17
- setup(n, { emit: k }) {
18
- const t = n, c = k, d = M(n, "show"), o = i({
19
- get: () => t.trigger === "manual" ? t.show : d.value,
17
+ setup(n, { expose: k, emit: _ }) {
18
+ const t = n, c = _, p = B(n, "show"), o = a({
19
+ get: () => t.trigger === "manual" ? t.show : p.value,
20
20
  set: (e) => {
21
- t.trigger !== "manual" && (d.value = e);
21
+ t.trigger !== "manual" && (p.value = e);
22
22
  }
23
- }), l = B(null), p = i(() => {
23
+ }), s = x(null), u = a(() => {
24
24
  var e;
25
- return (e = l.value) == null ? void 0 : e.triggerRef;
26
- }), u = i(() => {
25
+ return (e = s.value) == null ? void 0 : e.triggerRef;
26
+ }), d = a(() => {
27
27
  var e;
28
- return (e = l.value) == null ? void 0 : e.popperRef;
28
+ return (e = s.value) == null ? void 0 : e.popperRef;
29
29
  });
30
30
  if (t.trigger === "click" || t.trigger === "manual")
31
- P(
32
- u,
31
+ I(
32
+ d,
33
33
  (e) => {
34
34
  c("click-outside", e), o.value = !1;
35
35
  },
36
- { ignore: [p] }
36
+ { ignore: [u] }
37
37
  );
38
38
  else if (t.trigger === "hover") {
39
- const e = h(p, { delayEnter: 100, delayLeave: 300 }), m = h(u, { delayEnter: 100, delayLeave: 300 });
39
+ const e = h(u, { delayEnter: 100, delayLeave: 300 }), m = h(d, { delayEnter: 100, delayLeave: 300 });
40
40
  R(
41
41
  () => [e.value, m.value],
42
42
  ([r, g]) => {
@@ -44,44 +44,49 @@ const $ = { class: "tr-dropdown-menu__list" }, F = ["onClick"], N = /* @__PURE__
44
44
  }
45
45
  );
46
46
  }
47
- const _ = () => {
47
+ const y = () => {
48
48
  t.trigger === "click" && (o.value = !o.value);
49
- }, y = (e) => {
49
+ }, C = (e) => {
50
50
  o.value = !1, c("item-click", e);
51
51
  };
52
- return (e, m) => (a(), x(E(I), {
52
+ return k({
53
+ update: () => {
54
+ var e;
55
+ return (e = s.value) == null ? void 0 : e.update();
56
+ }
57
+ }), (e, m) => (i(), E(T(S), {
53
58
  show: o.value,
54
59
  class: "tr-dropdown-menu",
55
60
  ref_key: "basePopperRef",
56
- ref: l,
61
+ ref: s,
57
62
  placement: "top-left",
58
63
  "append-to": t.appendTo,
59
64
  offset: 8,
60
65
  "transition-props": { name: "tr-dropdown-menu" },
61
66
  "prevent-overflow": !0,
62
- "trigger-events": { onClick: _ }
67
+ "trigger-events": { onClick: y }
63
68
  }, {
64
69
  trigger: v(() => [
65
- L(e.$slots, "trigger", {}, void 0, !0)
70
+ b(e.$slots, "trigger", {}, void 0, !0)
66
71
  ]),
67
72
  content: v(() => [
68
- T("ul", $, [
69
- (a(!0), w(b, null, D(t.items, (r) => (a(), w("li", {
73
+ D("ul", F, [
74
+ (i(!0), w(H, null, L(t.items, (r) => (i(), w("li", {
70
75
  class: "tr-dropdown-menu__list-item",
71
76
  key: r.id,
72
- onClick: (g) => y(r)
73
- }, H(r.text), 9, F))), 128))
77
+ onClick: (g) => C(r)
78
+ }, P(r.text), 9, N))), 128))
74
79
  ])
75
80
  ]),
76
81
  _: 3
77
82
  }, 8, ["show", "append-to", "trigger-events"]));
78
83
  }
79
- }), s = /* @__PURE__ */ S(N, [["__scopeId", "data-v-cb0454c9"]]);
80
- s.name = "TrDropdownMenu";
81
- const O = function(n) {
82
- n.component(s.name, s);
84
+ }), l = /* @__PURE__ */ $(O, [["__scopeId", "data-v-0cae3303"]]);
85
+ l.name = "TrDropdownMenu";
86
+ const V = function(n) {
87
+ n.component(l.name, l);
83
88
  };
84
- s.install = O;
89
+ l.install = V;
85
90
  export {
86
- s as default
91
+ l as default
87
92
  };
@@ -1,8 +1,8 @@
1
- import { defineComponent as X, ref as A, computed as z, onMounted as D, watch as J, createElementBlock as a, openBlock as t, createCommentVNode as k, Fragment as E, renderList as T, toDisplayString as g, createVNode as b, unref as l, nextTick as O, createElementVNode as p, createBlock as d, withCtx as f, createTextVNode as q, resolveDynamicComponent as C } from "vue";
2
- import { v as S, A as N, g as j, T as H, J as K, h as Q } from "../tiny-robot-svgs.js";
3
- import { B as R } from "../index5.js";
1
+ import { defineComponent as X, ref as E, computed as z, onMounted as D, watch as K, createElementBlock as a, openBlock as t, createCommentVNode as k, Fragment as I, renderList as S, toDisplayString as y, createVNode as h, unref as l, nextTick as O, createElementVNode as d, createBlock as _, withCtx as f, createTextVNode as U, resolveDynamicComponent as C } from "vue";
2
+ import { K as T, U as N, d as q, s as j, p as H, e as J } from "../tiny-robot-svgs.js";
3
+ import { B as R } from "../index4.js";
4
4
  import $, { ActionGroupItem as V } from "../action-group/index.js";
5
- import U from "../icon-button/index.js";
5
+ import Q from "../icon-button/index.js";
6
6
  import { _ as P } from "../_plugin-vue_export-helper.js";
7
7
  const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__ */ X({
8
8
  __name: "SourceList",
@@ -10,43 +10,43 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
10
10
  sources: {},
11
11
  linesLimit: { default: Number.MAX_SAFE_INTEGER }
12
12
  },
13
- setup(h) {
14
- const m = h, e = A(!1), y = A([]), c = A(null), L = () => {
13
+ setup(b) {
14
+ const m = b, e = E(!1), g = E([]), c = E(null), L = () => {
15
15
  O(() => {
16
- const u = y.value.slice(0, m.sources.length).map((o) => (o == null ? void 0 : o.offsetTop) || 0), n = Array.from(new Set(u));
16
+ const u = g.value.slice(0, m.sources.length).map((o) => (o == null ? void 0 : o.offsetTop) || 0), n = Array.from(new Set(u));
17
17
  if (n.length > m.linesLimit) {
18
18
  const o = n[m.linesLimit - 1], s = u.lastIndexOf(o);
19
19
  c.value = s;
20
20
  } else
21
21
  c.value = null;
22
22
  });
23
- }, x = z(() => m.sources.length - (c.value || 0));
24
- D(L), J(() => m.sources, L);
25
- const _ = (u, n) => {
26
- u && (y.value[n] = u);
23
+ }, A = z(() => m.sources.length - (c.value || 0));
24
+ D(L), K(() => m.sources, L);
25
+ const p = (u, n) => {
26
+ u && (g.value[n] = u);
27
27
  };
28
28
  return (u, n) => (t(), a("div", W, [
29
- (t(!0), a(E, null, T(m.sources, (o, s) => (t(), a(E, { key: s }, [
29
+ (t(!0), a(I, null, S(m.sources, (o, s) => (t(), a(I, { key: s }, [
30
30
  !c.value || e.value || s < c.value ? (t(), a("a", {
31
31
  key: 0,
32
32
  class: "pill",
33
33
  href: o.link,
34
34
  target: "_blank",
35
35
  ref_for: !0,
36
- ref: (r) => _(r, s)
37
- }, g(o.label), 9, Y)) : k("", !0),
36
+ ref: (r) => p(r, s)
37
+ }, y(o.label), 9, Y)) : k("", !0),
38
38
  c.value && !e.value && s === c.value ? (t(), a("span", {
39
39
  key: 1,
40
40
  class: "pill",
41
41
  onClick: n[0] || (n[0] = (r) => e.value = !0)
42
- }, g(x.value) + "+ ", 1)) : k("", !0)
42
+ }, y(A.value) + "+ ", 1)) : k("", !0)
43
43
  ], 64))), 128)),
44
44
  e.value ? (t(), a("span", {
45
45
  key: 0,
46
46
  class: "pill collapse-pill",
47
47
  onClick: n[1] || (n[1] = (o) => e.value = !1)
48
48
  }, [
49
- b(l(S))
49
+ h(l(T))
50
50
  ])) : k("", !0)
51
51
  ]));
52
52
  }
@@ -64,27 +64,27 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
64
64
  sourcesLinesLimit: { default: Number.MAX_SAFE_INTEGER }
65
65
  },
66
66
  emits: ["operation", "action"],
67
- setup(h, { emit: m }) {
68
- const e = h, y = {
69
- copy: Q,
70
- refresh: K,
71
- like: H,
72
- dislike: j
67
+ setup(b, { emit: m }) {
68
+ const e = b, g = {
69
+ copy: J,
70
+ refresh: H,
71
+ like: j,
72
+ dislike: q
73
73
  }, c = m, L = (n) => {
74
74
  var o, s, r;
75
75
  (r = (s = (o = e.operations) == null ? void 0 : o.find((v) => v.name === n)) == null ? void 0 : s.onClick) == null || r.call(s), c("operation", n);
76
- }, x = (n) => {
76
+ }, A = (n) => {
77
77
  var o, s, r;
78
78
  (r = (s = (o = e.actions) == null ? void 0 : o.find((v) => v.name === n)) == null ? void 0 : s.onClick) == null || r.call(s), c("action", n);
79
- }, _ = A(!1), u = () => {
80
- _.value = !_.value;
79
+ }, p = E(!1), u = () => {
80
+ p.value = !p.value;
81
81
  };
82
82
  return (n, o) => {
83
83
  var s, r, v, w, B, F, M, G;
84
84
  return t(), a("div", te, [
85
- p("div", se, [
86
- p("div", oe, [
87
- (s = e.operations) != null && s.length ? (t(), d(l($), {
85
+ d("div", se, [
86
+ d("div", oe, [
87
+ (s = e.operations) != null && s.length ? (t(), _(l($), {
88
88
  key: 0,
89
89
  "max-num": e.operationsLimit,
90
90
  "drop-down-show-label-only": !0,
@@ -92,34 +92,34 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
92
92
  class: "tr-feedback__operations-left-action-group"
93
93
  }, {
94
94
  moreBtn: f(() => [
95
- b(l(R), {
95
+ h(l(R), {
96
96
  round: "",
97
97
  size: "mini",
98
98
  "reset-time": 0,
99
99
  class: "tr-feedback__operations-more-btn"
100
100
  }, {
101
101
  default: f(() => [
102
- o[0] || (o[0] = p("span", null, "更多", -1)),
103
- b(l(N))
102
+ o[0] || (o[0] = d("span", null, "更多", -1)),
103
+ h(l(N))
104
104
  ]),
105
105
  _: 1,
106
106
  __: [0]
107
107
  })
108
108
  ]),
109
109
  default: f(() => [
110
- (t(!0), a(E, null, T(e.operations, (i) => (t(), d(l(V), {
110
+ (t(!0), a(I, null, S(e.operations, (i) => (t(), _(l(V), {
111
111
  key: i.name,
112
112
  name: i.name,
113
113
  label: i.label
114
114
  }, {
115
115
  default: f(() => [
116
- b(l(R), {
116
+ h(l(R), {
117
117
  round: "",
118
118
  "reset-time": 0,
119
119
  size: "mini"
120
120
  }, {
121
121
  default: f(() => [
122
- q(g(i.label), 1)
122
+ U(y(i.label), 1)
123
123
  ]),
124
124
  _: 2
125
125
  }, 1024)
@@ -129,32 +129,32 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
129
129
  ]),
130
130
  _: 1
131
131
  }, 8, ["max-num"])) : (r = e.sources) != null && r.length ? (t(), a("div", ne, [
132
- p("span", {
132
+ d("span", {
133
133
  class: "tr-feedback__source",
134
134
  onClick: u
135
135
  }, [
136
- p("span", null, g((v = e.sources) == null ? void 0 : v.length) + "条来源", 1),
137
- (t(), d(C(_.value ? l(S) : l(N))))
136
+ d("span", null, y((v = e.sources) == null ? void 0 : v.length) + "条来源", 1),
137
+ (t(), _(C(p.value ? l(T) : l(N))))
138
138
  ])
139
139
  ])) : k("", !0)
140
140
  ]),
141
- p("div", le, [
142
- b(l($), {
141
+ d("div", le, [
142
+ h(l($), {
143
143
  "max-num": e.actionsLimit,
144
144
  "show-tooltip": !0,
145
- onItemClick: x
145
+ onItemClick: A
146
146
  }, {
147
147
  default: f(() => [
148
- (t(!0), a(E, null, T(e.actions, (i) => (t(), d(l(V), {
148
+ (t(!0), a(I, null, S(e.actions, (i) => (t(), _(l(V), {
149
149
  key: i.name,
150
150
  name: i.name,
151
151
  label: i.label
152
152
  }, {
153
153
  default: f(() => [
154
- typeof i.icon == "string" ? (t(), d(l(U), {
154
+ typeof i.icon == "string" ? (t(), _(l(Q), {
155
155
  key: 0,
156
- icon: y[i.icon]
157
- }, null, 8, ["icon"])) : (t(), d(C(i.icon), { key: 1 }))
156
+ icon: g[i.icon]
157
+ }, null, 8, ["icon"])) : (t(), _(C(i.icon), { key: 1 }))
158
158
  ]),
159
159
  _: 2
160
160
  }, 1032, ["name", "label"]))), 128))
@@ -163,17 +163,17 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
163
163
  }, 8, ["max-num"])
164
164
  ])
165
165
  ]),
166
- (w = e.operations) != null && w.length && ((B = e.sources) != null && B.length) || _.value && e.sources ? (t(), a("div", ae, [
166
+ (w = e.operations) != null && w.length && ((B = e.sources) != null && B.length) || p.value && e.sources ? (t(), a("div", ae, [
167
167
  (F = e.operations) != null && F.length && ((M = e.sources) != null && M.length) ? (t(), a("div", re, [
168
- p("span", {
168
+ d("span", {
169
169
  class: "tr-feedback__source",
170
170
  onClick: u
171
171
  }, [
172
- p("span", null, g((G = e.sources) == null ? void 0 : G.length) + "条来源", 1),
173
- (t(), d(C(_.value ? l(S) : l(N))))
172
+ d("span", null, y((G = e.sources) == null ? void 0 : G.length) + "条来源", 1),
173
+ (t(), _(C(p.value ? l(T) : l(N))))
174
174
  ])
175
175
  ])) : k("", !0),
176
- _.value && e.sources ? (t(), d(l(ee), {
176
+ p.value && e.sources ? (t(), _(l(ee), {
177
177
  key: 1,
178
178
  sources: e.sources,
179
179
  "lines-limit": e.sourcesLinesLimit
@@ -182,12 +182,12 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
182
182
  ]);
183
183
  };
184
184
  }
185
- }), I = /* @__PURE__ */ P(ie, [["__scopeId", "data-v-cc6ef316"]]);
186
- I.name = "TrFeedback";
187
- const ce = function(h) {
188
- h.component(I.name, I);
185
+ }), x = /* @__PURE__ */ P(ie, [["__scopeId", "data-v-cc6ef316"]]);
186
+ x.name = "TrFeedback";
187
+ const ce = function(b) {
188
+ b.component(x.name, x);
189
189
  };
190
- I.install = ce;
190
+ x.install = ce;
191
191
  export {
192
- I as default
192
+ x as default
193
193
  };
@@ -1,25 +1,25 @@
1
- import { defineComponent as q, mergeModels as E, useModel as G, watch as g, ref as i, computed as $, createElementBlock as a, openBlock as l, createElementVNode as C, Fragment as I, renderList as A, createCommentVNode as _, normalizeClass as x, createBlock as B, resolveDynamicComponent as b, toDisplayString as S, nextTick as H } from "vue";
2
- import { A as X } from "../tiny-robot-svgs.js";
3
- import { e as j, o as J } from "../index3.js";
4
- import { _ as K } from "../_plugin-vue_export-helper.js";
5
- const P = ["onClick"], Q = {
1
+ import { defineComponent as V, mergeModels as E, useModel as q, watch as g, ref as i, computed as $, createElementBlock as a, openBlock as l, createElementVNode as C, Fragment as I, renderList as S, createCommentVNode as _, normalizeClass as x, createBlock as B, resolveDynamicComponent as b, toDisplayString as D, nextTick as G } from "vue";
2
+ import { U as H } from "../tiny-robot-svgs.js";
3
+ import { c as X, o as j } from "../index2.js";
4
+ import { _ as J } from "../_plugin-vue_export-helper.js";
5
+ const K = ["onClick"], P = {
6
6
  key: 0,
7
7
  class: "tr-flow-layout__item-label"
8
- }, U = { class: "tr-flow-layout__dropdown-wrapper" }, Y = ["onClick"], Z = { class: "tr-flow-layout__item-label" }, ee = /* @__PURE__ */ q({
8
+ }, Q = { class: "tr-flow-layout__dropdown-wrapper" }, Y = ["onClick"], Z = { class: "tr-flow-layout__item-label" }, ee = /* @__PURE__ */ V({
9
9
  __name: "index",
10
10
  props: /* @__PURE__ */ E({
11
11
  items: {},
12
12
  selected: {},
13
13
  linesLimit: { default: Number.MAX_SAFE_INTEGER },
14
- moreIcon: { default: X },
14
+ moreIcon: { default: H },
15
15
  showMoreTrigger: { default: "click" }
16
16
  }, {
17
17
  selected: {},
18
18
  selectedModifiers: {}
19
19
  }),
20
20
  emits: /* @__PURE__ */ E(["item-click"], ["update:selected"]),
21
- setup(d, { emit: D }) {
22
- const n = d, u = G(d, "selected");
21
+ setup(d, { emit: F }) {
22
+ const n = d, u = q(d, "selected");
23
23
  g(
24
24
  () => n.items,
25
25
  (t) => {
@@ -27,10 +27,10 @@ const P = ["onClick"], Q = {
27
27
  },
28
28
  { immediate: !0 }
29
29
  );
30
- const F = D, y = i(null), w = i(null), k = i(null), M = i([]), s = i(null), m = i(!1), c = i(!1), N = (t, o) => {
30
+ const N = F, y = i(null), w = i(null), k = i(null), M = i([]), s = i(null), m = i(!1), c = i(!1), A = (t, o) => {
31
31
  t && (M.value[o] = t);
32
32
  }, L = () => {
33
- s.value = null, m.value = !1, H(() => {
33
+ s.value = null, m.value = !1, G(() => {
34
34
  const t = y.value, o = w.value;
35
35
  if (!t || !o)
36
36
  return;
@@ -43,18 +43,18 @@ const P = ["onClick"], Q = {
43
43
  });
44
44
  };
45
45
  g(() => n.items, L);
46
- const { width: W } = j(y);
46
+ const { width: W } = X(y);
47
47
  g(W, (t) => {
48
48
  t > 0 && L();
49
49
  });
50
50
  const z = $(() => s.value !== null ? n.items.slice(s.value) : []), O = $(() => s.value === null ? !1 : n.items.findIndex((o) => o.id === u.value) >= s.value), R = (t) => {
51
- u.value = t, c.value = !1, F("item-click", t);
52
- }, V = () => {
51
+ u.value = t, c.value = !1, N("item-click", t);
52
+ }, U = () => {
53
53
  n.showMoreTrigger === "click" && (c.value = !c.value);
54
54
  }, v = (t) => {
55
55
  n.showMoreTrigger === "hover" && (c.value = t);
56
56
  };
57
- return J(
57
+ return j(
58
58
  k,
59
59
  () => {
60
60
  c.value = !1;
@@ -65,27 +65,27 @@ const P = ["onClick"], Q = {
65
65
  ref_key: "containerRef",
66
66
  ref: y
67
67
  }, [
68
- (l(!0), a(I, null, A(n.items, (e, f) => (l(), a(I, {
68
+ (l(!0), a(I, null, S(n.items, (e, f) => (l(), a(I, {
69
69
  key: e.id
70
70
  }, [
71
71
  s.value === null || f < s.value ? (l(), a("button", {
72
72
  key: 0,
73
73
  class: x(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
74
74
  ref_for: !0,
75
- ref: (r) => N(r, f),
75
+ ref: (r) => A(r, f),
76
76
  onClick: (r) => R(e.id)
77
77
  }, [
78
78
  (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
79
- e.label ? (l(), a("span", Q, S(e.label), 1)) : _("", !0)
80
- ], 10, P)) : _("", !0)
79
+ e.label ? (l(), a("span", P, D(e.label), 1)) : _("", !0)
80
+ ], 10, K)) : _("", !0)
81
81
  ], 64))), 128)),
82
- C("div", U, [
82
+ C("div", Q, [
83
83
  m.value ? _("", !0) : (l(), a("button", {
84
84
  key: 0,
85
85
  class: x(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
86
86
  ref_key: "moreButtonRef",
87
87
  ref: w,
88
- onClick: V,
88
+ onClick: U,
89
89
  onMouseenter: o[0] || (o[0] = (e) => v(!0)),
90
90
  onMouseleave: o[1] || (o[1] = (e) => v(!1))
91
91
  }, [
@@ -102,20 +102,20 @@ const P = ["onClick"], Q = {
102
102
  ref_key: "dropDownRef",
103
103
  ref: k
104
104
  }, [
105
- (l(!0), a(I, null, A(z.value, (e) => (l(), a("button", {
105
+ (l(!0), a(I, null, S(z.value, (e) => (l(), a("button", {
106
106
  class: x(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
107
107
  key: e.id,
108
108
  onClick: (f) => R(e.id)
109
109
  }, [
110
110
  (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
111
- C("span", Z, S(e.label), 1)
111
+ C("span", Z, D(e.label), 1)
112
112
  ], 10, Y))), 128))
113
113
  ], 512)) : _("", !0)
114
114
  ], 32)
115
115
  ])
116
116
  ], 512));
117
117
  }
118
- }), p = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-f82cf3dc"]]);
118
+ }), p = /* @__PURE__ */ J(ee, [["__scopeId", "data-v-f82cf3dc"]]);
119
119
  p.name = "TrFlowLayout";
120
120
  const te = function(d) {
121
121
  d.component(p.name, p);