@das-fed/upf-utils 6.4.0-dev.255 → 6.4.0-dev.257

package/theme/presets/index.js

@@ -1,249 +0,0 @@
-const i = "#ffffff";
-const _ = (e) => {
-  const a = String(e || "").trim();
-  return /^#([\da-f]{3}|[\da-f]{6})$/i.test(a) ? a.length === 4 ? `#${a.slice(1).split("").map((f) => `${f}${f}`).join("")}` : a : "";
-}, m = (e) => {
-  const a = _(e);
-  if (!a)
-    return null;
-  const f = a.slice(1);
-  return {
-    red: Number.parseInt(f.slice(0, 2), 16),
-    green: Number.parseInt(f.slice(2, 4), 16),
-    blue: Number.parseInt(f.slice(4, 6), 16)
-  };
-}, b = (e) => Math.min(255, Math.max(0, Math.round(e))), T = (e, a, f, v) => {
-  const r = m(e), n = m(a);
-  if (!r || !n)
-    return v;
-  const t = Math.min(1, Math.max(0, f)), h = b(r.red * t + n.red * (1 - t)), x = b(r.green * t + n.green * (1 - t)), y = b(r.blue * t + n.blue * (1 - t));
-  return `#${[h, x, y].map((E) => E.toString(16).padStart(2, "0")).join("")}`;
-}, c = (e, a = i) => T(e || "#5582F3", a || i, 0.115, "#ebf1fe"), s = "#5582f3", g = "#e63946", l = [
-  { 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) => c(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" }
-];
-l.map((e) => e.name);
-l.reduce((e, a) => (e[a.name] = a.label, e), {});
-l.reduce((e, a) => (e[a.name] = a.hint, e), {});
-const o = {
-  "--upf-color-primary": s,
-  "--upf-color-primary-bg": c(s),
-  "--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"
-}, u = {
-  default: {
-    ...o,
-    "--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: {
-    ...o,
-    "--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: {
-    ...o,
-    "--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: {
-    ...o,
-    "--upf-brand-primary": "#eb0e1b",
-    "--upf-brand-secondary": "#f15760",
-    "--upf-color-primary": g,
-    "--upf-color-primary-bg": c(g),
-    "--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)"
-  }
-}, M = u.cjb, R = {
-  name: "cjb",
-  displayName: "纯净白",
-  description: "白底壳层主题，内容区沿用浅蓝高亮交互色",
-  mode: "light",
-  source: "preset",
-  basePresetName: "cjb",
-  variables: M
-}, A = u.default, S = {
-  name: "default",
-  displayName: "经典蓝",
-  description: "经典蓝导航主题，内容区沿用浅底与高亮蓝交互色",
-  mode: "light",
-  source: "preset",
-  basePresetName: "default",
-  variables: A
-}, H = u.dkh, k = {
-  name: "dkh",
-  displayName: "大咖红",
-  description: "大咖红主题，壳层与内容交互色保持同系红色",
-  mode: "light",
-  source: "preset",
-  basePresetName: "dkh",
-  variables: H
-}, I = u.ssl, P = {
-  name: "ssl",
-  displayName: "深邃蓝",
-  description: "深邃蓝壳层主题，内容区沿用浅底与高亮蓝交互色",
-  mode: "dark",
-  source: "preset",
-  basePresetName: "ssl",
-  variables: I
-}, L = ["default", "cjb", "ssl", "dkh"], p = {
-  default: S,
-  cjb: R,
-  ssl: P,
-  dkh: k
-}, B = (e) => ({ ...e }), d = (e) => ({
-  ...e,
-  variables: B(e.variables)
-}), C = (e) => {
-  const a = String(e || "").trim();
-  return p[a] ? d(p[a]) : void 0;
-}, N = () => L.map((e) => d(p[e]));
-export {
-  L as BUILTIN_PRESET_THEME_NAMES,
-  p as PRESET_THEMES,
-  d as clonePresetTheme,
-  N as getAllPresetThemes,
-  C as getPresetTheme
-};

package/theme/presets/presets/cjb.d.ts

@@ -1,4 +0,0 @@
-import { BuiltinPresetThemeConfig, ThemeVariables } from './default';
-
-export declare const CJB_THEME_VARIABLES: ThemeVariables;
-export declare const CJB_PRESET_THEME: BuiltinPresetThemeConfig;

package/theme/presets/presets/default.d.ts

@@ -1,13 +0,0 @@
-import { BuiltinPresetThemeName, ThemeMode, ThemeVariables } from '../source-variables';
-export type { BuiltinPresetThemeName, ThemeMode, ThemeVariables } from '../source-variables';
-export interface BuiltinPresetThemeConfig {
-    name: BuiltinPresetThemeName;
-    displayName: string;
-    description?: string;
-    mode?: ThemeMode;
-    source: 'preset';
-    basePresetName: BuiltinPresetThemeName;
-    variables: ThemeVariables;
-}
-export declare const DEFAULT_THEME_VARIABLES: ThemeVariables;
-export declare const DEFAULT_PRESET_THEME: BuiltinPresetThemeConfig;

package/theme/presets/presets/dkh.d.ts

@@ -1,4 +0,0 @@
-import { BuiltinPresetThemeConfig, ThemeVariables } from './default';
-
-export declare const DKH_THEME_VARIABLES: ThemeVariables;
-export declare const DKH_PRESET_THEME: BuiltinPresetThemeConfig;

package/theme/presets/presets/index.d.ts

@@ -1,8 +0,0 @@
-import { BuiltinPresetThemeConfig, BuiltinPresetThemeName } from './default';
-
-export type { BuiltinPresetThemeConfig, BuiltinPresetThemeName, ThemeMode, ThemeVariables } from './default';
-export declare const BUILTIN_PRESET_THEME_NAMES: BuiltinPresetThemeName[];
-export declare const PRESET_THEMES: Record<BuiltinPresetThemeName, BuiltinPresetThemeConfig>;
-export declare const clonePresetTheme: (theme: BuiltinPresetThemeConfig) => BuiltinPresetThemeConfig;
-export declare const getPresetTheme: (themeName: string) => BuiltinPresetThemeConfig;
-export declare const getAllPresetThemes: () => any;

package/theme/presets/presets/ssl.d.ts

@@ -1,4 +0,0 @@
-import { BuiltinPresetThemeConfig, ThemeVariables } from './default';
-
-export declare const SSL_THEME_VARIABLES: ThemeVariables;
-export declare const SSL_PRESET_THEME: BuiltinPresetThemeConfig;

package/theme/presets/source-variables.d.ts

@@ -1,35 +0,0 @@
-export type BuiltinPresetThemeName = 'default' | 'cjb' | 'ssl' | 'dkh';
-export type ThemeMode = 'light' | 'dark';
-export type ThemeSourceVariableName = '--upf-brand-primary' | '--upf-brand-secondary' | '--upf-color-primary' | '--upf-color-primary-bg' | '--upf-color-success' | '--upf-color-warning' | '--upf-color-error' | '--upf-color-info' | '--upf-text-primary' | '--upf-text-secondary' | '--upf-text-disabled' | '--upf-text-placeholder' | '--upf-bg-primary' | '--upf-bg-secondary' | '--upf-bg-elevated' | '--upf-bg-mask' | '--upf-border-color' | '--upf-divider-color' | '--upf-nav-bg' | '--upf-nav-border-color' | '--upf-nav-text' | '--upf-nav-hover-bg' | '--upf-nav-active-bg' | '--upf-nav-active-text' | '--upf-menu-bg' | '--upf-menu-text' | '--upf-menu-hover-bg' | '--upf-menu-active-bg' | '--upf-menu-active-text' | '--upf-menu-submenu-bg' | '--upf-tab-bg' | '--upf-tab-text' | '--upf-tab-hover-bg' | '--upf-tab-active-bg' | '--upf-tab-active-text' | '--upf-border-radius' | '--upf-box-shadow' | '--upf-box-shadow-elevated';
-export type ThemeVariables = Record<ThemeSourceVariableName, string>;
-export type PartialThemeVariables = Partial<Record<ThemeSourceVariableName, string>>;
-export type ThemeVariableCategoryGroupKey = 'foundation' | 'shell';
-export interface ThemeVariableCategory {
-    group: ThemeVariableCategoryGroupKey;
-    name: string;
-    displayName: string;
-    shortDisplayName?: string;
-    description?: string;
-    variables: ThemeSourceVariableName[];
-}
-export interface ThemeSourceVariableMeta {
-    name: ThemeSourceVariableName;
-    label: string;
-    hint: string;
-    category: ThemeVariableCategory['name'];
-    fallback?: ThemeSourceVariableName | readonly ThemeSourceVariableName[] | ((variables: Record<string, string>) => string);
-    fallbackDeps?: readonly ThemeSourceVariableName[];
-}
-export declare const THEME_SOURCE_VARIABLE_CATEGORIES: ThemeVariableCategory[];
-export declare const THEME_SOURCE_VARIABLE_META: readonly ThemeSourceVariableMeta[];
-export declare const THEME_SOURCE_VARIABLE_NAMES: ThemeSourceVariableName[];
-export declare const THEME_SOURCE_VARIABLE_LABELS: Record<ThemeSourceVariableName, string>;
-export declare const THEME_SOURCE_VARIABLE_HINTS: Record<ThemeSourceVariableName, string>;
-export declare const THEME_SOURCE_VARIABLE_RELATIONS: Partial<Record<ThemeSourceVariableName, ThemeSourceVariableName>>;
-export declare const PRESET_THEME_VARIABLES: Record<BuiltinPresetThemeName, ThemeVariables>;
-export declare const getThemeSourceVariableNames: () => ThemeSourceVariableName[];
-export declare const getThemeSourceVariableLabels: () => Record<ThemeSourceVariableName, string>;
-export declare const getThemeSourceVariableHints: () => Record<ThemeSourceVariableName, string>;
-export declare const getThemeSourceVariableCategories: () => ThemeVariableCategory[];
-export declare const getThemeSourceVariableRelations: () => Partial<Record<ThemeSourceVariableName, ThemeSourceVariableName>>;
-export declare const normalizeThemeSourceVariables: (partialVariables: Record<string, string | number | undefined> | undefined, fallbackVariables?: Record<string, string | number | undefined>) => ThemeVariables;

package/theme/vue/es5.d.ts

@@ -1,8 +0,0 @@
-import { SubAppThemeSyncOptions, ThemeChangeEvent } from './index';
-
-export declare const useSubAppTheme: (options?: SubAppThemeSyncOptions) => {
-    currentTheme: any;
-    getVariable: (varName: string) => any;
-    syncTheme: () => ThemeChangeEvent<string, Record<import('./source-variables').ThemeSourceVariableName, string>>;
-    changeTheme: (themeName: string) => boolean;
-};