@zl-ui-kit/theme 0.26.2 → 0.27.0

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);
+    }
+  }
+}