@opentiny/genui-sdk-vue 1.3.2-alpha.1 → 1.4.0-alpha.3

package/README.md

@@ -33,13 +33,22 @@ import { materials } from '@opentiny/genui-sdk-materials-vue-opentiny-vue/materi
 </template>
 ```
 
+Import by feature via subpaths (`/chat`, `/renderer`, `/config-provider`, `/code-generator`) to avoid unused modules:
+
+```ts
+import { generateCode } from '@opentiny/genui-sdk-vue/code-generator';
+```
+
 ## Documentation
 
 * [quick-start](https://docs.opentiny.design/genui-sdk/guide/quick-start)
-* [start-with-render](https://docs.opentiny.design/genui-sdk/guide/start-with-renderer)
+* [start-with-renderer](https://docs.opentiny.design/genui-sdk/guide/start-with-renderer)
 
 ## API
 
-* [GenuiRender](https://docs.opentiny.design/genui-sdk/components/renderer)
+* [GenuiRenderer](https://docs.opentiny.design/genui-sdk/components/renderer)
 * [GenuiChat](https://docs.opentiny.design/genui-sdk/components/chat)
 * [GenuiConfigProvider](https://docs.opentiny.design/genui-sdk/components/config-provider)
+* [generateCode](https://docs.opentiny.design/genui-sdk/components/code-generator)
+* [Vue OpenTiny Vue materials](https://docs.opentiny.design/genui-sdk/components/materials/vue-opentiny-vue)
+* [Vue Element Plus materials](https://docs.opentiny.design/genui-sdk/components/materials/vue-element-plus)

package/dist/ConfigProvider-D6LFAgg5.js

@@ -0,0 +1,131 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".tg-config-provider[data-v-7d5e1407]{--tr-sender-bg-color: var(--tr-container-bg-default);--tr-sender-text-color: var(--tr-text-primary);--tr-sender-action-buttons-icon-color: var(--tr-text-secondary);--tr-sender-action-buttons-send-bg-color: var(--tr-color-primary);height:100%}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { ref as N, readonly as L, defineComponent as I, provide as u, computed as m, watch as h, inject as z, h as O, shallowRef as Q, onBeforeUnmount as q, createElementBlock as W, openBlock as D, createVNode as k, unref as E, normalizeProps as H, guardReactiveProps as J, withCtx as C, renderSlot as K } from "vue";
+import { ThemeProvider as X } from "@opentiny/tiny-robot";
+import { G as Y, u as Z, a as V, b as ee, $ as G, _ as te } from "./injection-tokens-DDgspg4x.js";
+const P = () => typeof window < "u" && window.matchMedia, R = () => P() && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", A = N(R());
+let v = null;
+const oe = () => {
+  A.value = R();
+}, re = () => {
+  P() && !v && (v = window.matchMedia("(prefers-color-scheme: dark)"), v.addEventListener("change", oe));
+}, ne = () => (re(), {
+  theme: L(A)
+}), ae = ["id"], ie = /* @__PURE__ */ I({
+  __name: "ConfigProvider",
+  props: {
+    theme: {},
+    id: { default: "tiny-genui-config-provider" },
+    locale: { default: "zh_CN" },
+    i18n: {},
+    materials: {},
+    notify: {}
+  },
+  setup(S) {
+    const o = S, i = Z();
+    u(Y, i);
+    const { theme: b } = ne(), x = m(() => {
+      var e;
+      const t = (e = o.materials) == null ? void 0 : e.themeFactory;
+      return t ? Array.isArray(t) ? t : [t] : [];
+    }), a = /* @__PURE__ */ new Map();
+    function F(t) {
+      for (const e of a.keys())
+        t.includes(e) || a.delete(e);
+      return t.map((e) => {
+        let r = a.get(e);
+        return r || (r = e(), a.set(e, r)), r;
+      });
+    }
+    const U = m(() => o.theme || "light"), f = N("light"), $ = m(() => ({
+      colorScheme: f.value,
+      id: o.id
+    }));
+    u(V, $);
+    const _ = {};
+    h(() => o.materials, (t) => {
+      Object.assign(_, t);
+    }, { immediate: !0 }), u(ee, _);
+    const n = z(G, {}), y = {
+      ...n && typeof n == "object" ? n : {}
+    };
+    h(
+      () => o.notify,
+      (t) => {
+        y.notify = t ?? (n == null ? void 0 : n.notify);
+      },
+      { immediate: !0 }
+    ), u(G, y), h(
+      () => [o.locale, o.i18n],
+      () => {
+        o.locale && o.locale !== i.locale.value && i.setLocale(o.locale), o.i18n && i.mergeMessages(o.i18n);
+      },
+      { immediate: !0 }
+    );
+    const j = I({
+      name: "ThemeRoots",
+      props: {
+        roots: { type: Array, required: !0 }
+      },
+      setup(t, { slots: e }) {
+        return () => {
+          var s;
+          const r = ((s = e.default) == null ? void 0 : s.call(e)) ?? [];
+          return t.roots.reduceRight(
+            (c, d) => O(d, {}, () => c),
+            r
+          );
+        };
+      }
+    }), w = Q([]);
+    let p = [];
+    function M() {
+      const t = p;
+      p = [], t.forEach((e) => {
+        var r;
+        return (r = e.dispose) == null ? void 0 : r.call(e);
+      });
+    }
+    h(
+      () => [x.value, U.value, b.value, o.id],
+      ([t, e, r]) => {
+        var T;
+        const s = F(t);
+        M();
+        const c = [], d = [];
+        for (const g of s) {
+          const l = g.apply(e, { systemColorScheme: r });
+          l.root && d.push(l.root), c.push(l), p.push(l);
+        }
+        w.value = d, f.value = ((T = c.find((g) => g.descriptor.colorScheme)) == null ? void 0 : T.descriptor.colorScheme) ?? (e === "auto" ? r : e === "dark" ? "dark" : "light");
+      },
+      { immediate: !0 }
+    ), q(() => {
+      M(), a.clear();
+    });
+    const B = m(() => ({
+      colorMode: f.value,
+      targetElement: `#${o.id}`
+    }));
+    return (t, e) => (D(), W("div", {
+      id: o.id,
+      class: "tg-config-provider"
+    }, [
+      k(E(X), H(J(B.value)), {
+        default: C(() => [
+          k(E(j), { roots: w.value }, {
+            default: C(() => [
+              K(t.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["roots"])
+        ]),
+        _: 3
+      }, 16)
+    ], 8, ae));
+  }
+}), le = /* @__PURE__ */ te(ie, [["__scopeId", "data-v-7d5e1407"]]);
+export {
+  le as G,
+  ne as u
+};
+//# sourceMappingURL=ConfigProvider-D6LFAgg5.js.map

package/dist/ConfigProvider-D6LFAgg5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigProvider-D6LFAgg5.js","sources":["../src/config-provider/use-media-theme.ts","../src/config-provider/ConfigProvider.vue"],"sourcesContent":["import { ref, readonly } from 'vue';\n\nconst hasMediaQuery = () => typeof window !== 'undefined' && window.matchMedia;\n\nconst getMediaTheme = (): 'light' | 'dark' => {\n  if (hasMediaQuery()) {\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n  }\n  return 'light';\n};\n\nconst theme = ref<'light' | 'dark'>(getMediaTheme());\nlet mediaQuery: MediaQueryList | null = null;\n\nconst handleThemeChange = () => {\n  theme.value = getMediaTheme();\n};\n\nconst startWatchMediaTheme = () => {\n  if (hasMediaQuery() && !mediaQuery) {\n    mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    mediaQuery.addEventListener('change', handleThemeChange);\n  }\n};\n\nexport const useMediaTheme = () => {\n  startWatchMediaTheme();\n  return {\n    theme: readonly(theme),\n  }\n}\n","<script setup lang=\"ts\">\nimport { ThemeProvider } from '@opentiny/tiny-robot';\nimport {\n  type IMaterialsTheme,\n  type MaterialsThemeFactory,\n  type MergedMaterials,\n  type IThemeApplyResult,\n  type ThemeColorScheme,\n} from '@opentiny/genui-sdk-core';\nimport {\n  watch,\n  provide,\n  inject,\n  computed,\n  ref,\n  shallowRef,\n  onBeforeUnmount,\n  defineComponent,\n  h,\n  type Component,\n  type PropType,\n  type VNode,\n} from 'vue';\nimport { RENDERER_SETTINGS_KEY } from '@opentiny/tiny-schema-renderer';\nimport { I18nMessages, useI18n } from '../chat/i18n';\nimport { GENUI_I18N, GENUI_CONFIG, GENUI_MATERIALS } from './injection-tokens';\nimport { useMediaTheme } from './use-media-theme';\nimport type { NotifyHandler } from './notify.types';\n\nexport type { NotifyHandler };\n\nexport interface ConfigProviderProps {\n  theme?: string;\n  id?: string;\n  locale?: string;\n  i18n?: I18nMessages;\n  materials?: MergedMaterials;\n  notify?: NotifyHandler;\n}\n\nconst props = withDefaults(defineProps<ConfigProviderProps>(), {\n  id: 'tiny-genui-config-provider',\n  locale: 'zh_CN',\n});\n\nconst i18n = useI18n();\nprovide(GENUI_I18N, i18n);\n\nconst { theme: mediaTheme } = useMediaTheme();\n\nconst themeFactories = computed<MaterialsThemeFactory[]>(() => {\n  const themeFactory = props.materials?.themeFactory;\n  if (!themeFactory) {\n    return [];\n  }\n  return Array.isArray(themeFactory) ? themeFactory : [themeFactory];\n});\n\nconst themeInstances = new Map<MaterialsThemeFactory, IMaterialsTheme>();\n\nfunction resolveThemeInstances(factories: MaterialsThemeFactory[]) {\n  for (const key of themeInstances.keys()) {\n    if (!factories.includes(key)) {\n      themeInstances.delete(key);\n    }\n  }\n  return factories.map((factory) => {\n    let instance = themeInstances.get(factory);\n    if (!instance) {\n      instance = factory();\n      themeInstances.set(factory, instance);\n    }\n    return instance;\n  });\n}\n\nconst theme = computed(() => props.theme || 'light');\n\nconst colorScheme = ref<ThemeColorScheme>('light');\n\nconst genuiConfig = computed(() => ({\n  colorScheme: colorScheme.value,\n  id: props.id,\n}));\n\nprovide(GENUI_CONFIG, genuiConfig);\n\nconst internalMaterials = {};\nwatch(() => props.materials, (newVal) => {\n  Object.assign(internalMaterials, newVal);\n}, { immediate: true });\n\nprovide(GENUI_MATERIALS, internalMaterials);\n\nconst parentRendererSettings = inject(RENDERER_SETTINGS_KEY, {}) as Record<string, any>;\nconst rendererSettings = {\n  ...(parentRendererSettings && typeof parentRendererSettings === 'object' ? parentRendererSettings : {}),\n};\nwatch(\n  () => props.notify,\n  (notify) => {\n    rendererSettings.notify = notify ?? parentRendererSettings?.notify;\n  },\n  { immediate: true },\n);\nprovide(RENDERER_SETTINGS_KEY, rendererSettings);\n\nwatch(\n  () => [props.locale, props.i18n] as const,\n  () => {\n    if (props.locale && props.locale !== i18n.locale.value) {\n      i18n.setLocale(props.locale);\n    }\n    props.i18n && i18n.mergeMessages(props.i18n);\n  },\n  { immediate: true },\n);\n\nconst ThemeRoots = defineComponent({\n  name: 'ThemeRoots',\n  props: {\n    roots: { type: Array as PropType<Component[]>, required: true },\n  },\n  setup(props, { slots }) {\n    return () => {\n      const children = slots.default?.() ?? [];\n      return props.roots.reduceRight<VNode | VNode[]>(\n        (acc, root) => h(root, {}, () => acc),\n        children,\n      );\n    };\n  },\n});\n\nconst themeRoots = shallowRef<Component[]>([]);\n\nlet applied: IThemeApplyResult[] = [];\n\nfunction clearTheme() {\n  const pending = applied;\n  applied = [];\n  pending.forEach((item) => item.dispose?.());\n}\n\nwatch(\n  () => [themeFactories.value, theme.value, mediaTheme.value, props.id] as const,\n  ([factories, themeValue, systemColorScheme]) => {\n    const apis = resolveThemeInstances(factories);\n    clearTheme();\n    const results: IThemeApplyResult[] = [];\n    const roots: Component[] = [];\n\n    for (const api of apis) {\n      const result = api.apply(themeValue, { systemColorScheme });\n      if (result.root) {\n        roots.push(result.root as Component);\n      }\n      results.push(result);\n      applied.push(result);\n    }\n\n    themeRoots.value = roots;\n    colorScheme.value =\n      results.find((result) => result.descriptor.colorScheme)?.descriptor.colorScheme ??\n      (themeValue === 'auto'\n        ? systemColorScheme\n        : themeValue === 'dark'\n          ? 'dark'\n          : 'light');\n  },\n  { immediate: true },\n);\n\nonBeforeUnmount(() => {\n  clearTheme();\n  themeInstances.clear();\n});\n\nconst robotProviderProps = computed(() => ({\n  colorMode: colorScheme.value,\n  targetElement: `#${props.id}`,\n}));\n</script>\n\n<template>\n  <div :id=\"props.id\" class=\"tg-config-provider\">\n    <ThemeProvider v-bind=\"robotProviderProps\">\n      <ThemeRoots :roots=\"themeRoots\">\n        <slot />\n      </ThemeRoots>\n    </ThemeProvider>\n  </div>\n</template>\n\n<style scoped>\n.tg-config-provider {\n  --tr-sender-bg-color: var(--tr-container-bg-default);\n  --tr-sender-text-color: var(--tr-text-primary);\n  --tr-sender-action-buttons-icon-color: var(--tr-text-secondary);\n  --tr-sender-action-buttons-send-bg-color: var(--tr-color-primary);\n  height: 100%;\n}\n</style>\n"],"names":["hasMediaQuery","getMediaTheme","theme","ref","mediaQuery","handleThemeChange","startWatchMediaTheme","useMediaTheme","readonly","props","__props","i18n","useI18n","provide","GENUI_I18N","mediaTheme","themeFactories","computed","themeFactory","_a","themeInstances","resolveThemeInstances","factories","key","factory","instance","colorScheme","genuiConfig","GENUI_CONFIG","internalMaterials","watch","newVal","GENUI_MATERIALS","parentRendererSettings","inject","RENDERER_SETTINGS_KEY","rendererSettings","notify","ThemeRoots","defineComponent","slots","children","acc","root","h","themeRoots","shallowRef","applied","clearTheme","pending","item","themeValue","systemColorScheme","apis","results","roots","api","result","onBeforeUnmount","robotProviderProps","_createElementBlock","_createVNode","_unref","_renderSlot","_ctx"],"mappings":"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"}

