@done-coding/admin-plugin-theme 0.1.1-alpha.0 → 0.2.1-alpha.0

package/es/assets/console-horizon.mjs

@@ -0,0 +1,98 @@
+import { defineComponent as t, openBlock as i, createElementBlock as d, Fragment as u, renderSlot as r, unref as a, createVNode as l, withCtx as s, markRaw as c } from "vue";
+import { AppFooter as f, AppHeader as m, AppTheme as n } from "@done-coding/admin-core";
+import { _ as h } from "../chunks/HeaderNavMenu.vue_vue_type_script_setup_true_lang-Dfv8_Muy.mjs";
+const b = /* @__PURE__ */ t({
+  __name: "TopNavShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(e) {
+    return (o, p) => (i(), d(u, null, [
+      r(o.$slots, "default", { Footer: a(f) }),
+      l(a(m), {
+        show: e.showHeader,
+        menus: e.headerMenus,
+        activeMenu: e.activeMenu,
+        activeModuleMenu: e.activeModuleMenu,
+        menuFlatList: e.menuFlatList
+      }, {
+        left: s(() => [
+          r(o.$slots, "brand"),
+          l(h, {
+            menus: e.menus,
+            menuFlatList: e.menuFlatList
+          }, null, 8, ["menus", "menuFlatList"])
+        ]),
+        right: s(() => [
+          r(o.$slots, "themeSwitcher", { Default: a(n) }, () => [
+            l(a(n))
+          ]),
+          r(o.$slots, "userEntry"),
+          r(o.$slots, "settings")
+        ]),
+        _: 3
+      }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"])
+    ], 64));
+  }
+}), w = {
+  id: "console-horizon",
+  label: "地平控制台",
+  description: {
+    suitable: "横向一级导航的 SaaS 控制台 / 运营后台 / 数据看板；模块少而扁、想要内容通栏不被左栏挤压。",
+    unsuitable: "深层级树状菜单（横向导航放不下多级）；需要常驻多级侧边导航的复杂后台。"
+  },
+  config: {
+    light: {
+      bodyColor: "#f7f8fc",
+      baseColor: "#1e2233",
+      primaryColor: "#4f46e5",
+      successColor: "#16a34a",
+      warningColor: "#d97706",
+      dangerColor: "#dc2626",
+      errorColor: "#dc2626",
+      infoColor: "#6366f1",
+      radius: "10px",
+      surface: "#ffffff",
+      borderColor: "#e6e8f0",
+      shadow: "0 8px 24px -16px rgba(40,46,90,0.22)"
+    },
+    dark: {
+      bodyColor: "#0d1020",
+      baseColor: "#d7dcf0",
+      primaryColor: "#6d6bf0",
+      successColor: "#34d399",
+      warningColor: "#f0b541",
+      dangerColor: "#f0656a",
+      errorColor: "#f0656a",
+      infoColor: "#8b8cf5",
+      radius: "10px",
+      surface: "#161a2e",
+      borderColor: "rgba(109,107,240,0.22)",
+      shadow: "0 18px 44px -22px rgba(0,0,0,0.9)"
+    }
+  },
+  layout: {
+    gap: { size: 8 },
+    header: {
+      height: 56,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "10px" }
+    },
+    // 无左栏：sidebar 宽 0 → body 近全宽通栏（TopNavShell 不渲染 AppSidebar）。collapseWidth 0 同步（本拓扑无折叠态）。
+    sidebar: { width: 0, collapseWidth: 0 },
+    body: { shimPadding: 18 },
+    shell: c(b)
+  }
+};
+export {
+  w as default
+};

package/es/assets/contrast.mjs

