refactor(assets): vendor 资产迁入标准目录并全仓去除 zibll 标识
- assets/vendor 全量迁移: fontawesome5→assets/fontawesome5, css→assets/css, js→assets/js/runtime(避开 14 个同名自有文件), img 合并去重→assets/img, fonts→assets/fonts; 删除 assets/vendor - libs 五个与 widgets/third-party 字节相同的库不重复入库, loader paths 改指向 - 运行时切换: _win.uri=assets 根, loader baseUrl=/js/runtime, enlighter 注入 路径同步; PHP 7 个引用文件切换并改名 $zibll_*→$runtime_* - 去品牌: Qinver 头注释/品牌 console.log/演示链接清除, 默认文案中性化 - 功能标识符改名: zib__→aksrt__, zib_ajax→aksrt_ajax, window.zib→ window.aksrtLegacy, zibllblock/*→aksrtblock/*, .zib-widget→.aksrt-panel, .zib-slider→.aksrt-slider, zib_menu_options meta 键等 - 自有 CSS 改名: legacy-utilities/compat-vars/footer shell - admin SPA 重建; 契约测试同步(路径/断言/文件更名) - 例外保留: tests/visual 对照环境与 fixtures 前缀(外部 Zibll 产品引用) 验证: php -l 133 个改动文件通过; runtime 86 个 JS node --check 通过; 契约测试 68/70(2 个失败经 stash 对照确认为存量问题)
This commit is contained in:
+37
-37
@@ -1,13 +1,13 @@
|
||||
/**
|
||||
* AKSRT Design Tokens v7 — 1:1 Zibll Alignment
|
||||
* AKSRT Design Tokens v7 — 1:1 legacy Alignment
|
||||
* ------------------------------------------------------------
|
||||
* 单一真理源(Single Source of Truth)
|
||||
* 所有颜色、字体、间距、动效都从此处读取,禁止在组件内硬编码。
|
||||
* 严格对齐 zibll main.css 的视觉值。
|
||||
* 严格对齐 legacy main.css 的视觉值。
|
||||
*/
|
||||
|
||||
:root {
|
||||
/* ===== Primary — Zibll theme-color (#f04494 pink) ===== */
|
||||
/* ===== Primary — legacy theme-color (#f04494 pink) ===== */
|
||||
--color-primary: #f04494;
|
||||
--color-primary-hover: #e0307e;
|
||||
--color-primary-active: #c9206d;
|
||||
@@ -15,20 +15,20 @@
|
||||
--color-primary-softer: rgba(240, 68, 148, 0.05);
|
||||
--color-on-primary: #FFFFFF;
|
||||
|
||||
/* ===== Ink (text) — 对齐 zibll --key-color / --main-color / --muted-color ===== */
|
||||
--color-ink: #333333; /* zibll --key-color */
|
||||
--color-ink-2: #4e5358; /* zibll --main-color */
|
||||
--color-ink-3: #777777; /* zibll --muted-color */
|
||||
--color-ink-4: #999999; /* zibll --muted-2-color */
|
||||
/* ===== Ink (text) — 对齐 legacy --key-color / --main-color / --muted-color ===== */
|
||||
--color-ink: #333333; /* legacy --key-color */
|
||||
--color-ink-2: #4e5358; /* legacy --main-color */
|
||||
--color-ink-3: #777777; /* legacy --muted-color */
|
||||
--color-ink-4: #999999; /* legacy --muted-2-color */
|
||||
|
||||
/* ===== Surface — 对齐 zibll --body-bg-color / --main-bg-color / --muted-bg-color ===== */
|
||||
--surface-page: #f5f6f7; /* zibll --body-bg-color */
|
||||
--surface-1: #FFFFFF; /* zibll --main-bg-color */
|
||||
--surface-2: #eeeeee; /* zibll --muted-bg-color #eee */
|
||||
/* ===== Surface — 对齐 legacy --body-bg-color / --main-bg-color / --muted-bg-color ===== */
|
||||
--surface-page: #f5f6f7; /* legacy --body-bg-color */
|
||||
--surface-1: #FFFFFF; /* legacy --main-bg-color */
|
||||
--surface-2: #eeeeee; /* legacy --muted-bg-color #eee */
|
||||
--surface-3: #e9ecef; /* 输入框 / code / 次级面 */
|
||||
--surface-4: #f8f8f8; /* 分页 / 标签 / hover 薄层 */
|
||||
|
||||
/* ===== Borders — 对齐 zibll --main-border-color ===== */
|
||||
/* ===== Borders — 对齐 legacy --main-border-color ===== */
|
||||
--color-line: rgba(50, 50, 50, 0.06);
|
||||
--color-line-soft: rgba(0, 0, 0, 0.03);
|
||||
--color-line-stronger: rgba(50, 50, 50, 0.12);
|
||||
@@ -39,12 +39,12 @@
|
||||
--color-error: #EF4444;
|
||||
--color-info: #3B82F6;
|
||||
|
||||
/* ===== Accent (action green — zibll tabbar/CTA) ===== */
|
||||
/* ===== Accent (action green — legacy tabbar/CTA) ===== */
|
||||
--color-accent: #18a058;
|
||||
--color-accent-soft: rgba(24, 160, 88, 0.12);
|
||||
--color-accent-shadow: rgba(24, 160, 88, 0.28);
|
||||
|
||||
/* ===== Fonts — 对齐 zibll(系统默认字体栈)===== */
|
||||
/* ===== Fonts — 对齐 legacy(系统默认字体栈)===== */
|
||||
--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
@@ -63,7 +63,7 @@
|
||||
--text-5xl: 3.75rem; /* 60 */
|
||||
--leading-tight: 1.2;
|
||||
--leading-snug: 1.4;
|
||||
--leading-normal: 1.6; /* zibll body line-height */
|
||||
--leading-normal: 1.6; /* legacy body line-height */
|
||||
--leading-relaxed: 1.6;
|
||||
|
||||
/* ===== Spacing (4px base) ===== */
|
||||
@@ -80,24 +80,24 @@
|
||||
--space-11: 80px;
|
||||
--space-12: 96px;
|
||||
|
||||
/* ===== Radius — 对齐 zibll --main-radius: 8px ===== */
|
||||
/* ===== Radius — 对齐 legacy --main-radius: 8px ===== */
|
||||
--radius-xs: 3px;
|
||||
--radius-sm: 4px;
|
||||
--radius: 8px;
|
||||
--radius-lg: 8px; /* zibll main-radius — was 10px */
|
||||
--radius-lg: 8px; /* legacy main-radius — was 10px */
|
||||
--radius-xl: 12px;
|
||||
--radius-2xl: 16px;
|
||||
--radius-pill: 100px;
|
||||
--radius-avatar: 50%;
|
||||
|
||||
/* ===== Shadows — 对齐 zibll --main-shadow: rgba(116,116,116,0.08) ===== */
|
||||
/* ===== Shadows — 对齐 legacy --main-shadow: rgba(116,116,116,0.08) ===== */
|
||||
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
|
||||
--shadow-sm: 0 0 10px rgba(116, 116, 116, 0.08);
|
||||
--shadow: 0 0 10px rgba(116, 116, 116, 0.12);
|
||||
--shadow-lg: 0 12px 32px rgba(18, 18, 18, 0.10);
|
||||
--shadow-drawer: 0 18px 60px rgba(0, 0, 0, 0.20);
|
||||
|
||||
/* ===== Layout — 对齐 zibll --mian-max-width: 1200px ===== */
|
||||
/* ===== Layout — 对齐 legacy --mian-max-width: 1200px ===== */
|
||||
--nav-height: 60px;
|
||||
--container: 1200px;
|
||||
--container-wide: 1440px;
|
||||
@@ -116,7 +116,7 @@
|
||||
--dur: 0.25s;
|
||||
--dur-slow: 0.4s;
|
||||
|
||||
/* ===== Focus Ring — 对齐 zibll focus-shadow-color ===== */
|
||||
/* ===== Focus Ring — 对齐 legacy focus-shadow-color ===== */
|
||||
--focus-ring: 0 0 2px 3px rgba(253, 83, 161, 0.4);
|
||||
|
||||
/* ===== Z-index layers ===== */
|
||||
@@ -129,13 +129,13 @@
|
||||
--z-toast: 700;
|
||||
--z-tooltip: 800;
|
||||
|
||||
/* ===== Button sizes — 对齐 zibll ===== */
|
||||
/* ===== Button sizes — 对齐 legacy ===== */
|
||||
--radius-btn: 4px;
|
||||
--btn-sm-h: 28px;
|
||||
--btn-md-h: 34px;
|
||||
--btn-lg-h: 44px;
|
||||
|
||||
/* ===== Card density — 对齐 zibll .box-body { padding: 15px } ===== */
|
||||
/* ===== Card density — 对齐 legacy .box-body { padding: 15px } ===== */
|
||||
--card-padding: 15px;
|
||||
--card-padding-sm: 10px;
|
||||
--card-padding-lg: 20px;
|
||||
@@ -173,7 +173,7 @@
|
||||
--transition-fast: 0.15s ease;
|
||||
--transition-base: 0.25s ease;
|
||||
|
||||
/* ===== Composite / Context tokens — 对齐 zibll ===== */
|
||||
/* ===== Composite / Context tokens — 对齐 legacy ===== */
|
||||
--header-bg: var(--blur-bg);
|
||||
--header-color: var(--color-ink-2);
|
||||
--footer-bg: var(--surface-1);
|
||||
@@ -192,7 +192,7 @@
|
||||
--mini-radius: calc(var(--radius) / 1.4);
|
||||
--single-cover-scale: 35%;
|
||||
|
||||
/* ===== Avatar size system — Zibll --this-size 等价 ===== */
|
||||
/* ===== Avatar size system — legacy --this-size 等价 ===== */
|
||||
--aksrt-avatar-size-xs: 24px;
|
||||
--aksrt-avatar-size-sm: 32px;
|
||||
--aksrt-avatar-size: 40px;
|
||||
@@ -259,7 +259,7 @@
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* Blur-bg fallback cascade (mirrors zibll behaviour)
|
||||
* Blur-bg fallback cascade (mirrors legacy behaviour)
|
||||
* ============================================================ */
|
||||
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
|
||||
:root {
|
||||
@@ -301,7 +301,7 @@ body.dark-theme.dialog-open {
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* Multi-level container responsive — 对齐 zibll --mian-max-width
|
||||
* Multi-level container responsive — 对齐 legacy --mian-max-width
|
||||
* 不同视口宽度下容器自动调整
|
||||
* ============================================================ */
|
||||
@media (min-width: 992px) {
|
||||
@@ -323,19 +323,19 @@ body.dark-theme.dialog-open {
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* Dark Theme — 对齐 zibll .dark-theme 精确 hex
|
||||
* body.dark-theme 与 html.dark 同权(zibll 用 body class)
|
||||
* Dark Theme — 对齐 legacy .dark-theme 精确 hex
|
||||
* body.dark-theme 与 html.dark 同权(legacy 用 body class)
|
||||
* ============================================================ */
|
||||
html.dark,
|
||||
body.dark-theme {
|
||||
--color-ink: #f8fafc; /* zibll --key-color */
|
||||
--color-ink-2: #e5eef7; /* zibll --main-color */
|
||||
--color-ink-3: #b4b6bb; /* zibll --muted-color */
|
||||
--color-ink-4: #888a8f; /* zibll --muted-2-color */
|
||||
--color-ink: #f8fafc; /* legacy --key-color */
|
||||
--color-ink-2: #e5eef7; /* legacy --main-color */
|
||||
--color-ink-3: #b4b6bb; /* legacy --muted-color */
|
||||
--color-ink-4: #888a8f; /* legacy --muted-2-color */
|
||||
|
||||
--surface-page: #292a2d; /* zibll --body-bg-color */
|
||||
--surface-1: #323335; /* zibll --main-bg-color */
|
||||
--surface-2: #2d2e31; /* zibll --muted-bg-color */
|
||||
--surface-page: #292a2d; /* legacy --body-bg-color */
|
||||
--surface-1: #323335; /* legacy --main-bg-color */
|
||||
--surface-2: #2d2e31; /* legacy --muted-bg-color */
|
||||
--surface-3: #3a3c42;
|
||||
--surface-4: #26282d;
|
||||
|
||||
@@ -363,7 +363,7 @@ body.dark-theme {
|
||||
|
||||
--shadow-xl: 0 0 10px rgba(24, 24, 24, 0.18);
|
||||
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.18);
|
||||
--shadow-sm: 0 0 10px rgba(24, 24, 24, 0.1); /* zibll --main-shadow dark */
|
||||
--shadow-sm: 0 0 10px rgba(24, 24, 24, 0.1); /* legacy --main-shadow dark */
|
||||
--shadow: 0 0 10px rgba(24, 24, 24, 0.14);
|
||||
--shadow-lg: 0 14px 36px rgba(0, 0, 0, 0.32);
|
||||
--shadow-drawer: 0 20px 60px rgba(0, 0, 0, 0.60);
|
||||
|
||||
Reference in New Issue
Block a user