@done-coding/admin-plugin-theme 0.3.3-alpha.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
@@ -1,12 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * 座舱·墨纸(cockpit-mono-paper)—— 意图座舱家族·极简结构皮肤。
4
- *
5
- * 同一座舱拓扑(域切换 + 技能栏 + 副驾 + 行动状态条),皮肤走「近单色石墨 + 发丝边 + 锐角 +
6
- * 零辉光零模糊」:文档优先、结构精密、可信。强调色只点在 primary(链接/active/推理)。
7
- * 与既有 graphite-mono 的代差 = 座舱系统能力(footer 状态条 + 副驾 dock + 域切换),非配色。
8
- * 榨干:viewport 套框 + 全 layout 旋钮 + 8 必填色 + 部分可选(radius/borderColor/borderWidth/
9
- * surface/focusRing/shadow=none)——刻意不开 glow/blur/accent(极简纪律)。
10
- */
11
- declare const cockpitMonoPaper: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const cockpitMonoPaper: CoreThemePreset;
12
3
  export default cockpitMonoPaper;
@@ -1,11 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * 座舱·神经(cockpit-neural-field)—— 意图座舱家族·流光场皮肤。
4
- *
5
- * 同一座舱拓扑,皮肤走「神经流光场 decor(节点+连线+行进脉冲)+ 辉光主导 + 大圆角玻璃」:
6
- * 表达"网络在推理/思考在流动"。薄荷青 primary + 靛紫辉光 + 电蓝脉冲,最"活"的一套。
7
- * 与既有 aurora-mesh/synapse-grid 的代差 = 座舱系统能力(域切换 + 副驾 + 行动状态条),非换色。
8
- * 榨干 17 色全字段 + 全 layout 旋钮 + glow/blur 重用(流光场的氛围命脉)。
9
- */
10
- declare const cockpitNeuralField: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const cockpitNeuralField: CoreThemePreset;
11
3
  export default cockpitNeuralField;
@@ -1,9 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * compact-rail —— 致密轨道(图标轨拓扑 · IconRailShell)。
4
- *
5
- * 结构性拓扑:窄 **图标轨 sidebar**(IconRailShell 强制 collapse,collapseWidth=64)+ slim
6
- * header + 通栏 body。青蓝致密,高密度监控 / 多模块密集后台——窄轨省空间、hover tooltip 辨识。
7
- */
8
- declare const compactRailTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const compactRailTheme: CoreThemePreset;
9
3
  export default compactRailTheme;
@@ -1,9 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * console-horizon —— 地平控制台(顶部横导航通栏拓扑 · TopNavShell)。
4
- *
5
- * 结构性拓扑:横向一级导航入 header、**无左 sidebar**(preset sidebar.width=0),
6
- * 内容通栏。靛蓝克制,适合横向导航的 SaaS 控制台 / 运营后台。
7
- */
8
- declare const consoleHorizonTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const consoleHorizonTheme: CoreThemePreset;
9
3
  export default consoleHorizonTheme;
@@ -1,10 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * contrast —— 高对比 / 可访问性风格主题。
4
- *
5
- * WCAG AA+ 取向:正文与背景对比 21:1(纯黑/纯白),状态色均取深档纯色;
6
- * 零圆角 + 粗边框(borderWidth)+ 显式焦点环(focusRing),阴影置 none。
7
- * dark 状态色按暗底可读性单独取浅档色,非 light 反色。
8
- */
9
- declare const contrastTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const contrastTheme: CoreThemePreset;
10
3
  export default contrastTheme;
@@ -1,10 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * copilot-calm —— 协同副驾(calm-AI 全亮场)。
4
- *
5
- * 唯一一套「AI 但全亮场、零动效、靠留白与暖中性传达从容」的 persona:燕麦暖中性底
6
- * + 克制鼠尾蓝绿 primary(非科技冷蓝紫)。布局做分离悬浮 + 一级模块提到顶栏(sidebar
7
- * 留作会话/历史、内容居中舒展),复刻 copilot「左导航展开收缩 + 中央会话舞台」。无 shell。
8
- */
9
- declare const copilotCalmTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const copilotCalmTheme: CoreThemePreset;
10
3
  export default copilotCalmTheme;
