@opentiny/genui-sdk-vue 1.1.2-beta.1 → 1.3.0-alpha.1

package/dist/ConfigProvider-BaJsiFgd.js

@@ -0,0 +1,86 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".tg-config-provider[data-v-e0ab6374]{--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 k, defineComponent as y, provide as m, computed as a, watch as h, onMounted as P, createBlock as I, openBlock as N, unref as u, withCtx as f, createVNode as E, normalizeProps as G, guardReactiveProps as $, renderSlot as b } from "vue";
+import { TinyConfigProvider as x } from "@opentiny/vue";
+import { ThemeProvider as L } from "@opentiny/tiny-robot";
+import R, { tinyOldTheme as z, tinyDarkTheme as A } from "@opentiny/vue-theme/theme-tool";
+import { G as B, u as O, b as Q, _ as U } from "./injection-tokens-D8CFCpjy.js";
+const v = () => typeof window < "u" && window.matchMedia, g = () => v() && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", T = p(g());
+let s = null;
+const D = () => {
+  T.value = g();
+}, F = () => {
+  v() && !s && (s = window.matchMedia("(prefers-color-scheme: dark)"), s.addEventListener("change", D));
+}, S = () => (F(), {
+  theme: k(T)
+}), V = /* @__PURE__ */ y({
+  __name: "ConfigProvider",
+  props: {
+    theme: {},
+    id: { default: "tiny-genui-config-provider" },
+    locale: { default: "zh_CN" },
+    i18n: {}
+  },
+  setup(_) {
+    const e = _, i = O();
+    m(B, i);
+    const d = (t) => {
+      const r = structuredClone(t);
+      return r.css = r.css.replaceAll(":host", `#${e.id}`).replaceAll(":root", `#${e.id}`), r;
+    }, c = {
+      dark: d(A),
+      lite: d(z),
+      light: { css: " " }
+    }, w = new R(), { theme: C } = S(), n = a(() => e.theme === "auto" ? C.value : e.theme), o = a(() => ({
+      theme: n.value,
+      id: e.id
+    }));
+    m(Q, o), h(
+      () => [e.locale, e.i18n],
+      () => {
+        i.setLocale(e.locale), e.i18n && i.mergeMessages(e.i18n);
+      },
+      { immediate: !0 }
+    ), h(
+      () => n.value,
+      (t) => {
+        const r = c[t] || c.light;
+        w.changeTheme(r);
+      },
+      {
+        immediate: !0
+      }
+    );
+    const l = p();
+    P(() => {
+      var t;
+      (t = l.value) == null || t.$el.classList.remove("tiny-config-provider");
+    });
+    const M = a(() => {
+      var r;
+      const t = {
+        colorMode: n.value === "dark" ? "dark" : "light"
+      };
+      return (r = o == null ? void 0 : o.value) != null && r.id && (t.targetElement = "#" + o.value.id), t;
+    });
+    return (t, r) => (N(), I(u(x), {
+      ref_key: "providerRef",
+      ref: l,
+      class: "tg-config-provider",
+      id: e.id
+    }, {
+      default: f(() => [
+        E(u(L), G($(M.value)), {
+          default: f(() => [
+            b(t.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 16)
+      ]),
+      _: 3
+    }, 8, ["id"]));
+  }
+}), K = /* @__PURE__ */ U(V, [["__scopeId", "data-v-e0ab6374"]]);
+export {
+  K as C,
+  S as u
+};