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

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

@@ -1,10 +0,0 @@
-import { VNode } from 'vue';
-export interface WelcomeProps {
-    title: string;
-    description: string;
-    align?: 'left' | 'center' | 'right' | string;
-    icon?: VNode;
-}
-export interface WelcomeSlots {
-    footer: () => unknown;
-}

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

@@ -1,18 +0,0 @@
-import { WelcomeProps, WelcomeSlots } from './index.type';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<WelcomeSlots> & WelcomeSlots;
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<WelcomeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<WelcomeProps> & Readonly<{}>, {
-    align: "left" | "center" | "right" | string;
-}, {}, {}, {}, 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/src/action-group/ActionGroup.vue

@@ -1,247 +0,0 @@
-<script setup lang="ts">
-import { IconMenu } from '@opentiny/tiny-robot-svgs'
-import TinyTooltip from '@opentiny/vue-tooltip'
-import { onClickOutside, useWindowSize } from '@vueuse/core'
-import { computed, nextTick, ref, useTemplateRef, VNode, watch } from 'vue'
-import IconButton from '../icon-button'
-import { ActionGroupEvents, ActionGroupProps, ActionGroupSlots } from './index.type'
-
-const props = defineProps<ActionGroupProps>()
-
-const slots = defineSlots<ActionGroupSlots>()
-
-const emit = defineEmits<ActionGroupEvents>()
-
-const children = computed(() => {
-  const defaultSlot = slots.default()
-
-  if (Array.isArray(defaultSlot)) {
-    if (defaultSlot.length === 1 && defaultSlot[0].type?.toString() === 'Symbol(v-fgt)') {
-      return defaultSlot[0].children as VNode[]
-    }
-
-    return defaultSlot
-  }
-
-  if (defaultSlot.type?.toString() === 'Symbol(v-fgt)') {
-    return defaultSlot.children as VNode[]
-  }
-
-  return [defaultSlot]
-})
-
-const maxNum = computed(() => {
-  const n = props.maxNum ?? Number.MAX_SAFE_INTEGER
-
-  return n > 0 ? n : Number.MAX_SAFE_INTEGER
-})
-
-const showMore = computed(() => {
-  return children.value.length > maxNum.value
-})
-
-const list = computed(() => {
-  if (showMore.value) {
-    return children.value.slice(0, maxNum.value)
-  }
-
-  return children.value
-})
-
-const moreList = computed(() => {
-  if (showMore.value) {
-    return children.value.slice(maxNum.value)
-  }
-
-  return []
-})
-
-const moreBtn = useTemplateRef('moreBtnRef')
-const dropDown = useTemplateRef('dropDownRef')
-const showDropdown = ref(false)
-
-const handleMoreClick = () => {
-  showDropdown.value = !showDropdown.value
-}
-
-onClickOutside(dropDown, (ev) => {
-  if (moreBtn.value?.contains(ev.target as Node)) {
-    return
-  }
-
-  showDropdown.value = false
-})
-
-const handleItemClick = (name: string) => {
-  emit('item-click', name)
-  showDropdown.value = false
-}
-
-const dropDownPlacement = ref('placement-bottom')
-const { height: windowHeight } = useWindowSize()
-
-const updateDropDownPlacement = () => {
-  if (!dropDown.value || !moreBtn.value) {
-    return 'placement-bottom'
-  }
-
-  const dropDownRect = dropDown.value.getBoundingClientRect()
-  const moreBtnRect = moreBtn.value.getBoundingClientRect()
-
-  dropDownPlacement.value =
-    moreBtnRect.bottom + dropDownRect.height + 16 > windowHeight.value ? 'placement-top' : 'placement-bottom'
-}
-
-watch(showDropdown, (show) => {
-  if (show) {
-    nextTick(() => {
-      updateDropDownPlacement()
-    })
-  }
-})
-
-watch(windowHeight, () => {
-  if (showDropdown.value) {
-    updateDropDownPlacement()
-  }
-})
-</script>
-
-<template>
-  <div class="tr-action-group">
-    <tiny-tooltip
-      v-for="(item, index) in list"
-      :key="index"
-      :content="item.props?.label"
-      effect="dark"
-      placement="top"
-      :open-delay="500"
-      :disabled="!props.showTooltip"
-    >
-      <span class="tr-action-group__btn-wrapper" @click="handleItemClick(item.props?.name)">
-        <component :is="item" />
-      </span>
-    </tiny-tooltip>
-    <tiny-tooltip
-      v-if="showMore"
-      content="更多"
-      effect="dark"
-      placement="top"
-      :open-delay="500"
-      :disabled="!props.showTooltip"
-    >
-      <span ref="moreBtnRef" class="tr-action-group__btn-wrapper" @click="handleMoreClick">
-        <slot name="moreBtn">
-          <icon-button :icon="IconMenu" />
-        </slot>
-        <transition name="tr-action-group-dropdown">
-          <ul v-show="showDropdown" ref="dropDownRef" :class="['tr-action-group__dropdown', dropDownPlacement]">
-            <li
-              class="tr-action-group__dropdown-item"
-              v-for="(item, index) in moreList"
-              :key="index"
-              @click.stop="handleItemClick(item.props?.name)"
-            >
-              <component v-if="!props.dropDownShowLabelOnly" :is="item" />
-              <span class="tr-action-group__dropdown-item-text">{{ item.props?.label }}</span>
-            </li>
-          </ul>
-        </transition>
-      </span>
-    </tiny-tooltip>
-  </div>
-</template>
-
-<style lang="less" scoped>
-.tr-action-group {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-
-  .tr-action-group__btn-wrapper {
-    display: inline-flex;
-    line-height: 0;
-    position: relative;
-  }
-
-  .tr-action-group__dropdown {
-    width: max-content;
-    position: absolute;
-    z-index: 100;
-    right: 0;
-    background-color: white;
-    padding: 4px;
-    border-radius: 12px;
-    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
-
-    &.placement-top {
-      bottom: calc(100% + 8px);
-    }
-
-    &.placement-bottom {
-      top: calc(100% + 8px);
-    }
-
-    .tr-action-group__dropdown-item {
-      border-radius: 8px;
-      cursor: pointer;
-      height: 32px;
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-      padding: 4px 16px 4px 8px;
-      gap: 4px;
-      transition: background-color 0.3s;
-
-      &:not(:first-child) {
-        margin-top: 4px;
-      }
-
-      &:hover {
-        background-color: rgba(0, 0, 0, 0.04);
-      }
-
-      &:active {
-        background-color: rgba(0, 0, 0, 0.15);
-      }
-
-      & > * {
-        flex-shrink: 0;
-      }
-
-      &:has(> *:only-child) {
-        padding: 4px 16px;
-      }
-
-      .tr-action-group__dropdown-item-text {
-        font-size: 12px;
-        line-height: 20px;
-        color: rgb(25, 25, 25);
-      }
-
-      :deep(button) {
-        --tr-icon-button-hover-bg: unset;
-        --tr-icon-button-active-bg: unset;
-      }
-    }
-  }
-
-  // 下拉动画
-  .tr-action-group-dropdown {
-    &-enter-active,
-    &-leave-active {
-      transition: opacity 0.3s ease;
-    }
-
-    &-enter-from,
-    &-leave-to {
-      opacity: 0;
-    }
-
-    &-enter-to,
-    &-leave-from {
-      opacity: 1;
-    }
-  }
-}
-</style>

