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

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

@@ -0,0 +1,55 @@
+import { defineComponent as f, useCssVars as v, useModel as i, computed as p, createElementBlock as _, openBlock as m, createElementVNode as e, renderSlot as n, createVNode as a, unref as c } from "vue";
+import { IconCancelFullScreen as b, IconFullScreen as h, IconClose as w } from "../../../svgs/dist/tiny-robot-svgs.js";
+const $ = { class: "tr-container" }, g = { class: "tr-container__header" }, C = { class: "tr-container__header-operations" }, S = { class: "tr-container__body" }, k = { class: "tr-container__footer" }, I = /* @__PURE__ */ f({
+  __name: "index",
+  props: {
+    show: { type: Boolean, required: !0 },
+    showModifiers: {},
+    fullscreen: { type: Boolean },
+    fullscreenModifiers: {}
+  },
+  emits: ["update:show", "update:fullscreen"],
+  setup(r) {
+    v((o) => ({
+      "4f670360": s.value ? "0" : "unset",
+      "01550f1a": s.value ? "unset" : "var(--tr-container-width)",
+      "9b01cee4": l.value ? "100" : "-1",
+      "46b87c3c": l.value ? "1" : "0"
+    }));
+    const l = i(r, "show"), s = i(r, "fullscreen"), u = p(() => s.value ? b : h);
+    return (o, t) => (m(), _("div", $, [
+      t[3] || (t[3] = e("div", { class: "tr-container__dragging-bar-wrapper" }, [
+        e("div", { class: "tr-container__dragging-bar" })
+      ], -1)),
+      e("div", g, [
+        n(o.$slots, "title", {}, () => [
+          t[2] || (t[2] = e("h3", { class: "tr-container__title" }, "OpenTiny NEXT", -1))
+        ], !0),
+        e("div", C, [
+          n(o.$slots, "operations", {}, void 0, !0),
+          e("button", {
+            class: "icon-btn",
+            onClick: t[0] || (t[0] = (d) => o.$emit("update:fullscreen", !s.value))
+          }, [
+            a(c(u))
+          ]),
+          e("button", {
+            class: "icon-btn",
+            onClick: t[1] || (t[1] = (d) => o.$emit("update:show", !1))
+          }, [
+            a(c(w))
+          ])
+        ])
+      ]),
+      e("div", S, [
+        n(o.$slots, "default", {}, void 0, !0)
+      ]),
+      e("div", k, [
+        n(o.$slots, "footer", {}, void 0, !0)
+      ])
+    ]));
+  }
+});
+export {
+  I as default
+};

package/dist/packages/components/src/conversations/index.js

@@ -1,5 +1,5 @@
 import n from "./index.vue.js";
-n.name = "TrConversations";
+n.name = "Conversations";
 const t = function(o) {
   o.component(n.name, n);
 };

package/dist/packages/components/src/prompts/index.js

@@ -0,0 +1,18 @@
+import o from "./prompt.vue.js";
+import t from "./prompts.vue.js";
+o.name = "TrPrompt";
+const n = function(m) {
+  m.component(o.name, o);
+};
+o.install = n;
+const a = o;
+t.name = "TrPrompts";
+const p = function(m) {
+  m.component(t.name, t);
+};
+t.install = p;
+const c = t;
+export {
+  a as Prompt,
+  c as Prompts
+};

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

@@ -0,0 +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"]]);
+export {
+  f as default
+};

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

