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

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

@@ -1,118 +0,0 @@
-import { defineComponent as g, useCssVars as B, useSlots as A, computed as c, createElementBlock as s, openBlock as o, normalizeClass as h, createCommentVNode as d, createElementVNode as a, createBlock as _, resolveDynamicComponent as f, renderSlot as i, toDisplayString as M, unref as S, Fragment as x, renderList as D, withDirectives as L, vShow as V } from "vue";
-import $ from "../../../../node_modules/.pnpm/markdown-it@14.1.0/node_modules/markdown-it/lib/index.js";
-import E from "./components/actions/copy.vue.js";
-import H from "./components/actions/refresh.vue.js";
-const I = {
-  key: 0,
-  class: "tr-bubble__avatar"
-}, N = { class: "tr-bubble__content-wrapper" }, T = {
-  key: 1,
-  class: /* @__PURE__ */ h(["tr-bubble__content"])
-}, W = { class: "tr-bubbule__body" }, z = ["innerHTML"], F = { key: 1 }, R = {
-  key: 2,
-  class: "tr-bubbule__aborted"
-}, j = {
-  key: 0,
-  class: "tr-bubbule__footer"
-}, q = { class: "tr-bubbule__footer-left" }, G = { class: "tr-bubbule__footer-actions" }, Q = /* @__PURE__ */ g({
-  __name: "bubble",
-  props: {
-    content: { default: "" },
-    id: {},
-    placement: { default: "start" },
-    avatar: {},
-    role: {},
-    type: { default: "text" },
-    loading: { type: Boolean },
-    aborted: { type: Boolean },
-    mdConfig: {},
-    actions: {},
-    maxWidth: { default: "80%" }
-  },
-  emits: ["copy", "refresh", "action"],
-  setup(v, { emit: y }) {
-    B((n) => ({
-      "8efd816c": e.maxWidth
-    }));
-    const e = v, l = y, k = A(), p = c(() => e.type === "markdown" ? $(e.mdConfig || {}).render(e.content) : e.content), b = c(() => e.placement === "start"), u = /* @__PURE__ */ new Map([
-      [
-        "copy",
-        {
-          name: "copy",
-          vnode: E,
-          show: !0
-        }
-      ],
-      [
-        "refresh",
-        {
-          name: "refresh",
-          vnode: H,
-          show: !0
-        }
-      ]
-    ]), m = c(() => (e.actions || []).map((t) => typeof t == "string" ? u.get(t) : u.has(t.name) ? {
-      ...u.get(t.name),
-      ...t
-    } : t).filter((t) => !!t)), w = (n, ...t) => {
-      if (n === "copy") {
-        l("copy", t[0]);
-        return;
-      }
-      if (n === "refresh") {
-        l("refresh");
-        return;
-      }
-      l("action", n, ...t);
-    };
-    return (n, t) => (o(), s("div", {
-      class: h([
-        "tr-bubble",
-        {
-          "placement-start": b.value,
-          "placement-end": !b.value
-        }
-      ])
-    }, [
-      e.avatar ? (o(), s("div", I, [
-        (o(), _(f(e.avatar)))
-      ])) : d("", !0),
-      a("div", N, [
-        e.loading ? i(n.$slots, "loading", { key: 0 }, () => [
-          t[0] || (t[0] = a("div", { class: "tr-bubble__loading" }, [
-            a("span"),
-            a("span"),
-            a("span")
-          ], -1))
-        ], !0) : (o(), s("div", T, [
-          a("div", W, [
-            i(n.$slots, "default", {}, () => [
-              e.type === "markdown" ? (o(), s("span", {
-                key: 0,
-                innerHTML: p.value
-              }, null, 8, z)) : (o(), s("span", F, M(p.value), 1)),
-              e.aborted ? (o(), s("span", R, "（用户停止）")) : d("", !0)
-            ], !0)
-          ]),
-          S(k).footer || m.value.length > 0 ? (o(), s("div", j, [
-            a("div", q, [
-              i(n.$slots, "footer", {}, void 0, !0)
-            ]),
-            a("div", G, [
-              (o(!0), s(x, null, D(m.value, (r) => L((o(), _(f(r.vnode), {
-                key: r == null ? void 0 : r.name,
-                bubbleItem: e,
-                onClick: (C) => w(r.name, C)
-              }, null, 8, ["onClick"])), [
-                [V, typeof r.show == "function" ? r.show(e) : r.show]
-              ])), 128))
-            ])
-          ])) : d("", !0)
-        ]))
-      ])
-    ], 2));
-  }
-});
-export {
-  Q as default
-};

package/dist/packages/components/src/bubble/components/actions/copy.vue.js

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

package/dist/packages/components/src/bubble/components/actions/copy.vue2.js

@@ -1,35 +0,0 @@
-import { defineComponent as i, createElementBlock as l, openBlock as s, createVNode as m, unref as u } from "vue";
-import { IconCopy as b } from "../../../../../svgs/dist/tiny-robot-svgs.js";
-const d = /* @__PURE__ */ i({
-  __name: "copy",
-  props: {
-    bubbleItem: {}
-  },
-  emits: ["click"],
-  setup(e, { emit: c }) {
-    const n = c;
-    async function o(t) {
-      try {
-        return await navigator.clipboard.writeText(t), !0;
-      } catch {
-        return !1;
-      }
-    }
-    const r = async () => {
-      const t = e.bubbleItem.content ? await o(e.bubbleItem.content) : !1;
-      n("click", t);
-    };
-    return (t, a) => (s(), l("button", {
-      class: "icon-btn",
-      onClick: r
-    }, [
-      m(u(b), {
-        width: "16px",
-        height: "16px"
-      })
-    ]));
-  }
-});
-export {
-  d as default
-};