package/src/action-group/ActionGroupItem.vue

@@ -1,9 +0,0 @@
-<script setup lang="ts">
-import { ActionGroupItemProps } from './index.type'
-
-defineProps<ActionGroupItemProps>()
-</script>
-
-<template>
-  <slot></slot>
-</template>

package/src/action-group/index.ts

@@ -1,25 +0,0 @@
-import { App } from 'vue'
-import ActionGroup from './ActionGroup.vue'
-import ActionGroupItemComp from './ActionGroupItem.vue'
-
-ActionGroup.name = 'TrActionGroup'
-
-const install = function <T>(app: App<T>) {
-  app.component(ActionGroup.name!, ActionGroup)
-}
-
-ActionGroup.install = install
-
-export default ActionGroup as typeof ActionGroup & { install: typeof install }
-
-ActionGroupItemComp.name = 'TrActionGroupItem'
-
-const installActionGroupItem = function <T>(app: App<T>) {
-  app.component(ActionGroupItemComp.name!, ActionGroupItemComp)
-}
-
-ActionGroupItemComp.install = installActionGroupItem
-
-export const ActionGroupItem = ActionGroupItemComp as typeof ActionGroupItemComp & {
-  install: typeof installActionGroupItem
-}

package/src/action-group/index.type.ts