@@ -0,0 +1,37 @@
+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 = {
+  key: 0,
+  class: "tr-prompt__content-description"
+}, k = /* @__PURE__ */ s({
+  __name: "prompt",
+  props: {
+    label: {},
+    id: {},
+    description: {},
+    icon: {},
+    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 }])
+    }, [
+      o("div", g, [
+        (t(), i(l(m.value)))
+      ]),
+      o("div", v, [
+        o("h6", C, d(e.label), 1),
+        e.description ? (t(), p("p", f, d(e.description), 1)) : b("", !0)
+      ]),
+      o("div", {
+        class: a(["tr-prompt__badge", { label: typeof e.badge == "string" }])
+      }, [
+        (t(), i(l(u.value)))
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  k as default
+};

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

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

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

@@ -0,0 +1,36 @@
+import { defineComponent as d, createElementBlock as l, openBlock as o, createElementVNode as u, renderSlot as _, normalizeClass as k, Fragment as f, renderList as C, createBlock as y, mergeProps as v, toRaw as B } from "vue";
+import w from "./prompt.vue.js";
+const h = { class: "tr-prompts" }, E = /* @__PURE__ */ d({
+  __name: "prompts",
+  props: {
+    items: {},
+    itemStyle: {},
+    itemClass: {},
+    vertical: { type: Boolean },
+    wrap: { type: Boolean }
+  },
+  emits: ["item-click"],
+  setup(i, { emit: c }) {
+    const e = i, n = c, a = (t, s) => {
+      n("item-click", t, B(s));
+    };
+    return (t, s) => (o(), l("div", h, [
+      u("div", {
+        class: k(["tr-prompts__list-container", { wrap: e.wrap, vertical: e.vertical }])
+      }, [
+        (o(!0), l(f, null, C(e.items, (r, m) => (o(), y(w, v({
+          key: r.id || m,
+          ref_for: !0
+        }, r, {
+          style: e.itemStyle,
+          class: e.itemClass,
+          onClick: (p) => a(p, r)
+        }), null, 16, ["style", "class", "onClick"]))), 128))
+      ], 2),
+      _(t.$slots, "footer", {}, void 0, !0)
+    ]));
+  }
+});
+export {
+  E as default
+};

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

@@ -0,0 +1,89 @@
+import { defineComponent as W, ref as a, watch as C, onMounted as z, onBeforeUnmount as R, createElementBlock as o, openBlock as s, normalizeClass as V, createCommentVNode as L, Fragment as w, renderList as E, createElementVNode as I, createTextVNode as q, createVNode as g, unref as b, toDisplayString as Q, nextTick as T } from "vue";
+import { IconEdit as $ } from "../../../../svgs/dist/tiny-robot-svgs.js";
+const A = ["onClick"], D = { style: { display: "flex", "align-items": "center" } }, F = { key: 0 }, M = ["onClick"], U = /* @__PURE__ */ W({
+  __name: "CommonQuestions",
+  props: {
+    questions: {
+      type: Array,
+      required: !0
+    },
+    isExpanded: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["question-click", "show-expand-button"],
+  setup(B, { emit: N }) {
+    const i = B, h = N, d = a(null), r = a(!1), c = a(!1), m = a([]), u = a([]);
+    C(
+      () => i.isExpanded,
+      (n) => {
+        c.value = n;
+      }
+    );
+    const v = async () => {
+      if (await T(), d.value) {
+        const n = d.value, k = n.clientWidth;
+        if (m.value = [], u.value = [], i.questions.length === 0) {
+          r.value = !1;
+          return;
+        }
+        let e = 0;
+        const l = 8, t = document.createElement("div");
+        t.className = "tr-common-questions_item", t.style.visibility = "hidden", t.style.position = "absolute", n.appendChild(t);
+        for (let p = 0; p < i.questions.length; p++) {
+          const f = i.questions[p];
+          t.textContent = f.text;
+          const y = t.offsetWidth + l;
+          e + y <= k ? (e += y, m.value.push(f)) : u.value.push(f);
+        }
+        n.removeChild(t), r.value = u.value.length > 0, c.value = !1, h("show-expand-button", r.value);
+      }
+    }, _ = (n) => {
+      h("question-click", n);
+    };
+    C(
+      () => i.questions,
+      () => {
+        v();
+      },
+      { deep: !0 }
+    );
+    const x = () => {
+      v();
+    };
+    return z(() => {
+      v(), window.addEventListener("resize", x);
+    }), R(() => {
+      window.removeEventListener("resize", x);
+    }), (n, k) => (s(), o("div", {
+      class: V(["tr-common-questions", { expanded: c.value }]),
+      ref_key: "commonQuestionsRef",
+      ref: d
+    }, [
+      (s(!0), o(w, null, E(m.value, (e, l) => (s(), o("div", {
+        key: `visible-${e.id}-${l}`,
+        class: "tr-common-questions_item",
+        onClick: (t) => _(e)
+      }, [
+        I("div", D, [
+          g(b($))
+        ]),
+        q(" " + Q(e.text), 1)
+      ], 8, A))), 128)),
+      c.value ? (s(), o("div", F, [
+        (s(!0), o(w, null, E(u.value, (e, l) => (s(), o("div", {
+          key: `hidden-${e.id}-${l}`,
+          class: "tr-common-questions_item",
+          onClick: (t) => _(e)
+        }, [
+          g(b($)),
+          q(" " + Q(e.text), 1)
+        ], 8, M))), 128))
+      ])) : L("", !0)
+    ], 2));
+  }
+});
+export {
+  U as default
+};

package/dist/packages/components/src/question/components/CommonQuestions.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CommonQuestions.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,140 @@
+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 = {
+  key: 0,
+  class: "tr-question-categories"
+}, W = ["onClick"], D = { class: "category-icon" }, F = { class: "tr-question-content" }, L = {
+  key: 0,
+  class: "tr-question-loading"
+}, P = { key: 1 }, j = ["onClick"], G = {
+  key: 2,
+  class: "tr-question-empty"
+}, Z = /* @__PURE__ */ S({
+  __name: "HotQuestions",
+  props: {
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    categories: {
+      type: Array,
+      default: () => []
+    },
+    modalWidth: {
+      type: String,
+      default: "640px"
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    closeOnClickOutside: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:visible", "close", "select-category", "question-click"],
+  setup(n, { emit: b }) {
+    const w = T(), a = n, c = b, d = k(""), p = _(() => {
+      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(
+      () => a.categories,
+      (e) => {
+        e.length > 0 && !d.value && (d.value = e[0].id);
+      },
+      { immediate: !0 }
+    );
+    const y = () => {
+      c("update:visible", !1), c("close");
+    }, B = (e) => {
+      d.value = e, c(
+        "select-category",
+        a.categories.find((t) => t.id === e)
+      );
+    }, $ = (e) => {
+      c("question-click", e);
+    }, O = (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
+    }, [
+      s("div", {
+        ref_key: "modalRef",
+        ref: g,
+        class: "tr-question-panel",
+        style: N({ width: n.modalWidth }),
+        onMousedown: t[0] || (t[0] = M(() => {
+        }, ["stop"]))
+      }, [
+        s("div", H, [
+          s("div", I, [
+            s("div", null, [
+              v(r(A))
+            ]),
+            t[1] || (t[1] = s("div", { class: "tr-question-header-title" }, "热门问题", -1))
+          ]),
+          s("span", {
+            class: "tr-question-close-btn",
+            onClick: y
+          }, [
+            v(r(z), {
+              icon: r(w),
+              type: "text"
+            }, null, 8, ["icon"])
+          ])
+        ]),
+        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)
+          }, [
+            u(e.$slots, "category-label", { category: o }, () => [
+              s("div", D, [
+                v(r(E))
+              ]),
+              s("span", null, f(o.label), 1)
+            ])
+          ], 10, W))), 128))
+        ])) : h("", !0),
+        s("div", F, [
+          n.loading ? (l(), i("div", L, [
+            u(e.$slots, "loading-indicator", {}, () => [
+              t[2] || (t[2] = s("div", { class: "tr-question-loading-spinner" }, null, -1))
+            ])
+          ])) : p.value.length > 0 ? (l(), i("ul", P, [
+            (l(!0), i(C, null, q(p.value, (o, m) => (l(), i("li", {
+              key: o.id,
+              class: "tr-question-list-item",
+              onClick: (J) => $(o)
+            }, [
+              u(e.$slots, "question-item", {
+                question: o,
+                index: m
+              }, () => [
+                s("span", null, f(m + 1) + ".", 1),
+                V(" " + f(o.text), 1)
+              ])
+            ], 8, j))), 128))
+          ])) : (l(), i("div", G, [
+            u(e.$slots, "empty-state", {}, () => [
+              t[3] || (t[3] = s("p", null, "暂无相关问题", -1))
+            ])
+          ]))
+        ])
+      ], 36)
+    ], 32)) : h("", !0);
+  }
+});
+export {
+  Z as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./HotQuestions.vue.js";
+export {
+  f as default
+};

package/dist/packages/components/src/question/composables/useQuestions.js

@@ -0,0 +1,48 @@
+import { ref as l, computed as h, watch as y } from "vue";
+function b(a = l([])) {
+  const s = l(""), c = l(!1), n = l(!1), o = l("light"), r = h(() => {
+    if (!s.value && a.value.length > 0)
+      return a.value[0].questions;
+    const t = a.value.find((e) => e.id === s.value);
+    return t ? t.questions : [];
+  }), i = (t) => {
+    s.value = t;
+  }, d = () => {
+    n.value = !0;
+  }, m = () => {
+    n.value = !1;
+  }, v = () => {
+    c.value = !c.value;
+  }, u = (t) => {
+    const e = document.body;
+    if (t) {
+      const g = window.scrollY || document.documentElement.scrollTop;
+      e.style.position = "fixed", e.style.width = "100%", e.style.top = `-${g}px`, e.style.overflowY = "scroll", e.classList.add("tr-modal-open");
+    } else
+      e.style.position = "", e.style.width = "", e.style.top = "", e.style.overflowY = "", e.classList.remove("tr-modal-open");
+  };
+  return y(n, (t) => {
+    u(t);
+  }), {
+    activeCategory: s,
+    isFloatingExpanded: c,
+    modalVisible: n,
+    currentTheme: o,
+    activeQuestions: r,
+    setActiveCategory: i,
+    openModal: d,
+    closeModal: m,
+    toggleFloating: v,
+    toggleTheme: () => {
+      o.value = o.value === "light" ? "dark" : "light", document.documentElement.setAttribute("data-theme", o.value);
+    },
+    setTheme: (t) => {
+      o.value = t, document.documentElement.setAttribute("data-theme", t);
+    },
+    refreshData: async () => Promise.resolve(),
+    toggleBodyScroll: u
+  };
+}
+export {
+  b as useQuestions
+};

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

@@ -0,0 +1,9 @@
+import n from "./index.vue.js";
+n.name = "TrQuestion";
+const o = function(t) {
+  t.component(n.name, n);
+};
+n.install = o;
+export {
+  n as default
+};

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

@@ -0,0 +1,113 @@
+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 { 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({
+  __name: "index",
+  props: {
+    categories: { default: () => [] },
+    commonQuestions: { default: () => [] },
+    initialExpanded: { type: Boolean, default: !1 },
+    modalWidth: { default: "640px" },
+    theme: { default: "light" },
+    closeOnClickOutside: { type: Boolean, default: !0 },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["question-click", "select-category"],
+  setup(B, { expose: $, emit: Q }) {
+    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(
+      () => u.theme,
+      (e) => {
+        S(e);
+      }
+    );
+    const y = (e) => {
+      k(), f("question-click", e);
+    }, V = (e) => {
+      e && (h(e.id), f("select-category", e));
+    }, C = E(!1), I = (e) => {
+      C.value = e;
+    };
+    return D(() => {
+      document.documentElement.setAttribute("data-theme", x.value);
+    }), $({
+      openModal: c,
+      closeModal: k,
+      toggleFloating: g,
+      setActiveCategory: h,
+      refreshData: A
+    }), (e, t) => (i(), b("div", {
+      class: M(["tr-question-container", [`theme-${e.theme}`]]),
+      "data-theme": e.theme
+    }, [
+      l("div", {
+        class: "tr-question-trigger",
+        onClick: t[0] || (t[0] = //@ts-ignore
+        (...o) => n(c) && n(c)(...o))
+      }, [
+        a(n(j))
+      ]),
+      a(H, {
+        visible: n(m),
+        categories: v.value,
+        "modal-width": e.modalWidth,
+        loading: e.loading,
+        "close-on-click-outside": e.closeOnClickOutside,
+        "onUpdate:visible": t[1] || (t[1] = (o) => m.value = o),
+        onClose: t[2] || (t[2] = (o) => m.value = !1),
+        onQuestionClick: y,
+        onSelectCategory: V
+      }, {
+        "category-label": d(({ category: o }) => [
+          r(e.$slots, "category-label", { category: o }, () => [
+            l("div", P, [
+              a(n(G))
+            ]),
+            l("span", null, p(o.label), 1)
+          ])
+        ]),
+        "question-item": d(({ question: o, index: w }) => [
+          r(e.$slots, "question-item", {
+            question: o,
+            index: w
+          }, () => [
+            l("span", null, p(w + 1) + ".", 1),
+            W(" " + p(o.text), 1)
+          ])
+        ]),
+        "loading-indicator": d(() => [
+          r(e.$slots, "loading-indicator", {}, () => [
+            t[3] || (t[3] = l("div", { class: "tr-question-loading-spinner" }, null, -1))
+          ])
+        ]),
+        "empty-state": d(() => [
+          r(e.$slots, "empty-state", {}, () => [
+            t[4] || (t[4] = l("p", null, "暂无相关问题", -1))
+          ])
+        ]),
+        _: 3
+      }, 8, ["visible", "categories", "modal-width", "loading", "close-on-click-outside"]),
+      a(F, {
+        isExpanded: s.value,
+        questions: e.commonQuestions,
+        onShowExpandButton: I,
+        onQuestionClick: y
+      }, null, 8, ["isExpanded", "questions"]),
+      C.value ? (i(), b("div", {
+        key: 0,
+        class: "tr-question-wrap-trigger",
+        onClick: g
+      }, [
+        s.value ? (i(), q(n(K), { key: 1 })) : (i(), q(n(J), { key: 0 }))
+      ])) : U("", !0)
+    ], 10, L));
+  }
+});
+export {
+  te as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./index.vue.js";
+export {
+  f as default
+};