@done-coding/admin-plugin-theme 0.4.0 → 0.4.1-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/README.md +1 -131
  2. package/es/assets/applied-intelligence-frame.mjs +13 -13
  3. package/es/assets/applied-intelligence-nebula.mjs +31 -31
  4. package/es/assets/aurora-mesh.mjs +30 -30
  5. package/es/assets/botanical-paper.mjs +2 -2
  6. package/es/assets/cockpit-brutal-steel.mjs +20 -20
  7. package/es/assets/cockpit-liquid-ink.mjs +52 -52
  8. package/es/assets/cockpit-mono-paper.mjs +21 -21
  9. package/es/assets/cockpit-neural-field.mjs +36 -36
  10. package/es/assets/compact-rail.mjs +5 -5
  11. package/es/assets/console-horizon.mjs +1 -1
  12. package/es/assets/copilot-calm.mjs +2 -2
  13. package/es/assets/copilot-stage.mjs +8 -8
  14. package/es/assets/coral-reef.mjs +2 -2
  15. package/es/assets/dragon-vermilion.mjs +27 -27
  16. package/es/assets/film-grade.mjs +26 -26
  17. package/es/assets/kitchen-foundry.mjs +84 -84
  18. package/es/assets/neon-set.mjs +17 -17
  19. package/es/assets/nordic-fjord.mjs +2 -2
  20. package/es/assets/perspective-deck.mjs +21 -21
  21. package/es/assets/quantum-ai.mjs +16 -16
  22. package/es/assets/sandstone-editorial.mjs +2 -2
  23. package/es/assets/starfield-cosmos.mjs +14 -14
  24. package/es/assets/studio-ink.mjs +27 -27
  25. package/es/assets/studio-stage.mjs +12 -12
  26. package/es/assets/studio-triptych.mjs +14 -14
  27. package/es/assets/sunset-amber.mjs +2 -2
  28. package/es/assets/synapse-grid.mjs +11 -11
  29. package/es/assets/terminal-phosphor.mjs +21 -21
  30. package/es/assets/velvet-noir.mjs +2 -2
  31. package/es/chunks/CockpitFrameMatte-BbTtd3J2.mjs +52 -0
  32. package/es/chunks/{CockpitShellBase.vue_vue_type_script_setup_true_lang-CoSsDjcF.mjs → CockpitShellBase.vue_vue_type_script_setup_true_lang-8OC_BxwQ.mjs} +41 -41
  33. package/es/index.mjs +5 -5
  34. package/es/style.css +1 -1
  35. package/package.json +7 -8
  36. package/types/assets/applied-intelligence-frame.d.ts +2 -14
  37. package/types/assets/applied-intelligence-nebula.d.ts +2 -13
  38. package/types/assets/aurora-mesh.d.ts +2 -8
  39. package/types/assets/botanical-paper.d.ts +2 -9
  40. package/types/assets/brutal-concrete.d.ts +2 -9
  41. package/types/assets/cockpit-brutal-steel.d.ts +2 -2
  42. package/types/assets/cockpit-liquid-ink.d.ts +2 -13
  43. package/types/assets/cockpit-mono-paper.d.ts +2 -11
  44. package/types/assets/cockpit-neural-field.d.ts +2 -10
  45. package/types/assets/compact-rail.d.ts +2 -8
  46. package/types/assets/console-horizon.d.ts +2 -8
  47. package/types/assets/contrast.d.ts +2 -9
  48. package/types/assets/copilot-calm.d.ts +2 -9
  49. package/types/assets/copilot-stage.d.ts +2 -8
  50. package/types/assets/coral-reef.d.ts +2 -9
  51. package/types/assets/cyber.d.ts +2 -8
  52. package/types/assets/dragon-vermilion.d.ts +2 -8
  53. package/types/assets/film-grade.d.ts +2 -11
  54. package/types/assets/glass.d.ts +2 -8
  55. package/types/assets/graphite-mono.d.ts +2 -9
  56. package/types/assets/gugong.d.ts +2 -8
  57. package/types/assets/ink.d.ts +2 -8
  58. package/types/assets/kitchen-foundry.d.ts +2 -2
  59. package/types/assets/neon-set.d.ts +2 -11
  60. package/types/assets/nordic-fjord.d.ts +2 -8
  61. package/types/assets/perspective-deck.d.ts +2 -9
  62. package/types/assets/quantum-ai.d.ts +2 -8
  63. package/types/assets/sandstone-editorial.d.ts +2 -9
  64. package/types/assets/soft.d.ts +2 -8
  65. package/types/assets/starfield-cosmos.d.ts +2 -9
  66. package/types/assets/studio-ink.d.ts +2 -11
  67. package/types/assets/studio-stage.d.ts +2 -16
  68. package/types/assets/studio-triptych.d.ts +2 -8
  69. package/types/assets/sunset-amber.d.ts +2 -9
  70. package/types/assets/synapse-grid.d.ts +2 -8
  71. package/types/assets/terminal-phosphor.d.ts +2 -8
  72. package/types/assets/velvet-noir.d.ts +2 -9
  73. package/types/index.d.ts +1 -1
  74. package/types/plugin.d.ts +3 -21
  75. package/types/shells/decor/use-frame-geometry.d.ts +0 -13
  76. package/types/types.d.ts +10 -77
  77. package/es/chunks/CockpitFrameMatte-DGQRZk-I.mjs +0 -52
  78. package/lib/assets/applied-intelligence-frame.cjs +0 -1
  79. package/lib/assets/applied-intelligence-nebula.cjs +0 -1
  80. package/lib/assets/aurora-mesh.cjs +0 -1
  81. package/lib/assets/botanical-paper.cjs +0 -1
  82. package/lib/assets/brutal-concrete.cjs +0 -1
  83. package/lib/assets/cockpit-brutal-steel.cjs +0 -4
  84. package/lib/assets/cockpit-liquid-ink.cjs +0 -1
  85. package/lib/assets/cockpit-mono-paper.cjs +0 -1
  86. package/lib/assets/cockpit-neural-field.cjs +0 -1
  87. package/lib/assets/compact-rail.cjs +0 -1
  88. package/lib/assets/console-horizon.cjs +0 -1
  89. package/lib/assets/contrast.cjs +0 -1
  90. package/lib/assets/copilot-calm.cjs +0 -1
  91. package/lib/assets/copilot-stage.cjs +0 -1
  92. package/lib/assets/coral-reef.cjs +0 -1
  93. package/lib/assets/cyber.cjs +0 -1
  94. package/lib/assets/dragon-vermilion.cjs +0 -1
  95. package/lib/assets/film-grade.cjs +0 -1
  96. package/lib/assets/glass.cjs +0 -1
  97. package/lib/assets/graphite-mono.cjs +0 -1
  98. package/lib/assets/gugong.cjs +0 -1
  99. package/lib/assets/ink.cjs +0 -1
  100. package/lib/assets/kitchen-foundry.cjs +0 -7
  101. package/lib/assets/neon-set.cjs +0 -1
  102. package/lib/assets/nordic-fjord.cjs +0 -1
  103. package/lib/assets/perspective-deck.cjs +0 -1
  104. package/lib/assets/quantum-ai.cjs +0 -1
  105. package/lib/assets/sandstone-editorial.cjs +0 -1
  106. package/lib/assets/soft.cjs +0 -1
  107. package/lib/assets/starfield-cosmos.cjs +0 -1
  108. package/lib/assets/studio-ink.cjs +0 -1
  109. package/lib/assets/studio-stage.cjs +0 -1
  110. package/lib/assets/studio-triptych.cjs +0 -1
  111. package/lib/assets/sunset-amber.cjs +0 -1
  112. package/lib/assets/synapse-grid.cjs +0 -1
  113. package/lib/assets/terminal-phosphor.cjs +0 -1
  114. package/lib/assets/velvet-noir.cjs +0 -1
  115. package/lib/chunks/CockpitFrameMatte-pWBt5o2E.cjs +0 -1
  116. package/lib/chunks/CockpitShellBase.vue_vue_type_script_setup_true_lang-CgiZq-kW.cjs +0 -1
  117. package/lib/chunks/FrameShellBase.vue_vue_type_script_setup_true_lang-C-mttf00.cjs +0 -1
  118. package/lib/chunks/HeaderNavMenu.vue_vue_type_script_setup_true_lang-LJ3mDZkH.cjs +0 -1
  119. package/lib/chunks/_plugin-vue_export-helper-BHFhmbuH.cjs +0 -1
  120. package/lib/chunks/use-frame-geometry-5WRLC-WU.cjs +0 -1
  121. package/lib/index.cjs +0 -1
  122. package/lib/style.css +0 -1
