xt-element-ui 1.0.8 → 1.0.9

package/lib/index.umd.js

@@ -96,13 +96,6 @@ return /******/ (function(modules) { // webpackBootstrap
 /************************************************************************/
 /******/ ({
 
-/***/ "11a3":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "27fd":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -111,47 +104,14 @@ module.exports = {"xtColorPrimary":"#409EFF","xtColorSuccess":"#67C23A","xtColor
 
 /***/ }),
 
-/***/ "3a26":
+/***/ "7fc4":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "43ae":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_28fcf19e_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3a26");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_28fcf19e_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_28fcf19e_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
-/***/ }),
-
-/***/ "7876":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1100cec5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ec69");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1100cec5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1100cec5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
-/***/ }),
-
-/***/ "d0ed":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_444d40a5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("11a3");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_444d40a5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_444d40a5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
-/***/ }),
-
-/***/ "ec69":
+/***/ "d67a":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -166,18 +126,18 @@ module.exports = {"xtColorPrimary":"#409EFF","xtColorSuccess":"#67C23A","xtColor
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "utils", function() { return /* reexport */ utils; });
+__webpack_require__.d(__webpack_exports__, "utils", function() { return /* reexport */ src_utils; });
 __webpack_require__.d(__webpack_exports__, "variables", function() { return /* reexport */ export_default.a; });
 __webpack_require__.d(__webpack_exports__, "getConfig", function() { return /* reexport */ src_getConfig; });
 __webpack_require__.d(__webpack_exports__, "setConfig", function() { return /* reexport */ src_setConfig; });
-__webpack_require__.d(__webpack_exports__, "setTheme", function() { return /* reexport */ src_setTheme; });
-__webpack_require__.d(__webpack_exports__, "setSize", function() { return /* reexport */ src_setSize; });
-__webpack_require__.d(__webpack_exports__, "setPrimaryColor", function() { return /* reexport */ src_setPrimaryColor; });
 __webpack_require__.d(__webpack_exports__, "getTheme", function() { return /* reexport */ src_getTheme; });
 __webpack_require__.d(__webpack_exports__, "getSize", function() { return /* reexport */ src_getSize; });
 __webpack_require__.d(__webpack_exports__, "getPrimaryColor", function() { return /* reexport */ src_getPrimaryColor; });
 __webpack_require__.d(__webpack_exports__, "resetConfig", function() { return /* reexport */ src_resetConfig; });
 __webpack_require__.d(__webpack_exports__, "onConfigChange", function() { return /* reexport */ src_onConfigChange; });
