@deppon/deppon-template 2.5.3 → 2.5.4

package/es/pro-layout/ProLayoutSettingsFab.vue_vue_type_script_setup_true_lang.vue.js

@@ -0,0 +1,106 @@
+import '../_virtual/_rollup-plugin-inject-process-env.js';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { markRaw, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, unref, withCtx, resolveDynamicComponent, createCommentVNode } from 'vue';
+import { ElIcon } from '@deppon/deppon-ui';
+import { Setting } from '@deppon/deppon-ui/icons-vue';
+
+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; }
+var _hoisted_1 = ["title", "aria-label"];
+var script = {
+  __name: 'ProLayoutSettingsFab',
+  props: {
+    visible: {
+      type: Boolean,
+      "default": true
+    },
+    /** fixed：右侧悬浮；header：顶栏操作区（铃铛右侧） */
+    placement: {
+      type: String,
+      "default": 'fixed'
+    },
+    position: {
+      type: String,
+      "default": 'right-center'
+    },
+    offset: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    style: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    "class": {
+      type: [String, Array, Object],
+      "default": ''
+    },
+    size: {
+      type: String,
+      "default": 'default'
+    },
+    title: {
+      type: String,
+      "default": '布局与主题'
+    },
+    showIcon: {
+      type: Boolean,
+      "default": true
+    }
+  },
+  emits: ['click'],
+  setup: function setup(__props, _ref) {
+    var __emit = _ref.emit;
+    var SettingIcon = markRaw(Setting);
+    var props = __props;
+    var emit = __emit;
+    var placementClass = computed(function () {
+      if (props.placement === 'header') {
+        return 'pro-layout-settings-fab--in-header';
+      }
+      return "pro-layout-settings-fab--".concat(props.position);
+    });
+    var fabClass = computed(function () {
+      var extra = props["class"];
+      var sizeClass = props.size !== 'default' ? "pro-layout-settings-fab--".concat(props.size) : '';
+      if (!extra) return sizeClass;
+      if (typeof extra === 'string') return [sizeClass, extra].filter(Boolean);
+      if (Array.isArray(extra)) return [sizeClass].concat(_toConsumableArray(extra));
+      return [sizeClass, extra];
+    });
+    var fabInlineStyle = computed(function () {
+      return _objectSpread(_objectSpread({}, props.offset), props.style);
+    });
+    var handleClick = function handleClick(e) {
+      emit('click', e);
+    };
+    return function (_ctx, _cache) {
+      return __props.visible ? (openBlock(), createElementBlock("button", {
+        key: 0,
+        type: "button",
+        "class": normalizeClass(["pro-layout-settings-fab", [placementClass.value, fabClass.value]]),
+        style: normalizeStyle(fabInlineStyle.value),
+        title: __props.title,
+        "aria-label": __props.title,
+        onClick: handleClick
+      }, [renderSlot(_ctx.$slots, "default", {}, function () {
+        return [__props.showIcon ? (openBlock(), createBlock(unref(ElIcon), {
+          key: 0,
+          "class": "pro-layout-settings-fab__icon"
+        }, {
+          "default": withCtx(function () {
+            return [(openBlock(), createBlock(resolveDynamicComponent(unref(SettingIcon))))];
+          }),
+          _: 1 /* STABLE */
+        })) : createCommentVNode("v-if", true)];
+      })], 14 /* CLASS, STYLE, PROPS */, _hoisted_1)) : createCommentVNode("v-if", true);
+    };
+  }
+};
+
+export { script as default };

package/es/pro-layout/ProLayoutSettingsFab.vue_vue_type_style_index_0_id_3bf2eb6b_scoped_true_lang.vue.js

@@ -0,0 +1 @@
+import './ProLayoutSettingsFab.vue.css';

package/es/pro-layout/index.d.ts

@@ -1,4 +1,54 @@
 import type { DefineComponent } from 'vue';
+import type {
+    ProLayoutMode,
+    ProLayoutThemeConfig,
+    ProLayoutThemeTokens,
+    ProLayoutSettingsFabConfig,
+    ProLayoutSettingsFabPosition,
+} from './types';
 
-declare const ProLayout: DefineComponent<Record<string, never>, Record<string, never>, any>;
+declare const ProLayout: DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown>;
 export default ProLayout;