package/README.md CHANGED
@@ -1,131 +1 @@
1
- # @done-coding/admin-plugin-theme
2
-
3
- admin bridge 主题风格库：为 `@done-coding/admin-core` 后台应用提供一组高辨识度的内置风格主题。一个 style 是完整风格主题，内置 light/dark 两套色；**不存在颜色轴**——切 mode 只在当前风格自带的 light/dark 间切换。
4
-
5
- > **架构定位（期 3 反转后）**：本包退化为「风格库」。切换（`setStyle`/`setDark`）、明暗持久化、CSS var 双命名空间挂值与 `<html>.dark` toggle 全部归 **core/bridge**（`@done-coding/admin-core`）。本包只声明风格资产 + 一个把资产注册进 bridge 的插件，**不持 runtime、不写 DOM、不写 CSS var**。
6
-
7
- ## 安装
8
-
9
- ```bash
10
- pnpm add @done-coding/admin-plugin-theme
11
- ```
12
-
13
- peer 依赖：`@done-coding/admin-core`（bridge 插件宿主，主题能力承载方）、`vue`、`element-plus`。
14
-
15
- ## 快速接入
16
-
17
- ```ts
18
- import { themePlugin } from "@done-coding/admin-plugin-theme";
19
- import soft from "@done-coding/admin-plugin-theme/assets/soft";
20
- import glass from "@done-coding/admin-plugin-theme/assets/glass";
21
- import { appAdminBridge } from "@/config";
22
-
23
- // install 同步执行：遍历 themes 经 bridge.theme.add(id, config) 注册进风格 map。
24
- appAdminBridge.use(themePlugin, { themes: [soft, glass] });
25
-
26
- // 切换走 bridge（真相源）：
27
- appAdminBridge.theme.setStyle("soft"); // 切风格
28
- appAdminBridge.theme.setDark(true); // 切暗色
29
- // 顶栏 AppTheme.vue（core 内置）已提供风格下拉 + 暗色开关，直接读写 bridge。
30
- ```
31
-
32
- 不需要引入本包任何 CSS 文件——本包没有 `style.css`；视觉效果由 core 挂值 composable 据 bridge 真相运行时挂 `--admin-core-*` + `--el-*` 双命名空间。
33
-
34
- ## options
35
-
36
- | 字段 | 类型 | 说明 |
37
- | -------- | -------------------- | ---------------------------------------------------------------- |
38
- | `themes` | `AdminThemePreset[]` | 主题资产输入（至少 1 个）；install 遍历经 `bridge.theme.add` 注册 |
39
-
40
- > 期 3 起 options 仅 `themes`。旧 `defaultStyle` / `defaultMode` / `storageKey` / `document` / `onReady` 全部移除——初始激活风格、明暗、持久化、document 注入均归 bridge 单一真相源；切换不再经插件 runtime，而是直接 `appAdminBridge.theme.*`。
41
-
42
- ## 内置风格资产
43
-
44
- 主题资产经子路径引入（每个风格一个独立文件，default export 一个 `AdminThemePreset`）：
45
-
46
- ```ts
47
- import soft from "@done-coding/admin-plugin-theme/assets/soft";
48
- ```
49
-
50
- 首批 6 个内置风格：
51
-
52
- | id | label | 定位 |
53
- | ---------- | -------- | ------------------------------------------------ |
54
- | `soft` | 柔光悬浮 | 默认通用 SaaS：柔和底色、圆角与悬浮阴影 |
55
- | `glass` | 通透琉璃 | 玻璃拟态：低饱和底色、毛玻璃模糊与轻薄悬浮感 |
56
- | `gugong` | 朱墙鎏金 | 文博东方庄重：红墙琉璃黄、暖纸底色与方正仪态 |
57
- | `cyber` | 霓虹赛博 | 暗色科技赛博：深空底色、霓虹青品红与锐利辉光 |
58
- | `contrast` | 极致对比 | 高对比可访问性：纯黑白底、深档纯色与粗边框焦点环 |
59
- | `ink` | 水墨留白 | 水墨东方极简：黑白灰主调、墨青点睛与大量留白 |
60
-
61
- bridge 另自带 `'default'` 风格（= core 初始 `APP_THEME_CONFIG`，Element Plus 原生色系），故顶栏风格下拉项 = `'default'` + 已注册的插件风格。
62
-
63
- ## 资产契约（`AdminThemePreset`，扁平结构）
64
-
65
- ```ts
66
- import type { AdminThemePreset } from "@done-coding/admin-plugin-theme";
67
-
68
- const myTheme: AdminThemePreset = {
69
- id: "my-brand", // 自定义 id 直接可用，无需断言（见「id 类型说明」）
70
- label: "业务定制品牌",
71
- description: "业务自定义风格主题",
72
- config: {
73
- light: {
74
- // 8 个必填语义色（与 core AppThemeColor 一一对应）
75
- bodyColor: "#f6f7fb",
76
- baseColor: "#0f172a",
77
- primaryColor: "#0ea5e9",
78
- successColor: "#10b981",
79
- warningColor: "#f59e0b",
80
- dangerColor: "#ef4444",
81
- errorColor: "#ef4444",
82
- infoColor: "#3b82f6",
83
- // 9 个可选风格字段（有则 core 挂对应 CSS var，无则不输出）
84
- radius: "8px",
85
- shadow: "0 14px 30px -12px rgba(16, 24, 40, 0.13)",
86
- },
87
- dark: {
88
- bodyColor: "#0a0d14",
89
- baseColor: "#e7ebf3",
90
- primaryColor: "#38bdf8",
91
- successColor: "#34d399",
92
- warningColor: "#fbbf24",
93
- dangerColor: "#f87171",
94
- errorColor: "#f87171",
95
- infoColor: "#60a5fa",
96
- radius: "8px",
97
- },
98
- },
99
- };
100
-
101
- appAdminBridge.use(themePlugin, { themes: [myTheme] });
102
- ```
103
-
104
- 契约要点：
105
-
106
- - **`config.light` / `config.dark`（必填）**：两套 core `AppThemeColor`（扁平字段，非 `shell`/`rootVars` 嵌套）。
107
- - **8 个必填语义色**：`bodyColor` / `baseColor` / `primaryColor` / `successColor` / `warningColor` / `dangerColor` / `errorColor` / `infoColor`，与 core `APP_THEME_CONFIG` 单 mode 字段一一对应。
108
- - **9 个可选风格字段**：`radius` / `borderColor` / `shadow` / `borderWidth` / `accent` / `glow` / `blur` / `focusRing` / `surface`——core 挂值 composable 按 duck 类型「有则挂对应 `--admin-core-*`（+ EP 有对位的 `--el-*`）、无则不输出」。
109
- - **[MUST NOT] 写 CSS var 键**：资产字段一律扁平语义字段，[MUST NOT] 出现 `--dc-theme-*` / `--el-*` 等 CSS 变量键——CSS var 命名 / 派生 / 双命名空间挂值由 core 统一负责（`--dc-theme-*` 命名空间已整体退役）。
110
- - **色阶无需声明**：6 语义色的色阶（`-light-3/5/7/8/9` / `-dark-2`）由 core 挂值 composable 复刻 EP `mix()` 算法派生，资产只给基色。
111
- - **id 类型说明**：`AdminThemePreset.id` 为宽类型 `AdminThemeStyleInput = AdminThemeStyleId | (string & {})`——内置 id（6 个）保留 IDE 自动补全，业务自定义字符串 id 直接可用，无需断言。
112
-
113
- ## 切换与持久化（归 core/bridge）
114
-
115
- - **切换**：`appAdminBridge.theme.setStyle(name)` / `appAdminBridge.theme.setDark(bool)`；真相源 `appAdminBridge.themeStyle` / `themeIsDark`（响应式只读）；当前生效 JS 色 `appAdminBridge.themeColors`。
116
- - **挂值**：core 挂值 composable（AppLayout setup 启动）watch bridge 真相 → 生成 `<style id="admin-core-theme">` 的 `:root{}` + `:root.dark{}`（`--admin-core-*` + `--el-*` 双命名空间独立挂值 + 6 语义色 EP 色阶），并 toggle `<html>.dark`。
117
- - **持久化**：bridge 经 `getStorage()` 持久化 `{ themeStyle, themeIsDark }` 并在 init 恢复（插件后注册的风格亦能命中恢复目标再 apply）。
118
- - **顶栏 UI**：core 内置 `AppTheme.vue`（暗色开关 + 多风格下拉，`theme.list.length > 1` 才显示下拉）直接读写 bridge。
119
-
120
- ## 风格资产维护（包内）
121
-
122
- - **新增风格零配置**：在 `assets/` 下新增 `<name>.ts`（default export 一个 `AdminThemePreset`）即自动纳入构建多入口（`vite.config.ts` 扫描 `assets/*.ts`），产出 `es/assets/<name>.mjs` + `types/assets/<name>.d.ts`，经 `@done-coding/admin-plugin-theme/assets/<name>` 子路径暴露。
123
- - **字段分层**：8 必填语义色 → 9 可选风格字段（仅当该风格需要圆角 / 阴影 / 玻璃 / 赛博等差异时给）。色阶 / CSS var 命名一律不在资产里写。
124
-
125
- ## 测试
126
-
127
- ```bash
128
- pnpm -F @done-coding/admin-plugin-theme test
129
- ```
130
-
131
- 单测不依赖 jsdom / DOM：install 副作用经 mock `ctx.bridge.theme.add` 断言（不再 mock document / storage runtime）。
1
+ 内部维护，暂无公开文档。
package/es/assets/applied-intelligence-frame.mjs CHANGED
@@ -1,6 +1,6 @@
1
- import { defineComponent as M, computed as b, openBlock as u, createBlock as R, Teleport as z, unref as o, createElementBlock as d, normalizeStyle as L, createElementVNode as i, Fragment as E, renderList as D, createCommentVNode as g, normalizeProps as O, guardReactiveProps as P, createSlots as T, withCtx as v, createVNode as V, renderSlot as y, markRaw as X } from "vue";
1
+ import { defineComponent as D, computed as b, openBlock as u, createBlock as M, Teleport as z, unref as o, createElementBlock as d, normalizeStyle as L, createElementVNode as i, Fragment as E, renderList as R, createCommentVNode as g, normalizeProps as O, guardReactiveProps as P, createSlots as T, withCtx as v, createVNode as V, renderSlot as y, markRaw as X } from "vue";
2
2
  import { _ as Y } from "../chunks/FrameShellBase.vue_vue_type_script_setup_true_lang-sr56H_8-.mjs";
