@yh-ui/hooks 0.1.10 → 0.1.12

package/dist/use-ai/use-ai-stream.cjs

@@ -0,0 +1,190 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.qwenParser = exports.plainTextParser = exports.openaiParser = exports.ernieParser = void 0;
+exports.useAiStream = useAiStream;
+var _vue = require("vue");
+const openaiParser = raw => {
+  const lines = raw.split("\n");
+  let text = "";
+  for (const line of lines) {
+    if (!line.startsWith("data: ")) continue;
+    const data = line.slice(6).trim();
+    if (data === "[DONE]") break;
+    try {
+      const json = JSON.parse(data);
+      const delta = json?.choices?.[0]?.delta?.content;
+      if (delta) text += delta;
+    } catch {}
+  }
+  return text || null;
+};
+exports.openaiParser = openaiParser;
+const ernieParser = raw => {
+  const lines = raw.split("\n");
+  let text = "";
+  for (const line of lines) {
+    if (!line.startsWith("data: ")) continue;
+    const data = line.slice(6).trim();
+    try {
+      const json = JSON.parse(data);
+      if (json?.result) text += json.result;
+    } catch {}
+  }
+  return text || null;
+};
+exports.ernieParser = ernieParser;
+const qwenParser = raw => {
+  const lines = raw.split("\n");
+  let text = "";
+  for (const line of lines) {
+    if (!line.startsWith("data: ")) continue;
+    const data = line.slice(6).trim();
+    try {
+      const json = JSON.parse(data);
+      const t = json?.output?.text;
+      if (t) text += t;
+    } catch {}
+  }
+  return text || null;
+};
+exports.qwenParser = qwenParser;
+const plainTextParser = raw => raw || null;
+exports.plainTextParser = plainTextParser;
+class TypewriterThrottle {
+  queue = [];
+  rafId = null;
+  onUpdate;
+  charsPerFrame;
+  constructor(onUpdate, charsPerFrame = 3) {
+    this.onUpdate = onUpdate;
+    this.charsPerFrame = charsPerFrame;
+  }
+  push(text) {
+    this.queue.push(...text.split(""));
+    if (this.rafId === null) {
+      this.schedule();
+    }
+  }
+  schedule() {
+    this.rafId = requestAnimationFrame(() => {
+      this.rafId = null;
+      if (this.queue.length === 0) return;
+      const batch = this.queue.splice(0, this.charsPerFrame).join("");
+      this.onUpdate(batch);
+      if (this.queue.length > 0) {
+        this.schedule();
+      }
+    });
+  }
+  flush() {
+    if (this.rafId !== null) {
+      cancelAnimationFrame(this.rafId);
+      this.rafId = null;
+    }
+    if (this.queue.length > 0) {
+      const remaining = this.queue.splice(0).join("");
+      this.onUpdate(remaining);
+    }
+  }
+  cancel() {
+    if (this.rafId !== null) {
+      cancelAnimationFrame(this.rafId);
+      this.rafId = null;
+    }
+    this.queue = [];
+  }
+}
+function useAiStream(options) {
+  const isStreaming = (0, _vue.ref)(false);
+  const currentContent = (0, _vue.ref)("");
+  let abortController = new AbortController();
+  let typewriter = null;
+  const parser = options.parser ?? plainTextParser;
+  const enableTypewriter = options.typewriter !== false;
+  const charsPerFrame = options.charsPerFrame ?? 3;
+  const stop = () => {
+    if (isStreaming.value) {
+      abortController.abort();
+      isStreaming.value = false;
+      typewriter?.flush();
+    }
+  };
+  const fetchStream = async (query, ...args) => {
+    isStreaming.value = true;
+    currentContent.value = "";
+    abortController = new AbortController();
+    if (enableTypewriter) {
+      typewriter = new TypewriterThrottle(chunk => {
+        currentContent.value += chunk;
+        options.onUpdate?.(chunk, currentContent.value);
+      }, charsPerFrame);
+    }
+    const pushText = text => {
+      if (!text) return;
+      if (enableTypewriter && typewriter) {
+        typewriter.push(text);
+      } else {
+        currentContent.value += text;
+        options.onUpdate?.(text, currentContent.value);
+      }
+    };
+    try {
+      const response = await options.request(query, ...args);
+      if (typeof response === "object" && response !== null && Symbol.asyncIterator in response) {
+        for await (const chunk of response) {
+          if (abortController.signal.aborted) break;
+          const parsed = parser(chunk);
+          if (parsed) pushText(parsed);
+        }
+      } else if (response instanceof Response && response.body) {
+        const reader = response.body.getReader();
+        const decoder = new TextDecoder("utf-8");
+        while (true) {
+          if (abortController.signal.aborted) {
+            reader.cancel();
+            break;
+          }
+          const {
+            done,
+            value
+          } = await reader.read();
+          if (done) break;
+          const chunkStr = decoder.decode(value, {
+            stream: true
+          });
+          const parsed = parser(chunkStr);
+          if (parsed) pushText(parsed);
+        }
+      }
+      if (!abortController.signal.aborted) {
+        if (enableTypewriter && typewriter) {
+          typewriter.flush();
+        }
+        isStreaming.value = false;
+        options.onFinish?.(currentContent.value);
+      }
+    } catch (e) {
+      if (e.name !== "AbortError") {
+        options.onError?.(e);
+      }
+      typewriter?.cancel();
+      isStreaming.value = false;
+    }
+  };
+  return {
+    isStreaming,
+    currentContent,
+    fetchStream,
+    stop,
+    // 暴露解析器供测试/自定义使用
+    parsers: {
+      openaiParser,
+      ernieParser,
+      qwenParser,
+      plainTextParser
+    }
+  };
+}