+__webpack_require__.d(__webpack_exports__, "setTheme", function() { return /* reexport */ src_setTheme; });
+__webpack_require__.d(__webpack_exports__, "setSize", function() { return /* reexport */ src_setSize; });
+__webpack_require__.d(__webpack_exports__, "setPrimaryColor", function() { return /* reexport */ src_setPrimaryColor; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -195,154 +155,258 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
+// EXTERNAL MODULE: ./src/styles/vars.scss
+var vars = __webpack_require__("7fc4");
+
+// EXTERNAL MODULE: ./src/components/index.scss
+var components = __webpack_require__("d67a");
+
 // EXTERNAL MODULE: ./src/styles/export.scss
 var styles_export = __webpack_require__("27fd");
 var export_default = /*#__PURE__*/__webpack_require__.n(styles_export);
 
 // CONCATENATED MODULE: ./src/utils/index.js
-
-// 默认配置
-const defaultConfig = {
-    theme: 'light',
-    size: 'medium',
-    primaryColor: '#1890ff'
-  }
-  
-  // 当前配置
-  let currentConfig = { ...defaultConfig }
-  
-  // 配置变更事件处理
-  const configChangeListeners = []
-  
-  const emitConfigChange = function(key, value) {
-    configChangeListeners.forEach(listener => {
-      listener(key, value)
-    })
-  }
-  
-  // 获取所有配置
-  const getConfig = function() {
-    return { ...currentConfig }
-  }
-  
-  // 设置全局配置
-  const setConfig = function(config) {
-    if (typeof config !== 'object' || config === null) {
-      console.warn('[XtElementUI] setConfig 必须传入对象参数')
-      return
-    }
-  
-    if (config.theme !== undefined) {
-      setTheme(config.theme)
-    }
-    if (config.size !== undefined) {
-      setSize(config.size)
-    }
-    if (config.primaryColor !== undefined) {
-      setPrimaryColor(config.primaryColor)
-    }
-  }
-  
-
-// 设置主题
-const setTheme = function(theme) {
-    const validThemes = ['light', 'dark', 'compact']
-    if (!validThemes.includes(theme)) {
-      console.warn(`[XtElementUI] 无效的主题值: ${theme}，可选值: ${validThemes.join(', ')}`)
-      return
-    }
-    
-    currentConfig.theme = theme
-    document.documentElement.setAttribute('data-theme', theme)
-    emitConfigChange('theme', theme)
-  }
-  
-  // 设置字体大小
-  const setSize = function(size) {
-    const validSizes = ['small', 'medium', 'large']
-    if (!validSizes.includes(size)) {
-      console.warn(`[XtElementUI] 无效的大小值: ${size}，可选值: ${validSizes.join(', ')}`)
-      return
-    }
-    
-    currentConfig.size = size
-    document.documentElement.setAttribute('data-size', size)
-    emitConfigChange('size', size)
-  }
-  
-  // 设置主色调
-  const setPrimaryColor = function(color) {
-    // 简单的颜色格式验证
-    const colorRegex = /^#[0-9A-Fa-f]{6}$|^#[0-9A-Fa-f]{3}$/
-    if (!colorRegex.test(color)) {
-      console.warn(`[XtElementUI] 无效的颜色值: ${color}，请使用十六进制颜色格式，如 #1890ff`)
-      return
-    }
-    
-    currentConfig.primaryColor = color
-    document.documentElement.style.setProperty('--xt-color-primary', color)
-    emitConfigChange('primaryColor', color)
-  }
-  
-  // 获取当前主题
-  const getTheme = function() {
-    return currentConfig.theme
-  }
-  
-  // 获取当前字体大小
-  const getSize = function() {
-    return currentConfig.size
-  }
-  
-  // 获取当前主色调
-  const getPrimaryColor = function() {
-    return currentConfig.primaryColor
-  }
-  
-  // 重置为默认配置
-  const resetConfig = function() {
-    setConfig(defaultConfig)
-  }
-  
-  // 监听配置变更
-  const onConfigChange = function(listener) {
-    if (typeof listener === 'function') {
-      configChangeListeners.push(listener)
-      return function() {
-        const index = configChangeListeners.indexOf(listener)
-        if (index > -1) {
-          configChangeListeners.splice(index, 1)
-        }
-      }
-    } else {
-      console.warn('[XtElementUI] onConfigChange 必须传入函数')
-    }
-  }
-
-  /* harmony default export */ var utils = ({
-    setTheme,
-    setSize,
-    setPrimaryColor
-  });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/button/index.vue?vue&type=template&id=0ad9d4c9
-var render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-button',{on:{"click":_vm.handleClick}},[_vm._t("default")],2)
+// 默认配置
+const defaultConfig = {
+    theme: 'light',
+    size: 'medium',
+    primaryColor: '#409EFF'
+}
+
+// 当前配置
+let currentConfig = { ...defaultConfig }
+
+// 调试：输出初始化信息
+console.log('[XtElementUI] utils initialized with currentConfig:', currentConfig)
+
+// 配置变更事件处理
+const configChangeListeners = []
+
+const emitConfigChange = function(key, value) {
+  configChangeListeners.forEach(listener => {
+    listener(key, value)
+  })
+}
+
+// 获取所有配置
+const getConfig = function() {
+  return { ...currentConfig }
+}
+
+// 设置全局配置
+const setConfig = function(config) {
+  if (typeof config !== 'object' || config === null) {
+    console.warn('[XtElementUI] setConfig 必须传入对象参数')
+    return
+  }
+
+  if (config.theme !== undefined) {
+    setTheme(config.theme)
+  }
+  if (config.size !== undefined) {
+    setSize(config.size)
+  }
+  if (config.primaryColor !== undefined) {
+    setPrimaryColor(config.primaryColor)
+  }
+}
+
+
+// 设置主题
+const setTheme = function(theme) {
+    const validThemes = ['light', 'dark']
+    if (!validThemes.includes(theme)) {
+      console.warn(`[XtElementUI] 无效的主题值: ${theme}，可选值: ${validThemes.join(', ')}`)
+      return
+    }
+    
+    currentConfig.theme = theme
+    const root = document.documentElement
+    
+    // 使用类名方式切换主题（兼容 Element Plus 风格）
+    if (theme === 'dark') {
+      root.classList.add('dark')
+      root.setAttribute('data-theme', 'dark')
+    } else {
+      root.classList.remove('dark')
+      root.removeAttribute('data-theme')
+    }
+    
+    emitConfigChange('theme', theme)
+}
+
+// 设置字体大小
+const setSize = function(size) {
+    const validSizes = ['small', 'medium', 'large']
+    if (!validSizes.includes(size)) {
+      console.warn(`[XtElementUI] 无效的大小值: ${size}，可选值: ${validSizes.join(', ')}`)
+      return
+    }
+    
+    currentConfig.size = size
+    document.documentElement.setAttribute('data-size', size)
+    emitConfigChange('size', size)
+}
+
+// 将十六进制颜色转换为 RGB 对象
+function hexToRgb(hex) {
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
+    return result ? {
+        r: parseInt(result[1], 16),
+        g: parseInt(result[2], 16),
+        b: parseInt(result[3], 16)
+    } : null
+}
+
+// 将 RGB 对象转换为十六进制颜色
+function rgbToHex(r, g, b) {
+    return '#' + [r, g, b].map(x => {
+        const hex = x.toString(16)
+        return hex.length === 1 ? '0' + hex : hex
+    }).join('')
+}
+
+// 计算浅色系列（混合白色）
+function lightenColor(hex, percent) {
+    const rgb = hexToRgb(hex)
+    if (!rgb) return hex
+    
+    const amount = Math.round(2.55 * percent)
+    const r = Math.min(255, rgb.r + amount)
+    const g = Math.min(255, rgb.g + amount)
+    const b = Math.min(255, rgb.b + amount)
+    
+    return rgbToHex(r, g, b)
+}
+
+// 设置主色调
+const setPrimaryColor = function(color) {
+    // 颜色格式验证（支持 3/6/8 位十六进制）
+    const colorRegex = /^#[0-9A-Fa-f]{3}$|^#[0-9A-Fa-f]{6}$|^#[0-9A-Fa-f]{8}$/
+    if (!colorRegex.test(color)) {
+      console.warn(`[XtElementUI] 无效的颜色值: ${color}，请使用十六进制颜色格式，如 #1890ff`)
+      return
+    }
+
+    // 转换为 6 位十六进制（去掉透明度）
+    let validColor = color
+    if (color.length === 4) {
+      // #RGB 转换为 #RRGGBB
+      validColor = '#' + color[1] + color[1] + color[2] + color[2] + color[3] + color[3]
+    } else if (color.length === 9) {
+      // #RRGGBBAA 转换为 #RRGGBB（去掉 Alpha）
+      validColor = color.substring(0, 7)
+    }
+
+    currentConfig.primaryColor = validColor
+    
+    // 设置主色调
+    document.documentElement.style.setProperty('--xt-color-primary', validColor)
+    
+    // 动态计算并设置浅色系列
+    document.documentElement.style.setProperty('--xt-color-primary-light-3', lightenColor(validColor, 30))
+    document.documentElement.style.setProperty('--xt-color-primary-light-5', lightenColor(validColor, 50))
+    document.documentElement.style.setProperty('--xt-color-primary-light-7', lightenColor(validColor, 70))
+    document.documentElement.style.setProperty('--xt-color-primary-light-8', lightenColor(validColor, 80))
+    document.documentElement.style.setProperty('--xt-color-primary-light-9', lightenColor(validColor, 90))
+    
+    emitConfigChange('primaryColor', validColor)
+    console.log('[XtElementUI] 主色调已设置为:', validColor)
+}
+
+// 获取当前主题
+const getTheme = function() {
+    return currentConfig.theme
+}
+
+// 获取当前字体大小
+const getSize = function() {
+    return currentConfig.size
+}
+
+// 获取当前主色调
+const getPrimaryColor = function() {
+    return currentConfig.primaryColor
+}
+
+// 重置为默认配置
+const resetConfig = function() {
+    setConfig(defaultConfig)
+}
+
+// 监听配置变更
+const onConfigChange = function(listener) {
+    if (typeof listener === 'function') {
+      configChangeListeners.push(listener)
+      return function() {
+        const index = configChangeListeners.indexOf(listener)
+        if (index > -1) {
+          configChangeListeners.splice(index, 1)
+        }
+      }
+    } else {
+      console.warn('[XtElementUI] onConfigChange 必须传入函数')
+    }
+}
+
+/* harmony default export */ var utils = ({
+    setTheme,
+    setSize,
+    setPrimaryColor,
+    getConfig,
+    setConfig,
+    getTheme,
+    getSize,
+    getPrimaryColor,
+    resetConfig,
+    onConfigChange
+});
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"721fc731-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/button/index.vue?vue&type=template&id=0886961b
+var render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-button',{staticClass:"xt-button",class:['xt-button--' + _vm.type],style:(_vm.buttonStyle),attrs:{"type":_vm.type,"plain":_vm.plain},on:{"click":_vm.handleClick}},[_vm._t("default")],2)
 }
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/button/index.vue?vue&type=template&id=0ad9d4c9
+// CONCATENATED MODULE: ./src/components/button/index.vue?vue&type=template&id=0886961b
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/button/index.vue?vue&type=script&lang=js
-
-  /* harmony default export */ var buttonvue_type_script_lang_js = ({
-    name: 'XtButton',
-    methods:{
-      handleClick(){
-        this.$emit('click')
-      }
-    }
-  });
-  
+
+/* harmony default export */ var buttonvue_type_script_lang_js = ({
+  name: 'XtButton',
+  props: {
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    plain: {
+      type: Boolean,
+      default: false
+    },
+    color: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    buttonStyle() {
+      if (this.color) {
+        return {
+          '--xt-button-bg-color': this.color,
+          '--xt-button-border-color': this.color,
+          '--xt-button-text-color': '#fff'
+        }
+      }
+      return {}
+    }
+  },
+  methods: {
+    handleClick() {
+      this.$emit('click')
+    }
+  }
+});
+
 // CONCATENATED MODULE: ./src/components/button/index.vue?vue&type=script&lang=js
  /* harmony default export */ var components_buttonvue_type_script_lang_js = (buttonvue_type_script_lang_js); 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
@@ -466,27 +530,41 @@ var component = normalizeComponent(
 // CONCATENATED MODULE: ./src/components/button/index.js
 
 /* harmony default export */ var src_components_button = (components_button);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/input/index.vue?vue&type=template&id=fe9146e4
-var inputvue_type_template_id_fe9146e4_render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-input',{attrs:{"value":_vm.value,"placeholder":_vm.placeholder},on:{"input":function($event){return _vm.$emit('input', $event)}}})
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"721fc731-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/input/index.vue?vue&type=template&id=4349f550
+var inputvue_type_template_id_4349f550_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"xt-input"},[_c('el-input',{style:(_vm.inputStyle),attrs:{"value":_vm.value,"placeholder":_vm.placeholder},on:{"input":function($event){return _vm.$emit('input', $event)}}})],1)
 }
