@opentiny/tiny-robot 0.3.1-alpha.7 → 0.3.1-alpha.8

package/dist/index3.js

@@ -1,301 +1,282 @@
-import { ref as _, onMounted as ne, onBeforeUnmount as oe, defineComponent as P, createElementBlock as a, openBlock as r, createElementVNode as w, createVNode as $, unref as n, toDisplayString as B, mergeModels as W, useModel as j, computed as I, normalizeStyle as ie, Fragment as S, renderList as V, createBlock as H, resolveDynamicComponent as Y, nextTick as se, normalizeClass as U, withDirectives as q, createCommentVNode as G, renderSlot as A, withKeys as F, withModifiers as J, isRef as le, 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 "./index4.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",
+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",
   props: {
-    text: { default: "暂无内容" }
+    disabled: { type: Boolean },
+    accept: { default: "*" },
+    multiple: { type: Boolean, default: !0 },
+    reset: { type: Boolean, default: !0 },
+    maxSize: {},
+    maxCount: {},
+    tooltip: {},
+    size: {},
+    icon: {},
+    tooltipPlacement: { default: "top" }
   },
-  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__ */ W({
-    items: {},
-    menuListGap: { default: 8 }
-  }, {
-    trigger: { default: null },
-    triggerModifiers: {},
-    data: { default: null },
-    dataModifiers: {}
-  }),
-  emits: /* @__PURE__ */ W(["item-click"], ["update:trigger", "update:data"]),
-  setup(s, { emit: m }) {
-    const t = j(s, "trigger"), c = j(s, "data"), h = s, C = m, E = _(null);
-    Z(
-      E,
-      () => {
-        t.value = null, c.value = null;
-      },
-      {
-        ignore: [t]
+  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;
       }
-    );
-    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;
+      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;
+        }
+      }
+      l("select", g);
+    });
+    const u = () => {
+      t.value || r();
     };
-    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));
+    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);
   }
-}), 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());
+  /**
+   * 检查浏览器是否支持 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();
     });
-  }, k = () => {
-    t.value = void 0, y.value = "";
-  }, R = () => {
-    t.value && m(y.value, t.value), t.value = void 0, y.value = "";
-  };
-  return (s === "confirm" || s === "cancel") && Z(
-    h,
-    () => {
-      s === "confirm" ? R() : k();
+  }
+  /**
+   * 清理事件监听器
+   */
+  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);
     },
-    { ignore: [E, x] }
-  ), {
-    editingItem: t,
-    editorRefList: c,
-    editorConfirmRefList: C,
-    editorCancelRefList: p,
-    editorValue: y,
-    handleEdit: M,
-    handleEditCancel: k,
-    handleEditConfirm: R
+    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());
+  };
+  return P(() => {
+    e.isRecording && c && (c.stop(), e.isRecording = !1);
+  }), {
+    speechState: e,
+    start: h,
+    stop: m
   };
-}, 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({
+}
+const K = /* @__PURE__ */ B({
   __name: "index",
   props: {
-    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 }
+    icon: {},
+    recordingIcon: {},
+    disabled: { type: Boolean },
+    size: {},
+    tooltip: {},
+    tooltipPlacement: { default: "top" },
+    speechConfig: {},
+    autoInsert: { type: Boolean, default: !0 },
+    onButtonClick: {}
   },
-  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);
+  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);
       }
-    }), { 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;
+    }, { 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;
         }
-        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)
-            }, [
-              A(i.$slots, "item-prefix", { item: l }, void 0, !0),
-              l.icon ? (r(), H(Y(l.icon), { key: 0 })) : G("", !0),
-              n(p) === l ? q((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)]
-              ]) : A(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)),
-        q($(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));
+        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));
   }
-}), N = /* @__PURE__ */ z(Be, [["__scopeId", "data-v-97a7e8a2"]]), De = function(s) {
-  s.component(N.name, N);
-};
-Object.assign(N, {
-  name: "TrHistory",
-  install: De
-});
+}), ne = /* @__PURE__ */ G(K, [["__scopeId", "data-v-2a013fc9"]]);
 export {
-  N as H,
-  Ce as u
+  ne as V,
+  w as W,
+  te as _,
+  J as u
 };