@@ -1,9 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * copilot-stage —— 副驾舞台(对话舞台拓扑 · StageChatShell,aside 真用)。
4
- *
5
- * 结构性拓扑:**无左 sidebar**(sidebar.width=0)+ slim header + 右侧常驻 **AI 会话 aside**
6
- * (aside.width=360,demo 路由开 meta.layout.aside)。青绿冷静,AI copilot / 对话式工作台。
7
- */
8
- declare const copilotStageTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const copilotStageTheme: CoreThemePreset;
9
3
  export default copilotStageTheme;
@@ -1,10 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * coral-reef —— 珊瑚海域(活力撞色)。
4
- *
5
- * 珊瑚橘 primary + 海洋松绿 info/accent,明亮但靠柔和饱和 + 分离卡片 + 中圆角避免廉价感
6
- * (hyper-saturated accent on neutral 的克制用法)。区别于 sunset(暖深沉浸):亮场活力;
7
- * 区别于 ai(陶土橙暖 cream):珊瑚橘 + 海绿撞色更跳脱。surface 近白,body 极浅暖灰。无 shell。
8
- */
9
- declare const coralReefTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const coralReefTheme: CoreThemePreset;
10
3
  export default coralReefTheme;
@@ -1,9 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * cyber —— 暗色科技 / 赛博风格主题。
4
- *
5
- * 以 dark 为主场:深空底色 + 霓虹高饱和(青 primary / 品红 accent / 紫 info)+
6
- * 锐利小圆角 + 霓虹辉光(glow);light 为可用的浅色科技感,非简单反色。
7
- */
8
- declare const cyberTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const cyberTheme: CoreThemePreset;
9
3
  export default cyberTheme;
@@ -1,9 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * dragon-vermilion —— 盘龙朱阙(东方·翡翠朱红·盘龙绕 viewport 边框游走)。
4
- *
5
- * 翡翠青绿为体、朱金为饰:一条具象鎏金龙(龙首/犄角/龙须/脊刺/龙爪/龙珠)沿 viewport
6
- * 44px 边框圈盘绕游走(CoilingDragonShell teleport SVG,仅描边不挡内容);亮暗都有龙(暗场金更亮)。
7
- */
8
- declare const dragonVermilionTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const dragonVermilionTheme: CoreThemePreset;
9
3
  export default dragonVermilionTheme;
@@ -1,12 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * 胶片分调(film-grade)—— AIGC 视频创作场景的「电影调色 / 影像工艺」气质主题。
4
- *
5
- * 设计主旨(集众家所长):
6
- * - 电影 teal-orange 分离调色:阴影端推冷青、高光端推暖橙——影视调色的灵魂签名色调。
7
- * - letterbox 画幅暗带 + 极淡胶片颗粒:取景与质感的电影工艺暗示。
8
- * - 签名靠「色调」而非元素堆叠,介于墨蓝(克制)与霓虹(大胆)之间的中线、最「懂行」。
9
- * - 暗为主场;亮场降为暖纸底 + 极淡分调。
10
- */
11
- declare const filmGradeTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const filmGradeTheme: CoreThemePreset;
12
3
  export default filmGradeTheme;
@@ -1,9 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * glass —— 玻璃拟态风格主题。
4
- *
5
- * 通透感优先:低饱和雾蓝底色 + 半透明表面(surface)+ 毛玻璃模糊(blur)+
6
- * 大圆角轻薄阴影;dark 为深空蓝上的深色半透明玻璃,而非 light 反色。
7
- */
8
- declare const glassTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const glassTheme: CoreThemePreset;
9
3
  export default glassTheme;
@@ -1,10 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * graphite-mono —— 石墨极简(近单色高密度)。
4
- *
5
- * 石墨灰阶为主 + 唯一电蓝强调,所有装饰退场、靠 1px 细边 + 紧凑 body + 小圆角承载高密度信息。
6
- * 区别于 contrast(纯黑白粗边无障碍):灰阶柔和 + 单点蓝 + 细边专业感;区别于 brutal(混凝土粗野):
7
- * 精致克制而非粗粝。极致信息密度下仍清爽,单一蓝点指引焦点。无 shell。
8
- */
9
- declare const graphiteMonoTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const graphiteMonoTheme: CoreThemePreset;
10
3
  export default graphiteMonoTheme;
