xt-element-ui 1.0.0 → 1.0.2

package/lib/index.common.js

@@ -4,6 +4,18 @@
 /******/ 	var __webpack_require__ = {};
 /******/ 	
 /************************************************************************/
+/******/ 	/* 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
@@ -44,7 +56,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
@@ -65,12 +89,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 "Vue"
+const external_Vue_namespaceObject = require("Vue");
+var external_Vue_default = /*#__PURE__*/__webpack_require__.n(external_Vue_namespaceObject);
+;// external "ElementUI"
+const external_ElementUI_namespaceObject = require("ElementUI");
+var external_ElementUI_default = /*#__PURE__*/__webpack_require__.n(external_ElementUI_namespaceObject);
+;// ./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__ */
 
@@ -169,15 +213,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,
@@ -187,24 +232,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,
@@ -212,17 +276,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() 会自动调用
@@ -230,7 +308,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)
   })
@@ -245,9 +326,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