-var inputvue_type_template_id_fe9146e4_staticRenderFns = []
+var inputvue_type_template_id_4349f550_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/input/index.vue?vue&type=template&id=fe9146e4
+// CONCATENATED MODULE: ./src/components/input/index.vue?vue&type=template&id=4349f550
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/input/index.vue?vue&type=script&lang=js
 
-  /* harmony default export */ var inputvue_type_script_lang_js = ({
-    name: 'XtInput',
-    props: {
-      value: [String, Number],
-      placeholder: {
-        type: String,
-        default: '请输入内容'
+/* harmony default export */ var inputvue_type_script_lang_js = ({
+  name: 'XtInput',
+  props: {
+    value: [String, Number],
+    placeholder: {
+      type: String,
+      default: '请输入内容'
+    },
+    color: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    inputStyle() {
+      if (this.color) {
+        return {
+          '--xt-input-focus-color': this.color
+        }
       }
+      return {}
     }
-  });
-  
+  }
+});
+
 // CONCATENATED MODULE: ./src/components/input/index.vue?vue&type=script&lang=js
  /* harmony default export */ var components_inputvue_type_script_lang_js = (inputvue_type_script_lang_js); 
 // CONCATENATED MODULE: ./src/components/input/index.vue
@@ -499,8 +577,8 @@ var inputvue_type_template_id_fe9146e4_staticRenderFns = []
 
 var input_component = normalizeComponent(
   components_inputvue_type_script_lang_js,
-  inputvue_type_template_id_fe9146e4_render,
-  inputvue_type_template_id_fe9146e4_staticRenderFns,
+  inputvue_type_template_id_4349f550_render,
+  inputvue_type_template_id_4349f550_staticRenderFns,
   false,
   null,
   null,
@@ -512,55 +590,60 @@ var input_component = normalizeComponent(
 // CONCATENATED MODULE: ./src/components/input/index.js
 
 /* harmony default export */ var components_input = (input);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/flex-box/index.vue?vue&type=template&id=28fcf19e&scoped=true
-var flex_boxvue_type_template_id_28fcf19e_scoped_true_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"xt-flex-box",class:_vm.classAttrs,staticStyle:{"gap":"gap"}},[_vm._t("default")],2)
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"721fc731-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/flex-box/index.vue?vue&type=template&id=68f07021
+var flex_boxvue_type_template_id_68f07021_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"xt-flex-box",class:_vm.classAttrs,style:(_vm.flexStyle)},[_vm._t("default")],2)
 }
