xt-element-ui 2.0.4 → 2.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xt-element-ui",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "基于 Vue 2.7 + ElementUI 的企业级组件库，提供丰富的自定义组件和扩展组件",
   "main": "lib/index.common.js",
   "module": "lib/index.esm.js",

package/src/components/xt-badge/index.vue

@@ -1,10 +1,5 @@
 <template>
-  <span class="xt-badge" :class="[
-    `xt-badge--${type}`,
-    { 'xt-badge--dot': isDot },
-    { 'xt-badge--hidden': hidden },
-    { 'xt-badge--fixed': fixed }
-  ]">
+  <span :class="rootClasses">
     <span class="xt-badge__content">
       <slot></slot>
     </span>
@@ -13,9 +8,9 @@
       class="xt-badge__badge"
       :style="badgeStyle"
     >
-      <template v-if="isDot"></template>
-      <template v-else-if="showOverflow && value > max">{{ max }}+</template>
-      <template v-else>{{ value }}</template>
+      <span v-if="isDot"></span>
+      <span v-else-if="isOverflow">{{ overflowText }}</span>
+      <span v-else>{{ value }}</span>
     </span>
   </span>
 </template>
@@ -59,12 +54,27 @@ export default {
     }
   },
   computed: {
+    rootClasses() {
+      return [
+        'xt-badge',
+        `xt-badge--${this.type}`,
+        { 'xt-badge--dot': this.isDot },
+        { 'xt-badge--hidden': this.hidden },
+        { 'xt-badge--fixed': this.fixed }
+      ]
+    },
     badgeStyle() {
       const style = {}
       if (this.color) {
         style.backgroundColor = this.color
       }
       return style
+    },
+    overflowText() {
+      return this.max + '+'
+    },
+    isOverflow() {
+      return this.showOverflow && this.value > this.max
     }
   }
 }

package/src/components/xt-chart/theme/dark.js

@@ -14,9 +14,6 @@ export default {
       color: "#ffffff"
     }
   },
-  axisLabel: {
-    color: "#ffffff"
-  },
   line: {
     itemStyle: {
     },
@@ -60,14 +57,34 @@ export default {
       borderColor: "#ffffff"
     }
   },
-  axisLine: {
-    lineStyle: {
-      color: "#DCDFE6"
+  xAxis: {
+    axisLine: {
+      lineStyle: {
+        color: "#DCDFE6"
+      }
+    },
+    axisTick: {
+      lineStyle: {
+        color: "#DCDFE6"
+      }
+    },
+    axisLabel: {
+      color: "#ffffff"
     }
   },
-  axisTick: {
-    lineStyle: {
-      color: "#DCDFE6"
+  yAxis: {
+    axisLine: {
+      lineStyle: {
+        color: "#DCDFE6"
+      }
+    },
+    axisTick: {
+      lineStyle: {
+        color: "#DCDFE6"
+      }
+    },
+    axisLabel: {
+      color: "#ffffff"
     }
   },
   splitLine: {

package/src/components/xt-chart/theme/white.js

@@ -45,6 +45,9 @@ export default {
       borderColor: "#fff"
     }
   },
+  axisLabel: {
+    color: "#666666"
+  },
   gauge: {
     axisLine: {
       lineStyle: {
@@ -68,6 +71,9 @@ export default {
         color: "#DFE9EE"
       },
       show: false
+    },
+    axisLabel: {
+      color: "#666666"
     }
   },
   yAxis: {
@@ -87,6 +93,9 @@ export default {
         type: "dashed",
         color: "#DFE9EE"
       }
+    },
+    axisLabel: {
+      color: "#666666"
     }
   },
   splitArea: {

package/src/components/xt-chart/utils.js

@@ -312,6 +312,34 @@ EchartsUtil.applyFontSize = function(themeOption, size) {
     }
   }
   
+  // 调整坐标轴标签字体大小和颜色
+  const applyAxisLabel = function(axis) {
+    if (!axis) return;
+    if (!axis.axisLabel) {
+      axis.axisLabel = {};
+    }
+    if (result.axisLabel && result.axisLabel.color) {
+      axis.axisLabel.color = result.axisLabel.color;
+    }
+    axis.axisLabel.fontSize = fontSizeConfig.axisLabel;
+  };
+  
+  if (result.xAxis) {
+    if (Array.isArray(result.xAxis)) {
+      result.xAxis.forEach(applyAxisLabel);
+    } else {
+      applyAxisLabel(result.xAxis);
+    }
+  }
+  
+  if (result.yAxis) {
+    if (Array.isArray(result.yAxis)) {
+      result.yAxis.forEach(applyAxisLabel);
+    } else {
+      applyAxisLabel(result.yAxis);
+    }
+  }
+  
   return result;
 };
 

package/src/components/xt-config-provider/index.vue

@@ -1,5 +1,9 @@
 <script>
 import EchartsUtil from '../xt-chart/utils.js'
+
+// SSR 兼容：Node.js 环境中 HTMLElement 不存在
+const HTMLElementType = typeof HTMLElement !== 'undefined' ? HTMLElement : Object
+
 export default {
   name: 'XtConfigProvider',
   inheritAttrs: false,
@@ -107,7 +111,7 @@ export default {
       default: false
     },
     proxyElement: {
-      type: [HTMLElement, String, Object],
+      type: [HTMLElementType, String, Object],
       default: null,
       description: '代理元素，将样式应用到该元素上。支持 HTMLElement、CSS选择器字符串或 ref 对象'
     },