@zl-ui-kit/theme 0.26.2 → 0.27.1

package/src/generated/theme-red-light.css

@@ -369,119 +369,119 @@ body[data-theme='red-light'] .el-select__wrapper.is-focused .el-select__placehol
   color: var(--el-color-primary);
 }
 
-/*
- * 全局 reset（随每套主题 CSS 一并注入；变量取 --zl-*，缺省回退为浅色值）
- * 由参考实现迁移，变量命名按需求 §7.2.1 统一 zl- 前缀
- */
-
-/* ============================================================
- * 开源字体（OFL-1.1）自托管：替换参考实现中的商业授权字体
- *   - Noto Sans SC（思源黑体）：通用中文正文字体，覆盖系统字体缺失场景
- *   - Smiley Sans（得意黑）：品牌标语展示字体，替换商业「方正」系列
- * 字体文件见本包 src/assets/fonts/（经 ./assets/* 导出）
- * ============================================================ */
-@font-face {
-  font-family: 'Noto Sans SC';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(../assets/fonts/noto-sans-sc-400.woff2) format('woff2');
-}
-@font-face {
-  font-family: 'Noto Sans SC';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(../assets/fonts/noto-sans-sc-500.woff2) format('woff2');
-}
-@font-face {
-  font-family: 'Noto Sans SC';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(../assets/fonts/noto-sans-sc-700.woff2) format('woff2');
-}
-@font-face {
-  font-family: 'Smiley Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(../assets/fonts/smiley-sans.woff2) format('woff2');
-}
-
-:root {
-  /* 品牌标语字体：默认得意黑（开源），回退思源黑体 / 系统字体；替换参考实现的商业字体 */
-  --zl-slogan-font-family: 'Smiley Sans', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
-}
-
-html,
-body,
-micro-app,
-#root,
-#app {
-  height: 100%;
-}
-
-html,
-body {
-  margin: 0;
-  padding: 0;
-}
-
-#root {
-  background: var(--zl-fill-2, #f0f2f5);
-  color: var(--zl-text-2, #4d5e7d);
-  font-size: 12px;
-  line-height: 20px;
-  overscroll-behavior: contain;
-  font-family:
-    Inter,
-    -apple-system,
-    BlinkMacSystemFont,
-    'PingFang SC',
-    'Hiragino Sans GB',
-    'Noto Sans SC',
-    'Microsoft YaHei',
-    'Helvetica Neue',
-    Helvetica,
-    Arial,
-    sans-serif;
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-  background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background: var(--zl-fill-3, #e3e9ef) content-box;
-  border: 2px solid transparent;
-  border-radius: 5px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background-color: var(--zl-fill-4, rgb(179, 192, 204));
-}
+/*
+ * 全局 reset（随每套主题 CSS 一并注入；变量取 --zl-*，缺省回退为浅色值）
+ * 由参考实现迁移，变量命名按需求 §7.2.1 统一 zl- 前缀
+ */
 
-/*
- * Element Plus 组件样式覆盖（占位骨架）
- * 参考实现的 18 个组件覆盖基于原 UI 库类名体系，需按 EP 的 .el-* BEM 结构逐组件重写，
- * 以 playground 主题预览页视觉验收为准（需求 §7.2.2 / P15）。
- * 本文件随 per-theme CSS 一同生效；以下为首批全局性微调。
- */
-
-/* 与 zl 设计一致的圆角与动效基调 */
-.el-button {
-  --el-button-border-radius: var(--zl-radius-base, 4px);
-}
-
-.el-dialog {
-  --el-dialog-border-radius: var(--zl-radius-base, 4px);
-}
+/* ============================================================
+ * 开源字体（OFL-1.1）自托管：替换参考实现中的商业授权字体
+ *   - Noto Sans SC（思源黑体）：通用中文正文字体，覆盖系统字体缺失场景
+ *   - Smiley Sans（得意黑）：品牌标语展示字体，替换商业「方正」系列
+ * 字体文件见本包 src/assets/fonts/（经 ./assets/* 导出）
+ * ============================================================ */
+@font-face {
+  font-family: 'Noto Sans SC';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../assets/fonts/noto-sans-sc-400.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Noto Sans SC';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url(../assets/fonts/noto-sans-sc-500.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Noto Sans SC';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../assets/fonts/noto-sans-sc-700.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Smiley Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../assets/fonts/smiley-sans.woff2) format('woff2');
+}
+
+:root {
+  /* 品牌标语字体：默认得意黑（开源），回退思源黑体 / 系统字体；替换参考实现的商业字体 */
+  --zl-slogan-font-family: 'Smiley Sans', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+}
+
+html,
+body,
+micro-app,
+#root,
+#app {
+  height: 100%;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+
+#root {
+  background: var(--zl-fill-2, #f0f2f5);
+  color: var(--zl-text-2, #4d5e7d);
+  font-size: 12px;
+  line-height: 20px;
+  overscroll-behavior: contain;
+  font-family:
+    Inter,
+    -apple-system,
+    BlinkMacSystemFont,
+    'PingFang SC',
+    'Hiragino Sans GB',
+    'Noto Sans SC',
+    'Microsoft YaHei',
+    'Helvetica Neue',
+    Helvetica,
+    Arial,
+    sans-serif;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--zl-fill-3, #e3e9ef) content-box;
+  border: 2px solid transparent;
+  border-radius: 5px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: var(--zl-fill-4, rgb(179, 192, 204));
+}
+
+/*
+ * Element Plus 组件样式覆盖（占位骨架）
+ * 参考实现的 18 个组件覆盖基于原 UI 库类名体系，需按 EP 的 .el-* BEM 结构逐组件重写，
+ * 以 playground 主题预览页视觉验收为准（需求 §7.2.2 / P15）。
+ * 本文件随 per-theme CSS 一同生效；以下为首批全局性微调。
+ */
+
+/* 与 zl 设计一致的圆角与动效基调 */
+.el-button {
+  --el-button-border-radius: var(--zl-radius-base, 4px);
+}
+
+.el-dialog {
+  --el-dialog-border-radius: var(--zl-radius-base, 4px);
+}

package/src/overrides/components.css

@@ -1,15 +1,15 @@
-/*
- * Element Plus 组件样式覆盖（占位骨架）
- * 参考实现的 18 个组件覆盖基于原 UI 库类名体系，需按 EP 的 .el-* BEM 结构逐组件重写，
- * 以 playground 主题预览页视觉验收为准（需求 §7.2.2 / P15）。
- * 本文件随 per-theme CSS 一同生效；以下为首批全局性微调。
- */
-
-/* 与 zl 设计一致的圆角与动效基调 */
-.el-button {
-  --el-button-border-radius: var(--zl-radius-base, 4px);
-}
-
-.el-dialog {
-  --el-dialog-border-radius: var(--zl-radius-base, 4px);
-}
+/*
+ * Element Plus 组件样式覆盖（占位骨架）
+ * 参考实现的 18 个组件覆盖基于原 UI 库类名体系，需按 EP 的 .el-* BEM 结构逐组件重写，
+ * 以 playground 主题预览页视觉验收为准（需求 §7.2.2 / P15）。
+ * 本文件随 per-theme CSS 一同生效；以下为首批全局性微调。
+ */
+
+/* 与 zl 设计一致的圆角与动效基调 */
+.el-button {
+  --el-button-border-radius: var(--zl-radius-base, 4px);
+}
+
+.el-dialog {
+  --el-dialog-border-radius: var(--zl-radius-base, 4px);
+}

package/src/utils/colors.scss

@@ -1,27 +1,27 @@
-// ============================================================
-// SCSS 工具（供消费方深度定制编译使用；变量前缀 zl-）
-// 入口：@zl/theme/scss（colors / map / theme 三个模块）
-// ============================================================
-
-@use 'sass:list';
-@use '../generated/_constants' as *;
-
-$color-gradient-range: (6, 3) !default;
-
-/** 遍历全部色彩类型 */
-@mixin colorForEach() {
-  @each $color in $color-types {
-    @content ($color);
-  }
-}
-
-/** 色板渐变背景（默认 6→3 级） */
-@mixin colorGradient($color, $direction, $range: $color-gradient-range) {
-  $color-stops: ();
-
-  @each $stop in $range {
-    $color-stops: list.append($color-stops, var(--zl-#{$color}-#{$stop}), comma);
-  }
-
-  background-image: linear-gradient($direction, $color-stops);
-}
+// ============================================================
+// SCSS 工具（供消费方深度定制编译使用；变量前缀 zl-）
+// 入口：@zl/theme/scss（colors / map / theme 三个模块）
+// ============================================================
+
+@use 'sass:list';
+@use '../generated/_constants' as *;
+
+$color-gradient-range: (6, 3) !default;
+
+/** 遍历全部色彩类型 */
+@mixin colorForEach() {
+  @each $color in $color-types {
+    @content ($color);
+  }
+}
+
+/** 色板渐变背景（默认 6→3 级） */
+@mixin colorGradient($color, $direction, $range: $color-gradient-range) {
+  $color-stops: ();
+
+  @each $stop in $range {
+    $color-stops: list.append($color-stops, var(--zl-#{$color}-#{$stop}), comma);
+  }
+
+  background-image: linear-gradient($direction, $color-stops);
+}

package/src/utils/map.scss

@@ -1,16 +1,16 @@
-// 嵌套 map 取值工具
-
-@use 'sass:map';
-@use 'sass:meta';
-
-@function mapGet($map, $keys...) {
-  @each $key in $keys {
-    @if meta.type-of($map) == 'map' and map.has-key($map, $key) {
-      $map: map.get($map, $key);
-    } @else {
-      @warn "Key `#{$key}` not found in map or map is not nested.";
-      @return null;
-    }
-  }
-  @return $map;
-}
+// 嵌套 map 取值工具
+
+@use 'sass:map';
+@use 'sass:meta';
+
+@function mapGet($map, $keys...) {
+  @each $key in $keys {
+    @if meta.type-of($map) == 'map' and map.has-key($map, $key) {
+      $map: map.get($map, $key);
+    } @else {
+      @warn "Key `#{$key}` not found in map or map is not nested.";
+      @return null;
+    }
+  }
+  @return $map;
+}

package/src/utils/theme.scss

@@ -1,13 +1,13 @@
-// 主题作用域 mixin：为每套主题生成选择器块（light 无属性选择器）
-
-@use '../generated/_constants' as *;
-
-@mixin theme() {
-  @each $theme in $themes-name {
-    $filter: if($theme == 'light', '', "[data-theme='#{$theme}']");
-
-    body#{$filter} {
-      @content ($theme);
-    }
-  }
-}
+// 主题作用域 mixin：为每套主题生成选择器块（light 无属性选择器）
+
+@use '../generated/_constants' as *;
+
+@mixin theme() {
+  @each $theme in $themes-name {
+    $filter: if($theme == 'light', '', "[data-theme='#{$theme}']");
+
+    body#{$filter} {
+      @content ($theme);
+    }
+  }
+}