@@ -1,9 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * gugong —— 文博 / 东方庄重风格主题。
4
- *
5
- * 故宫红墙琉璃黄意象:暖纸底色 + 庄重宫墙朱红 primary + 琉璃黄点缀(accent)+
6
- * 方正小圆角;dark 为墨色宫墙——暖黑底、绢帛米字色与鎏金点缀,非 light 反色。
7
- */
8
- declare const gugongTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const gugongTheme: CoreThemePreset;
9
3
  export default gugongTheme;
@@ -1,9 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * ink —— 水墨 / 东方极简风格主题。
4
- *
5
- * 黑白灰主调、留白感优先:宣纸白底 + 浓墨字色,彩色极克制——仅 primary 一点
6
- * 墨青、danger 一点朱砂;dark 为夜墨——近黑底与月白字色,墨青提亮,非 light 反色。
7
- */
8
- declare const inkTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const inkTheme: CoreThemePreset;
9
3
  export default inkTheme;
@@ -1,3 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- declare const kitchenFoundry: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const kitchenFoundry: CoreThemePreset;
3
3
  export default kitchenFoundry;
@@ -1,12 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * 霓虹片场(neon-set)—— AIGC 视频创作场景的「流媒体 / 创作者」影院霓虹气质主题。
4
- *
5
- * 设计主旨(集众家所长):
6
- * - 近黑 negative space 让内容发光(流媒体高对比暗模式范式)。
7
- * - 品红 hero × 青 secondary 双色霓虹(cinematic 双色对角辉映)+ 胶片颗粒 gritty。
8
- * - 创作者记忆点最强、最「响」的一套;视频域适配,氛围锁边框圈、不糊内容。
9
- * - 暗为主场;亮场降为极淡双色雾。
10
- */
11
- declare const neonSetTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const neonSetTheme: CoreThemePreset;
12
3
  export default neonSetTheme;
@@ -1,9 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * nordic-fjord —— 北欧峡湾(冷调自然 eco)。
4
- *
5
- * 冷鼠尾草绿底 + 峡湾深蓝绿 primary,低饱和、雾感、克制。区别于 ink(墨青留白锋利):
6
- * 带绿的冷中性 + 柔和分离卡片 + 中圆角,更生活化温润。surface 雾白,gap 分离露雾绿底。无 shell。
7
- */
8
- declare const nordicFjordTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const nordicFjordTheme: CoreThemePreset;
9
3
  export default nordicFjordTheme;
@@ -1,10 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * perspective-deck —— 透视甲板(深底透视拓扑 · PerspectiveDeckShell)。
4
- *
5
- * 结构性拓扑:viewport **底部大留白**(paddingBottom=140)拉出甲板带,内画「远小近大」
6
- * 透视地板网格(PerspectiveDeckDecor,3D 仅在装饰叶子层)+ 底部「AI 对话停靠区(预留)」dock。
7
- * 暗场为主、电蓝科技。前向扩展:AI 对话上线后挂进 dock。
8
- */
9
- declare const perspectiveDeckTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const perspectiveDeckTheme: CoreThemePreset;
10
3
  export default perspectiveDeckTheme;
@@ -1,9 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * quantum-ai —— 量子智能(AI·磁青品红双色·粒子环绕 viewport 轨道)。
4
- *
5
- * 主场 dark:磁青 + 品红双色对撞,沿 viewport 18px 边框圈有粒子在轨道上异步公转 + 双色拖尾
6
- * (QuantumOrbitShell teleport SVG),最强未来科技感;light 降为 2~3 静态淡粒子。
7
- */
8
- declare const quantumAiTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const quantumAiTheme: CoreThemePreset;
9
3
  export default quantumAiTheme;
