xt-element-ui 1.0.5 → 1.0.7

package/lib/index.umd.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("ElementUI"), require("Vue"));
+		module.exports = factory();
 	else if(typeof define === 'function' && define.amd)
-		define("xt-element-ui", ["ElementUI", "Vue"], factory);
+		define("xt-element-ui", [], factory);
 	else if(typeof exports === 'object')
-		exports["xt-element-ui"] = factory(require("ElementUI"), require("Vue"));
+		exports["xt-element-ui"] = factory();
 	else
-		root["xt-element-ui"] = factory(root["ElementUI"], root["Vue"]);
-})((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__5f72__, __WEBPACK_EXTERNAL_MODULE__8bbf__) {
+		root["xt-element-ui"] = factory();
+})((typeof self !== 'undefined' ? self : this), function() {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -96,24 +96,65 @@ return /******/ (function(modules) { // webpackBootstrap
 /************************************************************************/
 /******/ ({
 
-/***/ "0fae":
+/***/ "1809":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "5f72":
-/***/ (function(module, exports) {
+/***/ "1e2e":
+/***/ (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_2a9eeb9d_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b7a7");
+/* 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_2a9eeb9d_prod_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_2a9eeb9d_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "2580":
+/***/ (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_3d0e4bcc_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1809");
+/* 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_3d0e4bcc_prod_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_3d0e4bcc_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "27fd":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"xtColorPrimary":"#409EFF","xtColorSuccess":"#67C23A","xtColorWarning":"#E6A23C","xtColorDanger":"#F56C6C","xtColorInfo":"#909399","xtColorPrimaryLight3":"#79BBFF","xtColorPrimaryLight5":"#A0CFFF","xtColorPrimaryLight7":"#C6E2FF","xtColorPrimaryLight8":"#D9ECFF","xtColorPrimaryLight9":"#ECF5FF","xtColorTextPrimary":"#303133","xtColorTextRegular":"#606266","xtColorTextSecondary":"#909399","xtColorTextPlaceholder":"#C0C4CC","xtColorTextDisabled":"#C0C4CC","xtColorBgPrimary":"#ffffff","xtColorBgSecondary":"#f5f7fa","xtColorBgHover":"#f5f5f5","xtColorBgContainer":"#f5f7fa","xtColorBgOverlay":"#ffffff","xtColorBorder":"#DCDFE6","xtColorBorderLight":"#E4E7ED","xtColorBorderLighter":"#EBEEF5","xtColorBorderExtraLight":"#F2F6FC","xtFontSizeExtraLarge":"20px","xtFontSizeLarge":"18px","xtFontSizeMedium":"16px","xtFontSizeBase":"14px","xtFontSizeSmall":"13px","xtFontSizeExtraSmall":"12px","xtSpacingXs":"4px","xtSpacingSm":"8px","xtSpacingMd":"12px","xtSpacingLg":"16px","xtSpacingXl":"20px","xtBorderRadiusBase":"4px","xtBorderRadiusSmall":"2px","xtBorderRadiusRound":"20px","xtBorderRadiusCircle":"50%","xtShadowSm":"0 2px 4px rgba(0, 0, 0, 0.04)","xtShadowMd":"0 4px 12px rgba(0, 0, 0, 0.08)","xtShadowLg":"0 8px 24px rgba(0, 0, 0, 0.12)","xtTransitionDuration":"0.3s","xtTransitionDurationFast":"0.2s"};
+
+/***/ }),
+
+/***/ "4755":
+/***/ (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_617fe54e_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("991c");
+/* 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_617fe54e_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_617fe54e_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__5f72__;
 
 /***/ }),
 
-/***/ "8bbf":
-/***/ (function(module, exports) {
+/***/ "991c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "b7a7":
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -125,16 +166,18 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "getConfig", function() { return /* reexport */ getConfig; });
-__webpack_require__.d(__webpack_exports__, "setConfig", function() { return /* reexport */ setConfig; });
-__webpack_require__.d(__webpack_exports__, "setTheme", function() { return /* reexport */ setTheme; });
-__webpack_require__.d(__webpack_exports__, "setSize", function() { return /* reexport */ setSize; });
-__webpack_require__.d(__webpack_exports__, "setPrimaryColor", function() { return /* reexport */ setPrimaryColor; });
-__webpack_require__.d(__webpack_exports__, "getTheme", function() { return /* reexport */ getTheme; });
-__webpack_require__.d(__webpack_exports__, "getSize", function() { return /* reexport */ getSize; });
-__webpack_require__.d(__webpack_exports__, "getPrimaryColor", function() { return /* reexport */ getPrimaryColor; });
-__webpack_require__.d(__webpack_exports__, "resetConfig", function() { return /* reexport */ resetConfig; });
-__webpack_require__.d(__webpack_exports__, "onConfigChange", function() { return /* reexport */ onConfigChange; });
+__webpack_require__.d(__webpack_exports__, "utils", function() { return /* reexport */ 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; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -152,18 +195,136 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// EXTERNAL MODULE: external "Vue"
-var external_Vue_ = __webpack_require__("8bbf");
-var external_Vue_default = /*#__PURE__*/__webpack_require__.n(external_Vue_);
-
-// EXTERNAL MODULE: external "ElementUI"
-var external_ElementUI_ = __webpack_require__("5f72");
-var external_ElementUI_default = /*#__PURE__*/__webpack_require__.n(external_ElementUI_);
+// EXTERNAL MODULE: ./src/styles/export.scss
+var styles_export = __webpack_require__("27fd");
+var export_default = /*#__PURE__*/__webpack_require__.n(styles_export);
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/index.css
-var theme_chalk = __webpack_require__("0fae");
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8ff861e-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
+// 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":"5e39cd29-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)
 }
 var staticRenderFns = []
@@ -305,7 +466,7 @@ 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":"f8ff861e-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
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5e39cd29-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)}}})
 }
 var inputvue_type_template_id_fe9146e4_staticRenderFns = []
@@ -351,16 +512,170 @@ var input_component = normalizeComponent(
 // CONCATENATED MODULE: ./src/components/input/index.js
 
 /* harmony default export */ var components_input = (input);
-// CONCATENATED MODULE: ./src/index.js
-// 导入 Vue
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5e39cd29-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=617fe54e&scoped=true
+var flex_boxvue_type_template_id_617fe54e_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"}})
+}
+var flex_boxvue_type_template_id_617fe54e_scoped_true_staticRenderFns = []
 
 
-// 在导入 Element UI 之前，先将 Vue 设置为全局变量
-if (typeof window !== 'undefined') {
-  window.Vue = external_Vue_default.a
+// CONCATENATED MODULE: ./src/components/flex-box/index.vue?vue&type=template&id=617fe54e&scoped=true
+
+// 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",
+    props: {
+        type: "flex",
+        align: "center",
+        content: "start",
+        direction: "row",
+        wrap: "unset",
+        gap: {}
+    },
+    computed: {
+        classAttrs(){
+            const {inline, align, wrap, direction,content} = this;
+            return [`${inline?'is-inline':'flex'}`, `align-${align} content-${content} direction-${direction} wrap-${wrap}`]
+        }
+    }
+});
+
+// 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=617fe54e&prod&scoped=true&lang=scss
+var flex_boxvue_type_style_index_0_id_617fe54e_prod_scoped_true_lang_scss = __webpack_require__("4755");
+
+// 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_617fe54e_scoped_true_render,
+  flex_boxvue_type_template_id_617fe54e_scoped_true_staticRenderFns,
+  false,
+  null,
+  "617fe54e",
+  null
+  
+)
+
+/* harmony default export */ var flex_box = (flex_box_component.exports);
+// 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":"5e39cd29-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=2a9eeb9d
+var cardvue_type_template_id_2a9eeb9d_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_2a9eeb9d_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/card/index.vue?vue&type=template&id=2a9eeb9d
+
+// 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}
+  }
+});
+
+// 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=2a9eeb9d&prod&lang=scss
+var cardvue_type_style_index_0_id_2a9eeb9d_prod_lang_scss = __webpack_require__("1e2e");
+
+// CONCATENATED MODULE: ./src/components/card/index.vue
+
+
+
+
+
+
+/* normalize component */
+
+var card_component = normalizeComponent(
+  components_cardvue_type_script_lang_js,
+  cardvue_type_template_id_2a9eeb9d_render,
+  cardvue_type_template_id_2a9eeb9d_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var card = (card_component.exports);
+// 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":"5e39cd29-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=3d0e4bcc
+var card_itemvue_type_template_id_3d0e4bcc_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 card_itemvue_type_template_id_3d0e4bcc_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/card-item/index.vue?vue&type=template&id=3d0e4bcc
+
+// 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",
+  props:{
+    type:{},
+    title:{},
+    value:{},
+    unit:{},
+    icon:{},
+    iconIn:{default:"right"},
+    noPadding:{type:Boolean,default:false}
+  }
+});
+
+// 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=3d0e4bcc&prod&lang=scss
+var card_itemvue_type_style_index_0_id_3d0e4bcc_prod_lang_scss = __webpack_require__("2580");
+
+// 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_3d0e4bcc_render,
+  card_itemvue_type_template_id_3d0e4bcc_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var card_item = (card_item_component.exports);
+// CONCATENATED MODULE: ./src/components/card-item/index.js
+
+/* harmony default export */ var components_card_item = (card_item);
+// CONCATENATED MODULE: ./src/index.js
+// 导入 SCSS 变量（通过 CSS Modules :export 导出）
 