@@ -1,21 +0,0 @@
-import { VNode } from 'vue'
-
-export interface ActionGroupProps {
-  maxNum?: number
-  showTooltip?: boolean
-  dropDownShowLabelOnly?: boolean
-}
-
-export interface ActionGroupEvents {
-  (e: 'item-click', name: string): void
-}
-
-export interface ActionGroupSlots {
-  default: () => VNode | VNode[]
-  moreBtn: () => VNode
-}
-
-export interface ActionGroupItemProps {
-  name: string
-  label: string
-}

package/src/assets/icons/accessory.svg

@@ -1,12 +0,0 @@
-<svg width="32.000000" height="32.000000" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	<desc>
-			Created with Pixso.
-	</desc>
-	<defs/>
-	<rect id="矩形" rx="8.000000" width="32.000000" height="32.000000" fill="#000000" fill-opacity="0"/>
-	<rect id="矩形" x="0.500000" y="0.500000" rx="8.000000" width="31.000000" height="31.000000" stroke="#979797" stroke-opacity="0" stroke-width="1.000000"/>
-	<rect id="矩形" x="4.000000" y="4.000000" width="24.000000" height="24.000000" fill="#D8D8D8" fill-opacity="0"/>
-	<rect id="矩形" x="4.500000" y="4.500000" width="23.000000" height="23.000000" stroke="#979797" stroke-opacity="0" stroke-width="1.000000"/>
-	<path id="路径 3" d="M13.37 10.32L13.23 10.26L15.44 11.19L12.61 18.98C12.2 20.11 12.81 21.36 13.95 21.72C15.04 22.07 16.2 21.5 16.59 20.43L19.35 12.85L18.8 12.65L18.79 12.62C18.79 12.61 18.8 12.61 18.8 12.6L15.44 11.19L15.83 10.14C16.49 8.31 18.52 7.37 20.35 8.03C22.18 8.7 23.12 10.72 22.46 12.55L19.15 21.65C18.21 24.21 15.38 25.54 12.82 24.6C10.25 23.67 8.93 20.83 9.86 18.27L12.83 10.12L12.28 9.92L12.27 9.9C12.39 9.58 12.73 9.42 13.04 9.54C13.36 9.65 13.52 9.99 13.4 10.31L13.37 10.32Z" fill="#D8D8D8" fill-opacity="0" fill-rule="evenodd"/>
-	<path id="路径 3" d="M12.84 10.1L9.86 18.27C8.93 20.83 10.25 23.67 12.82 24.6C15.38 25.54 18.21 24.21 19.15 21.65L22.46 12.55C23.12 10.72 22.18 8.7 20.35 8.03C18.52 7.37 16.49 8.31 15.83 10.14L12.61 18.98C12.2 20.11 12.81 21.36 13.95 21.72C15.04 22.07 16.2 21.5 16.59 20.43L19.35 12.83" stroke="#595959" stroke-opacity="1.000000" stroke-width="1.200000" stroke-linecap="round"/>
-</svg>

package/src/assets/icons/loading-speech.svg