package/dist/packages/components/src/bubble/components/actions/refresh.vue.js

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

package/dist/packages/components/src/bubble/components/actions/refresh.vue2.js

@@ -1,16 +0,0 @@
-import { defineComponent as e, createElementBlock as t, openBlock as o, createVNode as n, unref as r } from "vue";
-import { IconRefresh as c } from "../../../../../svgs/dist/tiny-robot-svgs.js";
-const s = { class: "icon-btn" }, m = /* @__PURE__ */ e({
-  __name: "refresh",
-  setup(p) {
-    return (_, a) => (o(), t("button", s, [
-      n(r(c), {
-        width: "16px",
-        height: "16px"
-      })
-    ]));
-  }
-});
-export {
-  m as default
-};

package/dist/packages/components/src/bubble/useScroll.js

@@ -1,13 +0,0 @@
-import { nextTick as l } from "vue";
-const s = (o) => ({ scrollToBottom: () => {
-  l(() => {
-    var t;
-    (t = o.value) == null || t.scrollTo({
-      top: o.value.scrollHeight,
-      behavior: "smooth"
-    });
-  });
-} });
-export {
-  s as useElementScroll
-};

package/src/bubble/bubble-list.vue

@@ -1,42 +0,0 @@
-<script setup lang="ts">
-import { computed, ref, watch } from 'vue'
-import Bubble from './bubble.vue'
-import { BubbleListProps, BubbleProps } from './index.type'
-import { useElementScroll } from './useScroll'
-
-const props = withDefaults(defineProps<BubbleListProps>(), {})
-
-const scrollContainer = ref<HTMLDivElement>()
-const { scrollToBottom } = useElementScroll(scrollContainer)
-
-const lastBubble = computed(() => props.items.at(-1))
-
-watch([() => props.items.length, () => lastBubble.value?.content], () => {
-  if (!props.autoScroll) {
-    return
-  }
-
-  scrollToBottom()
-})
-
-const getItemProps = (item: BubbleProps): BubbleProps => {
-  const defaultConfig = item.role ? props.roles?.[item.role] || {} : {}
-  return { ...defaultConfig, ...item }
-}
-</script>
-
-<template>
-  <div class="tr-bubble-list" ref="scrollContainer">
-    <Bubble v-for="(item, index) in props.items" :key="item.id || index" v-bind="getItemProps(item)"></Bubble>
-  </div>
-</template>
-
-<style lang="less" scoped>
-.tr-bubble-list {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  overflow-y: auto;
-  padding: 16px;
-}
-</style>

package/src/bubble/components/actions/copy.vue

@@ -1,54 +0,0 @@
-<script setup lang="ts">
-import { BubbleProps } from '../../index.type'
-import { IconCopy } from '@opentiny/tiny-robot-svgs'
-
-const { bubbleItem } = defineProps<{ bubbleItem: BubbleProps }>()
-
-const emit = defineEmits(['click'])
-
-async function copyToClipboard(text: string) {
-  try {
-    await navigator.clipboard.writeText(text)
-    return true
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  } catch (err: unknown) {
-    return false
-  }
-}
-
-const handleClick = async () => {
-  const result = bubbleItem.content ? await copyToClipboard(bubbleItem.content) : false
-
-  emit('click', result)
-}
-</script>
-
-<template>
-  <button class="icon-btn" @click="handleClick">
-    <IconCopy width="16px" height="16px" />
-  </button>
-</template>
-
-<style lang="less" scoped>
-button.icon-btn {
-  width: 28px;
-  height: 28px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  border-radius: 8px;
-  cursor: pointer;
-  padding: 0;
-  transition: background-color 0.3s;
-  background-color: white;
-
-  &:hover {
-    background-color: rgba(0, 0, 0, 0.04);
-  }
-
-  &:active {
-    background-color: rgba(0, 0, 0, 0.15);
-  }
-}
-</style>

package/src/bubble/components/actions/index.ts

@@ -1,2 +0,0 @@
-export { default as CopyAction } from './copy.vue'
-export { default as RefreshAction } from './refresh.vue'

package/src/bubble/components/actions/refresh.vue

@@ -1,31 +0,0 @@
-<template>
-  <button class="icon-btn"><IconRefresh width="16px" height="16px" /></button>
-</template>
-
-<script setup lang="ts">
-import { IconRefresh } from '@opentiny/tiny-robot-svgs'
-</script>
-
-<style lang="less" scoped>
-button.icon-btn {
-  width: 28px;
-  height: 28px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  border-radius: 8px;
-  cursor: pointer;
-  padding: 0;
-  transition: background-color 0.3s;
-  background-color: white;
-
-  &:hover {
-    background-color: rgba(0, 0, 0, 0.04);
-  }
-
-  &:active {
-    background-color: rgba(0, 0, 0, 0.15);
-  }
-}
-</style>

package/src/bubble/useScroll.ts

@@ -1,14 +0,0 @@
-import { nextTick, Ref } from 'vue'
-
-export const useElementScroll = (elemRef: Ref<HTMLElement | null | undefined>) => {
-  const scrollToBottom = () => {
-    nextTick(() => {
-      elemRef.value?.scrollTo({
-        top: elemRef.value.scrollHeight,
-        behavior: 'smooth',
-      })
-    })
-  }
-
-  return { scrollToBottom }
-}