@opentiny/tiny-robot 0.5.0 → 0.5.1-alpha.2

package/dist/theme-provider/index.js

@@ -1,7 +1,9 @@
-import { defineComponent as C, useModel as f, ref as O, onUnmounted as S, computed as D, provide as m, watchEffect as _, watch as g, renderSlot as w, mergeModels as b, inject as u, readonly as v } from "vue";
-const k = "data-tr-theme", A = "data-tr-color-mode", y = Symbol("theme"), E = Symbol("colorMode"), T = Symbol("resolvedColorMode"), p = Symbol("systemColorMode"), i = /* @__PURE__ */ C({
+import { defineComponent as M, useModel as h, ref as g, onUnmounted as E, computed as T, provide as d, watchEffect as p, watch as f, renderSlot as v, mergeModels as O } from "vue";
+import { T as D, C as y, R as _, S, a as C, b as R } from "../useTheme.js";
+import { u as N } from "../useTheme.js";
+const l = /* @__PURE__ */ M({
   __name: "index",
-  props: /* @__PURE__ */ b({
+  props: /* @__PURE__ */ O({
     colorMode: {},
     targetElement: { default: "html" },
     theme: {},
@@ -18,7 +20,7 @@ const k = "data-tr-theme", A = "data-tr-color-mode", y = Symbol("theme"), E = Sy
   }),
   emits: ["update:theme", "update:colorMode"],
   setup(o) {
-    const t = o, r = () => {
+    const t = o, c = () => {
       if (!t.storage) return {};
       let e = {};
       try {
@@ -26,58 +28,47 @@ const k = "data-tr-theme", A = "data-tr-color-mode", y = Symbol("theme"), E = Sy
       } catch {
       }
       return e;
-    }, d = (e) => {
+    }, u = (e) => {
       if (!t.storage) return;
-      const h = { ...r(), ...e };
-      t.storage.setItem(t.storageKey, JSON.stringify(h));
-    }, n = f(o, "theme"), a = f(o, "colorMode");
+      const m = { ...c(), ...e };
+      t.storage.setItem(t.storageKey, JSON.stringify(m));
+    }, r = h(o, "theme"), a = h(o, "colorMode");
     if (t.storage) {
-      const e = r();
-      typeof e.theme == "string" && (n.value = e.theme), (e.colorMode === "auto" || e.colorMode === "light" || e.colorMode === "dark") && (a.value = e.colorMode);
+      const e = c();
+      typeof e.theme == "string" && (r.value = e.theme), (e.colorMode === "auto" || e.colorMode === "light" || e.colorMode === "dark") && (a.value = e.colorMode);
     }
-    const s = O("light");
+    const n = g("light");
     if (typeof window < "u") {
       const e = window.matchMedia("(prefers-color-scheme: dark)");
-      s.value = e.matches ? "dark" : "light";
-      const c = (h) => {
-        s.value = h.matches ? "dark" : "light";
+      n.value = e.matches ? "dark" : "light";
+      const s = (m) => {
+        n.value = m.matches ? "dark" : "light";
       };
-      e.addEventListener("change", c), S(() => {
-        e.removeEventListener("change", c);
+      e.addEventListener("change", s), E(() => {
+        e.removeEventListener("change", s);
       });
     }
-    const l = D(() => a.value === "auto" ? s.value : a.value);
-    return m(y, n), m(E, a), m(T, l), m(p, s), _(
+    const i = T(() => a.value === "auto" ? n.value : a.value);
+    return d(D, r), d(y, a), d(_, i), d(S, n), p(
       () => {
         if (typeof document > "u") return;
         const e = document.querySelector(t.targetElement);
-        e && (e.setAttribute(k, n.value), e.setAttribute(A, l.value));
+        e && (e.setAttribute(C, r.value), e.setAttribute(R, i.value));
       },
       { flush: "post" }
-    ), g(n, (e) => {
-      d({ theme: e });
-    }), g(a, (e) => {
-      d({ colorMode: e });
-    }), (e, c) => w(e.$slots, "default");
+    ), f(r, (e) => {
+      u({ theme: e });
+    }), f(a, (e) => {
+      u({ colorMode: e });
+    }), (e, s) => v(e.$slots, "default");
   }
-}), M = "Theme context not available, cannot set theme data. Consider using ThemeProvider to wrap your app.", N = () => {
-  const o = u(y), t = u(E), r = u(T), d = u(p), n = (l) => o ? (o.value = l, !0) : (console.warn(M), !1), a = () => !t || !r ? (console.warn(M), !1) : (t.value = r.value === "light" ? "dark" : "light", !0), s = (l) => t ? (t.value = l, !0) : (console.warn(M), !1);
-  return {
-    theme: o,
-    colorMode: t,
-    resolvedColorMode: r ? v(r) : void 0,
-    systemColorMode: d ? v(d) : void 0,
-    setTheme: n,
-    toggleColorMode: a,
-    setColorMode: s
-  };
+});
+l.name = "TrThemeProvider";
+const k = function(o) {
+  o.component(l.name, l);
 };
-i.name = "TrThemeProvider";
-const R = function(o) {
-  o.component(i.name, i);
-};
-i.install = R;
+l.install = k;
 export {
-  i as default,
+  l as default,
   N as useTheme
 };

package/dist/theme-provider/index.type.d.ts

@@ -0,0 +1,18 @@
+export type ColorMode = 'light' | 'dark' | 'auto';
+export type ThemeStorage = Pick<Storage, 'getItem' | 'setItem'>;
+export interface ThemeProviderProps {
+    /**
+     * 颜色模式(v-model:colorMode)，可选值：light、dark、auto，默认值：auto
+     */
+    colorMode?: ColorMode;
+    /**
+     * 应用主题属性选择器的目标元素，默认值：html。主题只会影响 targetElement 下的元素
+     */
+    targetElement?: string;
+    /**
+     * 主题(v-model:theme)
+     */
+    theme?: string;
+    storage?: ThemeStorage;
+    storageKey?: string;
+}

package/dist/theme-provider/index.vue.d.ts

@@ -0,0 +1,32 @@
+import { ColorMode, ThemeProviderProps } from './index.type';
+type __VLS_Props = ThemeProviderProps;
+type __VLS_PublicProps = {
+    'theme'?: string;
+    'colorMode'?: ColorMode;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:theme": (value: string) => any;
+    "update:colorMode": (value: ColorMode) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:theme"?: ((value: string) => any) | undefined;
+    "onUpdate:colorMode"?: ((value: ColorMode) => any) | undefined;
+}>, {
+    targetElement: string;
+    storageKey: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/theme-provider/useTheme.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+import { ColorMode } from './index.type';
+export declare const useTheme: () => {
+    theme: Ref<string, string> | undefined;
+    colorMode: Ref<ColorMode, ColorMode> | undefined;
+    resolvedColorMode: Readonly<Ref<"light" | "dark", "light" | "dark">> | undefined;
+    systemColorMode: Readonly<Ref<"light" | "dark", "light" | "dark">> | undefined;
+    setTheme: (newTheme: string) => boolean;
+    toggleColorMode: () => boolean;
+    setColorMode: (mode: ColorMode) => boolean;
+};

package/dist/useTheme.js

@@ -0,0 +1,22 @@
+import { inject as t, readonly as a } from "vue";
+const O = "data-tr-theme", T = "data-tr-color-mode", m = Symbol("theme"), u = Symbol("colorMode"), E = Symbol("resolvedColorMode"), C = Symbol("systemColorMode"), n = "Theme context not available, cannot set theme data. Consider using ThemeProvider to wrap your app.", v = () => {
+  const r = t(m), o = t(u), e = t(E), l = t(C), c = (s) => r ? (r.value = s, !0) : (console.warn(n), !1), d = () => !o || !e ? (console.warn(n), !1) : (o.value = e.value === "light" ? "dark" : "light", !0), M = (s) => o ? (o.value = s, !0) : (console.warn(n), !1);
+  return {
+    theme: r,
+    colorMode: o,
+    resolvedColorMode: e ? a(e) : void 0,
+    systemColorMode: l ? a(l) : void 0,
+    setTheme: c,
+    toggleColorMode: d,
+    setColorMode: M
+  };
+};
+export {
+  u as C,
+  E as R,
+  C as S,
+  m as T,
+  O as a,
+  T as b,
+  v as u
+};

package/dist/welcome/index.d.ts

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

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,18 @@
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-robot",
-  "version": "0.5.0",
+  "version": "0.5.1-alpha.2",
   "license": "MIT",
   "description": "TinyRobot 是一个 AI 对话组件库，提供了丰富的 AI 交互组件，助力开发者快速构建企业级 AI 应用；同时也是一个智能助手，支持普通 AI 问答、也支持集成 MCP Server，让 AI 真正帮人“干活”。",
   "homepage": "https://docs.opentiny.design/tiny-robot/",
@@ -35,6 +35,23 @@
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./experimental": {
+      "types": "./dist/chat/index.d.ts",
+      "import": "./dist/chat/index.js"
+    },
+    "./chat": null,
+    "./dist/style.css": "./dist/style.css",
+    "./*": {
+      "types": "./dist/*/index.d.ts",
+      "import": "./dist/*/index.js"
+    }
+  },
   "sideEffects": [
     "**/*.css"
   ],
@@ -54,7 +71,9 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.6.0",
-    "@opentiny/tiny-robot-svgs": "0.5.0",
+    "@modelcontextprotocol/sdk": "^1.18.1",
+    "@opentiny/tiny-robot-kit": "0.5.1-alpha.2",
+    "@opentiny/tiny-robot-svgs": "0.5.1-alpha.2",
     "@opentiny/vue": "^3.20.0",
     "@tiptap/core": "3.17.1",
     "@tiptap/extension-character-count": "3.17.1",
@@ -90,5 +109,5 @@
     "@tiptap/extension-bubble-menu": "3.17.1",
     "@tiptap/extension-floating-menu": "3.17.1"
   },
-  "gitHead": "59e3e6b055f01a329de47777f19d6f08500911b1"
+  "gitHead": "35142f0da6ad54bed603595155da2a9b967d4038"
 }