@opentiny/tiny-robot 0.3.0-alpha.16 → 0.3.0-alpha.18

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 S, createCommentVNode as _, normalizeClass as b, createBlock as x, resolveDynamicComponent as B, toDisplayString as D, nextTick as H } from "vue";
-import { n 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 C, Fragment as I, renderList as S, createCommentVNode as _, normalizeClass as x, createBlock as B, resolveDynamicComponent as b, toDisplayString as D, nextTick as H } from "vue";
+import { a as X } from "../tiny-robot-svgs.js";
+import { e as j, o as J } from "../index3.js";
 import { _ as K } from "../_plugin-vue_export-helper.js";
 const P = ["onClick"], Q = {
   key: 0,
@@ -54,10 +54,13 @@ 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, w] }
+    ), (t, o) => (l(), a("div", {
       class: "tr-flow-layout",
       ref_key: "containerRef",
       ref: y
@@ -67,26 +70,26 @@ const P = ["onClick"], Q = {
       }, [
         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) => A(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, D(e.label), 1)) : _("", !0)
         ], 10, P)) : _("", !0)
       ], 64))), 128)),
       C("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,
           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", {
           class: "tr-flow-layout__dropdown-container",
@@ -100,11 +103,11 @@ const P = ["onClick"], Q = {
             ref: k
           }, [
             (l(!0), a(I, null, S(z.value, (e) => (l(), a("button", {
-              class: b(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
+              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" })),
+              (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
               C("span", Z, D(e.label), 1)
             ], 10, Y))), 128))
           ], 512)) : _("", !0)
@@ -112,7 +115,7 @@ const P = ["onClick"], Q = {
       ])
     ], 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);

package/dist/history/index.js

