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

package/dist/bubble/index.type.d.ts

@@ -12,7 +12,7 @@ export interface BubbleProps {
      * 气泡内容
      */
     content?: string;
-    id?: string;
+    id?: string | number | symbol;
     /**
      * 气泡位置
      */

package/dist/container/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+import { default as Container } from './index.vue';
+declare const install: <T>(app: App<T>) => void;
+declare const _default: typeof Container & {
+    install: typeof install;
+};
+export default _default;

package/dist/container/index.type.d.ts

@@ -0,0 +1,16 @@
+export interface ContainerProps {
+    /**
+     * model:show
+     */
+    show: boolean;
+    /**
+     * model:fullscreen
+     */
+    fullscreen?: boolean;
+}
+export interface ContainerSlots {
+    default: () => unknown;
+    title: () => unknown;
+    operations: () => unknown;
+    footer: () => unknown;
+}

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

@@ -0,0 +1,26 @@
+import { ContainerProps, ContainerSlots } from './index.type';
+type __VLS_PublicProps = {
+    'show': ContainerProps['show'];
+    'fullscreen'?: ContainerProps['fullscreen'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<ContainerSlots> & ContainerSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:show": (value: boolean) => any;
+    "update:fullscreen": (value: boolean | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:show"?: ((value: boolean) => any) | undefined;
+    "onUpdate:fullscreen"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 import { App } from 'vue';
 import { Bubble, BubbleList } from './bubble';
+import { default as Container } from './container';
 import { default as Conversations } from './conversations';
 import { Prompt, Prompts } from './prompts';
+import { default as Question } from './question';
 import { default as Sender } from './sender';
 import { default as Welcome } from './welcome';
-import { default as Question } from './question';
 export * from './bubble/index.type';
 export * from './prompts/index.type';
 export * from './sender/index.type';
@@ -13,4 +14,4 @@ declare const _default: {
     install<T>(app: App<T>): void;
 };
 export default _default;
-export { Bubble, Bubble as TrBubble, BubbleList, BubbleList as TrBubbleList, Conversations, Conversations as TrConversations, Prompt, Prompt as TrPrompt, Prompts, Prompts as TrPrompts, Sender, Sender as TrSender, Welcome, Welcome as TrWelcome, Question, };
+export { Bubble, Bubble as TrBubble, BubbleList, BubbleList as TrBubbleList, Container, Container as TrContainer, Conversations, Conversations as TrConversations, Prompt, Prompt as TrPrompt, Prompts, Prompts as TrPrompts, Sender, Sender as TrSender, Welcome, Welcome as TrWelcome, Question, };

package/dist/index.js

@@ -1,14 +1,16 @@
-import { Bubble as s, BubbleList as t } from "./packages/components/src/bubble/index.js";
+import { Bubble as t, BubbleList as e } from "./packages/components/src/bubble/index.js";
+import "./packages/components/src/container/index.js";
 import "./packages/components/src/conversations/index.js";
-import { Prompt as e, Prompts as a } from "./packages/components/src/prompts/index.js";
+import { Prompt as s, Prompts as a } from "./packages/components/src/prompts/index.js";
+import "./packages/components/src/question/index.js";
 import "./packages/components/src/sender/index.js";
 import "./packages/components/src/welcome/index.js";
-import "./packages/components/src/question/index.js";
-import i from "./packages/components/src/conversations/index.vue.js";
-import n from "./packages/components/src/sender/index.vue.js";
-import p from "./packages/components/src/welcome/index.vue.js";
-import c from "./packages/components/src/question/index.vue.js";
-const l = [s, t, i, e, a, n, p, c], C = {
+import i from "./packages/components/src/container/index.vue.js";
+import n from "./packages/components/src/conversations/index.vue.js";
+import p from "./packages/components/src/question/index.vue.js";
+import c from "./packages/components/src/sender/index.vue.js";
+import f from "./packages/components/src/welcome/index.vue.js";
+const l = [t, e, i, n, s, a, p, c, f], W = {
   install(o) {
     l.forEach((r) => {
       const m = r.name.replace(/^Tiny/, "").replace(/^Tr/, "");
@@ -17,20 +19,22 @@ const l = [s, t, i, e, a, n, p, c], C = {
   }
 };
 export {
-  s as Bubble,
-  t as BubbleList,
-  i as Conversations,
-  e as Prompt,
+  t as Bubble,
+  e as BubbleList,
+  i as Container,
+  n as Conversations,
+  s as Prompt,
   a as Prompts,
-  c as Question,
-  n as Sender,
-  s as TrBubble,
-  t as TrBubbleList,
-  i as TrConversations,
-  e as TrPrompt,
+  p as Question,
+  c as Sender,
+  t as TrBubble,
+  e as TrBubbleList,
+  i as TrContainer,
+  n as TrConversations,
+  s as TrPrompt,
   a as TrPrompts,
-  n as TrSender,
-  p as TrWelcome,
-  p as Welcome,
-  C as default
+  c as TrSender,
+  f as TrWelcome,
+  f as Welcome,
+  W as default
 };

package/dist/packages/components/src/bubble/bubble-list.vue.js

@@ -1,7 +1,7 @@
 import o from "./bubble-list.vue2.js";
 /* empty css                 */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b99c6c76"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5d3d74c8"]]);
 export {
-  c as default
+  s as default
 };

package/dist/packages/components/src/bubble/bubble-list.vue2.js

@@ -1,38 +1,37 @@
-import { defineComponent as f, ref as b, computed as d, watch as _, createElementBlock as u, openBlock as l, Fragment as B, renderList as g, createBlock as k, mergeProps as C } from "vue";
-import h from "./bubble.vue.js";
-import { useElementScroll as y } from "./useScroll.js";
-const E = /* @__PURE__ */ f({
+import { defineComponent as i, ref as p, computed as b, watch as d, createElementBlock as n, openBlock as r, Fragment as _, renderList as B, createBlock as g, mergeProps as C } from "vue";
+import k from "./bubble.vue.js";
+import { useElementScroll as h } from "./useScroll.js";
+const x = /* @__PURE__ */ i({
   __name: "bubble-list",
   props: {
     items: {},
     roles: {},
     autoScroll: { type: Boolean }
   },
-  setup(a) {
-    const t = a, n = b(), { scrollToBottom: m } = y(n), i = d(() => t.items.at(-1));
-    _([() => t.items.length, () => {
+  setup(s) {
+    const t = s, l = p(), { scrollToBottom: c } = h(l), u = b(() => t.items.at(-1));
+    d([() => t.items.length, () => {
       var e;
-      return (e = i.value) == null ? void 0 : e.content;
+      return (e = u.value) == null ? void 0 : e.content;
     }], () => {
-      t.autoScroll && m();
+      t.autoScroll && c();
     });
-    const p = (e) => {
-      var c;
-      const s = e.role ? ((c = t.roles) == null ? void 0 : c[e.role]) || {} : {}, { id: o, ...r } = e;
-      return { ...s, ...r };
+    const a = (e) => {
+      var o;
+      return { ...e.role ? ((o = t.roles) == null ? void 0 : o[e.role]) || {} : {}, ...e };
     };
-    return (e, s) => (l(), u("div", {
+    return (e, m) => (r(), n("div", {
       class: "tr-bubble-list",
       ref_key: "scrollContainer",
-      ref: n
+      ref: l
     }, [
-      (l(!0), u(B, null, g(t.items, (o, r) => (l(), k(h, C({
-        key: o.id || r,
+      (r(!0), n(_, null, B(t.items, (o, f) => (r(), g(k, C({
+        key: o.id || f,
         ref_for: !0
-      }, p(o)), null, 16))), 128))
+      }, a(o)), null, 16))), 128))
     ], 512));
   }
 });
 export {
-  E as default
+  x as default
 };

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

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

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

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

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/question/components/HotQuestions.vue.js

@@ -1,4 +1,4 @@
-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 c, Fragment as C, renderList as q, normalizeClass as Q, renderSlot as u, toDisplayString as f, createTextVNode as V } from "vue";
+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";
@@ -37,7 +37,7 @@ const H = { class: "tr-question-header" }, I = { style: { display: "flex", "alig
   },
   emits: ["update:visible", "close", "select-category", "question-click"],
   setup(n, { emit: b }) {
-    const B = T(), a = n, r = b, d = k(""), p = _(() => {
+    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);
@@ -51,14 +51,14 @@ const H = { class: "tr-question-header" }, I = { style: { display: "flex", "alig
       { immediate: !0 }
     );
     const y = () => {
-      r("update:visible", !1), r("close");
-    }, $ = (e) => {
-      d.value = e, r(
+      c("update:visible", !1), c("close");
+    }, B = (e) => {
+      d.value = e, c(
         "select-category",
         a.categories.find((t) => t.id === e)
       );
-    }, w = (e) => {
-      r("question-click", e);
+    }, $ = (e) => {
+      c("question-click", e);
     }, O = (e) => {
       a.closeOnClickOutside && !e.composedPath().includes(g.value) && y();
     }, g = k(null);
@@ -78,7 +78,7 @@ const H = { class: "tr-question-header" }, I = { style: { display: "flex", "alig
         s("div", H, [
           s("div", I, [
             s("div", null, [
-              v(c(A))
+              v(r(A))
             ]),
             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(c(z), {
-              icon: c(B),
+            v(r(z), {
+              icon: r(w),
               type: "text"
             }, null, 8, ["icon"])
           ])
@@ -96,11 +96,11 @@ const H = { class: "tr-question-header" }, I = { style: { display: "flex", "alig
           (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) => $(o.id)
+            onClick: (m) => B(o.id)
           }, [
             u(e.$slots, "category-label", { category: o }, () => [
               s("div", D, [
-                v(c(E))
+                v(r(E))
               ]),
               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) => w(o)
+              onClick: (J) => $(o)
             }, [
               u(e.$slots, "question-item", {
                 question: o,

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

@@ -1,4 +1,4 @@
-import { defineComponent as N, computed as O, ref as w, watch as T, onMounted as D, 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 { 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";
@@ -16,10 +16,10 @@ 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: $, emit: Q }) {
+    const u = B, g = () => {
       s.value = !s.value;
-    }, f = Q, v = O(() => u.categories), s = w(u.initialExpanded), { modalVisible: m, currentTheme: x, setActiveCategory: h, openModal: c, closeModal: k, setTheme: S, refreshData: A } = z(v);
+    }, 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) => {
@@ -28,9 +28,9 @@ const L = ["data-theme"], P = { class: "category-icon" }, te = /* @__PURE__ */ N
     );
     const y = (e) => {
       k(), f("question-click", e);
-    }, I = (e) => {
+    }, V = (e) => {
       e && (h(e.id), f("select-category", e));
-    }, C = w(!1), V = (e) => {
+    }, C = E(!1), I = (e) => {
       C.value = e;
     };
     return D(() => {
@@ -41,7 +41,7 @@ const L = ["data-theme"], P = { class: "category-icon" }, te = /* @__PURE__ */ N
       toggleFloating: g,
       setActiveCategory: h,
       refreshData: A
-    }), (e, t) => (i(), q("div", {
+    }), (e, t) => (i(), b("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: I
+        onSelectCategory: V
       }, {
         "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: E }) => [
+        "question-item": d(({ question: o, index: w }) => [
           r(e.$slots, "question-item", {
             question: o,
-            index: E
+            index: w
           }, () => [
-            l("span", null, p(E + 1) + ".", 1),
+            l("span", null, p(w + 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: V,
+        onShowExpandButton: I,
         onQuestionClick: y
       }, null, 8, ["isExpanded", "questions"]),
-      C.value ? (i(), q("div", {
+      C.value ? (i(), b("div", {
         key: 0,
         class: "tr-question-wrap-trigger",
         onClick: g
       }, [
-        s.value ? (i(), B(n(K), { key: 1 })) : (i(), B(n(J), { key: 0 }))
+        s.value ? (i(), q(n(K), { key: 1 })) : (i(), q(n(J), { key: 0 }))
       ])) : U("", !0)
     ], 10, L));
   }