@@ -1,7 +1,9 @@
 const o = {
   id: "contrast",
   label: "极致对比",
-  description: "高对比可访问性：纯黑白底、深档纯色与粗边框焦点环",
+  description: {
+    suitable: "高对比可访问性：纯黑白底、深档纯色与粗边框焦点环"
+  },
   config: {
     light: {
       bodyColor: "#ffffff",

package/es/assets/copilot-calm.mjs

@@ -0,0 +1,59 @@
+const o = {
+  id: "copilot-calm",
+  label: "协同副驾",
+  description: {
+    suitable: "AI 副驾 / 助手型后台、对话式工作流、需长时间停留的生产力 SaaS；想要温和、低视觉负载、人本的 AI 体验。",
+    unsuitable: "需强视觉冲击的营销大屏；高对比无障碍硬需求；偏好深色沉浸的场景。"
+  },
+  config: {
+    light: {
+      bodyColor: "#f4f1ea",
+      baseColor: "#2c2a26",
+      primaryColor: "#3f8f7d",
+      successColor: "#4f9a6a",
+      warningColor: "#c2862f",
+      dangerColor: "#c75450",
+      errorColor: "#c75450",
+      infoColor: "#5b7a8c",
+      radius: "12px",
+      surface: "#fbfaf6",
+      borderColor: "#e6e1d6",
+      shadow: "0 6px 22px -14px rgba(44, 42, 38, 0.14)",
+      focusRing: "0 0 0 3px rgba(63, 143, 125, 0.22)"
+    },
+    dark: {
+      bodyColor: "#1c1b18",
+      baseColor: "#e7e3d8",
+      primaryColor: "#5fae9a",
+      successColor: "#6fb586",
+      warningColor: "#d6a755",
+      dangerColor: "#db716d",
+      errorColor: "#db716d",
+      infoColor: "#7d9aac",
+      radius: "12px",
+      surface: "#26241f",
+      borderColor: "#34322c",
+      shadow: "0 10px 28px -16px rgba(0, 0, 0, 0.7)",
+      focusRing: "0 0 0 3px rgba(95, 174, 154, 0.28)"
+    }
+  },
+  layout: {
+    gap: { size: 12 },
+    extractLevel1ToHeader: !0,
+    header: {
+      height: 60,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "12px" }
+    },
+    sidebar: {
+      width: 264,
+      collapseWidth: 72,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "12px" }
+    },
+    body: { shimPadding: 28 }
+  }
+};
+export {
+  o as default
+};

package/es/assets/copilot-stage.mjs

@@ -0,0 +1,110 @@
+import { defineComponent as n, openBlock as d, createElementBlock as i, Fragment as u, renderSlot as a, unref as r, createVNode as s, withCtx as l, markRaw as c } from "vue";
+import { AppFooter as m, AppAside as f, AppHeader as h, AppTheme as t } from "@done-coding/admin-core";
+import { _ as b } from "../chunks/HeaderNavMenu.vue_vue_type_script_setup_true_lang-Dfv8_Muy.mjs";
+const p = /* @__PURE__ */ n({
+  __name: "StageChatShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(e) {
+    return (o, g) => (d(), i(u, null, [
+      a(o.$slots, "default", { Footer: r(m) }),
+      s(r(f), { show: e.showAside }, {
+        default: l(() => [
+          a(o.$slots, "aside")
+        ]),
+        _: 3
+      }, 8, ["show"]),
+      s(r(h), {
+        show: e.showHeader,
+        menus: e.headerMenus,
+        activeMenu: e.activeMenu,
+        activeModuleMenu: e.activeModuleMenu,
+        menuFlatList: e.menuFlatList
+      }, {
+        left: l(() => [
+          a(o.$slots, "brand"),
+          s(b, {
+            menus: e.menus,
+            menuFlatList: e.menuFlatList
+          }, null, 8, ["menus", "menuFlatList"])
+        ]),
+        right: l(() => [
+          a(o.$slots, "themeSwitcher", { Default: r(t) }, () => [
+            s(r(t))
+          ]),
+          a(o.$slots, "userEntry"),
+          a(o.$slots, "settings")
+        ]),
+        _: 3
+      }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"])
+    ], 64));
+  }
+}), y = {
+  id: "copilot-stage",
+  label: "副驾舞台",
+  description: {
+    suitable: "AI copilot / 对话式工作台 / 智能助手为主的产品；主区聚焦内容、右侧常驻会话助手。",
+    unsuitable: "无 AI / 无侧栏助手诉求的传统后台；右侧上下文需要放结构化详情而非会话流时改用三联工作室。"
+  },
+  config: {
+    light: {
+      bodyColor: "#eef6f5",
+      baseColor: "#15302c",
+      primaryColor: "#0d9488",
+      successColor: "#15a34a",
+      warningColor: "#ca8a04",
+      dangerColor: "#e11d48",
+      errorColor: "#e11d48",
+      infoColor: "#0ea5a4",
+      radius: "12px",
+      surface: "#ffffff",
+      borderColor: "#d7e6e2",
+      shadow: "0 10px 28px -16px rgba(13,148,136,0.22)"
+    },
+    dark: {
+      bodyColor: "#06120f",
+      baseColor: "#cfe9e2",
+      primaryColor: "#2dd4bf",
+      successColor: "#34d399",
+      warningColor: "#f0b541",
+      dangerColor: "#fb7185",
+      errorColor: "#fb7185",
+      infoColor: "#22d3ee",
+      radius: "12px",
+      surface: "#0d1c19",
+      borderColor: "rgba(45,212,191,0.22)",
+      shadow: "0 18px 44px -22px rgba(0,0,0,0.9)"
+    }
+  },
+  layout: {
+    gap: { size: 8 },
+    header: {
+      height: 56,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "12px" }
+    },
+    // 无左栏：sidebar 宽 0（StageChatShell 不渲染 AppSidebar）；collapseWidth 0 同步。
+    sidebar: { width: 0, collapseWidth: 0 },
+    // 右侧会话 aside：宽 360；demo 路由 meta.layout.aside=true 时显（StageChatShell 塞 ChatAsidePanel）。
+    aside: {
+      width: 360,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "12px" }
+    },
+    body: { shimPadding: 18 },
+    shell: c(p)
+  }
+};
+export {
+  y as default
+};

