@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.
- package/dist/action-group/index.js +15 -15
- package/dist/base-popper/index.js +1 -1
- package/dist/bubble/index.js +1229 -1949
- package/dist/container/index.js +12 -12
- package/dist/dropdown-menu/index.js +38 -33
- package/dist/feedback/index.js +55 -55
- package/dist/flow-layout-buttons/index.js +24 -24
- package/dist/history/index.js +46 -46
- package/dist/index.d.ts +405 -975
- package/dist/index.js +63 -207
- package/dist/index2.js +593 -610
- package/dist/index3.js +139 -676
- package/dist/index4.js +306 -137
- package/dist/index5.js +591 -270
- package/dist/index6.js +599 -795
- package/dist/index7.js +1717 -3622
- package/dist/question/index.js +28 -28
- package/dist/sender/index.js +659 -709
- package/dist/style.css +1 -1
- package/dist/suggestion/index.js +22 -22
- package/dist/suggestion-pills/index.js +25 -25
- package/dist/suggestion-popover/index.js +185 -180
- package/dist/tiny-robot-svgs.js +178 -727
- package/dist/useSlotRefs.js +12 -12
- package/package.json +3 -9
- package/dist/attachments/index.js +0 -526
- package/dist/drag-overlay/index.js +0 -57
- package/dist/loading.js +0 -4
- package/dist/mcp-server-picker/index.js +0 -29682
package/dist/container/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as m, useCssVars as v, useModel as d, computed as _, createElementBlock as
|
|
2
|
-
import {
|
|
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 ?
|
|
22
|
-
return (t, e) => (
|
|
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(
|
|
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(
|
|
38
|
+
c(a(u), {
|
|
39
39
|
size: "28",
|
|
40
40
|
"svg-size": "20",
|
|
41
|
-
icon:
|
|
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
|
-
}),
|
|
53
|
-
|
|
52
|
+
}), i = /* @__PURE__ */ b(E, [["__scopeId", "data-v-6a9b9126"]]);
|
|
53
|
+
i.name = "TrContainer";
|
|
54
54
|
const I = function(o) {
|
|
55
|
-
o.component(
|
|
55
|
+
o.component(i.name, i);
|
|
56
56
|
};
|
|
57
|
-
|
|
57
|
+
i.install = I;
|
|
58
58
|
export {
|
|
59
|
-
|
|
59
|
+
i as default
|
|
60
60
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { o as
|
|
3
|
-
import { B as
|
|
4
|
-
import { _ as
|
|
5
|
-
const
|
|
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, {
|
|
18
|
-
const t = n, c =
|
|
19
|
-
get: () => t.trigger === "manual" ? t.show :
|
|
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" && (
|
|
21
|
+
t.trigger !== "manual" && (p.value = e);
|
|
22
22
|
}
|
|
23
|
-
}),
|
|
23
|
+
}), s = x(null), u = a(() => {
|
|
24
24
|
var e;
|
|
25
|
-
return (e =
|
|
26
|
-
}),
|
|
25
|
+
return (e = s.value) == null ? void 0 : e.triggerRef;
|
|
26
|
+
}), d = a(() => {
|
|
27
27
|
var e;
|
|
28
|
-
return (e =
|
|
28
|
+
return (e = s.value) == null ? void 0 : e.popperRef;
|
|
29
29
|
});
|
|
30
30
|
if (t.trigger === "click" || t.trigger === "manual")
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
I(
|
|
32
|
+
d,
|
|
33
33
|
(e) => {
|
|
34
34
|
c("click-outside", e), o.value = !1;
|
|
35
35
|
},
|
|
36
|
-
{ ignore: [
|
|
36
|
+
{ ignore: [u] }
|
|
37
37
|
);
|
|
38
38
|
else if (t.trigger === "hover") {
|
|
39
|
-
const e = h(
|
|
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
|
-
},
|
|
49
|
+
}, C = (e) => {
|
|
50
50
|
o.value = !1, c("item-click", e);
|
|
51
51
|
};
|
|
52
|
-
return (
|
|
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:
|
|
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
|
-
|
|
70
|
+
b(e.$slots, "trigger", {}, void 0, !0)
|
|
66
71
|
]),
|
|
67
72
|
content: v(() => [
|
|
68
|
-
|
|
69
|
-
(
|
|
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) =>
|
|
73
|
-
},
|
|
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
|
-
}),
|
|
80
|
-
|
|
81
|
-
const
|
|
82
|
-
n.component(
|
|
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
|
-
|
|
89
|
+
l.install = V;
|
|
85
90
|
export {
|
|
86
|
-
|
|
91
|
+
l as default
|
|
87
92
|
};
|
package/dist/feedback/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as X, ref as
|
|
2
|
-
import {
|
|
3
|
-
import { B as R } from "../
|
|
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
|
|
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(
|
|
14
|
-
const m =
|
|
13
|
+
setup(b) {
|
|
14
|
+
const m = b, e = E(!1), g = E([]), c = E(null), L = () => {
|
|
15
15
|
O(() => {
|
|
16
|
-
const 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
|
-
},
|
|
24
|
-
D(L),
|
|
25
|
-
const
|
|
26
|
-
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(
|
|
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) =>
|
|
37
|
-
},
|
|
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
|
-
},
|
|
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
|
-
|
|
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(
|
|
68
|
-
const e =
|
|
69
|
-
copy:
|
|
70
|
-
refresh:
|
|
71
|
-
like:
|
|
72
|
-
dislike:
|
|
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
|
-
},
|
|
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
|
-
},
|
|
80
|
-
|
|
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
|
-
|
|
86
|
-
|
|
87
|
-
(s = e.operations) != null && s.length ? (t(),
|
|
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
|
-
|
|
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] =
|
|
103
|
-
|
|
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(
|
|
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
|
-
|
|
116
|
+
h(l(R), {
|
|
117
117
|
round: "",
|
|
118
118
|
"reset-time": 0,
|
|
119
119
|
size: "mini"
|
|
120
120
|
}, {
|
|
121
121
|
default: f(() => [
|
|
122
|
-
|
|
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
|
-
|
|
132
|
+
d("span", {
|
|
133
133
|
class: "tr-feedback__source",
|
|
134
134
|
onClick: u
|
|
135
135
|
}, [
|
|
136
|
-
|
|
137
|
-
(t(),
|
|
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
|
-
|
|
142
|
-
|
|
141
|
+
d("div", le, [
|
|
142
|
+
h(l($), {
|
|
143
143
|
"max-num": e.actionsLimit,
|
|
144
144
|
"show-tooltip": !0,
|
|
145
|
-
onItemClick:
|
|
145
|
+
onItemClick: A
|
|
146
146
|
}, {
|
|
147
147
|
default: f(() => [
|
|
148
|
-
(t(!0), a(
|
|
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(),
|
|
154
|
+
typeof i.icon == "string" ? (t(), _(l(Q), {
|
|
155
155
|
key: 0,
|
|
156
|
-
icon:
|
|
157
|
-
}, null, 8, ["icon"])) : (t(),
|
|
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) ||
|
|
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
|
-
|
|
168
|
+
d("span", {
|
|
169
169
|
class: "tr-feedback__source",
|
|
170
170
|
onClick: u
|
|
171
171
|
}, [
|
|
172
|
-
|
|
173
|
-
(t(),
|
|
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
|
-
|
|
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
|
-
}),
|
|
186
|
-
|
|
187
|
-
const ce = function(
|
|
188
|
-
|
|
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
|
-
|
|
190
|
+
x.install = ce;
|
|
191
191
|
export {
|
|
192
|
-
|
|
192
|
+
x as default
|
|
193
193
|
};
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { _ as
|
|
5
|
-
const
|
|
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
|
-
},
|
|
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:
|
|
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:
|
|
22
|
-
const n = d, u =
|
|
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
|
|
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,
|
|
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 } =
|
|
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,
|
|
52
|
-
},
|
|
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
|
|
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,
|
|
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) =>
|
|
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",
|
|
80
|
-
], 10,
|
|
79
|
+
e.label ? (l(), a("span", P, D(e.label), 1)) : _("", !0)
|
|
80
|
+
], 10, K)) : _("", !0)
|
|
81
81
|
], 64))), 128)),
|
|
82
|
-
C("div",
|
|
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:
|
|
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,
|
|
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,
|
|
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__ */
|
|
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);
|