npm - xt-element-ui - Versions diffs - 1.0.0 → 1.0.1 - Mend

@@ -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,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
@@ -65,12 +83,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 +207,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 +226,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 +270,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() 会自动调用
@@ -230,12 +299,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)
@@ -245,9 +318,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

@@ -0,0 +1,23 @@
+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', '输入框']
+          ]
+        }
+      ]
+    }
+  }

@@ -0,0 +1,8 @@
+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)
+}

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

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

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

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

@@ -0,0 +1,11 @@
+<!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>

@@ -0,0 +1,9 @@
+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')

xt-element-ui 1.0.0 → 1.0.1