@opentiny/tiny-robot 0.2.0-alpha.1 → 0.2.0-alpha.2

package/dist/packages/components/src/feedback/index.vue2.js

@@ -1,15 +1,15 @@
-import { defineComponent as F, ref as M, createElementBlock as d, openBlock as o, createElementVNode as a, createCommentVNode as f, createVNode as _, unref as t, withCtx as l, Fragment as g, renderList as A, createBlock as c, createTextVNode as R, toDisplayString as k, resolveDynamicComponent as b } from "vue";
-import { IconArrowDown as h, IconArrowUp as C, IconDislike as T, IconLike as X, IconRefresh as z, IconCopy as O } from "../../../svgs/dist/tiny-robot-svgs.js";
-import x from "../../../../node_modules/.pnpm/@opentiny_vue-button@3.21.0/node_modules/@opentiny/vue-button/lib/index.js";
-import { ActionGroupItem as N } from "../action-group/index.js";
+import { defineComponent as R, ref as T, createElementBlock as p, openBlock as o, createElementVNode as a, createCommentVNode as _, createBlock as l, unref as t, withCtx as c, Fragment as C, renderList as x, createVNode as f, createTextVNode as X, toDisplayString as k, resolveDynamicComponent as h } from "vue";
+import { IconArrowDown as b, IconArrowUp as N, IconDislike as z, IconLike as O, IconRefresh as U, IconCopy as Z } from "../../../svgs/dist/tiny-robot-svgs.js";
+import w from "../../../../node_modules/.pnpm/@opentiny_vue-button@3.21.0/node_modules/@opentiny/vue-button/lib/index.js";
+import { ActionGroupItem as S } from "../action-group/index.js";
 import "../icon-button/index.js";
