bk-magic-vue 2.5.6 → 2.5.7

package/lib/select.js

@@ -5415,8 +5415,274 @@
 
   setInstaller(__vue_component__$4);
 
+  var checkboxSeed = 0;
+  function getCheckboxName() {
+    return "bk-checkbox_".concat(checkboxSeed++);
+  }
+
   var script$5 = {
+    name: 'bk-checkbox',
+    mixins: [emitter],
+    inject: {
+      handleRemoveItem: {
+        default: null
+      },
+      handleAddItem: {
+        default: null
+      }
+    },
+    props: {
+      value: {
+        type: [String, Number, Boolean],
+        default: undefined
+      },
+      checked: {
+        type: Boolean,
+        default: undefined
+      },
+      trueValue: {
+        type: [String, Number, Boolean],
+        default: true
+      },
+      falseValue: {
+        type: [String, Number, Boolean],
+        default: false
+      },
+      label: {
+        type: [String, Number]
+      },
+      name: {
+        type: String,
+        default: function _default() {
+          return getCheckboxName();
+        }
+      },
+      disabled: Boolean,
+      indeterminate: Boolean,
+      extCls: {
+        type: String,
+        default: ''
+      },
+      beforeChange: Function
+    },
+    data: function data() {
+      return {
+        parent: null,
+        localValue: undefined
+      };
+    },
+    computed: {
+      selected: function selected() {
+        return this.localValue === this.localTrueValue;
+      },
+      parentValue: function parentValue() {
+        return this.parent ? this.parent.localValue : null;
+      },
+      localTrueValue: function localTrueValue() {
+        var localValue;
+        if (this.parent) {
+          if (this.label === undefined && this.value === undefined) {
+            localValue = this.trueValue;
+          } else if (this.value !== undefined) {
+            localValue = this.value;
+          } else {
+            localValue = this.label;
+          }
+        } else {
+          if (this.label === undefined) {
+            localValue = this.trueValue;
+          } else {
+            localValue = this.label;
+          }
+        }
+        return localValue;
+      }
+    },
+    watch: {
+      value: function value(val) {
+        this.setLocalValue(val);
+      },
+      checked: function checked() {
+        this.setLocalValue();
+      },
+      parentValue: function parentValue() {
+        this.setLocalValue();
+      }
+    },
+    created: function created() {
+      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) {
+          return {
+            isChecked: true,
+            value: this.localTrueValue
+          };
+        } else {
+          return {
+            isChecked: false,
+            value: this.falseValue
+          };
+        }
+      },
+      init: function init() {
+        var parent = this.$parent;
+        while (parent && !parent.isCheckboxGroup && !parent.$options.name !== 'bk-checkbox-group') {
+          parent = parent.$parent;
+        }
+        this.parent = parent;
+        this.setLocalValue();
+      },
+      setLocalValue: function setLocalValue(val) {
+        if (val !== undefined) {
+          this.localValue = val;
+          return;
+        }
+        if (this.parent) {
+          var trueValue = this.localTrueValue;
+          var isSelected = this.parent.localValue.includes(trueValue);
+          this.localValue = isSelected ? trueValue : this.falseValue;
+        } else {
+          if (this.checked !== undefined) {
+            this.localValue = this.checked ? this.localTrueValue : this.falseValue;
+          } else if (this.value === undefined) {
+            this.localValue = this.falseValue;
+          } else {
+            this.localValue = this.value;
+          }
+        }
+      },
+      handleClick: function handleClick() {
+        var _this = this;
+        return _asyncToGenerator( _regeneratorRuntime().mark(function _callee() {
+          var shouldChange, oldValue, newValue, groupValue;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  if (!_this.disabled) {
+                    _context.next = 2;
+                    break;
+                  }
+                  return _context.abrupt("return", false);
+                case 2:
+                  if (!(typeof _this.beforeChange === 'function')) {
+                    _context.next = 8;
+                    break;
+                  }
+                  _context.next = 5;
+                  return _this.beforeChange();
+                case 5:
+                  shouldChange = _context.sent;
+                  if (!(shouldChange === false)) {
+                    _context.next = 8;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 8:
+                  oldValue = _this.localValue;
+                  if (_this.indeterminate) {
+                    newValue = _this.localTrueValue;
+                  } else {
+                    newValue = oldValue === _this.localTrueValue ? _this.falseValue : _this.localTrueValue;
+                  }
+                  _this.localValue = newValue;
+                  _this.$emit('input', newValue, _this.localTrueValue);
+                  _this.$emit('change', newValue, oldValue, _this.localTrueValue);
+                  _this.dispatch('bk-form-item', 'form-change');
+                  if (_this.parent) {
+                    groupValue = _this.localTrueValue === undefined ? newValue : _this.localTrueValue;
+                    _this.parent.handleChange(_this.selected, groupValue);
+                  }
+                case 15:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }))();
+      }
+    }
+  };
+
+  /* script */
+  var __vue_script__$5 = script$5;
+  /* template */
+  var __vue_render__$5 = function __vue_render__() {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c('label', {
+      staticClass: "bk-form-checkbox",
+      class: [{
+        'is-disabled': _vm.disabled,
+        'is-indeterminate': _vm.indeterminate,
+        'is-checked': _vm.selected
+      }, _vm.extCls],
+      on: {
+        "click": _vm.handleClick,
+        "keydown": function keydown($event) {
+          if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
+            return null;
+          }
+          $event.preventDefault();
+          return _vm.handleClick.apply(null, arguments);
+        }
+      }
+    }, [_c('span', {
+      staticClass: "bk-checkbox",
+      attrs: {
+        "tabindex": _vm.disabled ? false : 0
+      }
+    }), _c('input', {
+      attrs: {
+        "type": "hidden",
+        "name": _vm.name
+      },
+      domProps: {
+        "value": _vm.label === undefined ? _vm.localValue : _vm.label
+      }
+    }), _vm.$slots.default ? _c('span', {
+      staticClass: "bk-checkbox-text"
+    }, [_vm._t("default")], 2) : _vm._e()]);
+  };
+  var __vue_staticRenderFns__$5 = [];
+
+  /* style */
+  var __vue_inject_styles__$5 = undefined;
+  /* scoped */
+  var __vue_scope_id__$5 = undefined;
+  /* module identifier */
+  var __vue_module_identifier__$5 = undefined;
+  /* functional template */
+  var __vue_is_functional_template__$5 = false;
+  /* style inject */
+
+  /* style inject SSR */
+
+  /* style inject shadow dom */
+
+  var __vue_component__$5 = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$5,
+    staticRenderFns: __vue_staticRenderFns__$5
+  }, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
+
+  setInstaller(__vue_component__$5);
+
+  var script$6 = {
     name: 'bk-option',
+    components: {
+      'bk-checkbox': __vue_component__$5
+    },
     props: {
       id: {
         type: [String, Number],
@@ -5444,6 +5710,9 @@
       },
       lowerName: function lowerName() {
         return String(this.name).toLowerCase();
+      },
+      selectedStyle: function selectedStyle() {
+        return this.select.selectedStyle;
       }
     },
     created: function created() {
@@ -5477,10 +5746,10 @@
   };
 
   /* script */
-  var __vue_script__$5 = script$5;
+  var __vue_script__$6 = script$6;
 
   /* template */
-  var __vue_render__$5 = function __vue_render__() {
+  var __vue_render__$6 = function __vue_render__() {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
@@ -5508,34 +5777,39 @@
         attrs: {
           "title": _vm.name
         }
-      }, [_vm.select.multiple && _vm.isSelected ? _c('i', {
+      }, [_vm.selectedStyle === 'checkbox' && _vm.select.multiple ? [_c('bk-checkbox', {
+        staticClass: "bk-option-checkbox",
+        attrs: {
+          "value": _vm.isSelected
+        }
+      }, [_vm._v(_vm._s(_vm.name))])] : [_vm.select.multiple && _vm.isSelected ? _c('i', {
         staticClass: "bk-option-icon bk-icon icon-check-1"
       }) : _vm._e(), _c('span', {
         staticClass: "bk-option-name",
         class: _vm.select.fontSizeCls
-      }, [_vm._v("\n          " + _vm._s(_vm.name) + "\n        ")])])];
+      }, [_vm._v("\n            " + _vm._s(_vm.name) + "\n          ")])]], 2)];
     })], 2)]);
   };
