@done-coding/admin-plugin-theme 0.5.0 → 0.5.1-alpha.0

package/es/assets/signal-teal.mjs

@@ -1,24 +1,84 @@
-const o = "admin-theme-signal-teal";
-function r() {
-  if (typeof document > "u" || document.getElementById(o)) return;
+import { defineComponent as l, openBlock as s, createElementBlock as c, Fragment as u, renderSlot as a, unref as r, createVNode as t, withCtx as n, createElementVNode as b, markRaw as m } from "vue";
+import { AppFooter as p, AppSidebar as f, AppAside as g, AppHeader as h, AppTheme as d } from "@done-coding/admin-core";
+const v = { class: "signal-teal-user-area" }, y = /* @__PURE__ */ l({
+  __name: "SignalTealShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(e) {
+    return (o, C) => (s(), c(u, null, [
+      a(o.$slots, "default", { Footer: r(p) }),
+      t(r(f), {
+        show: e.showSidebar,
+        aboveHeader: e.sidebarAboveHeader,
+        menus: e.sidebarMenus,
+        menuFlatList: e.menuFlatList
+      }, {
+        bottom: n(() => [
+          b("div", v, [
+            a(o.$slots, "userEntry")
+          ])
+        ]),
+        _: 3
+      }, 8, ["show", "aboveHeader", "menus", "menuFlatList"]),
+      t(r(g), { show: e.showAside }, {
+        default: n(() => [
+          a(o.$slots, "aside")
+        ]),
+        _: 3
+      }, 8, ["show"]),
+      t(r(h), {
+        show: e.showHeader,
+        menus: e.headerMenus,
+        activeMenu: e.activeMenu,
+        activeModuleMenu: e.activeModuleMenu,
+        menuFlatList: e.menuFlatList
+      }, {
+        left: n(() => [
+          a(o.$slots, "brand")
+        ]),
+        right: n(() => [
+          a(o.$slots, "themeSwitcher", { Default: r(d) }, () => [
+            t(r(d))
+          ]),
+          a(o.$slots, "settings")
+        ]),
+        _: 3
+      }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"])
+    ], 64));
+  }
+}), i = "admin-theme-signal-teal";
+function x() {
+  if (typeof document > "u" || document.getElementById(i)) return;
   const e = document.createElement("style");
-  e.id = o, e.setAttribute("data-dc-theme", "signal-teal"), e.textContent = `
+  e.id = i, e.setAttribute("data-dc-theme", "signal-teal"), e.textContent = `
 :root{--dc-core-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"JetBrains Mono","Liberation Mono",monospace;}
 .app-header-module-item{font-family:var(--dc-core-font-mono);letter-spacing:.02em;}
 .app-sidebar .el-menu-item.is-active{position:relative;background:var(--el-color-primary-light-9);}
 .app-sidebar .el-menu-item.is-active::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:58%;width:2px;border-radius:0 2px 2px 0;background:var(--dc-core-primary-color);pointer-events:none;}
+.app-sidebar .signal-teal-user-area{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:12px 16px;border-top:1px solid var(--dc-core-border-color,var(--el-border-color));border-bottom-left-radius:var(--dc-core-radius,10px);border-bottom-right-radius:var(--dc-core-radius,10px);transition:background var(--dc-core-motion-duration,.2s) ease;}
+.app-sidebar .signal-teal-user-area:hover{background:var(--el-fill-color-light);}
 `, document.head.appendChild(e);
 }
-function a() {
+function w() {
   var e;
-  typeof document > "u" || (e = document.getElementById(o)) == null || e.remove();
+  typeof document > "u" || (e = document.getElementById(i)) == null || e.remove();
 }
-const n = {
+const S = {
   id: "signal-teal",
   label: "青信控制台",
   description: {
-    suitable: "工程师味的内容生产 / 运营中控台、数据看板、SaaS 工作台：要深青单色脊 + 克制浅色 premium 质感 + 等宽技术纹理（版本号 / 代号 / ID / env key），经典左栏、实心布局、密度中偏松。",
-    unsuitable: "需要强多色出彩 / 暖色亲和的内容前台；偏好套框悬浮或动画 shell 的炫技形态；高视觉负载诉求（本主题刻意克制，boldness 仅在青色激活轨一处）。"
+    suitable: "工程师味的内容生产 / 运营中控台、数据看板、SaaS 工作台：要深青单色脊 + 克制浅色 premium 质感 + 等宽技术纹理（版本号 / 代号 / ID / env key），经典左栏、套框悬浮卡片、密度中偏松。",
+    unsuitable: "需要强多色出彩 / 暖色亲和的内容前台；偏好满铺实心、零边距的极致信息密度布局；高视觉负载 / 动画 shell 炫技诉求（本主题刻意克制）。"
   },
   config: {
     light: {
@@ -29,7 +89,9 @@ const n = {
       warningColor: "#e08a3c",
       dangerColor: "#f04438",
       errorColor: "#f04438",
-      infoColor: "#3b7dd8",
+      // info = 中性语义（来源/次要标签）：用中性灰，[MUST NOT] 用饱和链接蓝——
+      // 蓝是 teal 色板里唯一外来色，既破单色脊调性、又把被动 info 标签误导成可点链接。
+      infoColor: "#909399",
       surface: "#ffffff",
       borderColor: "#e6e8eb",
       borderWidth: "1px",
@@ -46,7 +108,8 @@ const n = {
       warningColor: "#f0a85a",
       dangerColor: "#f87171",
       errorColor: "#f87171",
-      infoColor: "#6ba8f0",
+      // info = 中性语义：暗态中性灰（同 light 理由，[MUST NOT] 用饱和链接蓝）。
+      infoColor: "#8d9095",
       surface: "#161a20",
       borderColor: "#262e38",
       borderWidth: "1px",
@@ -57,27 +120,37 @@ const n = {
     }
   },
   layout: {
-    // 经典左栏 + 实心布局：内置默认 AppShell（不写自定义 shell）、不套框、无悬浮内缝。
+    // 套框 + 悬浮卡片 + 内缝 gap（克制科技感）：自定义 SignalTealShell（userEntry 落侧栏底部）。
+    // 四边 viewport 框 + 模块圆角卡片（surface 底 + 10px 圆角 + 主题软投影）+ gap 露底色缝。
+    shell: m(y),
+    viewport: {
+      paddingTop: 14,
+      paddingRight: 14,
+      paddingBottom: 14,
+      paddingLeft: 14
+    },
+    gap: { size: 12 },
     sidebar: {
       width: 232,
       collapseWidth: 64,
-      background: "var(--dc-core-surface, var(--el-bg-color-overlay))"
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "10px" }
     },
     header: {
       height: 52,
-      background: "var(--dc-core-surface, var(--el-bg-color-overlay))"
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "10px" }
     },
-    body: { shimPadding: 20 },
-    gap: { size: 0 }
+    body: { shimPadding: 16 }
   },
   // 生命周期钩子（榨干点）：激活注入青色激活轨 + 等宽纹理，切走 / 注销清理。
   onActivate() {
-    r();
+    x();
   },
   onDeactivate() {
-    a();
+    w();
   }
 };
 export {
-  n as default
+  S as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@done-coding/admin-plugin-theme",
-  "version": "0.5.0",
+  "version": "0.5.1-alpha.0",
   "description": "内部前端库",
   "private": false,
   "main": "es/index.mjs",
@@ -72,5 +72,5 @@
   "engines": {
     "node": ">=18.0.0"
   },
-  "gitHead": "1ccb23a3a48d593d791d6835ba7acaca95a5b708"
+  "gitHead": "bbb6c7b5c2643e937a7accbf9dc1e055ef93b1bc"
 }

package/types/shells/SignalTealShell.vue.d.ts

@@ -0,0 +1,27 @@
+import { AppShellProps } from '@done-coding/admin-core';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            Footer: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+        }): any;
+        userEntry?(_: {}): any;
+        aside?(_: {}): any;
+        brand?(_: {}): any;
+        themeSwitcher?(_: {
+            Default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }): any;
+        settings?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AppShellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppShellProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};