feat: bump to 2.4.2 (#200)

example/components/changelog/readme.md

@@ -4,6 +4,15 @@
 
 <div class="changelog-wrapper">
 
+### 2.4.2 {page=#/changelog}
+###### 2021.12.31
+
+* **[fix]**:
+    - 修复 provide/inject 无默认值的问题
+    - 修复示例页面的一些小问题
+
+---
+
 ### 2.4.1 {page=#/changelog}
 ###### 2021.12.30
 

example/components/directives/readme.md

@@ -14,7 +14,8 @@
         },
         data () {
             return {
-                text: '点击测试'
+                text: '点击测试',
+                copyText: ''
             }
         },
         methods: {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bk-magic-vue",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "基于蓝鲸 Magicbox 和 Vue 的前端组件库",
   "main": "dist/bk-magic-vue.min.js",
   "files": [

src/components/affix/affix.vue

@@ -35,12 +35,12 @@
 </template>
 <script>
 /**
-     * bk-affix
-     * @module components/affix
-     * @desc 图钉组件
-     * @param offsetTop    {number}   距离顶部的偏移量 默认为'0'
-     * @param offsetBottom {number}   距离底部的偏移量
-     */
+ * bk-affix
+ * @module components/affix
+ * @desc 图钉组件
+ * @param offsetTop    {number}   距离顶部的偏移量 默认为'0'
+ * @param offsetBottom {number}   距离底部的偏移量
+ */
 // 兼容浏览器，添加事件监听器
 const on = (() => {
   if (document.addEventListener) {
@@ -215,5 +215,5 @@ export default {
 }
 </script>
 <style>
-    @import '../../ui/affix.css';
+  @import '../../ui/affix.css';
 </style>

src/components/alert/alert.vue

@@ -109,5 +109,5 @@ export default {
 }
 </script>
 <style lang='postcss'>
-    @import '../../ui/alert.css';
+  @import '../../ui/alert.css';
 </style>

src/components/back-top/back-top.vue

@@ -44,9 +44,7 @@ export default {
   },
   computed: {
     positionStyle () {
-      return `right: ${this.right}px;
-                    bottom: ${this.bottom}px;
-                    z-index: ${this.zIndex}`
+      return `right: ${this.right}px; bottom: ${this.bottom}px; z-index: ${this.zIndex}`
     }
   },
   watch: {
@@ -84,5 +82,5 @@ export default {
 }
 </script>
 <style>
-    @import '../../ui/back-top.css';
+  @import '../../ui/back-top.css';
 </style>

src/components/big-tree/tree-node.js

@@ -66,15 +66,15 @@ export default class TreeNode {
   }
 
   /**
-     * 获取 uid
-     */
+   * 获取 uid
+   */
   get uid () {
     return `${this.tree.id}-node-${this.index}`
   }
 
   /**
-     * 获取 name
-     */
+   * 获取 name
+   */
   get name () {
     return this.data[this.tree.nodeOptions.nameKey]
   }
@@ -87,15 +87,15 @@ export default class TreeNode {
   }
 
   /**
-     * 获取 vNode
-     */
+   * 获取 vNode
+   */
   get vNode () {
     return this._vNode
   }
 
   /**
-     * 获取 parents
-     */
+   * 获取 parents
+   */
   get parents () {
     if (!this.parent) {
       return []
@@ -113,33 +113,33 @@ export default class TreeNode {
   }
 
   /**
-     * 是否是叶子节点
-     */
+   * 是否是叶子节点
+   */
   get isLeaf () {
     return !this.lazy && !this.loading && !this.children.length
   }
 
   /**
-     * 是否是 lazy
-     *
-     * @param {string} paramName paramDesc
-     *
-     * @return {string} returnDesc
-     */
+   * 是否是 lazy
+   *
+   * @param {string} paramName paramDesc
+   *
+   * @return {string} returnDesc
+   */
   get lazy () {
     return this.state.lazy && !this.children.length
   }
 
   /**
-     * 是否 loading
-     */
+   * 是否 loading
+   */
   get loading () {
     return this.state.loading
   }
 
   /**
-     * 是否有 checkbox
-     */
+   * 是否有 checkbox
+   */
   get hasCheckbox () {
     const showCheckbox = this.tree.showCheckbox
     if (typeof showCheckbox === 'function') {

src/components/big-tree/tree.vue

@@ -169,9 +169,9 @@ export default {
       default: 16
     },
     /**
-             * 树尺寸
-             * 可选项：normal/small
-             */
+     * 树尺寸
+     * 可选项：normal/small
+     */
     size: {
       type: String,
       default: 'normal'
@@ -674,5 +674,5 @@ export default {
 </script>
 
 <style>
-    @import '../../ui/big-tree.css';
+  @import '../../ui/big-tree.css';
 </style>

src/components/breadcrumb/breadcrumb.vue

@@ -79,5 +79,5 @@ export default {
 }
 </script>
 <style>
-    @import "../../ui/breadcrumb.css";
+  @import "../../ui/breadcrumb.css";
 </style>

src/components/button/button.vue

@@ -52,22 +52,22 @@
 
 <script>
 /**
-     * bk-button
-     *
-     * @module components/button
-     * @desc 基础按钮
-     *
-     * @param theme {string} [type=default] - 显示类型，接受 default primary warning success danger
-     * @param hoverTheme {string} - moverhover 类型，接受 primary warning success danger，当设置了此属性时，`theme` 和 `text` 失效
-     * @param size {string} - 尺寸，接受 small normal large
-     * @param title {string} - 提示信息
-     * @param icon {string} - 显示左侧 icon，使用蓝鲸 icon
-     * @param iconRight {string} - 显示右侧 icon，使用蓝鲸 icon
-     * @param disabled {boolean} [disabled=false] - 禁用
-     * @param loading {boolean} [loading=true] - 加载中
-     * @param outline {boolean} [outline=true] - 显示反色按钮
-     * @param text {boolean} [text=true] - 配置文字按钮
-    */
+ * bk-button
+ *
+ * @module components/button
+ * @desc 基础按钮
+ *
+ * @param theme {string} [type=default] - 显示类型，接受 default primary warning success danger
+ * @param hoverTheme {string} - moverhover 类型，接受 primary warning success danger，当设置了此属性时，`theme` 和 `text` 失效
+ * @param size {string} - 尺寸，接受 small normal large
+ * @param title {string} - 提示信息
+ * @param icon {string} - 显示左侧 icon，使用蓝鲸 icon
+ * @param iconRight {string} - 显示右侧 icon，使用蓝鲸 icon
+ * @param disabled {boolean} [disabled=false] - 禁用
+ * @param loading {boolean} [loading=true] - 加载中
+ * @param outline {boolean} [outline=true] - 显示反色按钮
+ * @param text {boolean} [text=true] - 配置文字按钮
+*/
 export default {
   name: 'bk-button',
   props: {
@@ -186,10 +186,10 @@ export default {
   },
   methods: {
     /**
-             * 点击事件
-             *
-             * @param {Object} e 事件对象
-             */
+     * 点击事件
+     *
+     * @param {Object} e 事件对象
+     */
     handleClick (e) {
       if (!this.disabled && !this.loading) {
         this.$emit('click', e)
@@ -200,5 +200,5 @@ export default {
 }
 </script>
 <style>
-    @import '../../ui/button.css';
+  @import '../../ui/button.css';
 </style>

src/components/card/card.vue

@@ -172,5 +172,5 @@ export default {
 }
 </script>
 <style lang='postcss'>
-    @import '../../ui/card.css';
+  @import '../../ui/card.css';
 </style>

src/components/cascade/cascade.vue

@@ -780,5 +780,5 @@ export default {
 }
 </script>
 <style>
-    @import '../../ui/cascade.css';
+  @import '../../ui/cascade.css';
 </style>

src/components/checkbox/checkbox-group.vue

@@ -34,16 +34,16 @@
 
 <script>
 /**
-     * bk-checkbox-group
-     * @module components/checkbox
-     * @desc 单选框组合
-     * @param name {String} - 名称
-     * @example
-        <bk-checkbox
-            value="demo"
-            v-model="value">
-        </bk-checkbox>
-     */
+ * bk-checkbox-group
+ * @module components/checkbox
+ * @desc 单选框组合
+ * @param name {String} - 名称
+ * @example
+    <bk-checkbox
+        value="demo"
+        v-model="value">
+    </bk-checkbox>
+  */
 import { getGroupName } from './checkbox-name.js'
 
 export default {

src/components/checkbox/checkbox.vue

@@ -47,7 +47,14 @@ import { getCheckboxName } from './checkbox-name.js'
 export default {
   name: 'bk-checkbox',
   mixins: [emitter],
-  inject: ['handleRemoveItem', 'handleAddItem'],
+  inject: {
+    handleRemoveItem: {
+      default: null
+    },
+    handleAddItem: {
+      default: null
+    }
+  },
   props: {
     value: {
       type: [String, Number, Boolean],
@@ -223,5 +230,5 @@ export default {
 </script>
 
 <style>
-    @import '../../ui/checkbox.css';
+  @import '../../ui/checkbox.css';
 </style>

src/components/col/col.vue

@@ -88,5 +88,5 @@ export default {
 </script>
 
 <style>
-    @import '../../ui/col.css';
+  @import '../../ui/col.css';
 </style>

src/components/collapse-item/collapse-item.vue

@@ -77,10 +77,10 @@ export default {
   inject: ['collapse'],
   props: {
     /**
-             * 是否使用自定义触发区域配置
-             * @value false 默认不使用，整行hover触发
-             * @value true 使用自定义区域，no-trigger为不触发的区域
-             */
+     * 是否使用自定义触发区域配置
+     * @value false 默认不使用，整行hover触发
+     * @value true 使用自定义区域，no-trigger为不触发的区域
+     */
     customTriggerArea: {
       type: Boolean,
       default: false
@@ -99,10 +99,10 @@ export default {
     },
 
     /**
-             * collapse-item 的content初始时是否渲染
-             * @value none: 初始不渲染
-             * @value hidden: 初始渲染，但是dispaly: none
-             */
+     * collapse-item 的content初始时是否渲染
+     * @value none: 初始不渲染
+     * @value hidden: 初始渲染，但是dispaly: none
+     */
     contentHiddenType: {
       type: String,
       default: 'none'
@@ -225,5 +225,5 @@ export default {
 </script>
 
 <style>
-    @import '../../ui/collapse-item.css';
+  @import '../../ui/collapse-item.css';
 </style>

src/components/collapse/collapse.vue

@@ -101,5 +101,5 @@ export default {
 </script>
 
 <style>
-    @import '../../ui/collapse.css';
+  @import '../../ui/collapse.css';
 </style>