package/dist/use-ai/use-ai-stream.d.ts

@@ -0,0 +1,64 @@
+export type StreamChunkParser = (raw: string) => string | null;
+/**
+ * OpenAI / DeepSeek 格式解析器
+ * data: {"choices":[{"delta":{"content":"hello"}}]}
+ */
+export declare const openaiParser: StreamChunkParser;
+/**
+ * 文心一言 / ERNIE 格式解析器
+ * data: {"result":"hello","is_end":false}
+ */
+export declare const ernieParser: StreamChunkParser;
+/**
+ * 通义千问 / Qwen 格式解析器
+ * data: {"output":{"text":"hello"},"finish_reason":null}
+ */
+export declare const qwenParser: StreamChunkParser;
+/**
+ * 纯文本流解析器（AsyncGenerator 输出的原始字符串）
+ */
+export declare const plainTextParser: StreamChunkParser;
+export interface AiStreamOptions {
+    /**
+     * 请求适配器，返回 AsyncGenerator 或 fetch Response
+     */
+    request: (query: string, ...args: unknown[]) => Promise<Response | AsyncGenerator<string, void, unknown>> | AsyncGenerator<string, void, unknown>;
+    /**
+     * 流式块解析器，用于适配不同厂商的格式
+     * @default plainTextParser（直接输出原始字符串）
+     */
+    parser?: StreamChunkParser;
+    /**
+     * 是否启用打字机平滑节流效果
+     * @default true
+     */
+    typewriter?: boolean;
+    /**
+     * 每帧渲染的字符数（打字机速度控制）
+     * @default 3
+     */
+    charsPerFrame?: number;
+    onUpdate?: (chunk: string, fullContent: string) => void;
+    onFinish?: (content: string) => void;
+    onError?: (err: Error) => void;
+}
+/**
+ * useAiStream - 多厂商兼容流式请求引擎
+ *
+ * 特性：
+ * - 支持 OpenAI / DeepSeek / 文心一言 / 通义千问 等主流格式（Adapter 模式）
+ * - 内置 rAF 打字机节流，保证平滑输出体验
+ * - 完整的 AbortController 取消支持
+ */
+export declare function useAiStream(options: AiStreamOptions): {
+    isStreaming: import("vue").Ref<boolean, boolean>;
+    currentContent: import("vue").Ref<string, string>;
+    fetchStream: (query: string, ...args: unknown[]) => Promise<void>;
+    stop: () => void;
+    parsers: {
+        openaiParser: StreamChunkParser;
+        ernieParser: StreamChunkParser;
+        qwenParser: StreamChunkParser;
+        plainTextParser: StreamChunkParser;
+    };
+};