-var flex_boxvue_type_template_id_28fcf19e_scoped_true_staticRenderFns = []
+var flex_boxvue_type_template_id_68f07021_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/flex-box/index.vue?vue&type=template&id=28fcf19e&scoped=true
+// CONCATENATED MODULE: ./src/components/flex-box/index.vue?vue&type=template&id=68f07021
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/flex-box/index.vue?vue&type=script&lang=js
 
 /* harmony default export */ var flex_boxvue_type_script_lang_js = ({
-    name: "XtFlex",
+    name: "XtFlexBox",
     props: {
-        type: "flex",
-        align: "center",
-        content: "start",
-        direction: "row",
-        wrap: "unset",
-        gap: {}
+        type: { type: String, default: "flex" },
+        align: { type: String, default: "center" },
+        content: { type: String, default: "start" },
+        direction: { type: String, default: "row" },
+        wrap: { type: String, default: "unset" },
+        gap: { type: String, default: "" }
     },
     computed: {
         classAttrs(){
-            const {inline, align, wrap, direction,content} = this;
-            return [`${inline?'is-inline':'flex'}`, `align-${align} content-${content} direction-${direction} wrap-${wrap}`]
+            const { type, align, wrap, direction, content } = this;
+            return [`${type}`, `align-${align}`, `content-${content}`, `direction-${direction}`, `wrap-${wrap}`]
+        },
+        flexStyle() {
+            const result = {}
+            if (this.gap) {
+                result.gap = this.gap
+            } else {
+                result.gap = 'var(--xt-flex-box-gap, 8px)'
+            }
+            return result
         }
     }
 });
 
 // CONCATENATED MODULE: ./src/components/flex-box/index.vue?vue&type=script&lang=js
  /* harmony default export */ var components_flex_boxvue_type_script_lang_js = (flex_boxvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/flex-box/index.vue?vue&type=style&index=0&id=28fcf19e&prod&scoped=true&lang=scss
-var flex_boxvue_type_style_index_0_id_28fcf19e_prod_scoped_true_lang_scss = __webpack_require__("43ae");
-
 // CONCATENATED MODULE: ./src/components/flex-box/index.vue
 
 
 
 
 
-
 /* normalize component */
 
 var flex_box_component = normalizeComponent(
   components_flex_boxvue_type_script_lang_js,
-  flex_boxvue_type_template_id_28fcf19e_scoped_true_render,
-  flex_boxvue_type_template_id_28fcf19e_scoped_true_staticRenderFns,
+  flex_boxvue_type_template_id_68f07021_render,
+  flex_boxvue_type_template_id_68f07021_staticRenderFns,
   false,
   null,
-  "28fcf19e",
+  null,
   null
   
 )
@@ -569,50 +652,46 @@ var flex_box_component = normalizeComponent(
 // CONCATENATED MODULE: ./src/components/flex-box/index.js
 
 /* harmony default export */ var components_flex_box = (flex_box);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/card/index.vue?vue&type=template&id=444d40a5&scoped=true
-var cardvue_type_template_id_444d40a5_scoped_true_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"xt-card",class:{'no-padding': _vm.noPadding }},[(_vm.title)?_c('div',{staticClass:"card_header"},[_vm._t("title",function(){return [_vm._v(_vm._s(_vm.title))]})],2):_vm._e(),_c('div',{staticClass:"card_body"},[_vm._t("default",function(){return [_c('span',{staticClass:"value"},[_vm._t("value",function(){return [_vm._v(_vm._s(_vm.value))]})],2),_c('span',{staticClass:"unit"},[_vm._v(_vm._s(_vm.unit))])]})],2)])
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"721fc731-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/card/index.vue?vue&type=template&id=cb20295a
+var cardvue_type_template_id_cb20295a_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"xt-card",class:{'no-padding': _vm.noPadding }},[(_vm.title)?_c('div',{staticClass:"card__header"},[_vm._t("title",function(){return [_vm._v(_vm._s(_vm.title))]})],2):_vm._e(),_c('div',{staticClass:"card__body"},[_vm._t("default",function(){return [_c('span',{staticClass:"value"},[_vm._t("value",function(){return [_vm._v(_vm._s(_vm.value))]})],2),_c('span',{staticClass:"unit"},[_vm._v(_vm._s(_vm.unit))])]})],2)])
 }
