@opentiny/tiny-robot 0.3.0-alpha.22 → 0.3.0-alpha.24

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 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 { d as j, o as J } from "../index2.js";
 import { _ as K } from "../_plugin-vue_export-helper.js";
 const P = ["onClick"], Q = {
   key: 0,

package/dist/history/index.js

@@ -1,226 +1,287 @@
-import { defineComponent as V, createElementBlock as u, openBlock as a, normalizeStyle as X, normalizeClass as D, createElementVNode as p, toDisplayString as k, createVNode as y, unref as e, ref as S, watchEffect as Y, nextTick as Z, mergeModels as A, useCssVars as q, computed as h, useModel as G, createCommentVNode as w, Fragment as T, renderList as $, createBlock as N, withDirectives as ee, mergeProps as te, withCtx as R, withModifiers as H, vModelText as re } from "vue";
-import { IconEmptySearch as oe, IconSearch as se, IconEditPen as ne, IconDelete as ae, IconClose as ie } from "@opentiny/tiny-robot-svgs";
-import { TinyInput as le, TinyTooltip as U } from "@opentiny/vue";
-import B from "../icon-button/index.js";
-import { o as ce } from "../index2.js";
-import { _ as M } from "../_plugin-vue_export-helper.js";
-const ue = /* @__PURE__ */ V({
-  __name: "item-tag",
-  props: {
-    text: {},
-    type: { default: "default" },
-    style: {}
-  },
-  setup(i) {
-    const t = i;
-    return (n, _) => (a(), u("div", {
-      class: D(["tr-history__item-tag", t.type]),
-      style: X(t.style)
-    }, [
-      p("span", null, k(t.text), 1)
-    ], 6));
-  }
-}), 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" }, ye = /* @__PURE__ */ V({
-  __name: "search-empty",
+import { ref as g, onMounted as Z, onBeforeUnmount as ee, defineComponent as P, createElementBlock as l, openBlock as r, createElementVNode as w, createVNode as b, unref as n, toDisplayString as D, mergeModels as te, useModel as W, computed as L, normalizeStyle as ne, Fragment as B, renderList as H, createBlock as J, resolveDynamicComponent as oe, nextTick as ie, normalizeClass as U, withDirectives as j, createCommentVNode as V, withKeys as q, withModifiers as A, isRef as se, vModelText as re, vShow as le } from "vue";
+import { IconEmptySearch as ae, IconEditPen as ue, IconDelete as ce, IconCheck as de, IconClose as me, IconMenu2 as fe } from "@opentiny/tiny-robot-svgs";
+import { _ as z } from "../_plugin-vue_export-helper.js";
+import { o as Q, a as ve, d as pe, c as _e } from "../index2.js";
+import { t as O } from "../utils.js";
+const S = g(!1);
+let T = 0, $;
+function ye() {
+  const s = window.matchMedia("(hover: none) and (pointer: coarse)"), m = () => {
+    S.value = s.matches;
+  };
+  m(), s.addEventListener("change", m);
+  const t = (c) => {
+    S.value = c.pointerType !== "mouse";
+  };
+  return window.addEventListener("pointerdown", t, !0), () => {
+    s.removeEventListener("change", m), window.removeEventListener("pointerdown", t, !0);
+  };
+}
+function ge() {
+  $ == null || $(), $ = void 0;
+}
+function he() {
+  return typeof window > "u" ? {
+    isTouchDevice: S
+  } : (Z(() => {
+    T++, T === 1 && ($ = ye());
+  }), ee(() => {
+    T = Math.max(0, T - 1), T === 0 && ge();
+  }), {
+    isTouchDevice: S
+  });
+}
+const Ce = { class: "tr-history__empty" }, ke = { class: "tr-history__empty-icon" }, Ee = { class: "tr-history__empty-text" }, we = /* @__PURE__ */ P({
+  __name: "Empty",
   props: {
     text: { default: "暂无内容" }
   },
-  setup(i) {
-    const t = i;
-    return (n, _) => (a(), u("div", _e, [
-      p("span", pe, [
-        y(e(oe))
+  setup(s) {
+    const m = s;
+    return (t, c) => (r(), l("div", Ce, [
+      w("span", ke, [
+        b(n(ae))
       ]),
-      p("span", he, k(t.text), 1)
+      w("span", Ee, D(m.text), 1)
     ]));
   }
-}), me = /* @__PURE__ */ M(ye, [["__scopeId", "data-v-b21f5bc0"]]), ve = (i) => {
-  const t = S(), n = (l) => {
-    t.value = {
-      id: l.id,
-      title: l.title,
-      rawData: l
+}), xe = /* @__PURE__ */ z(we, [["__scopeId", "data-v-d0340c39"]]), Re = ["onClick"], Le = 12, G = 4, Ie = /* @__PURE__ */ P({
+  __name: "MenuList",
+  props: {
+    trigger: { default: null },
+    triggerModifiers: {},
+    data: { default: null },
+    dataModifiers: {}
+  },
+  emits: /* @__PURE__ */ te(["item-click"], ["update:trigger", "update:data"]),
+  setup(s, { emit: m }) {
+    const t = W(s, "trigger"), c = W(s, "data"), x = m, h = [
+      { id: "rename", text: "重命名", icon: ue },
+      { id: "delete", text: "删除", icon: ce }
+    ], E = g(null);
+    Q(
+      E,
+      () => {
+        t.value = null, c.value = null;
+      },
+      {
+        ignore: [t]
+      }
+    );
+    const { top: v, bottom: I, left: y } = ve(t), { width: M, height: C } = pe(E, void 0, { box: "border-box" }), { height: R } = _e(), o = L(() => {
+      const k = {
+        left: `min(${O(y.value)}, calc(100% - ${O(M.value + G)}))`
+      }, _ = I.value + Le;
+      return _ + C.value + G > R.value ? k.bottom = `calc(100% - ${O(v.value - G)})` : k.top = O(_), k;
+    }), p = (k) => {
+      x("item-click", k), t.value = null, c.value = null;
     };
-  }, _ = S(null), m = (l) => {
-    l && Z(() => {
-      _.value = l, _.value.focus();
+    return (k, _) => (r(), l("ul", {
+      class: "tr-history__menu-list",
+      ref_key: "menuRef",
+      ref: E,
+      style: ne(o.value)
+    }, [
+      (r(), l(B, null, H(h, (a) => w("li", {
+        class: "tr-history__menu-list__item",
+        key: a.id,
+        onClick: (K) => p(a)
+      }, [
+        (r(), J(oe(a.icon))),
+        w("span", null, D(a.text), 1)
+      ], 8, Re)), 64))
+    ], 4));
+  }
+}), Me = /* @__PURE__ */ z(Ie, [["__scopeId", "data-v-67ba5dd7"]]), Te = ({
+  renameControlOnClickOutside: s,
+  onItemTitleChange: m
+}) => {
+  const t = g(void 0), c = g(null), x = L(() => {
+    var o;
+    return (o = c.value) == null ? void 0 : o.at(0);
+  }), h = g(null), E = L(() => {
+    var o;
+    return (o = h.value) == null ? void 0 : o.at(0);
+  }), v = g(null), I = L(() => {
+    var o;
+    return (o = v.value) == null ? void 0 : o.at(0);
+  }), y = g(""), M = (o) => {
+    t.value = o, y.value = o.title, ie(() => {
+      const p = x.value;
+      p && (p.focus(), p.select());
     });
+  }, C = () => {
+    t.value = void 0, y.value = "";
+  }, R = () => {
+    t.value && m(y.value, t.value), t.value = void 0, y.value = "";
   };
-  let r;
-  const v = () => {
-    if (t.value) {
-      if (t.value.title !== t.value.rawData.title) {
-        const { title: l, rawData: I } = t.value;
-        i("item-title-change", l, I);
-      }
-      t.value = void 0;
-    }
-    r == null || r(), r = void 0;
-  }, g = () => {
-    t.value = void 0, r == null || r(), r = void 0;
-  }, b = (l) => {
-    l.key === "Enter" ? v() : l.key === "Escape" && g();
-  };
-  return Y(() => {
-    _.value && (r == null || r(), r = ce(_, () => {
-      v();
-    }));
-  }), {
+  return (s === "confirm" || s === "cancel") && Q(
+    x,
+    () => {
+      s === "confirm" ? R() : C();
+    },
+    { ignore: [E, I] }
+  ), {
     editingItem: t,
-    handleEdit: n,
-    handleEditorInputRef: m,
-    handleKeyDown: b
+    editorRefList: c,
+    editorConfirmRefList: h,
+    editorCancelRefList: v,
+    editorValue: y,
+    handleEdit: M,
+    handleEditCancel: C,
+    handleEditConfirm: R
   };
-}, fe = { class: "tr-history" }, ke = { class: "tr-history__tabs" }, ge = ["onClick"], be = {
-  key: 0,
-  class: "tr-history__search"
-}, Ce = { class: "tr-history__content" }, xe = {
+}, F = Symbol("NO_GROUP"), be = {
   key: 0,
   class: "tr-history__group-title"
-}, Te = ["onClick"], Ie = { class: "tr-history__item-title" }, Ee = { class: "tr-history__item-actions" }, we = { class: "tr-history__close" }, $e = /* @__PURE__ */ V({
+}, $e = { class: "tr-history__group-items" }, Oe = ["onClick"], Be = ["title"], De = ["onClick"], Se = /* @__PURE__ */ P({
   __name: "index",
-  props: /* @__PURE__ */ A({
-    tabTitle: {},
+  props: {
     data: {},
-    activeTab: {},
-    searchBar: { type: Boolean },
-    searchQuery: {},
-    searchPlaceholder: {},
-    searchFn: { type: Function, default: (i, { title: t }) => i ? t.toLowerCase().includes(i.toLowerCase()) : !0 },
     selected: {},
-    tabs: {}
-  }, {
-    activeTab: {},
-    activeTabModifiers: {},
-    searchQuery: {},
-    searchQueryModifiers: {}
-  }),
-  emits: /* @__PURE__ */ A(["close", "item-click", "item-title-change", "item-delete"], ["update:activeTab", "update:searchQuery"]),
-  setup(i, { emit: t }) {
-    q((c) => ({
-      "3a9ca538": b.value ? "1px solid rgb(240, 240, 240)" : "none",
-      "0b9d3e32": b.value ? "2px solid rgb(25, 25, 25)" : "none"
-    }));
-    const n = i, _ = G(i, "activeTab"), m = G(i, "searchQuery"), r = t, v = h(() => Array.isArray(n.tabs) ? n.tabs : [{ title: n.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(n.data) ? n.data || [] : n.data[g.value] || []), E = Symbol("NO_GROUP"), O = h(() => {
-      const c = I.value;
-      return l(c) ? c : [{ group: E, items: c }];
-    }), C = h(() => n.searchBar ? O.value.map((o) => ({
-      ...o,
-      items: o.items.filter((s) => n.searchFn(m.value || "", s))
-    })).filter((o) => o.items.length > 0) : O.value), L = h(() => C.value.length === 0 ? !1 : C.value[0].group === E ? C.value[0].items.length > 0 : !0), z = (c) => {
-      var o;
-      c.id !== ((o = x.value) == null ? void 0 : o.id) && r("item-click", c);
-    }, W = () => {
-      r("close");
-    }, F = (c) => {
-      r("item-delete", c);
-    }, { editingItem: x, handleEdit: j, handleEditorInputRef: J, handleKeyDown: P } = ve(r);
-    return (c, o) => (a(), u("div", fe, [
-      p("div", ke, [
-        (a(!0), u(T, null, $(v.value, (s) => (a(), u("div", {
-          key: s.id,
-          class: D(["tr-history__tab", { active: g.value === s.id }]),
-          onClick: (d) => _.value = s.id
-        }, k(s.title), 11, ge))), 128))
-      ]),
-      n.searchBar ? (a(), u("div", be, [
-        y(e(le), {
-          modelValue: m.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (s) => m.value = s),
-          placeholder: n.searchPlaceholder || "搜索对话名称",
-          "prefix-icon": e(se),
-          clearable: ""
-        }, null, 8, ["modelValue", "placeholder", "prefix-icon"])
-      ])) : w("", !0),
-      p("div", Ce, [
-        L.value ? (a(!0), u(T, { key: 0 }, $(C.value, (s) => (a(), u("div", {
-          key: s.group,
-          class: "tr-history__group"
+    showRenameControls: { type: Boolean, default: !1 },
+    renameControlOnClickOutside: { default: "confirm" }
+  },
+  emits: ["item-click", "item-title-change", "item-action"],
+  setup(s, { emit: m }) {
+    const t = s, c = m, x = (i) => {
+      var f;
+      const e = typeof ((f = i[0]) == null ? void 0 : f.group);
+      return e === "string" || e === "symbol";
+    }, h = L(() => {
+      const i = t.data;
+      return x(i) ? i : [{ group: F, items: i }];
+    }), E = L(() => h.value.length === 0 || h.value.every((i) => i.items.length === 0)), {
+      editingItem: v,
+      editorRefList: I,
+      editorConfirmRefList: y,
+      editorCancelRefList: M,
+      editorValue: C,
+      handleEdit: R,
+      handleEditCancel: o,
+      handleEditConfirm: p
+    } = Te({
+      renameControlOnClickOutside: t.renameControlOnClickOutside,
+      onItemTitleChange: (i, e) => {
+        c("item-title-change", i, e);
+      }
+    }), { isTouchDevice: k } = he(), _ = g(null), a = g(null), K = (i, e) => {
+      if (i.currentTarget instanceof HTMLButtonElement) {
+        if (a.value === e) {
+          _.value = null, a.value = null;
+          return;
+        }
+        _.value = i.currentTarget, a.value = e;
+      } else
+        _.value = null, a.value = null;
+    }, X = (i) => {
+      const e = a.value;
+      e && (i.id === "rename" && R(e), c("item-action", { id: i.id, text: i.text }, e));
+    };
+    return (i, e) => (r(), l("div", {
+      class: U(["tr-history", { "touch-device": n(k) }])
+    }, [
+      E.value ? (r(), J(xe, { key: 1 })) : (r(), l(B, { key: 0 }, [
+        (r(!0), l(B, null, H(h.value, (f) => (r(), l("div", {
+          class: "tr-history__group",
+          key: f.group
         }, [
-          s.group !== e(E) ? (a(), u("div", xe, [
-            p("span", null, k(s.group), 1)
-          ])) : w("", !0),
-          (a(!0), u(T, null, $(s.items, (d) => {
-            var Q;
-            return a(), u("div", {
-              key: `${d.id}-${d.title}`,
-              class: D(["tr-history__item", { selected: n.selected === d.id }]),
-              onClick: (f) => z(d)
+          f.group !== n(F) ? (r(), l("div", be, D(f.group), 1)) : V("", !0),
+          w("div", $e, [
+            (r(!0), l(B, null, H(f.items, (u, Y) => (r(), l("div", {
+              class: U(["tr-history__item", {
+                selected: u.id && u.id === t.selected,
+                editing: n(v) === u,
+                active: a.value === u
+              }]),
+              key: u.id || Y,
+              onClick: (d) => c("item-click", u)
             }, [
-              ((Q = e(x)) == null ? void 0 : Q.id) !== d.id ? (a(), u(T, { key: 0 }, [
-                p("span", Ie, k(d.title), 1),
-                d.tag ? (a(), N(e(de), te({
-                  key: 0,
-                  class: "tr-history__item-tag"
-                }, { ref_for: !0 }, d.tag), null, 16)) : w("", !0),
-                p("div", Ee, [
-                  y(e(U), {
-                    content: "编辑",
-                    effect: "dark",
-                    placement: "top",
-                    "open-delay": 500
-                  }, {
-                    default: R(() => [
-                      y(e(B), {
-                        icon: e(ne),
-                        onClick: H((f) => e(j)(d), ["stop"])
-                      }, null, 8, ["icon", "onClick"])
-                    ]),
-                    _: 2
-                  }, 1024),
-                  y(e(U), {
-                    content: "删除",
-                    effect: "dark",
-                    placement: "top",
-                    "open-delay": 500
-                  }, {
-                    default: R(() => [
-                      y(e(B), {
-                        icon: e(ae),
-                        onClick: H((f) => F(d), ["stop"])
-                      }, null, 8, ["icon", "onClick"])
-                    ]),
-                    _: 2
-                  }, 1024)
-                ])
-              ], 64)) : ee((a(), u("input", {
-                key: 1,
-                "onUpdate:modelValue": o[1] || (o[1] = (f) => e(x).title = f),
-                class: "tr-history__item-edit",
+              n(v) === u ? j((r(), l("input", {
+                key: 0,
+                class: "tr-history__item-editor",
+                type: "text",
+                onClick: e[0] || (e[0] = A(() => {
+                }, ["stop"])),
                 ref_for: !0,
-                ref: e(J),
-                onKeydown: o[2] || (o[2] = //@ts-ignore
-                (...f) => e(P) && e(P)(...f))
+                ref_key: "editorRefList",
+                ref: I,
+                "onUpdate:modelValue": e[1] || (e[1] = (d) => se(C) ? C.value = d : null),
+                onKeydown: [
+                  e[2] || (e[2] = q(
+                    //@ts-ignore
+                    (...d) => n(p) && n(p)(...d),
+                    ["enter"]
+                  )),
+                  e[3] || (e[3] = q(
+                    //@ts-ignore
+                    (...d) => n(o) && n(o)(...d),
+                    ["escape"]
+                  ))
+                ]
               }, null, 544)), [
-                [re, e(x).title]
+                [re, n(C)]
+              ]) : (r(), l("span", {
+                key: 1,
+                class: "text",
+                title: u.title
+              }, D(u.title), 9, Be)),
+              w("span", {
+                class: "tr-history__item-actions",
+                onClick: e[6] || (e[6] = A(() => {
+                }, ["stop"]))
+              }, [
+                t.showRenameControls && n(v) === u ? (r(), l("button", {
+                  key: 0,
+                  class: "editor-confirm",
+                  ref_for: !0,
+                  ref_key: "editorConfirmRefList",
+                  ref: y,
+                  onClick: e[4] || (e[4] = //@ts-ignore
+                  (...d) => n(p) && n(p)(...d))
+                }, [
+                  b(n(de))
+                ], 512)) : V("", !0),
+                t.showRenameControls && n(v) === u ? (r(), l("button", {
+                  key: 1,
+                  class: "editor-cancel",
+                  ref_for: !0,
+                  ref_key: "editorCancelRefList",
+                  ref: M,
+                  onClick: e[5] || (e[5] = //@ts-ignore
+                  (...d) => n(o) && n(o)(...d))
+                }, [
+                  b(n(me))
+                ], 512)) : V("", !0),
+                w("button", {
+                  class: U(["menu", { hidden: n(v) === u }]),
+                  onClick: (d) => K(d, u)
+                }, [
+                  b(n(fe))
+                ], 10, De)
               ])
-            ], 10, Te);
-          }), 128))
-        ]))), 128)) : (a(), N(e(me), {
-          key: 1,
-          text: m.value ? "暂无搜索结果" : "暂无内容"
-        }, null, 8, ["text"]))
-      ]),
-      p("div", we, [
-        y(e(B), {
-          icon: e(ie),
-          rounded: "",
-          onClick: W
-        }, null, 8, ["icon"])
-      ])
-    ]));
+            ], 10, Oe))), 128))
+          ])
+        ]))), 128)),
+        j(b(Me, {
+          trigger: _.value,
+          "onUpdate:trigger": e[7] || (e[7] = (f) => _.value = f),
+          data: a.value,
+          "onUpdate:data": e[8] || (e[8] = (f) => a.value = f),
+          onItemClick: X
+        }, null, 8, ["trigger", "data"]), [
+          [le, _.value]
+        ])
+      ], 64))
+    ], 2));
   }
-}), K = /* @__PURE__ */ M($e, [["__scopeId", "data-v-87ea1242"]]), Be = function(i) {
-  i.component("TrHistory", K);
-}, Se = {
-  ...K,
-  install: Be,
-  name: "TrHistory"
+}), N = /* @__PURE__ */ z(Se, [["__scopeId", "data-v-56f0f617"]]), Ue = function(s) {
+  s.component(N.name, N);
 };
+Object.assign(N, {
+  name: "TrHistory",
+  install: Ue
+});
 export {
-  Se as default
+  N as default
 };