@@ -1,10 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * sandstone-editorial —— 砂岩刊物(编辑式暖留白)。
4
- *
5
- * 黏土/砂岩暖中性底 + 墨黑正文 + 主动留白(2026 editorial + elevated neutrals);primary
6
- * 取深赭墨绿做克制点睛,accent 砂岩橘。大 shimPadding + 分离 gap + 较大圆角营造杂志版面感。
7
- * 区别于 ink(墨青冷留白):暖砂留白、纸感、出版感。无 shell。
8
- */
9
- declare const sandstoneEditorialTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const sandstoneEditorialTheme: CoreThemePreset;
10
3
  export default sandstoneEditorialTheme;
@@ -1,9 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * soft —— 柔光悬浮风格主题。
4
- *
5
- * 内置 light/dark 两套扁平 {@link AppThemeColor}:8 语义色 + 圆角 / 阴影风格字段;
6
- * dark 为深底柔光,非 light 简单反色。CSS var 挂值与切换归 core/bridge。
7
- */
8
- declare const softTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const softTheme: CoreThemePreset;
9
3
  export default softTheme;
@@ -1,10 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * starfield-cosmos —— 星空(动画星野 · CosmosShell + StarfieldDecor)。
4
- *
5
- * 甲方点名「星空要有动效」:viewport 边框圈内密布闪烁星 + 角落星云辉光 + 周期流星划过
6
- * (亮暗都有动效,仅 reduced-motion 降静态)。深空夜蓝、冷白星点。
7
- * 较大套框(32px)拉出更宽的星野边框圈。
8
- */
9
- declare const starfieldCosmosTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const starfieldCosmosTheme: CoreThemePreset;
10
3
  export default starfieldCosmosTheme;
@@ -1,12 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * 影棚墨蓝(studio-ink)—— AIGC 视频创作场景的「调色台 / edit-suite」气质主题。
4
- *
5
- * 设计主旨(集众家所长):
6
- * - 影院墨蓝深底(介于明暗之间,sleek / 智能 / 微神秘)= 影像类暗 UI 的底色共识。
7
- * - 受控影棚光:冷雾(teal / 钢蓝)铺氛围 + 单点暖琥珀辉光作焦点(Midnight Studio Glow 冷暖对比)。
8
- * - premium 创作感 = 套框沉浸 + 模块分离悬浮 + 10px 圆角;装饰克制、不抢内容。
9
- * - 暗为主场(调色台常驻暗环境护眼);亮场降为极淡冷暖雾。
10
- */
11
- declare const studioInkTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const studioInkTheme: CoreThemePreset;
12
3
  export default studioInkTheme;
@@ -1,17 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * 创作工坊(studio-stage)—— kitchen 编排产出的端用 AI 应用台旗舰(内容 / 创作 / 对话类)。
4
- *
5
- * signature「制版台 / Proof Plate」(印前制版精密母题):瓷白 porcelain + 墨 ink + ember +
6
- * sage 互补;裁切定位角 + 右圈色样条 + proof 细线 + 基线刻度,全约束进边框圈、内容区干净。
7
- *
8
- * 与姐妹 kitchen-foundry 父子血缘(家族解释,studio 自身不带厨房隐喻):共享 ember 主色 +
9
- * 「精密标记」母题,但域不同——kitchen=暗场繁忙的热压工程编排台(生产端),studio=亮场克制的
10
- * 印前制版出稿台(端用应用)。亮暗 / 繁简相反,一眼看出 studio 是 kitchen 编排产出的端用应用。
11
- * - 端用应用台(非 admin)拓扑:app 式细 rail + 中央内容舞台(慷慨留白、主角)+ 上下文 inspector;
12
- * 无 footer(与 kitchen 出餐轨的繁忙对比)。
13
- * - 榨干点:自定义 shell + viewport 套框 + aside + gap 悬浮 + 17 色全字段 + Proof Plate decor。
14
- * 不 extractLevel1ToHeader(单工作区无需横向模块切换);不注全局字体(亮场克制,效果增益小)。
15
- */
16
- declare const studioStage: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const studioStage: CoreThemePreset;
17
3
  export default studioStage;