@@ -1,10 +1,10 @@
-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 H, withModifiers as S, vModelText as re } from "vue";
-import { w as oe, b as se, p as ae, A as ne, f as ie } from "../tiny-robot-svgs.js";
-import { I as le } from "../index5.js";
-import { T as U } from "../index4.js";
-import B from "../icon-button/index.js";
-import { o as ce } from "../index2.js";
-import { _ as A } from "../_plugin-vue_export-helper.js";
+import { defineComponent as V, createElementBlock as u, openBlock as n, normalizeStyle as J, 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 B, Fragment as T, renderList as E, createBlock as R, withDirectives as ee, mergeProps as te, withCtx as H, withModifiers as S, vModelText as re } from "vue";
+import { B as oe, e as se, k as ae, X as ne, x as ie } from "../tiny-robot-svgs.js";
+import { I as le } from "../index6.js";
+import { T as U } from "../index2.js";
+import $ from "../icon-button/index.js";
+import { o as ce } from "../index3.js";
+import { _ as M } from "../_plugin-vue_export-helper.js";
 const ue = /* @__PURE__ */ V({
   __name: "item-tag",
   props: {
@@ -16,12 +16,12 @@ const ue = /* @__PURE__ */ V({
     const t = i;
     return (a, _) => (n(), u("div", {
       class: D(["tr-history__item-tag", t.type]),
-      style: X(t.style)
+      style: J(t.style)
     }, [
       p("span", null, k(t.text), 1)
     ], 6));
   }
-}), de = /* @__PURE__ */ A(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({
+}), 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,20 +35,20 @@ const ue = /* @__PURE__ */ V({
       p("span", he, k(t.text), 1)
     ]));
   }
-}), fe = /* @__PURE__ */ A(me, [["__scopeId", "data-v-b21f5bc0"]]), ve = (i) => {
+}), ve = /* @__PURE__ */ M(me, [["__scopeId", "data-v-b21f5bc0"]]), ye = (i) => {
   const t = G(), a = (l) => {
     t.value = {
       id: l.id,
       title: l.title,
       rawData: l
     };
-  }, _ = G(null), f = (l) => {
+  }, _ = G(null), v = (l) => {
     l && Z(() => {
       _.value = l, _.value.focus();
     });
   };
   let r;
-  const v = () => {
+  const y = () => {
     if (t.value) {
       if (t.value.title !== t.value.rawData.title) {
         const { title: l, rawData: I } = t.value;
@@ -60,25 +60,25 @@ const ue = /* @__PURE__ */ V({
   }, g = () => {
     t.value = void 0, r == null || r(), r = void 0;
   }, b = (l) => {
-    l.key === "Enter" ? v() : l.key === "Escape" && g();
+    l.key === "Enter" ? y() : l.key === "Escape" && g();
   };
   return Y(() => {
     _.value && (r == null || r(), r = ce(_, () => {
-      v();
+      y();
     }));
   }), {
     editingItem: t,
     handleEdit: a,
-    handleEditorInputRef: f,
+    handleEditorInputRef: v,
     handleKeyDown: b
   };
-}, ye = { class: "tr-history" }, ke = { class: "tr-history__tabs" }, ge = ["onClick"], be = {
+}, fe = { 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__ */ V({
+}, Te = ["onClick"], Ie = { class: "tr-history__item-title" }, we = { class: "tr-history__item-actions" }, Be = { class: "tr-history__close" }, Ee = /* @__PURE__ */ V({
   __name: "index",
   props: /* @__PURE__ */ N({
     tabTitle: {},
@@ -102,27 +102,27 @@ const ue = /* @__PURE__ */ V({
       d4b77bae: b.value ? "1px solid rgb(240, 240, 240)" : "none",
       "659130e6": b.value ? "2px solid rgb(25, 25, 25)" : "none"
     }));
-    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) => {
+    const a = i, _ = P(i, "activeTab"), v = P(i, "searchQuery"), r = t, y = h(() => Array.isArray(a.tabs) ? a.tabs : [{ title: a.tabTitle, id: "0" }]), g = h(() => _.value || y.value[0].id), b = h(() => y.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"), M = 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 ? M.value.map((o) => ({
+    }), x = h(() => a.searchBar ? O.value.map((o) => ({
       ...o,
-      items: o.items.filter((s) => a.searchFn(f.value || "", s))
-    })).filter((o) => o.items.length > 0) : M.value), L = h(() => x.value.length === 0 ? !1 : x.value[0].group === w ? x.value[0].items.length > 0 : !0), z = (c) => {
+      items: o.items.filter((s) => a.searchFn(v.value || "", s))
+    })).filter((o) => o.items.length > 0) : O.value), L = h(() => x.value.length === 0 ? !1 : x.value[0].group === w ? x.value[0].items.length > 0 : !0), z = (c) => {
       var o;
       c.id !== ((o = C.value) == null ? void 0 : o.id) && r("item-click", c);
     }, W = () => {
       r("close");
-    }, F = (c) => {
+    }, X = (c) => {
       r("item-delete", c);
-    }, { editingItem: C, handleEdit: j, handleEditorInputRef: J, handleKeyDown: O } = ve(r);
-    return (c, o) => (n(), u("div", ye, [
+    }, { editingItem: C, handleEdit: F, handleEditorInputRef: j, handleKeyDown: Q } = ye(r);
+    return (c, o) => (n(), u("div", fe, [
       p("div", ke, [
-        (n(!0), u(T, null, $(v.value, (s) => (n(), u("div", {
+        (n(!0), u(T, null, E(y.value, (s) => (n(), u("div", {
           key: s.id,
           class: D(["tr-history__tab", { active: g.value === s.id }]),
           onClick: (d) => _.value = s.id
@@ -130,34 +130,34 @@ const ue = /* @__PURE__ */ V({
       ]),
       a.searchBar ? (n(), u("div", be, [
         m(e(le), {
-          modelValue: f.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (s) => f.value = s),
+          modelValue: v.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (s) => v.value = s),
           placeholder: a.searchPlaceholder || "搜索对话名称",
           "prefix-icon": e(se),
           clearable: ""
         }, null, 8, ["modelValue", "placeholder", "prefix-icon"])
-      ])) : E("", !0),
+      ])) : B("", !0),
       p("div", xe, [
-        L.value ? (n(!0), u(T, { key: 0 }, $(x.value, (s) => (n(), u("div", {
+        L.value ? (n(!0), u(T, { key: 0 }, E(x.value, (s) => (n(), u("div", {
           key: s.group,
           class: "tr-history__group"
         }, [
           s.group !== e(w) ? (n(), u("div", Ce, [
             p("span", null, k(s.group), 1)
-          ])) : E("", !0),
-          (n(!0), u(T, null, $(s.items, (d) => {
-            var Q;
+          ])) : B("", !0),
+          (n(!0), u(T, null, E(s.items, (d) => {
+            var A;
             return n(), u("div", {
               key: `${d.id}-${d.title}`,
               class: D(["tr-history__item", { selected: a.selected === d.id }]),
-              onClick: (y) => z(d)
+              onClick: (f) => z(d)
             }, [
-              ((Q = e(C)) == null ? void 0 : Q.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(), R(e(de), te({
                   key: 0,
                   class: "tr-history__item-tag"
-                }, { ref_for: !0 }, d.tag), null, 16)) : E("", !0),
+                }, { ref_for: !0 }, d.tag), null, 16)) : B("", !0),
                 p("div", we, [
                   m(e(U), {
                     content: "编辑",
@@ -166,9 +166,9 @@ const ue = /* @__PURE__ */ V({
                     "open-delay": 500
                   }, {
                     default: H(() => [
-                      m(e(B), {
+                      m(e($), {
                         icon: e(ae),
-                        onClick: S((y) => e(j)(d), ["stop"])
+                        onClick: S((f) => e(F)(d), ["stop"])
                       }, null, 8, ["icon", "onClick"])
                     ]),
                     _: 2
@@ -180,9 +180,9 @@ const ue = /* @__PURE__ */ V({
                     "open-delay": 500
                   }, {
                     default: H(() => [
-                      m(e(B), {
+                      m(e($), {
                         icon: e(ne),
-                        onClick: S((y) => F(d), ["stop"])
+                        onClick: S((f) => X(d), ["stop"])
                       }, null, 8, ["icon", "onClick"])
                     ]),
                     _: 2
@@ -190,24 +190,24 @@ const ue = /* @__PURE__ */ V({
                 ])
               ], 64)) : ee((n(), u("input", {
                 key: 1,
-                "onUpdate:modelValue": o[1] || (o[1] = (y) => e(C).title = y),
+                "onUpdate:modelValue": o[1] || (o[1] = (f) => e(C).title = f),
                 class: "tr-history__item-edit",
                 ref_for: !0,
-                ref: e(J),
+                ref: e(j),
                 onKeydown: o[2] || (o[2] = //@ts-ignore
-                (...y) => e(O) && e(O)(...y))
+                (...f) => e(Q) && e(Q)(...f))
               }, null, 544)), [
                 [re, e(C).title]
               ])
             ], 10, Te);
           }), 128))
-        ]))), 128)) : (n(), R(e(fe), {
+        ]))), 128)) : (n(), R(e(ve), {
           key: 1,
-          text: f.value ? "暂无搜索结果" : "暂无内容"
+          text: v.value ? "暂无搜索结果" : "暂无内容"
         }, null, 8, ["text"]))
       ]),
-      p("div", Ee, [
-        m(e(B), {
+      p("div", Be, [
+        m(e($), {
           icon: e(ie),
           rounded: "",
           onClick: W
@@ -215,11 +215,11 @@ const ue = /* @__PURE__ */ V({
       ])
     ]));
   }
-}), K = /* @__PURE__ */ A($e, [["__scopeId", "data-v-8aa5fd59"]]), Be = function(i) {
+}), K = /* @__PURE__ */ M(Ee, [["__scopeId", "data-v-8aa5fd59"]]), $e = function(i) {
   i.component("TrHistory", K);
 }, Ne = {
   ...K,
-  install: Be,
+  install: $e,
   name: "TrHistory"
 };
 export {

package/dist/icon-button/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as p, useCssVars as l, computed as n, createElementBlock as u, openBlock as s, normalizeClass as m, createBlock as d, resolveDynamicComponent as _ } from "vue";
-import { t as c } from "../utils.js";
+import { defineComponent as r, computed as a, createElementBlock as u, openBlock as l, normalizeStyle as c, normalizeClass as p, createBlock as m, resolveDynamicComponent as d } from "vue";
+import { t as i } from "../utils.js";
 import { _ as f } from "../_plugin-vue_export-helper.js";
-const v = /* @__PURE__ */ p({
+const _ = /* @__PURE__ */ r({
   __name: "index",
   props: {
     icon: {},
@@ -9,24 +9,23 @@ const v = /* @__PURE__ */ p({
     svgSize: { default: "16px" },
     rounded: { type: Boolean }
   },
-  setup(t) {
-    l((i) => ({
-      "72b46ad2": a.value,
-      66777814: r.value
-    }));
-    const o = t, a = n(() => c(o.size)), r = n(() => c(o.svgSize));
-    return (i, z) => (s(), u("button", {
-      class: m(["tr-icon-button", { rounded: o.rounded }])
+  setup(o) {
+    const e = o, s = a(() => i(e.size)), n = a(() => i(e.svgSize));
+    return (z, h) => (l(), u("button", {
+      class: p(["tr-icon-button", { rounded: e.rounded }]),
+      style: c({ width: s.value, height: s.value })
     }, [
-      (s(), d(_(o.icon)))
-    ], 2));
+      (l(), m(d(e.icon), {
+        style: c({ width: n.value, height: n.value, fontSize: n.value })
+      }, null, 8, ["style"]))
+    ], 6));
   }
-}), e = /* @__PURE__ */ f(v, [["__scopeId", "data-v-fe8553bc"]]);
-e.name = "TrIconButton";
-const x = function(t) {
-  t.component(e.name, e);
+}), t = /* @__PURE__ */ f(_, [["__scopeId", "data-v-159698f7"]]);
+t.name = "TrIconButton";
+const v = function(o) {
+  o.component(t.name, t);
 };
-e.install = x;
+t.install = v;
 export {
-  e as default
+  t as default
 };