xt-element-ui 1.0.4 → 1.0.6

package/lib/index.common.js

@@ -87,24 +87,11 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
-/***/ "0fae":
+/***/ "27fd":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "5f72":
-/***/ (function(module, exports) {
-
-module.exports = require("ElementUI");
-
-/***/ }),
-
-/***/ "8bbf":
-/***/ (function(module, exports) {
-
-module.exports = require("Vue");
+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"};
 
 /***/ }),
 
@@ -116,16 +103,18 @@ module.exports = require("Vue");
 __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.
@@ -143,18 +132,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":"7d921827-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 = []
@@ -296,7 +403,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":"7d921827-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 = []
@@ -343,15 +450,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 并注册
 
 
 
@@ -366,9 +466,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
@@ -378,6 +475,7 @@ const install = function (Vue) {
   components.forEach(component => {
     Vue.component(component.name, component)
   })
+  Vue.prototype.$utils = utils
 }
 
 // 支持全局 script 标签引入
@@ -393,117 +491,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 {