-var cardvue_type_template_id_444d40a5_scoped_true_staticRenderFns = []
+var cardvue_type_template_id_cb20295a_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/card/index.vue?vue&type=template&id=444d40a5&scoped=true
+// CONCATENATED MODULE: ./src/components/card/index.vue?vue&type=template&id=cb20295a
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/card/index.vue?vue&type=script&lang=js
 
 /* harmony default export */ var cardvue_type_script_lang_js = ({
-  name:"XtCard",
-  props:{
-    type:{},
-    title:{},
-    value:{},
-    unit:{},
-    icon:{},
-    iconIn:{default:"right"},
-    noPadding:{type:Boolean,default:false}
+  name: "XtCard",
+  props: {
+    type: {},
+    title: {},
+    value: {},
+    unit: {},
+    icon: {},
+    iconIn: { default: "right" },
+    noPadding: { type: Boolean, default: false }
   }
 });
 
 // CONCATENATED MODULE: ./src/components/card/index.vue?vue&type=script&lang=js
  /* harmony default export */ var components_cardvue_type_script_lang_js = (cardvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/card/index.vue?vue&type=style&index=0&id=444d40a5&prod&lang=scss&scoped=true
-var cardvue_type_style_index_0_id_444d40a5_prod_lang_scss_scoped_true = __webpack_require__("d0ed");
-
 // CONCATENATED MODULE: ./src/components/card/index.vue
 
 
 
 
 
-
 /* normalize component */
 
 var card_component = normalizeComponent(
   components_cardvue_type_script_lang_js,
-  cardvue_type_template_id_444d40a5_scoped_true_render,
-  cardvue_type_template_id_444d40a5_scoped_true_staticRenderFns,
+  cardvue_type_template_id_cb20295a_render,
+  cardvue_type_template_id_cb20295a_staticRenderFns,
   false,
   null,
-  "444d40a5",
+  null,
   null
   
 )
@@ -621,74 +700,90 @@ var card_component = normalizeComponent(
 // CONCATENATED MODULE: ./src/components/card/index.js
 
 /* harmony default export */ var components_card = (card);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/card-item/index.vue?vue&type=template&id=1100cec5&scoped=true
-var card_itemvue_type_template_id_1100cec5_scoped_true_render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.iconType=='border')?_c('FlexBox',{staticClass:"xt-card-item is-border",class:[_vm.iconType=='border'?`is-${_vm.type}`:''],attrs:{"content":"between"}},[(_vm.title)?_c('span',{staticClass:"item_label"},[_vm._t("label",function(){return [_vm._v(_vm._s(_vm.label))]})],2):_vm._e(),_c('span',{staticClass:"item-value"},[_vm._t("value",function(){return [_vm._v(_vm._s(_vm.value))]})],2),_c('span',{staticClass:"item_unit"},[_vm._t("unit",function(){return [_vm._v(_vm._s(_vm.unit))]})],2)]):_c('FlexBox',{staticClass:"xt-card-item",attrs:{"direction":_vm.direction,"content":_vm.contentAlign}},[_vm._t("icon",function(){return [_c('el-button',{attrs:{"type":_vm.type,"circle":_vm.circle,"round":_vm.round,"plain":"","icon":_vm.icon}})]}),_c('div',{staticClass:"item-value"},[_c('span',{staticClass:"value"},[_vm._t("value",function(){return [_vm._v(_vm._s(_vm.label))]})],2),_c('div',{staticClass:"unit"},[_vm._v(_vm._s(_vm.value))])])],2)
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"721fc731-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/card-item/index.vue?vue&type=template&id=20eea1e3
+var card_itemvue_type_template_id_20eea1e3_render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.iconType=='border')?_c('FlexBox',{staticClass:"xt-card-item is-border",class:[_vm.iconType=='border'?`is-${_vm.type}`:''],style:(_vm.cardItemStyle),attrs:{"content":"between"}},[(_vm.title)?_c('span',{staticClass:"item__label"},[_vm._t("label",function(){return [_vm._v(_vm._s(_vm.label))]})],2):_vm._e(),_c('span',{staticClass:"item__value"},[_vm._t("value",function(){return [_vm._v(_vm._s(_vm.value))]})],2),_c('span',{staticClass:"item__unit"},[_vm._t("unit",function(){return [_vm._v(_vm._s(_vm.unit))]})],2)]):_c('FlexBox',{staticClass:"xt-card-item",attrs:{"direction":_vm.direction,"content":_vm.contentAlign}},[_vm._t("icon",function(){return [_c('el-button',{attrs:{"type":_vm.type,"circle":_vm.circle,"round":_vm.round,"plain":"","icon":_vm.icon}})]}),_c('div',{staticClass:"item__value"},[_c('span',{staticClass:"value",style:(_vm.valueStyle)},[_vm._t("value",function(){return [_vm._v(_vm._s(_vm.label))]})],2),_c('div',{staticClass:"unit"},[_vm._v(_vm._s(_vm.value))])])],2)
 }
