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

package/theme/presets/color.d.ts

@@ -1,7 +0,0 @@
-declare const WHITE_COLOR = "#ffffff";
-declare const BLACK_COLOR = "#000000";
-export declare const normalizeHexColor: (color: string) => any;
-export declare const mixHexColor: (foreground: string, background: string, foregroundWeight: number, fallback: string) => string;
-export declare const toRgbaColor: (color: string, alpha: number, fallback: string) => string;
-export declare const resolvePrimaryBgColor: (primaryColor: string, backgroundColor?: string) => string;
-export { BLACK_COLOR, WHITE_COLOR };

package/theme/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/es5.js

@@ -1,440 +0,0 @@
-'use strict';
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var i = "#ffffff";
-var _ = function _(e) {
-    var a = String(e || "").trim();
-    return /^#([\da-f]{3}|[\da-f]{6})$/i.test(a) ? a.length === 4 ? "#".concat(a.slice(1).split("").map(function (f) {
-      return "".concat(f).concat(f);
-    }).join("")) : a : "";
-  },
-  m = function m(e) {
-    var a = _(e);
-    if (!a) return null;
-    var 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 = function b(e) {
-    return Math.min(255, Math.max(0, Math.round(e)));
-  },
-  T = function T(e, a, f, v) {
-    var r = m(e),
-      n = m(a);
-    if (!r || !n) return v;
-    var 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 "#".concat([h, x, y].map(function (E) {
-      return E.toString(16).padStart(2, "0");
-    }).join(""));
-  },
-  c = function c(e) {
-    var a = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : i;
-    return 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: function fallback(e) {
-      return 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(function (e) {
-  return e.name;
-});
-l.reduce(function (e, a) {
-  return e[a.name] = a.label, e;
-}, {});
-l.reduce(function (e, a) {
-  return e[a.name] = a.hint, e;
-}, {});
-var 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": _objectSpread(_objectSpread({}, 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: _objectSpread(_objectSpread({}, 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: _objectSpread(_objectSpread({}, 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: _objectSpread(_objectSpread({}, 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 = function B(e) {
-    return _objectSpread({}, e);
-  },
-  d = function d(e) {
-    return _objectSpread(_objectSpread({}, e), {}, {
-      variables: B(e.variables)
-    });
-  },
-  C = function C(e) {
-    var a = String(e || "").trim();
-    return p[a] ? d(p[a]) : undefined;
-  },
-  N = function N() {
-    return L.map(function (e) {
-      return d(p[e]);
-    });
-  };
-exports.BUILTIN_PRESET_THEME_NAMES = L;
-exports.PRESET_THEMES = p;
-exports.clonePresetTheme = d;
-exports.getAllPresetThemes = N;
-exports.getPresetTheme = C;