@opentiny/tiny-robot 0.3.0-alpha.2 → 0.3.0-alpha.21

package/dist/feedback/index.js

@@ -1,59 +1,59 @@
-import { defineComponent as X, ref as A, computed as z, onMounted as D, watch as O, createElementBlock as a, openBlock as t, createCommentVNode as k, Fragment as E, renderList as S, toDisplayString as y, createVNode as h, unref as l, nextTick as q, createElementVNode as p, createBlock as d, withCtx as f, createTextVNode as j, resolveDynamicComponent as C } from "vue";
-import { f as T, A as N, c as H, a as J, b as K, v as Q } from "../tiny-robot-svgs.js";
-import { B as R } from "../index3.js";
-import $, { ActionGroupItem as V } from "../action-group/index.js";
-import U from "../icon-button/index.js";
-import { _ as P } from "../_plugin-vue_export-helper.js";
-const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__ */ X({
+import { defineComponent as V, ref as g, computed as P, onMounted as z, watch as O, createElementBlock as r, openBlock as t, createCommentVNode as k, Fragment as A, renderList as w, toDisplayString as y, createVNode as b, unref as l, nextTick as q, createElementVNode as d, createBlock as _, withCtx as f, createTextVNode as U, resolveDynamicComponent as x } from "vue";
+import { IconArrowUp as T, IconArrowDown as N, IconDislike as j, IconLike as H, IconRefresh as J, IconCopy as K } from "@opentiny/tiny-robot-svgs";
+import { TinyButton as G } from "@opentiny/vue";
+import $, { ActionGroupItem as D } from "../action-group/index.js";
+import Q from "../icon-button/index.js";
+import { _ as X } from "../_plugin-vue_export-helper.js";
+const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__ */ V({
   __name: "SourceList",
   props: {
     sources: {},
     linesLimit: { default: Number.MAX_SAFE_INTEGER }
   },
-  setup(b) {
-    const m = b, e = A(!1), g = A([]), c = A(null), L = () => {
+  setup(h) {
+    const m = h, e = g(!1), I = g([]), c = g(null), L = () => {
       q(() => {
-        const u = g.value.slice(0, m.sources.length).map((o) => (o == null ? void 0 : o.offsetTop) || 0), n = Array.from(new Set(u));
+        const u = I.value.slice(0, m.sources.length).map((s) => (s == null ? void 0 : s.offsetTop) || 0), n = Array.from(new Set(u));
         if (n.length > m.linesLimit) {
-          const o = n[m.linesLimit - 1], s = u.lastIndexOf(o);
-          c.value = s;
+          const s = n[m.linesLimit - 1], o = u.lastIndexOf(s);
+          c.value = o;
         } else
           c.value = null;
       });
-    }, x = z(() => m.sources.length - (c.value || 0));
-    D(L), O(() => m.sources, L);
-    const _ = (u, n) => {
-      u && (g.value[n] = u);
+    }, E = P(() => m.sources.length - (c.value || 0));
+    z(L), O(() => m.sources, L);
+    const p = (u, n) => {
+      u && (I.value[n] = u);
     };
-    return (u, n) => (t(), a("div", W, [
-      (t(!0), a(E, null, S(m.sources, (o, s) => (t(), a(E, { key: s }, [
-        !c.value || e.value || s < c.value ? (t(), a("a", {
+    return (u, n) => (t(), r("div", W, [
+      (t(!0), r(A, null, w(m.sources, (s, o) => (t(), r(A, { key: o }, [
+        !c.value || e.value || o < c.value ? (t(), r("a", {
           key: 0,
           class: "pill",
-          href: o.link,
+          href: s.link,
           target: "_blank",
           ref_for: !0,
-          ref: (r) => _(r, s)
-        }, y(o.label), 9, Y)) : k("", !0),
-        c.value && !e.value && s === c.value ? (t(), a("span", {
+          ref: (a) => p(a, o)
+        }, y(s.label), 9, Y)) : k("", !0),
+        c.value && !e.value && o === c.value ? (t(), r("span", {
           key: 1,
           class: "pill",
-          onClick: n[0] || (n[0] = (r) => e.value = !0)
-        }, y(x.value) + "+ ", 1)) : k("", !0)
+          onClick: n[0] || (n[0] = (a) => e.value = !0)
+        }, y(E.value) + "+ ", 1)) : k("", !0)
       ], 64))), 128)),
-      e.value ? (t(), a("span", {
+      e.value ? (t(), r("span", {
         key: 0,
         class: "pill collapse-pill",
-        onClick: n[1] || (n[1] = (o) => e.value = !1)
+        onClick: n[1] || (n[1] = (s) => e.value = !1)
       }, [
-        h(l(T))
+        b(l(T))
       ])) : k("", !0)
     ]));
   }
-}), ee = /* @__PURE__ */ P(Z, [["__scopeId", "data-v-c5fbb560"]]), te = { class: "tr-feedback" }, se = { class: "tr-feedback__operations" }, oe = { class: "tr-feedback__operations-left" }, ne = { key: 1 }, le = { class: "tr-feedback__operations-right" }, ae = {
+}), ee = /* @__PURE__ */ X(Z, [["__scopeId", "data-v-c5fbb560"]]), te = { class: "tr-feedback" }, oe = { class: "tr-feedback__operations" }, se = { class: "tr-feedback__operations-left" }, ne = { key: 1 }, le = { class: "tr-feedback__operations-right" }, re = {
   key: 0,
   class: "tr-feedback__footer"
-}, re = { key: 0 }, ie = /* @__PURE__ */ X({
+}, ae = { key: 0 }, ie = /* @__PURE__ */ V({
   __name: "index",
   props: {
     operations: {},
@@ -64,27 +64,27 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
     sourcesLinesLimit: { default: Number.MAX_SAFE_INTEGER }
   },
   emits: ["operation", "action"],
-  setup(b, { emit: m }) {
-    const e = b, g = {
-      copy: Q,
-      refresh: K,
-      like: J,
-      dislike: H
+  setup(h, { emit: m }) {
+    const e = h, I = {
+      copy: K,
+      refresh: J,
+      like: H,
+      dislike: j
     }, c = m, L = (n) => {
-      var o, s, r;
-      (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);
-    }, x = (n) => {
-      var o, s, r;
-      (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);
-    }, _ = A(!1), u = () => {
-      _.value = !_.value;
+      var s, o, a;
+      (a = (o = (s = e.operations) == null ? void 0 : s.find((v) => v.name === n)) == null ? void 0 : o.onClick) == null || a.call(o), c("operation", n);
+    }, E = (n) => {
+      var s, o, a;
+      (a = (o = (s = e.actions) == null ? void 0 : s.find((v) => v.name === n)) == null ? void 0 : o.onClick) == null || a.call(o), c("action", n);
+    }, p = g(!1), u = () => {
+      p.value = !p.value;
     };
-    return (n, o) => {
-      var s, r, v, w, B, F, M, G;
-      return t(), a("div", te, [
-        p("div", se, [
-          p("div", oe, [
-            (s = e.operations) != null && s.length ? (t(), d(l($), {
+    return (n, s) => {
+      var o, a, v, S, F, M, R, B;
+      return t(), r("div", te, [
+        d("div", oe, [
+          d("div", se, [
+            (o = e.operations) != null && o.length ? (t(), _(l($), {
               key: 0,
               "max-num": e.operationsLimit,
               "drop-down-show-label-only": !0,
@@ -92,34 +92,33 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
               class: "tr-feedback__operations-left-action-group"
             }, {
               moreBtn: f(() => [
-                h(l(R), {
+                b(l(G), {
                   round: "",
                   size: "mini",
                   "reset-time": 0,
                   class: "tr-feedback__operations-more-btn"
                 }, {
                   default: f(() => [
-                    o[0] || (o[0] = p("span", null, "更多", -1)),
-                    h(l(N))
+                    s[0] || (s[0] = d("span", null, "更多", -1)),
+                    b(l(N))
                   ]),
-                  _: 1,
-                  __: [0]
+                  _: 1
                 })
               ]),
               default: f(() => [
-                (t(!0), a(E, null, S(e.operations, (i) => (t(), d(l(V), {
+                (t(!0), r(A, null, w(e.operations, (i) => (t(), _(l(D), {
                   key: i.name,
                   name: i.name,
                   label: i.label
                 }, {
                   default: f(() => [
-                    h(l(R), {
+                    b(l(G), {
                       round: "",
                       "reset-time": 0,
                       size: "mini"
                     }, {
                       default: f(() => [
-                        j(y(i.label), 1)
+                        U(y(i.label), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -128,33 +127,33 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
                 }, 1032, ["name", "label"]))), 128))
               ]),
               _: 1
-            }, 8, ["max-num"])) : (r = e.sources) != null && r.length ? (t(), a("div", ne, [
-              p("span", {
+            }, 8, ["max-num"])) : (a = e.sources) != null && a.length ? (t(), r("div", ne, [
+              d("span", {
                 class: "tr-feedback__source",
                 onClick: u
               }, [
-                p("span", null, y((v = e.sources) == null ? void 0 : v.length) + "条来源", 1),
-                (t(), d(C(_.value ? l(T) : l(N))))
+                d("span", null, y((v = e.sources) == null ? void 0 : v.length) + "条来源", 1),
+                (t(), _(x(p.value ? l(T) : l(N))))
               ])
             ])) : k("", !0)
           ]),
-          p("div", le, [
-            h(l($), {
+          d("div", le, [
+            b(l($), {
               "max-num": e.actionsLimit,
               "show-tooltip": !0,
-              onItemClick: x
+              onItemClick: E
             }, {
               default: f(() => [
-                (t(!0), a(E, null, S(e.actions, (i) => (t(), d(l(V), {
+                (t(!0), r(A, null, w(e.actions, (i) => (t(), _(l(D), {
                   key: i.name,
                   name: i.name,
                   label: i.label
                 }, {
                   default: f(() => [
-                    typeof i.icon == "string" ? (t(), d(l(U), {
+                    typeof i.icon == "string" ? (t(), _(l(Q), {
                       key: 0,
-                      icon: g[i.icon]
-                    }, null, 8, ["icon"])) : (t(), d(C(i.icon), { key: 1 }))
+                      icon: I[i.icon]
+                    }, null, 8, ["icon"])) : (t(), _(x(i.icon), { key: 1 }))
                   ]),
                   _: 2
                 }, 1032, ["name", "label"]))), 128))
@@ -163,17 +162,17 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
             }, 8, ["max-num"])
           ])
         ]),
-        (w = e.operations) != null && w.length && ((B = e.sources) != null && B.length) || _.value && e.sources ? (t(), a("div", ae, [
-          (F = e.operations) != null && F.length && ((M = e.sources) != null && M.length) ? (t(), a("div", re, [
-            p("span", {
+        (S = e.operations) != null && S.length && ((F = e.sources) != null && F.length) || p.value && e.sources ? (t(), r("div", re, [
+          (M = e.operations) != null && M.length && ((R = e.sources) != null && R.length) ? (t(), r("div", ae, [
+            d("span", {
               class: "tr-feedback__source",
               onClick: u
             }, [
-              p("span", null, y((G = e.sources) == null ? void 0 : G.length) + "条来源", 1),
-              (t(), d(C(_.value ? l(T) : l(N))))
+              d("span", null, y((B = e.sources) == null ? void 0 : B.length) + "条来源", 1),
+              (t(), _(x(p.value ? l(T) : l(N))))
             ])
           ])) : k("", !0),
-          _.value && e.sources ? (t(), d(l(ee), {
+          p.value && e.sources ? (t(), _(l(ee), {
             key: 1,
             sources: e.sources,
             "lines-limit": e.sourcesLinesLimit
@@ -182,12 +181,12 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
       ]);
     };
   }
-}), I = /* @__PURE__ */ P(ie, [["__scopeId", "data-v-cc6ef316"]]);
-I.name = "TrFeedback";
-const ce = function(b) {
-  b.component(I.name, I);
+}), C = /* @__PURE__ */ X(ie, [["__scopeId", "data-v-affa572f"]]);
+C.name = "TrFeedback";
+const ce = function(h) {
+  h.component(C.name, C);
 };
-I.install = ce;
+C.install = ce;
 export {
-  I as default
+  C as default
 };

package/dist/flow-layout-buttons/index.js

@@ -1,6 +1,6 @@
-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 b, createBlock as x, resolveDynamicComponent as B, toDisplayString as S, nextTick as H } from "vue";
-import { A as X } from "../tiny-robot-svgs.js";
-import { b as j, o as J } from "../index2.js";
+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 I, Fragment as C, renderList as D, createCommentVNode as _, normalizeClass as x, createBlock as B, resolveDynamicComponent as b, toDisplayString as S, nextTick as H } from "vue";
+import { IconArrowDown as X } from "@opentiny/tiny-robot-svgs";
+import { e as j, o as J } from "../index2.js";
 import { _ as K } from "../_plugin-vue_export-helper.js";
 const P = ["onClick"], Q = {
   key: 0,
@@ -18,7 +18,7 @@ const P = ["onClick"], Q = {
     selectedModifiers: {}
   }),
   emits: /* @__PURE__ */ E(["item-click"], ["update:selected"]),
-  setup(d, { emit: D }) {
+  setup(d, { emit: A }) {
     const n = d, u = G(d, "selected");
     g(
       () => n.items,
@@ -27,11 +27,11 @@ const P = ["onClick"], Q = {
       },
       { immediate: !0 }
     );
-    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) => {
+    const F = A, w = i(null), y = i(null), k = i(null), M = i([]), s = i(null), m = i(!1), c = i(!1), N = (t, o) => {
       t && (M.value[o] = t);
     }, L = () => {
       s.value = null, m.value = !1, H(() => {
-        const t = y.value, o = w.value;
+        const t = w.value, o = y.value;
         if (!t || !o)
           return;
         const e = M.value.slice(0, n.items.length).filter((r) => !!r).map((r) => r.offsetTop), f = Array.from(new Set(e));
@@ -43,7 +43,7 @@ const P = ["onClick"], Q = {
       });
     };
     g(() => n.items, L);
-    const { width: W } = j(y);
+    const { width: W } = j(w);
     g(W, (t) => {
       t > 0 && L();
     });
@@ -54,41 +54,44 @@ const P = ["onClick"], Q = {
     }, v = (t) => {
       n.showMoreTrigger === "hover" && (c.value = t);
     };
-    return J(k, (t) => {
-      var o, e;
-      (o = k.value) != null && o.contains(t.target) || (e = w.value) != null && e.contains(t.target) || (c.value = !1);
-    }), (t, o) => (l(), a("div", {
+    return J(
+      k,
+      () => {
+        c.value = !1;
+      },
+      { ignore: [k, y] }
+    ), (t, o) => (l(), a("div", {
       class: "tr-flow-layout",
       ref_key: "containerRef",
-      ref: y
+      ref: w
     }, [
-      (l(!0), a(I, null, A(n.items, (e, f) => (l(), a(I, {
+      (l(!0), a(C, null, D(n.items, (e, f) => (l(), a(C, {
         key: e.id
       }, [
         s.value === null || f < s.value ? (l(), a("button", {
           key: 0,
-          class: b(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
+          class: x(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
           ref_for: !0,
           ref: (r) => N(r, f),
           onClick: (r) => R(e.id)
         }, [
-          (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
+          (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
           e.label ? (l(), a("span", Q, S(e.label), 1)) : _("", !0)
         ], 10, P)) : _("", !0)
       ], 64))), 128)),
-      C("div", U, [
+      I("div", U, [
         m.value ? _("", !0) : (l(), a("button", {
           key: 0,
-          class: b(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
+          class: x(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
           ref_key: "moreButtonRef",
-          ref: w,
+          ref: y,
           onClick: V,
           onMouseenter: o[0] || (o[0] = (e) => v(!0)),
           onMouseleave: o[1] || (o[1] = (e) => v(!1))
         }, [
-          (l(), x(B(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
+          (l(), B(b(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
         ], 34)),
-        C("div", {
+        I("div", {
           class: "tr-flow-layout__dropdown-container",
           onMouseenter: o[2] || (o[2] = (e) => v(!0)),
           onMouseleave: o[3] || (o[3] = (e) => v(!1))
@@ -99,20 +102,20 @@ const P = ["onClick"], Q = {
             ref_key: "dropDownRef",
             ref: k
           }, [
-            (l(!0), a(I, null, A(z.value, (e) => (l(), a("button", {
-              class: b(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
+            (l(!0), a(C, null, D(z.value, (e) => (l(), a("button", {
+              class: x(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
               key: e.id,
               onClick: (f) => R(e.id)
             }, [
-              (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
-              C("span", Z, S(e.label), 1)
+              (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
+              I("span", Z, S(e.label), 1)
             ], 10, Y))), 128))
           ], 512)) : _("", !0)
         ], 32)
       ])
     ], 512));
   }
-}), p = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-8d510691"]]);
+}), p = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-f82cf3dc"]]);
 p.name = "TrFlowLayout";
 const te = function(d) {
   d.component(p.name, p);