package/dist/GenuiRenderer-f2_6u1TA.js

@@ -0,0 +1,141 @@
+(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode("[data-v-68c3e02f] .tiny-card.tiny-card.tiny-card{width:100%;background-color:var(--content-bg);border-radius:24px}[data-v-68c3e02f] .tiny-card.tiny-card.tiny-card .tiny-card--logo__main{color:var(--text-color)}[data-v-68c3e02f] .tiny-card.tiny-card.tiny-card .tiny-card--logo{max-width:100%}[data-v-68c3e02f] .tiny-row.tiny-row{line-height:2}[data-v-68c3e02f] ol[data-tag=ol],[data-v-68c3e02f] ul[data-tag=ul]{list-style:revert;margin:revert;padding:revert}[data-v-68c3e02f] li[data-tag=li]{margin:revert;padding:revert}[data-v-68c3e02f] *,[data-v-68c3e02f] *:before,[data-v-68c3e02f] *:after{box-sizing:border-box}[data-v-68c3e02f] h1[data-tag=h1],[data-v-68c3e02f] h2[data-tag=h2],[data-v-68c3e02f] h3[data-tag=h3],[data-v-68c3e02f] h4[data-tag=h4],[data-v-68c3e02f] h5[data-tag=h5],[data-v-68c3e02f] h6[data-tag=h6],[data-v-68c3e02f] p[data-tag=p]{font-size:revert;font-weight:revert;color:revert;margin:revert;padding:revert}.schema-render-container[data-v-68c3e02f]{--ti-genui-renderer-text-color: #191919;position:relative;color:var(--ti-genui-renderer-text-color)}.schema-render-container.dark[data-v-68c3e02f]{--ti-genui-renderer-text-color: #f5f5f5}.schema-render-container[data-v-68c3e02f]:has(.loading-warp):after{display:none}[data-v-68c3e02f] .loading-warp.loading-warp,[data-v-68c3e02f] .loading-warp .loading{display:none}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent as q, onErrorCaptured as G, ref as d, inject as f, watch as m, provide as J, shallowRef as b, computed as k, nextTick as h, createElementBlock as R, openBlock as j, normalizeClass as $, unref as y, renderSlot as g, createVNode as B } from "vue";
+import { b as P, a as T, $ as x, u as U, l as D, _ as O } from "./injection-tokens-DDgspg4x.js";
+import { DeltaPatcher as w, repairJson as z, RepairJsonState as L } from "@opentiny/genui-sdk-core";
+const M = Symbol("schema-card-id"), W = [
+  "[componentName=img] > props > src",
+  "componentName",
+  "style",
+  "[componentName=Page] > css",
+  "[type=JSFunction]",
+  "[type=JSExpression]",
+  "[type=JSSlot][value=]",
+  "type",
+  ":empty:object",
+  "[componentName] > props > ref"
+], H = /* @__PURE__ */ q({
+  __name: "GenuiRenderer",
+  props: {
+    content: {},
+    generating: { type: Boolean },
+    isJsonComplete: { type: Boolean, default: !0 },
+    customComponents: {},
+    customActions: {},
+    requiredCompleteFieldSelectors: {},
+    id: {},
+    state: {}
+  },
+  setup(E) {
+    G((e) => (console.error("GenuiRenderer error:", e), !0));
+    const r = E, i = d({}), n = d(null), _ = (e, s) => {
+      var t, l;
+      if (!((t = r.customActions) != null && t[e])) {
+        console.warn(`Action ${e} not found`);
+        return;
+      }
+      return (l = r.customActions[e]) == null ? void 0 : l.execute(s, n.value.getContext());
+    }, o = f(P, {}), F = f(T, null), v = f(x, {});
+    m(() => r.customComponents, (e) => {
+      o.components && Object.assign(o.components, e);
+    }, { immediate: !0 }), v.materials = o, J(x, v);
+    const C = b(null);
+    m(
+      () => [o == null ? void 0 : o.requiredCompleteFieldSelectors, r.requiredCompleteFieldSelectors],
+      () => {
+        C.value = new w({
+          requiredCompleteFieldSelectors: [
+            ...W,
+            ...(o == null ? void 0 : o.requiredCompleteFieldSelectors) || [],
+            ...r.requiredCompleteFieldSelectors || []
+          ]
+        });
+      },
+      { immediate: !0 }
+    );
+    const { t: A } = U(), I = {
+      componentName: "Page",
+      children: [
+        {
+          componentName: "Text",
+          props: {
+            text: A("renderer.error.displayError"),
+            style: "line-height: 40px; color: var(--tv-color-error-text)"
+          }
+        }
+      ]
+    }, c = d(!1), N = k(() => c.value ? I : i.value);
+    let a = null;
+    function S() {
+      var e, s, t;
+      (e = n.value) == null || e.setContext({
+        callAction: _
+      }), (s = n.value) == null || s.setContext({
+        [M]: r.id
+      }), (t = n.value) == null || t.setState(r.state || {});
+    }
+    return m(
+      [() => r.content, () => r.isJsonComplete],
+      ([e, s]) => {
+        c.value = !1;
+        let t = e, l = !0;
+        if (typeof e == "string")
+          if (e.trim()) {
+            const { value: u, state: p } = z(e);
+            if (!u || typeof u != "object") {
+              c.value = !0;
+              return;
+            }
+            t = u, l = p === L.SUCCESS;
+          } else
+            t = {};
+        else
+          l = s ?? !0;
+        if (!l && t && "lifeCycles" in t) {
+          const { lifeCycles: u, ...p } = t;
+          t = p;
+        }
+        C.value.patchWithDelta(i.value, t, l), a || (a = h(() => {
+          n.value && (S(), a = null);
+        }));
+      },
+      {
+        immediate: !0
+      }
+    ), m(
+      () => n.value,
+      (e) => {
+        e && a && (h(() => S()), a = null);
+      },
+      {
+        immediate: !0
+      }
+    ), (e, s) => {
+      var t;
+      return j(), R("div", {
+        class: $(["schema-render-container", { dark: ((t = y(F)) == null ? void 0 : t.colorScheme) === "dark" }])
+      }, [
+        g(e.$slots, "header", {
+          schema: i.value,
+          isError: c.value,
+          isFinished: !r.generating
+        }, void 0, !0),
+        B(y(D), {
+          schema: N.value,
+          ref_key: "rendererInstance",
+          ref: n
+        }, null, 8, ["schema"]),
+        g(e.$slots, "footer", {
+          schema: i.value,
+          isError: c.value,
+          isFinished: !r.generating
+        }, void 0, !0)
+      ], 2);
+    };
+  }
+}), Y = /* @__PURE__ */ O(H, [["__scopeId", "data-v-68c3e02f"]]);
+export {
+  Y as G,
+  M as c,
+  W as r
+};
+//# sourceMappingURL=GenuiRenderer-f2_6u1TA.js.map

package/dist/GenuiRenderer-f2_6u1TA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenuiRenderer-f2_6u1TA.js","sources":["../src/chat/useChat.ts","../src/renderer/config.ts","../src/renderer/GenuiRenderer.vue"],"sourcesContent":["export const cardIdSymbol = Symbol('schema-card-id');\n","export const requiredCompleteFieldSelectors = [\n  '[componentName=img] > props > src',\n  'componentName',\n  'style',\n  '[componentName=Page] > css',\n  '[type=JSFunction]',\n  '[type=JSExpression]',\n  '[type=JSSlot][value=]',\n  'type',\n  ':empty:object',\n  '[componentName] > props > ref',\n];\n","<script setup lang=\"ts\">\nimport { ref, watch, computed, inject, nextTick, onErrorCaptured, provide, shallowRef } from 'vue';\n// @ts-ignore\nimport SchemaRenderer, { RENDERER_SETTINGS_KEY } from '@opentiny/tiny-schema-renderer';\nimport { DeltaPatcher, repairJson, RepairJsonState, type IMaterials } from '@opentiny/genui-sdk-core';\nimport { requiredCompleteFieldSelectors as internalRequiredCompleteFieldSelectors } from './config';\nimport { GENUI_CONFIG, GENUI_MATERIALS } from '../config-provider/injection-tokens';\nimport type { IRendererProps } from './renderer.types';\nimport { cardIdSymbol } from '../chat/useChat';\nimport { useI18n } from '../chat/i18n';\n\nonErrorCaptured((error) => {\n  console.error('GenuiRenderer error:', error);\n  return true;\n});\n\nconst props = withDefaults(defineProps<IRendererProps>(), {\n  isJsonComplete: true,\n});\n\nconst schema = ref<any>({});\nconst rendererInstance = ref<SchemaRenderer | null>(null);\n\nconst callAction = (actionName: string, params: any) => {\n  if (!props.customActions?.[actionName]) {\n    console.warn(`Action ${actionName} not found`);\n    return;\n  }\n  return props.customActions[actionName]?.execute(params, rendererInstance.value.getContext());\n};\n\nconst materials = inject<IMaterials>(GENUI_MATERIALS, {});\nconst genuiConfig = inject(GENUI_CONFIG, null);\nconst customSettings = inject(RENDERER_SETTINGS_KEY, {}) as Record<string, any>;\n\nwatch(() => props.customComponents, (newVal) => {\n  // TODO:  1、materials.components更新后，customComponents会丢失 2、旧的customComponents没有被移除\n  if (materials.components) {\n    Object.assign(materials.components, newVal);\n  }\n}, { immediate: true });\n\ncustomSettings.materials = materials;\nprovide(RENDERER_SETTINGS_KEY, customSettings);\n\nconst deltaPatcher = shallowRef(null);\n\nwatch(\n  () => [materials?.requiredCompleteFieldSelectors, props.requiredCompleteFieldSelectors],\n  () => {\n    deltaPatcher.value = new DeltaPatcher({\n      requiredCompleteFieldSelectors: [\n        ...internalRequiredCompleteFieldSelectors,\n        ...(materials?.requiredCompleteFieldSelectors || []),\n        ...(props.requiredCompleteFieldSelectors || []),\n      ],\n    });\n  },\n  { immediate: true },\n);\n\nconst { t } = useI18n();\n\nconst errorSchema = {\n  componentName: 'Page',\n  children: [\n    {\n      componentName: 'Text',\n      props: {\n        text: t('renderer.error.displayError'),\n        style: 'line-height: 40px; color: var(--tv-color-error-text)',\n      },\n    },\n  ],\n};\n\nconst isError = ref(false);\n\nconst displaySchema = computed(() => {\n  if (isError.value) {\n    return errorSchema;\n  }\n  return schema.value;\n});\n\nlet updateActionTimer: any | null = null;\n\nfunction updateContextAndState() {\n  rendererInstance.value?.setContext({\n    callAction,\n  });\n  rendererInstance.value?.setContext({\n    [cardIdSymbol]: props.id,\n  });\n  rendererInstance.value?.setState(props.state || {});\n}\n\nwatch(\n  [() => props.content, () => props.isJsonComplete],\n  ([newVal, isJsonComplete]) => {\n    isError.value = false;\n    let json: any = newVal;\n    let isCompleted = true;\n    if (typeof newVal === 'string') {\n      if (newVal.trim()) {\n        const { value, state } = repairJson(newVal);\n        if (!value || typeof value !== 'object') {\n          isError.value = true;\n          return;\n        }\n        json = value;\n        isCompleted = state === RepairJsonState.SUCCESS;\n      } else {\n        json = {};\n      }\n    } else {\n      isCompleted = isJsonComplete ?? true;\n    }\n    if (!isCompleted && json && 'lifeCycles' in json) {\n      const { lifeCycles, ...rest } = json;\n      json = rest;\n    }\n    deltaPatcher.value.patchWithDelta(schema.value, json, isCompleted); // TODO： 速率限制\n    if (!updateActionTimer) {\n      updateActionTimer = nextTick(() => {\n        if (!rendererInstance.value) return;\n        updateContextAndState();\n        updateActionTimer = null;\n      });\n    }\n  },\n  {\n    immediate: true,\n  },\n);\n// 异步组件可能在更新context时候并未ready，导致恢复会话的时候context没更新\nwatch(\n  () => rendererInstance.value,\n  (newVal) => {\n    if (newVal && updateActionTimer) {\n      nextTick(() => updateContextAndState());\n      updateActionTimer = null;\n    }\n  },\n  {\n    immediate: true,\n  },\n);\n</script>\n\n<template>\n  <div class=\"schema-render-container\" :class=\"{ dark: genuiConfig?.colorScheme === 'dark' }\">\n    <slot name=\"header\" :schema=\"schema\" :isError=\"isError\" :isFinished=\"!props.generating\"></slot>\n    <SchemaRenderer :schema=\"displaySchema\" ref=\"rendererInstance\" />\n    <slot name=\"footer\" :schema=\"schema\" :isError=\"isError\" :isFinished=\"!props.generating\"></slot>\n  </div>\n</template>\n\n<style scoped>\n@import url('./custom.css');\n\n.schema-render-container {\n  --ti-genui-renderer-text-color: #191919;\n  position: relative;\n  color: var(--ti-genui-renderer-text-color);\n}\n\n.schema-render-container.dark {\n  --ti-genui-renderer-text-color: #f5f5f5;\n}\n\n.schema-render-container:has(.loading-warp):after {\n  display: none;\n}\n\n:deep(.loading-warp.loading-warp) {\n  display: none;\n}\n\n:deep(.loading-warp .loading) {\n  display: none;\n}\n</style>\n"],"names":["cardIdSymbol","requiredCompleteFieldSelectors","onErrorCaptured","error","props","__props","schema","ref","rendererInstance","callAction","actionName","params","_a","_b","materials","inject","GENUI_MATERIALS","genuiConfig","GENUI_CONFIG","customSettings","RENDERER_SETTINGS_KEY","watch","newVal","provide","deltaPatcher","shallowRef","DeltaPatcher","internalRequiredCompleteFieldSelectors","t","useI18n","errorSchema","isError","displaySchema","computed","updateActionTimer","updateContextAndState","_c","isJsonComplete","json","isCompleted","value","state","repairJson","RepairJsonState","lifeCycles","rest","nextTick","_createElementBlock","_normalizeClass","_unref","_renderSlot","_ctx","_createVNode","SchemaRenderer"],"mappings":"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"}

