@opentiny/tiny-robot 0.2.0-alpha.4 → 0.2.0-alpha.6

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

@@ -0,0 +1,123 @@
+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";
+import { U as H } from "../tiny-robot-svgs.js";
+import { a as X, o as j } from "../index3.js";
+import { _ as J } from "../_plugin-vue_export-helper.js";
+const K = ["onClick"], P = {
+  key: 0,
+  class: "tr-flow-layout__item-label"
+}, Q = { class: "tr-flow-layout__dropdown-wrapper" }, Y = ["onClick"], Z = { class: "tr-flow-layout__item-label" }, ee = /* @__PURE__ */ V({
+  __name: "index",
+  props: /* @__PURE__ */ E({
+    items: {},
+    selected: {},
+    linesLimit: { default: Number.MAX_SAFE_INTEGER },
+    moreIcon: { default: H },
+    showMoreTrigger: { default: "click" }
+  }, {
+    selected: {},
+    selectedModifiers: {}
+  }),
+  emits: /* @__PURE__ */ E(["item-click"], ["update:selected"]),
+  setup(d, { emit: F }) {
+    const n = d, u = q(d, "selected");
+    g(
+      () => n.items,
+      (t) => {
+        !t.find((o) => o.id === u.value) && t.length && (u.value = t[0].id);
+      },
+      { 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) => {
+      t && (M.value[o] = t);
+    }, L = () => {
+      s.value = null, m.value = !1, G(() => {
+        const t = y.value, o = w.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));
+        if (f.length > n.linesLimit) {
+          const r = f[n.linesLimit - 1], h = e.lastIndexOf(r), T = M.value[h];
+          t.clientWidth - T.offsetLeft - T.offsetWidth - 8 < o.offsetWidth ? s.value = h : s.value = h + 1, m.value = !1;
+        } else
+          s.value = null, m.value = !0;
+      });
+    };
+    g(() => n.items, L);
+    const { width: W } = X(y);
+    g(W, (t) => {
+      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 = () => {
+      n.showMoreTrigger === "click" && (c.value = !c.value);
+    }, 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", {
+      class: "tr-flow-layout",
+      ref_key: "containerRef",
+      ref: y
+    }, [
+      (l(!0), a(I, null, S(n.items, (e, f) => (l(), a(I, {
+        key: e.id
+      }, [
+        s.value === null || f < s.value ? (l(), a("button", {
+          key: 0,
+          class: x(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
+          ref_for: !0,
+          ref: (r) => A(r, f),
+          onClick: (r) => R(e.id)
+        }, [
+          (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
+          e.label ? (l(), a("span", P, D(e.label), 1)) : _("", !0)
+        ], 10, K)) : _("", !0)
+      ], 64))), 128)),
+      C("div", Q, [
+        m.value ? _("", !0) : (l(), a("button", {
+          key: 0,
+          class: x(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
+          ref_key: "moreButtonRef",
+          ref: w,
+          onClick: U,
+          onMouseenter: o[0] || (o[0] = (e) => v(!0)),
+          onMouseleave: o[1] || (o[1] = (e) => v(!1))
+        }, [
+          (l(), B(b(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
+        ], 34)),
+        C("div", {
+          class: "tr-flow-layout__dropdown-container",
+          onMouseenter: o[2] || (o[2] = (e) => v(!0)),
+          onMouseleave: o[3] || (o[3] = (e) => v(!1))
+        }, [
+          c.value ? (l(), a("div", {
+            key: 0,
+            class: "tr-flow-layout__dropdown",
+            ref_key: "dropDownRef",
+            ref: k
+          }, [
+            (l(!0), a(I, null, S(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(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
+              C("span", Z, D(e.label), 1)
+            ], 10, Y))), 128))
+          ], 512)) : _("", !0)
+        ], 32)
+      ])
+    ], 512));
+  }
+}), p = /* @__PURE__ */ J(ee, [["__scopeId", "data-v-5a28ac75"]]);
+p.name = "TrFlowLayout";
+const te = function(d) {
+  d.component(p.name, p);
+};
+p.install = te;
+export {
+  p as default
+};

package/dist/history/index.js

@@ -1,11 +1,11 @@
-import { defineComponent as M, createElementBlock as u, openBlock as n, normalizeStyle as X, normalizeClass as D, createElementVNode as p, toDisplayString as k, createVNode as m, unref as e, ref as A, watchEffect as Y, nextTick as Z, mergeModels as G, useCssVars as q, computed as h, useModel as N, createCommentVNode as E, Fragment as T, renderList as $, createBlock as P, withDirectives as ee, mergeProps as te, withCtx as R, withModifiers as H, vModelText as re } from "vue";
-import { Q as oe, U as se, M as ae, F as ne, y as ie } from "../tiny-robot-svgs.js";
-import { I as le } from "../index5.js";
+import { defineComponent as V, createElementBlock as u, openBlock as n, normalizeStyle as X, normalizeClass as D, createElementVNode as p, toDisplayString as k, createVNode as m, unref as e, ref as G, watchEffect as Y, nextTick as Z, mergeModels as N, useCssVars as q, computed as h, useModel as P, createCommentVNode as E, Fragment as T, renderList as $, createBlock as R, withDirectives as ee, mergeProps as te, withCtx as z, withModifiers as H, vModelText as re } from "vue";
+import { f as oe, z as se, r as ae, n as ne, t as ie } from "../tiny-robot-svgs.js";
+import { I as le } from "../index6.js";
 import { T as S } from "../index4.js";
 import B from "../icon-button/index.js";
-import { o as ce } from "../index2.js";
-import { _ as Q } from "../_plugin-vue_export-helper.js";
-const ue = /* @__PURE__ */ M({
+import { o as ce } from "../index3.js";
+import { _ as M } from "../_plugin-vue_export-helper.js";
+const ue = /* @__PURE__ */ V({
   __name: "item-tag",
   props: {
     text: {},
@@ -21,7 +21,7 @@ const ue = /* @__PURE__ */ M({
       p("span", null, k(t.text), 1)
     ], 6));
   }
-}), de = /* @__PURE__ */ Q(ue, [["__scopeId", "data-v-346767bb"]]), _e = { class: "tr-history__empty" }, pe = { class: "tr-history__empty-icon" }, he = { class: "tr-history__empty-text" }, me = /* @__PURE__ */ M({
+}), de = /* @__PURE__ */ M(ue, [["__scopeId", "data-v-346767bb"]]), _e = { class: "tr-history__empty" }, pe = { class: "tr-history__empty-icon" }, he = { class: "tr-history__empty-text" }, me = /* @__PURE__ */ V({
   __name: "search-empty",
   props: {
     text: { default: "暂无内容" }
@@ -35,14 +35,14 @@ const ue = /* @__PURE__ */ M({
       p("span", he, k(t.text), 1)
     ]));
   }
-}), ye = /* @__PURE__ */ Q(me, [["__scopeId", "data-v-b21f5bc0"]]), ve = (i) => {
-  const t = A(), a = (l) => {
+}), fe = /* @__PURE__ */ M(me, [["__scopeId", "data-v-b21f5bc0"]]), ve = (i) => {
+  const t = G(), a = (l) => {
     t.value = {
       id: l.id,
       title: l.title,
       rawData: l
     };
-  }, _ = A(null), y = (l) => {
+  }, _ = G(null), f = (l) => {
     l && Z(() => {
       _.value = l, _.value.focus();
     });
@@ -69,18 +69,18 @@ const ue = /* @__PURE__ */ M({
   }), {
     editingItem: t,
     handleEdit: a,
-    handleEditorInputRef: y,
+    handleEditorInputRef: f,
     handleKeyDown: b
   };
-}, fe = { class: "tr-history" }, ke = { class: "tr-history__tabs" }, ge = ["onClick"], be = {
+}, ye = { class: "tr-history" }, ke = { class: "tr-history__tabs" }, ge = ["onClick"], be = {
   key: 0,
   class: "tr-history__search"
 }, xe = { class: "tr-history__content" }, Ce = {
   key: 0,
   class: "tr-history__group-title"
-}, Te = ["onClick"], Ie = { class: "tr-history__item-title" }, we = { class: "tr-history__item-actions" }, Ee = { class: "tr-history__close" }, $e = /* @__PURE__ */ M({
+}, Te = ["onClick"], Ie = { class: "tr-history__item-title" }, we = { class: "tr-history__item-actions" }, Ee = { class: "tr-history__close" }, $e = /* @__PURE__ */ V({
   __name: "index",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ N({
     tabTitle: {},
     data: {},
     activeTab: {},
@@ -96,31 +96,31 @@ const ue = /* @__PURE__ */ M({
     searchQuery: {},
     searchQueryModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["close", "item-click", "item-title-change", "item-delete"], ["update:activeTab", "update:searchQuery"]),
+  emits: /* @__PURE__ */ N(["close", "item-click", "item-title-change", "item-delete"], ["update:activeTab", "update:searchQuery"]),
   setup(i, { emit: t }) {
     q((c) => ({
       d4b77bae: b.value ? "1px solid rgb(240, 240, 240)" : "none",
       "659130e6": b.value ? "2px solid rgb(25, 25, 25)" : "none"
     }));
-    const a = i, _ = N(i, "activeTab"), y = N(i, "searchQuery"), r = t, v = h(() => Array.isArray(a.tabs) ? a.tabs : [{ title: a.tabTitle, id: "0" }]), g = h(() => _.value || v.value[0].id), b = h(() => v.value.length > 1), l = (c) => {
+    const a = i, _ = P(i, "activeTab"), f = P(i, "searchQuery"), r = t, v = h(() => Array.isArray(a.tabs) ? a.tabs : [{ title: a.tabTitle, id: "0" }]), g = h(() => _.value || v.value[0].id), b = h(() => v.value.length > 1), l = (c) => {
       var s;
       const o = typeof ((s = c[0]) == null ? void 0 : s.group);
       return o === "string" || o === "symbol";
-    }, I = h(() => Array.isArray(a.data) ? a.data || [] : a.data[g.value] || []), w = Symbol("NO_GROUP"), V = h(() => {
+    }, I = h(() => Array.isArray(a.data) ? a.data || [] : a.data[g.value] || []), w = Symbol("NO_GROUP"), O = h(() => {
       const c = I.value;
       return l(c) ? c : [{ group: w, items: c }];
-    }), x = h(() => a.searchBar ? V.value.map((o) => ({
+    }), x = h(() => a.searchBar ? O.value.map((o) => ({
       ...o,
-      items: o.items.filter((s) => a.searchFn(y.value || "", s))
-    })).filter((o) => o.items.length > 0) : V.value), K = h(() => x.value.length === 0 ? !1 : x.value[0].group === w ? x.value[0].items.length > 0 : !0), L = (c) => {
+      items: o.items.filter((s) => a.searchFn(f.value || "", s))
+    })).filter((o) => o.items.length > 0) : O.value), K = h(() => x.value.length === 0 ? !1 : x.value[0].group === w ? x.value[0].items.length > 0 : !0), L = (c) => {
       var o;
       c.id !== ((o = C.value) == null ? void 0 : o.id) && r("item-click", c);
-    }, z = () => {
+    }, W = () => {
       r("close");
-    }, W = (c) => {
+    }, F = (c) => {
       r("item-delete", c);
-    }, { editingItem: C, handleEdit: j, handleEditorInputRef: J, handleKeyDown: O } = ve(r);
-    return (c, o) => (n(), u("div", fe, [
+    }, { editingItem: C, handleEdit: j, handleEditorInputRef: J, handleKeyDown: Q } = ve(r);
+    return (c, o) => (n(), u("div", ye, [
       p("div", ke, [
         (n(!0), u(T, null, $(v.value, (s) => (n(), u("div", {
           key: s.id,
@@ -130,8 +130,8 @@ const ue = /* @__PURE__ */ M({
       ]),
       a.searchBar ? (n(), u("div", be, [
         m(e(le), {
-          modelValue: y.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (s) => y.value = s),
+          modelValue: f.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (s) => f.value = s),
           placeholder: a.searchPlaceholder || "搜索对话名称",
           "prefix-icon": e(se),
           clearable: ""
@@ -146,15 +146,15 @@ const ue = /* @__PURE__ */ M({
             p("span", null, k(s.group), 1)
           ])) : E("", !0),
           (n(!0), u(T, null, $(s.items, (d) => {
-            var U;
+            var A;
             return n(), u("div", {
               key: `${d.id}-${d.title}`,
               class: D(["tr-history__item", { selected: a.selected === d.id }]),
-              onClick: (f) => L(d)
+              onClick: (y) => L(d)
             }, [
-              ((U = e(C)) == null ? void 0 : U.id) !== d.id ? (n(), u(T, { key: 0 }, [
+              ((A = e(C)) == null ? void 0 : A.id) !== d.id ? (n(), u(T, { key: 0 }, [
                 p("span", Ie, k(d.title), 1),
-                d.tag ? (n(), P(e(de), te({
+                d.tag ? (n(), R(e(de), te({
                   key: 0,
                   class: "tr-history__item-tag",
                   ref_for: !0
@@ -166,10 +166,10 @@ const ue = /* @__PURE__ */ M({
                     placement: "top",
                     "open-delay": 500
                   }, {
-                    default: R(() => [
+                    default: z(() => [
                       m(e(B), {
                         icon: e(ae),
-                        onClick: H((f) => e(j)(d), ["stop"])
+                        onClick: H((y) => e(j)(d), ["stop"])
                       }, null, 8, ["icon", "onClick"])
                     ]),
                     _: 2
@@ -180,10 +180,10 @@ const ue = /* @__PURE__ */ M({
                     placement: "top",
                     "open-delay": 500
                   }, {
-                    default: R(() => [
+                    default: z(() => [
                       m(e(B), {
                         icon: e(ne),
-                        onClick: H((f) => W(d), ["stop"])
+                        onClick: H((y) => F(d), ["stop"])
                       }, null, 8, ["icon", "onClick"])
                     ]),
                     _: 2
@@ -191,38 +191,38 @@ const ue = /* @__PURE__ */ M({
                 ])
               ], 64)) : ee((n(), u("input", {
                 key: 1,
-                "onUpdate:modelValue": o[1] || (o[1] = (f) => e(C).title = f),
+                "onUpdate:modelValue": o[1] || (o[1] = (y) => e(C).title = y),
                 class: "tr-history__item-edit",
                 ref_for: !0,
                 ref: e(J),
                 onKeydown: o[2] || (o[2] = //@ts-ignore
-                (...f) => e(O) && e(O)(...f))
+                (...y) => e(Q) && e(Q)(...y))
               }, null, 544)), [
                 [re, e(C).title]
               ])
             ], 10, Te);
           }), 128))
-        ]))), 128)) : (n(), P(e(ye), {
+        ]))), 128)) : (n(), R(e(fe), {
           key: 1,
-          text: y.value ? "暂无搜索结果" : "暂无内容"
+          text: f.value ? "暂无搜索结果" : "暂无内容"
         }, null, 8, ["text"]))
       ]),
       p("div", Ee, [
         m(e(B), {
           icon: e(ie),
           rounded: "",
-          onClick: z
+          onClick: W
         }, null, 8, ["icon"])
       ])
     ]));
   }
-}), F = /* @__PURE__ */ Q($e, [["__scopeId", "data-v-8aa5fd59"]]), Be = function(i) {
-  i.component("TrHistory", F);
-}, Ge = {
-  ...F,
+}), U = /* @__PURE__ */ M($e, [["__scopeId", "data-v-8aa5fd59"]]), Be = function(i) {
+  i.component("TrHistory", U);
+}, Ne = {
+  ...U,
   install: Be,
   name: "TrHistory"
 };
 export {
-  Ge as default
+  Ne as default
 };

package/dist/icon-button/index.js

@@ -1,6 +1,7 @@
-import { defineComponent as i, useCssVars as p, computed as a, createElementBlock as l, openBlock as c, normalizeClass as m, createBlock as d, resolveDynamicComponent as f } from "vue";
-import { _ } from "../_plugin-vue_export-helper.js";
-const x = /* @__PURE__ */ i({
+import { defineComponent as p, useCssVars as l, computed as t, createElementBlock as u, openBlock as s, normalizeClass as m, createBlock as d, resolveDynamicComponent as _ } from "vue";
+import { toCssUnit as c } from "../shared/index.js";
+import { _ as f } from "../_plugin-vue_export-helper.js";
+const v = /* @__PURE__ */ p({
   __name: "index",
   props: {
     icon: {},
@@ -8,24 +9,24 @@ const x = /* @__PURE__ */ i({
     svgSize: { default: "16px" },
     rounded: { type: Boolean }
   },
-  setup(t) {
-    p((e) => ({
-      "56dcaa02": r.value,
-      "0eb2a672": u.value
+  setup(n) {
+    l((i) => ({
+      "72b46ad2": a.value,
+      66777814: r.value
     }));
-    const o = t, s = (e) => isNaN(Number(e)) ? e : `${e}px`, r = a(() => s(o.size)), u = a(() => s(o.svgSize));
-    return (e, z) => (c(), l("button", {
+    const o = n, a = t(() => c(o.size)), r = t(() => c(o.svgSize));
+    return (i, z) => (s(), u("button", {
       class: m(["tr-icon-button", { rounded: o.rounded }])
     }, [
-      (c(), d(f(o.icon)))
+      (s(), d(_(o.icon)))
     ], 2));
   }
-}), n = /* @__PURE__ */ _(x, [["__scopeId", "data-v-21ea878f"]]);
-n.name = "TrIconButton";
-const v = function(t) {
-  t.component(n.name, n);
+}), e = /* @__PURE__ */ f(v, [["__scopeId", "data-v-fe8553bc"]]);
+e.name = "TrIconButton";
+const x = function(n) {
+  n.component(e.name, e);
 };
-n.install = v;
+e.install = x;
 export {
-  n as default
+  e as default
 };