cy-element-ui 1.0.4 → 1.0.5

package/README.md

@@ -17,6 +17,7 @@
 - [组件使用](#-组件使用)
 - [开发指南](#-开发指南)
   - [环境准备](#-环境准备)
+  - [常用命令](#-常用命令)
   - [增加新的element-ui组件](#-增加新的element-ui组件)
   - [增加新的cy组件](#-增加新的cy组件)
   - [生成文件说明](#-生成文件说明)
@@ -46,15 +47,15 @@ new Vue({
 ```
 
 ## 🧩 组件使用
-以新组件`CyTreeselect`为例，其他组件使用还是和`element-ui`用法相同
+以新组件`CyTreeSelect`为例，其他组件使用还是和`element-ui`用法相同
 ```vue
-<CyTreeselect
+<CyTreeSelect
   v-model="dept_id"
   :options="deptOptions"
   placeholder="请选择部门"
   clearable
   :multiple="true"
-  @change="treeselectChange"
+  @change="treeSelectChange"
 />
 ```
 
@@ -80,6 +81,13 @@ npm install
 ```
 > ⚠️ **注意**：如果安装过程中提示需要关闭终端，请重新打开终端后再次执行相同命令
 
+### 🔧 常用命令
+| 命令                      | 说明                              | 备注                            |
+|-------------------------|---------------------------------|-------------------------------|
+| `npm run dev`           | 启动开发服务器                         | 访问 http://localhost:8085      |
+| `npm run dist`          | 组件库打包，上传到npm前，先执行这个命令，看看打包是否有错误 | 生成在 `lib` 目录                  |
+| `npm run deploy:build`  | 文档站点构建                          | 生成在 `examples/element-ui`     |
+| `make new-cy-ui <name>` | 创建新组件                           | 如 `make new-cy-ui treeSelect` |
 
 ### 🛠️ 增加新的element-ui组件
 - 🔗 可以参考 [此文档](https://mp.weixin.qq.com/s?__biz=MzA3NTk4NjQ1OQ==&mid=2247484697&idx=1&sn=01de22e7fa48fbee510305177beeccb1&chksm=9f69666da81eef7b96c9fe2b2b5fd02bac222dc1e49ebafff9b23e1bb312e3abec6cbf32edb8)
@@ -91,18 +99,18 @@ npm install
 ```shell
 make new-cy-ui <component-name> [组件中文名]
 比如：
-make new-cy-ui treeselect 下拉树
+make new-cy-ui treeSelect 下拉树
 ```
 
 ### 📂 生成文件说明
 
 | 文件类型 | 路径                                      | 注意事项           |
 |------|-----------------------------------------|----------------|
-| 组件开发 | `packages/treeselect/src/main.vue`      | ⚠️ 禁止写 CSS 样式  |
-| 组件文档 | `examples/docs/cy/treeselect.md`        | 编写示例用法和 API 说明 |
-| 组件样式 | `packages/theme-cy/src/treeselect.scss` | 组件专用样式         |
-| 测试文件 | `test/unit/specs/treeselect.spec.js`    | 单元测试           |
-| 类型声明 | `types/treeselect.d.ts`                 | TS 类型定义        |
+| 组件开发 | `packages/treeSelect/src/main.vue`      | ⚠️ 禁止写 CSS 样式  |
+| 组件文档 | `examples/docs/cy/treeSelect.md`        | 编写示例用法和 API 说明 |
+| 组件样式 | `packages/theme-cy/src/treeSelect.scss` | 组件专用样式         |
+| 测试文件 | `test/unit/specs/treeSelect.spec.js`    | 单元测试           |
+| 类型声明 | `types/treeSelect.d.ts`                 | TS 类型定义        |
 
 
 ### 📝 自动修改的文件
@@ -131,7 +139,7 @@ make new-cy-ui treeselect 下拉树
 | `examples/components/demo-block` | MD文档渲染组件，将`.md`转为页面        |
 | `examples/demo-styles/`          | 自定义样式目录（需在`index.scss`中引入） |
 
-### 🗂️ 路由配置
+### 🗂️ 路由配置 **❗ 很重要**
 | 文件                       | 说明                    |
 |--------------------------|-----------------------|
 | `examples/router_config` | 路由生成器（根据nav.config生成） |
@@ -145,9 +153,10 @@ make new-cy-ui treeselect 下拉树
 | `examples/pages/cy/changelog` | 版本更新日志页面    |
 
 ### ⚙️ 开发工具
-| 文件                       | 说明                 |
-|--------------------------|--------------------|
-| `build/bin/new-cy-ui.js` | 组件生成器（自动创建/修改相关文件） |
+| 文件                         | 说明                                                                                                                                         |
+|----------------------------|--------------------------------------------------------------------------------------------------------------------------------------------|
+| `build/bin/new-cy-ui.js`   | 组件生成器（自动创建/修改相关文件）                                                                                                                         |
+| `build/bin/build-entry.js` | 组件注册文件生成器（自动创建/修改`src/index.js`），**❗ 注意** `npm run dev`、`npm run deploy:build`、`npm run dist` 都会触发这个生成器，所以不要去修改`src/index.js`，想改的话就去改这个生成器 |
 
 ### 📦 发布配置
 | 文件                   | 说明               |

package/lib/alert.js

@@ -82,128 +82,25 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 102);
+/******/ 	return __webpack_require__(__webpack_require__.s = 185);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 0:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
-/* globals __VUE_SSR_CONTEXT__ */
-
-// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
-
-function normalizeComponent(
-  scriptExports,
-  render,
-  staticRenderFns,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier /* server only */,
-  shadowMode /* vue-cli only */
-) {
-  // Vue.extend constructor export interop
-  var options =
-    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
-
-  // render functions
-  if (render) {
-    options.render = render
-    options.staticRenderFns = staticRenderFns
-    options._compiled = true
-  }
-
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
-  }
-
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
-
-  var hook
-  if (moduleIdentifier) {
-    // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
-    }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    options._ssrRegister = hook
-  } else if (injectStyles) {
-    hook = shadowMode
-      ? function () {
-          injectStyles.call(
-            this,
-            (options.functional ? this.parent : this).$root.$options.shadowRoot
-          )
-        }
-      : injectStyles
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functional component in vue file
-      var originalRender = options.render
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context)
-        return originalRender(h, context)
-      }
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
-    }
-  }
-
-  return {
-    exports: scriptExports,
-    options: options
-  }
-}
-
-
-/***/ }),
-
-/***/ 102:
+/***/ 185:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/alert/src/main.vue?vue&type=template&id=68dd4457
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
+// EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
+var es_function_name_js_ = __webpack_require__(5);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/alert/src/main.vue?vue&type=template&id=80ca8a0a
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
   return _c("transition", { attrs: { name: "el-alert-fade" } }, [
     _c(
       "div",
@@ -236,7 +133,11 @@ var render = function () {
             ? _c(
                 "span",
                 { staticClass: "el-alert__title", class: [_vm.isBoldTitle] },
-                [_vm._t("title", [_vm._v(_vm._s(_vm.title))])],
+                [
+                  _vm._t("title", function () {
+                    return [_vm._v(_vm._s(_vm.title))]
+                  }),
+                ],
                 2
               )
             : _vm._e(),
@@ -286,104 +187,85 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/alert/src/main.vue?vue&type=template&id=68dd4457
+// CONCATENATED MODULE: ./packages/alert/src/main.vue?vue&type=template&id=80ca8a0a
+
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
+var es_symbol_js_ = __webpack_require__(78);
+
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.description.js"
+var es_symbol_description_js_ = __webpack_require__(79);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/alert/src/main.vue?vue&type=script&lang=js
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
 
 var TYPE_CLASSES_MAP = {
-	'success': 'el-icon-success',
-	'warning': 'el-icon-warning',
-	'error': 'el-icon-error'
+  'success': 'el-icon-success',
+  'warning': 'el-icon-warning',
+  'error': 'el-icon-error'
 };
 /* harmony default export */ var mainvue_type_script_lang_js = ({
-	name: 'ElAlert',
-
-	props: {
-		title: {
-			type: String,
-			default: ''
-		},
-		description: {
-			type: String,
-			default: ''
-		},
-		type: {
-			type: String,
-			default: 'info'
-		},
-		closable: {
-			type: Boolean,
-			default: true
-		},
-		closeText: {
-			type: String,
-			default: ''
-		},
-		showIcon: Boolean,
-		center: Boolean,
-		effect: {
-			type: String,
-			default: 'light',
-			validator: function validator(value) {
-				return ['light', 'dark'].indexOf(value) !== -1;
-			}
-		}
-	},
-
-	data: function data() {
-		return {
-			visible: true
-		};
-	},
-
-
-	methods: {
-		close: function close() {
-			this.visible = false;
-			this.$emit('close');
-		}
-	},
-
-	computed: {
-		typeClass: function typeClass() {
-			return 'el-alert--' + this.type;
-		},
-		iconClass: function iconClass() {
-			return TYPE_CLASSES_MAP[this.type] || 'el-icon-info';
-		},
-		isBigIcon: function isBigIcon() {
-			return this.description || this.$slots.default ? 'is-big' : '';
-		},
-		isBoldTitle: function isBoldTitle() {
-			return this.description || this.$slots.default ? 'is-bold' : '';
-		}
-	}
+  name: 'ElAlert',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    description: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'info'
+    },
+    closable: {
+      type: Boolean,
+      default: true
+    },
+    closeText: {
+      type: String,
+      default: ''
+    },
+    showIcon: Boolean,
+    center: Boolean,
+    effect: {
+      type: String,
+      default: 'light',
+      validator: function validator(value) {
+        return ['light', 'dark'].indexOf(value) !== -1;
+      }
+    }
+  },
+  data: function data() {
+    return {
+      visible: true
+    };
+  },
+  methods: {
+    close: function close() {
+      this.visible = false;
+      this.$emit('close');
+    }
+  },
+  computed: {
+    typeClass: function typeClass() {
+      return "el-alert--" + this.type;
+    },
+    iconClass: function iconClass() {
+      return TYPE_CLASSES_MAP[this.type] || 'el-icon-info';
+    },
+    isBigIcon: function isBigIcon() {
+      return this.description || this.$slots.default ? 'is-big' : '';
+    },
+    isBoldTitle: function isBoldTitle() {
+      return this.description || this.$slots.default ? 'is-bold' : '';
+    }
+  }
 });
 // CONCATENATED MODULE: ./packages/alert/src/main.vue?vue&type=script&lang=js
  /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
+var componentNormalizer = __webpack_require__(2);
 
 // CONCATENATED MODULE: ./packages/alert/src/main.vue
 
@@ -408,13 +290,139 @@ var component = Object(componentNormalizer["a" /* default */])(
 // CONCATENATED MODULE: ./packages/alert/index.js
 
 
+
 /* istanbul ignore next */
 main.install = function (Vue) {
-	Vue.component(main.name, main);
+  Vue.component(main.name, main);
 };
-
 /* harmony default export */ var packages_alert = __webpack_exports__["default"] = (main);
 
+/***/ }),
+
+/***/ 2:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
+/***/ }),
+
+/***/ 5:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.function.name.js");
+
+/***/ }),
+
+/***/ 78:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.symbol.js");
+
+/***/ }),
+
+/***/ 79:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.symbol.description.js");
+
 /***/ })
 
 /******/ });

