@das-fed/upf-utils 6.4.0-dev.254 → 6.4.0-dev.256

package/theme/vue.js

@@ -1,1083 +0,0 @@
-import { ref as J, onMounted as X, onUnmounted as Q } from "vue";
-import { bus as Z } from "@das-fed/mframe";
-const p = "#ffffff", g = "#000000", ee = 0.115, L = (e) => {
-  const r = String(e || "").trim();
-  return /^#([\da-f]{3}|[\da-f]{6})$/i.test(r) ? r.length === 4 ? `#${r.slice(1).split("").map((t) => `${t}${t}`).join("")}` : r : "";
-}, T = (e) => {
-  const r = L(e);
-  if (!r)
-    return null;
-  const t = r.slice(1);
-  return {
-    red: Number.parseInt(t.slice(0, 2), 16),
-    green: Number.parseInt(t.slice(2, 4), 16),
-    blue: Number.parseInt(t.slice(4, 6), 16)
-  };
-}, w = (e) => Math.min(255, Math.max(0, Math.round(e))), U = (e, r, t, a) => {
-  const u = T(e), l = T(r);
-  if (!u || !l)
-    return a;
-  const n = Math.min(1, Math.max(0, t)), c = w(u.red * n + l.red * (1 - n)), f = w(u.green * n + l.green * (1 - n)), s = w(u.blue * n + l.blue * (1 - n));
-  return `#${[c, f, s].map((m) => m.toString(16).padStart(2, "0")).join("")}`;
-}, re = (e, r, t) => {
-  const a = T(e);
-  if (!a)
-    return t;
-  const u = Math.min(1, Math.max(0, r));
-  return `rgba(${a.red}, ${a.green}, ${a.blue}, ${u})`;
-}, S = (e, r = p) => U(e || "#5582F3", r || p, ee, "#ebf1fe"), B = "#5582f3", D = "#e63946", v = [
-  { name: "--upf-brand-primary", label: "品牌主色", hint: "品牌主色，建议用于导航背景、Logo等品牌识别场景", category: "brand" },
-  { name: "--upf-brand-secondary", label: "品牌辅色", hint: "品牌辅色，用于辅助品牌识别和强调元素", category: "brand" },
-  { name: "--upf-color-primary", label: "主色", hint: "功能主色，用于按钮、交互元素、状态反馈", category: "basic" },
-  {
-    name: "--upf-color-primary-bg",
-    label: "主色高亮背景",
-    hint: "主色配套高亮背景，默认跟随主色自动生成透明背景，也可手动覆盖",
-    category: "basic",
-    fallback: (e) => S(e["--upf-color-primary"], e["--upf-bg-primary"]),
-    fallbackDeps: ["--upf-color-primary", "--upf-bg-primary"]
-  },
-  { name: "--upf-color-success", label: "成功色", hint: "成功状态色，用于成功提示、成功按钮", category: "basic" },
-  { name: "--upf-color-warning", label: "警告色", hint: "警告状态色，用于警告提示、注意信息", category: "basic" },
-  { name: "--upf-color-error", label: "错误色", hint: "错误状态色，用于错误提示、删除操作", category: "basic" },
-  { name: "--upf-color-info", label: "信息色", hint: "信息状态色，用于信息提示、普通消息", category: "basic" },
-  { name: "--upf-text-primary", label: "主要文本", hint: "主要文本，用于标题、重要内容", category: "text" },
-  { name: "--upf-text-secondary", label: "次要文本", hint: "次要文本，用于辅助说明、描述文字", category: "text" },
-  { name: "--upf-text-disabled", label: "禁用文本", hint: "禁用文本，用于禁用状态下的文字", category: "text" },
-  { name: "--upf-text-placeholder", label: "占位文本", hint: "占位文本，用于输入框占位符", category: "text" },
-  { name: "--upf-bg-primary", label: "主背景", hint: "主背景，用于页面整体背景", category: "background" },
-  { name: "--upf-bg-secondary", label: "次背景", hint: "次背景，用于卡片、容器背景", category: "background" },
-  { name: "--upf-bg-elevated", label: "浮层背景", hint: "浮层背景，用于弹窗、下拉浮层", category: "background" },
-  { name: "--upf-bg-mask", label: "遮罩背景", hint: "遮罩背景，用于全屏遮罩层", category: "background" },
-  { name: "--upf-border-color", label: "边框色", hint: "边框色，用于组件边框、分割线", category: "border" },
-  { name: "--upf-divider-color", label: "分割线色", hint: "分割线色，用于内容分割线", category: "border" },
-  { name: "--upf-nav-bg", label: "导航背景", hint: "导航背景色，建议使用品牌主色", category: "nav" },
-  {
-    name: "--upf-nav-border-color",
-    label: "导航边框",
-    hint: "导航边框色，用于顶部导航底部分割线",
-    category: "nav",
-    fallback: ["--upf-divider-color", "--upf-border-color"],
-    fallbackDeps: ["--upf-divider-color", "--upf-border-color"]
-  },
-  { name: "--upf-nav-text", label: "导航文本", hint: "导航文本色，用于导航栏文字", category: "nav" },
-  { name: "--upf-nav-hover-bg", label: "导航悬停", hint: "导航悬停背景，用于导航项悬停状态", category: "nav" },
-  { name: "--upf-nav-active-bg", label: "导航激活", hint: "导航激活背景，用于导航项激活状态", category: "nav" },
-  { name: "--upf-nav-active-text", label: "导航激活文本", hint: "导航激活文本，用于导航项激活状态文字", category: "nav" },
-  { name: "--upf-menu-bg", label: "菜单背景", hint: "菜单背景，用于侧边菜单背景", category: "menu" },
-  { name: "--upf-menu-text", label: "菜单文本", hint: "菜单文本，用于菜单项文字", category: "menu" },
-  { name: "--upf-menu-hover-bg", label: "菜单悬停", hint: "菜单悬停背景，用于菜单项悬停状态", category: "menu" },
-  { name: "--upf-menu-active-bg", label: "菜单激活", hint: "菜单激活背景，用于菜单项激活状态", category: "menu" },
-  { name: "--upf-menu-active-text", label: "菜单激活文本", hint: "菜单激活文本，建议使用功能主色", category: "menu" },
-  { name: "--upf-menu-submenu-bg", label: "子菜单背景", hint: "子菜单背景，用于子菜单展开背景", category: "menu" },
-  { name: "--upf-tab-bg", label: "标签背景", hint: "标签背景，用于标签页背景", category: "tab" },
-  { name: "--upf-tab-text", label: "标签文本", hint: "标签文本，用于标签页文字", category: "tab" },
-  { name: "--upf-tab-hover-bg", label: "标签悬停", hint: "标签悬停背景，用于标签页悬停状态", category: "tab" },
-  { name: "--upf-tab-active-bg", label: "标签激活", hint: "标签激活背景，用于标签页激活状态", category: "tab" },
-  { name: "--upf-tab-active-text", label: "标签激活文本", hint: "标签激活文本，建议使用功能主色", category: "tab" },
-  { name: "--upf-border-radius", label: "圆角", hint: "圆角大小，用于组件圆角", category: "effect" },
-  { name: "--upf-box-shadow", label: "阴影", hint: "阴影效果，用于普通阴影", category: "effect" },
-  { name: "--upf-box-shadow-elevated", label: "浮层阴影", hint: "浮层阴影，用于弹窗、浮层阴影", category: "effect" }
-];
-v.map((e) => e.name);
-v.reduce((e, r) => (e[r.name] = r.label, e), {});
-v.reduce((e, r) => (e[r.name] = r.hint, e), {});
-const b = {
-  "--upf-color-primary": B,
-  "--upf-color-primary-bg": S(B),
-  "--upf-color-success": "#52c41a",
-  "--upf-color-warning": "#faad14",
-  "--upf-color-error": "#ff4d4f",
-  "--upf-color-info": "#1890ff",
-  "--upf-text-disabled": "#B2B2B2",
-  "--upf-bg-primary": "#ffffff",
-  "--upf-bg-secondary": "#F2F2F2",
-  "--upf-bg-elevated": "#ffffff",
-  "--upf-border-color": "#D9D9D9",
-  "--upf-nav-border-color": "rgba(235, 239, 245, 1)",
-  "--upf-tab-bg": "#ffffff",
-  "--upf-tab-text": "#666666",
-  "--upf-tab-active-bg": "#ffffff",
-  "--upf-border-radius": "4px"
-}, te = {
-  default: {
-    ...b,
-    "--upf-brand-primary": "#0e5fd8",
-    "--upf-brand-secondary": "#3579de",
-    "--upf-text-primary": "#231815",
-    "--upf-text-secondary": "#666666",
-    "--upf-text-placeholder": "#bfbfbf",
-    "--upf-bg-mask": "rgba(0, 0, 0, 0.45)",
-    "--upf-divider-color": "#ebeff5",
-    "--upf-nav-bg": "#0e5fd8",
-    "--upf-nav-text": "#ffffff",
-    "--upf-nav-hover-bg": "#3579de",
-    "--upf-nav-active-bg": "#3579de",
-    "--upf-nav-active-text": "#ffffff",
-    "--upf-menu-bg": "#ffffff",
-    "--upf-menu-text": "#231815",
-    "--upf-menu-hover-bg": "#f2f2f2",
-    "--upf-menu-active-bg": "#eef3fe",
-    "--upf-menu-active-text": "#5582f3",
-    "--upf-menu-submenu-bg": "#ffffff",
-    "--upf-tab-hover-bg": "#eef3fe",
-    "--upf-tab-active-text": "#5582f3",
-    "--upf-box-shadow": "0 2px 8px rgba(0, 0, 0, 0.1)",
-    "--upf-box-shadow-elevated": "0 4px 16px rgba(0, 0, 0, 0.15)"
-  },
-  cjb: {
-    ...b,
-    "--upf-brand-primary": "#ffffff",
-    "--upf-brand-secondary": "#f2f6ff",
-    "--upf-text-primary": "#212121",
-    "--upf-text-secondary": "#666666",
-    "--upf-text-placeholder": "#bfbfbf",
-    "--upf-bg-mask": "rgba(0, 0, 0, 0.45)",
-    "--upf-divider-color": "#ebeff5",
-    "--upf-nav-bg": "#ffffff",
-    "--upf-nav-text": "#212121",
-    "--upf-nav-hover-bg": "#f2f6ff",
-    "--upf-nav-active-bg": "#f2f6ff",
-    "--upf-nav-active-text": "#5582f3",
-    "--upf-menu-bg": "#ffffff",
-    "--upf-menu-text": "#212121",
-    "--upf-menu-hover-bg": "#f2f2f2",
-    "--upf-menu-active-bg": "#f2f6ff",
-    "--upf-menu-active-text": "#5582f3",
-    "--upf-menu-submenu-bg": "#ffffff",
-    "--upf-tab-hover-bg": "#f2f6ff",
-    "--upf-tab-active-text": "#5582f3",
-    "--upf-box-shadow": "0 2px 8px rgba(0, 0, 0, 0.08)",
-    "--upf-box-shadow-elevated": "0 4px 16px rgba(0, 0, 0, 0.12)"
-  },
-  ssl: {
-    ...b,
-    "--upf-brand-primary": "#1f2346",
-    "--upf-brand-secondary": "#2d3158",
-    "--upf-text-primary": "#231815",
-    "--upf-text-secondary": "#666666",
-    "--upf-text-placeholder": "#b8c0cc",
-    "--upf-bg-mask": "rgba(15, 23, 42, 0.45)",
-    "--upf-divider-color": "rgba(235, 239, 245, 1)",
-    "--upf-nav-bg": "#1f2346",
-    "--upf-nav-border-color": "rgba(235, 239, 245, 0.1)",
-    "--upf-nav-text": "#ffffff",
-    "--upf-nav-hover-bg": "rgba(255, 255, 255, 0.16)",
-    "--upf-nav-active-bg": "#5582f3",
-    "--upf-nav-active-text": "#ffffff",
-    "--upf-menu-bg": "#1f2346",
-    "--upf-menu-text": "#ffffff",
-    "--upf-menu-hover-bg": "#2d3158",
-    "--upf-menu-active-bg": "#2d3158",
-    "--upf-menu-active-text": "#ffffff",
-    "--upf-menu-submenu-bg": "#171b36",
-    "--upf-tab-hover-bg": "#f2f6ff",
-    "--upf-tab-active-text": "#5582f3",
-    "--upf-box-shadow": "0 6px 18px rgba(15, 23, 42, 0.08)",
-    "--upf-box-shadow-elevated": "0 10px 28px rgba(35, 41, 75, 0.12)"
-  },
-  dkh: {
-    ...b,
-    "--upf-brand-primary": "#eb0e1b",
-    "--upf-brand-secondary": "#f15760",
-    "--upf-color-primary": D,
-    "--upf-color-primary-bg": S(D),
-    "--upf-text-primary": "#231815",
-    "--upf-text-secondary": "#666666",
-    "--upf-text-placeholder": "#bfbfbf",
-    "--upf-bg-mask": "rgba(0, 0, 0, 0.45)",
-    "--upf-divider-color": "#ebeff5",
-    "--upf-nav-bg": "#eb0e1b",
-    "--upf-nav-text": "#ffffff",
-    "--upf-nav-hover-bg": "rgba(255, 255, 255, 0.3)",
-    "--upf-nav-active-bg": "rgba(255, 255, 255, 0.3)",
-    "--upf-nav-active-text": "#ffffff",
-    "--upf-menu-bg": "#ffffff",
-    "--upf-menu-text": "#231815",
-    "--upf-menu-hover-bg": "#f5f5f5",
-    "--upf-menu-active-bg": "#fce8ea",
-    "--upf-menu-active-text": "#e63946",
-    "--upf-menu-submenu-bg": "#ffffff",
-    "--upf-tab-hover-bg": "#fce8ea",
-    "--upf-tab-active-text": "#e63946",
-    "--upf-box-shadow": "0 2px 8px rgba(0, 0, 0, 0.08)",
-    "--upf-box-shadow-elevated": "0 4px 16px rgba(0, 0, 0, 0.12)"
-  }
-}, oe = (e, r) => {
-  if (!r)
-    return "";
-  if (typeof r == "function")
-    return String(r(e) || "");
-  const t = Array.isArray(r) ? r : [r];
-  for (const a of t) {
-    const u = String(e[a] || "").trim();
-    if (u)
-      return u;
-  }
-  return "";
-}, N = (e) => Object.entries(e || {}).reduce((r, [t, a]) => (r[t] = String(a ?? "").trim(), r), {}), ae = (e, r = te.default) => {
-  const t = N(e), a = N(r), u = {
-    ...a,
-    ...t
-  };
-  return v.reduce((l, n) => {
-    var m;
-    const c = t[n.name] || "", f = (m = n.fallbackDeps) == null ? void 0 : m.some((V) => !!t[V]), s = oe({ ...u, ...l }, n.fallback);
-    return l[n.name] = c || (f ? s : "") || a[n.name] || s, l;
-  }, {});
-}, j = (e) => e, o = (e, r) => {
-  const t = j(e);
-  return String((r ? t[r] : "") ?? "");
-}, i = (e, r) => r.map((t) => ({ target: t, from: e })), $ = (e) => {
-  const r = j(e);
-  return {
-    ...Object.entries(r).reduce((a, [u, l]) => (a[u] = String(l ?? ""), a), {}),
-    ...ae(r)
-  };
-}, ue = {
-  "#5582f3": "#3761CA",
-  "#e63946": "#C9303C"
-}, R = (e, r) => {
-  const t = e || "#5582F3";
-  return ue[L(t).toLowerCase()] || r(t, g, 0.84, "#3761CA");
-}, le = "#999", ne = (e) => [e.themeName, e.basePresetName].some((r) => String(r || "").trim() === "dkh"), fe = (e) => ne(e) ? le : o(e.variables, "--upf-color-primary"), ie = (e) => Array.isArray(e) ? [...e] : [e], x = (e, r, t = {}) => r.reduce((a, u) => {
-  const l = u.resolve ? u.resolve({ variables: e, result: a, mixHexColor: U, toRgbaColor: re, ...t }) : u.from ? o(e, String(u.from)) : String(u.value ?? "");
-  return ie(u.target).forEach((n) => {
-    a[n] = String(l ?? "");
-  }), a;
-}, {}), ce = [
-  { target: "--upf-primary", from: "--upf-color-primary" },
-  { target: "--upf-text", from: "--upf-text-primary" },
-  { target: "--upf-surface", from: "--upf-bg-primary" },
-  { target: "--upf-divider", from: "--upf-divider-color" },
-  { target: "--upf-nav-item-hover-bg", from: "--upf-nav-hover-bg" },
-  { target: "--upf-nav-item-active-bg", from: "--upf-nav-active-bg" },
-  { target: "--upf-menu-item-hover-bg", from: "--upf-menu-hover-bg" },
-  { target: "--upf-menu-item-active-bg", from: "--upf-menu-active-bg" },
-  { target: "--upf-menu-item-active-text", from: "--upf-menu-active-text" }
-], se = [
-  { target: "--el-color-primary", from: "--upf-color-primary" },
-  { target: "--el-color-success", from: "--upf-color-success" },
-  { target: "--el-color-warning", from: "--upf-color-warning" },
-  { target: "--el-color-danger", from: "--upf-color-error" },
-  { target: "--el-color-error", from: "--upf-color-error" },
-  { target: "--el-color-info", from: "--upf-color-info" },
-  { target: "--el-text-color-primary", from: "--upf-text-primary" },
-  { target: "--el-text-color-regular", from: "--upf-text-primary" },
-  { target: "--el-text-color-secondary", from: "--upf-text-secondary" },
-  { target: "--el-text-color-placeholder", from: "--upf-text-placeholder" },
-  { target: "--el-text-color-disabled", from: "--upf-text-disabled" },
-  { target: "--el-border-color", from: "--upf-border-color" },
-  { target: "--el-border-color-light", from: "--upf-divider-color" },
-  { target: "--el-border-color-lighter", from: "--upf-divider-color" },
-  { target: "--el-fill-color-blank", from: "--upf-bg-primary" },
-  { target: "--el-bg-color", from: "--upf-bg-primary" },
-  { target: "--el-bg-color-page", from: "--upf-bg-secondary" },
-  { target: "--el-bg-color-overlay", from: "--upf-bg-elevated" },
-  { target: "--el-dialog-bg-color", from: "--upf-bg-elevated" },
-  { target: "--el-mask-color", from: "--upf-bg-mask" },
-  { target: "--el-tree-text-color", from: "--upf-text-secondary" },
-  { target: "--el-checkbox-disabled-checked-icon-color", from: "--upf-text-disabled" },
-  { target: "--el-dialog-content-font-size", value: "14px" },
-  { target: "--el-transition-duration-fast", value: "0.2s" },
-  { target: "--el-checkbox-font-weight", value: "400" },
-  { target: "--el-checkbox-input-width", value: "14px" },
-  { target: "--el-checkbox-input-height", value: "14px" },
-  { target: "--el-checkbox-checked-icon-color", value: p },
-  {
-    target: "--el-checkbox-input-border",
-    resolve: ({ variables: e }) => `1px solid ${o(e, "--upf-border-color")}`
-  }
-], pe = [
-  { target: "--das-ui-color-primary-level1", from: "--upf-color-primary-bg" },
-  ...i("--upf-color-primary-bg", [
-    "--das-ui-color-primary-level1",
-    "--das-ui-upload-bgcolor-hover"
-  ]),
-  ...i("--upf-bg-primary", [
-    "--das-black-list-mange-color-white"
-  ]),
-  { target: "--das-ui-color-primary", from: "--upf-color-primary" },
-  { target: "--das-ui-color-danger", from: "--upf-color-error" },
-  { target: "--das-ui-color-warning", from: "--upf-color-warning" },
-  { target: "--das-ui-color-success", from: "--upf-color-success" },
-  { target: "--das-ui-color-link", from: "--upf-color-primary" },
-  { target: "--das-ui-color-normal", from: "--upf-text-primary" },
-  { target: "--das-ui-color-secondary", from: "--upf-text-secondary" },
-  { target: "--das-ui-color-help", from: "--upf-text-disabled" },
-  { target: "--das-ui-color-disabled", from: "--upf-text-disabled" },
-  { target: "--das-ui-color-overlay-error", from: "--upf-color-error" },
-  { target: "--das-ui-button-primary", from: "--upf-color-primary" },
-  { target: "--das-ui-input-full-border-color", from: "--upf-border-color" },
-  { target: "--das-ui-tag-list-border-active-color", from: "--upf-color-primary" },
-  { target: "--das-ui-tag-dark-temporary-color", from: "--upf-text-secondary" },
-  // 共享桥接先兜底旧加载态、下拉态和范围选择器变量，保证首批迁移组件样式稳定。
-  { target: "--das-ui-split-panel-color-primary", from: "--upf-color-primary" },
-  { target: "--das-ui-split-panel-color-line", from: "--upf-divider-color" },
-  { target: "--das-ui-split-panel-color-btn", value: "#999999" },
-  { target: "--das-ui-tree-table-highlight-color", from: "--upf-color-primary" },
-  { target: "--das-ui-tree-table-header-color", from: "--upf-text-primary" },
-  { target: "--das-ui-tree-table-header-bg-color", from: "--upf-bg-secondary" },
-  { target: "--das-ui-tree-table-border-color", from: "--upf-border-color" },
-  { target: "--das-ui-rich-editor-active-font-color", from: "--upf-color-primary" },
-  {
-    target: "--das-ui-dropdown-bgff-color",
-    resolve: ({ variables: e }) => o(e, "--upf-bg-elevated") || o(e, "--upf-bg-primary")
-  },
-  { target: "--das-ui-dropdown-divided-color", from: "--upf-border-color" },
-  { target: "--das-ui-dropdown-active-color", from: "--upf-color-primary" },
-  { target: "--das-ui-dropdown-hover-color", from: "--upf-bg-secondary" },
-  { target: "--das-ui-spin-logo-1-color", from: "--upf-loading-color-1" },
-  { target: "--das-ui-spin-logo-2-color", from: "--upf-loading-color-2" },
-  { target: "--das-ui-spin-logo-3-color", from: "--upf-loading-color-3" },
-  { target: "--das-ui-spin-logo-4-color", from: "--upf-loading-color-4" },
-  { target: "--das-ui-spin-logo-5-color", from: "--upf-loading-color-5" },
-  { target: "--das-ui-spin-logo-6-color", from: "--upf-loading-color-6" },
-  { target: "--das-ui-special-range-picker-close-btn", from: "--upf-text-disabled" },
-  { target: "--das-ui-special-range-picker-close-btn-hover", from: "--upf-text-secondary" },
-  { target: "--das-ui-special-range-picker-color-primary", from: "--upf-color-primary" },
-  { target: "--das-ui-special-range-picker-color-white", from: "--upf-bg-primary" },
-  { target: "--das-ui-special-range-picker-hover-color", from: "--upf-bg-secondary" },
-  { target: "--das-ui-special-range-picker-border-color", from: "--upf-border-color" },
-  { target: "--das-ui-special-range-picker-header-bgcolor", from: "--upf-bg-secondary" },
-  {
-    target: "--das-ui-special-range-picker-in-range",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
-      0.08,
-      "#F2F6FF"
-    )
-  },
-  {
-    target: "--das-ui-special-range-picker-new-range",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
-      0.14,
-      "#E3EBFF"
-    )
-  },
-  { target: "--das-ui-special-range-picker-disabled", from: "--upf-divider-color" },
-  { target: "--das-ui-special-range-picker-error", from: "--upf-color-error" },
-  { target: "--das-ui-special-range-picker-overlay-error-bg-color", from: "--upf-message-error-bg" },
-  { target: "--das-ui-special-range-picker-box-shadow-5", value: "rgb(0 0 0 / 5%)" },
-  { target: "--das-ui-special-range-picker-box-shadow-8", value: "rgb(0 0 0 / 8%)" },
-  { target: "--das-ui-special-range-picker-box-shadow-12", value: "rgb(0 0 0 / 12%)" },
-  { target: "--das-ui-table-checkbox-bg", from: "--upf-color-primary" },
-  { target: "--das-ui-table-checkbox-border-color", from: "--upf-color-primary" },
-  { target: "--das-ui-table-sortable-color", from: "--upf-color-primary" },
-  { target: "--das-ui-table-required-color", from: "--upf-color-error" },
-  { target: "--das-ui-form-error-label-color", from: "--upf-color-error" },
-  { target: "--das-input-base-border-color", from: "--upf-border-color" },
-  {
-    target: ["--upf-form-active-border-color", "--das-input-active-border-color", "--upf-date-picker-active-border-color"],
-    resolve: fe
-  },
-  { target: "--das-input-font-color", from: "--upf-text-primary" },
-  { target: "--das-input-sub-font-color", from: "--upf-text-placeholder" },
-  { target: "--das-input-disabled-bg-color", from: "--upf-bg-secondary" },
-  { target: "--das-input-count-color", from: "--upf-text-disabled" },
-  { target: "--das-input-message-font-size", value: "12px" },
-  { target: "--das-ui-scrollbar-thumb-color", from: "--upf-text-disabled" },
-  { target: "--das-ui-scrollbar-thumb-hover-color", from: "--upf-text-secondary" },
-  { target: "--das-ui-scrollbar-padding", value: "1px" },
-  { target: "--das-ui-scrollbar-thumb-size", value: "8px" },
-  { target: "--das-user-manage-white", value: p },
-  { target: "--das-user-manage-shadow-color", value: "rgba(38, 38, 38, 0.1)" },
-  { target: "--das-user-manage-border-color", value: "rgba(38, 38, 38, 0.1)" },
-  { target: "--das-layout-micro-container-bg-color", value: "#e2e7ef" },
-  { target: "--das-layout-breadcrumb-bg-color", value: "#ffffff" },
-  { target: "--das-ui-font-size-sm", value: "12px" },
-  { target: "--das-ui-font-size-md", value: "14px" },
-  { target: "--das-ui-font-size-lg", value: "16px" },
-  { target: "--das-upf-ui-font-size-sm", value: "14px" },
-  { target: "--das-upf-ui-line-height", value: "32px" },
-  { target: "--das-ui-text-tooltip-shadow", value: "rgba(0, 0, 0, 0.2)" },
-  { target: "--das-ui-text-tooltip-bgcolor", value: p },
-  { target: "--das-ui-search-form-font-color", from: "--upf-text-primary" },
-  { target: "--das-ui-search-form-filter-font-color", from: "--upf-text-secondary" },
-  { target: "--das-ui-search-form-filter-bgcolor", from: "--upf-bg-secondary" },
-  { target: "--das-ui-search-form-filter-border-color", from: "--upf-border-color" },
-  { target: "--das-ui-select-list-hover-bg", from: "--upf-bg-secondary" },
-  { target: "--das-ui-select-list-close-btn-hover", from: "--upf-color-primary" },
-  { target: "--das-ui-select-list-active-bg-color", from: "--upf-color-primary-bg" },
-  { target: "--das-ui-select-list-active-font-color", from: "--upf-color-primary" },
-  { target: "--das-ui-steps-color", from: "--upf-color-primary" },
-  { target: "--das-ui-steps-dashed-color", from: "--upf-text-disabled" },
-  { target: "--das-ui-steps-wait-color", from: "--upf-text-secondary" },
-  { target: "--das-ui-steps-finish-color", from: "--upf-color-success" },
-  { target: "--das-ui-steps-error-color", from: "--upf-color-error" },
-  { target: "--das-ui-steps-title-font-size", value: "12px" },
-  {
-    target: "--das-ui-collaspe-bgcolor",
-    resolve: ({ variables: e }) => o(e, "--upf-bg-elevated") || o(e, "--upf-bg-primary")
-  },
-  { target: "--das-ui-calendar-color-text", value: "#212121" },
-  { target: "--das-ui-calendar-color-border", value: "#D9D9D9" },
-  { target: "--das-ui-calendar-size-text", value: "14px" },
-  { target: "--das-ui-calendar-color-head-tip", value: "#999999" },
-  { target: "--das-ui-calendar-size-head-tip", value: "12px" },
-  { target: "--das-ui-calendar-span-size", value: "28px" },
-  { target: "--das-ui-calendar-color-pre-next", value: "#B2B2B2" },
-  {
-    target: "--das-ui-color-primary-level2",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
-      0.16,
-      "#E0EFFE"
-    )
-  },
-  {
-    target: "--das-ui-color-primary-level3",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
-      0.32,
-      "#B3D5FF"
-    )
-  },
-  {
-    target: "--das-ui-color-primary-level4",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
-      0.48,
-      "#85B8FE"
-    )
-  },
-  {
-    target: "--das-ui-color-primary-level5",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
-      0.68,
-      "#5797FF"
-    )
-  },
-  {
-    target: "--das-ui-color-primary-level7",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary"), g, 0.82, "#104CCC")
-  },
-  {
-    target: "--das-ui-color-primary-level8",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary"), g, 0.68, "#002EA3")
-  },
-  {
-    target: "--das-ui-color-primary-level9",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary"), g, 0.5, "#001F7A")
-  },
-  {
-    target: "--das-ui-color-danger-level1",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-error"),
-      o(e, "--upf-bg-primary"),
-      0.14,
-      "#FFDBE0"
-    )
-  },
-  {
-    target: "--das-ui-color-danger-level2",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-error"),
-      o(e, "--upf-bg-primary"),
-      0.08,
-      "#FFF2F4"
-    )
-  },
-  {
-    target: "--das-ui-color-warning-level1",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-warning"),
-      o(e, "--upf-bg-primary"),
-      0.08,
-      "#FFFBF2"
-    )
-  },
-  {
-    target: "--das-ui-color-warning-level2",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-warning"),
-      o(e, "--upf-bg-primary"),
-      0.16,
-      "#FFF1D4"
-    )
-  },
-  {
-    target: "--das-ui-color-success-level1",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-success"),
-      o(e, "--upf-bg-primary"),
-      0.08,
-      "#F2FFF5"
-    )
-  },
-  {
-    target: "--das-ui-color-success-level2",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-success"),
-      o(e, "--upf-bg-primary"),
-      0.16,
-      "#DCFAE4"
-    )
-  },
-  {
-    target: "--das-ui-color-amount",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-warning"),
-      o(e, "--upf-color-error"),
-      0.55,
-      "#FF5F1F"
-    )
-  },
-  {
-    target: "--das-ui-button-primary-hover",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary"), g, 0.82, "#104CCC")
-  },
-  ...i("--upf-color-primary", [
-    "--das-ui-search-form-primary-color"
-  ]),
-  ...i("--upf-text-primary", [
-    "--das-ui-tag-list-text-color"
-  ]),
-  ...i("--upf-border-color", [
-    "--das-ui-tag-list-border-color",
-    "--das-ui-upload-border-color"
-  ]),
-  ...i("--upf-bg-secondary", [
-    "--das-ui-upload-bgcolor"
-  ]),
-  ...i("--upf-text-secondary", [
-    "--das-ui-search-form-tip-color"
-  ]),
-  { target: "--das-ui-layout-header-menu-border-color", from: "--upf-nav-border-color" },
-  { target: "--das-ui-layout-header-menu-background-color", from: "--upf-nav-bg" },
-  { target: "--das-ui-layout-header-menu-color", from: "--upf-nav-text" },
-  { target: "--das-ui-layout-header-menu-hover-background-color", from: "--upf-nav-hover-bg" },
-  { target: "--das-ui-layout-header-menu-hover-color", from: "--upf-nav-active-text" },
-  { target: "--das-ui-layout-header-menu-active-background-color", from: "--upf-nav-active-bg" },
-  { target: "--das-ui-layout-header-menu-active-color", from: "--upf-nav-active-text" },
-  {
-    target: "--das-ui-layout-header-menu-remove-btn-color",
-    resolve: ({ variables: e, toRgbaColor: r }) => r(o(e, "--upf-nav-text"), 0.72, "rgba(170, 170, 172, 0.72)")
-  },
-  { target: "--das-ui-layout-header-menu-remove-btn-hover-color", from: "--upf-nav-active-text" },
-  {
-    target: "--das-ui-layout-header-icon-color",
-    resolve: ({ variables: e }) => o(e, "--upf-nav-text") || o(e, "--upf-text-secondary")
-  },
-  {
-    target: "--das-ui-layout-header-left-box-line",
-    resolve: ({ variables: e, toRgbaColor: r }) => r(
-      o(e, "--upf-nav-text") || o(e, "--upf-text-secondary"),
-      0.28,
-      "#CCCCCC"
-    )
-  },
-  { target: "--das-ui-layout-aside-menu-width", value: "214px" },
-  { target: "--das-ui-layout-aside-collapse-menu-width", value: "50px" },
-  { target: "--das-ui-layout-aside-menu-item-height", value: "50px" },
-  { target: "--das-ui-layout-aside-border-color", from: "--upf-border-color" },
-  { target: "--das-ui-layout-aside-background-color", from: "--upf-menu-bg" },
-  { target: "--das-ui-layout-aside--item-color", from: "--upf-menu-text" },
-  { target: "--das-ui-layout-aside--item-arrow-color", from: "--upf-text-disabled" },
-  { target: "--das-ui-layout-aside--item-active-color", from: "--upf-menu-active-text" },
-  { target: "--das-ui-layout-aside--item-active-background-color", from: "--upf-menu-active-bg" },
-  { target: "--das-ui-layout-aside-item-hover-color", from: "--upf-menu-active-text" },
-  { target: "--das-ui-layout-aside-item-hover-background-color", from: "--upf-menu-hover-bg" },
-  { target: "--das-ui-layout-aside-submenu-title-border-color", from: "--upf-divider-color" },
-  { target: "--das-ui-layout-aside-submenu-vertical-background-color", from: "--upf-menu-submenu-bg" },
-  { target: "--das-ui-layout-aside-submenu-vertical-item-hover-background-color", from: "--upf-menu-hover-bg" },
-  { target: "--das-ui-layout-aside-submenu-background-color", from: "--upf-menu-submenu-bg" },
-  { target: "--das-ui-layout-aside-submenu-item-affix-color", from: "--upf-color-primary" },
-  { target: "--das-ui-layout-aside-submenu-item-color", from: "--upf-menu-text" },
-  { target: "--das-ui-layout-aside-submenu-item-hover-color", from: "--upf-menu-active-text" },
-  { target: "--das-ui-layout-aside-submenu-item-hover-background-color", from: "--upf-menu-hover-bg" },
-  { target: "--das-ui-layout-aside-submenu-item-active-background-color", from: "--upf-menu-active-bg" },
-  { target: "--das-ui-layout-aside-collapse-icon-bg-color", from: "--upf-text-disabled" },
-  { target: "--das-ui-layout-aside-collapse-icon-hover-bg-color", from: "--upf-menu-active-text" },
-  { target: "--das-ui-layout-aside-divise-border-color", from: "--upf-divider-color" },
-  { target: "--das-ui-layout-aside-menu-expired-color", from: "--upf-text-disabled" },
-  { target: "--das-ui-layout-aside-menu-top-left-icon-color", from: "--upf-color-primary" },
-  { target: "--das-ui-layout-aside-menu-top-right-icon-color", from: "--upf-text-secondary" }
-], me = [
-  // 同源变量集中维护，新增 target 时优先追加到对应 source 分组。
-  ...i("--upf-color-primary", [
-    "--upf-button-primary",
-    "--upf-notification-primary-bg"
-  ]),
-  ...i("--upf-text-primary", [
-    "--upf-button-default-text",
-    "--upf-notification-title-text",
-    "--upf-text-tooltip-text"
-  ]),
-  ...i("--upf-border-color", [
-    "--upf-button-default-border",
-    "--upf-text-tooltip-border"
-  ]),
-  ...i("--upf-text-disabled", [
-    "--upf-button-default-disabled",
-    "--upf-switch-off-color",
-    "--upf-message-thumb",
-    "--upf-text-tooltip-scrollbar-thumb"
-  ]),
-  ...i("--upf-bg-secondary", [
-    "--upf-button-default-disabled-bg",
-    "--upf-table-header-bg"
-  ]),
-  ...i("--upf-bg-primary", ["--upf-checkbox-filter-bg"]),
-  ...i("--upf-color-info", ["--upf-loading-color-1"]),
-  ...i("--upf-brand-secondary", ["--upf-loading-color-2"]),
-  ...i("--upf-color-success", ["--upf-loading-color-3"]),
-  ...i("--upf-divider-color", ["--upf-loading-color-6"]),
-  ...i("--upf-text-secondary", [
-    "--upf-message-close",
-    "--upf-notification-description-text",
-    "--upf-notification-close",
-    "--upf-text-tooltip-scrollbar-thumb-hover"
-  ]),
-  { target: "--upf-button-primary-text", value: p },
-  { target: "--upf-button-primary-text-disabled", value: "rgba(255, 255, 255, 1)" },
-  { target: "--upf-dialog-basic-header-height", value: "50px" },
-  { target: "--upf-dialog-basic-content-padding", value: "30px" },
-  { target: "--upf-dialog-feedback-header-height", value: "60px" },
-  { target: "--upf-dialog-feedback-icon-width", value: "168px" },
-  { target: "--upf-dialog-feedback-icon-height", value: "96px" },
-  { target: "--upf-dialog-feedback-content-font-size", value: "16px" },
-  { target: "--upf-dialog-feedback-content-padding", value: "48px" },
-  { target: "--upf-dialog-notice-content-font-size", value: "14px" },
-  { target: "--upf-dialog-notice-content-padding", value: "24px" },
-  { target: "--upf-table-header-padding-top", value: "4px" },
-  { target: "--upf-table-header-padding-bottom", value: "4px" },
-  { target: "--upf-message-font-size-sm", value: "12px" },
-  { target: "--upf-message-font-size-md", value: "14px" },
-  { target: "--upf-message-font-size-lg", value: "16px" },
-  { target: "--upf-notification-font-size-sm", value: "12px" },
-  { target: "--upf-notification-font-size-md", value: "14px" },
-  { target: "--upf-notification-font-size-lg", value: "16px" },
-  { target: "--upf-notification-primary-text", value: p },
-  { target: "--upf-text-tooltip-scrollbar-padding", value: "1px" },
-  {
-    target: "--upf-button-primary-hover",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary") || "#5582F3", p, 0.82, "#87A9FF")
-  },
-  {
-    target: "--upf-button-active",
-    resolve: ({ variables: e, mixHexColor: r }) => R(o(e, "--upf-color-primary"), r)
-  },
-  {
-    target: "--upf-button-disabled",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary") || "#5582F3", p, 0.3, "#B5CAFF")
-  },
-  {
-    target: "--upf-button-set",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary") || "#5582F3", g, 0.78, "#4367C1")
-  },
-  {
-    target: "--upf-button-set-hover",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary") || "#5582F3", g, 0.86, "#4C74DA")
-  },
-  {
-    target: "--upf-button-set-active",
-    resolve: ({ variables: e, mixHexColor: r }) => R(o(e, "--upf-color-primary"), r)
-  },
-  {
-    target: "--upf-button-set-disabled",
-    resolve: ({ variables: e, mixHexColor: r, result: t }) => r(
-      t["--upf-button-set"] || o(e, "--upf-color-primary") || "#5582F3",
-      o(e, "--upf-bg-primary"),
-      0.55,
-      "#95A4C8"
-    )
-  },
-  {
-    target: "--upf-switch-on-color-disabled",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary"), p, 0.32, "#B5CAFF")
-  },
-  {
-    target: "--upf-checkbox-focus-shadow",
-    resolve: ({ variables: e, toRgbaColor: r }) => r(
-      o(e, "--upf-color-primary") || "#5582F3",
-      0.1,
-      "rgba(85, 130, 243, 0.1)"
-    )
-  },
-  {
-    target: "--upf-checkbox-overlay-error-bg",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-error"),
-      o(e, "--upf-bg-primary"),
-      0.14,
-      "#FFDBE0"
-    )
-  },
-  {
-    target: "--upf-loading-color-4",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-brand-secondary"),
-      o(e, "--upf-color-primary"),
-      0.45,
-      "#A06EFF"
-    )
-  },
-  {
-    target: "--upf-loading-color-5",
-    resolve: ({ variables: e }) => o(e, "--upf-color-primary") || "#5582F3"
-  },
-  { target: "--upf-table-row-hover-bg", from: "--upf-bg-secondary" },
-  {
-    target: "--upf-table-row-active-bg",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
-      0.08,
-      "#F2F6FF"
-    )
-  },
-  {
-    target: "--upf-table-row-active-hover-bg",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
-      0.14,
-      "#E3EBFF"
-    )
-  },
-  {
-    target: "--upf-table-summary-row-color",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-warning"),
-      o(e, "--upf-color-error"),
-      0.55,
-      "#FF5F1F"
-    )
-  },
-  {
-    target: "--upf-table-summary-row-bg",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-warning"),
-      o(e, "--upf-bg-primary"),
-      0.18,
-      "#FFF1D4"
-    )
-  },
-  {
-    target: "--upf-message-bg",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-info"),
-      o(e, "--upf-bg-primary"),
-      0.14,
-      "#E0EFFF"
-    )
-  },
-  {
-    target: "--upf-message-text",
-    resolve: ({ variables: e }) => o(e, "--upf-color-info") || o(e, "--upf-color-primary") || "#0E5FD8"
-  },
-  {
-    target: "--upf-message-border",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-info"),
-      o(e, "--upf-bg-primary"),
-      0.32,
-      "#B3D5FF"
-    )
-  },
-  {
-    target: "--upf-message-close-hover",
-    resolve: ({ variables: e }) => o(e, "--upf-color-primary") || "#5582F3"
-  },
-  {
-    target: "--upf-message-success-bg",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-success"),
-      o(e, "--upf-bg-primary"),
-      0.16,
-      "#DCFAE4"
-    )
-  },
-  {
-    target: "--upf-message-success-text",
-    resolve: ({ variables: e }) => o(e, "--upf-color-success") || "#1BA854"
-  },
-  {
-    target: "--upf-message-success-border",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-success"),
-      o(e, "--upf-bg-primary"),
-      0.32,
-      "#A1E6B5"
-    )
-  },
-  {
-    target: "--upf-message-info-bg",
-    resolve: ({ result: e }) => e["--upf-message-bg"] || "#E0EFFF"
-  },
-  {
-    target: "--upf-message-info-text",
-    resolve: ({ result: e }) => e["--upf-message-text"] || "#0E5FD8"
-  },
-  {
-    target: "--upf-message-info-border",
-    resolve: ({ result: e }) => e["--upf-message-border"] || "#B3D5FF"
-  },
-  {
-    target: "--upf-message-warning-bg",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-warning"),
-      o(e, "--upf-bg-primary"),
-      0.16,
-      "#FFF1D4"
-    )
-  },
-  {
-    target: "--upf-message-warning-text",
-    resolve: ({ variables: e }) => o(e, "--upf-color-warning") || "#FF991C"
-  },
-  {
-    target: "--upf-message-warning-border",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-warning"),
-      o(e, "--upf-bg-primary"),
-      0.32,
-      "#FFE0A6"
-    )
-  },
-  {
-    target: "--upf-message-error-bg",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-error"),
-      o(e, "--upf-bg-primary"),
-      0.14,
-      "#FFDBE0"
-    )
-  },
-  {
-    target: "--upf-message-error-text",
-    resolve: ({ variables: e }) => o(e, "--upf-color-error") || "#FB2323"
-  },
-  {
-    target: "--upf-message-error-border",
-    resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-error"),
-      o(e, "--upf-bg-primary"),
-      0.32,
-      "#FFADB6"
-    )
-  },
-  {
-    target: "--upf-notification-bg",
-    resolve: ({ variables: e }) => o(e, "--upf-bg-elevated") || o(e, "--upf-bg-primary")
-  },
-  {
-    target: "--upf-notification-close-hover",
-    resolve: ({ variables: e }) => o(e, "--upf-color-primary") || "#5582F3"
-  },
-  {
-    target: "--upf-text-tooltip-bg",
-    resolve: ({ variables: e }) => o(e, "--upf-bg-elevated") || o(e, "--upf-bg-primary")
-  },
-  {
-    target: "--upf-text-tooltip-shadow-color",
-    resolve: ({ toRgbaColor: e }) => e("#262626", 0.16, "rgba(38, 38, 38, 0.16)")
-  },
-  { target: "--upf-app-container-app-bg-override", from: "--upf-nav-bg" },
-  { target: "--upf-app-container-app-text-override", from: "--upf-nav-text" }
-], ge = (e, r = {}) => x(e, ce, r), de = (e, r = {}) => x(e, se, r), be = (e, r = {}) => x(e, pe, r), he = (e, r = {}) => x(e, me, r), ye = (e, r = {}) => {
-  const t = $(e), { includeElementAndDasUiBridges: a = !0, themeName: u, basePresetName: l } = r, n = { themeName: u, basePresetName: l }, c = he(t, n), f = {
-    ...t,
-    ...c
-  };
-  return {
-    ...t,
-    ...c,
-    ...a ? de(f, n) : {},
-    ...a ? be(f, n) : {},
-    ...ge(f, n)
-  };
-}, M = "themeChange", k = "upf-theme-root-vars", O = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakSet(), y = /* @__PURE__ */ new WeakMap(), h = (e) => e ? Object.entries(e).reduce((r, [t, a]) => (r[t] = String(a ?? ""), r), {}) : null, _ = (e) => e || (typeof document > "u" ? null : document.documentElement), W = (e) => !!(e && String(e.tagName || "").toLowerCase() === "style"), H = (e) => e.head || e.documentElement, G = (e, r) => {
-  const t = H(e);
-  t && (r.parentNode !== t || t.lastElementChild !== r) && t.appendChild(r);
-}, z = (e) => {
-  var u;
-  if (I.has(e))
-    return;
-  const r = H(e), t = ((u = e.defaultView) == null ? void 0 : u.MutationObserver) || (typeof MutationObserver < "u" ? MutationObserver : void 0);
-  if (!r || !t)
-    return;
-  new t(() => {
-    const l = e.getElementById(k);
-    W(l) && G(e, l);
-  }).observe(r, { childList: !0 }), I.add(e);
-}, ve = (e) => {
-  const r = e.getElementById(k);
-  if (W(r))
-    return G(e, r), z(e), r;
-  const t = e.createElement("style");
-  return t.id = k, H(e).appendChild(t), z(e), t;
-}, xe = (e) => {
-  const r = Object.entries(e).filter(([, t]) => String(t ?? "").trim()).map(([t, a]) => `  ${t}: ${String(a ?? "")};`).join(`
-`);
-  return r ? `:root {
-${r}
-}` : ":root {}";
-}, P = (e, r) => {
-  if (!e.length || !r.length)
-    return;
-  const t = new Set(r);
-  for (let a = e.length - 1; a >= 0; a--) {
-    const u = e[a];
-    t.has(u) && e.removeProperty(u);
-  }
-}, Ce = (e, r) => {
-  const t = ve(e), a = xe(r);
-  (O.get(e) !== a || t.textContent !== a) && (t.textContent = a, O.set(e, a));
-  const u = Object.keys(r);
-  P(e.documentElement.style, u), e.body && P(e.body.style, u);
-}, Fe = (e) => {
-  typeof window > "u" || (window.__UPF_THEME_SNAPSHOT__ = e);
-}, we = (e, r) => {
-  const t = h(r) || {}, a = e.ownerDocument || document;
-  y.set(e, t);
-  const u = e === a.documentElement || e === a.body;
-  u && y.set(a, t), u && typeof window < "u" && a === document && (window.__UPF_THEME_RUNTIME_VARIABLES__ = t);
-}, Ee = (e) => {
-  const r = _(e), t = (r == null ? void 0 : r.ownerDocument) || (typeof document < "u" ? document : null), a = typeof window < "u" && t === document && window.__UPF_THEME_RUNTIME_VARIABLES__ || null;
-  return (r ? y.get(r) : null) || (t ? y.get(t) : null) || a;
-}, Te = (e = !0) => {
-  var r;
-  if (typeof window > "u" || !window.name)
-    return null;
-  try {
-    const t = JSON.parse(window.name), a = (r = t == null ? void 0 : t.parentData) == null ? void 0 : r.theme;
-    return !(a != null && a.variables) || typeof a.variables != "object" ? null : {
-      themeName: String(a.themeName || ""),
-      config: a.config || null,
-      variables: a.variables,
-      timestamp: Number(a.timestamp) || Date.now()
-    };
-  } catch {
-    return null;
-  }
-}, ke = (e, r) => {
-  if (r !== void 0)
-    return r;
-  const t = e.config || {};
-  return String(t.basePresetName || t.name || e.themeName || "").trim() || null;
-}, Se = (e, r = {}) => {
-  const t = _(r.root);
-  if (!t)
-    return {};
-  const a = $(e), u = r.includeBridges === !1 ? Object.entries(a).reduce((n, [c, f]) => (n[c] = String(f ?? ""), n), {}) : ye(a, {
-    includeElementAndDasUiBridges: r.includeElementAndDasUiBridges,
-    themeName: r.themeName,
-    basePresetName: r.basePresetName
-  }), l = t.ownerDocument || document;
-  return t === l.documentElement || t === l.body ? Ce(l, u) : Object.entries(u).forEach(([n, c]) => {
-    t.style.getPropertyValue(n) !== c && t.style.setProperty(n, c);
-  }), we(t, u), r.themeName && t.setAttribute("data-theme", r.themeName), r.skinName === null ? t.removeAttribute("data-skin") : r.skinName && t.setAttribute("data-skin", r.skinName), u;
-}, K = (e, r = {}) => {
-  const t = e.config || {}, a = Se(e.variables || {}, {
-    ...r,
-    themeName: r.themeName || e.themeName,
-    basePresetName: r.basePresetName || String(t.basePresetName || t.name || ""),
-    skinName: ke(e, r.skinName)
-  });
-  return Fe(e), a;
-}, E = (e, r, t = !0) => {
-  try {
-    return e && e.__THEME_API__ || null;
-  } catch {
-    return null;
-  }
-}, C = (e = !0) => typeof window > "u" ? null : E(window, "current", e) || E(window.parent, "parent", e) || E(window.top, "top", e), A = (e = {}) => {
-  const r = C(e.debug), t = r != null && r.getCurrentTheme ? r.getCurrentTheme() : null;
-  if (t)
-    return t;
-  const a = (typeof window < "u" ? window.__UPF_THEME_SNAPSHOT__ : null) || null;
-  return a || Te(e.debug);
-}, _e = (e = {}) => {
-  const r = Ee(e.root);
-  if (r)
-    return h(r);
-  const t = A(e);
-  if (t != null && t.variables)
-    return h(t.variables);
-  const a = C(e.debug);
-  if (!a)
-    return null;
-  const u = a.getVariables ? a.getVariables() : null;
-  return h(u);
-}, He = (e, r = !0) => {
-  const t = C(r);
-  return t != null && t.changeTheme ? (t.changeTheme(e), !0) : !1;
-}, q = (e = {}) => {
-  const r = A(e);
-  return r ? (K(r, e), r) : (e.debug, null);
-}, Ae = (e, r = !0) => {
-  try {
-    const t = Z("microApp");
-    return t.event.on(M, e), () => {
-      t.event.off(M, e);
-    };
-  } catch {
-    return null;
-  }
-}, Ve = (e, r) => e != null && e.onThemeChange ? e.onThemeChange(r) : null, Be = (e) => e ? [String(e.themeName || ""), String(e.source || ""), String(Number(e.timestamp) || 0)].join("|") : "", De = (e) => {
-  let r = "";
-  return (t) => {
-    const a = Be(t);
-    a && a === r || (r = a, e(t));
-  };
-}, Ne = (e, r, t = !1, a = !0) => {
-  const u = De(r), l = Ve(e, u), n = Ae(u, a), f = (t ? [l, n] : [n, l]).filter(Boolean);
-  return f.length ? () => {
-    f.forEach((s) => s());
-  } : null;
-}, Re = (e = {}) => {
-  const { syncOnInit: r = !0, preferWindowSubscription: t = !1, onThemeChange: a, debug: u = !0, ...l } = e, n = C(u);
-  let c = !1, f = null, s = null;
-  const m = () => {
-    c || q({ ...l, debug: u });
-  }, F = Ne(n, (d) => {
-    K(d, l), a && (d == null ? void 0 : d.source) !== "mountSync" && a(d);
-  }, t, u);
-  return r && (m(), (typeof queueMicrotask == "function" ? queueMicrotask : (Y) => Promise.resolve().then(Y))(m), typeof requestAnimationFrame == "function" ? f = requestAnimationFrame(() => {
-    f = null, m();
-  }) : s = setTimeout(() => {
-    s = null, m();
-  }, 16)), () => {
-    c = !0, f !== null && typeof cancelAnimationFrame == "function" && (cancelAnimationFrame(f), f = null), s !== null && (clearTimeout(s), s = null), F == null || F();
-  };
-}, Me = (e, r) => {
-  var l;
-  const t = _(r), a = String(e || "").trim();
-  if (!t || !a)
-    return "";
-  const u = typeof getComputedStyle > "u" ? "" : getComputedStyle(t).getPropertyValue(a).trim();
-  return u || String(((l = _e({ root: t, debug: !1 })) == null ? void 0 : l[a]) ?? "");
-}, ze = (e = {}) => {
-  const r = J("default");
-  let t = null;
-  return X(() => {
-    t = Re({
-      ...e,
-      onThemeChange: (u) => {
-        r.value = u.themeName, e.onThemeChange && e.onThemeChange(u);
-      }
-    });
-    const a = A({ debug: e.debug });
-    a && (r.value = a.themeName);
-  }), Q(() => {
-    t == null || t();
-  }), {
-    currentTheme: r,
-    getVariable: (a) => Me(a, e.root),
-    syncTheme: () => q(e),
-    changeTheme: (a) => He(a, e.debug)
-  };
-};
-export {
-  ze as useSubAppTheme
-};