3
- import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as Z } from "@done-coding/admin-core";
3
+ import { CORE_VIEWPORT_DECOR_ZINDEX_BELOW as Z } from "@done-coding/admin-core";
4
4
  import { u as j } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
5
5
  import { _ as q } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
6
6
  const J = ["width", "height", "viewBox"], K = {
@@ -19,7 +19,7 @@ const J = ["width", "height", "viewBox"], K = {
19
19
  y: "-200%",
20
20
  width: "500%",
21
21
  height: "500%"
22
- }, le = ["stdDeviation"], se = ["width", "height"], ie = ["cx", "cy", "rx", "ry"], ne = ["values", "dur", "begin"], ue = ["values", "dur", "begin"], de = ["cx", "cy", "r", "fill", "filter", "opacity"], fe = ["values", "dur", "begin"], ce = /* @__PURE__ */ M({
22
+ }, le = ["stdDeviation"], se = ["width", "height"], ie = ["cx", "cy", "rx", "ry"], ne = ["values", "dur", "begin"], ue = ["values", "dur", "begin"], de = ["cx", "cy", "r", "fill", "filter", "opacity"], fe = ["values", "dur", "begin"], ce = /* @__PURE__ */ D({
23
23
  __name: "AuroraFrameDecor",
24
24
  setup(F) {
25
25
  const {
@@ -27,17 +27,17 @@ const J = ["width", "height", "viewBox"], K = {
27
27
  animated: r,
28
28
  vw: n,
29
29
  vh: l,
30
- hasFrame: I,
30
+ hasFrame: S,
31
31
  hollowX: f,
32
32
  hollowY: c,
33
33
  hollowW: _,
34
34
  hollowH: x
35
- } = j(), N = b(() => t.value ? "#3a4ad8" : "#8f9bf2"), $ = b(() => t.value ? "#6f7dff" : "#7e8bff"), S = b(() => t.value ? "#9aa6ff" : "#5b6bf5"), A = b(() => t.value ? "#c7ceff" : "#4a5af0");
35
+ } = j(), N = b(() => t.value ? "#3a4ad8" : "#8f9bf2"), $ = b(() => t.value ? "#6f7dff" : "#7e8bff"), G = b(() => t.value ? "#9aa6ff" : "#5b6bf5"), I = b(() => t.value ? "#c7ceff" : "#4a5af0");
36
36
  function s(p) {
37
37
  const m = Math.sin(p) * 43758.5453;
38
38
  return m - Math.floor(m);
39
39
  }
40
- const G = b(() => {
40
+ const A = b(() => {
41
41
  if (n.value <= 0 || l.value <= 0) return [];
42
42
  const p = Math.min(n.value, l.value);
43
43
  return [
@@ -83,8 +83,8 @@ const J = ["width", "height", "viewBox"], K = {
83
83
  }
84
84
  return p;
85
85
  });
86
- return (p, m) => (u(), R(z, { to: "body" }, [
87
- o(I) ? (u(), d("svg", {
86
+ return (p, m) => (u(), M(z, { to: "body" }, [
87
+ o(S) ? (u(), d("svg", {
88
88
  key: 0,
89
89
  class: "aurora-frame-decor",
90
90
  style: L({
@@ -141,7 +141,7 @@ const J = ["width", "height", "viewBox"], K = {
141
141
  height: o(l),
142
142
  fill: "url(#aurfWash)"
143
143
  }, null, 8, se),
144
- (u(!0), d(E, null, D(G.value, (e, a) => (u(), d("ellipse", {
144
+ (u(!0), d(E, null, R(A.value, (e, a) => (u(), d("ellipse", {
145
145
  key: `g${a}`,
146
146
  cx: e.x,
147
147
  cy: e.y,
@@ -166,12 +166,12 @@ const J = ["width", "height", "viewBox"], K = {
166
166
  repeatCount: "indefinite"
167
167
  }, null, 8, ue)) : g("", !0)
168
168
  ], 8, ie))), 128)),
169
- (u(!0), d(E, null, D(W.value, (e, a) => (u(), d("circle", {
169
+ (u(!0), d(E, null, R(W.value, (e, a) => (u(), d("circle", {
170
170
  key: `n${a}`,
171
171
  cx: e.x,
172
172
  cy: e.y,
173
173
  r: e.hub ? 2.6 : 1.5,
174
- fill: e.hub ? A.value : S.value,
174
+ fill: e.hub ? I.value : G.value,
175
175
  filter: e.hub ? "url(#aurfNodeGlow)" : void 0,
176
176
  opacity: o(r) ? void 0 : o(t) ? 0.5 : 0.3
177
177
  }, [
@@ -187,7 +187,7 @@ const J = ["width", "height", "viewBox"], K = {
187
187
  ], 12, J)) : g("", !0)
188
188
  ]));
189
189
  }
190
- }), pe = /* @__PURE__ */ q(ce, [["__scopeId", "data-v-99584d50"]]), he = /* @__PURE__ */ M({
190
+ }), pe = /* @__PURE__ */ q(ce, [["__scopeId", "data-v-438b8ad5"]]), he = /* @__PURE__ */ D({
191
191
  __name: "AppliedIntelligenceFrameShell",
192
192
  props: {
193
193
  menus: {},
@@ -203,7 +203,7 @@ const J = ["width", "height", "viewBox"], K = {
203
203
  },
204
204
  setup(F) {
205
205
  const t = F;
206
- return (r, n) => (u(), R(Y, O(P(t)), T({
206
+ return (r, n) => (u(), M(Y, O(P(t)), T({
207
207
  default: v((l) => [
208
208
  y(r.$slots, "default", {
209
209
  Footer: l.Footer
package/es/assets/applied-intelligence-nebula.mjs CHANGED
@@ -1,6 +1,6 @@
1
- import { defineComponent as k, computed as b, openBlock as u, createBlock as B, Teleport as G, unref as e, createElementBlock as p, normalizeStyle as R, createElementVNode as o, Fragment as v, createCommentVNode as y, renderList as w, normalizeProps as T, guardReactiveProps as I, createSlots as S, withCtx as h, createVNode as O, renderSlot as m, markRaw as z } from "vue";
1
+ import { defineComponent as k, computed as b, openBlock as u, createBlock as B, Teleport as D, unref as e, createElementBlock as p, normalizeStyle as R, createElementVNode as o, Fragment as v, createCommentVNode as y, renderList as w, normalizeProps as T, guardReactiveProps as S, createSlots as I, withCtx as h, createVNode as O, renderSlot as m, markRaw as z } from "vue";
2
2
  import { _ as L } from "../chunks/FrameShellBase.vue_vue_type_script_setup_true_lang-sr56H_8-.mjs";
3
- import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as P } from "@done-coding/admin-core";
3
+ import { CORE_VIEWPORT_DECOR_ZINDEX_BELOW as P } from "@done-coding/admin-core";
4
4
  import { u as V } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
5
5
  import { _ as W } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
6
6
  const H = ["width", "height", "viewBox"], q = {
@@ -24,49 +24,49 @@ const H = ["width", "height", "viewBox"], q = {
24
24
  y: "-200%",
25
25
  width: "500%",
26
26
  height: "500%"
27
- }, re = ["stdDeviation"], ae = ["cx", "cy", "rx", "ry"], se = ["values"], ie = ["values"], ne = ["values"], le = ["cx", "cy", "rx", "ry"], ue = ["values"], de = ["values"], ce = ["values"], pe = ["cx", "cy", "rx", "ry"], fe = ["values"], be = ["width", "height", "opacity"], he = ["cx", "cy", "r", "fill", "filter", "opacity"], ye = ["values", "dur", "begin"], me = ["fill"], _e = ["dur", "begin", "path"], ve = ["dur", "begin"], ge = /* @__PURE__ */ k({
27
+ }, re = ["stdDeviation"], ae = ["cx", "cy", "rx", "ry"], se = ["values"], ie = ["values"], ne = ["values"], le = ["cx", "cy", "rx", "ry"], ue = ["values"], ce = ["values"], de = ["values"], pe = ["cx", "cy", "rx", "ry"], fe = ["values"], be = ["width", "height", "opacity"], he = ["cx", "cy", "r", "fill", "filter", "opacity"], ye = ["values", "dur", "begin"], me = ["fill"], _e = ["dur", "begin", "path"], ve = ["dur", "begin"], ge = /* @__PURE__ */ k({
28
28
  __name: "AuroraNebulaDecor",
29
29
  setup($) {
30
- const { isDark: r, animated: s, vw: l, vh: i, hasFrame: F } = V(), g = b(() => r.value ? "#4a5af0" : "#6f7df2"), x = b(() => r.value ? "#7e8bff" : "#9aa6ff"), C = b(() => r.value ? "#5b7cff" : "#8fb0ff"), M = b(() => r.value ? "#9aa6ff" : "#5b6bf5"), E = b(() => r.value ? "#c7ceff" : "#4a5af0"), A = b(() => r.value ? "#e0e5ff" : "#5b6bf5");
30
+ const { isDark: r, animated: s, vw: l, vh: i, hasFrame: F } = V(), g = b(() => r.value ? "#4a5af0" : "#6f7df2"), x = b(() => r.value ? "#7e8bff" : "#9aa6ff"), C = b(() => r.value ? "#5b7cff" : "#8fb0ff"), E = b(() => r.value ? "#9aa6ff" : "#5b6bf5"), M = b(() => r.value ? "#c7ceff" : "#4a5af0"), G = b(() => r.value ? "#e0e5ff" : "#5b6bf5");
31
31
  function a(n) {
32
32
  return Number((Math.min(l.value, i.value) * n).toFixed(1));
33
33
  }
34
- function c(n) {
35
- const d = Math.sin(n) * 43758.5453;
36
- return d - Math.floor(d);
34
+ function d(n) {
35
+ const c = Math.sin(n) * 43758.5453;
36
+ return c - Math.floor(c);
37
37
  }
38
38
  const N = b(() => {
39
39
  if (l.value <= 0 || i.value <= 0) return [];
40
- const n = [], d = 22;
41
- for (let t = 0; t < d; t++)
40
+ const n = [], c = 22;
41
+ for (let t = 0; t < c; t++)
42
42
  n.push({
43
- x: Number((c(t * 1.7 + 0.3) * l.value).toFixed(1)),
44
- y: Number((c(t * 2.9 + 0.7) * i.value).toFixed(1)),
45
- hub: c(t * 3.3 + 0.5) > 0.8,
46
- dur: Number((3 + c(t * 4.1) * 3).toFixed(1)),
47
- begin: Number((c(t * 5.7) * 4).toFixed(1))
43
+ x: Number((d(t * 1.7 + 0.3) * l.value).toFixed(1)),
44
+ y: Number((d(t * 2.9 + 0.7) * i.value).toFixed(1)),
45
+ hub: d(t * 3.3 + 0.5) > 0.8,
46
+ dur: Number((3 + d(t * 4.1) * 3).toFixed(1)),
47
+ begin: Number((d(t * 5.7) * 4).toFixed(1))
48
48
  });
49
49
  return n;
50
- }), D = b(() => {
50
+ }), A = b(() => {
51
51
  const n = N.value;
52
52
  if (n.length < 2) return [];
53
- const d = [];
53
+ const c = [];
54
54
  for (let t = 0; t < 5; t++) {
55
55
  const f = n[t * 4 % n.length], _ = n[(t * 4 + 3) % n.length];
56
- d.push({
56
+ c.push({
57
57
  x1: f.x,
58
58
  y1: f.y,
59
59
  x2: _.x,
60
60
  y2: _.y,
61
- cx: Number(((f.x + _.x) / 2 + (c(t * 9.1) - 0.5) * 80).toFixed(1)),
62
- cy: Number(((f.y + _.y) / 2 + (c(t * 9.7) - 0.5) * 80).toFixed(1)),
63
- dur: Number((7 + c(t * 6.3) * 5).toFixed(1)),
64
- begin: Number((c(t * 7.9) * 6).toFixed(1))
61
+ cx: Number(((f.x + _.x) / 2 + (d(t * 9.1) - 0.5) * 80).toFixed(1)),
62
+ cy: Number(((f.y + _.y) / 2 + (d(t * 9.7) - 0.5) * 80).toFixed(1)),
63
+ dur: Number((7 + d(t * 6.3) * 5).toFixed(1)),
64
+ begin: Number((d(t * 7.9) * 6).toFixed(1))
65
65
  });
66
66
  }
67
- return d;
67
+ return c;
68
68
  });
69
- return (n, d) => (u(), B(G, { to: "body" }, [
69
+ return (n, c) => (u(), B(D, { to: "body" }, [
70
70
  e(F) ? (u(), p("svg", {
71
71
  key: 0,
72
72
  class: "aurora-nebula-decor",
@@ -135,7 +135,7 @@ const H = ["width", "height", "viewBox"], q = {
135
135
  stdDeviation: e(r) ? 2.6 : 1.2
136
136
  }, null, 8, re)
137
137
  ]),
138
- d[0] || (d[0] = o("filter", { id: "aurGrain" }, [
138
+ c[0] || (c[0] = o("filter", { id: "aurGrain" }, [
139
139
  o("feTurbulence", {
140
140
  type: "fractalNoise",
141
141
  baseFrequency: "0.85",
@@ -198,14 +198,14 @@ const H = ["width", "height", "viewBox"], q = {
198
198
  dur: "17s",
199
199
  begin: "3s",
200
200
  repeatCount: "indefinite"
201
- }, null, 8, de),
201
+ }, null, 8, ce),
202
202
  o("animateTransform", {
203
203
  attributeName: "transform",
204
204
  type: "translate",
205
205
  values: `0,0; ${e(l) * -0.03},${e(i) * -0.03}; 0,0`,
206
206
  dur: "31s",
207
207
  repeatCount: "indefinite"
208
- }, null, 8, ce)
208
+ }, null, 8, de)
209
209
  ], 64)) : y("", !0)
210
210
  ], 8, le),
211
211
  o("ellipse", {
@@ -235,7 +235,7 @@ const H = ["width", "height", "viewBox"], q = {
235
235
  cx: t.x,
236
236
  cy: t.y,
237
237
  r: t.hub ? 2.6 : 1.5,
238
- fill: t.hub ? E.value : M.value,
238
+ fill: t.hub ? M.value : E.value,
239
239
  filter: t.hub ? "url(#aurNodeGlow)" : void 0,
240
240
  opacity: e(s) ? void 0 : e(r) ? 0.5 : 0.3
241
241
  }, [
@@ -248,10 +248,10 @@ const H = ["width", "height", "viewBox"], q = {
248
248
  repeatCount: "indefinite"
249
249
  }, null, 8, ye)) : y("", !0)
250
250
  ], 8, he))), 128)),
251
- e(s) ? (u(!0), p(v, { key: 0 }, w(D.value, (t, f) => (u(), p("circle", {
251
+ e(s) ? (u(!0), p(v, { key: 0 }, w(A.value, (t, f) => (u(), p("circle", {
252
252
  key: `p${f}`,
253
253
  r: "2",
254
- fill: A.value,
254
+ fill: G.value,
255
255
  filter: "url(#aurNodeGlow)"
256
256
  }, [
257
257
  o("animateMotion", {
@@ -272,7 +272,7 @@ const H = ["width", "height", "viewBox"], q = {
272
272
  ], 12, H)) : y("", !0)
273
273
  ]));
274
274
  }
275
- }), xe = /* @__PURE__ */ W(ge, [["__scopeId", "data-v-bd06edd0"]]), $e = /* @__PURE__ */ k({
275
+ }), xe = /* @__PURE__ */ W(ge, [["__scopeId", "data-v-81c1057c"]]), $e = /* @__PURE__ */ k({
276
276
  __name: "AppliedIntelligenceNebulaShell",
277
277
  props: {
278
278
  menus: {},
@@ -288,7 +288,7 @@ const H = ["width", "height", "viewBox"], q = {
288
288
  },
289
289
  setup($) {
290
290
  const r = $;
291
- return (s, l) => (u(), B(L, T(I(r)), S({
291
+ return (s, l) => (u(), B(L, T(S(r)), I({
292
292
  default: h((i) => [
293
293
  m(s.$slots, "default", {
294
294
  Footer: i.Footer
package/es/assets/aurora-mesh.mjs CHANGED
@@ -1,6 +1,6 @@
1
- import { defineComponent as w, computed as u, openBlock as t, createBlock as k, Teleport as N, unref as o, createElementBlock as s, normalizeStyle as G, createElementVNode as e, createCommentVNode as i, normalizeProps as E, guardReactiveProps as R, createSlots as D, withCtx as f, createVNode as A, renderSlot as c, markRaw as I } from "vue";
2
- import { _ as S } from "../chunks/FrameShellBase.vue_vue_type_script_setup_true_lang-sr56H_8-.mjs";
3
- import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as P } from "@done-coding/admin-core";
1
+ import { defineComponent as w, computed as u, openBlock as t, createBlock as k, Teleport as G, unref as o, createElementBlock as s, normalizeStyle as N, createElementVNode as e, createCommentVNode as i, normalizeProps as E, guardReactiveProps as R, createSlots as D, withCtx as f, createVNode as S, renderSlot as c, markRaw as A } from "vue";
2
+ import { _ as I } from "../chunks/FrameShellBase.vue_vue_type_script_setup_true_lang-sr56H_8-.mjs";
3
+ import { CORE_VIEWPORT_DECOR_ZINDEX_BELOW as P } from "@done-coding/admin-core";
4
4
  import { u as W } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
5
5
  import { _ as F } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
6
6
  const T = ["width", "height", "viewBox"], z = {
@@ -75,39 +75,39 @@ const T = ["width", "height", "viewBox"], z = {
75
75
  values: "#5b8cff;#8b6cff;#3fd8e0;#5b8cff",
76
76
  dur: "22s",
77
77
  repeatCount: "indefinite"
78
- }, oe = { filter: "url(#auroraMeshBlur)" }, te = ["x", "y", "width", "height", "stroke-width"], re = ["x", "y", "width", "height", "stroke-width"], ae = ["to"], se = ["x", "y", "width", "height", "stroke-width"], ie = ["from"], ne = {
78
+ }, oe = { filter: "url(#auroraMeshBlur)" }, te = ["x", "y", "width", "height", "stroke-width"], re = ["x", "y", "width", "height", "stroke-width"], ae = ["to"], se = ["x", "y", "width", "height", "stroke-width"], ie = ["from"], de = {
79
79
  key: 0,
80
80
  r: "4.5",
81
81
  fill: "#d6e4ff"
82
- }, de = ["path"], le = /* @__PURE__ */ w({
82
+ }, ne = ["path"], le = /* @__PURE__ */ w({
83
83
  __name: "AuroraMeshDecor",
84
84
  setup(v) {
85
85
  const {
86
86
  vp: l,
87
87
  isDark: r,
88
88
  animated: a,
89
- vw: d,
89
+ vw: n,
90
90
  vh: m,
91
91
  hasFrame: x,
92
92
  hollowX: C,
93
93
  hollowY: M,
94
94
  hollowW: _,
95
95
  hollowH: $
96
- } = W(), n = u(
96
+ } = W(), d = u(
97
97
  () => Math.min(
98
98
  l.value.paddingTop,
99
99
  l.value.paddingRight,
100
100
  l.value.paddingBottom,
101
101
  l.value.paddingLeft
102
102
  ) / 2
103
- ), b = u(() => Math.max(2, n.value * 2)), h = u(() => Math.max(0, d.value - n.value * 2)), p = u(() => Math.max(0, m.value - n.value * 2)), g = u(() => 2 * (h.value + p.value)), B = u(
103
+ ), b = u(() => Math.max(2, d.value * 2)), h = u(() => Math.max(0, n.value - d.value * 2)), p = u(() => Math.max(0, m.value - d.value * 2)), g = u(() => 2 * (h.value + p.value)), B = u(
104
104
  () => `M${C.value},${M.value} h${_.value} v${$.value} h${-_.value} Z`
105
105
  );
106
- return (ce, y) => (t(), k(N, { to: "body" }, [
106
+ return (ce, y) => (t(), k(G, { to: "body" }, [
107
107
  o(x) ? (t(), s("svg", {
108
108
  key: 0,
109
109
  class: "aurora-mesh-decor",
110
- style: G({
110
+ style: N({
111
111
  position: "fixed",
112
112
  left: 0,
113
113
  top: 0,
@@ -115,9 +115,9 @@ const T = ["width", "height", "viewBox"], z = {
115
115
  zIndex: o(P),
116
116
  opacity: o(r) ? 0.5 : 0.1
117
117
  }),
118
- width: o(d),
118
+ width: o(n),
119
119
  height: o(m),
120
- viewBox: `0 0 ${o(d)} ${o(m)}`,
120
+ viewBox: `0 0 ${o(n)} ${o(m)}`,
121
121
  "aria-hidden": "true"
122
122
  }, [
123
123
  e("defs", null, [
@@ -157,8 +157,8 @@ const T = ["width", "height", "viewBox"], z = {
157
157
  ]),
158
158
  e("g", oe, [
159
159
  e("rect", {
160
- x: n.value,
161
- y: n.value,
160
+ x: d.value,
161
+ y: d.value,
162
162
  width: h.value,
163
163
  height: p.value,
164
164
  rx: "14",
@@ -167,8 +167,8 @@ const T = ["width", "height", "viewBox"], z = {
167
167
  "stroke-width": b.value
168
168
  }, null, 8, te),
169
169
  e("rect", {
170
- x: n.value,
171
- y: n.value,
170
+ x: d.value,
171
+ y: d.value,
172
172
  width: h.value,
173
173
  height: p.value,
174
174
  rx: "14",
@@ -187,8 +187,8 @@ const T = ["width", "height", "viewBox"], z = {
187
187
  }, null, 8, ae)) : i("", !0)
188
188
  ], 8, re),
189
189
  e("rect", {
190
- x: n.value,
191
- y: n.value,
190
+ x: d.value,
191
+ y: d.value,
192
192
  width: h.value,
193
193
  height: p.value,
194
194
  rx: "14",
@@ -207,18 +207,18 @@ const T = ["width", "height", "viewBox"], z = {
207
207
  }, null, 8, ie)) : i("", !0)
208
208
  ], 8, se)
209
209
  ]),
210
- o(a) ? (t(), s("circle", ne, [
210
+ o(a) ? (t(), s("circle", de, [
211
211
  e("animateMotion", {
212
212
  dur: "9s",
213
213
  repeatCount: "indefinite",
214
214
  rotate: "auto",
215
215
  path: B.value
216
- }, null, 8, de)
216
+ }, null, 8, ne)
217
217
  ])) : i("", !0)
218
218
  ], 12, T)) : i("", !0)
219
219
  ]));
220
220
  }
221
- }), ue = /* @__PURE__ */ F(le, [["__scopeId", "data-v-30bd1904"]]), fe = /* @__PURE__ */ w({
221
+ }), ue = /* @__PURE__ */ F(le, [["__scopeId", "data-v-6300c635"]]), fe = /* @__PURE__ */ w({
222
222
  __name: "AuroraMeshShell",
223
223
  props: {
224
224
  menus: {},
@@ -234,14 +234,14 @@ const T = ["width", "height", "viewBox"], z = {
234
234
  },
235
235
  setup(v) {
236
236
  const l = v;
237
- return (r, a) => (t(), k(S, E(R(l)), D({
238
- default: f((d) => [
237
+ return (r, a) => (t(), k(I, E(R(l)), D({
238
+ default: f((n) => [
239
239
  c(r.$slots, "default", {
240
- Footer: d.Footer
240
+ Footer: n.Footer
241
241
  })
242
242
  ]),
243
243
  decor: f(() => [
244
- A(ue)
244
+ S(ue)
245
245
  ]),
246
246
  _: 2
247
247
  }, [
@@ -254,9 +254,9 @@ const T = ["width", "height", "viewBox"], z = {
254
254
  } : void 0,
255
255
  r.$slots.themeSwitcher ? {
256
256
  name: "themeSwitcher",
257
- fn: f((d) => [
257
+ fn: f((n) => [
258
258
  c(r.$slots, "themeSwitcher", {
259
- Default: d.Default
259
+ Default: n.Default
260
260
  })
261
261
  ]),
262
262
  key: "1"
@@ -332,17 +332,17 @@ const T = ["width", "height", "viewBox"], z = {
332
332
  gap: { size: 8 },
333
333
  header: {
334
334
  height: 56,
335
- background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
335
+ background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
336
336
  style: { borderRadius: "14px" }
337
337
  },
338
338
  sidebar: {
339
339
  width: 248,
340
340
  collapseWidth: 64,
341
- background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
341
+ background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
342
342
  style: { borderRadius: "14px" }
343
343
  },
344
344
  body: { shimPadding: 20 },
345
- shell: I(fe)
345
+ shell: A(fe)
346
346
  }
347
347
  };
348
348
  export {
package/es/assets/botanical-paper.mjs CHANGED
@@ -43,13 +43,13 @@ const a = {
43
43
  gap: { size: 8 },
44
44
  header: {
45
45
  height: 58,
46
- background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
46
+ background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
47
47
  style: { borderRadius: "16px" }
48
48
  },
49
49
  sidebar: {
50
50
  width: 248,
51
51
  collapseWidth: 64,
52
- background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
52
+ background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
53
53
  style: { borderRadius: "16px" }
54
54
  },
55
55
  body: { shimPadding: 26 }