package/es/assets/coral-reef.mjs

@@ -0,0 +1,60 @@
+const r = {
+  id: "coral-reef",
+  label: "珊瑚海域",
+  description: {
+    suitable: "营销 / 电商运营 / 增长后台、需明亮活力但不廉价暖冷撞色的场景；面向年轻团队的协作工具。",
+    unsuitable: "庄重金融政务；深色沉浸需求；极简克制定位。"
+  },
+  config: {
+    light: {
+      bodyColor: "#f5f1ee",
+      baseColor: "#20262b",
+      primaryColor: "#f25c4a",
+      successColor: "#0d9488",
+      warningColor: "#e0921c",
+      dangerColor: "#d83a3a",
+      errorColor: "#d83a3a",
+      infoColor: "#0d9488",
+      radius: "12px",
+      accent: "#ff8a3d",
+      surface: "#ffffff",
+      borderColor: "#e6ddd6",
+      shadow: "0 7px 24px -14px rgba(32, 38, 43, 0.13)",
+      focusRing: "0 0 0 3px rgba(242, 92, 74, 0.24)"
+    },
+    dark: {
+      bodyColor: "#121417",
+      baseColor: "#e6e8ea",
+      primaryColor: "#ff7a6b",
+      successColor: "#2dd4bf",
+      warningColor: "#e8a948",
+      dangerColor: "#e64f4f",
+      errorColor: "#e64f4f",
+      infoColor: "#2dd4bf",
+      radius: "12px",
+      accent: "#ff9a55",
+      surface: "#1b1e22",
+      borderColor: "#2b2f34",
+      shadow: "0 12px 30px -16px rgba(0, 0, 0, 0.72)",
+      focusRing: "0 0 0 3px rgba(255, 122, 107, 0.3)"
+    }
+  },
+  layout: {
+    gap: { size: 10 },
+    header: {
+      height: 56,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "12px" }
+    },
+    sidebar: {
+      width: 248,
+      collapseWidth: 64,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "12px" }
+    },
+    body: { shimPadding: 24 }
+  }
+};
+export {
+  r as default
+};

package/es/assets/cyber.mjs

@@ -1,7 +1,9 @@
 const o = {
   id: "cyber",
   label: "霓虹赛博",
-  description: "暗色科技赛博：深空底色、霓虹青品红与锐利辉光",
+  description: {
+    suitable: "暗色科技赛博：深空底色、霓虹青品红与锐利辉光"
+  },
   config: {
     light: {
       bodyColor: "#eef5f8",