package/dist/use-ai/use-ai-stream.mjs

@@ -0,0 +1,172 @@
+import { ref } from "vue";
+export const openaiParser = (raw) => {
+  const lines = raw.split("\n");
+  let text = "";
+  for (const line of lines) {
+    if (!line.startsWith("data: ")) continue;
+    const data = line.slice(6).trim();
+    if (data === "[DONE]") break;
+    try {
+      const json = JSON.parse(data);
+      const delta = json?.choices?.[0]?.delta?.content;
+      if (delta) text += delta;
+    } catch {
+    }
+  }
+  return text || null;
+};
+export const ernieParser = (raw) => {
+  const lines = raw.split("\n");
+  let text = "";
+  for (const line of lines) {
+    if (!line.startsWith("data: ")) continue;
+    const data = line.slice(6).trim();
+    try {
+      const json = JSON.parse(data);
+      if (json?.result) text += json.result;
+    } catch {
+    }
+  }
+  return text || null;
+};
+export const qwenParser = (raw) => {
+  const lines = raw.split("\n");
+  let text = "";
+  for (const line of lines) {
+    if (!line.startsWith("data: ")) continue;
+    const data = line.slice(6).trim();
+    try {
+      const json = JSON.parse(data);
+      const t = json?.output?.text;
+      if (t) text += t;
+    } catch {
+    }
+  }
+  return text || null;
+};
+export const plainTextParser = (raw) => raw || null;
+class TypewriterThrottle {
+  queue = [];
+  rafId = null;
+  onUpdate;
+  charsPerFrame;
+  constructor(onUpdate, charsPerFrame = 3) {
+    this.onUpdate = onUpdate;
+    this.charsPerFrame = charsPerFrame;
+  }
+  push(text) {
+    this.queue.push(...text.split(""));
+    if (this.rafId === null) {
+      this.schedule();
+    }
+  }
+  schedule() {
+    this.rafId = requestAnimationFrame(() => {
+      this.rafId = null;
+      if (this.queue.length === 0) return;
+      const batch = this.queue.splice(0, this.charsPerFrame).join("");
+      this.onUpdate(batch);
+      if (this.queue.length > 0) {
+        this.schedule();
+      }
+    });
+  }
+  flush() {
+    if (this.rafId !== null) {
+      cancelAnimationFrame(this.rafId);
+      this.rafId = null;
+    }
+    if (this.queue.length > 0) {
+      const remaining = this.queue.splice(0).join("");
+      this.onUpdate(remaining);
+    }
+  }
+  cancel() {
+    if (this.rafId !== null) {
+      cancelAnimationFrame(this.rafId);
+      this.rafId = null;
+    }
+    this.queue = [];
+  }
+}
+export function useAiStream(options) {
+  const isStreaming = ref(false);
+  const currentContent = ref("");
+  let abortController = new AbortController();
+  let typewriter = null;
+  const parser = options.parser ?? plainTextParser;
+  const enableTypewriter = options.typewriter !== false;
+  const charsPerFrame = options.charsPerFrame ?? 3;
+  const stop = () => {
+    if (isStreaming.value) {
+      abortController.abort();
+      isStreaming.value = false;
+      typewriter?.flush();
+    }
+  };
+  const fetchStream = async (query, ...args) => {
+    isStreaming.value = true;
+    currentContent.value = "";
+    abortController = new AbortController();
+    if (enableTypewriter) {
+      typewriter = new TypewriterThrottle((chunk) => {
+        currentContent.value += chunk;
+        options.onUpdate?.(chunk, currentContent.value);
+      }, charsPerFrame);
+    }
+    const pushText = (text) => {
+      if (!text) return;
+      if (enableTypewriter && typewriter) {
+        typewriter.push(text);
+      } else {
+        currentContent.value += text;
+        options.onUpdate?.(text, currentContent.value);
+      }
+    };
+    try {
+      const response = await options.request(query, ...args);
+      if (typeof response === "object" && response !== null && Symbol.asyncIterator in response) {
+        for await (const chunk of response) {
+          if (abortController.signal.aborted) break;
+          const parsed = parser(chunk);
+          if (parsed) pushText(parsed);
+        }
+      } else if (response instanceof Response && response.body) {
+        const reader = response.body.getReader();
+        const decoder = new TextDecoder("utf-8");
+        while (true) {
+          if (abortController.signal.aborted) {
+            reader.cancel();
+            break;
+          }
+          const { done, value } = await reader.read();
+          if (done) break;
+          const chunkStr = decoder.decode(value, { stream: true });
+          const parsed = parser(chunkStr);
+          if (parsed) pushText(parsed);
+        }
+      }
+      if (!abortController.signal.aborted) {
+        if (enableTypewriter && typewriter) {
+          typewriter.flush();
+        }
+        isStreaming.value = false;
+        options.onFinish?.(currentContent.value);
+      }
+    } catch (e) {
+      if (e.name !== "AbortError") {
+        options.onError?.(e);
+      }
+      typewriter?.cancel();
+      isStreaming.value = false;
+    }
+  };
+  return {
+    isStreaming,
+    currentContent,
+    fetchStream,
+    stop,
+    // 暴露解析器供测试/自定义使用
+    parsers: { openaiParser, ernieParser, qwenParser, plainTextParser }
+  };
+}

