xt-element-ui 1.0.1 → 1.0.2

package/lib/index.common.js

@@ -59,8 +59,14 @@ __webpack_require__.d(__webpack_exports__, {
   ElementUI: () => (/* reexport */ (external_ElementUI_default())),
   Vue: () => (/* reexport */ (external_Vue_default())),
   "default": () => (/* binding */ entry_lib),
+  getConfig: () => (/* reexport */ getConfig),
+  getPrimaryColor: () => (/* reexport */ getPrimaryColor),
   getSize: () => (/* reexport */ getSize),
   getTheme: () => (/* reexport */ getTheme),
+  onConfigChange: () => (/* reexport */ onConfigChange),
+  resetConfig: () => (/* reexport */ resetConfig),
+  setConfig: () => (/* reexport */ setConfig),
+  setPrimaryColor: () => (/* reexport */ setPrimaryColor),
   setSize: () => (/* reexport */ setSize),
   setTheme: () => (/* reexport */ setTheme)
 });
@@ -278,6 +284,11 @@ var input_component = normalizeComponent(
 // 导入 Vue
 
 
+// 在导入 Element UI 之前，先将 Vue 设置为全局变量
+if (typeof window !== 'undefined') {
+  window.Vue = (external_Vue_default())
+}
+
 // 导入 Element UI 并注册
 
 
@@ -286,8 +297,6 @@ var input_component = normalizeComponent(
 
 
 
-
-
 // 存储组件列表
 const components = [
   src_components_button,
@@ -308,7 +317,6 @@ const install = function (Vue) {
   })
 }
 
-
 // 支持全局 script 标签引入
 if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue)
@@ -327,27 +335,121 @@ if (typeof window !== 'undefined' && window.Vue) {
 // 导出 Vue 和 ElementUI 以便用户使用
 
 
-// 导出主题切换工具函数
+// 默认配置
+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)) {
-    document.documentElement.setAttribute('data-theme', theme)
+  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)) {
-    document.documentElement.setAttribute('data-size', size)
+  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 document.documentElement.getAttribute('data-theme') || 'light'
+  return currentConfig.theme
 }
 
+// 获取当前字体大小
 const getSize = function() {
-  return document.documentElement.getAttribute('data-size') || 'medium'
+  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 必须传入函数')
+  }
 }
 ;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
 

package/lib/index.umd.js

@@ -108,8 +108,14 @@ __webpack_require__.d(__webpack_exports__, {
   ElementUI: () => (/* reexport */ (external_ElementUI_default())),
   Vue: () => (/* reexport */ (external_Vue_default())),
   "default": () => (/* binding */ entry_lib),
+  getConfig: () => (/* reexport */ getConfig),
+  getPrimaryColor: () => (/* reexport */ getPrimaryColor),
   getSize: () => (/* reexport */ getSize),
   getTheme: () => (/* reexport */ getTheme),
+  onConfigChange: () => (/* reexport */ onConfigChange),
+  resetConfig: () => (/* reexport */ resetConfig),
+  setConfig: () => (/* reexport */ setConfig),
+  setPrimaryColor: () => (/* reexport */ setPrimaryColor),
   setSize: () => (/* reexport */ setSize),
   setTheme: () => (/* reexport */ setTheme)
 });
@@ -327,6 +333,11 @@ var input_component = normalizeComponent(
 // 导入 Vue
 
 
+// 在导入 Element UI 之前，先将 Vue 设置为全局变量
+if (typeof window !== 'undefined') {
+  window.Vue = (external_Vue_default())
+}
+
 // 导入 Element UI 并注册
 
 
@@ -335,8 +346,6 @@ var input_component = normalizeComponent(
 
 
 
-
-
 // 存储组件列表
 const components = [
   src_components_button,
@@ -357,7 +366,6 @@ const install = function (Vue) {
   })
 }
 
-
 // 支持全局 script 标签引入
 if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue)
@@ -376,27 +384,121 @@ if (typeof window !== 'undefined' && window.Vue) {
 // 导出 Vue 和 ElementUI 以便用户使用
 
 
-// 导出主题切换工具函数
+// 默认配置
+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)) {
-    document.documentElement.setAttribute('data-theme', theme)
+  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)) {
-    document.documentElement.setAttribute('data-size', size)
+  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 document.documentElement.getAttribute('data-theme') || 'light'
+  return currentConfig.theme
 }
 
