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

package/dist/close.js

@@ -1,4 +1,4 @@
-import { l as o } from "./index6.js";
+import { s as o } from "./index6.js";
 import { createElementBlock as n, openBlock as r, createElementVNode as t } from "vue";
 var c = {
   viewBox: "0 0 16 16",

package/dist/container/index.js

@@ -1,8 +1,8 @@
 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 a } from "vue";
-import { N as h, K as $, T as C } from "../tiny-robot-svgs.js";
+import { l as h, w as $, s as C } from "../tiny-robot-svgs.js";
 import u from "../icon-button/index.js";
 import { _ as b } from "../_plugin-vue_export-helper.js";
-const z = { class: "tr-container" }, B = { class: "tr-container__header" }, N = { class: "tr-container__header-operations" }, T = { class: "tr-container__footer" }, k = /* @__PURE__ */ m({
+const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k = { class: "tr-container__header-operations" }, y = { class: "tr-container__footer" }, E = /* @__PURE__ */ m({
   __name: "index",
   props: {
     show: { type: Boolean, required: !0 },
@@ -27,7 +27,7 @@ const z = { class: "tr-container" }, B = { class: "tr-container__header" }, N =
         r(t.$slots, "title", {}, () => [
           e[2] || (e[2] = n("h3", { class: "tr-container__title" }, "OpenTiny NEXT", -1))
         ]),
-        n("div", N, [
+        n("div", k, [
           r(t.$slots, "operations"),
           c(a(u), {
             size: "28",
@@ -44,17 +44,17 @@ const z = { class: "tr-container" }, B = { class: "tr-container__header" }, N =
         ])
       ]),
       r(t.$slots, "default"),
-      n("div", T, [
+      n("div", y, [
         r(t.$slots, "footer")
       ])
     ]));
   }
-}), i = /* @__PURE__ */ b(k, [["__scopeId", "data-v-6a9b9126"]]);
+}), i = /* @__PURE__ */ b(E, [["__scopeId", "data-v-6a9b9126"]]);
 i.name = "TrContainer";
-const y = function(o) {
+const I = function(o) {
   o.component(i.name, i);
 };
-i.install = y;
+i.install = I;
 export {
   i as default
 };

package/dist/dropdown-menu/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as S, useCssVars as T, unref as M, ref as m, computed as R, watch as V, createElementBlock as o, openBlock as r, Fragment as p, createElementVNode as f, createVNode as B, renderSlot as E, Transition as N, withCtx as O, createCommentVNode as W, normalizeStyle as I, renderList as b, toDisplayString as z } from "vue";
-import { d as _, o as F } from "../index2.js";
+import { defineComponent as B, useCssVars as E, unref as f, useAttrs as N, computed as _, ref as m, watch as O, createElementBlock as o, openBlock as s, Fragment as w, createElementVNode as h, createVNode as W, normalizeStyle as v, normalizeClass as z, renderSlot as I, Transition as A, withCtx as F, createCommentVNode as H, renderList as L, toDisplayString as P } from "vue";
+import { c as g, o as U } from "../index2.js";
 import { t as n } from "../utils.js";
-import { _ as H } from "../_plugin-vue_export-helper.js";
-const L = { class: "tr-dropdown-menu__list" }, P = ["onClick"], U = /* @__PURE__ */ S({
+import { _ as b } from "../_plugin-vue_export-helper.js";
+const j = { class: "tr-dropdown-menu__list" }, q = ["onClick"], G = /* @__PURE__ */ B({
   __name: "index",
   props: {
     items: {},
@@ -10,62 +10,63 @@ const L = { class: "tr-dropdown-menu__list" }, P = ["onClick"], U = /* @__PURE__
     topOffset: { default: 0 }
   },
   emits: ["item-click"],
-  setup(l, { emit: w }) {
-    T((e) => ({
-      "90b2d29e": M(n)(a.minWidth)
+  setup(l, { emit: k }) {
+    E((e) => ({
+      d82a8430: f(n)(a.minWidth)
     }));
-    const a = l, t = m(!1), h = w, i = m(null), d = m(null), { x: v, y: g, update: k } = _(i), { width: x, height: C } = _(d), y = R(() => ({
-      left: `min(${n(v.value)}, 100% - ${n(x.value)})`,
-      top: `max(${n(g.value)} - ${n(C.value)} + ${n(a.topOffset)} - 8px, 0px)`
+    const a = l, p = N(), y = _(() => p.style), t = m(!1), C = k, i = m(null), d = m(null), { x, y: $, update: S } = g(i), { width: D, height: T } = g(d), M = _(() => ({
+      left: `min(${n(x.value)}, 100% - ${n(D.value)})`,
+      top: `max(${n($.value)} - ${n(T.value)} + ${n(a.topOffset)} - 8px, 0px)`
     }));
-    F(d, (e) => {
+    U(d, (e) => {
       var u;
       (u = i.value) != null && u.contains(e.target) && e.stopPropagation(), t.value = !1;
-    }), V(t, (e) => {
-      e && k();
+    }), O(t, (e) => {
+      e && S();
     });
-    const $ = () => {
+    const R = () => {
       t.value = !t.value;
-    }, D = (e) => {
-      t.value = !1, h("item-click", e);
+    }, V = (e) => {
+      t.value = !1, C("item-click", e);
     };
-    return (e, u) => (r(), o(p, null, [
-      f("div", {
-        class: "tr-dropdown-menu__wrapper",
+    return (e, u) => (s(), o(w, null, [
+      h("div", {
+        class: z(["tr-dropdown-menu__wrapper", f(p).class]),
+        style: v(y.value),
         ref_key: "dropDownTriggerRef",
         ref: i,
-        onClick: $
+        onClick: R
       }, [
-        E(e.$slots, "default", {}, void 0, !0)
-      ], 512),
-      B(N, { name: "tr-dropdown-menu" }, {
-        default: O(() => [
-          t.value ? (r(), o("div", {
+        I(e.$slots, "default", {}, void 0, !0)
+      ], 6),
+      W(A, { name: "tr-dropdown-menu" }, {
+        default: F(() => [
+          t.value ? (s(), o("div", {
             key: 0,
             class: "tr-dropdown-menu",
-            style: I(y.value),
+            style: v(M.value),
             ref_key: "dropdownMenuRef",
             ref: d
           }, [
-            f("ul", L, [
-              (r(!0), o(p, null, b(a.items, (c) => (r(), o("li", {
+            h("ul", j, [
+              (s(!0), o(w, null, L(a.items, (c) => (s(), o("li", {
                 class: "tr-dropdown-menu__list-item",
                 key: c.id,
-                onClick: (q) => D(c)
-              }, z(c.text), 9, P))), 128))
+                onClick: (K) => V(c)
+              }, P(c.text), 9, q))), 128))
             ])
-          ], 4)) : W("", !0)
+          ], 4)) : H("", !0)
         ]),
         _: 1
       })
     ], 64));
   }
-}), s = /* @__PURE__ */ H(U, [["__scopeId", "data-v-ce90a07c"]]);
-s.name = "TrDropdownMenu";
-const j = function(l) {
-  l.component(s.name, s);
+}), r = /* @__PURE__ */ b(G, [["__scopeId", "data-v-620f91f9"]]);
+r.name = "TrDropdownMenu";
+const J = function(l) {
+  l.component(r.name, r);
 };
-s.install = j;
+r.install = J;
 export {
-  s as default
+  r as default
 };

package/dist/feedback/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as X, ref as E, computed as j, onMounted as z, watch as D, 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 H, createElementVNode as d, createBlock as _, withCtx as f, createTextVNode as O, resolveDynamicComponent as C } from "vue";
-import { H as T, B as N, E as q, $ as J, i as K, j as Q } from "../tiny-robot-svgs.js";
-import { B as G } from "../index3.js";
-import R, { ActionGroupItem as V } from "../action-group/index.js";
+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({
@@ -11,8 +11,8 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
     linesLimit: { default: Number.MAX_SAFE_INTEGER }
   },
   setup(b) {
-    const m = b, e = E(!1), g = E([]), c = E(null), L = () => {
-      H(() => {
+    const m = b, e = A(!1), g = A([]), c = A(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));
         if (n.length > m.linesLimit) {
           const o = n[m.linesLimit - 1], s = u.lastIndexOf(o);
@@ -20,26 +20,26 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
         } else
           c.value = null;
       });
-    }, A = j(() => m.sources.length - (c.value || 0));
-    z(L), D(() => m.sources, L);
-    const p = (u, n) => {
+    }, x = z(() => m.sources.length - (c.value || 0));
+    D(L), O(() => m.sources, L);
+    const _ = (u, n) => {
       u && (g.value[n] = u);
     };
     return (u, n) => (t(), a("div", W, [
-      (t(!0), a(I, null, S(m.sources, (o, s) => (t(), a(I, { key: s }, [
+      (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", {
           key: 0,
           class: "pill",
           href: o.link,
           target: "_blank",
           ref_for: !0,
-          ref: (r) => p(r, s)
+          ref: (r) => _(r, s)
         }, y(o.label), 9, Y)) : k("", !0),
         c.value && !e.value && s === c.value ? (t(), a("span", {
           key: 1,
           class: "pill",
           onClick: n[0] || (n[0] = (r) => e.value = !0)
-        }, y(A.value) + "+ ", 1)) : k("", !0)
+        }, y(x.value) + "+ ", 1)) : k("", !0)
       ], 64))), 128)),
       e.value ? (t(), a("span", {
         key: 0,
@@ -69,22 +69,22 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
       copy: Q,
       refresh: K,
       like: J,
-      dislike: q
+      dislike: H
     }, 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);
-    }, A = (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);
-    }, p = E(!1), u = () => {
-      p.value = !p.value;
+    }, _ = A(!1), u = () => {
+      _.value = !_.value;
     };
     return (n, o) => {
-      var s, r, v, B, w, F, M, $;
+      var s, r, v, w, B, F, M, G;
       return t(), a("div", te, [
-        d("div", se, [
-          d("div", oe, [
-            (s = e.operations) != null && s.length ? (t(), _(l(R), {
+        p("div", se, [
+          p("div", oe, [
+            (s = e.operations) != null && s.length ? (t(), d(l($), {
               key: 0,
               "max-num": e.operationsLimit,
               "drop-down-show-label-only": !0,
@@ -92,33 +92,34 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
               class: "tr-feedback__operations-left-action-group"
             }, {
               moreBtn: f(() => [
-                h(l(G), {
+                h(l(R), {
                   round: "",
                   size: "mini",
                   "reset-time": 0,
                   class: "tr-feedback__operations-more-btn"
                 }, {
                   default: f(() => [
-                    o[0] || (o[0] = d("span", null, "更多", -1)),
+                    o[0] || (o[0] = p("span", null, "更多", -1)),
                     h(l(N))
                   ]),
-                  _: 1
+                  _: 1,
+                  __: [0]
                 })
               ]),
               default: f(() => [
-                (t(!0), a(I, null, S(e.operations, (i) => (t(), _(l(V), {
+                (t(!0), a(E, null, S(e.operations, (i) => (t(), d(l(V), {
                   key: i.name,
                   name: i.name,
                   label: i.label
                 }, {
                   default: f(() => [
-                    h(l(G), {
+                    h(l(R), {
                       round: "",
                       "reset-time": 0,
                       size: "mini"
                     }, {
                       default: f(() => [
-                        O(y(i.label), 1)
+                        j(y(i.label), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -128,32 +129,32 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
               ]),
               _: 1
             }, 8, ["max-num"])) : (r = e.sources) != null && r.length ? (t(), a("div", ne, [
-              d("span", {
+              p("span", {
                 class: "tr-feedback__source",
                 onClick: u
               }, [
-                d("span", null, y((v = e.sources) == null ? void 0 : v.length) + "条来源", 1),
-                (t(), _(C(p.value ? l(T) : l(N))))
+                p("span", null, y((v = e.sources) == null ? void 0 : v.length) + "条来源", 1),
+                (t(), d(C(_.value ? l(T) : l(N))))
               ])
             ])) : k("", !0)
           ]),
-          d("div", le, [
-            h(l(R), {
+          p("div", le, [
+            h(l($), {
               "max-num": e.actionsLimit,
               "show-tooltip": !0,
-              onItemClick: A
+              onItemClick: x
             }, {
               default: f(() => [
-                (t(!0), a(I, null, S(e.actions, (i) => (t(), _(l(V), {
+                (t(!0), a(E, null, S(e.actions, (i) => (t(), d(l(V), {
                   key: i.name,
                   name: i.name,
                   label: i.label
                 }, {
                   default: f(() => [
-                    typeof i.icon == "string" ? (t(), _(l(U), {
+                    typeof i.icon == "string" ? (t(), d(l(U), {
                       key: 0,
                       icon: g[i.icon]
-                    }, null, 8, ["icon"])) : (t(), _(C(i.icon), { key: 1 }))
+                    }, null, 8, ["icon"])) : (t(), d(C(i.icon), { key: 1 }))
                   ]),
                   _: 2
                 }, 1032, ["name", "label"]))), 128))
@@ -162,17 +163,17 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
             }, 8, ["max-num"])
           ])
         ]),
-        (B = e.operations) != null && B.length && ((w = e.sources) != null && w.length) || p.value && e.sources ? (t(), a("div", ae, [
+        (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, [
-            d("span", {
+            p("span", {
               class: "tr-feedback__source",
               onClick: u
             }, [
-              d("span", null, y(($ = e.sources) == null ? void 0 : $.length) + "条来源", 1),
-              (t(), _(C(p.value ? l(T) : l(N))))
+              p("span", null, y((G = e.sources) == null ? void 0 : G.length) + "条来源", 1),
+              (t(), d(C(_.value ? l(T) : l(N))))
             ])
           ])) : k("", !0),
-          p.value && e.sources ? (t(), _(l(ee), {
+          _.value && e.sources ? (t(), d(l(ee), {
             key: 1,
             sources: e.sources,
             "lines-limit": e.sourcesLinesLimit
@@ -181,12 +182,12 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
       ]);
     };
   }
-}), x = /* @__PURE__ */ P(ie, [["__scopeId", "data-v-cc6ef316"]]);
-x.name = "TrFeedback";
+}), I = /* @__PURE__ */ P(ie, [["__scopeId", "data-v-cc6ef316"]]);
+I.name = "TrFeedback";
 const ce = function(b) {
-  b.component(x.name, x);
+  b.component(I.name, I);
 };
-x.install = ce;
+I.install = ce;
 export {
-  x as default
+  I 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 B, Fragment as C, renderList as S, createCommentVNode as _, normalizeClass as I, createBlock as x, resolveDynamicComponent as b, toDisplayString as D, nextTick as H } from "vue";
-import { B as X } from "../tiny-robot-svgs.js";
-import { c 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 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 { _ 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: F }) {
+  setup(d, { emit: D }) {
     const n = d, u = G(d, "selected");
     g(
       () => n.items,
@@ -27,7 +27,7 @@ const P = ["onClick"], Q = {
       },
       { immediate: !0 }
     );
-    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) => {
+    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) => {
       t && (M.value[o] = t);
     }, L = () => {
       s.value = null, m.value = !1, H(() => {
@@ -48,7 +48,7 @@ const P = ["onClick"], Q = {
       t > 0 && L();
     });
     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) => {
-      u.value = t, c.value = !1, N("item-click", t);
+      u.value = t, c.value = !1, F("item-click", t);
     }, V = () => {
       n.showMoreTrigger === "click" && (c.value = !c.value);
     }, v = (t) => {
@@ -62,33 +62,33 @@ const P = ["onClick"], Q = {
       ref_key: "containerRef",
       ref: y
     }, [
-      (l(!0), a(C, null, S(n.items, (e, f) => (l(), a(C, {
+      (l(!0), a(I, null, A(n.items, (e, f) => (l(), a(I, {
         key: e.id
       }, [
         s.value === null || f < s.value ? (l(), a("button", {
           key: 0,
-          class: I(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
+          class: b(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
           ref_for: !0,
-          ref: (r) => A(r, f),
+          ref: (r) => N(r, f),
           onClick: (r) => R(e.id)
         }, [
-          (l(), x(b(e.icon), { class: "tr-flow-layout__item-icon" })),
-          e.label ? (l(), a("span", Q, D(e.label), 1)) : _("", !0)
+          (l(), x(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)),
-      B("div", U, [
+      C("div", U, [
         m.value ? _("", !0) : (l(), a("button", {
           key: 0,
-          class: I(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
+          class: b(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
           ref_key: "moreButtonRef",
           ref: w,
           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(), x(B(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
         ], 34)),
-        B("div", {
+        C("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 +99,20 @@ const P = ["onClick"], Q = {
             ref_key: "dropDownRef",
             ref: k
           }, [
-            (l(!0), a(C, null, S(z.value, (e) => (l(), a("button", {
-              class: I(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
+            (l(!0), a(I, null, A(z.value, (e) => (l(), a("button", {
+              class: b(["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" })),
-              B("span", Z, D(e.label), 1)
+              (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
+              C("span", Z, S(e.label), 1)
             ], 10, Y))), 128))
           ], 512)) : _("", !0)
         ], 32)
       ])
     ], 512));
   }
-}), p = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-5c283520"]]);
+}), p = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-8d510691"]]);
 p.name = "TrFlowLayout";
 const te = function(d) {
   d.component(p.name, p);