+
+export const ProLayoutSettingsFab: DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown>;
+export const ProLayoutSettingsDrawer: DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown>;
+export const ProLayoutColumnsAside: DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown>;
+
+export const proLayoutContextKey: symbol;
+
+export const DEFAULT_PRO_LAYOUT_THEME_CONFIG: ProLayoutThemeConfig;
+export const DEFAULT_PRO_LAYOUT_THEME_TOKENS: Required<ProLayoutThemeTokens>;
+
+export const DEFAULT_PRO_LAYOUT_GLOBAL_COLORS: Record<string, string>;
+export const PRO_LAYOUT_COLOR_SETTING_GROUPS: Array<{
+    title: string;
+    items: Array<{ key: string; label: string; alpha?: boolean }>;
+}>;
+
+export function applyProLayoutThemeToElement(
+    el: HTMLElement | null | undefined,
+    tokens?: ProLayoutThemeTokens | null,
+): void;
+export function applyProLayoutGlobalColors(
+    colors?: Record<string, string> | null,
+    target?: HTMLElement | null,
+): void;
+export function applyPrimaryColorDerivatives(primary: string, target?: HTMLElement): void;
+export function mergeProLayoutTheme(
+    base: ProLayoutThemeConfig,
+    patch?: ProLayoutThemeConfig | null,
+): ProLayoutThemeConfig;
+export function persistProLayoutTheme(key: string, config: ProLayoutThemeConfig): void;
+export function readPersistedProLayoutTheme(key: string): ProLayoutThemeConfig | null;
+export function clearPersistedProLayoutTheme(key: string): void;
+export function getLightColor(color: string, level: number): string;
+export function getDarkColor(color: string, level: number): string;
+
+export type {
+    ProLayoutMode,
+    ProLayoutThemeConfig,
+    ProLayoutThemeTokens,
+    ProLayoutGlobalColors,
+    ProLayoutSettingsFabConfig,
+    ProLayoutSettingsFabPosition,
+};

package/es/pro-layout/index.js

@@ -1,4 +1,7 @@
 import '../_virtual/_rollup-plugin-inject-process-env.js';
 import './ProLayout.vue.js';
 import './ProLayout.vue.js';
+import './ProLayoutColumnsAside.vue.js';
+import './ProLayoutSettingsDrawer.vue.js';
+import './ProLayoutSettingsFab.vue.js';
 export { default } from './ProLayout.vue_vue_type_script_setup_true_lang.vue.js';

package/es/pro-layout/pro-layout-context.d.ts

@@ -0,0 +1,8 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { ProLayoutThemeConfig } from './types';
+export interface ProLayoutContext {
+    themeConfig: Ref<ProLayoutThemeConfig>;
+    openSettingsDrawer: () => void;
+    closeSettingsDrawer: () => void;
+}
+export declare const proLayoutContextKey: InjectionKey<ProLayoutContext>;

package/es/pro-layout/pro-layout-context.js

@@ -0,0 +1,5 @@
+import '../_virtual/_rollup-plugin-inject-process-env.js';
+
+var proLayoutContextKey = Symbol('proLayoutContext');
+
+export { proLayoutContextKey };

package/es/pro-layout/proLayoutGlobalColors.d.ts

@@ -0,0 +1,16 @@
+import type { ProLayoutGlobalColors } from './types';
+export interface ProLayoutColorSettingItem {
+    /** CSS 变量名（不含 --） */
+    key: string;
+    label: string;
+    /** color-picker 是否支持透明度 */
+    alpha?: boolean;
+}
+export interface ProLayoutColorSettingGroup {
+    title: string;
+    items: ProLayoutColorSettingItem[];
+}
+/** 默认全局色（与 site/src/App.vue :root 保持一致） */
+export declare const DEFAULT_PRO_LAYOUT_GLOBAL_COLORS: ProLayoutGlobalColors;
+/** 设置抽屉中的颜色分组 */
+export declare const PRO_LAYOUT_COLOR_SETTING_GROUPS: ProLayoutColorSettingGroup[];

package/es/pro-layout/proLayoutGlobalColors.js

