xt-element-ui 1.0.0 → 1.0.2

package/lib/index.umd.js

@@ -1,19 +1,70 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory();
+		module.exports = factory(require("ElementUI"), require("Vue"));
 	else if(typeof define === 'function' && define.amd)
-		define("xt-element-ui", [], factory);
+		define("xt-element-ui", ["ElementUI", "Vue"], factory);
 	else if(typeof exports === 'object')
-		exports["xt-element-ui"] = factory();
+		exports["xt-element-ui"] = factory(require("ElementUI"), require("Vue"));
 	else
-		root["xt-element-ui"] = factory();
-})((typeof self !== 'undefined' ? self : this), () => {
+		root["xt-element-ui"] = factory(root["ElementUI"], root["Vue"]);
+})((typeof self !== 'undefined' ? self : this), (__WEBPACK_EXTERNAL_MODULE__282__, __WEBPACK_EXTERNAL_MODULE__508__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 282
+(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__282__;
+
+/***/ },
+
+/***/ 508
+(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__508__;
+
+/***/ }
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
 /******/ 	
 /************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports
@@ -54,7 +105,19 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ entry_lib)
+  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)
 });
 
 ;// ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
@@ -75,12 +138,32 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ const setPublicPath = (null);
 
-;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Button.vue?vue&type=template&id=bdf70fbe
-var render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-button',[_vm._v("按钮")])
+// EXTERNAL MODULE: external "Vue"
+var external_Vue_ = __webpack_require__(508);
+var external_Vue_default = /*#__PURE__*/__webpack_require__.n(external_Vue_);
+// EXTERNAL MODULE: external "ElementUI"
+var external_ElementUI_ = __webpack_require__(282);
+var external_ElementUI_default = /*#__PURE__*/__webpack_require__.n(external_ElementUI_);
+;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/button/index.vue?vue&type=template&id=55650f2e
+var render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-button',{on:{"click":_vm.handleClick}},[_vm._v(_vm._s(_vm.text))])
 }
 var staticRenderFns = []
 
 
+;// ./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/button/index.vue?vue&type=script&lang=js
+
+  /* harmony default export */ const buttonvue_type_script_lang_js = ({
+    props:['text'],
+    name: 'XtButton',
+    methods:{
+      handleClick(){
+        this.$emit('click')
+      }
+    }
+  });
+  
+;// ./src/components/button/index.vue?vue&type=script&lang=js
+ /* harmony default export */ const components_buttonvue_type_script_lang_js = (buttonvue_type_script_lang_js); 
 ;// ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
 
@@ -179,15 +262,16 @@ function normalizeComponent(
   }
 }
 
-;// ./src/components/Button.vue
+;// ./src/components/button/index.vue
+
+
 
