bk-magic-vue 2.4.0 → 2.4.1

package/lib/table-setting-content.js

@@ -86,6 +86,12 @@
 
   var script = {
     name: 'bk-checkbox-group',
+    provide: function provide() {
+      return {
+        handleAddItem: this.handleAddItem,
+        handleRemoveItem: this.handleRemoveItem
+      };
+    },
     props: {
       value: {
         type: Array,
@@ -112,16 +118,17 @@
         this.localValue = _toConsumableArray(_value);
       }
     },
-    created: function created() {
-      var _this = this;
-      this.$on('checkbox-item-add', function (item) {
-        if (item) {
-          _this.checkboxItems.push(item);
-        }
-        return false;
-      });
-    },
     methods: {
+      handleAddItem: function handleAddItem(item) {
+        if (!item || this.checkboxItems.includes(item)) return;
+        this.checkboxItems.push(item);
+      },
+      handleRemoveItem: function handleRemoveItem(item) {
+        var index = this.checkboxItems.indexOf(item);
+        if (index > -1) {
+          this.checkboxItems.splice(index, 1);
+        }
+      },
       handleChange: function handleChange(checked, value) {
         var oldValue = _toConsumableArray(this.localValue);
         var localValue = [];
@@ -1072,6 +1079,7 @@
   var script$1 = {
     name: 'bk-checkbox',
     mixins: [emitter],
+    inject: ['handleRemoveItem', 'handleAddItem'],
     props: {
       value: {
         type: [String, Number, Boolean],
@@ -1151,9 +1159,16 @@
       }
     },
     created: function created() {
-      this.dispatch('bk-checkbox-group', 'checkbox-item-add', this);
+      if (this.handleAddItem && typeof this.handleAddItem === 'function') {
+        this.handleAddItem(this);
+      }
       this.init();
     },
+    destroyed: function destroyed() {
+      if (this.handleRemoveItem && typeof this.handleRemoveItem === 'function') {
+        this.handleRemoveItem(this);
+      }
+    },
     methods: {
       getValue: function getValue() {
         if (this.selected) {
@@ -1677,14 +1692,14 @@
       staticClass: "content-fields clearfix"
     }, [_c('p', {
       staticClass: "setting-title"
-    }, [_vm._v("\n                " + _vm._s(_vm.t('bk.table.setting.fields.title')) + "\n                "), _vm.limit ? _c('span', {
+    }, [_vm._v("\n        " + _vm._s(_vm.t('bk.table.setting.fields.title')) + "\n        "), _vm.limit ? _c('span', {
       staticClass: "setting-subtitle",
       class: {
         'is-limit': _vm.reachLimit
       }
-    }, [_vm._v("\n                    " + _vm._s(_vm.t('bk.table.setting.fields.subtitle', {
+    }, [_vm._v("\n          " + _vm._s(_vm.t('bk.table.setting.fields.subtitle', {
       max: _vm.limit
-    })) + "\n                ")]) : _c('bk-checkbox', {
+    })) + "\n        ")]) : _c('bk-checkbox', {
       staticClass: "fr setting-checkbox",
       attrs: {
         "checked": _vm.allSelected
@@ -1694,7 +1709,7 @@
           return _vm.handleSelectAll($event);
         }
       }
-    }, [_vm._v("\n                    " + _vm._s(_vm.t('bk.table.setting.fields.selectAll')) + "\n                ")])], 1), _c('bk-checkbox-group', {
+    }, [_vm._v("\n          " + _vm._s(_vm.t('bk.table.setting.fields.selectAll')) + "\n        ")])], 1), _c('bk-checkbox-group', {
       staticClass: "fields-group",
       model: {
         value: _vm.localSelected,
@@ -1714,12 +1729,12 @@
           "value": field[_vm.valueKey],
           "title": field[_vm.labelKey]
         }
-      }, [_vm._v("\n                            " + _vm._s(field[_vm.labelKey]) + "\n                        ")])], 1)];
+      }, [_vm._v("\n              " + _vm._s(field[_vm.labelKey]) + "\n            ")])], 1)];
     })], 2)], 1), _c('div', {
       staticClass: "content-line-height"
     }, [_c('p', {
       staticClass: "setting-title"
-    }, [_vm._v("\n                " + _vm._s(_vm.t('bk.table.setting.lineHeight.title')) + "\n            ")]), _c('div', {
+    }, [_vm._v("\n        " + _vm._s(_vm.t('bk.table.setting.lineHeight.title')) + "\n      ")]), _c('div', {
       staticClass: "bk-button-group link-button-group"
     }, [_c('bk-button', {
       class: ['link-button', {
@@ -1733,7 +1748,7 @@
           _vm.setSize('small');
         }
       }
-    }, [_vm._v("\n                    " + _vm._s(_vm.t('bk.table.setting.lineHeight.small')) + "\n                ")]), _c('bk-button', {
+    }, [_vm._v("\n          " + _vm._s(_vm.t('bk.table.setting.lineHeight.small')) + "\n        ")]), _c('bk-button', {
       class: ['link-button', {
         'is-selected': _vm.currentSize === 'medium'
       }],
@@ -1745,7 +1760,7 @@
           _vm.setSize('medium');
         }
       }
-    }, [_vm._v("\n                    " + _vm._s(_vm.t('bk.table.setting.lineHeight.medium')) + "\n                ")]), _c('bk-button', {
+    }, [_vm._v("\n          " + _vm._s(_vm.t('bk.table.setting.lineHeight.medium')) + "\n        ")]), _c('bk-button', {
       class: ['link-button', {
         'is-selected': _vm.currentSize === 'large'
       }],
@@ -1757,7 +1772,7 @@
           _vm.setSize('large');
         }
       }
-    }, [_vm._v("\n                    " + _vm._s(_vm.t('bk.table.setting.lineHeight.large')) + "\n                ")])], 1)])]), _c('div', {
+    }, [_vm._v("\n          " + _vm._s(_vm.t('bk.table.setting.lineHeight.large')) + "\n        ")])], 1)])]), _c('div', {
       staticClass: "content-options"
     }, [_c('bk-button', {
       staticClass: "mr10",
@@ -1768,7 +1783,7 @@
       on: {
         "click": _vm.handleConfirm
       }
-    }, [_vm._v("\n            " + _vm._s(_vm.t('bk.table.setting.options.ok')) + "\n        ")]), _c('bk-button', {
+    }, [_vm._v("\n      " + _vm._s(_vm.t('bk.table.setting.options.ok')) + "\n    ")]), _c('bk-button', {
       attrs: {
         "theme": "default"
       },