@@ -0,0 +1,171 @@
+import '../_virtual/_rollup-plugin-inject-process-env.js';
+
+/** 默认全局色（与 site/src/App.vue :root 保持一致） */
+var DEFAULT_PRO_LAYOUT_GLOBAL_COLORS = {
+  'el-color-primary': '#1957ff',
+  'el-text-color-primary': 'rgba(0, 0, 0, 0.88)',
+  'el-text-color-regular': 'rgba(0, 0, 0, 0.6)',
+  'el-text-color-secondary': 'rgba(0, 0, 0, 0.6)',
+  'el-text-color-placeholder': 'rgba(0, 0, 0, 0.25)',
+  'el-bg-color': '#ffffff',
+  'el-bg-color-page': '#f4f4f4',
+  'el-bg-color-overlay': '#ffffff',
+  'el-fill-color-light': '#f4f4f4',
+  'el-border-color-extra-light': '#f0f2f5',
+  'el-border-color-lighter': '#ebeef5',
+  'el-card-border-color': 'rgba(0, 0, 0, 0.2)',
+  'el-table-row-hover-bg-color': '#f5f7fa',
+  'pro-layout-accent': '#1957ff',
+  'pro-layout-accent-dark': '#0f52e6',
+  'pro-layout-accent-soft': '#e8eeff',
+  'pro-layout-accent-muted': '#d1ddff',
+  'pro-layout-header-bg': 'rgba(255, 255, 255, 0.88)',
+  'pro-layout-sider-bg': 'rgba(255, 255, 255, 0.92)',
+  'pro-layout-main-bg': '#f8fafc',
+  'pro-layout-tags-bar-bg': 'rgba(248, 250, 252, 0.92)',
+  'pro-layout-text': '#0f172a',
+  'pro-layout-text-muted': '#64748b',
+  'pro-shadow-color': 'rgba(0, 0, 0, 0.1)',
+  'pro-shadow-color-light': 'rgba(0, 0, 0, 0.08)',
+  'pro-shadow-color-sider': 'rgba(0, 0, 0, 0.12)',
+  'pro-table-border-color': 'rgba(0, 0, 0, 0.08)',
+  'pro-table-border-bottom-color': '#f3f4f5',
+  'pro-table-header-bg': '#f4f4f4',
+  'pro-table-th-color-primary': 'rgba(0, 0, 0, 0.88)',
+  'pro-table-td-color-primary': 'rgba(0, 0, 0, 0.88)',
+  'pro-table-cell-bg-color': '#f4f4f4',
+  'pro-table-row-error-bg': '#fff5f5',
+  'pro-table-selected-bg-color': '#f5f7fa',
+  'pro-bg-disabled-color': '#f4f4f4',
+  'pro-form-label-color': 'rgba(0, 0, 0, 0.88)',
+  'pro-form-label-readonly-color': 'rgba(0, 0, 0, 0.45)',
+  'pro-select-dropdown-item-selected-color': '#1957ff',
+  'pro-el-scrollbar-bg-color': 'rgba(0, 0, 0, 0.6)'
+};
+
+/** 设置抽屉中的颜色分组 */
+var PRO_LAYOUT_COLOR_SETTING_GROUPS = [{
+  title: '主题色',
+  items: [{
+    key: 'el-color-primary',
+    label: '主色（Element）'
+  }, {
+    key: 'pro-layout-accent',
+    label: '布局强调色'
+  }, {
+    key: 'pro-layout-accent-dark',
+    label: '布局强调色（深）'
+  }, {
+    key: 'pro-select-dropdown-item-selected-color',
+    label: '下拉选中色'
+  }]
+}, {
+  title: '文字色',
+  items: [{
+    key: 'el-text-color-primary',
+    label: '主要文字',
+    alpha: true
+  }, {
+    key: 'el-text-color-regular',
+    label: '常规文字',
+    alpha: true
+  }, {
+    key: 'el-text-color-placeholder',
+    label: '占位文字',
+    alpha: true
+  }, {
+    key: 'pro-form-label-color',
+    label: '表单标签',
+    alpha: true
+  }, {
+    key: 'pro-form-label-readonly-color',
+    label: '只读标签',
+    alpha: true
+  }]
+}, {
+  title: '背景与边框',
+  items: [{
+    key: 'el-bg-color',
+    label: '组件背景'
+  }, {
+    key: 'el-bg-color-page',
+    label: '页面背景'
+  }, {
+    key: 'el-fill-color-light',
+    label: '填充浅色'
+  }, {
+    key: 'el-border-color-lighter',
+    label: '边框浅色'
+  }, {
+    key: 'el-card-border-color',
+    label: '卡片边框',
+    alpha: true
+  }, {
+    key: 'pro-bg-disabled-color',
+    label: '禁用背景'
+  }]
+}, {
+  title: '布局壳层',
+  items: [{
+    key: 'pro-layout-header-bg',
+    label: '顶栏背景',
+    alpha: true
+  }, {
+    key: 'pro-layout-sider-bg',
+    label: '侧栏背景',
+    alpha: true
+  }, {
+    key: 'pro-layout-main-bg',
+    label: '主内容区背景'
+  }, {
+    key: 'pro-layout-tags-bar-bg',
+    label: '页签栏背景',
+    alpha: true
+  }, {
+    key: 'pro-layout-text',
+    label: '布局主文字'
+  }, {
+    key: 'pro-layout-text-muted',
+    label: '布局次要文字'
+  }]
+}, {
+  title: '表格',
+  items: [{
+    key: 'pro-table-header-bg',
+    label: '表头背景'
+  }, {
+    key: 'pro-table-cell-bg-color',
+    label: '单元格背景'
+  }, {
+    key: 'pro-table-border-color',
+    label: '表格边框',
+    alpha: true
+  }, {
+    key: 'pro-table-th-color-primary',
+    label: '表头文字',
+    alpha: true
+  }, {
+    key: 'pro-table-selected-bg-color',
+    label: '选中行背景'
+  }, {
+    key: 'el-table-row-hover-bg-color',
+    label: '行悬停背景'
+  }]
+}, {
+  title: '阴影与滚动条',
+  items: [{
+    key: 'pro-shadow-color',
+    label: '通用阴影',
+    alpha: true
+  }, {
+    key: 'pro-shadow-color-sider',
+    label: '侧栏阴影',
+    alpha: true
+  }, {
+    key: 'pro-el-scrollbar-bg-color',
+    label: '滚动条',
+    alpha: true
+  }]
+}];
+
+export { DEFAULT_PRO_LAYOUT_GLOBAL_COLORS, PRO_LAYOUT_COLOR_SETTING_GROUPS };