-  var __vue_staticRenderFns__$5 = [];
+  var __vue_staticRenderFns__$6 = [];
 
   /* style */
-  var __vue_inject_styles__$5 = undefined;
+  var __vue_inject_styles__$6 = undefined;
   /* scoped */
-  var __vue_scope_id__$5 = undefined;
+  var __vue_scope_id__$6 = undefined;
   /* module identifier */
-  var __vue_module_identifier__$5 = undefined;
+  var __vue_module_identifier__$6 = undefined;
   /* functional template */
-  var __vue_is_functional_template__$5 = false;
+  var __vue_is_functional_template__$6 = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$5 = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$5,
-    staticRenderFns: __vue_staticRenderFns__$5
-  }, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
+  var __vue_component__$6 = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$6,
+    staticRenderFns: __vue_staticRenderFns__$6
+  }, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
 
   var virtualOption = {
     name: 'bk-virtual-option',
@@ -5544,7 +5818,7 @@
       item: Object
     },
     components: {
-      bkOption: __vue_component__$5
+      bkOption: __vue_component__$6
     },
     render: function render(h) {
       if (this.renderFunc) return this.renderFunc(this.item, h);else return h("bk-option", {
@@ -5559,7 +5833,7 @@
   };
   var variable_1 = variable.dropdownMarginBottom;
 
-  var script$6 = {
+  var script$7 = {
     name: 'bk-spin',
     props: {
       theme: {
@@ -5639,9 +5913,9 @@
   };
 
   /* script */
-  var __vue_script__$6 = script$6;
+  var __vue_script__$7 = script$7;
   /* template */
-  var __vue_render__$6 = function __vue_render__() {
+  var __vue_render__$7 = function __vue_render__() {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
@@ -5689,30 +5963,30 @@
       class: [_vm.slotClass]
     }, [_vm._t("default")], 2) : _vm._e()])])]);
   };