+// 获取当前字体大小
 const getSize = function() {
-  return document.documentElement.getAttribute('data-size') || 'medium'
+  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 必须传入函数')
+  }
 }
 ;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
 

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

package/package.json

@@ -1,14 +1,17 @@
 {
   "name": "xt-element-ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "基于 Vue2.7 + ElementUI 的组件库",
-  "main": "lib/index.js",
+  "main": "lib/index.common.js",
+  "module": "lib/index.common.js",
+  "unpkg": "lib/index.umd.min.js",
   "style": "lib/index.css",
   "scripts": {
     "docs:dev": "vuepress dev docs",
     "docs:build": "vuepress build docs",
     "dev": "vue-cli-service serve",
-    "lib": "vue-cli-service build --target lib --name index --dest lib src/index.js"
+    "lib": "vue-cli-service build --target lib --name index --dest lib src/index.js",
+    "prepublishOnly": "npm run lib"
   },
   "keywords": [
     "vue2",
@@ -27,5 +30,10 @@
     "sass": "^1.32.13",
     "sass-loader": "^10.5.2",
     "vuepress": "^1.9.10"
-  }
-}
+  },
+  "files": [
+    "lib",
+    "src",
+    "README.md"
+  ]
+}

package/src/index.js

@@ -1,13 +1,16 @@
 // 导入 Vue
 import Vue from 'vue'
 
+// 在导入 Element UI 之前，先将 Vue 设置为全局变量
+if (typeof window !== 'undefined') {
+  window.Vue = Vue
+}
+
 // 导入 Element UI 并注册
 import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
 
 // 导入组件
-
-
 import Button from './components/button'
 import Input from './components/input'
 
@@ -31,7 +34,6 @@ const install = function (Vue) {
   })
 }
 
-
 // 支持全局 script 标签引入
 if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue)