package/dist/chat.d.ts

@@ -141,6 +141,8 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
+export declare const cardIdSymbol: unique symbol;
+
 export declare function createI18n(options?: I18nOptions): I18nInstance;
 
 /**
@@ -171,6 +173,8 @@ export declare class CustomModelProvider extends BaseModelProvider {
     }): Promise<void>;
     protected setupStreamContext(context: Record<string, unknown>, _request: ChatCompletionRequest): void;
     handlerChunk(rawData: string, context: any): void;
+    handlerBeforeRequest(context: any): void;
+    handlerRequestError(context: any, error?: unknown): void;
     handlerStart(context: any, handlers: {
         onData: (data: IChatMessage) => void;
         onDone: () => void;
@@ -375,6 +379,8 @@ export declare interface IResponseHandler<T> {
     match: (data: T, context: any) => boolean;
     handler: (data: T, context: any) => boolean;
     notMatchHandler?: (data: T, context: any) => boolean;
+    beforeRequest?: (context: any) => void;
+    onRequestError?: (context: any, error?: unknown) => void;
     start?: (context: any, handlers: {
         onData: (data: IChatMessage) => void;
         onDone: () => void;

package/dist/chat.js

@@ -1,21 +1,23 @@
-import { C as s, D as t, E as r, G as n, I as o, M as u, T as d, d as E, e as i, s as l, b as M, t as g, u as m, a as I } from "./chat.types-CIkLm6Gm.js";
-import { c, u as p } from "./injection-tokens-CuDQs1ne.js";
+import { C as s, D as t, E as r, G as o, I as n, M as d, T as u, d as l, e as E, s as i, b as m, t as c, u as I, a as M } from "./chat.types-DEDNSs5o.js";
+import { c as p } from "./GenuiRenderer-f2_6u1TA.js";
+import { c as f, u as x } from "./injection-tokens-DDgspg4x.js";
 export {
   s as CustomModelProvider,
   t as DEFAULT_IMAGE_FEATURES,
   r as EventEmitter,
-  n as GenuiChat,
-  o as IndexedDBStrategy,
-  u as MessageManager,
-  d as ThinkTagWrapPattern,
-  c as createI18n,
-  E as defaultResponseHandlers,
-  i as emitter,
-  l as scrollEnd,
-  M as throttle,
-  g as toSlotFunction,
-  m as useConversation,
-  p as useI18n,
-  I as useMessage
+  o as GenuiChat,
+  n as IndexedDBStrategy,
+  d as MessageManager,
+  u as ThinkTagWrapPattern,
+  p as cardIdSymbol,
+  f as createI18n,
+  l as defaultResponseHandlers,
+  E as emitter,
+  i as scrollEnd,
+  m as throttle,
+  c as toSlotFunction,
+  I as useConversation,
+  x as useI18n,
+  M as useMessage
 };
 //# sourceMappingURL=chat.js.map

package/dist/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"chat.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}