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

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

@@ -0,0 +1,22 @@
+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" }
+  },
+  setup(s) {
+    u((e) => ({
+      "2d9cffb8": r.value,
+      "0c8b8982": a.value
+    }));
+    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)))
+    ]));
+  }
+});
+export {
+  x as default
+};

package/dist/packages/components/src/prompts/prompt.vue.js

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

package/dist/packages/components/src/prompts/prompt.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as s, computed as c, createElementBlock as p, openBlock as t, normalizeClass as a, createElementVNode as o, createBlock as i, resolveDynamicComponent as l, createCommentVNode as b, toDisplayString as d } from "vue";
-const g = { class: "tr-prompt__icon" }, v = { class: "tr-prompt__content" }, C = { class: "tr-prompt__content-label" }, f = {
+import { defineComponent as i, createElementBlock as s, openBlock as t, normalizeClass as r, createElementVNode as o, createBlock as a, resolveDynamicComponent as c, createCommentVNode as d, toDisplayString as n, Fragment as l, createTextVNode as _ } from "vue";
+const m = { class: "tr-prompt__icon" }, b = { class: "tr-prompt__content" }, g = { class: "tr-prompt__content-label" }, y = {
   key: 0,
   class: "tr-prompt__content-description"
-}, k = /* @__PURE__ */ s({
+}, u = /* @__PURE__ */ i({
   __name: "prompt",
   props: {
     label: {},
@@ -12,26 +12,28 @@ const g = { class: "tr-prompt__icon" }, v = { class: "tr-prompt__content" }, C =
     disabled: { type: Boolean },
     badge: {}
   },
-  setup(_) {
-    const e = _, r = (n) => n ? s(() => () => n) : null, m = c(() => r(e.icon)), u = c(() => r(e.badge));
-    return (n, h) => (t(), p("div", {
-      class: a(["tr-prompt", { disabled: e.disabled }])
+  setup(p) {
+    const e = p;
+    return (f, h) => (t(), s("div", {
+      class: r(["tr-prompt", { disabled: e.disabled }])
     }, [
-      o("div", g, [
-        (t(), i(l(m.value)))
+      o("div", m, [
+        (t(), a(c(e.icon)))
       ]),
-      o("div", v, [
-        o("h6", C, d(e.label), 1),
-        e.description ? (t(), p("p", f, d(e.description), 1)) : b("", !0)
+      o("div", b, [
+        o("h6", g, n(e.label), 1),
+        e.description ? (t(), s("p", y, n(e.description), 1)) : d("", !0)
       ]),
       o("div", {
-        class: a(["tr-prompt__badge", { label: typeof e.badge == "string" }])
+        class: r(["tr-prompt__badge", { label: typeof e.badge == "string" }])
       }, [
-        (t(), i(l(u.value)))
+        typeof e.badge == "string" ? (t(), s(l, { key: 0 }, [
+          _(n(e.badge), 1)
+        ], 64)) : (t(), a(c(e.badge), { key: 1 }))
       ], 2)
     ], 2));
   }
 });
 export {
-  k as default
+  u as default
 };

package/dist/packages/components/src/question/components/HotQuestions.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as S, ref as k, computed as _, watch as x, createElementBlock as i, createCommentVNode as h, openBlock as l, createElementVNode as s, withModifiers as M, normalizeStyle as N, createVNode as v, unref as r, Fragment as C, renderList as q, normalizeClass as Q, renderSlot as u, toDisplayString as f, createTextVNode as V } from "vue";
-import T from "../../../../../node_modules/.pnpm/@opentiny_vue-icon@3.22.0/node_modules/@opentiny/vue-icon/lib/close.js";
-import z from "../../../../../node_modules/.pnpm/@opentiny_vue-button@3.21.0/node_modules/@opentiny/vue-button/lib/index.js";
-import { IconHotQuestion as A, IconTypeAll as E } from "../../../../svgs/dist/tiny-robot-svgs.js";
-const H = { class: "tr-question-header" }, I = { style: { display: "flex", "align-items": "center", gap: "12px" } }, R = {
+import { defineComponent as O, ref as k, computed as Q, watch as S, createElementBlock as i, createCommentVNode as h, openBlock as l, createElementVNode as s, withModifiers as _, normalizeStyle as M, createVNode as v, unref as r, Fragment as C, renderList as q, normalizeClass as N, renderSlot as u, toDisplayString as f, createTextVNode as V } from "vue";
+import z from "../../../../../node_modules/.pnpm/@opentiny_vue-icon@3.22.0/node_modules/@opentiny/vue-icon/lib/close.js";
+import I from "../../../../../node_modules/.pnpm/@opentiny_vue-button@3.21.0/node_modules/@opentiny/vue-button/lib/index.js";
+import { IconHotQuestion as T, IconTypeAll as A } from "../../../../svgs/dist/tiny-robot-svgs.js";
+const E = { class: "tr-question-header" }, H = { style: { display: "flex", "align-items": "center", gap: "12px", "font-size": "36px" } }, R = {
   key: 0,
   class: "tr-question-categories"
 }, W = ["onClick"], D = { class: "category-icon" }, F = { class: "tr-question-content" }, L = {
@@ -11,7 +11,7 @@ const H = { class: "tr-question-header" }, I = { style: { display: "flex", "alig
 }, P = { key: 1 }, j = ["onClick"], G = {
   key: 2,
   class: "tr-question-empty"
-}, Z = /* @__PURE__ */ S({
+}, Z = /* @__PURE__ */ O({
   __name: "HotQuestions",
   props: {
     visible: {
@@ -37,13 +37,13 @@ const H = { class: "tr-question-header" }, I = { style: { display: "flex", "alig
   },
   emits: ["update:visible", "close", "select-category", "question-click"],
   setup(n, { emit: b }) {
-    const w = T(), a = n, c = b, d = k(""), p = _(() => {
+    const B = z(), a = n, c = b, d = k(""), p = Q(() => {
       if (!d.value && a.categories.length > 0)
         return a.categories[0].questions || [];
       const e = a.categories.find((t) => t.id === d.value);
       return e ? e.questions : [];
     });
-    x(
+    S(
       () => a.categories,
       (e) => {
         e.length > 0 && !d.value && (d.value = e[0].id);
@@ -52,33 +52,33 @@ const H = { class: "tr-question-header" }, I = { style: { display: "flex", "alig
     );
     const y = () => {
       c("update:visible", !1), c("close");
-    }, B = (e) => {
+    }, $ = (e) => {
       d.value = e, c(
         "select-category",
         a.categories.find((t) => t.id === e)
       );
-    }, $ = (e) => {
+    }, w = (e) => {
       c("question-click", e);
-    }, O = (e) => {
+    }, x = (e) => {
       a.closeOnClickOutside && !e.composedPath().includes(g.value) && y();
     }, g = k(null);
     return (e, t) => n.visible ? (l(), i("div", {
       key: 0,
       class: "tr-question-modal-backdrop",
-      onMousedown: O
+      onMousedown: x
     }, [
       s("div", {
         ref_key: "modalRef",
         ref: g,
         class: "tr-question-panel",
-        style: N({ width: n.modalWidth }),
-        onMousedown: t[0] || (t[0] = M(() => {
+        style: M({ width: n.modalWidth }),
+        onMousedown: t[0] || (t[0] = _(() => {
         }, ["stop"]))
       }, [
-        s("div", H, [
-          s("div", I, [
+        s("div", E, [
+          s("div", H, [
             s("div", null, [
-              v(r(A))
+              v(r(T))
             ]),
             t[1] || (t[1] = s("div", { class: "tr-question-header-title" }, "热门问题", -1))
           ]),
@@ -86,8 +86,8 @@ const H = { class: "tr-question-header" }, I = { style: { display: "flex", "alig
             class: "tr-question-close-btn",
             onClick: y
           }, [
-            v(r(z), {
-              icon: r(w),
+            v(r(I), {
+              icon: r(B),
               type: "text"
             }, null, 8, ["icon"])
           ])
@@ -95,12 +95,12 @@ const H = { class: "tr-question-header" }, I = { style: { display: "flex", "alig
         n.categories.length > 0 ? (l(), i("div", R, [
           (l(!0), i(C, null, q(n.categories, (o) => (l(), i("div", {
             key: o.id,
-            class: Q(["tr-question-categories-item", { active: d.value === o.id }]),
-            onClick: (m) => B(o.id)
+            class: N(["tr-question-categories-item", { active: d.value === o.id }]),
+            onClick: (m) => $(o.id)
           }, [
             u(e.$slots, "category-label", { category: o }, () => [
               s("div", D, [
-                v(r(E))
+                v(r(A))
               ]),
               s("span", null, f(o.label), 1)
             ])
@@ -115,7 +115,7 @@ const H = { class: "tr-question-header" }, I = { style: { display: "flex", "alig
             (l(!0), i(C, null, q(p.value, (o, m) => (l(), i("li", {
               key: o.id,
               class: "tr-question-list-item",
-              onClick: (J) => $(o)
+              onClick: (J) => w(o)
             }, [
               u(e.$slots, "question-item", {
                 question: o,

package/dist/packages/components/src/question/index.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as N, computed as O, ref as E, watch as T, onMounted as D, createElementBlock as b, openBlock as i, normalizeClass as M, createElementVNode as l, createVNode as a, createCommentVNode as U, unref as n, withCtx as d, renderSlot as r, createTextVNode as W, toDisplayString as p, createBlock as q } from "vue";
+import { defineComponent as D, computed as N, ref as w, watch as O, onMounted as T, createElementBlock as q, openBlock as i, normalizeClass as M, createElementVNode as l, createVNode as a, createCommentVNode as U, unref as n, withCtx as d, renderSlot as r, createTextVNode as W, toDisplayString as p, createBlock as B } from "vue";
 import { useQuestions as z } from "./composables/useQuestions.js";
 import F from "./components/CommonQuestions.vue.js";
 import H from "./components/HotQuestions.vue.js";
 import { IconHotQuestion as j, IconTypeAll as G, IconArrowUp as J, IconArrowDown as K } from "../../../svgs/dist/tiny-robot-svgs.js";
 /* empty css           */
-const L = ["data-theme"], P = { class: "category-icon" }, te = /* @__PURE__ */ N({
+const L = ["data-theme"], P = { class: "category-icon" }, te = /* @__PURE__ */ D({
   __name: "index",
   props: {
     categories: { default: () => [] },
@@ -16,11 +16,11 @@ const L = ["data-theme"], P = { class: "category-icon" }, te = /* @__PURE__ */ N
     loading: { type: Boolean, default: !1 }
   },
   emits: ["question-click", "select-category"],
-  setup(B, { expose: $, emit: Q }) {
-    const u = B, g = () => {
+  setup(b, { expose: Q, emit: $ }) {
+    const u = b, g = () => {
       s.value = !s.value;
-    }, f = Q, v = O(() => u.categories), s = E(u.initialExpanded), { modalVisible: m, currentTheme: x, setActiveCategory: h, openModal: c, closeModal: k, setTheme: S, refreshData: A } = z(v);
-    T(
+    }, f = $, v = N(() => u.categories), s = w(u.initialExpanded), { modalVisible: m, currentTheme: x, setActiveCategory: h, openModal: c, closeModal: k, setTheme: S, refreshData: A } = z(v);
+    O(
       () => u.theme,
       (e) => {
         S(e);
@@ -28,20 +28,20 @@ const L = ["data-theme"], P = { class: "category-icon" }, te = /* @__PURE__ */ N
     );
     const y = (e) => {
       k(), f("question-click", e);
-    }, V = (e) => {
+    }, I = (e) => {
       e && (h(e.id), f("select-category", e));
-    }, C = E(!1), I = (e) => {
+    }, C = w(!1), V = (e) => {
       C.value = e;
     };
-    return D(() => {
+    return T(() => {
       document.documentElement.setAttribute("data-theme", x.value);
-    }), $({
+    }), Q({
       openModal: c,
       closeModal: k,
       toggleFloating: g,
       setActiveCategory: h,
       refreshData: A
-    }), (e, t) => (i(), b("div", {
+    }), (e, t) => (i(), q("div", {
       class: M(["tr-question-container", [`theme-${e.theme}`]]),
       "data-theme": e.theme
     }, [
@@ -61,7 +61,7 @@ const L = ["data-theme"], P = { class: "category-icon" }, te = /* @__PURE__ */ N
         "onUpdate:visible": t[1] || (t[1] = (o) => m.value = o),
         onClose: t[2] || (t[2] = (o) => m.value = !1),
         onQuestionClick: y,
-        onSelectCategory: V
+        onSelectCategory: I
       }, {
         "category-label": d(({ category: o }) => [
           r(e.$slots, "category-label", { category: o }, () => [
@@ -71,12 +71,12 @@ const L = ["data-theme"], P = { class: "category-icon" }, te = /* @__PURE__ */ N
             l("span", null, p(o.label), 1)
           ])
         ]),
-        "question-item": d(({ question: o, index: w }) => [
+        "question-item": d(({ question: o, index: E }) => [
           r(e.$slots, "question-item", {
             question: o,
-            index: w
+            index: E
           }, () => [
-            l("span", null, p(w + 1) + ".", 1),
+            l("span", null, p(E + 1) + ".", 1),
             W(" " + p(o.text), 1)
           ])
         ]),
@@ -95,15 +95,15 @@ const L = ["data-theme"], P = { class: "category-icon" }, te = /* @__PURE__ */ N
       a(F, {
         isExpanded: s.value,
         questions: e.commonQuestions,
-        onShowExpandButton: I,
+        onShowExpandButton: V,
         onQuestionClick: y
       }, null, 8, ["isExpanded", "questions"]),
-      C.value ? (i(), b("div", {
+      C.value ? (i(), q("div", {
         key: 0,
         class: "tr-question-wrap-trigger",
         onClick: g
       }, [
-        s.value ? (i(), q(n(K), { key: 1 })) : (i(), q(n(J), { key: 0 }))
+        s.value ? (i(), B(n(K), { key: 1 })) : (i(), B(n(J), { key: 0 }))
       ])) : U("", !0)
     ], 10, L));
   }

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

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

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

@@ -0,0 +1,175 @@
+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"
+}, le = /* @__PURE__ */ U({
+  __name: "TemplateEditor",
+  props: {
+    template: {},
+    value: {}
+  },
+  emits: ["update:value", "input", "content-status", "field-active"],
+  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
+        }), t.push({
+          content: o[1],
+          // 使用占位符作为默认内容
+          placeholder: o[1],
+          isField: !0,
+          fieldIndex: a++
+        }), n = o.index + o[0].length;
+      return n < e.length && t.push({
+        content: e.substring(n),
+        isField: !1
+      }), 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);
+      });
+      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 = "");
+      }
+      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(
+      () => d.value,
+      (e) => {
+        e === "" ? V() : e && !g.value && I(e);
+      }
+    ), T(
+      () => d.template,
+      () => {
+        z(), D(() => {
+          C();
+        });
+      },
+      { immediate: !0 }
+    );
+    const V = () => {
+      s.value.forEach((e) => {
+        e.isField && (e.content = e.placeholder || "");
+      }), h();
+    }, O = () => {
+      V();
+    };
+    return j(() => {
+      C();
+    }), L({
+      activateFirstField: () => {
+        for (let e = 0; e < s.value.length; e++)
+          if (s.value[e].isField) {
+            E(e);
+            break;
+          }
+      },
+      resetFields: O
+    }), (e, t) => (f(), r("div", Q, [
+      W("div", {
+        class: "template-content",
+        ref_key: "editorRef",
+        ref: $
+      }, [
+        (f(!0), r(P, null, q(s.value, (n, a) => (f(), r(P, { key: a }, [
+          n.isField ? (f(), r("span", {
+            key: 1,
+            class: G(["template-field", { "template-field-active": u.value === a }]),
+            onClick: (l) => E(a)
+          }, [
+            u.value === a ? (f(), r("span", {
+              key: 0,
+              ref_for: !0,
+              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, Z)) : (f(), r("span", ee, S(n.content), 1))
+          ], 10, Y)) : (f(), r("span", X, S(n.content), 1))
+        ], 64))), 128))
+      ], 512)
+    ]));
+  }
+});
+export {
+  le as default
+};