@@ -1,9 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * studio-triptych —— 三联工作室(三栏工作台拓扑 · TriColumnShell,aside 真用)。
4
- *
5
- * 结构性拓扑:左 sidebar(导航) + 中 body(主体) + 右 **上下文 aside**(属性/工具/详情,
6
- * aside.width=300,demo 路由开 meta.layout.aside)。紫调,IDE / 详情检查 / 多面板工作台。
7
- */
8
- declare const studioTriptychTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const studioTriptychTheme: CoreThemePreset;
9
3
  export default studioTriptychTheme;
@@ -1,10 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * sunset-amber —— 暮光琥珀(暖深色沉浸)。
4
- *
5
- * 深褐底 + 琥珀/锈橙 primary + 焦糖 accent,「暖色 + 深色」两象限交集,填补现有暗色 persona
6
- * 全偏冷(青/紫/绿)的空白。区别于 ai(陶土橙但亮 cream 底):sunset 深褐暗场为主,像日落后
7
- * 暖光房间。surface 暖棕,gap 轻分离,模块如琥珀块悬浮于深褐。无 shell。
8
- */
9
- declare const sunsetAmberTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const sunsetAmberTheme: CoreThemePreset;
10
3
  export default sunsetAmberTheme;
@@ -1,9 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * synapse-grid —— 神经突触(智能体监控·近黑底翠绿突触连线呼吸)。
4
- *
5
- * 主场 dark:近黑底上翠绿→青柠的突触连线在 viewport 14px 边框圈以节点-连线-脉冲方式
6
- * 缓慢点亮传导(SynapseGridShell teleport SVG),工程冷感;light 降为静态浅绿稀疏网格。
7
- */
8
- declare const synapseGridTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const synapseGridTheme: CoreThemePreset;
9
3
  export default synapseGridTheme;
@@ -1,9 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * terminal-phosphor —— 磷光终端(极客·真黑底磷光绿·等宽·扫描线 hairline)。
4
- *
5
- * 主场 dark:真黑底 + 磷光绿正文 + viewport 10px 边框圈内 CRT 扫描线 + 刷新带动效
6
- * (ScanlineShell teleport SVG);light 为少见但可用的浅纸绿终端,关扫描带留静态描边。
7
- */
8
- declare const terminalPhosphorTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const terminalPhosphorTheme: CoreThemePreset;
9
3
  export default terminalPhosphorTheme;
@@ -1,10 +1,3 @@
1
- import { AdminThemePreset } from '@done-coding/admin-plugin-theme';
2
- /**
3
- * velvet-noir —— 丝绒午夜(奢华暗场)。
4
- *
5
- * 深茄紫绒底 + 鎏金细线点睛(2026 premium deep-aubergine 方向)。primary 低调暗金紫,accent
6
- * 鎏金只勾边框与关键操作,如午夜丝绒上的金线刺绣。区别于 cyber/aurora(科技暗):无 glow 不科技,
7
- * 靠深紫绒质感 + 极细金线 + 低饱和传达贵气。surface 比 body 微亮的紫绒,gap 分离让金线缝隙透出。无 shell。
8
- */
9
- declare const velvetNoirTheme: AdminThemePreset;
1
+ import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
2
+ declare const velvetNoirTheme: CoreThemePreset;
10
3
  export default velvetNoirTheme;