-  var __vue_staticRenderFns__$6 = [];
+  var __vue_staticRenderFns__$7 = [];
 
   /* style */
-  var __vue_inject_styles__$6 = undefined;
+  var __vue_inject_styles__$7 = undefined;
   /* scoped */
-  var __vue_scope_id__$6 = undefined;
+  var __vue_scope_id__$7 = undefined;
   /* module identifier */
-  var __vue_module_identifier__$6 = undefined;
+  var __vue_module_identifier__$7 = undefined;
   /* functional template */
-  var __vue_is_functional_template__$6 = false;
+  var __vue_is_functional_template__$7 = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$6 = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$6,
-    staticRenderFns: __vue_staticRenderFns__$6
-  }, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
+  var __vue_component__$7 = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$7,
+    staticRenderFns: __vue_staticRenderFns__$7
+  }, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$6);
+  setInstaller(__vue_component__$7);
 
-  var script$7 = {
+  var script$8 = {
     name: 'bk-select',
     components: {
       bkPopover: __vue_component__,
@@ -5720,8 +5994,8 @@
       bkSelectTag: __vue_component__$3,
       bkVirtualScroll: __vue_component__$4,
       virtualOption: virtualOption,
-      bkSpin: __vue_component__$6,
-      bkOption: __vue_component__$5
+      bkSpin: __vue_component__$7,
+      bkOption: __vue_component__$6
     },
     directives: {
       bkloading: bkLoading
@@ -5861,6 +6135,10 @@
         default: function _default() {
           return {};
         }
+      },
+      selectedStyle: {
+        type: String,
+        default: 'check'
       }
     },
     provide: function provide() {
@@ -6400,8 +6678,8 @@
   var img = new Image(); img.src = 'data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ibGRzLXNwaW4iIHdpZHRoPSI4MHB4IiBoZWlnaHQ9IjgwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAsNTApIj4KICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKDApIj4KICAgICAgPGNpcmNsZSBjeD0iMCIgY3k9IjAiIHI9IjUiIGZpbGw9IiMzYTg0ZmYiIGZpbGwtb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJzY2FsZSgxLjA3NjY3IDEuMDc2NjcpIj4KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiBiZWdpbj0iLTAuOTE2NjY2NjY2NjY2NjY2NnMiIHZhbHVlcz0iMS4yIDEuMjsxIDEiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIxOzAiIGJlZ2luPSItMC45MTY2NjY2NjY2NjY2NjY2cyI+PC9hbmltYXRlPgogICAgICA8L2NpcmNsZT4KICAgIDwvZz4KICA8L2c+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzUuOTgwNzYyMTEzNTMzMTYsNjUpIj4KICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKDI5Ljk5OTk5OTk5OTk5OTk5NikiPgogICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iNSIgZmlsbD0iIzNhODRmZiIgZmlsbC1vcGFjaXR5PSIwLjkxNjY2NjY2NjY2NjY2NjYiIHRyYW5zZm9ybT0ic2NhbGUoMS4wOTMzMyAxLjA5MzMzKSI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgYmVnaW49Ii0wLjgzMzMzMzMzMzMzMzMzMzRzIiB2YWx1ZXM9IjEuMiAxLjI7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuODMzMzMzMzMzMzMzMzMzNHMiPjwvYW5pbWF0ZT4KICAgICAgPC9jaXJjbGU+CiAgICA8L2c+CiAgPC9nPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1LDc1Ljk4MDc2MjExMzUzMzE2KSI+CiAgICA8ZyB0cmFuc2Zvcm09InJvdGF0ZSg1OS45OTk5OTk5OTk5OTk5OSkiPgogICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iNSIgZmlsbD0iIzNhODRmZiIgZmlsbC1vcGFjaXR5PSIwLjgzMzMzMzMzMzMzMzMzMzQiIHRyYW5zZm9ybT0ic2NhbGUoMS4xMSAxLjExKSI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgYmVnaW49Ii0wLjc1cyIgdmFsdWVzPSIxLjIgMS4yOzEgMSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE7MCIgYmVnaW49Ii0wLjc1cyI+PC9hbmltYXRlPgogICAgICA8L2NpcmNsZT4KICAgIDwvZz4KICA8L2c+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTAsODApIj4KICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKDkwKSI+CiAgICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI1IiBmaWxsPSIjM2E4NGZmIiBmaWxsLW9wYWNpdHk9IjAuNzUiIHRyYW5zZm9ybT0ic2NhbGUoMS4xMjY2NyAxLjEyNjY3KSI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgYmVnaW49Ii0wLjY2NjY2NjY2NjY2NjY2NjZzIiB2YWx1ZXM9IjEuMiAxLjI7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuNjY2NjY2NjY2NjY2NjY2NnMiPjwvYW5pbWF0ZT4KICAgICAgPC9jaXJjbGU+CiAgICA8L2c+CiAgPC9nPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1LjAwMDAwMDAwMDAwMDAxLDc1Ljk4MDc2MjExMzUzMzE2KSI+CiAgICA8ZyB0cmFuc2Zvcm09InJvdGF0ZSgxMTkuOTk5OTk5OTk5OTk5OTkpIj4KICAgICAgPGNpcmNsZSBjeD0iMCIgY3k9IjAiIHI9IjUiIGZpbGw9IiMzYTg0ZmYiIGZpbGwtb3BhY2l0eT0iMC42NjY2NjY2NjY2NjY2NjY2IiB0cmFuc2Zvcm09InNjYWxlKDEuMTQzMzMgMS4xNDMzMykiPgogICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIGJlZ2luPSItMC41ODMzMzMzMzMzMzMzMzM0cyIgdmFsdWVzPSIxLjIgMS4yOzEgMSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE7MCIgYmVnaW49Ii0wLjU4MzMzMzMzMzMzMzMzMzRzIj48L2FuaW1hdGU+CiAgICAgIDwvY2lyY2xlPgogICAgPC9nPgogIDwvZz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMTkyMzc4ODY0NjY4NCw2NSkiPgogICAgPGcgdHJhbnNmb3JtPSJyb3RhdGUoMTUwLjAwMDAwMDAwMDAwMDAzKSI+CiAgICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI1IiBmaWxsPSIjM2E4NGZmIiBmaWxsLW9wYWNpdHk9IjAuNTgzMzMzMzMzMzMzMzMzNCIgdHJhbnNmb3JtPSJzY2FsZSgxLjE2IDEuMTYpIj4KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiBiZWdpbj0iLTAuNXMiIHZhbHVlcz0iMS4yIDEuMjsxIDEiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIxOzAiIGJlZ2luPSItMC41cyI+PC9hbmltYXRlPgogICAgICA8L2NpcmNsZT4KICAgIDwvZz4KICA8L2c+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAsNTAuMDAwMDAwMDAwMDAwMDEpIj4KICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKDE4MCkiPgogICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iNSIgZmlsbD0iIzNhODRmZiIgZmlsbC1vcGFjaXR5PSIwLjUiIHRyYW5zZm9ybT0ic2NhbGUoMS4xNzY2NyAxLjE3NjY3KSI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgYmVnaW49Ii0wLjQxNjY2NjY2NjY2NjY2NjdzIiB2YWx1ZXM9IjEuMiAxLjI7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuNDE2NjY2NjY2NjY2NjY2N3MiPjwvYW5pbWF0ZT4KICAgICAgPC9jaXJjbGU+CiAgICA8L2c+CiAgPC9nPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0LjAxOTIzNzg4NjQ2NjgzNiwzNS4wMDAwMDAwMDAwMDAwMSkiPgogICAgPGcgdHJhbnNmb3JtPSJyb3RhdGUoMjA5Ljk5OTk5OTk5OTk5OTk3KSI+CiAgICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI1IiBmaWxsPSIjM2E4NGZmIiBmaWxsLW9wYWNpdHk9IjAuNDE2NjY2NjY2NjY2NjY2NyIgdHJhbnNmb3JtPSJzY2FsZSgxLjE5MzMzIDEuMTkzMzMpIj4KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiBiZWdpbj0iLTAuMzMzMzMzMzMzMzMzMzMzM3MiIHZhbHVlcz0iMS4yIDEuMjsxIDEiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIxOzAiIGJlZ2luPSItMC4zMzMzMzMzMzMzMzMzMzMzcyI+PC9hbmltYXRlPgogICAgICA8L2NpcmNsZT4KICAgIDwvZz4KICA8L2c+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQuOTk5OTk5OTk5OTk5OTg2LDI0LjAxOTIzNzg4NjQ2Njg0NykiPgogICAgPGcgdHJhbnNmb3JtPSJyb3RhdGUoMjM5Ljk5OTk5OTk5OTk5OTk3KSI+CiAgICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI1IiBmaWxsPSIjM2E4NGZmIiBmaWxsLW9wYWNpdHk9IjAuMzMzMzMzMzMzMzMzMzMzMyIgdHJhbnNmb3JtPSJzY2FsZSgxLjAxIDEuMDEpIj4KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiBiZWdpbj0iLTAuMjVzIiB2YWx1ZXM9IjEuMiAxLjI7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuMjVzIj48L2FuaW1hdGU+CiAgICAgIDwvY2lyY2xlPgogICAgPC9nPgogIDwvZz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OS45OTk5OTk5OTk5OTk5OSwyMCkiPgogICAgPGcgdHJhbnNmb3JtPSJyb3RhdGUoMjcwKSI+CiAgICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI1IiBmaWxsPSIjM2E4NGZmIiBmaWxsLW9wYWNpdHk9IjAuMjUiIHRyYW5zZm9ybT0ic2NhbGUoMS4wMjY2NyAxLjAyNjY3KSI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgYmVnaW49Ii0wLjE2NjY2NjY2NjY2NjY2NjY2cyIgdmFsdWVzPSIxLjIgMS4yOzEgMSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE7MCIgYmVnaW49Ii0wLjE2NjY2NjY2NjY2NjY2NjY2cyI+PC9hbmltYXRlPgogICAgICA8L2NpcmNsZT4KICAgIDwvZz4KICA8L2c+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjUsMjQuMDE5MjM3ODg2NDY2ODQzKSI+CiAgICA8ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMDAuMDAwMDAwMDAwMDAwMDYpIj4KICAgICAgPGNpcmNsZSBjeD0iMCIgY3k9IjAiIHI9IjUiIGZpbGw9IiMzYTg0ZmYiIGZpbGwtb3BhY2l0eT0iMC4xNjY2NjY2NjY2NjY2NjY2NiIgdHJhbnNmb3JtPSJzY2FsZSgxLjA0MzMzIDEuMDQzMzMpIj4KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiBiZWdpbj0iLTAuMDgzMzMzMzMzMzMzMzMzMzNzIiB2YWx1ZXM9IjEuMiAxLjI7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuMDgzMzMzMzMzMzMzMzMzMzNzIj48L2FuaW1hdGU+CiAgICAgIDwvY2lyY2xlPgogICAgPC9nPgogIDwvZz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NS45ODA3NjIxMTM1MzMxNiwzNC45OTk5OTk5OTk5OTk5ODYpIj4KICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKDMyOS45OTk5OTk5OTk5OTk5NCkiPgogICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iNSIgZmlsbD0iIzNhODRmZiIgZmlsbC1vcGFjaXR5PSIwLjA4MzMzMzMzMzMzMzMzMzMzIiB0cmFuc2Zvcm09InNjYWxlKDEuMDYgMS4wNikiPgogICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIGJlZ2luPSIwcyIgdmFsdWVzPSIxLjIgMS4yOzEgMSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE7MCIgYmVnaW49IjBzIj48L2FuaW1hdGU+CiAgICAgIDwvY2lyY2xlPgogICAgPC9nPgogIDwvZz4KPC9zdmc+'; var __$_require_ui_images_spinner_svg__ = img.src;
 
   /* script */
-  var __vue_script__$7 = script$7;
-  var __vue_render__$7 = function __vue_render__() {
+  var __vue_script__$8 = script$8;
+  var __vue_render__$8 = function __vue_render__() {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
@@ -6635,34 +6913,34 @@
       class: _vm.fontSizeCls
     }, [_vm._t("extension")], 2) : _vm._e()], 2)], 2)], 2);
   };
