xt-element-ui 1.2.2 → 1.2.3

package/src/components/ex-upload/index.js

@@ -0,0 +1,2 @@
+import ExUpload from './index.vue'
+export default ExUpload

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

@@ -1,2 +1,2 @@
-import ConfigProvider from './index.vue'
-export default ConfigProvider
+import XtConfigProvider from './index.vue'
+export default XtConfigProvider

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

@@ -1,4 +1,5 @@
 <script>
+import EchartsUtil from '../ex-chart/utils.js'
 export default {
   name: 'XtConfigProvider',
   inheritAttrs: false,
@@ -139,9 +140,9 @@ export default {
       }
       
       const sizeMap = {
-        small: '12px',
-        medium: '14px',
-        large: '16px'
+        small: '14px',
+        medium: '16px',
+        large: '18px'
       }
       if (sizeMap[this.size]) {
         result['--xt-font-size-base'] = sizeMap[this.size]
@@ -308,6 +309,9 @@ export default {
       
       // 设置 data-theme 属性
       element.setAttribute('data-theme', this.theme)
+
+      // 更新图表颜色
+      EchartsUtil.changeAllTheme(this.theme, this.size, this.primaryColor)
       
       // 触发主题改变钩子（当主题实际发生变化时）
       if (prevTheme !== this.theme && typeof this.onThemeChange === 'function') {

package/src/components/xt-text/style/index.scss

@@ -76,17 +76,17 @@
 }
 
 // 暗色主题
-[data-theme='dark'] .xt-text--primary {
-}
-
-[data-theme='dark'] .xt-text--success {
-  color: $xt-dark-color-success;
-}
-
-[data-theme='dark'] .xt-text--warning {
-  color: $xt-dark-color-warning;
-}
-
-[data-theme='dark'] .xt-text--danger {
-  color: $xt-dark-color-danger;
+[data-theme='dark'], html.dark {
+  .xt-text--primary {
+    color: $xt-dark-color-primary;
+  }
+  .xt-text--success {
+    color: $xt-dark-color-success;
+  }
+  .xt-text--warning {
+    color: $xt-dark-color-warning;
+  }
+  .xt-text--danger {
+    color: $xt-dark-color-danger;
+  }
 }

package/src/styles/css-variables.scss

@@ -183,7 +183,7 @@
 // 暗色主题（参考 Element Plus）
 // ============================
 :root[data-theme="dark"],
-[data-theme="dark"] {
+[data-theme="dark"], html.dark {
     color-scheme: dark;
     --xt-color-primary: #409eff;
     --xt-color-primary-light-3: rgb(51, 117, 185);

package/src/styles/element-theme.scss

@@ -70,7 +70,7 @@
 
 /* 深色主题 */
 :root[data-theme="dark"],
-[data-theme="dark"] {
+[data-theme="dark"], html.dark {
   --el-color-primary: #409eff;
   --el-text-color-primary: #ffffff;
   --el-color-primary-light-9: #1d1e1f;

package/src/utils/index.js

@@ -1,3 +1,4 @@
+import EchartsUtil from '../components/ex-chart/utils'
 // 默认配置
 const defaultConfig = {
     theme: 'white',
@@ -44,7 +45,7 @@ export const setConfig = function(config) {
 }
 
 
-// 设置主题
+// 设置主题 并更新图表主题
 export const setTheme = function(theme) {
     const validThemes = ['white', 'dark']
     if (!validThemes.includes(theme)) {
@@ -59,9 +60,13 @@ export const setTheme = function(theme) {
     if (theme === 'dark') {
       root.setAttribute('data-theme', 'dark')
     } else {
-      root.removeAttribute('data-theme')
+      root.setAttribute('data-theme', theme)
     }
     
+    // 更新图表主题
+    EchartsUtil.changeAllTheme(currentConfig.theme, currentConfig.size)
+    console.log('更新图表主题')
+    
     emitConfigChange('theme', theme)
 }
 
@@ -75,6 +80,10 @@ export const setSize = function(size) {
     
     currentConfig.size = size
     document.documentElement.setAttribute('data-size', size)
+    // 更新图表主题
+    EchartsUtil.changeAllTheme(currentConfig.theme, currentConfig.size)
+    console.log('更新图表字体')
+
     emitConfigChange('size', size)
 }
 

package/src/components/xt-upload/index.js

@@ -1,2 +0,0 @@
-import XtUpload from './index.vue'
-export default XtUpload