@@ -1,16 +0,0 @@
-<svg width="152.343506" height="18.000000" viewBox="0 0 152.344 18" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	<desc>
-			Created with Pixso.
-	</desc>
-	<defs>
-		<linearGradient x1="159.655945" y1="6.532532" x2="-2.217805" y2="3.665466" id="paint_linear_498_7491_0" gradientUnits="userSpaceOnUse">
-			<stop stop-color="#E6FF7D" stop-opacity="0.200000"/>
-			<stop offset="0.264015" stop-color="#FFB22E" stop-opacity="0.200000"/>
-			<stop offset="0.522782" stop-color="#97A7FF" stop-opacity="0.258824"/>
-			<stop offset="0.702223" stop-color="#76ADFF" stop-opacity="0.400000"/>
-			<stop offset="0.830214" stop-color="#67D1FF" stop-opacity="0.301961"/>
-			<stop offset="1.000000" stop-color="#D27EFF" stop-opacity="0.090196"/>
-		</linearGradient>
-	</defs>
-	<path id="Fill 3" d="M9.52 9.61C12.69 9.9 15.86 10.31 19.04 10.74C20.63 10.94 22.21 11.28 23.8 11.78C25.39 12.26 26.97 12.84 28.56 13.26C30.15 13.67 31.73 13.89 33.32 13.89C34.11 13.88 34.91 13.69 35.7 13.33C36.49 12.98 37.29 12.49 38.08 12.06C38.87 11.63 39.67 11.29 40.46 11.19C40.86 11.13 41.25 11.13 41.65 11.17C42.05 11.22 42.45 11.31 42.84 11.39C44.43 11.75 46.02 12.36 47.6 13.19C50.78 14.81 53.95 16.29 57.12 17.28C60.3 18.29 63.47 18.26 66.65 16.96C69.82 15.68 72.99 14.04 76.17 12.73C79.34 11.4 82.51 11.19 85.69 11.85C88.86 12.53 92.04 14.04 95.21 14.41C96 14.51 96.8 14.56 97.59 14.56C98.38 14.55 99.18 14.5 99.97 14.46C101.56 14.35 103.14 14.18 104.73 13.94C107.91 13.45 111.08 12.64 114.25 11.93C117.43 11.19 120.6 10.62 123.77 10.26C126.95 9.88 130.12 9.49 133.3 9.28C136.47 9.06 139.64 9 142.82 9L152.34 9L142.82 9C139.64 8.99 136.47 8.93 133.3 8.71C130.12 8.5 126.95 8.11 123.77 7.73C120.6 7.37 117.43 6.8 114.25 6.06C111.08 5.35 107.91 4.54 104.73 4.05C103.14 3.81 101.56 3.64 99.97 3.53C99.18 3.49 98.38 3.44 97.59 3.43C96.8 3.43 96 3.48 95.21 3.58C92.04 3.95 88.86 5.46 85.69 6.14C82.51 6.8 79.34 6.59 76.17 5.26C72.99 3.95 69.82 2.31 66.65 1.03C63.47 -0.27 60.3 -0.31 57.12 0.71C53.95 1.7 50.78 3.18 47.6 4.8C46.02 5.63 44.43 6.24 42.84 6.6C42.45 6.68 42.05 6.77 41.65 6.82C41.25 6.86 40.86 6.86 40.46 6.8C39.67 6.7 38.87 6.36 38.08 5.93C37.29 5.51 36.49 5.01 35.7 4.66C34.91 4.3 34.11 4.11 33.32 4.1C31.73 4.1 30.15 4.32 28.56 4.73C26.97 5.15 25.39 5.73 23.8 6.21C22.21 6.71 20.63 7.05 19.04 7.25C15.86 7.68 12.69 8.09 9.52 8.38C6.34 8.69 3.17 8.94 0 9C3.17 9.05 6.34 9.3 9.52 9.61Z" fill="url(#paint_linear_498_7491_0)" fill-opacity="1.000000" fill-rule="evenodd"/>
-</svg>

package/src/assets/icons/loading.svg

