@done-coding/admin-plugin-theme 0.4.2-alpha.0 → 0.4.3-alpha.0

package/es/assets/signal-teal.mjs

@@ -0,0 +1,83 @@
+const o = "admin-theme-signal-teal";
+function r() {
+  if (typeof document > "u" || document.getElementById(o)) return;
+  const e = document.createElement("style");
+  e.id = o, 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;}
+`, document.head.appendChild(e);
+}
+function a() {
+  var e;
+  typeof document > "u" || (e = document.getElementById(o)) == null || e.remove();
+}
+const n = {
+  id: "signal-teal",
+  label: "青信控制台",
+  description: {
+    suitable: "工程师味的内容生产 / 运营中控台、数据看板、SaaS 工作台：要深青单色脊 + 克制浅色 premium 质感 + 等宽技术纹理（版本号 / 代号 / ID / env key），经典左栏、实心布局、密度中偏松。",
+    unsuitable: "需要强多色出彩 / 暖色亲和的内容前台；偏好套框悬浮或动画 shell 的炫技形态；高视觉负载诉求（本主题刻意克制，boldness 仅在青色激活轨一处）。"
+  },
+  config: {
+    light: {
+      bodyColor: "#f5f6f8",
+      baseColor: "#1f2329",
+      primaryColor: "#0c8c88",
+      successColor: "#1a9e70",
+      warningColor: "#e08a3c",
+      dangerColor: "#f04438",
+      errorColor: "#f04438",
+      infoColor: "#3b7dd8",
+      surface: "#ffffff",
+      borderColor: "#e6e8eb",
+      borderWidth: "1px",
+      radius: "10px",
+      accent: "#6c60b4",
+      shadow: "0 1px 2px rgba(16, 24, 40, 0.04), 0 8px 24px -12px rgba(16, 24, 40, 0.1)",
+      focusRing: "0 0 0 3px rgba(12, 140, 136, 0.35)"
+    },
+    dark: {
+      bodyColor: "#0e1116",
+      baseColor: "#e6e9ef",
+      primaryColor: "#2bb8ae",
+      successColor: "#34d39e",
+      warningColor: "#f0a85a",
+      dangerColor: "#f87171",
+      errorColor: "#f87171",
+      infoColor: "#6ba8f0",
+      surface: "#161a20",
+      borderColor: "#262e38",
+      borderWidth: "1px",
+      radius: "10px",
+      accent: "#9b8cf0",
+      shadow: "0 12px 32px -16px rgba(0, 0, 0, 0.7)",
+      focusRing: "0 0 0 3px rgba(43, 184, 174, 0.4)"
+    }
+  },
+  layout: {
+    // 经典左栏 + 实心布局：内置默认 AppShell（不写自定义 shell）、不套框、无悬浮内缝。
+    sidebar: {
+      width: 232,
+      collapseWidth: 64,
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))"
+    },
+    header: {
+      height: 52,
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))"
+    },
+    body: { shimPadding: 20 },
+    gap: { size: 0 }
+  },
+  // 生命周期钩子（榨干点）：激活注入青色激活轨 + 等宽纹理，切走 / 注销清理。
+  onActivate() {
+    r();
+  },
+  onDeactivate() {
+    a();
+  }
+};
+export {
+  n as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@done-coding/admin-plugin-theme",
-  "version": "0.4.2-alpha.0",
+  "version": "0.4.3-alpha.0",
   "description": "内部前端库",
   "private": false,
   "main": "es/index.mjs",
@@ -50,7 +50,7 @@
   "license": "MIT",
   "sideEffects": false,
   "devDependencies": {
-    "@done-coding/admin-core": "0.12.3-alpha.0",
+    "@done-coding/admin-core": "0.13.0",
     "@done-coding/cli-inject": "^0.6.2",
     "@types/node": "^18.0.0",
     "@vitejs/plugin-vue": "^5.0.4",
@@ -72,5 +72,5 @@
   "engines": {
     "node": ">=18.0.0"
   },
-  "gitHead": "db30ad6085db603fe927389e93d3d5b46aa545ce"
+  "gitHead": "23488f3e77b1eb7804651c71f4b6fdf02600a91d"
 }

package/types/assets/signal-teal.d.ts

@@ -0,0 +1,3 @@
+import { CoreThemePreset } from '@done-coding/admin-plugin-theme';
+declare const signalTeal: CoreThemePreset;
+export default signalTeal;

package/types/types.d.ts

@@ -1,5 +1,5 @@
 import { AppThemeColor, AppThemeConfig, CoreConfigDescription, CoreThemePresetLayout, CoreThemeLifecycleHooks, CoreThemeLifecycleContext } from '@done-coding/admin-core';
-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";
+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" | "signal-teal";
 export type CoreThemeStyleInput = CoreThemeStyleId | (string & {});
 export interface CoreThemePreset extends CoreThemeLifecycleHooks {
     id: CoreThemeStyleInput;