@@ -50,25 +52,119 @@ export default {
 // 导出 Vue 和 ElementUI 以便用户使用
 export { Vue, ElementUI }
 
-// 导出主题切换工具函数
+// 默认配置
+const defaultConfig = {
+  theme: 'light',
+  size: 'medium',
+  primaryColor: '#1890ff'
+}
+
+// 当前配置
+let currentConfig = { ...defaultConfig }
+
+// 配置变更事件处理
+const configChangeListeners = []
+
+const emitConfigChange = function(key, value) {
+  configChangeListeners.forEach(listener => {
+    listener(key, value)
+  })
+}
+
+// 获取所有配置
+export const getConfig = function() {
+  return { ...currentConfig }
+}
+
+// 设置全局配置
+export 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)
+  }
+}
+
+// 设置主题
 export const setTheme = function(theme) {
   const validThemes = ['light', 'dark', 'compact']
-  if (validThemes.includes(theme)) {
-    document.documentElement.setAttribute('data-theme', theme)
+  if (!validThemes.includes(theme)) {
+    console.warn(`[XtElementUI] 无效的主题值: ${theme}，可选值: ${validThemes.join(', ')}`)
+    return
   }
+  
+  currentConfig.theme = theme
+  document.documentElement.setAttribute('data-theme', theme)
+  emitConfigChange('theme', theme)
 }
 
+// 设置字体大小
 export const setSize = function(size) {
   const validSizes = ['small', 'medium', 'large']
-  if (validSizes.includes(size)) {
-    document.documentElement.setAttribute('data-size', size)
+  if (!validSizes.includes(size)) {
+    console.warn(`[XtElementUI] 无效的大小值: ${size}，可选值: ${validSizes.join(', ')}`)
+    return
+  }
+  
+  currentConfig.size = size
+  document.documentElement.setAttribute('data-size', size)
+  emitConfigChange('size', 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`)
+    return
   }
+  
+  currentConfig.primaryColor = color
+  document.documentElement.style.setProperty('--xt-color-primary', color)
+  emitConfigChange('primaryColor', color)
 }
 
+// 获取当前主题
 export const getTheme = function() {
-  return document.documentElement.getAttribute('data-theme') || 'light'
+  return currentConfig.theme
 }
 
+// 获取当前字体大小
 export const getSize = function() {
-  return document.documentElement.getAttribute('data-size') || 'medium'
+  return currentConfig.size
+}
+
+// 获取当前主色调
+export const getPrimaryColor = function() {
+  return currentConfig.primaryColor
+}
+
+// 重置为默认配置
+export const resetConfig = function() {
+  setConfig(defaultConfig)
+}
+
+// 监听配置变更
+export 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 必须传入函数')
+  }
 }

package/docs/.vuepress/config.js

@@ -1,23 +0,0 @@
-module.exports = {
-    title: '组件文档',
-    themeConfig: {
-      nav: [
-        { text: '首页', link: '/' },
-        { text: '组件', link: '/components/base/button' }
-      ],
-      sidebarDepth: 2,
-      nextLinks: true,
-      prevLinks: true,
-      // 直接写完整路径，最稳、最简单、不踩坑
-      sidebar: [
-        { 
-          title: '基础组件', 
-          path: '/components/base/button',
-          children: [
-            ['/components/base/button', '按钮'], 
-            ['/components/base/input', '输入框']
-          ] 
-        }
-      ]
-    }
-  }

package/docs/.vuepress/enhanceApp.js

@@ -1,8 +0,0 @@
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
-import XTUI from '../../src/index'
-
-export default ({ Vue }) => {
-  Vue.use(ElementUI)
-  Vue.use(XTUI)
-}

package/docs/README.md

@@ -1,6 +0,0 @@
----
-home: true
-title: XT-Element-UI文档
----
-# XT-Element-UI
-基于Vue2+ElementUI组件库

package/docs/components/base/button.md

@@ -1,5 +0,0 @@
-# Button 按钮
-基于el-button二次封装按钮组件
-
-## 基础用法
-<xt-button text="默认按钮"></xt-button>

package/docs/components/base/input.md

@@ -1,22 +0,0 @@
-# Input 输入框
-
-基于 el-input 封装的统一输入框
-
-## 基础用法
-<xt-input v-model="inputVal" placeholder="请输入内容"></xt-input>
-
-<script>
-export default {
-  data() {
-    return {
-      inputVal: ''
-    }
-  }
-}
-</script>
-
-## 属性
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| v-model | 绑定值 | string / number | - |
-| placeholder | 占位符 | string | '请输入内容' |

package/examples/App.vue

@@ -1,13 +0,0 @@
-<template>
-  <div>
-    <xt-button>按钮</xt-button>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'App',
-}
-</script>
-<style scoped>
-</style>

package/examples/index.html

@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Xt Element UI 示例</title>
-</head>
-<body>
-    <div id="app"></div>
-</body>
-</html>

package/examples/main.js

@@ -1,9 +0,0 @@
-import Vue from 'vue'
-import App from './App.vue'
-import xtElementUI from '../src/index.js'
-
-Vue.use(xtElementUI)
-
-new Vue({
-  render: h => h(App)
-}).$mount('#app')

package/vue.config.js

@@ -1,46 +0,0 @@
-module.exports = {
-    // 关闭生产环境 sourcemap
-    productionSourceMap: false,
-  // 单页面标准入口配置
-    pages: {
-      index: {
-        entry: './examples/main.js', // 你的项目启动入口
-        template: './examples/index.html',
-        filename: 'index.html'
-      }
-    },
-    css: {
-      // 开启 CSS 提取（打包成独立 css 文件，给 npm 使用）
-      extract: true,
-      // 启用 CSS sourcemap
-      sourceMap: false,
-      // 给 scss 传入全局变量（主题色、字体大小）
-      loaderOptions: {
-        scss: {
-          // 这里可以自动注入全局 SCSS 变量文件（非常重要）
-          additionalData: `@import "~@/styles/variables.scss";`
-        }
-      }
-    },
-  
-    // 组件库打包配置
-    chainWebpack: (config) => {
-      if (process.env.NODE_ENV === "production") {
-        // 入口改为组件库总入口
-        config.entry("index").clear().add("./src/index.js").end();
-  
-        // 输出 UMD 格式（支持 npm / script 引入）
-        config.output
-          .filename("index.js")
-          .library("xt-element-ui")
-          .libraryTarget("umd")
-          .umdNamedDefine(true);
-        
-        // 只在生产环境配置 externals（打包组件库时不打包 Vue 和 Element UI）
-        config.externals({
-          vue: "Vue",
-          "element-ui": "ElementUI",
-        });
-      }
-    },
-  };