xt-element-ui 1.0.0 → 1.0.1

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,13 @@ __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),
+  getSize: () => (/* reexport */ getSize),
+  getTheme: () => (/* reexport */ getTheme),
+  setSize: () => (/* reexport */ setSize),
+  setTheme: () => (/* reexport */ setTheme)
 });
 
 ;// ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
@@ -75,12 +132,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 +256,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 +275,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 +319,28 @@ 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 并注册
+
+
+
 // 导入组件
 
 
-// ...其他组件
+
+
 
 // 存储组件列表
 const components = [
-  Button,
-  Input
+  src_components_button,
+  components_input
 ]
 
 // 定义 install 方法，Vue.use() 会自动调用
@@ -240,12 +348,16 @@ 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)
   })
 }
 
+
 // 支持全局 script 标签引入
 if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue)
@@ -255,9 +367,37 @@ 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 setTheme = function(theme) {
+  const validThemes = ['light', 'dark', 'compact']
+  if (validThemes.includes(theme)) {
+    document.documentElement.setAttribute('data-theme', theme)
+  }
+}
+
+const setSize = function(size) {
+  const validSizes = ['small', 'medium', 'large']
+  if (validSizes.includes(size)) {
+    document.documentElement.setAttribute('data-size', size)
+  }
+}
+
+const getTheme = function() {
+  return document.documentElement.getAttribute('data-theme') || 'light'
+}
+
+const getSize = function() {
+  return document.documentElement.getAttribute('data-size') || 'medium'
+}
 ;// ./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:()=>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})());

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "xt-element-ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "基于 Vue2.7 + ElementUI 的组件库",
   "main": "lib/index.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"
   },
   "keywords": [
@@ -24,6 +25,7 @@
   "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"
   }
 }

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,15 @@
+// 导入 Vue
+import Vue from '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,12 +22,16 @@ 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)
   })
 }
 
+
 // 支持全局 script 标签引入
 if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue)
@@ -30,5 +42,33 @@ export default {
   install,
   // 按需导出组件
   Button,
-  Input
+  Input,
+  // 导出 ElementUI 以便用户按需引入
+  ElementUI
+}
+
+// 导出 Vue 和 ElementUI 以便用户使用
+export { Vue, ElementUI }
+
+// 导出主题切换工具函数
+export const setTheme = function(theme) {
+  const validThemes = ['light', 'dark', 'compact']
+  if (validThemes.includes(theme)) {
+    document.documentElement.setAttribute('data-theme', theme)
+  }
+}
+
+export const setSize = function(size) {
+  const validSizes = ['small', 'medium', 'large']
+  if (validSizes.includes(size)) {
+    document.documentElement.setAttribute('data-size', size)
+  }
+}
+
+export const getTheme = function() {
+  return document.documentElement.getAttribute('data-theme') || 'light'
+}
+
+export const getSize = function() {
+  return document.documentElement.getAttribute('data-size') || 'medium'
 }

package/vue.config.js

@@ -1,7 +1,14 @@
 module.exports = {
     // 关闭生产环境 sourcemap
     productionSourceMap: false,
-  
+  // 单页面标准入口配置
+    pages: {
+      index: {
+        entry: './examples/main.js', // 你的项目启动入口
+        template: './examples/index.html',
+        filename: 'index.html'
+      }
+    },
     css: {
       // 开启 CSS 提取（打包成独立 css 文件，给 npm 使用）
       extract: true,
@@ -16,14 +23,6 @@ module.exports = {
       }
     },
   
-    // 配置 Webpack 外部扩展（不打包进组件库）
-    configureWebpack: {
-      externals: {
-        vue: "Vue",
-        "element-ui": "ElementUI",
-      },
-    },
-  
     // 组件库打包配置
     chainWebpack: (config) => {
       if (process.env.NODE_ENV === "production") {
@@ -36,6 +35,12 @@ module.exports = {
           .library("xt-element-ui")
           .libraryTarget("umd")
           .umdNamedDefine(true);
+        
+        // 只在生产环境配置 externals（打包组件库时不打包 Vue 和 Element UI）
+        config.externals({
+          vue: "Vue",
+          "element-ui": "ElementUI",
+        });
       }
     },
   };

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>