-var script = {}
 
 
 /* normalize component */
 ;
 var component = normalizeComponent(
-  script,
+  components_buttonvue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
@@ -197,24 +281,43 @@ var component = normalizeComponent(
   
 )
 
-/* harmony default export */ const Button = (component.exports);
-;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Input.vue?vue&type=template&id=e1a0dba0
-var Inputvue_type_template_id_e1a0dba0_render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-input')
+/* harmony default export */ const components_button = (component.exports);
+;// ./src/components/button/index.js
+
+/* harmony default export */ const src_components_button = (components_button);
+;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??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_e1a0dba0_staticRenderFns = []
+var inputvue_type_template_id_fe9146e4_staticRenderFns = []
+
+
+;// ./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/input/index.vue?vue&type=script&lang=js
+
+  /* harmony default export */ const inputvue_type_script_lang_js = ({
+    name: 'XtInput',
+    props: {
+      value: [String, Number],
+      placeholder: {
+        type: String,
+        default: '请输入内容'
+      }
+    }
+  });
+  
+;// ./src/components/input/index.vue?vue&type=script&lang=js
+ /* harmony default export */ const components_inputvue_type_script_lang_js = (inputvue_type_script_lang_js); 
+;// ./src/components/input/index.vue
 
 
-;// ./src/components/Input.vue
 
-var Input_script = {}
 
 
 /* normalize component */
 ;
-var Input_component = normalizeComponent(
-  Input_script,
-  Inputvue_type_template_id_e1a0dba0_render,
-  Inputvue_type_template_id_e1a0dba0_staticRenderFns,
+var input_component = normalizeComponent(
+  components_inputvue_type_script_lang_js,
+  inputvue_type_template_id_fe9146e4_render,
+  inputvue_type_template_id_fe9146e4_staticRenderFns,
   false,
   null,
   null,
@@ -222,17 +325,31 @@ var Input_component = normalizeComponent(
   
 )
 
-/* harmony default export */ const Input = (Input_component.exports);
+/* harmony default export */ const input = (input_component.exports);
+;// ./src/components/input/index.js
+
+/* harmony default export */ const components_input = (input);
 ;// ./src/index.js
+// 导入 Vue
+
+
+// 在导入 Element UI 之前，先将 Vue 设置为全局变量
+if (typeof window !== 'undefined') {
+  window.Vue = (external_Vue_default())
+}
+
+// 导入 Element UI 并注册
+
+
+
 // 导入组件
 
 
-// ...其他组件
 
 // 存储组件列表
 const components = [
-  Button,
-  Input
+  src_components_button,
+  components_input
 ]
 
 // 定义 install 方法，Vue.use() 会自动调用
@@ -240,7 +357,10 @@ const install = function (Vue) {
   if (install.installed) return
   install.installed = true
 
-  // 全局注册所有组件
+  // 注册 Element UI
+  Vue.use((external_ElementUI_default()))
+
+  // 全局注册所有 xt- 组件
   components.forEach(component => {
     Vue.component(component.name, component)
   })
@@ -255,9 +375,131 @@ if (typeof window !== 'undefined' && window.Vue) {
 /* harmony default export */ const src_0 = ({
   install,
   // 按需导出组件
-  Button: Button,
-  Input: Input
+  Button: src_components_button,
+  Input: components_input,
+  // 导出 ElementUI 以便用户按需引入
+  ElementUI: (external_ElementUI_default())
 });
+
+// 导出 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)) {
+    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 必须传入函数')
+  }
+}
 ;// ./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():"function"===typeof define&&define.amd?define("xt-element-ui",[],t):"object"===typeof exports?exports["xt-element-ui"]=t():e["xt-element-ui"]=t()})("undefined"!==typeof self?self:this,()=>(()=>{"use strict";var e={};(()=>{e.d=(t,n)=>{for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})}})(),(()=>{e.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{e.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})(),(()=>{e.p=""})();var t={};if(e.r(t),e.d(t,{default:()=>h}),"undefined"!==typeof window){var n=window.document.currentScript,o=n&&n.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);o&&(e.p=o[1])}var r=function(){var e=this,t=e._self._c;return t("el-button",[e._v("按钮")])},i=[];function s(e,t,n,o,r,i,s,l){var u,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),s?(u=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(s)},d._ssrRegister=u):r&&(u=l?function(){r.call(this,(d.functional?this.parent:this).$root.$options.shadowRoot)}:r),u)if(d.functional){d._injectStyles=u;var f=d.render;d.render=function(e,t){return u.call(t),f(e,t)}}else{var a=d.beforeCreate;d.beforeCreate=a?[].concat(a,u):[u]}return{exports:e,options:d}}var l={},u=s(l,r,i,!1,null,null,null);const d=u.exports;var f=function(){var e=this,t=e._self._c;return t("el-input")},a=[],c={},p=s(c,f,a,!1,null,null,null);const _=p.exports,v=[d,_],y=function(e){y.installed||(y.installed=!0,v.forEach(t=>{e.component(t.name,t)}))};"undefined"!==typeof window&&window.Vue&&y(window.Vue);const m={install:y,Button:d,Input:_},h=m;return t})());
+(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,13 +1,17 @@
 {
   "name": "xt-element-ui",
-  "version": "1.0.0",
+  "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",
-    "lib": "vue-cli-service build --target lib --name index --dest lib src/index.js"
+    "dev": "vue-cli-service serve",
+    "lib": "vue-cli-service build --target lib --name index --dest lib src/index.js",
+    "prepublishOnly": "npm run lib"
   },
   "keywords": [
     "vue2",
@@ -24,6 +28,12 @@
   "devDependencies": {
     "@vue/cli-service": "^5.0.9",
     "sass": "^1.32.13",
-    "sass-loader": "^10.5.2"
-  }
-}
+    "sass-loader": "^10.5.2",
+    "vuepress": "^1.9.10"
+  },
+  "files": [
+    "lib",
+    "src",
+    "README.md"
+  ]
+}

package/src/components/button/index.js

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

package/src/components/button/index.vue

@@ -0,0 +1,14 @@
+<template>
+    <el-button @click="handleClick">{{text}}</el-button>
+  </template>
+  <script>
+  export default {
+    props:['text'],
+    name: 'XtButton',
+    methods:{
+      handleClick(){
+        this.$emit('click')
+      }
+    }
+  }
+  </script>

package/src/components/input/index.js

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

package/src/components/input/index.vue

@@ -0,0 +1,20 @@
+<template>
+    <el-input
+      :value="value"
+      :placeholder="placeholder"
+      @input="$emit('input', $event)"
+    />
+  </template>
+  
+  <script>
+  export default {
+    name: 'XtInput',
+    props: {
+      value: [String, Number],
+      placeholder: {
+        type: String,
+        default: '请输入内容'
+      }
+    }
+  }
+  </script>

package/src/index.js

@@ -1,7 +1,18 @@
+// 导入 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'
-// ...其他组件
+import Button from './components/button'
+import Input from './components/input'
 
 // 存储组件列表
 const components = [
@@ -14,7 +25,10 @@ const install = function (Vue) {
   if (install.installed) return
   install.installed = true
 
-  // 全局注册所有组件
+  // 注册 Element UI
+  Vue.use(ElementUI)
+
+  // 全局注册所有 xt- 组件
   components.forEach(component => {
     Vue.component(component.name, component)
   })
@@ -30,5 +44,127 @@ export default {
   install,
   // 按需导出组件
   Button,
-  Input
+  Input,
+  // 导出 ElementUI 以便用户按需引入
+  ElementUI
+}
+
+// 导出 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)) {
+    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)) {
+    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 currentConfig.theme
+}
+
+// 获取当前字体大小
+export const getSize = function() {
+  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/src/components/Button.vue

@@ -1 +0,0 @@
-<template><el-button>按钮</el-button></template>

package/src/components/Input.vue

@@ -1 +0,0 @@
-<template><el-input></el-input></template>