xt-element-ui 1.0.5 → 1.0.6

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,11 @@ return /******/ (function(modules) { // webpackBootstrap
 /************************************************************************/
 /******/ ({
 
-/***/ "0fae":
+/***/ "27fd":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "5f72":
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__5f72__;
-
-/***/ }),
-
-/***/ "8bbf":
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
+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"};
 
 /***/ }),
 
@@ -125,16 +112,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 +141,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":"a978fd84-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 +412,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":"a978fd84-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 = []
@@ -352,15 +459,8 @@ var input_component = normalizeComponent(
 
 /* harmony default export */ var components_input = (input);
 // CONCATENATED MODULE: ./src/index.js
-// 导入 Vue
-
+// 导入 SCSS 变量（通过 CSS Modules :export 导出）
 
-// 在导入 Element UI 之前，先将 Vue 设置为全局变量
-if (typeof window !== 'undefined') {
-  window.Vue = external_Vue_default.a
-}
-
-// 导入 Element UI 并注册
 
 
 
@@ -375,9 +475,6 @@ const components = [
 ]
 
 
-// 注册 Element UI
-external_Vue_default.a.use(external_ElementUI_default.a)
-
 // 定义 install 方法，Vue.use() 会自动调用
 const install = function (Vue) {
   if (install.installed) return
@@ -387,6 +484,7 @@ const install = function (Vue) {
   components.forEach(component => {
     Vue.component(component.name, component)
   })
+  Vue.prototype.$utils = utils
 }
 
 // 支持全局 script 标签引入
@@ -402,117 +500,118 @@ if (typeof window !== 'undefined' && window.Vue) {
   Input: components_input
 });
 
+// 导出工具函数和变量
+
 
 // 默认配置
-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 {

package/lib/index.umd.min.js

@@ -1 +1 @@
-(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("ElementUI"),require("Vue")):"function"===typeof define&&define.amd?define("xt-element-ui",["ElementUI","Vue"],t):"object"===typeof exports?exports["xt-element-ui"]=t(require("ElementUI"),require("Vue")):e["xt-element-ui"]=t(e["ElementUI"],e["Vue"])})("undefined"!==typeof self?self:this,(function(e,t){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s="fb15")}({"0fae":function(e,t,n){},"5f72":function(t,n){t.exports=e},"8bbf":function(e,n){e.exports=t},fb15:function(e,t,n){"use strict";if(n.r(t),n.d(t,"getConfig",(function(){return z})),n.d(t,"setConfig",(function(){return V})),n.d(t,"setTheme",(function(){return X})),n.d(t,"setSize",(function(){return P})),n.d(t,"setPrimaryColor",(function(){return T})),n.d(t,"getTheme",(function(){return k})),n.d(t,"getSize",(function(){return R})),n.d(t,"getPrimaryColor",(function(){return q})),n.d(t,"resetConfig",(function(){return A})),n.d(t,"onConfigChange",(function(){return M})),"undefined"!==typeof window){var o=window.document.currentScript,r=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);r&&(n.p=r[1])}var i=n("8bbf"),u=n.n(i),f=n("5f72"),c=n.n(f),l=(n("0fae"),function(){var e=this,t=e._self._c;return t("el-button",{on:{click:e.handleClick}},[e._t("default")],2)}),s=[],a={name:"XtButton",methods:{handleClick(){this.$emit("click")}}},d=a;function p(e,t,n,o,r,i,u,f){var c,l="function"===typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),o&&(l.functional=!0),i&&(l._scopeId="data-v-"+i),u?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(u)},l._ssrRegister=c):r&&(c=f?function(){r.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:r),c)if(l.functional){l._injectStyles=c;var s=l.render;l.render=function(e,t){return c.call(t),s(e,t)}}else{var a=l.beforeCreate;l.beforeCreate=a?[].concat(a,c):[c]}return{exports:e,options:l}}var m=p(d,l,s,!1,null,null,null),h=m.exports,y=h,b=function(){var e=this,t=e._self._c;return t("el-input",{attrs:{value:e.value,placeholder:e.placeholder},on:{input:function(t){return e.$emit("input",t)}}})},_=[],v={name:"XtInput",props:{value:[String,Number],placeholder:{type:String,default:"请输入内容"}}},g=v,C=p(g,b,_,!1,null,null,null),w=C.exports,x=w;"undefined"!==typeof window&&(window.Vue=u.a);const E=[y,x];u.a.use(c.a);const $=function(e){$.installed||($.installed=!0,E.forEach(t=>{e.component(t.name,t)}))};"undefined"!==typeof window&&window.Vue&&$(window.Vue);var j={install:$,Button:y,Input:x};const S={theme:"light",size:"medium",primaryColor:"#1890ff"};let I={...S};const U=[],O=function(e,t){U.forEach(n=>{n(e,t)})},z=function(){return{...I}},V=function(e){"object"===typeof e&&null!==e?(void 0!==e.theme&&X(e.theme),void 0!==e.size&&P(e.size),void 0!==e.primaryColor&&T(e.primaryColor)):console.warn("[XtElementUI] setConfig 必须传入对象参数")},X=function(e){const t=["light","dark","compact"];t.includes(e)?(I.theme=e,document.documentElement.setAttribute("data-theme",e),O("theme",e)):console.warn(`[XtElementUI] 无效的主题值: ${e}，可选值: ${t.join(", ")}`)},P=function(e){const t=["small","medium","large"];t.includes(e)?(I.size=e,document.documentElement.setAttribute("data-size",e),O("size",e)):console.warn(`[XtElementUI] 无效的大小值: ${e}，可选值: ${t.join(", ")}`)},T=function(e){const t=/^#[0-9A-Fa-f]{6}$|^#[0-9A-Fa-f]{3}$/;t.test(e)?(I.primaryColor=e,document.documentElement.style.setProperty("--xt-color-primary",e),O("primaryColor",e)):console.warn(`[XtElementUI] 无效的颜色值: ${e}，请使用十六进制颜色格式，如 #1890ff`)},k=function(){return I.theme},R=function(){return I.size},q=function(){return I.primaryColor},A=function(){V(S)},M=function(e){if("function"===typeof e)return U.push(e),function(){const t=U.indexOf(e);t>-1&&U.splice(t,1)};console.warn("[XtElementUI] onConfigChange 必须传入函数")};t["default"]=j}})}));
+(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define("xt-element-ui",[],e):"object"===typeof exports?exports["xt-element-ui"]=e():t["xt-element-ui"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({"27fd":function(t,e,n){t.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"}},fb15:function(t,e,n){"use strict";if(n.r(e),n.d(e,"utils",(function(){return p})),n.d(e,"variables",(function(){return l.a})),n.d(e,"getConfig",(function(){return O})),n.d(e,"setConfig",(function(){return R})),n.d(e,"setTheme",(function(){return U})),n.d(e,"setSize",(function(){return D})),n.d(e,"setPrimaryColor",(function(){return M})),n.d(e,"getTheme",(function(){return k})),n.d(e,"getSize",(function(){return V})),n.d(e,"getPrimaryColor",(function(){return N})),n.d(e,"resetConfig",(function(){return H})),n.d(e,"onConfigChange",(function(){return W})),"undefined"!==typeof window){var o=window.document.currentScript,r=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);r&&(n.p=r[1])}var i=n("27fd"),l=n.n(i);const u={theme:"light",size:"medium",primaryColor:"#1890ff"};let a={...u};const c=[],f=function(t,e){c.forEach(n=>{n(t,e)})},s=function(t){const e=["light","dark","compact"];e.includes(t)?(a.theme=t,document.documentElement.setAttribute("data-theme",t),f("theme",t)):console.warn(`[XtElementUI] 无效的主题值: ${t}，可选值: ${e.join(", ")}`)},d=function(t){const e=["small","medium","large"];e.includes(t)?(a.size=t,document.documentElement.setAttribute("data-size",t),f("size",t)):console.warn(`[XtElementUI] 无效的大小值: ${t}，可选值: ${e.join(", ")}`)},m=function(t){const e=/^#[0-9A-Fa-f]{6}$|^#[0-9A-Fa-f]{3}$/;e.test(t)?(a.primaryColor=t,document.documentElement.style.setProperty("--xt-color-primary",t),f("primaryColor",t)):console.warn(`[XtElementUI] 无效的颜色值: ${t}，请使用十六进制颜色格式，如 #1890ff`)};var p={setTheme:s,setSize:d,setPrimaryColor:m},x=function(){var t=this,e=t._self._c;return e("el-button",{on:{click:t.handleClick}},[t._t("default")],2)},C=[],h={name:"XtButton",methods:{handleClick(){this.$emit("click")}}},g=h;function y(t,e,n,o,r,i,l,u){var a,c="function"===typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=n,c._compiled=!0),o&&(c.functional=!0),i&&(c._scopeId="data-v-"+i),l?(a=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(l)},c._ssrRegister=a):r&&(a=u?function(){r.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:r),a)if(c.functional){c._injectStyles=a;var f=c.render;c.render=function(t,e){return a.call(e),f(t,e)}}else{var s=c.beforeCreate;c.beforeCreate=s?[].concat(s,a):[a]}return{exports:t,options:c}}var S=y(g,x,C,!1,null,null,null),E=S.exports,b=E,v=function(){var t=this,e=t._self._c;return e("el-input",{attrs:{value:t.value,placeholder:t.placeholder},on:{input:function(e){return t.$emit("input",e)}}})},F=[],_={name:"XtInput",props:{value:[String,Number],placeholder:{type:String,default:"请输入内容"}}},$=_,w=y($,v,F,!1,null,null,null),z=w.exports,B=z;const P=[b,B],j=function(t){j.installed||(j.installed=!0,P.forEach(e=>{t.component(e.name,e)}),t.prototype.$utils=p)};"undefined"!==typeof window&&window.Vue&&j(window.Vue);var T={install:j,Button:b,Input:B};const X={theme:"light",size:"medium",primaryColor:"#1890ff"};let I={...X};const L=[],A=function(t,e){L.forEach(n=>{n(t,e)})},O=function(){return{...I}},R=function(t){"object"===typeof t&&null!==t?(void 0!==t.theme&&U(t.theme),void 0!==t.size&&D(t.size),void 0!==t.primaryColor&&M(t.primaryColor)):console.warn("[XtElementUI] setConfig 必须传入对象参数")},U=function(t){const e=["light","dark"];e.includes(t)?(I.theme=t,document.documentElement.setAttribute("data-theme",t),A("theme",t)):console.warn(`[XtElementUI] 无效的主题值: ${t}，可选值: ${e.join(", ")}`)},D=function(t){const e=["small","medium","large"];e.includes(t)?(I.size=t,document.documentElement.setAttribute("data-size",t),A("size",t)):console.warn(`[XtElementUI] 无效的大小值: ${t}，可选值: ${e.join(", ")}`)},M=function(t){const e=/^#[0-9A-Fa-f]{6}$|^#[0-9A-Fa-f]{3}$/;e.test(t)?(I.primaryColor=t,document.documentElement.style.setProperty("--xt-color-primary",t),A("primaryColor",t)):console.warn(`[XtElementUI] 无效的颜色值: ${t}，请使用十六进制颜色格式，如 #1890ff`)},k=function(){return I.theme},V=function(){return I.size},N=function(){return I.primaryColor},H=function(){R(X)},W=function(t){if("function"===typeof t)return L.push(t),function(){const e=L.indexOf(t);e>-1&&L.splice(e,1)};console.warn("[XtElementUI] onConfigChange 必须传入函数")};e["default"]=T}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xt-element-ui",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "基于 Vue2.7 + ElementUI 的组件库",
   "main": "lib/index.common.js",
   "module": "lib/index.esm.js",
@@ -32,6 +32,6 @@
   ],
   "dependencies": {
     "vue-server-renderer": "^2.7.14",
-    "xt-element-ui": "^1.0.4"
+    "xt-element-ui": "^1.0.5"
   }
 }

package/src/index.js

@@ -1,14 +1,7 @@
-// 导入 Vue
-import Vue from 'vue'
+// 导入 SCSS 变量（通过 CSS Modules :export 导出）
+import variables from './styles/export.scss'
 
-// 在导入 Element UI 之前，先将 Vue 设置为全局变量
-if (typeof window !== 'undefined') {
-  window.Vue = Vue
-}
-
-// 导入 Element UI 并注册
-import Element from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
+import utils from './utils/index'
 
 // 导入组件
 import Button from './components/button'
@@ -21,9 +14,6 @@ const components = [
 ]
 
 
-// 注册 Element UI
-Vue.use(Element)
-
 // 定义 install 方法，Vue.use() 会自动调用
 const install = function (Vue) {
   if (install.installed) return
@@ -33,6 +23,7 @@ const install = function (Vue) {
   components.forEach(component => {
     Vue.component(component.name, component)
   })
+  Vue.prototype.$utils = utils
 }
 
 // 支持全局 script 标签引入
@@ -48,6 +39,11 @@ export default {
   Input
 }
 
+// 导出工具函数和变量
+export {
+  utils,
+  variables
+}
 
 // 默认配置
 const defaultConfig = {
@@ -91,9 +87,9 @@ export const setConfig = function(config) {
   }
 }
 
-// 设置主题
+// 设置主题（只控制颜色）
 export const setTheme = function(theme) {
-  const validThemes = ['light', 'dark', 'compact']
+  const validThemes = ['light', 'dark']
   if (!validThemes.includes(theme)) {
     console.warn(`[XtElementUI] 无效的主题值: ${theme}，可选值: ${validThemes.join(', ')}`)
     return
@@ -104,7 +100,7 @@ export const setTheme = function(theme) {
   emitConfigChange('theme', theme)
 }
 
-// 设置字体大小
+// 设置字体大小和间距
 export const setSize = function(size) {
   const validSizes = ['small', 'medium', 'large']
   if (!validSizes.includes(size)) {
@@ -119,7 +115,6 @@ export const setSize = function(size) {
 
 // 设置主色调
 export 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`)

package/src/styles/export.scss

@@ -0,0 +1,86 @@
+@use './variables.scss' as *;
+
+// SCSS 变量导出给 JavaScript 使用
+:export {
+  // ===========================
+  // 主色调系列
+  // ===========================
+  xtColorPrimary: #{$xt-color-primary};           // 主颜色 - Element UI 标准蓝色
+  xtColorSuccess: #{$xt-color-success};           // 成功色 - Element UI 标准绿色
+  xtColorWarning: #{$xt-color-warning};           // 警告色 - Element UI 标准橙色
+  xtColorDanger: #{$xt-color-danger};             // 危险色 - Element UI 标准红色
+  xtColorInfo: #{$xt-color-info};                 // 信息色 - Element UI 标准灰色
+
+  // 主色调浅色系列
+  xtColorPrimaryLight3: #{$xt-color-primary-light-3};   // 主色浅色 30%
+  xtColorPrimaryLight5: #{$xt-color-primary-light-5};   // 主色浅色 50%
+  xtColorPrimaryLight7: #{$xt-color-primary-light-7};   // 主色浅色 70%
+  xtColorPrimaryLight8: #{$xt-color-primary-light-8};   // 主色浅色 80%
+  xtColorPrimaryLight9: #{$xt-color-primary-light-9};   // 主色浅色 90%
+
+  // ===========================
+  // 文字颜色
+  // ===========================
+  xtColorTextPrimary: #{$xt-color-text-primary};       // 主要文字颜色 - 最深
+  xtColorTextRegular: #{$xt-color-text-regular};       // 常规文字颜色 - 中等
+  xtColorTextSecondary: #{$xt-color-text-secondary};   // 次要文字颜色 - 较浅
+  xtColorTextPlaceholder: #{$xt-color-text-placeholder}; // 占位符文字颜色
+  xtColorTextDisabled: #{$xt-color-text-disabled};     // 禁用状态文字颜色
+
+  // ===========================
+  // 背景颜色
+  // ===========================
+  xtColorBgPrimary: #{$xt-color-bg-primary};       // 主背景色 - 白色
+  xtColorBgSecondary: #{$xt-color-bg-secondary};   // 次要背景色 - 浅灰
+  xtColorBgHover: #{$xt-color-bg-hover};           // 悬停背景色
+  xtColorBgContainer: #{$xt-color-bg-container};   // 容器背景色
+  xtColorBgOverlay: #{$xt-color-bg-overlay};       // 浮层背景色
+
+  // ===========================
+  // 边框颜色
+  // ===========================
+  xtColorBorder: #{$xt-color-border};                   // 边框颜色 - 标准
+  xtColorBorderLight: #{$xt-color-border-light};       // 边框浅色
+  xtColorBorderLighter: #{$xt-color-border-lighter};   // 边框更浅色
+  xtColorBorderExtraLight: #{$xt-color-border-extra-light}; // 边框极浅色
+
+  // ===========================
+  // 字体大小
+  // ===========================
+  xtFontSizeExtraLarge: #{$xt-font-size-extra-large};   // 特大字体
+  xtFontSizeLarge: #{$xt-font-size-large};              // 大字体
+  xtFontSizeMedium: #{$xt-font-size-medium};            // 中等字体
+  xtFontSizeBase: #{$xt-font-size-base};                // 基准字体
+  xtFontSizeSmall: #{$xt-font-size-small};              // 小字体
+  xtFontSizeExtraSmall: #{$xt-font-size-extra-small};   // 特小字体
+
+  // ===========================
+  // 间距
+  // ===========================
+  xtSpacingXs: #{$xt-spacing-xs};   // 最小间距
+  xtSpacingSm: #{$xt-spacing-sm};   // 小间距
+  xtSpacingMd: #{$xt-spacing-md};   // 中间距
+  xtSpacingLg: #{$xt-spacing-lg};   // 大间距
+  xtSpacingXl: #{$xt-spacing-xl};   // 特大间距
+
+  // ===========================
+  // 圆角
+  // ===========================
+  xtBorderRadiusBase: #{$xt-border-radius-base};     // 基准圆角
+  xtBorderRadiusSmall: #{$xt-border-radius-small};   // 小圆角
+  xtBorderRadiusRound: #{$xt-border-radius-round};   // 圆角（胶囊状）
+  xtBorderRadiusCircle: #{$xt-border-radius-circle}; // 圆形
+
+  // ===========================
+  // 阴影
+  // ===========================
+  xtShadowSm: #{$xt-shadow-sm};   // 小阴影
+  xtShadowMd: #{$xt-shadow-md};   // 中等阴影
+  xtShadowLg: #{$xt-shadow-lg};   // 大阴影
+
+  // ===========================
+  // 过渡动画
+  // ===========================
+  xtTransitionDuration: #{$xt-transition-duration};         // 默认过渡时长
+  xtTransitionDurationFast: #{$xt-transition-duration-fast}; // 快速过渡时长
+}

package/src/styles/theme-element.scss

@@ -1,4 +1,4 @@
-@import './variables.scss';
+@use './variables.scss' as *;
 
 /* Element UI 风格主题 */
 :root {