@opentiny/genui-sdk-vue 1.3.1-alpha.2 → 1.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/genui-sdk-vue",
-  "version": "1.3.1-alpha.2",
+  "version": "1.3.1",
   "description": "A Vue3 component library for enhanced LLM display and interaction",
   "author": "OpenTiny Team",
   "license": "MIT",
@@ -50,10 +50,6 @@
     "./transform-jsx": {
       "types": "./dist/transform-jsx.d.ts",
       "import": "./dist/transform-jsx.js"
-    },
-    "./code-generator": {
-      "types": "./dist/code-generator.d.ts",
-      "import": "./dist/code-generator.js"
     }
   },
   "type": "module",
@@ -67,13 +63,10 @@
     "@opentiny/tiny-robot": "0.3.3",
     "@opentiny/tiny-robot-kit": "0.3.3",
     "@opentiny/tiny-robot-svgs": "0.3.3",
-    "@opentiny/vue": "~3.31.0",
-    "@opentiny/vue-renderless": "~3.31.0",
-    "@opentiny/vue-icon": "~3.31.0",
-    "@opentiny/vue-theme": "~3.31.0",
-    "@vue/compiler-sfc": "^3.5.13",
-    "@vue/shared": "^3.5.13",
-    "prettier": "^3.5.0",
+    "@opentiny/vue": "~3.28.0",
+    "@opentiny/vue-renderless": "~3.28.2",
+    "@opentiny/vue-icon": "~3.28.0",
+    "@opentiny/vue-theme": "~3.28.0",
     "uuid": "^11.1.0",
     "vue": "^3.5.13",
     "@opentiny/tiny-engine-builtin-component": "^2.6.0"

package/dist/ConfigProvider-B_1dX_dv.js

@@ -1,131 +0,0 @@
-(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 P, 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 C, normalizeProps as H, guardReactiveProps as J, withCtx as E, 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 N, _ as te } from "./injection-tokens-DDgspg4x.js";
-const R = () => typeof window < "u" && window.matchMedia, A = () => R() && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", G = P(A());
-let v = null;
-const oe = () => {
-  G.value = A();
-}, re = () => {
-  R() && !v && (v = window.matchMedia("(prefers-color-scheme: dark)"), v.addEventListener("change", oe));
-}, ne = () => (re(), {
-  theme: L(G)
-}), 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 = P("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(N, {}), y = {
-      ...n && typeof n == "object" ? n : {}
-    };
-    h(
-      () => o.notify,
-      (t) => {
-        y.notify = t ?? (n == null ? void 0 : n.notify);
-      },
-      { immediate: !0 }
-    ), u(N, 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(C(X), H(J(B.value)), {
-        default: E(() => [
-          k(C(j), { roots: w.value }, {
-            default: E(() => [
-              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 C,
-  ne as u
-};
-//# sourceMappingURL=ConfigProvider-B_1dX_dv.js.map

package/dist/ConfigProvider-B_1dX_dv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfigProvider-B_1dX_dv.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

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

@@ -1 +0,0 @@
-{"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/GenuiRendererWithMaterials.vue_vue_type_script_setup_true_lang-CMjFQe5i.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GenuiRendererWithMaterials.vue_vue_type_script_setup_true_lang-CMjFQe5i.js","sources":["../src/legacy-renderer/GenuiRendererWithMaterials.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { provide } from 'vue';\nimport { materials as defaultMaterials } from '@opentiny/genui-sdk-materials-vue-opentiny-vue/materials';\nimport { GENUI_MATERIALS } from '../config-provider/injection-tokens';\nimport GenuiRenderer from '../renderer/GenuiRenderer.vue';\nimport type { IRendererProps, IRendererSlots } from '../renderer/renderer.types';\n\ndefineProps<IRendererProps>();\ndefineSlots<IRendererSlots>();\nprovide(GENUI_MATERIALS, defaultMaterials);\n</script>\n\n<template>\n  <GenuiRenderer v-bind=\"$props\">\n    <template v-if=\"$slots.header\" #header=\"slotProps\">\n      <slot name=\"header\" v-bind=\"slotProps\" />\n    </template>\n    <template v-if=\"$slots.footer\" #footer=\"slotProps\">\n      <slot name=\"footer\" v-bind=\"slotProps\" />\n    </template>\n  </GenuiRenderer>\n</template>\n"],"names":["provide","GENUI_MATERIALS","defaultMaterials","_openBlock","_createBlock","GenuiRenderer","$props","_createSlots","$slots","_withCtx","slotProps","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;AASA,WAAAA,EAAQC,GAAiBC,CAAgB,cAIvCC,EAAA,GAAAC,EAOgBC,OAPOC,EAAAA,MAAM,CAAA,GAAAC,EAAA,EAAA,GAAA,KAAA;AAAA,MACXC,EAAAA,OAAO;cAAS;AAAA,QAC9B,IAAAC,EAAA,CADsCC,MAAS;AAAA,UAC/CC,EAAyCC,wBAAbF,CAAS,CAAA,CAAA;AAAA,QAAA;;;MAEvBF,EAAAA,OAAO;cAAS;AAAA,QAC9B,IAAAC,EAAA,CADsCC,MAAS;AAAA,UAC/CC,EAAyCC,wBAAbF,CAAS,CAAA,CAAA;AAAA,QAAA;;;;;;"}