package/types/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export { themePlugin } from './plugin';
2
- export type { AdminThemePreset, AdminThemePluginOptions, AdminThemeStyleId, AdminThemeStyleInput, AppThemeColor, AppThemeConfig, } from './types';
2
+ export type { CoreThemePreset, CoreThemePluginOptions, CoreThemeStyleId, CoreThemeStyleInput, AppThemeColor, AppThemeConfig, } from './types';
package/types/plugin.d.ts CHANGED
@@ -1,21 +1,3 @@
1
- import { AdminBridgePlugin } from '@done-coding/admin-core';
2
- import { AdminThemePluginOptions } from './types';
3
- /**
4
- * admin bridge 主题插件(期 3 架构反转后退化为「风格库」)。
5
- *
6
- * `install` 同步执行(遵守 bridge install 同步语义):遍历 `options.themes`,
7
- * 经 `ctx.bridge.theme.add(preset.id, preset)` 把每个风格(含 label)注册进 bridge 风格 map。
8
- * 切换(`setStyle`/`setDark`)、持久化、CSS var 双命名空间挂值与 `<html>.dark`
9
- * toggle 全部归 core/bridge——插件不再持 runtime、不写 DOM、不写 CSS var、
10
- * 不调 `ctx.update`。`name` 用于 bridge 插件宿主的跨对象实例幂等安装。
11
- *
12
- * @example
13
- * ```ts
14
- * import { themePlugin } from "@done-coding/admin-plugin-theme";
15
- * import soft from "@done-coding/admin-plugin-theme/assets/soft";
16
- *
17
- * appAdminBridge.use(themePlugin, { themes: [soft] });
18
- * // 切换走 bridge:appAdminBridge.theme.setStyle("soft") / setDark(true)
19
- * ```
20
- */
21
- export declare const themePlugin: AdminBridgePlugin<unknown, unknown, AdminThemePluginOptions>;
1
+ import { CoreBridgePlugin } from '@done-coding/admin-core';
2
+ import { CoreThemePluginOptions } from './types';
3
+ export declare const themePlugin: CoreBridgePlugin<unknown, unknown, CoreThemePluginOptions>;
@@ -1,16 +1,3 @@
1
- /**
2
- * 装饰 SVG 的几何 + 主题态共享读取(5 套动画 shell 的 decor 复用)。
3
- *
4
- * - viewport 四边套框配置:经 `inject(APP_LAYOUT_BRIDGE_KEY)` 取 bridge slice 的
5
- * `APP_LAYOUT_VIEWPORT_CONFIG`(响应式,切主题时四边 padding 自更新)。plugin shell
6
- * [MUST NOT] import app 的 `@/config`,配置只能经此焊缝 inject 取。
7
- * - 明暗态:slice.themeIsDark(响应式只读 Ref)——decor 按之切换「暗场启用动效 /
8
- * 亮场静态淡描边」。
9
- * - 窗口尺寸:window.innerWidth/Height + resize 监听(SVG 全屏铺底用真实视口尺寸)。
10
- *
11
- * 镂空边框圈 = 整屏矩形 减去 viewport 四边 padding 让出的内容矩形;装饰仅在此圈内绘制,
12
- * [MUST NOT] 蔓延进 body 内容区。
13
- */
14
1
  export declare function useFrameGeometry(): {
15
2
  vp: import('vue').ComputedRef<{
16
3
  paddingTop: number;
package/types/types.d.ts CHANGED
@@ -1,81 +1,14 @@
1
- import { AppThemeColor, AppThemeConfig, AdminConfigDescription, AdminThemePresetLayout, AdminThemeLifecycleHooks, AdminThemeLifecycleContext } from '@done-coding/admin-core';
2
- /**
3
- * 内置风格主题 id(包内 `assets/` 自带主题的联合)。
4
- *
5
- * 仅枚举包内 `assets/` 自带的内置主题;业务自定义主题 id 不受此联合限制,
6
- * 公开 API 的 style 入参统一使用宽类型 {@link AdminThemeStyleInput}。
7
- * 一个 style 是完整风格主题(内置 light/dark 两套色);明暗轴归 bridge,
8
- * 不存在颜色轴。
9
- */
10
- export type AdminThemeStyleId = "soft" | "glass" | "gugong" | "cyber" | "contrast" | "ink" | "copilot-calm" | "sandstone-editorial" | "brutal-concrete" | "nordic-fjord" | "sunset-amber" | "velvet-noir" | "botanical-paper" | "coral-reef" | "graphite-mono" | "aurora-mesh" | "synapse-grid" | "dragon-vermilion" | "terminal-phosphor" | "quantum-ai" | "kitchen-foundry" | "studio-stage";
11
- /**
12
- * 风格主题 id 输入宽类型:内置 id({@link AdminThemeStyleId},保留 IDE 自动补全)
13
- * 或任意业务自定义字符串 id。
14
- *
15
- * `(string & {})` 用于在不丢失内置字面量补全的前提下接受任意字符串——
16
- * 业务自定义主题的 id 无需类型断言。
17
- */
18
- export type AdminThemeStyleInput = AdminThemeStyleId | (string & {});
19
- /**
20
- * 完整风格主题资产契约(扁平结构)。
21
- *
22
- * 期 3 架构反转后插件退化为「风格库」:asset 声明风格 id/label + light/dark
23
- * 两套 {@link AppThemeColor}(core 类型,8 必填色 + 9 可选风格字段)+ 可选 `layout`
24
- * 布局维度,由 `themePlugin.install` 经 `bridge.theme.add(id, preset)` 注册进 bridge
25
- * 风格 map(label/description/layout 随之带入)。切换(setStyle/setDark)、持久化、
26
- * CSS var 挂值与 `.dark` toggle 全部归 core/bridge——插件不再持 runtime、不写 DOM、不写 CSS var。
27
- *
28
- * 结构与 core `AdminThemeEntry` 对齐(config/label/description/layout):`id` 为本包额外
29
- * 声明字段(透传给 add 作 excess 字段被忽略),故 `install` 可整坨 `add(preset.id, preset)`。
30
- *
31
- * 继承 {@link AdminThemeLifecycleHooks}(与 core `AdminThemeEntry` 同源):可选
32
- * `onActivate` / `onDeactivate` 生命周期钩子,`plugin.ts` 整坨 `add(preset)` 透传后由
33
- * bridge `setStyle` 触发——主题可在激活时注入 `<style data-admin-theme="<id>">`(preset
34
- * config 表达不了的氛围 / 字体),切走时 onDeactivate 清理。纯加法,既有 preset 不声明即无副作用。
35
- */
36
- export interface AdminThemePreset extends AdminThemeLifecycleHooks {
37
- /** 风格 id(内置 id 或业务自定义字符串 id) */
38
- id: AdminThemeStyleInput;
39
- /** 风格展示名 */
1
+ import { AppThemeColor, AppThemeConfig, CoreConfigDescription, CoreThemePresetLayout, CoreThemeLifecycleHooks, CoreThemeLifecycleContext } from '@done-coding/admin-core';
2
+ export type CoreThemeStyleId = "soft" | "glass" | "gugong" | "cyber" | "contrast" | "ink" | "copilot-calm" | "sandstone-editorial" | "brutal-concrete" | "nordic-fjord" | "sunset-amber" | "velvet-noir" | "botanical-paper" | "coral-reef" | "graphite-mono" | "aurora-mesh" | "synapse-grid" | "dragon-vermilion" | "terminal-phosphor" | "quantum-ai" | "kitchen-foundry" | "studio-stage";
3
+ export type CoreThemeStyleInput = CoreThemeStyleId | (string & {});
4
+ export interface CoreThemePreset extends CoreThemeLifecycleHooks {
5
+ id: CoreThemeStyleInput;
40
6
  label: string;
41
- /**
42
- * 风格描述(供人 / web agent 选型,分 suitable/unsuitable 两面)。
43
- *
44
- * 与 core `AdminThemeEntry.description` 同型({@link AdminConfigDescription});
45
- * 期 P2 由旧 `string` 收敛为对象,与 core 契约对齐(消除 add 的类型不兼容)。
46
- */
47
- description?: AdminConfigDescription;
48
- /**
49
- * light/dark 两套 {@link AppThemeColor}(core 类型,扁平字段)。
50
- *
51
- * 8 必填语义色 + 9 可选风格字段(radius/borderColor/shadow/borderWidth/
52
- * accent/glow/blur/focusRing/surface)——core 挂值 composable 按 duck 类型
53
- * 有则挂、无则不输出对应 CSS var。
54
- */
7
+ description?: CoreConfigDescription;
55
8
  config: AppThemeConfig;
56
- /**
57
- * 布局维度(可选,焊缝契约 ④;缺省 → 切到该 preset 仅复位布局基线)。
58
- *
59
- * 见 core `AdminThemePresetLayout`:gap(内缝悬浮) / viewport(四边套框) /
60
- * header·sidebar·footer·aside·breadcrumb·body(尺寸 + background + style) /
61
- * shell(自定义编排组件,可 teleport 动画 SVG) / extractLevel1ToHeader(一级模块提顶栏)。
62
- * 「带布局变更」的 persona(分离悬浮 / 套框 / 自定义 shell)经此声明。
63
- */
64
- layout?: AdminThemePresetLayout;
9
+ layout?: CoreThemePresetLayout;
65
10
  }
66
- /**
67
- * `themePlugin` 安装 options。
68
- *
69
- * @example
70
- * ```ts
71
- * import { themePlugin } from "@done-coding/admin-plugin-theme";
72
- * import soft from "@done-coding/admin-plugin-theme/assets/soft";
73
- *
74
- * appAdminBridge.use(themePlugin, { themes: [soft] });
75
- * ```
76
- */
77
- export interface AdminThemePluginOptions {
78
- /** 主题资产输入(至少 1 个);install 遍历经 `bridge.theme.add` 注册 */
79
- themes: AdminThemePreset[];
11
+ export interface CoreThemePluginOptions {
12
+ themes: CoreThemePreset[];
80
13
  }
81
- export type { AppThemeColor, AppThemeConfig, AdminConfigDescription, AdminThemePresetLayout, AdminThemeLifecycleHooks, AdminThemeLifecycleContext, };
14
+ export type { AppThemeColor, AppThemeConfig, CoreConfigDescription, CoreThemePresetLayout, CoreThemeLifecycleHooks, CoreThemeLifecycleContext, };
@@ -1,52 +0,0 @@
1
- import { defineComponent as p, computed as v, openBlock as n, createBlock as w, Teleport as x, unref as a, createElementBlock as i, normalizeStyle as y, createElementVNode as f, Fragment as g, renderList as k, createCommentVNode as E } from "vue";
2
- import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as C } from "@done-coding/admin-core";
3
- import { u as B } from "./use-frame-geometry-DPWBVziK.mjs";
4
- import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
5
- const I = ["width", "height", "viewBox"], M = { fill: "var(--admin-core-body-color, var(--el-bg-color-page, var(--el-bg-color)))" }, b = ["x", "y", "width", "height"], N = /* @__PURE__ */ p({
6
- __name: "CockpitFrameMatte",
7
- setup(O) {
8
- const { vw: r, vh: c, hasFrame: s, hollowX: h, hollowY: m, hollowW: _, hollowH: u } = B(), d = v(() => {
9
- const l = h.value, t = m.value, e = _.value, o = u.value;
10
- return [
11
- { x: 0, y: 0, w: r.value, h: t },
12
- // 顶带
13
- { x: 0, y: t + o, w: r.value, h: Math.max(0, c.value - t - o) },
14
- // 底带
15
- { x: 0, y: t, w: l, h: o },
16
- // 左带
17
- { x: l + e, y: t, w: Math.max(0, r.value - l - e), h: o }
18
- // 右带
19
- ];
20
- });
21
- return (l, t) => (n(), w(x, { to: "body" }, [
22
- a(s) ? (n(), i("svg", {
23
- key: 0,
24
- class: "cockpit-frame-matte",
25
- style: y({
26
- position: "fixed",
27
- left: 0,
28
- top: 0,
29
- pointerEvents: "none",
30
- zIndex: a(C)
31
- }),
32
- width: a(r),
33
- height: a(c),
34
- viewBox: `0 0 ${a(r)} ${a(c)}`,
35
- "aria-hidden": "true"
36
- }, [
37
- f("g", M, [
38
- (n(!0), i(g, null, k(d.value, (e, o) => (n(), i("rect", {
39
- key: o,
40
- x: e.x,
41
- y: e.y,
42
- width: e.w,
43
- height: e.h
44
- }, null, 8, b))), 128))
45
- ])
46
- ], 12, I)) : E("", !0)
47
- ]));
48
- }
49
- }), z = /* @__PURE__ */ F(N, [["__scopeId", "data-v-a8c0e509"]]);
50
- export {
51
- z as C
52
- };