@@ -1,17 +0,0 @@
-<svg width="102.000000" height="36.000000" viewBox="0 0 102 36" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	<desc>
-			Created with Pixso.
-	</desc>
-	<defs/>
-	<rect id="沉浸式/输入框/停止生成按钮" rx="18.000000" width="102.000000" height="36.000000" fill="#1476FF" fill-opacity="0.060000"/>
-	<path id="停止回答" d="M79.96 13.66L78.75 13.66C78.4 14.31 78.01 14.92 77.56 15.46L76.71 14.92C77.59 13.85 78.23 12.69 78.63 11.42L79.59 11.63C79.47 12.01 79.33 12.37 79.19 12.73L82.95 12.73L82.95 13.66L80.98 13.66C81.25 14.1 81.47 14.53 81.64 14.92L80.73 15.25C80.5 14.69 80.24 14.16 79.96 13.66ZM85.88 13.66L84.54 13.66C84.28 14.09 84 14.5 83.71 14.89L82.87 14.37C83.6 13.49 84.12 12.51 84.44 11.43L85.4 11.64C85.28 12.03 85.14 12.4 85 12.73L89.2 12.73L89.2 13.66L86.93 13.66C87.26 14.19 87.54 14.69 87.76 15.14L86.84 15.46Q86.42 14.52 85.88 13.66ZM34.48 17.26C35.8 15.57 36.77 13.64 37.37 11.49L38.31 11.92C37.98 12.96 37.59 13.95 37.13 14.87L37.13 24.4L36.11 24.4L36.11 16.62C35.72 17.21 35.28 17.79 34.82 18.32L34.48 17.26ZM41.56 11.65L42.58 11.49C42.72 11.84 42.84 12.24 42.98 12.69L46.97 12.69L46.97 13.59L38.31 13.59L38.31 12.69L41.98 12.69C41.85 12.33 41.71 11.98 41.56 11.65ZM55.09 22.81L55.09 11.63L56.13 11.63L56.13 16.18L60.44 16.18L60.44 17.16L56.13 17.16L56.13 22.81L61.21 22.81L61.21 23.79L48.78 23.79L48.78 22.81L51.16 22.81L51.16 14.08L52.17 14.08L52.17 22.81L55.09 22.81ZM63.38 12.4L74.61 12.4L74.61 24.17L73.63 24.17L73.63 23.57L64.36 23.57L64.36 24.17L63.38 24.17L63.38 12.4ZM64.36 13.29L64.36 22.67L73.63 22.67L73.63 13.29L64.36 13.29ZM39.23 17.04L39.23 14.4L45.9 14.4L45.9 17.04L39.23 17.04ZM79.78 18.65L79.78 18.03C78.96 18.46 78.08 18.87 77.14 19.24L76.67 18.36C79.06 17.46 81.05 16.34 82.65 15.01L83.32 15.01C85.08 16.44 87.11 17.56 89.41 18.39L88.92 19.26C87.96 18.89 87.07 18.47 86.24 18.03L86.24 18.65L79.78 18.65ZM40.21 16.28L44.92 16.28L44.92 15.17L40.21 15.17L40.21 16.28ZM66.31 20.45L66.31 15.46L71.71 15.46L71.71 20.45L66.31 20.45ZM80.32 17.72L85.7 17.72C84.7 17.14 83.79 16.5 82.98 15.8C82.21 16.48 81.33 17.13 80.32 17.72ZM67.25 19.59L70.76 19.59L70.76 16.33L67.25 16.33L67.25 19.59ZM38.18 17.86L47 17.86L47 20.25L46.25 20.25L46.25 20.88L43.22 20.88L43.22 23.15C43.22 23.9 42.8 24.3 41.99 24.3L40.41 24.3L40.2 23.32C40.7 23.34 41.18 23.37 41.64 23.37C42 23.37 42.18 23.2 42.18 22.9L42.18 20.88L39.12 20.88L39.12 20.25L38.18 20.25L38.18 17.86ZM39.16 18.74L39.16 20.01L46.04 20.01L46.04 18.74L39.16 18.74ZM78.81 19.96L87.18 19.96L87.18 24.38L86.21 24.38L86.21 23.75L79.78 23.75L79.78 24.38L78.81 24.38L78.81 19.96ZM79.78 20.88L79.78 22.83L86.21 22.83L86.21 20.88L79.78 20.88Z" fill="#1476FF" fill-opacity="1.000000" fill-rule="evenodd"/>
-	<rect id="矩形" x="7.713867" y="7.714844" width="20.571428" height="20.571428" fill="#D8D8D8" fill-opacity="0"/>
-	<rect id="矩形" x="8.213867" y="8.214844" width="19.571428" height="19.571428" stroke="#979797" stroke-opacity="0" stroke-width="1.000000"/>
-	<rect id="矩形" x="6.000000" y="6.000000" width="24.000000" height="24.000000" fill="#D8D8D8" fill-opacity="0"/>
-	<rect id="矩形" x="6.500000" y="6.500000" width="23.000000" height="23.000000" stroke="#979797" stroke-opacity="0" stroke-width="1.000000"/>
-	<rect id="矩形" x="14.666992" y="14.666016" rx="1.500000" width="6.666667" height="6.666667" fill="#1476FF" fill-opacity="1.000000"/>
-	<circle id="椭圆形" cx="18.000000" cy="18.000000" r="8.250000" fill="#D8D8D8" fill-opacity="0"/>
-	<circle id="椭圆形" cx="18.000000" cy="18.000000" r="8.250000" stroke="#1476FF" stroke-opacity="1.000000" stroke-width="1.500000"/>
-	<path id="路径" d="M17.8 10.47C17.48 10.39 17.25 10.1 17.25 9.75C17.25 9.33 17.58 9 18 9L18.02 9.02L18.02 9.75C22.56 9.76 26.25 13.45 26.25 18C26.25 22.55 22.55 26.25 18 26.25C16.52 26.25 15.13 25.86 13.93 25.18L13.57 25.81L13.54 25.82C13.18 25.61 13.06 25.16 13.26 24.8C13.44 24.49 13.78 24.35 14.11 24.44L17.8 10.47Z" fill="#595959" fill-opacity="0" fill-rule="evenodd"/>
-	<path id="路径" d="M13.91 25.17C15.12 25.85 16.51 26.25 18 26.25C22.55 26.25 26.25 22.55 26.25 18C26.25 13.44 22.55 9.75 18 9.75" stroke="#1476FF" stroke-opacity="1.000000" stroke-width="1.500000" stroke-linecap="round"/>
-</svg>