package/es/pro-layout/proLayoutTheme.d.ts

@@ -0,0 +1,29 @@
+import type { ProLayoutGlobalColors, ProLayoutMode, ProLayoutThemeConfig, ProLayoutThemeTokens } from './types';
+export { DEFAULT_PRO_LAYOUT_GLOBAL_COLORS, PRO_LAYOUT_COLOR_SETTING_GROUPS } from './proLayoutGlobalColors';
+export type { ProLayoutColorSettingGroup, ProLayoutColorSettingItem } from './proLayoutGlobalColors';
+export declare const DEFAULT_PRO_LAYOUT_THEME_TOKENS: Required<ProLayoutThemeTokens>;
+export declare const DEFAULT_PRO_LAYOUT_THEME_CONFIG: ProLayoutThemeConfig;
+/** 将 hex / rgb / rgba 转为 #rrggbb，供主色衍生计算 */
+export declare function normalizeColorToHex(color: string): string | null;
+export declare function getLightColor(color: string, level: number): string;
+export declare function getDarkColor(color: string, level: number): string;
+export interface BuildInitialProLayoutThemeOptions {
+    themePersist: boolean;
+    persistKey: string;
+    layoutMode?: ProLayoutMode | string;
+    theme?: ProLayoutThemeConfig | null;
+}
+/** 初始化主题：开启持久化且 localStorage 有值时，以已保存配置为准（不被 layoutMode 等 props 覆盖） */
+export declare function buildInitialProLayoutThemeConfig(options: BuildInitialProLayoutThemeOptions): ProLayoutThemeConfig;
+/** 序列化为可 JSON 存储的纯对象（避免 Vue 响应式代理导致写入异常） */
+export declare function cloneProLayoutThemeConfig(config: ProLayoutThemeConfig): ProLayoutThemeConfig;
+export declare function mergeProLayoutTheme(base: ProLayoutThemeConfig, patch?: ProLayoutThemeConfig | null): ProLayoutThemeConfig;
+/** 主色联动：生成 Element primary 色阶与布局 accent 衍生色 */
+export declare function applyPrimaryColorDerivatives(primary: string, target?: HTMLElement): void;
+/** 将全局 CSS 变量写入 document（或指定节点） */
+export declare function applyProLayoutGlobalColors(colors?: ProLayoutGlobalColors | null, target?: HTMLElement | null): void;
+/** 将主题令牌写入布局根节点（仅影响该 ProLayout 实例） */
+export declare function applyProLayoutThemeToElement(el: HTMLElement | null | undefined, tokens?: ProLayoutThemeTokens | null): void;
+export declare function readPersistedProLayoutTheme(key: string): ProLayoutThemeConfig | null;
+export declare function persistProLayoutTheme(key: string, config: ProLayoutThemeConfig): void;
+export declare function clearPersistedProLayoutTheme(key: string): void;