-var card_itemvue_type_template_id_1100cec5_scoped_true_staticRenderFns = []
+var card_itemvue_type_template_id_20eea1e3_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/card-item/index.vue?vue&type=template&id=1100cec5&scoped=true
+// CONCATENATED MODULE: ./src/components/card-item/index.vue?vue&type=template&id=20eea1e3
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/card-item/index.vue?vue&type=script&lang=js
 
 
 /* harmony default export */ var card_itemvue_type_script_lang_js = ({
-  name:"XtCardItem",
-  components:{
+  name: "XtCardItem",
+  components: {
     FlexBox: flex_box
   },
-  props:{
-    iconType:{default:"border"},
-    type:{default:"primary"},
-    label:{},
-    value:{},
-    unit:{},
-    icon:{},
-    iconAt:{default:"right"}
+  props: {
+    iconType: { default: "border" },
+    type: { default: "primary" },
+    label: {},
+    value: {},
+    unit: {},
+    icon: {},
+    iconAt: { default: "right" },
+    color: {
+      type: String,
+      default: ''
+    }
   },
-  data(){
-    return{
+  data() {
+    return {
       circle: false,
       round: false
     }
   },
-  computed:{
-    contentAlign(){
-      return this.iconAt=='center'?'center':'start'
+  computed: {
+    contentAlign() {
+      return this.iconAt == 'center' ? 'center' : 'start'
     },
-    direction(){
+    direction() {
       const iconAtMap = {
-        left:'row',
-        right:'row-reverse',
-        top:'column',
-        bottom:'column-reverse'
+        left: 'row',
+        right: 'row-reverse',
+        top: 'column',
+        bottom: 'column-reverse'
       }
       return iconAtMap[this.iconAt]
+    },
+    cardItemStyle() {
+      if (this.iconType === 'border' && this.type === 'primary' && this.color) {
+        return {
+          '--xt-card-item-color': this.color
+        }
+      }
+      return {}
+    },
+    valueStyle() {
+      if (this.iconType !== 'border' && this.type === 'primary' && this.color) {
+        return {
+          color: this.color
+        }
+      }
+      return {}
     }
   }
 });
 
 // CONCATENATED MODULE: ./src/components/card-item/index.vue?vue&type=script&lang=js
  /* harmony default export */ var components_card_itemvue_type_script_lang_js = (card_itemvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/card-item/index.vue?vue&type=style&index=0&id=1100cec5&prod&lang=scss&scoped=true
-var card_itemvue_type_style_index_0_id_1100cec5_prod_lang_scss_scoped_true = __webpack_require__("7876");
-
 // CONCATENATED MODULE: ./src/components/card-item/index.vue
 
 
 
 
 
-
 /* normalize component */
 
 var card_item_component = normalizeComponent(
   components_card_itemvue_type_script_lang_js,
-  card_itemvue_type_template_id_1100cec5_scoped_true_render,
-  card_itemvue_type_template_id_1100cec5_scoped_true_staticRenderFns,
+  card_itemvue_type_template_id_20eea1e3_render,
+  card_itemvue_type_template_id_20eea1e3_staticRenderFns,
   false,
   null,
-  "1100cec5",
+  null,
   null
   
 )
@@ -697,12 +792,223 @@ var card_item_component = normalizeComponent(
 // CONCATENATED MODULE: ./src/components/card-item/index.js
 
 /* harmony default export */ var components_card_item = (card_item);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"721fc731-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/config-provider/index.vue?vue&type=template&id=676593fc
+var config_providervue_type_template_id_676593fc_render = function render(){var _vm=this,_c=_vm._self._c;return _c(_vm.tag,_vm._b({tag:"component",class:_vm.computedClass,style:(_vm.mergedStyle)},'component',_vm.customAttrs,false),[_vm._t("default")],2)
+}
+var config_providervue_type_template_id_676593fc_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/config-provider/index.vue?vue&type=template&id=676593fc
+
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/config-provider/index.vue?vue&type=script&lang=js
+
+/* harmony default export */ var config_providervue_type_script_lang_js = ({
+  name: 'XtConfigProvider',
+  inheritAttrs: false,
+  props: {
+    theme: {
+      type: String,
+      default: 'light'
+    },
+    size: {
+      type: String,
+      default: 'medium'
+    },
+    primaryColor: {
+      type: String,
+      default: '#409EFF'
+    },
+    vars: {
+      type: Object,
+      default: () => ({})
+    },
+    tag: {
+      type: String,
+      default: 'div',
+      validator: (value) => {
+        return ['div', 'span', 'section', 'main', 'template', 'article', 'aside'].includes(value)
+      }
+    },
+    injectBackground: {
+      type: Boolean,
+      default: false
+    },
+    injectColor: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    mergedStyle() {
+      const result = { ...this.vars }
+      
+      if (this.primaryColor) {
+        const color = this.normalizeColor(this.primaryColor)
+        result['--xt-color-primary'] = color
+        result['--xt-color-primary-light-3'] = this.lightenColor(color, 30)
+        result['--xt-color-primary-light-5'] = this.lightenColor(color, 50)
+        result['--xt-color-primary-light-7'] = this.lightenColor(color, 70)
+        result['--xt-color-primary-light-8'] = this.lightenColor(color, 80)
+        result['--xt-color-primary-light-9'] = this.lightenColor(color, 90)
+      }
+      
+      const sizeMap = {
+        small: '12px',
+        medium: '14px',
+        large: '16px'
+      }
+      if (sizeMap[this.size]) {
+        result['--xt-font-size-base'] = sizeMap[this.size]
+      }
+      
+      if (this.theme === 'dark') {
+        result['--xt-color-text-primary'] = 'rgba(255, 255, 255, 0.95)'
+        result['--xt-color-text-regular'] = 'rgba(255, 255, 255, 0.8)'
+        result['--xt-color-text-secondary'] = 'rgba(255, 255, 255, 0.6)'
+        result['--xt-color-bg-primary'] = '#1f1f1f'
+        result['--xt-color-bg-secondary'] = '#2d2d2d'
+        result['--xt-color-bg-container'] = '#1f1f1f'
+        result['--xt-color-border'] = '#434343'
+        result['--xt-color-border-light'] = '#3d3d3d'
+        
+        if (this.injectBackground) {
+          result.backgroundColor = result['--xt-color-bg-primary']
+        }
+        if (this.injectColor) {
+          result.color = result['--xt-color-text-primary']
+        }
+      }
+      
+      return result
+    },
+    computedClass() {
+      const classes = []
+      
+      if (this.tag !== 'template') {
+        classes.push('xt-config-provider')
+        
+        if (this.theme === 'dark') {
+          classes.push('xt-config-provider--dark')
+        }
+      }
+      
+      return classes
+    },
+    customAttrs() {
+      const props = ['theme', 'size', 'primaryColor', 'vars', 'tag', 'injectBackground', 'injectColor']
+      const attrs = {}
+      
+      for (const key in this.$attrs) {
+        if (!props.includes(key)) {
+          attrs[key] = this.$attrs[key]
+        }
+      }
+      
+      return attrs
+    }
+  },
+  methods: {
+    normalizeColor(color) {
+      if (!color) return '#409EFF'
+      
+      if (/^#[0-9A-Fa-f]{6}$/.test(color)) {
+        return color
+      }
+      
+      if (/^#[0-9A-Fa-f]{3}$/.test(color)) {
+        return '#' + color[1] + color[1] + color[2] + color[2] + color[3] + color[3]
+      }
+      
+      if (/^#[0-9A-Fa-f]{8}$/.test(color)) {
+        return color.substring(0, 7)
+      }
+      
+      const rgbaMatch = color.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)/i)
+      if (rgbaMatch) {
+        const r = parseInt(rgbaMatch[1])
+        const g = parseInt(rgbaMatch[2])
+        const b = parseInt(rgbaMatch[3])
+        return this.rgbToHex(r, g, b)
+      }
+      
+      console.warn('[XtConfigProvider] 无法识别的颜色格式:', color)
+      return '#409EFF'
+    },
+    
+    hexToRgb(hex) {
+      const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
+      return result ? {
+        r: parseInt(result[1], 16),
+        g: parseInt(result[2], 16),
+        b: parseInt(result[3], 16)
+      } : null
+    },
+    
+    rgbToHex(r, g, b) {
+      return '#' + [r, g, b].map(x => {
+        const hex = x.toString(16)
+        return hex.length === 1 ? '0' + hex : hex
+      }).join('')
+    },
+    
+    lightenColor(hex, percent) {
+      const rgb = this.hexToRgb(hex)
+      if (!rgb) return hex
+      
+      const amount = Math.round(2.55 * percent)
+      const r = Math.min(255, rgb.r + amount)
+      const g = Math.min(255, rgb.g + amount)
+      const b = Math.min(255, rgb.b + amount)
+      
+      return this.rgbToHex(r, g, b)
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/config-provider/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_config_providervue_type_script_lang_js = (config_providervue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/config-provider/index.vue
+
+
+
+
+
+/* normalize component */
+
+var config_provider_component = normalizeComponent(
+  components_config_providervue_type_script_lang_js,
+  config_providervue_type_template_id_676593fc_render,
+  config_providervue_type_template_id_676593fc_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var config_provider = (config_provider_component.exports);
+// CONCATENATED MODULE: ./src/components/config-provider/index.js
+
+/* harmony default export */ var components_config_provider = (config_provider);
+
 // CONCATENATED MODULE: ./src/index.js
+// 导入主题样式（定义 CSS 变量）
+
+
+// 导入组件样式（统一入口）
+
+
 // 导入 SCSS 变量（通过 CSS Modules :export 导出）
 
 
 
 
+// ES Module 默认导出需要通过 .default 访问
+const src_utils = utils.default || utils
+
+// 从 utils 导入配置管理函数（仅用于存储配置）
+const { getConfig: src_getConfig, setConfig: src_setConfig, getTheme: src_getTheme, getSize: src_getSize, getPrimaryColor: src_getPrimaryColor, resetConfig: src_resetConfig, onConfigChange: src_onConfigChange, setTheme: src_setTheme, setSize: src_setSize, setPrimaryColor: src_setPrimaryColor } = src_utils
+
 // 导入组件
 
 
@@ -710,26 +1016,61 @@ var card_item_component = normalizeComponent(
 
 
 
+
 // 存储组件列表
-const components = [
+const src_components = [
   src_components_button,
   components_input,
   components_flex_box,
   components_card,
-  components_card_item
+  components_card_item,
+  components_config_provider
 ]
 
 
 // 定义 install 方法，Vue.use() 会自动调用
-const install = function (Vue) {
+const install = function (Vue, options = {}) {
   if (install.installed) return
   install.installed = true
 
   // 全局注册所有 xt- 组件
-  components.forEach(component => {
+  src_components.forEach(component => {
     Vue.component(component.name, component)
   })
-  Vue.prototype.$utils = utils
+  
+  // 将工具方法挂载到 Vue.prototype
+  Vue.prototype.$xt = {
+    setTheme: src_setTheme,
+    setSize: src_setSize,
+    setPrimaryColor: src_setPrimaryColor,
+    getConfig: src_getConfig,
+    setConfig: src_setConfig,
+    getTheme: src_getTheme,
+    getSize: src_getSize,
+    getPrimaryColor: src_getPrimaryColor,
+    resetConfig: src_resetConfig,
+    onConfigChange: src_onConfigChange
+  }
+
+  // 在安装时直接应用配置选项
+  if (options) {
+    // 处理主题配置
+    if (options.theme !== undefined) {
+      src_setTheme(options.theme)
+    }
+    // 处理字体大小配置
+    if (options.size !== undefined) {
+      src_setSize(options.size)
+    }
+    // 处理主色调配置
+    if (options.primaryColor !== undefined) {
+      src_setPrimaryColor(options.primaryColor)
+    }
+    // 处理完整配置对象
+    if (options.config !== undefined) {
+      src_setConfig(options.config)
+    }
+  }
 }
 
 // 支持全局 script 标签引入
@@ -745,127 +1086,13 @@ if (typeof window !== 'undefined' && window.Vue) {
   Input: components_input,
   FlexBox: components_flex_box,
   Card: components_card,
-  CardItem: components_card_item
+  CardItem: components_card_item,
+  ConfigProvider: components_config_provider
 });
 
 // 导出工具函数和变量
 
 
-// 默认配置
-const src_defaultConfig = {
-  theme: 'light',
-  size: 'medium',
-  primaryColor: '#1890ff'
-}
-
-// 当前配置
-let src_currentConfig = { ...src_defaultConfig }
-
-// 配置变更事件处理
-const src_configChangeListeners = []
-
-const src_emitConfigChange = function(key, value) {
-  src_configChangeListeners.forEach(listener => {
-    listener(key, value)
-  })
-}
-
-// 获取所有配置
-const src_getConfig = function() {
-  return { ...src_currentConfig }
-}
-
-// 设置全局配置
-const src_setConfig = function(config) {
-  if (typeof config !== 'object' || config === null) {
-    console.warn('[XtElementUI] setConfig 必须传入对象参数')
-    return
-  }
-
-  if (config.theme !== undefined) {
-    src_setTheme(config.theme)
-  }
-  if (config.size !== undefined) {
-    src_setSize(config.size)
-  }
-  if (config.primaryColor !== undefined) {
-    src_setPrimaryColor(config.primaryColor)
-  }
-}
-
-// 设置主题（只控制颜色）
-const src_setTheme = function(theme) {
-  const validThemes = ['light', 'dark']
-  if (!validThemes.includes(theme)) {
-    console.warn(`[XtElementUI] 无效的主题值: ${theme}，可选值: ${validThemes.join(', ')}`)
-    return
-  }
-  
-  src_currentConfig.theme = theme
-  document.documentElement.setAttribute('data-theme', theme)
-  src_emitConfigChange('theme', theme)
-}
-
-// 设置字体大小和间距
-const src_setSize = function(size) {
-  const validSizes = ['small', 'medium', 'large']
-  if (!validSizes.includes(size)) {
-    console.warn(`[XtElementUI] 无效的大小值: ${size}，可选值: ${validSizes.join(', ')}`)
-    return
-  }
-  
-  src_currentConfig.size = size
-  document.documentElement.setAttribute('data-size', size)
-  src_emitConfigChange('size', size)
-}
-
-// 设置主色调
-const src_setPrimaryColor = function(color) {
-  const colorRegex = /^#[0-9A-Fa-f]{6}$|^#[0-9A-Fa-f]{3}$/
-  if (!colorRegex.test(color)) {
-    console.warn(`[XtElementUI] 无效的颜色值: ${color}，请使用十六进制颜色格式，如 #1890ff`)
-    return
-  }
-  
-  src_currentConfig.primaryColor = color
-  document.documentElement.style.setProperty('--xt-color-primary', color)
-  src_emitConfigChange('primaryColor', color)
-}
-
-// 获取当前主题
-const src_getTheme = function() {
-  return src_currentConfig.theme
-}
-
-// 获取当前字体大小
-const src_getSize = function() {
-  return src_currentConfig.size
-}
-
-// 获取当前主色调
-const src_getPrimaryColor = function() {
-  return src_currentConfig.primaryColor
-}
-
-// 重置为默认配置
-const src_resetConfig = function() {
-  src_setConfig(src_defaultConfig)
-}
-
-// 监听配置变更
-const src_onConfigChange = function(listener) {
-  if (typeof listener === 'function') {
-    src_configChangeListeners.push(listener)
-    return function() {
-      const index = src_configChangeListeners.indexOf(listener)
-      if (index > -1) {
-        src_configChangeListeners.splice(index, 1)
-      }
-    }
-  } else {
-    console.warn('[XtElementUI] onConfigChange 必须传入函数')
-  }
-}
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js