package/src/assets/icons/send.svg

@@ -1,21 +0,0 @@
-<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	<desc>
-		Created with Pixso.
-	</desc>
-	<defs>
-		<filter id="filter_447_4247_dd" x="0" y="0" width="36" height="36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-			<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-			<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-			<feOffset dx="0" dy="2"/>
-			<feGaussianBlur stdDeviation="1.66667"/>
-			<feComposite in2="hardAlpha" operator="out" k2="-1" k3="1"/>
-			<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.039 0"/>
-			<feBlend mode="normal" in2="BackgroundImageFix" result="effect_dropShadow_1"/>
-			<feBlend mode="normal" in="SourceGraphic" in2="effect_dropShadow_1" result="shape"/>
-		</filter>
-	</defs>
-	<g filter="url(#filter_447_4247_dd)">
-		<rect id="Rectangle" x="0" y="0" rx="18" width="36" height="36" fill="#1476FF" fill-opacity="1"/>
-	</g>
-	<path id="Fill 1" d="M26.38 8.7L7.99 17.45C7.59 17.64 7.58 18.21 7.98 18.4L12.56 20.7C12.78 20.81 13.05 20.77 13.23 20.62L23.54 11.95C23.71 11.81 23.94 12.05 23.78 12.21L14.9 21.42C14.72 21.61 14.63 21.87 14.66 22.14L15.21 26.9C15.26 27.36 15.83 27.54 16.14 27.19L18.36 24.65C18.49 24.5 18.46 24.25 18.29 24.13L16.45 22.88C16.34 22.81 16.44 22.64 16.56 22.7L19 23.92L21.87 25.35C22.17 25.5 22.52 25.35 22.62 25.03L27.44 9.62C27.64 8.98 26.98 8.41 26.38 8.7Z" fill="#FFFFFF" fill-opacity="1" fill-rule="evenodd"/>
-</svg>

package/src/assets/icons/voice.svg