-import U from "./components/SourceList.vue.js";
-import w from "../action-group/ActionGroup.vue.js";
-import Z from "../icon-button/index.vue.js";
-const j = { class: "tr-feedback" }, q = { class: "tr-feedback__operations" }, H = {
+import j from "./components/SourceList.vue.js";
+import B from "../action-group/ActionGroup.vue.js";
+import q from "../icon-button/index.vue.js";
+const H = { class: "tr-feedback" }, J = { class: "tr-feedback__operations" }, K = { class: "tr-feedback__operations-left" }, P = { key: 1 }, Q = { class: "tr-feedback__operations-right" }, W = {
   key: 0,
-  class: "tr-feedback__operations-left"
-}, J = { key: 1 }, K = { class: "tr-feedback__operations-right" }, P = { class: "tr-feedback__footer" }, Q = { key: 0 }, ie = /* @__PURE__ */ F({
+  class: "tr-feedback__footer"
+}, Y = { key: 0 }, ae = /* @__PURE__ */ R({
   __name: "index",
   props: {
     operations: {},
@@ -20,60 +20,61 @@ const j = { class: "tr-feedback" }, q = { class: "tr-feedback__operations" }, H
     sourcesLinesLimit: { default: Number.MAX_SAFE_INTEGER }
   },
   emits: ["operation", "action"],
-  setup(S, { emit: B }) {
-    const e = S, D = {
-      copy: O,
-      refresh: z,
-      like: X,
-      dislike: T
-    }, y = B, G = (m) => {
-      var i, n, r;
-      (r = (n = (i = e.operations) == null ? void 0 : i.find((u) => u.name === m)) == null ? void 0 : n.onClick) == null || r.call(n), y("operation", m);
-    }, V = (m) => {
-      var i, n, r;
-      (r = (n = (i = e.actions) == null ? void 0 : i.find((u) => u.name === m)) == null ? void 0 : n.onClick) == null || r.call(n), y("action", m);
-    }, p = M(!1), v = () => {
-      p.value = !p.value;
+  setup(D, { emit: G }) {
+    const e = D, V = {
+      copy: Z,
+      refresh: U,
+      like: O,
+      dislike: z
+    }, y = G, F = (m) => {
+      var r, n, i;
+      (i = (n = (r = e.operations) == null ? void 0 : r.find((d) => d.name === m)) == null ? void 0 : n.onClick) == null || i.call(n), y("operation", m);
+    }, M = (m) => {
+      var r, n, i;
+      (i = (n = (r = e.actions) == null ? void 0 : r.find((d) => d.name === m)) == null ? void 0 : n.onClick) == null || i.call(n), y("action", m);
+    }, u = T(!1), v = () => {
+      u.value = !u.value;
     };
-    return (m, i) => {
-      var n, r, u, I, L, E;
-      return o(), d("div", j, [
-        a("div", q, [
-          (n = e.operations) != null && n.length ? (o(), d("div", H, [
-            _(t(w), {
+    return (m, r) => {
+      var n, i, d, g, I, L, E, A;
+      return o(), p("div", H, [
+        a("div", J, [
+          a("div", K, [
+            (n = e.operations) != null && n.length ? (o(), l(t(B), {
+              key: 0,
               "max-num": e.operationsLimit,
               "drop-down-show-label-only": !0,
-              onItemClick: G,
+              onItemClick: F,
               class: "tr-feedback__operations-left-action-group"
             }, {
-              moreBtn: l(() => [
-                _(t(x), {
+              moreBtn: c(() => [
+                f(t(w), {
                   round: "",
                   size: "mini",
                   "reset-time": 0,
                   class: "tr-feedback__operations-more-btn"
                 }, {
-                  default: l(() => [
-                    i[0] || (i[0] = a("span", null, "更多", -1)),
-                    _(t(h))
+                  default: c(() => [
+                    r[0] || (r[0] = a("span", null, "更多", -1)),
+                    f(t(b))
                   ]),
                   _: 1
                 })
               ]),
-              default: l(() => [
-                (o(!0), d(g, null, A(e.operations, (s) => (o(), c(t(N), {
+              default: c(() => [
+                (o(!0), p(C, null, x(e.operations, (s) => (o(), l(t(S), {
                   key: s.name,
                   name: s.name,
                   label: s.label
                 }, {
-                  default: l(() => [
-                    _(t(x), {
+                  default: c(() => [
+                    f(t(w), {
                       round: "",
                       "reset-time": 0,
                       size: "mini"
                     }, {
-                      default: l(() => [
-                        R(k(s.label), 1)
+                      default: c(() => [
+                        X(k(s.label), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -82,33 +83,33 @@ const j = { class: "tr-feedback" }, q = { class: "tr-feedback__operations" }, H
                 }, 1032, ["name", "label"]))), 128))
               ]),
               _: 1
-            }, 8, ["max-num"])
-          ])) : (r = e.sources) != null && r.length ? (o(), d("div", J, [
-            a("span", {
-              class: "tr-feedback__source",
-              onClick: v
-            }, [
-              a("span", null, k((u = e.sources) == null ? void 0 : u.length) + "条来源", 1),
-              (o(), c(b(p.value ? t(C) : t(h))))
-            ])
-          ])) : f("", !0),
-          a("div", K, [
-            _(t(w), {
+            }, 8, ["max-num"])) : (i = e.sources) != null && i.length ? (o(), p("div", P, [
+              a("span", {
+                class: "tr-feedback__source",
+                onClick: v
+              }, [
+                a("span", null, k((d = e.sources) == null ? void 0 : d.length) + "条来源", 1),
+                (o(), l(h(u.value ? t(N) : t(b))))
+              ])
+            ])) : _("", !0)
+          ]),
+          a("div", Q, [
+            f(t(B), {
               "max-num": e.actionsLimit,
-              onItemClick: V
+              "show-tooltip": !0,
+              onItemClick: M
             }, {
-              default: l(() => [
-                (o(!0), d(g, null, A(e.actions, (s) => (o(), c(t(N), {
+              default: c(() => [
+                (o(!0), p(C, null, x(e.actions, (s) => (o(), l(t(S), {
                   key: s.name,
                   name: s.name,
                   label: s.label
                 }, {
-                  default: l(() => [
-                    typeof s.icon == "string" ? (o(), c(t(Z), {
+                  default: c(() => [
+                    typeof s.icon == "string" ? (o(), l(t(q), {
                       key: 0,
-                      icon: D[s.icon],
-                      tooltip: s.label
-                    }, null, 8, ["icon", "tooltip"])) : (o(), c(b(s.icon), { key: 1 }))
+                      icon: V[s.icon]
+                    }, null, 8, ["icon"])) : (o(), l(h(s.icon), { key: 1 }))
                   ]),
                   _: 2
                 }, 1032, ["name", "label"]))), 128))
@@ -117,26 +118,26 @@ const j = { class: "tr-feedback" }, q = { class: "tr-feedback__operations" }, H
             }, 8, ["max-num"])
           ])
         ]),
-        a("div", P, [
-          (I = e.operations) != null && I.length && ((L = e.sources) != null && L.length) ? (o(), d("div", Q, [
+        (g = e.operations) != null && g.length && ((I = e.sources) != null && I.length) || u.value && e.sources ? (o(), p("div", W, [
+          (L = e.operations) != null && L.length && ((E = e.sources) != null && E.length) ? (o(), p("div", Y, [
             a("span", {
               class: "tr-feedback__source",
               onClick: v
             }, [
-              a("span", null, k((E = e.sources) == null ? void 0 : E.length) + "条来源", 1),
-              (o(), c(b(p.value ? t(C) : t(h))))
+              a("span", null, k((A = e.sources) == null ? void 0 : A.length) + "条来源", 1),
+              (o(), l(h(u.value ? t(N) : t(b))))
             ])
-          ])) : f("", !0),
-          p.value && e.sources ? (o(), c(t(U), {
+          ])) : _("", !0),
+          u.value && e.sources ? (o(), l(t(j), {
             key: 1,
             sources: e.sources,
             "lines-limit": e.sourcesLinesLimit
-          }, null, 8, ["sources", "lines-limit"])) : f("", !0)
-        ])
+          }, null, 8, ["sources", "lines-limit"])) : _("", !0)
+        ])) : _("", !0)
       ]);
     };
   }
 });
 export {
-  ie as default
+  ae as default
 };

package/dist/packages/components/src/icon-button/index.vue.js

@@ -1,7 +1,7 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-be35ecb5"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f6ea2c1a"]]);
 export {
-  m as default
+  f as default
 };

package/dist/packages/components/src/icon-button/index.vue2.js

@@ -1,37 +1,19 @@
-import { defineComponent as i, useCssVars as p, createBlock as n, createElementBlock as r, openBlock as e, unref as a, withCtx as l, createElementVNode as f, resolveDynamicComponent as c } from "vue";
-import u from "../../../../node_modules/.pnpm/@opentiny_vue-tooltip@3.22.0/node_modules/@opentiny/vue-tooltip/lib/index.js";
-const m = { class: "tr-icon-button" }, d = {
-  key: 1,
-  class: "tr-icon-button"
-}, x = /* @__PURE__ */ i({
+import { defineComponent as i, useCssVars as u, computed as n, createElementBlock as p, openBlock as c, createBlock as l, resolveDynamicComponent as m } from "vue";
+const f = { class: "tr-icon-button" }, x = /* @__PURE__ */ i({
   __name: "index",
   props: {
     icon: {},
     size: { default: "24px" },
-    svgSize: { default: "16px" },
-    tooltip: {}
+    svgSize: { default: "16px" }
   },
   setup(s) {
-    p((o) => ({
-      "1bc6294b": t.size,
-      "2e5bfafb": t.svgSize
+    u((e) => ({
+      "2d9cffb8": r.value,
+      "0c8b8982": a.value
     }));
-    const t = s;
-    return (o, _) => o.tooltip ? (e(), n(a(u), {
-      key: 0,
-      content: o.tooltip,
-      effect: "dark",
-      placement: "top",
-      "open-delay": 500
-    }, {
-      default: l(() => [
-        f("button", m, [
-          (e(), n(c(t.icon)))
-        ])
-      ]),
-      _: 1
-    }, 8, ["content"])) : (e(), r("button", d, [
-      (e(), n(c(t.icon)))
+    const t = s, o = (e) => isNaN(Number(e)) ? e : `${e}px`, r = n(() => o(t.size)), a = n(() => o(t.svgSize));
+    return (e, _) => (c(), p("button", f, [
+      (c(), l(m(t.icon)))
     ]));
   }
 });

package/dist/packages/components/src/sender/components/TemplateEditor.vue.js

@@ -1,7 +1,7 @@
 import o from "./TemplateEditor.vue2.js";
 /* empty css                    */
 import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0cf27800"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-09e9c7ed"]]);
 export {
-  a as default
+  p as default
 };

package/dist/packages/components/src/sender/components/TemplateEditor.vue2.js

@@ -1,121 +1,175 @@
-import { defineComponent as E, ref as p, computed as I, watch as T, createElementBlock as o, openBlock as a, createElementVNode as b, Fragment as F, renderList as K, toDisplayString as k, normalizeClass as B, withDirectives as R, withModifiers as M, vModelText as N, nextTick as U } from "vue";
-const $ = { class: "template-editor" }, j = { key: 0 }, z = ["onClick"], L = ["onUpdate:modelValue", "onKeydown"], P = {
+import { defineComponent as U, ref as c, watch as T, nextTick as D, onMounted as j, createElementBlock as r, openBlock as f, createElementVNode as W, Fragment as P, renderList as q, toDisplayString as S, normalizeClass as G, withModifiers as J } from "vue";
+const Q = { class: "template-editor" }, X = { key: 0 }, Y = ["onClick"], Z = ["onInput"], ee = {
   key: 1,
   class: "template-placeholder"
-}, q = /* @__PURE__ */ E({
+}, le = /* @__PURE__ */ U({
   __name: "TemplateEditor",
   props: {
     template: {},
     value: {}
   },
   emits: ["update:value", "input", "content-status", "field-active"],
-  setup(_, { expose: y, emit: g }) {
-    const u = _, v = g, w = p(null), c = p({}), r = p(-1), i = I(() => {
-      if (u.value)
-        return x();
-      const e = [];
-      let l = 0, t = 0;
-      const s = /\[(.*?)\]/g;
-      let n;
-      for (; (n = s.exec(u.template)) !== null; )
-        n.index > l && e.push({
-          content: u.template.substring(l, n.index),
+  setup(B, { expose: L, emit: M }) {
+    const d = B, p = M, $ = c(null), m = c({}), u = c(-1), _ = c(!1), v = c(!1), g = c(!1), s = c([]), k = (e) => {
+      const t = [];
+      let n = 0, a = 0;
+      const l = /\[(.*?)\]/g;
+      let o;
+      for (; (o = l.exec(e)) !== null; )
+        o.index > n && t.push({
+          content: e.substring(n, o.index),
           isField: !1
-        }), e.push({
-          content: "",
-          placeholder: n[1],
+        }), t.push({
+          content: o[1],
+          // 使用占位符作为默认内容
+          placeholder: o[1],
           isField: !0,
-          fieldIndex: t++
-        }), l = n.index + n[0].length;
-      return l < u.template.length && e.push({
-        content: u.template.substring(l),
+          fieldIndex: a++
+        }), n = o.index + o[0].length;
+      return n < e.length && t.push({
+        content: e.substring(n),
         isField: !1
-      }), e;
-    }), x = () => i.value, V = () => i.value.map((e) => e.content).join(""), d = () => {
-      const e = V();
-      v("update:value", e), v("input", e);
-    }, f = (e) => {
-      r.value = e, U(() => {
-        var l;
-        c.value[e] && ((l = c.value[e]) == null || l.focus());
+      }), t;
+    }, z = () => {
+      s.value = k(d.template), d.value && I(d.value);
+    }, I = (e) => {
+      if (!e || g.value || F() === e) return;
+      const n = k(d.template), a = [];
+      n.forEach((i) => {
+        i.isField ? a.push(`__FIELD_${i.fieldIndex}__`) : a.push(i.content);
       });
-    }, m = () => {
-      d(), r.value = -1;
-    }, C = (e, l) => {
-      if (e.key === "Tab") {
-        e.preventDefault();
-        const t = D(l, e.shiftKey);
-        t !== -1 && (d(), f(t));
-      } else e.key === "Enter" && (e.preventDefault(), m());
-    }, D = (e, l = !1) => {
-      if (l) {
-        for (let t = e - 1; t >= 0; t--)
-          if (i.value[t].isField)
-            return t;
-        for (let t = i.value.length - 1; t > e; t--)
-          if (i.value[t].isField)
-            return t;
-      } else {
-        for (let t = e + 1; t < i.value.length; t++)
-          if (i.value[t].isField)
-            return t;
-        for (let t = 0; t < e; t++)
-          if (i.value[t].isField)
-            return t;
+      let l = e, o = 0;
+      for (let i = 0; i < s.value.length; i++) {
+        if (!s.value[i].isField) continue;
+        const b = a[o];
+        o++;
+        const x = a[o] || "";
+        if (b && l.startsWith(b))
+          if (l = l.substring(b.length), x && l.includes(x)) {
+            const w = l.indexOf(x), R = l.substring(0, w);
+            R && (s.value[i].content = R, u.value === i && m.value[i] && (v.value = !0)), l = l.substring(w);
+          } else !x && l && (s.value[i].content = l, l = "");
       }
-      return -1;
+      C(e);
+    }, F = () => s.value.map((e) => e.content).join(""), h = () => {
+      g.value = !0;
+      const e = F();
+      p("update:value", e), p("input", e), C(e), setTimeout(() => {
+        g.value = !1;
+      }, 0);
+    }, C = (e) => {
+      const n = (e || F()).trim().length > 0;
+      _.value !== n && (_.value = n, p("content-status", n));
+    }, A = (e, t) => {
+      e && (m.value[t] = e, e.textContent || (e.textContent = s.value[t].content), new MutationObserver(() => {
+        u.value === t && !v.value && (v.value = !0, setTimeout(() => {
+          s.value[t].content = e.textContent !== null ? e.textContent : "", v.value = !1;
+        }, 0));
+      }).observe(e, {
+        characterData: !0,
+        childList: !0,
+        subtree: !0
+      }));
+    }, H = (e, t) => {
+      v.value = !0;
+      const n = e.target, a = n.textContent !== null ? n.textContent : "";
+      s.value[t].content !== a && (s.value[t].content = a, h()), setTimeout(() => {
+        v.value = !1;
+      }, 10);
+    }, K = (e) => {
+      if (document.createRange) {
+        const t = document.createRange();
+        t.selectNodeContents(e), t.collapse(!1);
+        const n = window.getSelection();
+        n && (n.removeAllRanges(), n.addRange(t));
+      }
+    }, E = (e) => {
+      if (u.value !== e) {
+        if (u.value !== -1) {
+          const t = u.value, n = m.value[t];
+          n && (s.value[t].content = n.textContent !== null ? n.textContent : "", h());
+        }
+        u.value = e, p("field-active", !0, e), D(() => {
+          const t = m.value[e];
+          t && (t.focus(), !t.textContent && s.value[e].content && (t.textContent = s.value[e].content), K(t));
+        });
+      }
+    }, y = () => {
+      const e = u.value;
+      if (e >= 0) {
+        const t = m.value[e];
+        if (t) {
+          const n = t.textContent !== null ? t.textContent : "";
+          s.value[e].content = n;
+        }
+        p("field-active", !1, e);
+      }
+      h(), u.value = -1;
+    }, N = (e) => {
+      e.key === "Enter" && (e.preventDefault(), y());
     };
     T(
-      () => u.value,
+      () => d.value,
       (e) => {
-        e === "" && h();
+        e === "" ? V() : e && !g.value && I(e);
       }
+    ), T(
+      () => d.template,
+      () => {
+        z(), D(() => {
+          C();
+        });
+      },
+      { immediate: !0 }
     );
-    const h = () => {
-      i.value.forEach((e) => {
-        e.isField && (e.content = "");
-      }), d();
+    const V = () => {
+      s.value.forEach((e) => {
+        e.isField && (e.content = e.placeholder || "");
+      }), h();
+    }, O = () => {
+      V();
     };
-    return y({
+    return j(() => {
+      C();
+    }), L({
       activateFirstField: () => {
-        for (let e = 0; e < i.value.length; e++)
-          if (i.value[e].isField) {
-            f(e);
+        for (let e = 0; e < s.value.length; e++)
+          if (s.value[e].isField) {
+            E(e);
             break;
           }
       },
-      resetFields: h
-    }), (e, l) => (a(), o("div", $, [
-      b("div", {
+      resetFields: O
+    }), (e, t) => (f(), r("div", Q, [
+      W("div", {
         class: "template-content",
         ref_key: "editorRef",
-        ref: w
+        ref: $
       }, [
-        (a(!0), o(F, null, K(i.value, (t, s) => (a(), o(F, { key: s }, [
-          t.isField ? (a(), o("span", {
+        (f(!0), r(P, null, q(s.value, (n, a) => (f(), r(P, { key: a }, [
+          n.isField ? (f(), r("span", {
             key: 1,
-            class: B(["template-field", { "template-field-active": r.value === s }]),
-            onClick: (n) => f(s)
+            class: G(["template-field", { "template-field-active": u.value === a }]),
+            onClick: (l) => E(a)
           }, [
-            r.value === s ? R((a(), o("input", {
+            u.value === a ? (f(), r("span", {
               key: 0,
               ref_for: !0,
-              ref: (n) => c.value[s] = n,
-              "onUpdate:modelValue": (n) => t.content = n,
-              class: "template-input",
-              onBlur: l[0] || (l[0] = (n) => m()),
-              onKeydown: (n) => C(n, s),
-              onClick: l[1] || (l[1] = M(() => {
+              ref: (l) => A(l, a),
+              class: "template-editable",
+              contenteditable: "true",
+              onInput: (l) => H(l, a),
+              onBlur: t[0] || (t[0] = (l) => y()),
+              onKeydown: t[1] || (t[1] = (l) => N(l)),
+              onClick: t[2] || (t[2] = J(() => {
               }, ["stop"]))
-            }, null, 40, L)), [
-              [N, t.content]
-            ]) : (a(), o("span", P, k(t.content || t.placeholder), 1))
-          ], 10, z)) : (a(), o("span", j, k(t.content), 1))
+            }, null, 40, Z)) : (f(), r("span", ee, S(n.content), 1))
+          ], 10, Y)) : (f(), r("span", X, S(n.content), 1))
         ], 64))), 128))
       ], 512)
     ]));
   }
 });
 export {
-  q as default
+  le as default
 };

package/dist/sender/index.vue.d.ts

@@ -508,9 +508,9 @@ declare const __VLS_component: import('vue').DefineComponent<SenderProps, {
 }>, {
     loading: boolean;
     template: string;
-    mode: import('./index.type').InputMode;
     disabled: boolean;
     modelValue: string;
+    mode: import('./index.type').InputMode;
     autofocus: boolean;
     clearable: boolean;
     showWordLimit: boolean;
@@ -519,9 +519,9 @@ declare const __VLS_component: import('vue').DefineComponent<SenderProps, {
     allowSpeech: boolean;
     allowFiles: boolean;
     submitType: import('./index.type').SubmitTrigger;
+    placeholder: string;
     autoSize: import('./index.type').AutoSize;
     maxLength: number;
-    placeholder: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     templateEditorRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./index.type').TemplateEditorProps> & Readonly<{
         onInput?: ((value: string) => any) | undefined;