package/dist/use-form-item/index.d.ts

@@ -14,7 +14,7 @@ export interface FormContext {
     layout?: string;
     addField: (field: FormItemContext) => void;
     removeField: (field: FormItemContext) => void;
-    themeOverrides?: Record<string, unknown>;
+    themeOverrides?: Record<string, string | undefined>;
 }
 export interface FormItemContext {
     prop: string;

package/dist/use-locale/dayjs-locale.cjs

@@ -6,20 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.updateDayjsMonths = exports.setDayjsLocaleSync = exports.setDayjsLocale = exports.getDayjsLocale = void 0;
 var _dayjs = _interopRequireWildcard(require("dayjs"));
 require("dayjs/locale/en");
-require("dayjs/locale/zh-cn");
-require("dayjs/locale/zh-tw");
-require("dayjs/locale/ja");
-require("dayjs/locale/ko");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const dayjs = _dayjs.default || _dayjs;
-const loadedLocales = /* @__PURE__ */new Set(["en", "zh-cn", "zh-tw", "ja", "ko"]);
+const dayjsLocales = import.meta.glob(["../../../../node_modules/dayjs/locale/*.js", "!../../../../node_modules/dayjs/locale/en.js"], {
+  eager: false
+});
+const loadedLocales = /* @__PURE__ */new Set(["en"]);
 const localeMapping = {
   "zh-cn": "zh-cn",
   "zh-tw": "zh-tw",
   "zh-hk": "zh-hk",
   "zh-mo": "zh-tw",
-  // 澳门使用繁体
   en: "en",
   ja: "ja",
   ko: "ko",
@@ -94,12 +92,21 @@ const setDayjsLocale = async localeCode => {
     dayjs.locale(dayjsLocale);
     return;
   }
-  try {
-    await Promise.resolve(`../../../../node_modules/dayjs/locale/${dayjsLocale}.js`).then(s => require(s));
-    loadedLocales.add(dayjsLocale);
-    dayjs.locale(dayjsLocale);
-  } catch {
-    console.warn(`[yh-ui] Failed to load dayjs locale: ${dayjsLocale}, falling back to 'en'`);
+  if (dayjsLocale === "en") {
+    dayjs.locale("en");
+    return;
+  }
+  const path = `../../../../node_modules/dayjs/locale/${dayjsLocale}.js`;
+  const loader = dayjsLocales[path];
+  if (loader) {
+    try {
+      await loader();
+      loadedLocales.add(dayjsLocale);
+      dayjs.locale(dayjsLocale);
+    } catch {
+      dayjs.locale("en");
+    }
+  } else {
     dayjs.locale("en");
   }
 };

package/dist/use-locale/dayjs-locale.d.ts

@@ -1,25 +1,18 @@
 import 'dayjs/locale/en';
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/zh-tw';
-import 'dayjs/locale/ja';
-import 'dayjs/locale/ko';
 /**
  * 获取 dayjs locale code
  */
 export declare const getDayjsLocale: (localeCode: string) => string;
 /**
  * 动态加载并设置 dayjs locale
- * 使用动态导入来按需加载，避免打包所有语言
  */
 export declare const setDayjsLocale: (localeCode: string) => Promise<void>;
 /**
- * 同步设置 dayjs locale（不推荐，会阻塞）
- * 用于需要立即同步的场景
+ * 同步设置 dayjs locale（立即生效，异步加载后会更新）
  */
 export declare const setDayjsLocaleSync: (localeCode: string) => void;
 /**
  * 使用自定义月份名称更新 dayjs locale
- * 这样可以确保 dayjs 使用我们语言包中定义的月份名称
  */
 export declare const updateDayjsMonths: (localeCode: string, months: {
     jan: string;

package/dist/use-locale/dayjs-locale.mjs

@@ -1,17 +1,16 @@
 import * as _dayjs from "dayjs";
 const dayjs = _dayjs.default || _dayjs;
 import "dayjs/locale/en";
-import "dayjs/locale/zh-cn";
-import "dayjs/locale/zh-tw";
-import "dayjs/locale/ja";
-import "dayjs/locale/ko";
-const loadedLocales = /* @__PURE__ */ new Set(["en", "zh-cn", "zh-tw", "ja", "ko"]);
+const dayjsLocales = import.meta.glob(
+  ["../../../../node_modules/dayjs/locale/*.js", "!../../../../node_modules/dayjs/locale/en.js"],
+  { eager: false }
+);
+const loadedLocales = /* @__PURE__ */ new Set(["en"]);
 const localeMapping = {
   "zh-cn": "zh-cn",
   "zh-tw": "zh-tw",
   "zh-hk": "zh-hk",
   "zh-mo": "zh-tw",
-  // 澳门使用繁体
   en: "en",
   ja: "ja",
   ko: "ko",
@@ -85,12 +84,21 @@ export const setDayjsLocale = async (localeCode) => {
     dayjs.locale(dayjsLocale);
     return;
   }
-  try {
-    await import(`../../../../node_modules/dayjs/locale/${dayjsLocale}.js`);
-    loadedLocales.add(dayjsLocale);
-    dayjs.locale(dayjsLocale);
-  } catch {
-    console.warn(`[yh-ui] Failed to load dayjs locale: ${dayjsLocale}, falling back to 'en'`);
+  if (dayjsLocale === "en") {
+    dayjs.locale("en");
+    return;
+  }
+  const path = `../../../../node_modules/dayjs/locale/${dayjsLocale}.js`;
+  const loader = dayjsLocales[path];
+  if (loader) {
+    try {
+      await loader();
+      loadedLocales.add(dayjsLocale);
+      dayjs.locale(dayjsLocale);
+    } catch {
+      dayjs.locale("en");
+    }
+  } else {
     dayjs.locale("en");
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yh-ui/hooks",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "YH-UI composition hooks",
   "type": "module",
   "sideEffects": false,
@@ -23,8 +23,9 @@
     "dist"
   ],
   "dependencies": {
-    "@yh-ui/utils": "0.1.10",
-    "@yh-ui/locale": "0.1.10"
+    "dayjs": "^1.11.19",
+    "@yh-ui/locale": "0.1.12",
+    "@yh-ui/utils": "0.1.12"
   },
   "devDependencies": {
     "vue": "^3.5.27",