@@ -1,22 +0,0 @@
-<svg width="32.000000" height="32.000000" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	<desc>
-			Created with Pixso.
-	</desc>
-	<defs>
-		<linearGradient x1="12.999998" y1="21.128080" x2="20.000002" y2="6.999999" id="paint_linear_447_301_0" gradientUnits="userSpaceOnUse">
-			<stop stop-color="#E280FF"/>
-			<stop offset="0.517615" stop-color="#6686FF"/>
-			<stop offset="1.000000" stop-color="#4DDDFF"/>
-		</linearGradient>
-	</defs>
-	<rect id="矩形" rx="8.000000" width="32.000000" height="32.000000" fill="#000000" fill-opacity="0"/>
-	<rect id="矩形" x="0.500000" y="0.500000" rx="8.000000" width="31.000000" height="31.000000" stroke="#979797" stroke-opacity="0" stroke-width="1.000000"/>
-	<rect id="矩形" x="4.000000" y="4.000000" width="24.000000" height="24.000000" fill="#D8D8D8" fill-opacity="0"/>
-	<rect id="矩形" x="4.500000" y="4.500000" width="23.000000" height="23.000000" stroke="#979797" stroke-opacity="0" stroke-width="1.000000"/>
-	<rect id="矩形" x="13.000000" y="7.000000" rx="3.500000" width="7.000000" height="11.000000" fill="url(#paint_linear_447_301_0)" fill-opacity="0"/>
-	<rect id="矩形" x="13.000000" y="7.000000" rx="3.500000" width="7.000000" height="11.000000" stroke="#595959" stroke-opacity="1.000000" stroke-width="1.200000" stroke-linejoin="round"/>
-	<path id="路径" d="M8.41 14.02L8.39 14C8.39 13.66 8.66 13.4 9 13.4C9.33 13.4 9.6 13.66 9.6 14L23.39 14C23.39 13.66 23.66 13.4 24 13.4C24.33 13.4 24.6 13.66 24.6 14L24.58 14.02L24 14.02C23.98 18.42 20.63 22 16.5 22C12.36 22 9.01 18.42 9 14.02L8.41 14.02Z" fill="#D8D8D8" fill-opacity="0" fill-rule="evenodd"/>
-	<path id="路径" d="M9 14C9 18.41 12.35 22 16.5 22C20.64 22 24 18.41 24 14" stroke="#595959" stroke-opacity="1.000000" stroke-width="1.200000" stroke-linecap="round"/>
-	<path id="路径 2" d="M15.91 22.6L15.89 22.58C15.89 22.24 16.16 21.98 16.5 21.98C16.83 21.98 17.1 22.24 17.1 22.58L17.08 22.6L15.91 22.6ZM17.08 25.34L17.1 25.36C17.1 25.7 16.83 25.96 16.5 25.96C16.16 25.96 15.89 25.7 15.89 25.36L15.91 25.34L17.08 25.34Z" fill="#D8D8D8" fill-opacity="0" fill-rule="nonzero"/>
-	<path id="路径 2" d="M16.5 22.58L16.5 25.36" stroke="#595959" stroke-opacity="1.000000" stroke-width="1.200000" stroke-linecap="round"/>
-</svg>

package/src/bubble/Bubble.vue

@@ -1,153 +0,0 @@
-<script setup lang="ts">
-import markdownit from 'markdown-it'
-import { computed } from 'vue'
-import { BubbleProps, BubbleSlots } from './index.type'
-
-const props = withDefaults(defineProps<BubbleProps>(), {
-  content: '',
-  placement: 'start',
-  type: 'text',
-  maxWidth: '80%',
-})
-
-const slots = defineSlots<BubbleSlots>()
-
-const markdownItInstance = computed(() => {
-  return markdownit(props.mdConfig || {})
-})
-
-const bubbleContent = computed(() => {
-  if (props.type === 'markdown') {
-    return markdownItInstance.value.render(props.content)
-  }
-  return props.content
-})
-
-const placementStart = computed(() => props.placement === 'start')
-</script>
-
-<template>
-  <div
-    :class="[
-      'tr-bubble',
-      {
-        'placement-start': placementStart,
-        'placement-end': !placementStart,
-      },
-    ]"
-  >
-    <div v-if="props.avatar" class="tr-bubble__avatar">
-      <component :is="props.avatar"></component>
-    </div>
-    <div class="tr-bubble__content-wrapper">
-      <slot v-if="props.loading" name="loading" :bubble-props="props">
-        <div class="tr-bubble__loading">
-          <span></span>
-          <span></span>
-          <span></span>
-        </div>
-      </slot>
-      <div v-else :class="['tr-bubble__content']">
-        <div class="tr-bubbule__body">
-          <slot :bubble-props="props">
-            <span v-if="props.type === 'markdown'" v-html="bubbleContent"></span>
-            <span v-else>{{ bubbleContent }}</span>
-            <span v-if="props.aborted" class="tr-bubbule__aborted">（用户停止）</span>
-          </slot>
-        </div>
-        <div v-if="slots.footer" class="tr-bubbule__footer">
-          <slot name="footer" :bubble-props="props"></slot>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="less" scoped>
-.tr-bubble {
-  display: flex;
-  gap: 16px;
-  max-width: v-bind('props.maxWidth');
-
-  &.placement-start {
-    flex-direction: row;
-  }
-
-  &.placement-end {
-    flex-direction: row-reverse;
-    margin-left: auto;
-  }
-}
-
-.tr-bubble__avatar {
-  width: 40px;
-  height: 40px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.tr-bubble__loading {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 8px 0;
-
-  span {
-    height: 8px;
-    width: 8px;
-    margin: 0 2px;
-    background-color: #bbb;
-    border-radius: 50%;
-    display: inline-block;
-    animation: typing 1.4s infinite ease-in-out both;
-
-    &:nth-child(1) {
-      animation-delay: 0s;
-    }
-
-    &:nth-child(2) {
-      animation-delay: 0.2s;
-    }
-
-    &:nth-child(3) {
-      animation-delay: 0.4s;
-    }
-  }
-
-  @keyframes typing {
-    0%,
-    80%,
-    100% {
-      transform: scale(0);
-    }
-    40% {
-      transform: scale(1);
-    }
-  }
-}
-
-.tr-bubble__content {
-  background-color: white;
-  padding: 16px 24px;
-  border-radius: 24px;
-  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.02);
-
-  .tr-bubbule__body {
-    color: rgb(25, 25, 25);
-    font-size: 16px;
-    line-height: 26px;
-    word-break: break-word;
-  }
-
-  .tr-bubbule__aborted {
-    color: rgb(128, 128, 128);
-    font-size: 14px;
-  }
-
-  .tr-bubbule__footer {
-    margin-top: 12px;
-  }
-}
-</style>

