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

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 a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0cf27800"]]);
+export {
+  a as default
+};

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

@@ -0,0 +1,121 @@
+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 = {
+  key: 1,
+  class: "template-placeholder"
+}, q = /* @__PURE__ */ E({
+  __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),
+          isField: !1
+        }), e.push({
+          content: "",
+          placeholder: n[1],
+          isField: !0,
+          fieldIndex: t++
+        }), l = n.index + n[0].length;
+      return l < u.template.length && e.push({
+        content: u.template.substring(l),
+        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());
+      });
+    }, 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;
+      }
+      return -1;
+    };
+    T(
+      () => u.value,
+      (e) => {
+        e === "" && h();
+      }
+    );
+    const h = () => {
+      i.value.forEach((e) => {
+        e.isField && (e.content = "");
+      }), d();
+    };
+    return y({
+      activateFirstField: () => {
+        for (let e = 0; e < i.value.length; e++)
+          if (i.value[e].isField) {
+            f(e);
+            break;
+          }
+      },
+      resetFields: h
+    }), (e, l) => (a(), o("div", $, [
+      b("div", {
+        class: "template-content",
+        ref_key: "editorRef",
+        ref: w
+      }, [
+        (a(!0), o(F, null, K(i.value, (t, s) => (a(), o(F, { key: s }, [
+          t.isField ? (a(), o("span", {
+            key: 1,
+            class: B(["template-field", { "template-field-active": r.value === s }]),
+            onClick: (n) => f(s)
+          }, [
+            r.value === s ? R((a(), o("input", {
+              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(() => {
+              }, ["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))
+        ], 64))), 128))
+      ], 512)
+    ]));
+  }
+});
+export {
+  q as default
+};