@king-design/vue 2.1.2 → 2.1.4

package/components/carousel/useItems.js

@@ -7,12 +7,10 @@ export function useItems() {
   var instance = useInstance();
   var items = [];
   var itemsWithCloned = [];
-
   function handleChildren() {
     var _instance$get = instance.get(),
-        children = _instance$get.children,
-        value = _instance$get.value;
-
+      children = _instance$get.children,
+      value = _instance$get.value;
     items = [];
     itemsWithCloned = [];
     var index = 0;
@@ -20,44 +18,34 @@ export function useItems() {
     eachChildren(children, function (vNode) {
       if (isComponentVNode(vNode, CarouselItem)) {
         var clonedVNode = directClone(vNode);
-
         var props = _extends({}, vNode.props);
-
         if (isNullOrUndefined(props.value)) {
           props.value = "$" + index++;
         }
-
         if (isNullOrUndefined(props.key)) {
           props.key = props.value;
         }
-
         clonedVNode.props = props;
         items.push(clonedVNode);
         itemsWithCloned.push(clonedVNode);
-
         if (value === props.value) {
           valueExist = true;
         }
       }
     });
-
     if (!valueExist && items.length) {
       instance.set('value', items[0].props.value);
     }
-
     cloneVNodes();
   }
-
   function cloneVNodes() {
     if (instance.get('effect') === 'slide') {
       var _itemsWithCloned, _itemsWithCloned2;
-
       var length = itemsWithCloned.length;
-      if (!length) return; // clone the first and last vNodes for loop
-
+      if (!length) return;
+      // clone the first and last vNodes for loop
       var firstVNodes = [];
       var lastVNodes = [];
-
       var clone = function clone(vNode, index) {
         var clonedVNode = directClone(vNode);
         var props = clonedVNode.props;
@@ -67,18 +55,14 @@ export function useItems() {
         });
         return clonedVNode;
       };
-
       for (var i = 0; i < instance.get('clonedAmount'); i++) {
         firstVNodes.push(clone(items[i % length], i));
         lastVNodes.unshift(clone(items[((length - i - 1) % length + length) % length], i));
       }
-
       (_itemsWithCloned = itemsWithCloned).push.apply(_itemsWithCloned, firstVNodes);
-
       (_itemsWithCloned2 = itemsWithCloned).unshift.apply(_itemsWithCloned2, lastVNodes);
     }
   }
-
   instance.on('$receive:children', handleChildren);
   return {
     getItems: function getItems() {

package/components/carousel/useSlide.js

@@ -11,28 +11,23 @@ export function useSlide(getItems, getItemsWithCloned) {
   var shouldTransition = useState(true);
   var elementRef = createRef();
   var ro = null;
-
   function observe() {
     var init = function init() {
       setTranslate(getItems()[instance.getIndex()], false);
     };
-
     ro = new ResizeObserver(init);
     ro.observe(elementRef.value);
     init();
   }
-
   function disconnect() {
     if (ro) {
       ro.disconnect();
       ro = null;
     }
   }
-
   function stopTranstion() {
     shouldTransition.set(false);
   }
-
   function startTransition() {
     return new _Promise(function (resolve) {
       nextFrame(function () {
@@ -41,121 +36,94 @@ export function useSlide(getItems, getItemsWithCloned) {
       });
     });
   }
-
   function translateToItem(_x, _x2, _x3, _x4) {
     return _translateToItem.apply(this, arguments);
   }
-
   function _translateToItem() {
     _translateToItem = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(item, oldIndex, newIndex, keepDirection) {
       var itemsWithCloned, length, lengthWithCloned;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (isSlide()) {
-                _context.next = 2;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 2:
-              if (!keepDirection) {
-                _context.next = 14;
-                break;
-              }
-
-              itemsWithCloned = getItemsWithCloned();
-              length = getItems().length;
-
-              if (!(oldIndex === length - 1 && newIndex === 0)) {
-                _context.next = 10;
-                break;
-              }
-
-              _context.next = 8;
-              return setTranslate(itemsWithCloned[(itemsWithCloned.length - length) / 2 - 1], false);
-
-            case 8:
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (isSlide()) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            if (!keepDirection) {
               _context.next = 14;
               break;
-
-            case 10:
-              if (!(oldIndex === 0 && newIndex === length - 1)) {
-                _context.next = 14;
-                break;
-              }
-
-              lengthWithCloned = itemsWithCloned.length;
+            }
+            itemsWithCloned = getItemsWithCloned();
+            length = getItems().length;
+            if (!(oldIndex === length - 1 && newIndex === 0)) {
+              _context.next = 10;
+              break;
+            }
+            _context.next = 8;
+            return setTranslate(itemsWithCloned[(itemsWithCloned.length - length) / 2 - 1], false);
+          case 8:
+            _context.next = 14;
+            break;
+          case 10:
+            if (!(oldIndex === 0 && newIndex === length - 1)) {
               _context.next = 14;
-              return setTranslate(itemsWithCloned[lengthWithCloned - (lengthWithCloned - length) / 2], false);
-
-            case 14:
-              setTranslate(item, true);
-
-            case 15:
-            case "end":
-              return _context.stop();
-          }
+              break;
+            }
+            lengthWithCloned = itemsWithCloned.length;
+            _context.next = 14;
+            return setTranslate(itemsWithCloned[lengthWithCloned - (lengthWithCloned - length) / 2], false);
+          case 14:
+            setTranslate(item, true);
+          case 15:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
     return _translateToItem.apply(this, arguments);
   }
-
   function setTranslate(_x5, _x6) {
     return _setTranslate.apply(this, arguments);
   }
-
   function _setTranslate() {
     _setTranslate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(item, withTranstion) {
       var el, offsetLeft, width, containerWidth;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!instance.$unmounted) {
-                _context2.next = 2;
-                break;
-              }
-
-              return _context2.abrupt("return");
-
-            case 2:
-              if (!withTranstion) {
-                stopTranstion();
-              }
-
-              el = findDomFromVNode(item, true);
-              offsetLeft = el.offsetLeft;
-              width = el.offsetWidth;
-              containerWidth = elementRef.value.offsetWidth; // let item position center
-
-              translate.set(-(offsetLeft - (containerWidth - width) / 2));
-
-              if (withTranstion) {
-                _context2.next = 11;
-                break;
-              }
-
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!instance.$unmounted) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 2:
+            if (!withTranstion) {
+              stopTranstion();
+            }
+            el = findDomFromVNode(item, true);
+            offsetLeft = el.offsetLeft;
+            width = el.offsetWidth;
+            containerWidth = elementRef.value.offsetWidth; // let item position center
+            translate.set(-(offsetLeft - (containerWidth - width) / 2));
+            if (withTranstion) {
               _context2.next = 11;
-              return startTransition();
-
-            case 11:
-            case "end":
-              return _context2.stop();
-          }
+              break;
+            }
+            _context2.next = 11;
+            return startTransition();
+          case 11:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
     }));
     return _setTranslate.apply(this, arguments);
   }
-
   function isSlide() {
     return instance.get('effect') === 'slide';
   }
-
   instance.watch('effect', function () {
     if (isSlide()) {
       observe();

package/components/cascader/index.js

@@ -10,7 +10,6 @@ import { useLabel } from './useLabel';
 import { useLoad } from './useLoad';
 import { useFilterable } from './useFilterable';
 import { useFields } from './useFields';
-
 var typeDefs = _extends({}, BaseSelect.typeDefs, {
   data: Array,
   trigger: ['click', 'hover'],
@@ -20,7 +19,6 @@ var typeDefs = _extends({}, BaseSelect.typeDefs, {
   filter: Function,
   fields: Object
 });
-
 var defaults = function defaults() {
   return _extends({}, BaseSelect.defaults(), {
     data: [],
@@ -30,19 +28,14 @@ var defaults = function defaults() {
     }
   });
 };
-
 export var Cascader = /*#__PURE__*/function (_BaseSelect) {
   _inheritsLoose(Cascader, _BaseSelect);
-
   function Cascader() {
     var _context;
-
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _BaseSelect.call.apply(_BaseSelect, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.fields = useFields();
     _this.value = useValue();
@@ -56,31 +49,23 @@ export var Cascader = /*#__PURE__*/function (_BaseSelect) {
     };
     return _this;
   }
-
   var _proto = Cascader.prototype;
-
   _proto.getPlaceholder = function getPlaceholder() {
     var _this$get = this.get(),
-        placeholder = _this$get.placeholder,
-        filterable = _this$get.filterable;
-
+      placeholder = _this$get.placeholder,
+      filterable = _this$get.filterable;
     return isNullOrUndefined(placeholder) ? filterable ? _$('请输入或选择') : _$('请选择') : placeholder;
   };
-
   _proto.getLabel = function getLabel() {
     return this.label.getLabel();
   };
-
   _proto.hasValue = function hasValue() {
     var _this$get2 = this.get(),
-        value = _this$get2.value;
-
+      value = _this$get2.value;
     var has = _BaseSelect.prototype.hasValue.call(this);
-
     if (has && !value.length) return false;
     return has;
   };
-
   return Cascader;
 }(BaseSelect);
 Cascader.template = template;