package/src/bubble/BubbleList.vue

@@ -1,55 +0,0 @@
-<script setup lang="ts">
-import { useScroll } from '@vueuse/core'
-import { computed, useTemplateRef, watch } from 'vue'
-import Bubble from './Bubble.vue'
-import { BubbleListProps, BubbleProps, BubbleSlots } from './index.type'
-
-const props = withDefaults(defineProps<BubbleListProps>(), {})
-
-const scrollContainerRef = useTemplateRef<HTMLDivElement>('scrollContainer')
-const { y } = useScroll(scrollContainerRef, {
-  behavior: 'smooth',
-  throttle: 100,
-})
-const lastBubble = computed(() => props.items.at(-1))
-
-watch([() => props.items.length, () => lastBubble.value?.content], () => {
-  if (!props.autoScroll || !scrollContainerRef.value) {
-    return
-  }
-
-  y.value = scrollContainerRef.value.scrollHeight
-})
-
-const getItemProps = (item: BubbleProps & { slots?: BubbleSlots }): BubbleProps => {
-  const defaultConfig = item.role ? props.roles?.[item.role] || {} : {}
-  const { slots: _roleSlots, ...rest } = defaultConfig
-  const { slots: _itemSlots, ...restItem } = item
-  return { ...rest, ...restItem }
-}
-
-const getItemSlots = (item: BubbleProps & { slots?: BubbleSlots }): BubbleSlots => {
-  const defaultConfig = item.role ? props.roles?.[item.role] || {} : {}
-  return { ...defaultConfig.slots, ...item.slots }
-}
-</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)">
-      <template v-for="(_, slotName) in getItemSlots(item)" #[slotName]="slotProps" :key="slotName">
-        <component :is="getItemSlots(item)[slotName]" v-bind="slotProps" />
-      </template>
-    </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/index.ts

@@ -1,23 +0,0 @@
-import { App } from 'vue'
-import BubbleComp from './Bubble.vue'
-import BubbleListComp from './BubbleList.vue'
-
-BubbleComp.name = 'TrBubble'
-
-const bubbleInstall = function (app: App) {
-  app.component(BubbleComp.name!, BubbleComp)
-}
-
-BubbleComp.install = bubbleInstall
-
-export const Bubble = BubbleComp as typeof BubbleComp & { install: typeof bubbleInstall }
-
-BubbleListComp.name = 'TrBubbleList'
-
-const bubbleListInstall = function (app: App) {
-  app.component(BubbleListComp.name!, BubbleListComp)
-}
-
-BubbleListComp.install = bubbleListInstall
-
-export const BubbleList = BubbleListComp as typeof BubbleListComp & { install: typeof bubbleListInstall }