package/lib/aside.js

@@ -82,12 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 118);
+/******/ 	return __webpack_require__(__webpack_require__.s = 200);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 0:
+/***/ 2:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -192,18 +192,20 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 118:
+/***/ 200:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/aside/src/main.vue?vue&type=template&id=569d4244
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
+// EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
+var es_function_name_js_ = __webpack_require__(5);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/aside/src/main.vue?vue&type=template&id=88358c60
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
   return _c(
     "aside",
     { staticClass: "el-aside", style: { width: _vm.width } },
@@ -215,32 +217,23 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/aside/src/main.vue?vue&type=template&id=569d4244
+// CONCATENATED MODULE: ./packages/aside/src/main.vue?vue&type=template&id=88358c60
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/aside/src/main.vue?vue&type=script&lang=js
-//
-//
-//
-//
-//
-//
-
 /* harmony default export */ var mainvue_type_script_lang_js = ({
-	name: 'ElAside',
-
-	componentName: 'ElAside',
-
-	props: {
-		width: {
-			type: String,
-			default: '300px'
-		}
-	}
+  name: 'ElAside',
+  componentName: 'ElAside',
+  props: {
+    width: {
+      type: String,
+      default: '300px'
+    }
+  }
 });
 // CONCATENATED MODULE: ./packages/aside/src/main.vue?vue&type=script&lang=js
  /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
+var componentNormalizer = __webpack_require__(2);
 
 // CONCATENATED MODULE: ./packages/aside/src/main.vue
 
@@ -265,13 +258,20 @@ var component = Object(componentNormalizer["a" /* default */])(
 // CONCATENATED MODULE: ./packages/aside/index.js
 
 
+
 /* istanbul ignore next */
 main.install = function (Vue) {
-	Vue.component(main.name, main);
+  Vue.component(main.name, main);
 };
-
 /* harmony default export */ var aside = __webpack_exports__["default"] = (main);
 
+/***/ }),
+
+/***/ 5:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.function.name.js");
+
 /***/ })
 
 /******/ });