package/es/pro-layout/proLayoutTheme.js

@@ -0,0 +1,232 @@
+import '../_virtual/_rollup-plugin-inject-process-env.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { DEFAULT_PRO_LAYOUT_GLOBAL_COLORS } from './proLayoutGlobalColors.js';
+export { DEFAULT_PRO_LAYOUT_GLOBAL_COLORS, PRO_LAYOUT_COLOR_SETTING_GROUPS } from './proLayoutGlobalColors.js';
+
+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; }
+var HEX_REG = /^#?[0-9A-Fa-f]{6}$/;
+var DEFAULT_PRO_LAYOUT_THEME_TOKENS = {
+  accent: '#1957ff',
+  shellBg: 'linear-gradient(135deg, #f1f5f9 0%, #f8fafc 45%, rgba(238, 242, 255, 0.55) 100%)',
+  shellRadius: '16px',
+  shellBorder: 'rgba(255, 255, 255, 0.65)',
+  shellShadow: '0 1px 3px rgba(15, 23, 42, 0.06), 0 12px 40px -8px rgba(15, 23, 42, 0.12)',
+  headerBg: 'rgba(255, 255, 255, 0.88)',
+  tagsBarBg: 'rgba(248, 250, 252, 0.92)',
+  mainBg: '#f8fafc',
+  text: '#0f172a',
+  textMuted: '#64748b',
+  siderBg: 'rgba(255, 255, 255, 0.92)',
+  topMenuFontFamily: "'DM Sans', 'Yuanti SC', 'Yuanti TC', 'Hiragino Sans GB', 'PingFang SC', 'Microsoft YaHei UI', system-ui, sans-serif"
+};
+var DEFAULT_PRO_LAYOUT_THEME_CONFIG = {
+  layout: 'classic',
+  tokens: _objectSpread({}, DEFAULT_PRO_LAYOUT_THEME_TOKENS),
+  globalColors: _objectSpread({}, DEFAULT_PRO_LAYOUT_GLOBAL_COLORS),
+  isDark: false,
+  isCollapse: false,
+  isFixedHeader: true,
+  isTagsView: true,
+  isShowSider: true
+};
+
+/** 将 hex / rgb / rgba 转为 #rrggbb，供主色衍生计算 */
+function normalizeColorToHex(color) {
+  var trimmed = color.trim();
+  if (HEX_REG.test(trimmed)) {
+    return trimmed.startsWith('#') ? trimmed : "#".concat(trimmed);
+  }
+  var rgb = trimmed.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
+  if (rgb) {
+    return rgbToHex(Number(rgb[1]), Number(rgb[2]), Number(rgb[3]));
+  }
+  return null;
+}
+function hexToRgb(hex) {
+  var _normalizeColorToHex$, _normalizeColorToHex;
+  var normalized = (_normalizeColorToHex$ = (_normalizeColorToHex = normalizeColorToHex(hex)) === null || _normalizeColorToHex === void 0 ? void 0 : _normalizeColorToHex.replace('#', '')) !== null && _normalizeColorToHex$ !== void 0 ? _normalizeColorToHex$ : hex.replace('#', '');
+  if (!normalized || normalized.length !== 6) return null;
+  var parts = normalized.match(/../g);
+  if (!parts || parts.length !== 3) return null;
+  return parts.map(function (v) {
+    return parseInt(v, 16);
+  });
+}
+function rgbToHex(r, g, b) {
+  var toHex = function toHex(n) {
+    var s = Math.max(0, Math.min(255, n)).toString(16);
+    return s.length === 1 ? "0".concat(s) : s;
+  };
+  return "#".concat(toHex(r)).concat(toHex(g)).concat(toHex(b));
+}
+function getLightColor(color, level) {
+  var rgb = hexToRgb(color);
+  if (!rgb) return color;
+  var _rgb$map = rgb.map(function (v) {
+      return Math.floor((255 - v) * level + v);
+    }),
+    _rgb$map2 = _slicedToArray(_rgb$map, 3),
+    r = _rgb$map2[0],
+    g = _rgb$map2[1],
+    b = _rgb$map2[2];
+  return rgbToHex(r, g, b);
+}
+function getDarkColor(color, level) {
+  var rgb = hexToRgb(color);
+  if (!rgb) return color;
+  var _rgb$map3 = rgb.map(function (v) {
+      return Math.floor(v * (1 - level));
+    }),
+    _rgb$map4 = _slicedToArray(_rgb$map3, 3),
+    r = _rgb$map4[0],
+    g = _rgb$map4[1],
+    b = _rgb$map4[2];
+  return rgbToHex(r, g, b);
+}
+/** 初始化主题：开启持久化且 localStorage 有值时，以已保存配置为准（不被 layoutMode 等 props 覆盖） */
+function buildInitialProLayoutThemeConfig(options) {
+  var _DEFAULT_PRO_LAYOUT_T;
+  var themePersist = options.themePersist,
+    persistKey = options.persistKey,
+    layoutMode = options.layoutMode,
+    theme = options.theme;
+  var persisted = themePersist ? readPersistedProLayoutTheme(persistKey) : null;
+  var defaultLayout = (_DEFAULT_PRO_LAYOUT_T = DEFAULT_PRO_LAYOUT_THEME_CONFIG.layout) !== null && _DEFAULT_PRO_LAYOUT_T !== void 0 ? _DEFAULT_PRO_LAYOUT_T : 'classic';
+  var resolveLayout = function resolveLayout() {
+    for (var _len = arguments.length, candidates = new Array(_len), _key = 0; _key < _len; _key++) {
+      candidates[_key] = arguments[_key];
+    }
+    for (var _i = 0, _candidates = candidates; _i < _candidates.length; _i++) {
+      var item = _candidates[_i];
+      if (item) return item;
+    }
+    return defaultLayout;
+  };
+  if (themePersist && persisted) {
+    return mergeProLayoutTheme(DEFAULT_PRO_LAYOUT_THEME_CONFIG, _objectSpread(_objectSpread(_objectSpread({}, persisted), theme || {}), {}, {
+      layout: resolveLayout(persisted.layout, layoutMode, theme === null || theme === void 0 ? void 0 : theme.layout)
+    }));
+  }
+  return mergeProLayoutTheme(DEFAULT_PRO_LAYOUT_THEME_CONFIG, _objectSpread(_objectSpread({}, theme || {}), {}, {
+    layout: resolveLayout(layoutMode, theme === null || theme === void 0 ? void 0 : theme.layout)
+  }));
+}
+
+/** 序列化为可 JSON 存储的纯对象（避免 Vue 响应式代理导致写入异常） */
+function cloneProLayoutThemeConfig(config) {
+  return JSON.parse(JSON.stringify(config));
+}
+function mergeProLayoutTheme(base, patch) {
+  if (!patch) {
+    return _objectSpread(_objectSpread({}, base), {}, {
+      tokens: _objectSpread({}, base.tokens),
+      globalColors: _objectSpread({}, base.globalColors)
+    });
+  }
+  return _objectSpread(_objectSpread(_objectSpread({}, base), patch), {}, {
+    tokens: _objectSpread(_objectSpread({}, base.tokens), patch.tokens || {}),
+    globalColors: _objectSpread(_objectSpread({}, base.globalColors), patch.globalColors || {})
+  });
+}
+
+/** 主色联动：生成 Element primary 色阶与布局 accent 衍生色 */
+function applyPrimaryColorDerivatives(primary) {
+  var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.documentElement;
+  var hex = normalizeColorToHex(primary);
+  if (!hex) return;
+  primary = hex;
+  var imp = 'important';
+  target.style.setProperty('--el-color-primary', primary, imp);
+  target.style.setProperty('--el-color-primary-dark-2', getDarkColor(primary, 0.1), imp);
+  for (var i = 1; i <= 9; i++) {
+    target.style.setProperty("--el-color-primary-light-".concat(i), getLightColor(primary, i / 10), imp);
+  }
+  target.style.setProperty('--pro-layout-accent', primary, imp);
+  target.style.setProperty('--pro-layout-accent-dark', getDarkColor(primary, 0.35), imp);
+  target.style.setProperty('--pro-layout-accent-soft', getLightColor(primary, 0.92), imp);
+  target.style.setProperty('--pro-layout-accent-muted', getLightColor(primary, 0.85), imp);
+  target.style.setProperty('--pro-select-dropdown-item-selected-color', primary, imp);
+}
+
+/** 将全局 CSS 变量写入 document（或指定节点） */
+function applyProLayoutGlobalColors(colors) {
+  var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : typeof document !== 'undefined' ? document.documentElement : null;
+  if (!target) return;
+  var merged = _objectSpread(_objectSpread({}, DEFAULT_PRO_LAYOUT_GLOBAL_COLORS), colors || {});
+  Object.entries(merged).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    if (value != null && value !== '') {
+      target.style.setProperty("--".concat(key), String(value), 'important');
+    }
+  });
+  var primary = merged['el-color-primary'] || merged['pro-layout-accent'];
+  if (primary) {
+    applyPrimaryColorDerivatives(primary, target);
+  }
+}
+var TOKEN_VAR_MAP = {
+  accent: '--pro-layout-accent',
+  shellBg: '--pro-layout-shell-bg',
+  shellRadius: '--pro-layout-shell-radius',
+  shellBorder: '--pro-layout-shell-border',
+  shellShadow: '--pro-layout-shell-shadow',
+  headerBg: '--pro-layout-header-bg',
+  tagsBarBg: '--pro-layout-tags-bar-bg',
+  mainBg: '--pro-layout-main-bg',
+  text: '--pro-layout-text',
+  textMuted: '--pro-layout-text-muted',
+  siderBg: '--pro-layout-sider-bg',
+  topMenuFontFamily: '--pro-layout-top-menu-font-family'
+};
+
+/** 将主题令牌写入布局根节点（仅影响该 ProLayout 实例） */
+function applyProLayoutThemeToElement(el, tokens) {
+  if (!el) return;
+  var merged = _objectSpread(_objectSpread({}, DEFAULT_PRO_LAYOUT_THEME_TOKENS), tokens || {});
+  Object.entries(TOKEN_VAR_MAP).forEach(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      key = _ref4[0],
+      cssVar = _ref4[1];
+    var value = merged[key];
+    if (value != null && value !== '') {
+      el.style.setProperty(cssVar, String(value));
+    }
+  });
+  var accent = merged.accent;
+  if (accent && normalizeColorToHex(accent)) {
+    el.style.setProperty('--pro-layout-accent-soft', getLightColor(accent, 0.92));
+    el.style.setProperty('--pro-layout-accent-muted', getLightColor(accent, 0.85));
+    el.style.setProperty('--pro-layout-accent-dark', getDarkColor(accent, 0.35));
+    if (typeof document !== 'undefined') {
+      applyPrimaryColorDerivatives(accent, document.documentElement);
+    }
+  }
+}
+function readPersistedProLayoutTheme(key) {
+  if (typeof window === 'undefined') return null;
+  try {
+    var raw = window.localStorage.getItem(key);
+    if (!raw) return null;
+    return JSON.parse(raw);
+  } catch (_unused) {
+    return null;
+  }
+}
+function persistProLayoutTheme(key, config) {
+  if (typeof window === 'undefined') return;
+  try {
+    window.localStorage.setItem(key, JSON.stringify(config));
+  } catch (_unused2) {
+    /* ignore quota */
+  }
+}
+function clearPersistedProLayoutTheme(key) {
+  if (typeof window === 'undefined') return;
+  window.localStorage.removeItem(key);
+}
+
+export { DEFAULT_PRO_LAYOUT_THEME_CONFIG, DEFAULT_PRO_LAYOUT_THEME_TOKENS, applyPrimaryColorDerivatives, applyProLayoutGlobalColors, applyProLayoutThemeToElement, buildInitialProLayoutThemeConfig, clearPersistedProLayoutTheme, cloneProLayoutThemeConfig, getDarkColor, getLightColor, mergeProLayoutTheme, normalizeColorToHex, persistProLayoutTheme, readPersistedProLayoutTheme };