@king-design/vue 2.1.4 → 2.1.5

package/components/scrollSelect/useMouseEvents.js

@@ -12,76 +12,94 @@ export function useMouseEvents(translate, list) {
   var y;
   var itemHeight;
   var deltaY;
+
   var _useDraggable = useDraggable({
-      onStart: function onStart(e) {
-        dragged = false;
-        initY = y = e.clientY;
-        var meta = getInitMeta(instance);
-        itemHeight = meta.itemHeight;
-        deltaY = meta.deltaY;
-      },
-      onMove: function onMove(e) {
-        var deltaY = e.clientY - y;
-        dragged = !!deltaY;
-        y = e.clientY;
-        var _deltaY = y - initY;
-        var offsetIndex = Math.floor(Math.abs(_deltaY) / itemHeight);
-        if (offsetIndex) {
-          if (_deltaY < 0) {
-            offsetIndex = -offsetIndex;
-          }
-          setByRelativeIndex(-offsetIndex, -_deltaY, false);
-          initY = y;
+    onStart: function onStart(e) {
+      dragged = false;
+      initY = y = e.clientY;
+      var meta = getInitMeta(instance);
+      itemHeight = meta.itemHeight;
+      deltaY = meta.deltaY;
+    },
+    onMove: function onMove(e) {
+      var deltaY = e.clientY - y;
+      dragged = !!deltaY;
+      y = e.clientY;
+
+      var _deltaY = y - initY;
+
+      var offsetIndex = Math.floor(Math.abs(_deltaY) / itemHeight);
+
+      if (offsetIndex) {
+        if (_deltaY < 0) {
+          offsetIndex = -offsetIndex;
         }
-        translate.set(translate.value + deltaY);
-      },
-      onEnd: function onEnd() {
-        translate.set(-marginTop.value + deltaY);
+
+        setByRelativeIndex(-offsetIndex, -_deltaY, false);
+        initY = y;
       }
-    }),
-    start = _useDraggable.start,
-    dragging = _useDraggable.dragging;
+
+      translate.set(translate.value + deltaY);
+    },
+    onEnd: function onEnd() {
+      translate.set(-marginTop.value + deltaY);
+    }
+  }),
+      start = _useDraggable.start,
+      dragging = _useDraggable.dragging;
+
   function setByRelativeIndex(index, deltaY, isSetTranslate) {
     var _context;
+
     var data = list.data,
-      value = list.value,
-      setValue = list.setValue;
+        value = list.value,
+        setValue = list.setValue;
+
     var i = _findIndexInstanceProperty(_context = data.value).call(_context, function (v) {
       return v.value === value.value;
     });
+
     var l = data.value.length;
     var newValue = data.value[(l + i + index) % l].value;
     setValue(newValue, true);
     marginTop.set(marginTop.value + (deltaY || index * itemHeight));
+
     if (isSetTranslate) {
       translate.set(translate.value - itemHeight * index);
     }
   }
+
   function onWheel(e) {
     e.preventDefault();
     itemHeight = getItemHeight();
+
     if (e.deltaY > 0) {
       // down
       setByRelativeIndex(1, null, true);
     } else {
       setByRelativeIndex(-1, null, true);
     }
-  }
-  // throttle onWheel
+  } // throttle onWheel
+
+
   var _onWheel = throttle(onWheel, 0, function (e) {
     return e.preventDefault();
   });
+
   function onClick(item, index) {
     // if _dragged, do not trigger click event, #123
     if (dragged) return;
+
     var _instance$get = instance.get(),
-      count = _instance$get.count;
+        count = _instance$get.count;
+
     var half = Math.floor(count / 2);
     var itemHeight = getItemHeight();
     translate.set(translate.value - itemHeight * (index - half));
     marginTop.set(marginTop.value + itemHeight * (index - half));
     list.setValue(item.value, true);
   }