-  var __vue_staticRenderFns__$7 = [];
+  var __vue_staticRenderFns__$8 = [];
 
   /* style */
-  var __vue_inject_styles__$7 = undefined;
+  var __vue_inject_styles__$8 = undefined;
   /* scoped */
-  var __vue_scope_id__$7 = undefined;
+  var __vue_scope_id__$8 = undefined;
   /* module identifier */
-  var __vue_module_identifier__$7 = undefined;
+  var __vue_module_identifier__$8 = undefined;
   /* functional template */
-  var __vue_is_functional_template__$7 = false;
+  var __vue_is_functional_template__$8 = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$7 = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$7,
-    staticRenderFns: __vue_staticRenderFns__$7
-  }, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
+  var __vue_component__$8 = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$8,
+    staticRenderFns: __vue_staticRenderFns__$8
+  }, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$7, function (Vue, options) {
+  setInstaller(__vue_component__$8, function (Vue, options) {
     Vue.prototype.$bkToPinyin = function (str, lowerCase, separator) {
       return pinyin.convertToPinyin(str, lowerCase, separator);
     };
   });
 
-  exports.default = __vue_component__$7;
+  exports.default = __vue_component__$8;
 
   Object.defineProperty(exports, '__esModule', { value: true });
 

package/lib/table.js

@@ -10474,6 +10474,9 @@
 
 	var script$a = {
 	  name: 'bk-option',
+	  components: {
+	    'bk-checkbox': __vue_component__$1
+	  },
 	  props: {
 	    id: {
 	      type: [String, Number],
@@ -10501,6 +10504,9 @@
 	    },
 	    lowerName: function lowerName() {
 	      return String(this.name).toLowerCase();
+	    },
+	    selectedStyle: function selectedStyle() {
+	      return this.select.selectedStyle;
 	    }
 	  },
 	  created: function created() {
@@ -10565,12 +10571,17 @@
 	      attrs: {
 	        "title": _vm.name
 	      }
-	    }, [_vm.select.multiple && _vm.isSelected ? _c('i', {
+	    }, [_vm.selectedStyle === 'checkbox' && _vm.select.multiple ? [_c('bk-checkbox', {
+	      staticClass: "bk-option-checkbox",
+	      attrs: {
+	        "value": _vm.isSelected
+	      }
+	    }, [_vm._v(_vm._s(_vm.name))])] : [_vm.select.multiple && _vm.isSelected ? _c('i', {
 	      staticClass: "bk-option-icon bk-icon icon-check-1"
 	    }) : _vm._e(), _c('span', {
 	      staticClass: "bk-option-name",
 	      class: _vm.select.fontSizeCls
-	    }, [_vm._v("\n          " + _vm._s(_vm.name) + "\n        ")])])];
+	    }, [_vm._v("\n            " + _vm._s(_vm.name) + "\n          ")])]], 2)];
 	  })], 2)]);
 	};
 	var __vue_staticRenderFns__$a = [];
@@ -10765,6 +10776,10 @@
 	      default: function _default() {
 	        return {};
 	      }
+	    },
+	    selectedStyle: {
+	      type: String,
+	      default: 'check'
 	    }
 	  },
 	  provide: function provide() {