eoss 0.1.0-alpha.48 → 0.1.0-alpha.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eoss",
-  "version": "0.1.0-alpha.48",
+  "version": "0.1.0-alpha.49",
   "description": "eoss内部业务组件",
   "main": "lib/eoss.common.js",
   "sideEffects": [

package/packages/dropdown/src/dropdown-item.vue

@@ -1,7 +1,7 @@
 <template>
-  <!-- 根据rules条件决定是否渲染 -->
+  <!-- 根据rules条件决定是否渲染；表格操作列场景下行数据从 esButtonGroup 取 -->
   <li
-    v-if="!rules || rules(param)"
+    v-if="checkRules()"
     class="es-dropdown-menu__item"
     :class="{
       'is-disabled': disabled,
@@ -55,7 +55,11 @@ export default {
   name: 'EsDropdownItem',
 
   mixins: [Emitter],
-  inject: ['dropdownMenu'],
+  inject: {
+    dropdownMenu: { default: null },
+    // 按钮组内使用时由 es-button-group provide；独立使用 dropdown 时为 null
+    esButtonGroup: { default: null }
+  },
   components: { EsTooltip, EsIcon },
 
   props: {
@@ -117,6 +121,20 @@ export default {
       this.dropdownMenu.menuItemCreate(this.$el, this.divided);
   },
   methods: {
+    /**
+     * rules 校验：按钮组场景（表格操作列）用行数据调用，
+     * 否则 rules 拿到 undefined 会把本该显示的菜单项判掉
+     * @returns {Boolean} 是否渲染该菜单项
+     */
+    checkRules() {
+      if (!this.rules) {
+        return true;
+      }
+      if (this.esButtonGroup) {
+        return this.rules(this.esButtonGroup.data, this.esButtonGroup.rowData);
+      }
+      return this.rules(this.param);
+    },
     /**
      * 处理点击事件
      * @param {Event} evt - 点击事件对象

package/packages/theme-chalk/src/mixins/function.scss

@@ -1,5 +1,6 @@
 @use 'sass:color';
 @use 'sass:string';
+@use 'sass:math';
 
 @import 'config.scss';
 
@@ -85,25 +86,73 @@
 
 /* Custom mix function for CSS variables
  -------------------------- */
+$_hex-digits: '0123456789abcdef';
+
+/* 解析 hex 串中第 $i、$i+1 位（1 起）组成的字节值 */
+@function hex-pair($hex, $i) {
+  $d1: string.index($_hex-digits, string.slice($hex, $i, $i)) - 1;
+  $d2: string.index($_hex-digits, string.slice($hex, $i + 1, $i + 1)) - 1;
+  @return $d1 * 16 + $d2;
+}
+
+/* 编译期按权重混合两个 hex 串（$weight 为 $hex1 占比），返回 hex 串；
+   供主题变量场景产出回退色，sass 原生 mix 吃不了字符串 */
+@function mix-hex($hex1, $hex2, $weight) {
+  $hex1: string.to-lower-case('#{$hex1}');
+  $hex2: string.to-lower-case('#{$hex2}');
+  @if string.slice($hex1, 1, 1) == '#' {
+    $hex1: string.slice($hex1, 2);
+  }
+  @if string.slice($hex2, 1, 1) == '#' {
+    $hex2: string.slice($hex2, 2);
+  }
+  $w: math.div($weight, 1%);
+  $out: '#';
+  @for $i from 0 to 3 {
+    $p: 1 + $i * 2;
+    $v1: hex-pair($hex1, $p);
+    $v2: hex-pair($hex2, $p);
+    $v: math.round(math.div($v1 * $w + $v2 * (100 - $w), 100));
+    $hi: math.floor(math.div($v, 16));
+    $lo: $v % 16;
+    $out: '#{$out}#{string.slice($_hex-digits, $hi + 1, $hi + 1)}#{string.slice($_hex-digits, $lo + 1, $lo + 1)}';
+  }
+  @return $out;
+}
+
 @function custom-mix($color1, $color2, $weight: 50%) {
   // 提取默认颜色
   $color1-extracted: extract-default-color($color1);
   $color2-extracted: extract-default-color($color2);
 
-  // 如果提取后仍然是字符串（非CSS颜色值），直接返回
-  @if type-of($color1-extracted) ==
-    'string' or
-    type-of($color2-extracted) ==
+  // 两边都是实色时走原生 mix
+  @if type-of($color1-extracted) !=
+    'string' and
+    type-of($color2-extracted) !=
     'string'
   {
-    // 如果第二个颜色是CSS变量，返回第二个颜色
-    @if type-of($color2) == 'string' and string.index($color2, 'var(') != null {
-      @return $color2;
-    }
-    // 否则返回第一个颜色
-    @return $color1;
+    @return color.mix($color1-extracted, $color2-extracted, $weight);
   }
 
-  // 使用原生mix函数混合颜色
-  @return color.mix($color1-extracted, $color2-extracted, $weight);
+  // 主题变量场景：编译期用默认色混出回退值，
+  // 不能直接返回原色（plain 背景会塌成主色自身，与文字同色）
+  $fallback: mix-hex($color1-extracted, $color2-extracted, $weight);
+
+  // 白 × 主题主色 的淡色：接 updateTheme 运行时设置的色板变量。
+  // 色板编号是 ant 式：1-5 浅色阶、6 基色、7-10 深色阶，
+  // 白混比例到浅色阶位置对应为 90%→1 … 50%→5，超出范围只落回退值
+  @if type-of($color2) ==
+    'string' and
+    string.index($color2, 'var(') !=
+    null and
+    string.index('#{$color1-extracted}', 'ffffff') !=
+    null
+  {
+    $level: 10 - math.div($weight, 10%);
+    @if $level >= 1 and $level <= 5 and math.round($level) == $level {
+      $varname: string.slice($color2, 5, string.index($color2, ',') - 1);
+      @return string.unquote('var(#{$varname}-light-#{$level}, #{$fallback})');
+    }
+  }
+  @return string.unquote($fallback);
 }

package/src/index.js

@@ -270,7 +270,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '0.1.0-alpha.48',
+  version: '0.1.0-alpha.49',
   install,
   CollapseTransition,
   Loading,