+
   return {
     onStart: start,
     marginTop: marginTop,

package/components/scrollSelect/useTranslate.js

@@ -8,8 +8,10 @@ export function useTranslate() {
   onMounted(function () {
     var element = findDomFromVNode(instance.$lastInput, true);
     var rollback = ensureVisible(element);
+
     var _getInitMeta = getInitMeta(instance, element),
-      deltaY = _getInitMeta.deltaY;
+        deltaY = _getInitMeta.deltaY;
+
     rollback();
     translate.set(deltaY);
   });
@@ -21,6 +23,7 @@ export function getInitMeta(instance, element) {
   if (element === void 0) {
     element = findDomFromVNode(instance.$lastInput, true);
   }
+
   var count = instance.get('count');
   var height = element.offsetHeight;
   var itemHeight = getItemHeight();
@@ -33,6 +36,7 @@ export function getInitMeta(instance, element) {
 export function getItemHeight() {
   return parseInt(scrollSelect.item.height, 10);
 }
+
 function ensureVisible(element) {
   var hiddenParents = [];
   var oldStyles = [];
@@ -42,20 +46,26 @@ function ensureVisible(element) {
     display: 'block'
   };
   var parent = element;
+
   do {
     var display = window.getComputedStyle(parent).display;
+
     if (display === 'none') {
       hiddenParents.push(parent);
       oldStyles.push(parent.getAttribute('style'));
+
       for (var style in styles) {
         parent.style[style] = styles[style];
       }
     }
+
     parent = parent.parentElement;
   } while (parent);
+
   return function () {
     hiddenParents.forEach(function (parent, index) {
       var style = oldStyles[index];
+
       if (style !== null) {
         parent.setAttribute('style', style);
       } else {

package/components/select/base.js

@@ -31,11 +31,13 @@ var typeDefs = {
   show: Boolean,
   position: Dropdown.typeDefs.position
 };
+
 var defaults = function defaults() {
   return {
     size: 'default'
   };
 };
+
 var events = {
   keydown: true,
   focusout: true,
@@ -44,84 +46,112 @@ var events = {
 };
 export var BaseSelect = /*#__PURE__*/function (_Component) {
   _inheritsLoose(BaseSelect, _Component);
+
   function BaseSelect() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.dropdownRef = createRef();
     _this.input = useInput(_this.resetKeywords);
     _this.focusout = useFocusout();
     return _this;
   }
+
   var _proto = BaseSelect.prototype;
+
   _proto.init = function init() {
     provide(SELECT, this);
-    useShowHideEvents('show');
-    // this.input = useInput();
+    useShowHideEvents('show'); // this.input = useInput();
+
     this.watch('value', this.position, {
       presented: true
     });
   };
+
   _proto.position = function position() {
     var dropdown = this.dropdownRef.value;
+
     if (dropdown.get('value')) {
       dropdown.position();
     }
   };
+
   _proto.show = function show() {
     this.set('show', true);
   };
+
   _proto.hide = function hide() {
     this.set('show', false);
   };
+
   _proto.resetKeywords = function resetKeywords(keywords) {
     keywords.set('');
   };
+
   _proto.hasValue = function hasValue() {
     var _this$get = this.get(),
-      value = _this$get.value,
-      multiple = _this$get.multiple;
+        value = _this$get.value,
+        multiple = _this$get.multiple;
+
     return !isNullOrUndefined(value) && (multiple ? value.length : value !== '');
   };
+
   _proto.delete = function _delete(index, e) {
     var _context2;
+
     if (this.get('disabled')) return;
     e.stopPropagation();
+
     var value = _sliceInstanceProperty(_context2 = this.get('value')).call(_context2, 0);
+
     _spliceInstanceProperty(value).call(value, index, 1);
+
     this.set('value', value);
   };
+
   _proto.clear = function clear(e) {
     e.stopPropagation();
     this.set('value', this.get('multiple') ? [] : null);
   };
+
   _proto.onKeydown = function onKeydown(e) {
     this.trigger('keydown', e);
+
     switch (e.keyCode) {
       case 13:
         // enter
         this.show();
         break;
+
       case 9: // tab
+
       case 27:
         // esc
         this.hide();
         break;
     }
   };
+
   return BaseSelect;
 }(Component);
-// for intact-react, intact-vue-next and intact-vue
 BaseSelect.$doubleVNodes = true;
 BaseSelect.template = template;
 BaseSelect.typeDefs = typeDefs;
 BaseSelect.defaults = defaults;
 BaseSelect.events = events;
+
 __decorate([bind], BaseSelect.prototype, "position", null);
+
 __decorate([bind], BaseSelect.prototype, "show", null);
+
 __decorate([bind], BaseSelect.prototype, "hide", null);
+
 __decorate([bind], BaseSelect.prototype, "clear", null);
+
 __decorate([bind], BaseSelect.prototype, "onKeydown", null);

package/components/select/base.vdt.js

@@ -16,30 +16,33 @@ var _$tmp0 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj,
-    _this = this;
+      _this = this;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
+
   var _this$get = this.get(),
-    value = _this$get.value,
-    multiple = _this$get.multiple,
-    loading = _this$get.loading,
-    disabled = _this$get.disabled,
-    name = _this$get.name,
-    size = _this$get.size,
-    hideIcon = _this$get.hideIcon,
-    fluid = _this$get.fluid,
-    clearable = _this$get.clearable,
-    filterable = _this$get.filterable,
-    className = _this$get.className,
-    container = _this$get.container,
-    inline = _this$get.inline,
-    style = _this$get.style,
-    width = _this$get.width,
-    show = _this$get.show,
-    position = _this$get.position;
+      value = _this$get.value,
+      multiple = _this$get.multiple,
+      loading = _this$get.loading,
+      disabled = _this$get.disabled,
+      name = _this$get.name,
+      size = _this$get.size,
+      hideIcon = _this$get.hideIcon,
+      fluid = _this$get.fluid,
+      clearable = _this$get.clearable,
+      filterable = _this$get.filterable,
+      className = _this$get.className,
+      container = _this$get.container,
+      inline = _this$get.inline,
+      style = _this$get.style,
+      width = _this$get.width,
+      show = _this$get.show,
+      position = _this$get.position;
+
   var classNameObj = (_classNameObj = {
     'k-select': true,
     'k-disabled': disabled
@@ -48,12 +51,12 @@ export default function ($props, $blocks, $__proto__) {
   var label = this.getLabel();
   var hasValue = this.hasValue();
   var _this$input = this.input,
-    onInput = _this$input.onInput,
-    inputRef = _this$input.inputRef,
-    keywords = _this$input.keywords.value;
+      onInput = _this$input.onInput,
+      inputRef = _this$input.inputRef,
+      keywords = _this$input.keywords.value;
   var _this$focusout = this.focusout,
-    onFocusout = _this$focusout.onFocusout,
-    triggerRef = _this$focusout.triggerRef;
+      onFocusout = _this$focusout.onFocusout,
+      triggerRef = _this$focusout.triggerRef;
   return _$cc(ErrorContext.Consumer, {
     'defaultValue': false,
     'children': function children(isInvalid) {
@@ -79,9 +82,11 @@ export default function ($props, $blocks, $__proto__) {
             return null;
           }, __$blocks['prefix'] = function ($super, data) {
             var block = $blocks['prefix'];
+
             var callBlock = function callBlock() {
               return _$blocks['prefix'].call($this, $super, data);
             };
+
             return block ? block.call($this, callBlock, data) : callBlock();
           }, __$blocks['prefix'](_$no)), 0, 'k-select-prefix') : undefined, _$ce(2, 'div', [_$ce(64, 'input', null, 1, null, {
             'type': 'hidden',
@@ -106,9 +111,11 @@ export default function ($props, $blocks, $__proto__) {
               return label;
             }, __$blocks['value'] = function ($super, data) {
               var block = $blocks['value'];
+
               var callBlock = function callBlock() {
                 return _$blocks['value'].call($this, $super, data);
               };
+
               return block ? block.call($this, callBlock, data) : callBlock();
             }, __$blocks['value'](_$no, [value, label])), 0, 'k-select-value c-ellipsis', null, 'value') : _$ce(2, 'div', [_$cc(TransitionGroup, {
               'name': 'k-fade',
@@ -118,9 +125,11 @@ export default function ($props, $blocks, $__proto__) {
                     return $label;
                   }, __$blocks['value'] = function ($super, data) {
                     var block = $blocks['value'];
+
                     var callBlock = function callBlock() {
                       return _$blocks['value'].call($this, $super, data);
                     };
+
                     return block ? block.call($this, callBlock, data) : callBlock();
                   }, __$blocks['value'](_$no, [value[$key], $label])), 0, 'k-select-text'), _$cc(Icon, {
                     'className': 'ion-ios-close k-select-close',
@@ -130,9 +139,11 @@ export default function ($props, $blocks, $__proto__) {
                 }, $this);
               }, __$blocks['values'] = function ($super, data) {
                 var block = _valuesInstanceProperty($blocks);
+
                 var callBlock = function callBlock() {
                   return _valuesInstanceProperty(_$blocks).call($this, $super, data);
                 };
+
                 return block ? block.call($this, callBlock, data) : callBlock();
               }, _valuesInstanceProperty(__$blocks).call(__$blocks, _$no, [value, label]))
             }), filterable ? _$cc(Input, {
@@ -168,17 +179,21 @@ export default function ($props, $blocks, $__proto__) {
             }) : undefined;
           }, __$blocks['suffix'] = function ($super, data) {
             var block = $blocks['suffix'];
+
             var callBlock = function callBlock() {
               return _$blocks['suffix'].call($this, $super, data);
             };
+
             return block ? block.call($this, callBlock, data) : callBlock();
           }, __$blocks['suffix'](_$no)), 0, 'k-select-suffix-icon')], 0, 'k-select-suffix') : undefined]), (_$blocks['base-menu'] = function ($super) {
             return _$ce(2, 'div', 'should be implemeted', 16);
           }, __$blocks['base-menu'] = function ($super, data) {
             var block = $blocks['base-menu'];
+
             var callBlock = function callBlock() {
               return _$blocks['base-menu'].call($this, $super, data);
             };
+
             return block ? block.call($this, callBlock, data) : callBlock();
           }, __$blocks['base-menu'](_$no))],
           'ev-$model:value': function ev$modelValue($v) {

package/components/select/group.js

@@ -8,16 +8,21 @@ var typeDefs = {
 };
 export var OptionGroup = /*#__PURE__*/function (_Component) {
   _inheritsLoose(OptionGroup, _Component);
+
   function OptionGroup() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.select = inject(SELECT);
     return _this;
   }
+
   return OptionGroup;
 }(Component);
 OptionGroup.template = template;

package/components/select/group.vdt.js

@@ -4,17 +4,21 @@ import { makeGroupStyles } from './styles';
 import { getRestProps } from '../utils';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
+
   var _this$get = this.get(),
-    children = _this$get.children,
-    label = _this$get.label,
-    className = _this$get.className;
+      children = _this$get.children,
+      label = _this$get.label,
+      className = _this$get.className;
+
   var _this$select$get = this.select.get(),
-    card = _this$select$get.card;
+      card = _this$select$get.card;
+
   var classNameObj = (_classNameObj = {
     "k-select-group": true
   }, _classNameObj[className] = className, _classNameObj[makeGroupStyles()] = true, _classNameObj);
@@ -24,9 +28,11 @@ export default function ($props, $blocks, $__proto__) {
     return label;
   }, __$blocks['label'] = function ($super, data) {
     var block = $blocks['label'];
+
     var callBlock = function callBlock() {
       return _$blocks['label'].call($this, $super, data);
     };
+
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['label'](_$no)), 0, 'k-select-group-label') : undefined, children]);
 }