@opentiny/tiny-robot 0.4.0-alpha.13 → 0.4.0-alpha.15

package/dist/index3.js

@@ -1,282 +1,301 @@
-var $ = Object.defineProperty;
-var D = (i, o, e) => o in i ? $(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e;
-var C = (i, o, e) => D(i, typeof o != "symbol" ? o + "" : o, e);
-import { defineComponent as B, toRefs as H, computed as R, watch as F, openBlock as S, createBlock as x, unref as p, ref as V, reactive as A, onUnmounted as P, createElementBlock as j, Fragment as U, normalizeClass as W, createSlots as L, withCtx as y, renderSlot as z, resolveDynamicComponent as M, createCommentVNode as N } from "vue";
-import { e as O } from "./index4.js";
-import { u as I, A as b } from "./index2.js";
-import { IconUpload as T, IconVoice as _, IconRecordingWave as q } from "@opentiny/tiny-robot-svgs";
-import { _ as G } from "./_plugin-vue_export-helper.js";
-const te = /* @__PURE__ */ B({
-  __name: "index",
+import { onMounted as ne, onBeforeUnmount as oe, ref as _, defineComponent as P, openBlock as r, createElementBlock as a, createElementVNode as w, createVNode as $, unref as n, toDisplayString as B, useModel as W, computed as I, normalizeStyle as ie, Fragment as S, renderList as V, createBlock as H, resolveDynamicComponent as Y, mergeModels as j, nextTick as se, normalizeClass as U, createCommentVNode as G, renderSlot as q, withDirectives as A, withKeys as F, isRef as le, withModifiers as J, vModelText as re, vShow as ae } from "vue";
+import { IconEmptySearch as ue, IconEditPen as ce, IconDelete as de, IconCheck as me, IconClose as fe, IconMenu2 as pe } from "@opentiny/tiny-robot-svgs";
+import { _ as z } from "./_plugin-vue_export-helper.js";
+import { o as Z, c as ve, e as ge, d as ye } from "./index5.js";
+import { t as O } from "./utils.js";
+const D = _(!1);
+let T = 0, b;
+function _e() {
+  const s = window.matchMedia("(hover: none) and (pointer: coarse)"), m = () => {
+    D.value = s.matches;
+  };
+  m(), s.addEventListener("change", m);
+  const t = (c) => {
+    D.value = c.pointerType !== "mouse";
+  };
+  return window.addEventListener("pointerdown", t, !0), () => {
+    s.removeEventListener("change", m), window.removeEventListener("pointerdown", t, !0);
+  };
+}
+function he() {
+  b == null || b(), b = void 0;
+}
+function Ce() {
+  return typeof window > "u" ? {
+    isTouchDevice: D
+  } : (ne(() => {
+    T++, T === 1 && (b = _e());
+  }), oe(() => {
+    T = Math.max(0, T - 1), T === 0 && he();
+  }), {
+    isTouchDevice: D
+  });
+}
+const ke = { class: "tr-history__empty" }, Le = { class: "tr-history__empty-icon" }, Ee = { class: "tr-history__empty-text" }, we = /* @__PURE__ */ P({
+  __name: "Empty",
   props: {
-    disabled: { type: Boolean },
-    accept: { default: "*" },
-    multiple: { type: Boolean, default: !0 },
-    reset: { type: Boolean, default: !0 },
-    maxSize: {},
-    maxCount: {},
-    tooltip: {},
-    size: {},
-    icon: {},
-    tooltipPlacement: { default: "top" }
+    text: { default: "暂无内容" }
   },
-  emits: ["select", "error"],
-  setup(i, { expose: o, emit: e }) {
-    const n = i, l = e, { accept: c, multiple: h, reset: m } = H(n), { disabled: a } = I(), t = R(() => n.disabled || a.value), { open: r, files: d } = O({
-      accept: c,
-      multiple: h,
-      reset: m
-    });
-    F(d, (f) => {
-      if (!f || f.length === 0) return;
-      const g = Array.from(f);
-      if (n.maxCount && g.length > n.maxCount) {
-        const s = new Error(`最多只能选择 ${n.maxCount} 个文件`);
-        l("error", s);
-        return;
-      }
-      if (n.maxSize) {
-        const s = n.maxSize * 1024 * 1024, v = g.filter((E) => E.size > s);
-        if (v.length > 0) {
-          const E = new Error(`以下文件超过 ${n.maxSize}MB 限制: ${v.map((k) => k.name).join(", ")}`);
-          l("error", E, v);
-          return;
-        }
+  setup(s) {
+    const m = s;
+    return (t, c) => (r(), a("div", ke, [
+      w("span", Le, [
+        $(n(ue))
+      ]),
+      w("span", Ee, B(m.text), 1)
+    ]));
+  }
+}), Re = /* @__PURE__ */ z(we, [["__scopeId", "data-v-d0340c39"]]), Ie = ["onClick"], Q = 4, xe = /* @__PURE__ */ P({
+  __name: "MenuList",
+  props: /* @__PURE__ */ j({
+    items: {},
+    menuListGap: { default: 8 }
+  }, {
+    trigger: { default: null },
+    triggerModifiers: {},
+    data: { default: null },
+    dataModifiers: {}
+  }),
+  emits: /* @__PURE__ */ j(["item-click"], ["update:trigger", "update:data"]),
+  setup(s, { emit: m }) {
+    const t = W(s, "trigger"), c = W(s, "data"), h = s, C = m, E = _(null);
+    Z(
+      E,
+      () => {
+        t.value = null, c.value = null;
+      },
+      {
+        ignore: [t]
       }
-      l("select", g);
-    });
-    const u = () => {
-      t.value || r();
+    );
+    const { top: p, bottom: x, left: y } = ve(t), { width: M, height: k } = ge(E, void 0, { box: "border-box" }), { height: R } = ye(), o = I(() => {
+      const L = {
+        left: `min(${O(y.value)}, calc(100% - ${O(M.value + Q)}))`
+      }, g = x.value + h.menuListGap;
+      return g + k.value + Q > R.value ? L.bottom = `calc(100% - ${O(p.value - h.menuListGap)})` : L.top = O(g), L;
+    }), v = (L) => {
+      C("item-click", L), t.value = null, c.value = null;
     };
-    return o({
-      open: r
-    }), (f, g) => (S(), x(b, {
-      icon: i.icon ?? p(T),
-      disabled: t.value,
-      size: i.size,
-      tooltip: i.tooltip,
-      "tooltip-placement": i.tooltipPlacement,
-      onClick: u
-    }, null, 8, ["icon", "disabled", "size", "tooltip", "tooltip-placement"]));
-  }
-});
-class w {
-  constructor(o) {
-    C(this, "recognition");
-    C(this, "options");
-    this.options = o, this.initialize();
-  }
-  /**
-   * 初始化语音识别实例
-   */
-  initialize() {
-    this.recognition = new (window.webkitSpeechRecognition || window.SpeechRecognition)(), this.recognition.continuous = this.options.continuous ?? !1, this.recognition.interimResults = this.options.interimResults ?? !0, this.recognition.lang = this.options.lang ?? navigator.language;
-  }
-  /**
-   * 检查浏览器是否支持 Web Speech API
-   */
-  static isSupported() {
-    return typeof window < "u" && ("webkitSpeechRecognition" in window || "SpeechRecognition" in window);
+    return (L, g) => (r(), a("ul", {
+      class: "tr-history__menu-list",
+      ref_key: "menuRef",
+      ref: E,
+      style: ie(o.value)
+    }, [
+      (r(!0), a(S, null, V(h.items, (u) => (r(), a("li", {
+        class: "tr-history__menu-list__item",
+        key: u.id,
+        onClick: (K) => v(u)
+      }, [
+        (r(), H(Y(u.icon))),
+        w("span", null, B(u.text), 1)
+      ], 8, Ie))), 128))
+    ], 4));
   }
-  /**
-   * 检查浏览器是否支持 Web Speech API（实例方法）
-   */
-  isSupported() {
-    return w.isSupported();
-  }
-  /**
-   * 设置语音识别事件处理器
-   * @param callbacks 语音识别回调函数集合
-   */
-  setupEventHandlers(o) {
-    !this.recognition || !o || (this.recognition.onstart = () => {
-      o.onStart();
-    }, this.recognition.onend = () => {
-      o.onEnd();
-    }, this.recognition.onresult = (e) => {
-      const n = Array.from(e.results).map((c) => c[0].transcript).join(""), l = e.results[e.resultIndex];
-      l != null && l.isFinal ? o.onFinal(n) : o.onInterim(n);
-    }, this.recognition.onerror = (e) => {
-      o.onError(new Error(e.error)), this.cleanup();
+}), Me = /* @__PURE__ */ z(xe, [["__scopeId", "data-v-89fdb41c"]]), Te = ({
+  renameControlOnClickOutside: s,
+  onItemTitleChange: m
+}) => {
+  const t = _(void 0), c = _(null), h = I(() => {
+    var o;
+    return (o = c.value) == null ? void 0 : o.at(0);
+  }), C = _(null), E = I(() => {
+    var o;
+    return (o = C.value) == null ? void 0 : o.at(0);
+  }), p = _(null), x = I(() => {
+    var o;
+    return (o = p.value) == null ? void 0 : o.at(0);
+  }), y = _(""), M = (o) => {
+    t.value = o, y.value = o.title, se(() => {
+      const v = h.value;
+      v && (v.focus(), v.select());
     });
-  }
-  /**
-   * 清理事件监听器
-   */
-  cleanup() {
-    this.recognition && (this.recognition.onstart = null, this.recognition.onend = null, this.recognition.onresult = null, this.recognition.onerror = null);
-  }
-  /**
-   * 开始语音识别
-   * @param callbacks 语音识别回调函数集合
-   */
-  start(o) {
-    if (!this.recognition) {
-      o.onError(new Error("浏览器不支持语音识别"));
-      return;
-    }
-    this.setupEventHandlers(o);
-    try {
-      this.recognition.start();
-    } catch (e) {
-      o.onError(e instanceof Error ? e : new Error("语音识别启动失败"));
-    }
-  }
-  /**
-   * 停止语音识别并清理资源
-   */
-  stop() {
-    if (this.recognition) {
-      this.cleanup();
-      try {
-        this.recognition.stop();
-      } catch (o) {
-        console.warn("停止语音识别时发生错误:", o);
-      }
-    }
-  }
-}
-function J(i) {
-  const o = V(i), e = A({
-    isRecording: !1,
-    isSupported: !1,
-    error: void 0
-  }), n = {
-    onStart: () => {
-      var a, t;
-      e.isRecording = !0, e.error = void 0, (t = (a = o.value).onStart) == null || t.call(a);
-    },
-    onInterim: (a) => {
-      var t, r;
-      (r = (t = o.value).onInterim) == null || r.call(t, a);
-    },
-    onFinal: (a) => {
-      var t, r;
-      (r = (t = o.value).onFinal) == null || r.call(t, a);
-    },
-    onEnd: (a) => {
-      var t, r;
-      e.isRecording && (e.isRecording = !1, (r = (t = o.value).onEnd) == null || r.call(t, a));
-    },
-    onError: (a) => {
-      var t, r;
-      e.error = a, e.isRecording = !1, (r = (t = o.value).onError) == null || r.call(t, a);
-    }
-  }, l = w.isSupported();
-  e.isSupported = i.customHandler ? i.customHandler.isSupported() : l;
-  const c = i.customHandler ?? (l ? new w(i) : null), h = () => {
-    var a, t, r, d;
-    if (!e.isSupported || !c) {
-      const u = new Error("语音识别不受支持");
-      e.error = u, (t = (a = o.value).onError) == null || t.call(a, u);
-      return;
-    }
-    if (e.isRecording) {
-      c.stop(), e.isRecording = !1, setTimeout(() => {
-        c.start(n);
-      }, 200);
-      return;
-    }
-    try {
-      c.start(n);
-    } catch (u) {
-      e.error = u instanceof Error ? u : new Error("启动失败"), (d = (r = o.value).onError) == null || d.call(r, e.error);
-    }
-  }, m = () => {
-    !e.isRecording || !c || (c.stop(), n.onEnd());
+  }, k = () => {
+    t.value = void 0, y.value = "";
+  }, R = () => {
+    t.value && m(y.value, t.value), t.value = void 0, y.value = "";
   };
-  return P(() => {
-    e.isRecording && c && (c.stop(), e.isRecording = !1);
-  }), {
-    speechState: e,
-    start: h,
-    stop: m
+  return (s === "confirm" || s === "cancel") && Z(
+    h,
+    () => {
+      s === "confirm" ? R() : k();
+    },
+    { ignore: [E, x] }
+  ), {
+    editingItem: t,
+    editorRefList: c,
+    editorConfirmRefList: C,
+    editorCancelRefList: p,
+    editorValue: y,
+    handleEdit: M,
+    handleEditCancel: k,
+    handleEditConfirm: R
   };
-}
-const K = /* @__PURE__ */ B({
+}, X = Symbol("NO_GROUP"), $e = {
+  key: 0,
+  class: "tr-history__group-title"
+}, be = { class: "tr-history__group-items" }, Ge = ["onClick"], Oe = ["title"], Se = ["onClick"], Be = /* @__PURE__ */ P({
   __name: "index",
   props: {
-    icon: {},
-    recordingIcon: {},
-    disabled: { type: Boolean },
-    size: {},
-    tooltip: {},
-    tooltipPlacement: { default: "top" },
-    speechConfig: {},
-    autoInsert: { type: Boolean, default: !0 },
-    onButtonClick: {}
+    data: {},
+    selected: {},
+    showRenameControls: { type: Boolean, default: !1 },
+    renameControlOnClickOutside: { default: "confirm" },
+    menuItems: { default: () => [
+      { id: "rename", text: "重命名", icon: ce },
+      { id: "delete", text: "删除", icon: de }
+    ] },
+    menuListGap: { default: 8 }
   },
-  emits: ["speech-start", "speech-interim", "speech-final", "speech-end", "speech-error"],
-  setup(i, { expose: o, emit: e }) {
-    const n = i, l = e, { editor: c, disabled: h } = I(), m = R(() => n.disabled || h.value), a = {
-      ...n.speechConfig,
-      onStart: () => {
-        l("speech-start");
-      },
-      onInterim: (s) => {
-        l("speech-interim", s);
-      },
-      onFinal: (s) => {
-        n.autoInsert && c.value && (c.value.commands.insertContent(s + " "), c.value.commands.focus("end")), l("speech-final", s);
-      },
-      onEnd: (s) => {
-        c.value && c.value.commands.focus("end"), l("speech-end", s);
-      },
-      onError: (s) => {
-        l("speech-error", s);
+  emits: ["item-click", "item-title-change", "item-action"],
+  setup(s, { emit: m }) {
+    const t = s, c = m, h = (i) => {
+      var f;
+      const e = typeof ((f = i[0]) == null ? void 0 : f.group);
+      return e === "string" || e === "symbol";
+    }, C = I(() => {
+      const i = t.data;
+      return h(i) ? i : [{ group: X, items: i }];
+    }), E = I(() => C.value.length === 0 || C.value.every((i) => i.items.length === 0)), {
+      editingItem: p,
+      editorRefList: x,
+      editorConfirmRefList: y,
+      editorCancelRefList: M,
+      editorValue: k,
+      handleEdit: R,
+      handleEditCancel: o,
+      handleEditConfirm: v
+    } = Te({
+      renameControlOnClickOutside: t.renameControlOnClickOutside,
+      onItemTitleChange: (i, e) => {
+        c("item-title-change", i, e);
       }
-    }, { speechState: t, start: r, stop: d } = J(a), u = async () => {
-      if (!m.value) {
-        if (n.onButtonClick) {
-          let s = !1;
-          if (await n.onButtonClick(t.isRecording, () => {
-            s = !0;
-          }), s) return;
+    }), { isTouchDevice: L } = Ce(), g = _(null), u = _(null), K = (i, e) => {
+      if (i.currentTarget instanceof HTMLButtonElement) {
+        if (u.value === e) {
+          g.value = null, u.value = null;
+          return;
         }
-        t.isRecording ? d() : r();
-      }
-    }, f = R(() => n.icon ?? _), g = R(() => n.recordingIcon ?? q);
-    return o({
-      start: r,
-      stop: d,
-      speechState: t
-    }), (s, v) => (S(), j(U, null, [
-      p(t).isSupported ? (S(), x(b, {
-        key: 0,
-        icon: f.value,
-        disabled: m.value,
-        size: i.size,
-        tooltip: i.tooltip,
-        "tooltip-placement": i.tooltipPlacement,
-        class: W({ "is-recording": p(t).isRecording }),
-        onClick: u
-      }, L({ _: 2 }, [
-        s.$slots.icon ? {
-          name: "icon",
-          fn: y(() => [
-            z(s.$slots, "icon", {
-              isRecording: p(t).isRecording
-            }, void 0, !0)
-          ]),
-          key: "0"
-        } : p(t).isRecording ? {
-          name: "icon",
-          fn: y(() => [
-            (S(), x(M(g.value)))
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["icon", "disabled", "size", "tooltip", "tooltip-placement", "class"])) : N("", !0),
-      z(s.$slots, "recording-overlay", {
-        isRecording: p(t).isRecording,
-        stop: p(d)
-      }, void 0, !0)
-    ], 64));
+        g.value = i.currentTarget, u.value = e;
+      } else
+        g.value = null, u.value = null;
+    }, ee = (i) => {
+      const e = u.value;
+      e && (i.id === "rename" && R(e), c("item-action", i, e));
+    };
+    return (i, e) => (r(), a("div", {
+      class: U(["tr-history", { "touch-device": n(L) }])
+    }, [
+      E.value ? (r(), H(Re, { key: 1 })) : (r(), a(S, { key: 0 }, [
+        (r(!0), a(S, null, V(C.value, (f) => (r(), a("div", {
+          class: "tr-history__group",
+          key: f.group
+        }, [
+          f.group !== n(X) ? (r(), a("div", $e, B(f.group), 1)) : G("", !0),
+          w("div", be, [
+            (r(!0), a(S, null, V(f.items, (l, te) => (r(), a("div", {
+              class: U(["tr-history__item", {
+                selected: l.id && l.id === t.selected,
+                editing: n(p) === l,
+                active: u.value === l
+              }]),
+              key: l.id || te,
+              onClick: (d) => c("item-click", l)
+            }, [
+              q(i.$slots, "item-prefix", { item: l }, void 0, !0),
+              l.icon ? (r(), H(Y(l.icon), { key: 0 })) : G("", !0),
+              n(p) === l ? A((r(), a("input", {
+                key: 1,
+                class: "tr-history__item-editor",
+                type: "text",
+                onClick: e[0] || (e[0] = J(() => {
+                }, ["stop"])),
+                ref_for: !0,
+                ref_key: "editorRefList",
+                ref: x,
+                "onUpdate:modelValue": e[1] || (e[1] = (d) => le(k) ? k.value = d : null),
+                onKeydown: [
+                  e[2] || (e[2] = F(
+                    //@ts-ignore
+                    (...d) => n(v) && n(v)(...d),
+                    ["enter"]
+                  )),
+                  e[3] || (e[3] = F(
+                    //@ts-ignore
+                    (...d) => n(o) && n(o)(...d),
+                    ["escape"]
+                  ))
+                ]
+              }, null, 544)), [
+                [re, n(k)]
+              ]) : q(i.$slots, "item-title", {
+                key: 2,
+                item: l
+              }, () => [
+                w("span", {
+                  class: "text",
+                  title: l.title
+                }, B(l.title), 9, Oe)
+              ], !0),
+              w("span", {
+                class: "tr-history__item-actions",
+                onClick: e[6] || (e[6] = J(() => {
+                }, ["stop"]))
+              }, [
+                t.showRenameControls && n(p) === l ? (r(), a("button", {
+                  key: 0,
+                  class: "editor-confirm",
+                  ref_for: !0,
+                  ref_key: "editorConfirmRefList",
+                  ref: y,
+                  onClick: e[4] || (e[4] = //@ts-ignore
+                  (...d) => n(v) && n(v)(...d))
+                }, [
+                  $(n(me))
+                ], 512)) : G("", !0),
+                t.showRenameControls && n(p) === l ? (r(), a("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))
+                }, [
+                  $(n(fe))
+                ], 512)) : G("", !0),
+                w("button", {
+                  class: U(["menu", { hidden: n(p) === l }]),
+                  onClick: (d) => K(d, l)
+                }, [
+                  $(n(pe))
+                ], 10, Se)
+              ])
+            ], 10, Ge))), 128))
+          ])
+        ]))), 128)),
+        A($(Me, {
+          trigger: g.value,
+          "onUpdate:trigger": e[7] || (e[7] = (f) => g.value = f),
+          data: u.value,
+          "onUpdate:data": e[8] || (e[8] = (f) => u.value = f),
+          items: t.menuItems,
+          "menu-list-gap": t.menuListGap,
+          onItemClick: ee
+        }, null, 8, ["trigger", "data", "items", "menu-list-gap"]), [
+          [ae, g.value]
+        ])
+      ], 64))
+    ], 2));
   }
-}), ne = /* @__PURE__ */ G(K, [["__scopeId", "data-v-2a013fc9"]]);
+}), N = /* @__PURE__ */ z(Be, [["__scopeId", "data-v-97a7e8a2"]]), De = function(s) {
+  s.component(N.name, N);
+};
+Object.assign(N, {
+  name: "TrHistory",
+  install: De
+});
 export {
-  ne as V,
-  w as W,
-  te as _,
-  J as u
+  N as H,
+  Ce as u
 };