bk-magic-vue 2.4.10-beta.1 → 2.4.11

package/dist/bk-magic-vue.css

@@ -15362,9 +15362,23 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
       font-size:26px;
     }
 .bk-divider{
-    position:relative
+  position:relative
 }
-.bk-divider-info{
+.bk-divider.bk-divider__vertical{
+    display:inline-block;
+    width:0;
+    height:1em;
+    margin:0 8px;
+    verticalAlign:middle;
+  }
+.bk-divider.bk-divider__horizontal{
+    display:block;
+    width:100%;
+    height:0;
+    margin:1em 0;
+    verticalAlign:middle;
+  }
+.bk-divider .bk-divider-info{
     position:absolute;
     padding:0 1.4em;
     color:#313238;
@@ -15372,16 +15386,16 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
     -webkit-transform:translateY(-50%);
             transform:translateY(-50%);
     background-color:#fff;
-}
-.bk-divider-info-left{
+  }
+.bk-divider .bk-divider-info-left{
         left:2em;
     }
-.bk-divider-info-center{
+.bk-divider .bk-divider-info-center{
         left:50%;
         -webkit-transform:translateX(-50%) translateY(-50%);
                 transform:translateX(-50%) translateY(-50%)
     }
-.bk-divider-info-right{
+.bk-divider .bk-divider-info-right{
         right:2em;
     }
 .bk-compose-form-item{

package/dist/bk-magic-vue.js

@@ -25272,7 +25272,7 @@
         timer: 0,
         isShow: false,
         popInstance: null,
-        containerHeight: 32
+        holderHeight: variable_1
       };
     },
     computed: {
@@ -25287,7 +25287,6 @@
       }
     },
     mounted: function mounted() {
-      this.containerHeight = this.containerHeight + _parseInt$2(variable_1, 10);
       var placement = "bottom".concat(this.getPlacementFix());
       this.popInstance = new Popper(this.$refs.refDropTrigger, this.$refs.refDropContent, {
         placement: placement,
@@ -25383,9 +25382,6 @@
       }],
       staticClass: "bk-dropdown-menu",
       class: [_vm.disabled ? 'disabled' : '', _vm.positionFixed ? '' : 'bk-dropdown-full-width', _vm.fontSizeCls, _vm.extCls],
-      style: {
-        height: _vm.containerHeight + 'px'
-      },
       attrs: {
         "tabindex": "0"
       },
@@ -25414,6 +25410,12 @@
       ref: "refDropTrigger",
       staticClass: "bk-dropdown-trigger"
     }, [_vm._t("dropdown-trigger")], 2), _c('div', {
+      style: {
+        height: _vm.holderHeight,
+        width: '100%',
+        position: 'absolute'
+      }
+    }), _c('div', {
       ref: "refDropContent",
       class: ['bk-dropdown-content', {
         'is-show': _vm.isShow,
@@ -29617,7 +29619,10 @@
         type: String,
         default: 'normal'
       },
-      precision: Number,
+      precision: {
+        type: Number,
+        default: 0
+      },
       passwordIcon: {
         type: Array,
         default: function _default() {
@@ -29670,7 +29675,15 @@
         inputSize: this.size,
         inputPasswordIcon: this.passwordIcon,
         inputRightPadding: '10px',
-        iconAreaSizeObserver: null
+        iconAreaSizeObserver: null,
+        validKeyCodeList: [48, 49, 50, 51, 52, 53, 54, 55, 56, 57,
+        8,
+        189,
+        190,
+        38, 40, 37, 39,
+        46,
+        9
+        ]
       };
     },
     computed: {
@@ -29822,6 +29835,7 @@
               max: this.max
             };
             _extends(outputAttr, defaultAttr, numberAttr);
+            outputAttr.type = 'text';
             break;
           case 'textarea':
             var txtAttr = {
@@ -29926,7 +29940,53 @@
         this.$emit('keypress', value, event);
       },
       handlerKeydown: function handlerKeydown(event) {
-        var value = event.target.value;
+        var keyCode = event.keyCode;
+        var target = event.currentTarget;
+        var value = target.value;
+        if (this.inputType === 'number') {
+          if (this.validKeyCodeList.indexOf(keyCode) < 0) {
+            event.stopPropagation();
+            event.preventDefault();
+            return false;
+          }
+          if (keyCode === 190) {
+            if (this.precision === 0) {
+              event.stopPropagation();
+              event.preventDefault();
+              return false;
+            }
+            if (String(value).trim()) {
+              if (value.indexOf('.') >= 0) {
+                event.stopPropagation();
+                event.preventDefault();
+                return false;
+              }
+            }
+          }
+          if (event.keyCode === 189) {
+            if (String(value).trim()) {
+              if (value.indexOf('-') >= 0) {
+                event.stopPropagation();
+                event.preventDefault();
+                return false;
+              }
+              if (document.getSelection().type !== 'Range') {
+                if (target.selectionEnd !== 0) {
+                  event.stopPropagation();
+                  event.preventDefault();
+                  return false;
+                }
+              }
+            }
+          }
+          if (keyCode === 38) {
+            event.preventDefault();
+            this.handleNumberAdd(event);
+          } else if (keyCode === 40) {
+            event.preventDefault();
+            this.handleNumberDelete(event);
+          }
+        }
         this.$emit('keydown', value, event);
       },
       handlerFocus: function handlerFocus(event) {
@@ -32759,6 +32819,10 @@
         default: true
       },
       allowCreate: Boolean,
+      allowEnter: {
+        type: Boolean,
+        default: true
+      },
       disabled: Boolean,
       readonly: Boolean,
       loading: Boolean,
@@ -33137,7 +33201,7 @@
         var popover = this.getPopoverInstance();
         popover.set({
           onShown: function onShown() {
-            if (_this6.searchable && !_this6.allowCreate) {
+            if (_this6.searchable) {
               _this6.$refs.searchInput.focus();
             }
           }
@@ -33305,6 +33369,58 @@
         this.close();
         this.$refs.bkSelect && this.$refs.bkSelect.focus();
       },
+      ensureSearch: function ensureSearch() {
+        var _this12 = this;
+        if (!this.allowEnter) {
+          return false;
+        }
+        var option = {};
+        this.options.some(function (item) {
+          var searchValue = _this12.searchValue;
+          var data = item;
+          if (item.$options) {
+            data = item.$options.propsData;
+          }
+          var name = data.name;
+          if (typeof name === 'string' && _this12.searchWithPinyin) {
+            var pinyinList = pinyin.parse(name).map(function (v) {
+              if (v.type === 2) {
+                return v.target.toLowerCase();
+              }
+              return v.target;
+            });
+            var pinyinStr = pinyinList.reduce(function (res, cur) {
+              return res + cur[0];
+            }, '');
+            if (pinyinList.join('').indexOf(searchValue) !== -1 || pinyinStr.indexOf(searchValue) !== -1) {
+              option = data;
+              return true;
+            }
+            return pinyinList.join('').indexOf(searchValue) !== -1 || pinyinStr.indexOf(searchValue) !== -1;
+          } else {
+            if ("".concat(name).includes(_this12.searchValue)) {
+              option = data;
+              return true;
+            }
+          }
+          return false;
+        });
+        if (option) {
+          if (this.multiple && this.selected.includes(option.id)) {
+            return false;
+          }
+          this.selectOption(option);
+        } else {
+          if (this.allowCreate) {
+            this.$refs.createInput.value = this.searchValue;
+            this.handleInputChange({
+              target: {
+                value: this.searchValue
+              }
+            });
+          }
+        }
+      },
       handleTabRemove: function handleTabRemove(options) {
         this.$emit('tab-remove', options);
       },
@@ -33429,6 +33545,7 @@
         "create-tag": _vm.handleCreateTag
       }
     }) : [_vm.allowCreate && !_vm.multiple ? _c('input', {
+      ref: "createInput",
       staticClass: "bk-select-name",
       class: _vm.fontSizeCls,
       attrs: {
@@ -33477,6 +33594,12 @@
       },
       on: {
         "keydown": [function ($event) {
+          if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
+            return null;
+          }
+
+          return _vm.ensureSearch($event);
+        }, function ($event) {
           if (!('button' in $event) && _vm._k($event.keyCode, "tab", 9, $event.key, "Tab")) {
             return null;
           }
@@ -35466,9 +35589,7 @@
       name: {
         type: [String, Number],
         default: function _default() {
-          var seed = 0;
-          var now = now$1();
-          return "bk_radio_".concat(now, "_").concat(seed++);
+          return "bk_radio_".concat(uuid());
         }
       }
     },
@@ -48565,6 +48686,16 @@
         var indexMove = this.realWidth * this.currentIndex;
         var imageMove = indexMove - this.mouseDistance;
         return -imageMove;
+      },
+      swiperStyle: function swiperStyle() {
+        var swiperStyle = {};
+        if (this.realWidth > 0) {
+          swiperStyle.width = "".concat(this.realWidth, "px");
+        }
+        if (this.realHeight > 0) {
+          swiperStyle.height = "".concat(this.realHeight, "px");
+        }
+        return swiperStyle;
       }
     },
     watch: {
@@ -48583,16 +48714,21 @@
       }
     },
     mounted: function mounted() {
-      this.initStatus();
+      var _this = this;
+      setTimeout(function () {
+        _this.initStatus();
+      });
     },
     beforeDestroy: function beforeDestroy() {
       this.destoryStatus();
     },
     methods: {
       calcSize: function calcSize() {
+        console.log(this);
+        var swiperSize = getElementSize(this.$refs.swiper);
         var swiperParentSize = getElementSize(this.$refs.swiper && this.$refs.swiper.parentElement);
-        this.realWidth = +this.width > 0 ? this.width : swiperParentSize.width || 600;
-        this.realHeight = +this.height > 0 ? this.height : swiperParentSize.height || 300;
+        this.realWidth = +this.width > 0 ? this.width : swiperSize.width > 0 ? swiperSize.width : swiperParentSize.width;
+        this.realHeight = +this.height > 0 ? this.height : swiperSize.height > 25 ? swiperSize.height : swiperParentSize.height;
       },
       initStatus: function initStatus() {
         this.calcSize();
@@ -48606,13 +48742,13 @@
         document.removeEventListener('visibilitychange', this.visChange);
       },
       watchParentSizeChange: function watchParentSizeChange() {
-        var _this = this;
+        var _this2 = this;
         var parentEle = this.$refs.swiper && this.$refs.swiper.parentElement;
         if (!parentEle || !window.ResizeObserver) {
           return;
         }
         this.resizeObserver = new ResizeObserver(function () {
-          _this.calcSize();
+          _this2.calcSize();
         });
         this.resizeObserver.observe(parentEle);
       },
@@ -48679,13 +48815,13 @@
         }
       },
       startLoop: function startLoop() {
-        var _this2 = this;
+        var _this3 = this;
         if (!this.isLoop) return;
         this.endLoop();
         this.loopId = window.setTimeout(function () {
-          _this2.isTransition = true;
-          _this2.changeCurrentIndex(_this2.currentIndex + 1);
-          _this2.startLoop();
+          _this3.isTransition = true;
+          _this3.changeCurrentIndex(_this3.currentIndex + 1);
+          _this3.startLoop();
         }, this.loopTime);
       },
       endLoop: function endLoop() {
@@ -48708,10 +48844,7 @@
     return _vm.sourceList.length ? _c('section', {
       ref: "swiper",
       class: ['bk-swiper-home', _vm.extCls],
-      style: {
-        width: _vm.realWidth + "px",
-        height: _vm.realHeight + "px"
-      }
+      style: _vm.swiperStyle
     }, [_c('hgroup', {
       class: [{
         'bk-transition': _vm.isTransition
@@ -56009,20 +56142,10 @@
       style: function style() {
         if (this.direction === 'vertical') {
           return {
-            display: 'inline-block',
-            width: 0,
-            height: '1em',
-            margin: '0 8px',
-            verticalAlign: 'middle',
             borderRight: "".concat(this.width, "px ").concat(this.type, " ").concat(this.color)
           };
         }
         return {
-          display: 'block',
-          width: '100%',
-          height: 0,
-          margin: '1em 0',
-          verticalAlign: 'middle',
           borderBottom: "".concat(this.width, "px ").concat(this.type, " ").concat(this.color)
         };
       }
@@ -56042,6 +56165,7 @@
 
     return _c('div', {
       staticClass: "bk-divider",
+      class: _vm.direction === 'horizontal' ? 'bk-divider__horizontal' : 'bk-divider__vertical',
       style: _vm.style
     }, [_vm.direction === 'horizontal' ? _c('div', {
       class: ['bk-divider-info', "bk-divider-info-" + _vm.align]