@king-design/react 3.1.4-beta.2 → 3.1.5

package/components/scrollSelect/useMouseEvents.js

@@ -12,94 +12,76 @@ 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;
+      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;
         }
-
-        setByRelativeIndex(-offsetIndex, -_deltaY, false);
-        initY = y;
+        translate.set(translate.value + deltaY);
+      },
+      onEnd: function onEnd() {
+        translate.set(-marginTop.value + deltaY);
       }
-
-      translate.set(translate.value + deltaY);
-    },
-    onEnd: function onEnd() {
-      translate.set(-marginTop.value + deltaY);
-    }
-  }),
-      start = _useDraggable.start,
-      dragging = _useDraggable.dragging;
-
+    }),
+    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,10 +8,8 @@ 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);
   });
@@ -23,7 +21,6 @@ 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();
@@ -36,7 +33,6 @@ export function getInitMeta(instance, element) {
 export function getItemHeight() {
   return parseInt(scrollSelect.item.height, 10);
 }
-
 function ensureVisible(element) {
   var hiddenParents = [];
   var oldStyles = [];
@@ -46,26 +42,20 @@ 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.d.ts

@@ -32,8 +32,8 @@ export interface BaseSelectEvents {
     hide: [];
 }
 export interface BaseSelectBlocks<V> {
-    value: [V, Children];
-    values: [V[], Children[]];
+    value: [V, string];
+    values: [V[], string[]];
     prefix: null;
     suffix: null;
 }

package/components/select/base.js

@@ -36,13 +36,11 @@ var typeDefs = {
   nowrap: Boolean,
   draggable: Boolean
 };
-
 var defaults = function defaults() {
   return {
     size: 'default'
   };
 };
-
 var events = {
   keydown: true,
   focusout: true,
@@ -51,16 +49,12 @@ 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);
@@ -69,9 +63,7 @@ export var BaseSelect = /*#__PURE__*/function (_Component) {
     _this.config = useConfigContext();
     return _this;
   }
-
   var _proto = BaseSelect.prototype;
-
   _proto.init = function init() {
     provide(SELECT, this);
     useShowHideEvents('show');
@@ -79,87 +71,65 @@ export var BaseSelect = /*#__PURE__*/function (_Component) {
       presented: true
     });
   };
-
   _proto.position = function position() {
     var dropdown = this.dropdownRef.value;
-
     if (dropdown.get('value')) {
       do {
         dropdown.position();
       } while (dropdown = dropdown.showedDropdown);
     }
   };
-
   _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

@@ -18,48 +18,45 @@ 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,
-      flat = _flatInstanceProperty(_this$get),
-      nowrap = _this$get.nowrap,
-      draggable = _this$get.draggable;
-
+    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,
+    flat = _flatInstanceProperty(_this$get),
+    nowrap = _this$get.nowrap,
+    draggable = _this$get.draggable;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-select"] = true, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-" + size] = size !== 'default', _classNameObj[k + "-fluid"] = fluid, _classNameObj[k + "-inline"] = inline, _classNameObj[k + "-flat"] = flat, _classNameObj[k + "-nowrap"] = nowrap, _classNameObj[className] = className, _classNameObj[$props.className] = $props.className, _classNameObj[makeStyles(k)] = true, _classNameObj);
   var placeholder = this.getPlaceholder();
   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;
   var filterInput = filterable ? _$cc(Input, {
     'className': _$cn(k + "-select-input"),
     'value': keywords,
@@ -79,7 +76,6 @@ export default function ($props, $blocks, $__proto__) {
     'defaultValue': false,
     'children': function children(isInvalid) {
       var _$cn2;
-
       return _$cc(Wave, {
         'disabled': disabled || isInvalid || inline,
         'inset': '-2px',
@@ -102,11 +98,9 @@ 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, _$cn(k + "-select-prefix")) : undefined, _$ce(2, 'div', [_$ce(64, 'input', null, 1, null, {
             'type': 'hidden',
@@ -132,11 +126,9 @@ 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, _$cn(k + "-select-value c-ellipsis"), null, 'value') : _$ce(2, 'div', [(_$blocks['values'] = function ($super) {
               return label && label.length || filterable ? _$cc(Tags, {
@@ -155,39 +147,32 @@ 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]))
                   }, isStringOrNumber($label) ? $label : isStringOrNumber(value[$key]) ? value[$key] : $key);
                 }, $this),
                 '$blocks': function ($blocks) {
                   var _$blocks = {},
-                      __$blocks = _$ex({}, $blocks);
-
+                    __$blocks = _$ex({}, $blocks);
                   return (_$blocks['append'] = function ($super) {
                     return filterInput;
                   }, __$blocks['append'] = function ($super, data) {
                     var block = $blocks['append'];
-
                     var callBlock = function callBlock() {
                       return _$blocks['append'].call($this, $super, data);
                     };
-
                     return block ? block.call($this, callBlock, data) : callBlock();
                   }), __$blocks;
                 }.call($this, _$em)
               }) : undefined;
             }, __$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])), $blocks && _valuesInstanceProperty($blocks) ? filterInput : undefined], 0, _$cn(k + "-select-values"), null, 'values')
           })], 0, _$cn(k + "-select-main")), !hideIcon || clearable || loading || $blocks.suffix ? _$ce(2, 'span', [clearable && !disabled ? _$cc(Icon, {
@@ -203,21 +188,17 @@ 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, _$cn(k + "-select-suffix-icon"))], 0, _$cn(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

@@ -9,22 +9,17 @@ 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);
     _this.config = useConfigContext();
     return _this;
   }
-
   return OptionGroup;
 }(Component);
 OptionGroup.template = template;

package/components/select/group.vdt.js

@@ -4,21 +4,17 @@ 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 k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-select-group"] = true, _classNameObj[className] = className, _classNameObj[makeGroupStyles(k)] = true, _classNameObj);
   return _$cv('div', _extends({}, getRestProps(this), {
@@ -27,11 +23,9 @@ 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, _$cn(k + "-select-group-label")) : undefined, children]);
 }