-// 导入 Element UI 并注册
 
 
 
@@ -368,16 +683,19 @@ if (typeof window !== 'undefined') {
 
 
 
+
+
+
 // 存储组件列表
 const components = [
   src_components_button,
-  components_input
+  components_input,
+  components_flex_box,
+  components_card,
+  components_card_item
 ]
 
 
-// 注册 Element UI
-external_Vue_default.a.use(external_ElementUI_default.a)
-
 // 定义 install 方法，Vue.use() 会自动调用
 const install = function (Vue) {
   if (install.installed) return
@@ -387,6 +705,7 @@ const install = function (Vue) {
   components.forEach(component => {
     Vue.component(component.name, component)
   })
+  Vue.prototype.$utils = utils
 }
 
 // 支持全局 script 标签引入
@@ -399,120 +718,124 @@ if (typeof window !== 'undefined' && window.Vue) {
   install,
   // 按需导出组件
   Button: src_components_button,
-  Input: components_input
+  Input: components_input,
+  FlexBox: components_flex_box,
+  Card: components_card,
+  CardItem: components_card_item
 });
 
+// 导出工具函数和变量
+
 
 // 默认配置
-const defaultConfig = {
+const src_defaultConfig = {
   theme: 'light',
   size: 'medium',
   primaryColor: '#1890ff'
 }
 
 // 当前配置
-let currentConfig = { ...defaultConfig }
+let src_currentConfig = { ...src_defaultConfig }
 
 // 配置变更事件处理
-const configChangeListeners = []
+const src_configChangeListeners = []
 
-const emitConfigChange = function(key, value) {
-  configChangeListeners.forEach(listener => {
+const src_emitConfigChange = function(key, value) {
+  src_configChangeListeners.forEach(listener => {
     listener(key, value)
   })
 }
 
 // 获取所有配置
-const getConfig = function() {
-  return { ...currentConfig }
+const src_getConfig = function() {
+  return { ...src_currentConfig }
 }
 
 // 设置全局配置
-const setConfig = function(config) {
+const src_setConfig = function(config) {
   if (typeof config !== 'object' || config === null) {
     console.warn('[XtElementUI] setConfig 必须传入对象参数')
     return
   }
 
   if (config.theme !== undefined) {
-    setTheme(config.theme)
+    src_setTheme(config.theme)
   }
   if (config.size !== undefined) {
-    setSize(config.size)
+    src_setSize(config.size)
   }
   if (config.primaryColor !== undefined) {
-    setPrimaryColor(config.primaryColor)
+    src_setPrimaryColor(config.primaryColor)
   }
 }
 
-// 设置主题
-const setTheme = function(theme) {
-  const validThemes = ['light', 'dark', 'compact']
+// 设置主题（只控制颜色）
+const src_setTheme = function(theme) {
+  const validThemes = ['light', 'dark']
   if (!validThemes.includes(theme)) {
     console.warn(`[XtElementUI] 无效的主题值: ${theme}，可选值: ${validThemes.join(', ')}`)
     return
   }
   
-  currentConfig.theme = theme
+  src_currentConfig.theme = theme
   document.documentElement.setAttribute('data-theme', theme)
-  emitConfigChange('theme', theme)
+  src_emitConfigChange('theme', theme)
 }
 
-// 设置字体大小
-const setSize = function(size) {
+// 设置字体大小和间距
+const src_setSize = function(size) {
   const validSizes = ['small', 'medium', 'large']
   if (!validSizes.includes(size)) {
     console.warn(`[XtElementUI] 无效的大小值: ${size}，可选值: ${validSizes.join(', ')}`)
     return
   }
   
-  currentConfig.size = size
+  src_currentConfig.size = size
   document.documentElement.setAttribute('data-size', size)
-  emitConfigChange('size', size)
+  src_emitConfigChange('size', size)
 }
 
 // 设置主色调
-const setPrimaryColor = function(color) {
-  // 简单的颜色格式验证
+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
   }
   
-  currentConfig.primaryColor = color
+  src_currentConfig.primaryColor = color
   document.documentElement.style.setProperty('--xt-color-primary', color)
-  emitConfigChange('primaryColor', color)
+  src_emitConfigChange('primaryColor', color)
 }
 
 // 获取当前主题
-const getTheme = function() {
-  return currentConfig.theme
+const src_getTheme = function() {
+  return src_currentConfig.theme
 }
 
 // 获取当前字体大小
-const getSize = function() {
-  return currentConfig.size
+const src_getSize = function() {
+  return src_currentConfig.size
 }
 
 // 获取当前主色调
-const getPrimaryColor = function() {
-  return currentConfig.primaryColor
+const src_getPrimaryColor = function() {
+  return src_currentConfig.primaryColor
 }
 
 // 重置为默认配置
-const resetConfig = function() {
-  setConfig(defaultConfig)
+const src_resetConfig = function() {
+  src_setConfig(src_defaultConfig)
 }
 
 // 监听配置变更
-const onConfigChange = function(listener) {
+const src_onConfigChange = function(listener) {
   if (typeof listener === 'function') {
-    configChangeListeners.push(listener)
+    src_configChangeListeners.push(listener)
     return function() {
-      const index = configChangeListeners.indexOf(listener)
+      const index = src_configChangeListeners.indexOf(listener)
       if (index > -1) {
-        configChangeListeners.splice(index, 1)
+        src_configChangeListeners.splice(index, 1)
       }
     }
   } else {