@opentiny/tiny-robot 0.4.0-alpha.10 → 0.4.0-alpha.12

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2025 - present OpenTiny Authors.
+Copyright (c) 2025 - present Huawei Cloud Computing Technologies Co., Ltd.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1 +1,198 @@
-# 组件
+# TinyRobot
+
+<p align="center">
+  <a href="https://opentiny.design" target="_blank" rel="noopener noreferrer">
+    <img alt="OpenTiny Logo" src="logo.svg" height="100" style="max-width:100%;">
+  </a>
+</p>
+
+[![npm version](https://img.shields.io/npm/v/@opentiny/tiny-robot.svg)](https://www.npmjs.com/package/@opentiny/tiny-robot)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+**TinyRobot** is an AI component library built for Vue 3, following the OpenTiny Design system. It provides rich AI interaction components to help developers quickly build enterprise-level AI applications.
+
+## ✨ Features
+
+- 🤖 **Rich AI Components**: Comprehensive set of AI interaction components including chat bubbles, message input, conversation management, and more
+- 🎨 **OpenTiny Design**: Follows OpenTiny Design system for consistent UI/UX
+- 🚀 **Out of the Box**: Get started in minutes with minimal configuration
+- 🎯 **TypeScript Support**: Full TypeScript support with complete type definitions
+- 🌈 **Theme Customization**: Flexible theme system supporting multiple themes and custom styles
+- 📦 **Tree Shaking**: Optimized for tree shaking, import only what you need
+- 🔄 **Streaming Support**: Built-in support for streaming AI responses
+- 💾 **Storage Strategy**: Flexible storage strategies (LocalStorage, IndexedDB, custom)
+
+English | [简体中文](README_zh.md)
+
+[![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/opentiny/tiny-robot)
+
+## 📦 Packages
+
+TinyRobot is a monorepo containing the following packages:
+
+| Package                                         | Description                                                  | Version                                                                                                                       |
+| ----------------------------------------------- | ------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------- |
+| [`@opentiny/tiny-robot`](./packages/components) | Core component library with all AI interaction components    | [![npm](https://img.shields.io/npm/v/@opentiny/tiny-robot.svg)](https://www.npmjs.com/package/@opentiny/tiny-robot)           |
+| [`@opentiny/tiny-robot-kit`](./packages/kit)    | Utility functions and AI client tools for model interactions | [![npm](https://img.shields.io/npm/v/@opentiny/tiny-robot-kit.svg)](https://www.npmjs.com/package/@opentiny/tiny-robot-kit)   |
+| [`@opentiny/tiny-robot-svgs`](./packages/svgs)  | SVG icon library with all component icons                    | [![npm](https://img.shields.io/npm/v/@opentiny/tiny-robot-svgs.svg)](https://www.npmjs.com/package/@opentiny/tiny-robot-svgs) |
+
+## 🚀 Quick Start
+
+### Prerequisites
+
+- Node.js >= 20.13.0
+- Vue >= 3.2.0
+- Package manager: npm, yarn, or pnpm
+
+### Installation
+
+**Core package** — `@opentiny/tiny-robot` is the main package.
+
+```bash
+# Using pnpm (recommended)
+pnpm add @opentiny/tiny-robot
+
+# Using npm
+npm install @opentiny/tiny-robot
+
+# Using yarn
+yarn add @opentiny/tiny-robot
+```
+
+**Optional packages**:
+
+- `@opentiny/tiny-robot-kit` — Only needed if you use AI model request or data-processing features. Add it when required:
+
+  ```bash
+  pnpm add @opentiny/tiny-robot-kit
+  ```
+
+- `@opentiny/tiny-robot-svgs` — Optional. Install separately only if you need to use the SVG icon library standalone or with custom icons:
+
+  ```bash
+  pnpm add @opentiny/tiny-robot-svgs
+  ```
+
+### Basic Usage
+
+#### 1. Import Styles
+
+In your `main.js` or `main.ts`:
+
+```ts
+import { createApp } from 'vue'
+import App from './App.vue'
+import '@opentiny/tiny-robot/dist/style.css'
+
+const app = createApp(App)
+app.mount('#app')
+```
+
+#### 2. Use Components
+
+```vue
+<template>
+  <div class="chat-container">
+    <tr-bubble role="ai" content="Hello! I'm TinyRobot, an AI component library for Vue 3." placement="start" />
+    <tr-bubble role="user" content="That's great! How can I get started?" placement="end" />
+  </div>
+</template>
+
+<script setup>
+import { TrBubble } from '@opentiny/tiny-robot'
+</script>
+```
+
+## 📚 Documentation
+
+- 📖 [Full Documentation](https://docs.opentiny.design/tiny-robot/) - Complete API reference and guides
+- 🎯 [Quick Start Guide](https://docs.opentiny.design/tiny-robot/guide/quick-start) - Get started in minutes
+- 🎨 [Theme Configuration](https://docs.opentiny.design/tiny-robot/guide/theme-config) - Customize themes
+- 📝 [Update Log](https://docs.opentiny.design/tiny-robot/guide/update-log) - Version history
+- 💡 [Examples](https://docs.opentiny.design/tiny-robot/examples/assistant) - Complete application examples
+
+## 🏗️ Project Structure
+
+```text
+tiny-robot/
+├── packages/
+│   ├── components/          # Core component library
+│   │   ├── src/
+│   │   │   ├── bubble/      # Chat bubble components
+│   │   │   ├── sender/      # Message input component
+│   │   │   ├── container/   # Container component
+│   │   │   ├── history/     # Conversation history
+│   │   │   ├── attachments/ # File attachments
+│   │   │   └── ...          # Other components
+│   │   └── package.json
+│   ├── kit/                 # Utility functions and AI tools
+│   │   ├── src/
+│   │   │   ├── providers/   # AI provider implementations
+│   │   │   ├── vue/         # Vue composables
+│   │   │   │   ├── message/ # useMessage composable
+│   │   │   │   └── conversation/ # useConversation composable
+│   │   │   └── storage/     # Storage utilities
+│   │   └── package.json
+│   ├── svgs/                # SVG icon library
+│   ├── playground/          # Development playground
+│   └── test/                # Test suite
+├── docs/                    # Documentation site
+│   ├── src/                 # Documentation source
+│   └── demos/               # Component demos
+├── scripts/                 # Build and utility scripts
+└── package.json
+```
+
+## 🛠️ Development
+
+### Setup
+
+```bash
+# Install dependencies
+pnpm install
+
+# Start development server (playground + docs)
+pnpm dev
+```
+
+### Development Workflow
+
+1. **Start Development Server**:
+   - Run `pnpm dev` in the project root directory
+   - This starts both the playground and documentation site
+   - After modifying components in `packages/components/src/`, changes will be automatically reflected in the documentation page
+
+2. **Documentation**:
+   - Documentation source: `docs/src/`
+   - Component demos: `docs/demos/`
+
+3. **Testing**:
+   - Run `pnpm test` to execute tests
+
+## 📄 License
+
+MIT License - see [LICENSE](./LICENSE) file for details.
+
+## 🤝 Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+1. Fork the repository
+2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
+3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
+4. Push to the branch (`git push origin feature/AmazingFeature`)
+5. Open a Pull Request
+
+## 📞 Support
+
+- 📖 [Documentation](https://docs.opentiny.design/tiny-robot/)
+- 🐛 [Issue Tracker](https://github.com/opentiny/tiny-robot/issues)
+- 💬 [Discussions](https://github.com/opentiny/tiny-robot/discussions)
+
+## 🙏 Acknowledgments
+
+Built with ❤️ by the OpenTiny team.
+
+---
+
+**Note**: This project is part of the [OpenTiny](https://github.com/opentiny) ecosystem.

package/dist/action-group/index.js

@@ -1,7 +1,7 @@
 import { defineComponent as $, useSlots as H, computed as i, ref as f, watch as I, nextTick as W, openBlock as o, createElementBlock as _, Fragment as N, renderList as R, createBlock as v, unref as h, withCtx as S, createElementVNode as w, resolveDynamicComponent as G, renderSlot as L, createVNode as x, Transition as j, withDirectives as q, normalizeClass as J, withModifiers as K, createCommentVNode as E, toDisplayString as Q, vShow as U } from "vue";
 import { IconMenu as Y } from "@opentiny/tiny-robot-svgs";
 import { TinyTooltip as M } from "@opentiny/vue";
-import { o as Z, d as ee } from "../index5.js";
+import { o as Z, b as ee } from "../index4.js";
 import te from "../icon-button/index.js";
 import { _ as oe } from "../_plugin-vue_export-helper.js";
 const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae = { class: "tr-action-group__dropdown-item-text" }, ce = /* @__PURE__ */ $({

package/dist/base-popper/index.js

@@ -1,4 +1,4 @@
-import { B as f } from "../index6.js";
+import { B as f } from "../index8.js";
 export {
   f as default
 };

package/dist/bubble/index.js

@@ -1,4 +1,4 @@
-import { B as a, a as b, b as r, c as u, d as l, e as t, f as n, g as B, h as o, i as d, j as i } from "../index2.js";
+import { B as a, a as b, b as r, c as u, d as l, e as t, f as n, g as B, h as o, i as d, j as i } from "../index6.js";
 export {
   a as Bubble,
   b as BubbleList,

package/dist/drag-overlay/index.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, computed as y, openBlock as t, createBlock as u, Transition as F, withCtx as m, createElementBlock as a, normalizeStyle as h, normalizeClass as x, renderSlot as _, createElementVNode as l, toDisplayString as n, Fragment as w, renderList as D, createCommentVNode as B } from "vue";
-import { c as M } from "../index5.js";
+import { d as M } from "../index4.js";
 import { _ as Z } from "../_plugin-vue_export-helper.js";
 const k = "data:image/svg+xml,%3csvg%20width='80.000000'%20height='80.000000'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs/%3e%3crect%20width='80.000000'%20height='80.000000'%20fill='%23FFFFFF'%20fill-opacity='0'/%3e%3cpath%20d='M10%2014L70%2014C72.2%2014%2074%2015.79%2074%2018L74%2063C74%2065.2%2072.2%2067%2070%2067L10%2067C7.79%2067%206%2065.2%206%2063L6%2018C6%2015.79%207.79%2014%2010%2014Z'%20fill='%23FFFFFF'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3cpath%20d='M10%2014L70%2014C72.2%2014%2074%2015.79%2074%2018L74%2063C74%2065.2%2072.2%2067%2070%2067L10%2067C7.79%2067%206%2065.2%206%2063L6%2018C6%2015.79%207.79%2014%2010%2014ZM10%2015L70%2015C71%2015%2071.75%2015.25%2072.25%2015.75C72.75%2016.25%2073%2017%2073%2018L73%2063C73%2064%2072.75%2064.75%2072.25%2065.25C71.75%2065.75%2071%2066%2070%2066L10%2066C9%2066%208.25%2065.75%207.75%2065.25C7.25%2064.75%207%2064%207%2063L7%2018C7%2017%207.25%2016.25%207.75%2015.75C8.25%2015.25%209%2015%2010%2015Z'%20fill='%23808080'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3cpath%20d='M6%2047.27L24.56%2029.06C25.73%2027.91%2027.6%2027.91%2028.77%2029.06L44.52%2044.51C45.69%2045.66%2047.56%2045.66%2048.72%2044.51L56.64%2036.75C57.8%2035.6%2059.67%2035.6%2060.84%2036.75L74%2049.67L74%2062C74%2064.76%2071.76%2067%2069%2067L11%2067C8.23%2067%206%2064.76%206%2062L6%2047.27Z'%20fill='%23F0F0F0'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3cpath%20d=''%20fill='%23808080'%20fill-opacity='0'%20fill-rule='evenodd'/%3e%3cellipse%20cx='40.000000'%20cy='40.000000'%20rx='8.000001'%20ry='8.000002'%20fill='%231476FF'%20fill-opacity='1.000000'/%3e%3cpath%20d='M40%2035.5C40.27%2035.5%2040.5%2035.72%2040.5%2036L40.5%2039.49L44%2039.5C44.27%2039.5%2044.5%2039.72%2044.5%2040C44.5%2040.27%2044.27%2040.5%2044%2040.5L40.5%2040.5L40.5%2044C40.5%2044.27%2040.27%2044.5%2040%2044.5C39.72%2044.5%2039.5%2044.27%2039.5%2044L39.5%2040.5L36%2040.5C35.72%2040.5%2035.5%2040.27%2035.5%2040C35.5%2039.72%2035.72%2039.5%2036%2039.5L39.5%2039.5L39.5%2036C39.5%2035.72%2039.72%2035.5%2040%2035.5Z'%20fill='%23FFFFFF'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3cpath%20d='M10%2014L70%2014C72.2%2014%2074%2015.79%2074%2018L74%2063C74%2065.2%2072.2%2067%2070%2067L10%2067C7.79%2067%206%2065.2%206%2063L6%2018C6%2015.79%207.79%2014%2010%2014Z'%20fill='%23FFFFFF'%20fill-opacity='0'%20fill-rule='evenodd'/%3e%3cpath%20d='M10%2014L70%2014C72.2%2014%2074%2015.79%2074%2018L74%2063C74%2065.2%2072.2%2067%2070%2067L10%2067C7.79%2067%206%2065.2%206%2063L6%2018C6%2015.79%207.79%2014%2010%2014ZM10%2015L70%2015C71%2015%2071.75%2015.25%2072.25%2015.75C72.75%2016.25%2073%2017%2073%2018L73%2063C73%2064%2072.75%2064.75%2072.25%2065.25C71.75%2065.75%2071%2066%2070%2066L10%2066C9%2066%208.25%2065.75%207.75%2065.25C7.25%2064.75%207%2064%207%2063L7%2018C7%2017%207.25%2016.25%207.75%2015.75C8.25%2015.25%209%2015%2010%2015Z'%20fill='%23808080'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3ccircle%20cx='58.000000'%20cy='27.000000'%20r='5.000000'%20fill='%23DBDBDB'%20fill-opacity='1.000000'/%3e%3c/svg%3e", T = { class: "tr-drag-overlay__content" }, $ = { class: "tr-drag-overlay__text" }, S = { class: "tr-drag-overlay__title" }, E = { class: "tr-drag-overlay__description" }, z = /* @__PURE__ */ v({
   __name: "index",

package/dist/dropdown-menu/index.js

@@ -1,6 +1,6 @@
-import { ref as k, onUnmounted as T, watch as C, defineComponent as E, useModel as H, computed as p, openBlock as w, createBlock as I, unref as X, withCtx as y, createElementVNode as j, createElementBlock as _, Fragment as D, renderList as L, toDisplayString as Y, renderSlot as O, mergeModels as b } from "vue";
-import { w as S, b as M, o as $ } from "../index5.js";
-import { B as A } from "../index6.js";
+import { ref as k, onUnmounted as T, watch as C, defineComponent as E, useModel as H, computed as p, openBlock as w, createBlock as I, unref as X, withCtx as y, createElementVNode as j, createElementBlock as _, Fragment as D, renderList as L, toDisplayString as Y, renderSlot as O, mergeModels as M } from "vue";
+import { w as S, a as b, o as $ } from "../index4.js";
+import { B as A } from "../index8.js";
 import { u as F } from "../utils.js";
 import { _ as G } from "../_plugin-vue_export-helper.js";
 const P = (o, t) => o.x >= t.left && o.x <= t.right && o.y >= t.top && o.y <= t.bottom, N = (o, t, g = !1) => {
@@ -55,7 +55,7 @@ const P = (o, t) => o.x >= t.left && o.x <= t.right && o.y >= t.top && o.y <= t.
   ), S(
     [V, q],
     ([n, i]) => {
-      const e = M(o), m = M(t), u = e == null ? void 0 : e.getBoundingClientRect(), h = m == null ? void 0 : m.getBoundingClientRect();
+      const e = b(o), m = b(t), u = e == null ? void 0 : e.getBoundingClientRect(), h = m == null ? void 0 : m.getBoundingClientRect();
       if (u && P({ x: n, y: i }, u)) {
         r.value = "trigger";
         return;
@@ -74,7 +74,7 @@ const P = (o, t) => o.x >= t.left && o.x <= t.right && o.y >= t.top && o.y <= t.
   ), f;
 }, J = { class: "tr-dropdown-menu__list" }, K = ["onClick"], Q = /* @__PURE__ */ E({
   __name: "index",
-  props: /* @__PURE__ */ b({
+  props: /* @__PURE__ */ M({
     appendTo: {},
     items: {},
     show: { type: Boolean },
@@ -83,7 +83,7 @@ const P = (o, t) => o.x >= t.left && o.x <= t.right && o.y >= t.top && o.y <= t.
     show: { type: Boolean, default: !1 },
     showModifiers: {}
   }),
-  emits: /* @__PURE__ */ b(["item-click", "click-outside"], ["update:show"]),
+  emits: /* @__PURE__ */ M(["item-click", "click-outside"], ["update:show"]),
   setup(o, { expose: t, emit: g }) {
     const l = o, d = g, f = H(o, "show"), r = p({
       get: () => l.trigger === "manual" ? l.show : f.value,

package/dist/flow-layout-buttons/index.js

@@ -1,6 +1,6 @@
 import { defineComponent as q, useModel as G, watch as g, ref as i, computed as E, openBlock as l, createElementBlock as a, Fragment as I, renderList as $, normalizeClass as C, createBlock as x, resolveDynamicComponent as B, toDisplayString as D, createCommentVNode as _, createElementVNode as b, mergeModels as S, nextTick as H } from "vue";
 import { IconArrowDown as X } from "@opentiny/tiny-robot-svgs";
-import { e as j, o as J } from "../index5.js";
+import { c as j, o as J } from "../index4.js";
 import { _ as K } from "../_plugin-vue_export-helper.js";
 const P = ["onClick"], Q = {
   key: 0,

package/dist/history/index.js

@@ -1,4 +1,4 @@
-import { H as f } from "../index3.js";
+import { H as f } from "../index7.js";
 export {
   f as default
 };