@king-design/vue 2.1.4 → 2.1.5

package/components/card/index.js

@@ -6,16 +6,20 @@ var typeDefs = {
   title: [String, VNode],
   type: ['shadow', 'border', 'none']
 };
+
 var defaults = function defaults() {
   return {
     type: 'shadow'
   };
 };
+
 export var Card = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Card, _Component);
+
   function Card() {
     return _Component.apply(this, arguments) || this;
   }
+
   return Card;
 }(Component);
 Card.template = template;

package/components/card/index.vdt.js

@@ -5,27 +5,33 @@ import { CardColumn } from './column';
 import { makeStyles } from './styles';
 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,
-    className = _this$get.className,
-    title = _this$get.title,
-    type = _this$get.type;
+      children = _this$get.children,
+      className = _this$get.className,
+      title = _this$get.title,
+      type = _this$get.type;
+
   var hasHeader = $blocks.header || $blocks.title || title || $blocks.extra;
   var hasColumn = false;
+
   if (children && children.length) {
     for (var i = 0; i < children.length; i++) {
       var vNode = children[i];
+
       if (vNode && vNode.tag === CardColumn) {
         hasColumn = true;
         break;
       }
     }
   }
+
   var classNameObj = (_classNameObj = {
     'k-card': true,
     'k-shadow': type === 'shadow',
@@ -41,24 +47,30 @@ export default function ($props, $blocks, $__proto__) {
       return title;
     }, __$blocks['title'] = function ($super, data) {
       var block = $blocks['title'];
+
       var callBlock = function callBlock() {
         return _$blocks['title'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['title'](_$no)), 0, 'k-card-title'), $blocks.extra ? _$ce(2, 'div', (_$blocks['extra'] = function ($super) {
       return null;
     }, __$blocks['extra'] = function ($super, data) {
       var block = $blocks['extra'];
+
       var callBlock = function callBlock() {
         return _$blocks['extra'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['extra'](_$no)), 0, 'k-card-extra') : undefined];
   }, __$blocks['header'] = function ($super, data) {
     var block = $blocks['header'];
+
     var callBlock = function callBlock() {
       return _$blocks['header'].call($this, $super, data);
     };
+
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['header'](_$no)), 0, 'k-card-header c-clearfix') : undefined, _$ce(2, 'div', children, 0, 'k-card-body')]);
 }

package/components/carousel/index.js

@@ -16,6 +16,7 @@ var typeDefs = {
   effect: ['slide', 'fade'],
   clonedAmount: Number
 };
+
 var defaults = function defaults() {
   return {
     arrow: 'hover',
@@ -23,36 +24,47 @@ var defaults = function defaults() {
     clonedAmount: 1
   };
 };
+
 export var Carousel = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Carousel, _Component);
+
   function Carousel() {
     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.items = useItems();
     _this.slide = useSlide(_this.items.getItems, _this.items.getItemsWithCloned);
     _this.autoplay = useAutoplay(_this.next);
     return _this;
   }
+
   var _proto = Carousel.prototype;
+
   _proto.isActive = function isActive(value) {
     return this.get('value') === value;
   };
+
   _proto.getIndex = function getIndex() {
     var _context2,
-      _this2 = this;
+        _this2 = this;
+
     return _findIndexInstanceProperty(_context2 = this.items.getItems()).call(_context2, function (item) {
       return item.children.get('value') === _this2.get('value');
     });
   };
+
   _proto.setIndex = function setIndex(index) {
     var item = this.items.getItems()[index];
     this.setValue(item);
     this.slide.translateToItem(item, null, null, false);
   };
+
   _proto.prev = function prev() {
     var index = this.getIndex();
     var items = this.items.getItems();
@@ -62,6 +74,7 @@ export var Carousel = /*#__PURE__*/function (_Component) {
     this.setValue(item);
     this.slide.translateToItem(item, index, newIndex, true);
   };
+
   _proto.next = function next() {
     var index = this.getIndex();
     var items = this.items.getItems();
@@ -70,17 +83,22 @@ export var Carousel = /*#__PURE__*/function (_Component) {
     this.setValue(item);
     this.slide.translateToItem(item, index, newIndex, true);
   };
+
   _proto.setValue = function setValue(item) {
     var value = item.children.get('value');
     this.set({
       value: value
     });
   };
+
   return Carousel;
 }(Component);
 Carousel.template = template;
 Carousel.typeDefs = typeDefs;
 Carousel.defaults = defaults;
+
 __decorate([bind], Carousel.prototype, "setIndex", null);
+
 __decorate([bind], Carousel.prototype, "prev", null);
+
 __decorate([bind], Carousel.prototype, "next", null);

package/components/carousel/index.spec.js

@@ -14,148 +14,184 @@ describe('Carousel', function () {
   });
   it('basic test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var Demo, _mount, instance, element, carousel;
+
     return _regeneratorRuntime.wrap(function _callee$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          this.timeout(0);
-          Demo = /*#__PURE__*/function (_Component) {
-            _inheritsLoose(Demo, _Component);
-            function Demo() {
-              var _context;
-              var _this;
-              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                args[_key] = arguments[_key];
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            this.timeout(0);
+
+            Demo = /*#__PURE__*/function (_Component) {
+              _inheritsLoose(Demo, _Component);
+
+              function Demo() {
+                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.Carousel = Carousel;
+                _this.CarouselItem = CarouselItem;
+                return _this;
               }
-              _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
-              _this.Carousel = Carousel;
-              _this.CarouselItem = CarouselItem;
-              return _this;
-            }
-            return Demo;
-          }(Component);
-          Demo.template = "\n                const {Carousel, CarouselItem} = this;\n                <Carousel v-model='value' clonedAmount={this.get('clonedAmount')}>\n                    <CarouselItem>1</CarouselItem>\n                    <CarouselItem>2</CarouselItem>\n                    <CarouselItem>3</CarouselItem>\n                    <CarouselItem>4</CarouselItem> \n                </Carousel>\n            ";
-          Demo.defaults = function () {
-            return {
-              value: '$0',
-              clonedAmount: 1
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const {Carousel, CarouselItem} = this;\n                <Carousel v-model='value' clonedAmount={this.get('clonedAmount')}>\n                    <CarouselItem>1</CarouselItem>\n                    <CarouselItem>2</CarouselItem>\n                    <CarouselItem>3</CarouselItem>\n                    <CarouselItem>4</CarouselItem> \n                </Carousel>\n            ";
+
+            Demo.defaults = function () {
+              return {
+                value: '$0',
+                clonedAmount: 1
+              };
             };
-          };
-          _mount = mount(Demo), instance = _mount[0], element = _mount[1];
-          carousel = instance.$lastInput.children;
-          expect(element.innerHTML).to.matchSnapshot();
-          // should change to next item
-          carousel.next();
-          _context2.next = 10;
-          return wait();
-        case 10:
-          expect(carousel.get('value')).to.eql('$1');
-          expect(element.innerHTML).to.matchSnapshot();
-          carousel.prev();
-          _context2.next = 15;
-          return wait();
-        case 15:
-          expect(carousel.get('value')).to.eql('$0');
-          expect(element.innerHTML).to.matchSnapshot();
-          carousel.setIndex(3);
-          _context2.next = 20;
-          return wait();
-        case 20:
-          expect(carousel.get('value')).to.eql('$3');
-          expect(element.innerHTML).to.matchSnapshot();
-          carousel.setIndex(0);
-          _context2.next = 25;
-          return wait();
-        case 25:
-          expect(carousel.get('value')).to.eql('$0');
-          expect(element.innerHTML).to.matchSnapshot();
-          carousel.prev();
-          _context2.next = 30;
-          return wait();
-        case 30:
-          expect(carousel.get('value')).to.eql('$3');
-          expect(element.innerHTML).to.matchSnapshot();
-          carousel.next();
-          _context2.next = 35;
-          return wait();
-        case 35:
-          expect(carousel.get('value')).to.eql('$0');
-          expect(element.innerHTML).to.matchSnapshot();
-          instance.set('value', '$3');
-          _context2.next = 40;
-          return wait();
-        case 40:
-          expect(carousel.get('value')).to.eql('$3');
-          expect(element.innerHTML).to.matchSnapshot();
-          // change clonedAmount
-          instance.set('clonedAmount', 2);
-          _context2.next = 45;
-          return wait();
-        case 45:
-          expect(element.innerHTML).to.matchSnapshot();
-        case 46:
-        case "end":
-          return _context2.stop();
+
+            _mount = mount(Demo), instance = _mount[0], element = _mount[1];
+            carousel = instance.$lastInput.children;
+            expect(element.innerHTML).to.matchSnapshot(); // should change to next item
+
+            carousel.next();
+            _context2.next = 10;
+            return wait();
+
+          case 10:
+            expect(carousel.get('value')).to.eql('$1');
+            expect(element.innerHTML).to.matchSnapshot();
+            carousel.prev();
+            _context2.next = 15;
+            return wait();
+
+          case 15:
+            expect(carousel.get('value')).to.eql('$0');
+            expect(element.innerHTML).to.matchSnapshot();
+            carousel.setIndex(3);
+            _context2.next = 20;
+            return wait();
+
+          case 20:
+            expect(carousel.get('value')).to.eql('$3');
+            expect(element.innerHTML).to.matchSnapshot();
+            carousel.setIndex(0);
+            _context2.next = 25;
+            return wait();
+
+          case 25:
+            expect(carousel.get('value')).to.eql('$0');
+            expect(element.innerHTML).to.matchSnapshot();
+            carousel.prev();
+            _context2.next = 30;
+            return wait();
+
+          case 30:
+            expect(carousel.get('value')).to.eql('$3');
+            expect(element.innerHTML).to.matchSnapshot();
+            carousel.next();
+            _context2.next = 35;
+            return wait();
+
+          case 35:
+            expect(carousel.get('value')).to.eql('$0');
+            expect(element.innerHTML).to.matchSnapshot();
+            instance.set('value', '$3');
+            _context2.next = 40;
+            return wait();
+
+          case 40:
+            expect(carousel.get('value')).to.eql('$3');
+            expect(element.innerHTML).to.matchSnapshot(); // change clonedAmount
+
+            instance.set('clonedAmount', 2);
+            _context2.next = 45;
+            return wait();
+
+          case 45:
+            expect(element.innerHTML).to.matchSnapshot();
+
+          case 46:
+          case "end":
+            return _context2.stop();
+        }
       }
     }, _callee, this);
   })));
   it('can auto play', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, carousel;
+
     return _regeneratorRuntime.wrap(function _callee2$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          this.timeout(0);
-          _mount2 = mount(AutoPlayDemo), instance = _mount2[0];
-          carousel = instance.$lastInput.children;
-          instance.set('time', 1000);
-          _context3.next = 6;
-          return wait(1500);
-        case 6:
-          expect(carousel.get('value')).to.eql('$1');
-          _context3.next = 9;
-          return wait(1100);
-        case 9:
-          expect(carousel.get('value')).to.eql('$2');
-          _context3.next = 12;
-          return wait(1100);
-        case 12:
-          expect(carousel.get('value')).to.eql('$3');
-          instance.set('time', false);
-          _context3.next = 16;
-          return wait(1100);
-        case 16:
-          expect(carousel.get('value')).to.eql('$3');
-        case 17:
-        case "end":
-          return _context3.stop();
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            this.timeout(0);
+            _mount2 = mount(AutoPlayDemo), instance = _mount2[0];
+            carousel = instance.$lastInput.children;
+            instance.set('time', 1000);
+            _context3.next = 6;
+            return wait(1500);
+
+          case 6:
+            expect(carousel.get('value')).to.eql('$1');
+            _context3.next = 9;
+            return wait(1100);
+
+          case 9:
+            expect(carousel.get('value')).to.eql('$2');
+            _context3.next = 12;
+            return wait(1100);
+
+          case 12:
+            expect(carousel.get('value')).to.eql('$3');
+            instance.set('time', false);
+            _context3.next = 16;
+            return wait(1100);
+
+          case 16:
+            expect(carousel.get('value')).to.eql('$3');
+
+          case 17:
+          case "end":
+            return _context3.stop();
+        }
       }
     }, _callee2, this);
   })));
   it('fade effect', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var _mount3, instance, element, carousel;
+
     return _regeneratorRuntime.wrap(function _callee3$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          _mount3 = mount(EffectDemo), instance = _mount3[0], element = _mount3[1];
-          carousel = instance.$lastInput.children;
-          carousel.next();
-          _context4.next = 5;
-          return wait();
-        case 5:
-          expect(element.innerHTML).to.matchSnapshot();
-          // change effect
-          instance.set('effect', 'slide');
-          _context4.next = 9;
-          return wait();
-        case 9:
-          expect(element.innerHTML).to.matchSnapshot();
-          instance.set('effect', 'fade');
-          _context4.next = 13;
-          return wait();
-        case 13:
-          expect(element.innerHTML).to.matchSnapshot();
-        case 14:
-        case "end":
-          return _context4.stop();
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            _mount3 = mount(EffectDemo), instance = _mount3[0], element = _mount3[1];
+            carousel = instance.$lastInput.children;
+            carousel.next();
+            _context4.next = 5;
+            return wait();
+
+          case 5:
+            expect(element.innerHTML).to.matchSnapshot(); // change effect
+
+            instance.set('effect', 'slide');
+            _context4.next = 9;
+            return wait();
+
+          case 9:
+            expect(element.innerHTML).to.matchSnapshot();
+            instance.set('effect', 'fade');
+            _context4.next = 13;
+            return wait();
+
+          case 13:
+            expect(element.innerHTML).to.matchSnapshot();
+
+          case 14:
+          case "end":
+            return _context4.stop();
+        }
       }
     }, _callee3);
   })));

package/components/carousel/index.vdt.js

@@ -14,28 +14,31 @@ var _$tmp1 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    className = _this$get.className,
-    children = _this$get.children,
-    arrow = _this$get.arrow,
-    effect = _this$get.effect;
+      className = _this$get.className,
+      children = _this$get.children,
+      arrow = _this$get.arrow,
+      effect = _this$get.effect;
+
   var _this$slide = this.slide,
-    translate = _this$slide.translate,
-    shouldTransition = _this$slide.shouldTransition,
-    elementRef = _this$slide.elementRef,
-    isSlide = _this$slide.isSlide;
+      translate = _this$slide.translate,
+      shouldTransition = _this$slide.shouldTransition,
+      elementRef = _this$slide.elementRef,
+      isSlide = _this$slide.isSlide;
   var classNameObj = (_classNameObj = {
     'k-carousel': true
   }, _classNameObj[className] = className, _classNameObj["k-" + arrow] = true, _classNameObj['k-stop'] = !shouldTransition.value, _classNameObj["k-" + effect] = true, _classNameObj[makeStyles()] = true, _classNameObj);
   var _this$items = this.items,
-    getItems = _this$items.getItems,
-    getItemsWithCloned = _this$items.getItemsWithCloned;
+      getItems = _this$items.getItems,
+      getItemsWithCloned = _this$items.getItemsWithCloned;
   var _this$autoplay = this.autoplay,
-    stop = _this$autoplay.stop,
-    play = _this$autoplay.play;
+      stop = _this$autoplay.stop,
+      play = _this$autoplay.play;
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this), {

package/components/carousel/item.js

@@ -7,9 +7,11 @@ var typeDefs = {
 };
 export var CarouselItem = /*#__PURE__*/function (_Component) {
   _inheritsLoose(CarouselItem, _Component);
+
   function CarouselItem() {
     return _Component.apply(this, arguments) || this;
   }
+
   return CarouselItem;
 }(Component);
 CarouselItem.template = template;

package/components/carousel/item.vdt.js

@@ -5,14 +5,17 @@ import { getRestProps } from '../utils';
 import { makeItemStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    className = _this$get.className,
-    children = _this$get.children,
-    value = _this$get.value,
-    cloned = _this$get.cloned;
+      className = _this$get.className,
+      children = _this$get.children,
+      value = _this$get.value,
+      cloned = _this$get.cloned;
+
   var parent = this.$senior;
   var active = parent.isActive(value);
   var classNameObj = (_classNameObj = {

package/components/carousel/styles.js

@@ -6,6 +6,7 @@ var defaults = {
   get transition() {
     return theme.transition.large;
   },
+
   height: "300px",
   indicator: {
     bottom: "8px",

package/components/carousel/useAutoplay.js

@@ -9,9 +9,11 @@ export function useAutoplay(next) {
     } else {
       ms = v || 0;
     }
+
     stop();
     play();
   });
+
   function play() {
     if (ms) {
       timer = window.setTimeout(function () {
@@ -20,9 +22,11 @@ export function useAutoplay(next) {
       }, ms);
     }
   }
+
   function stop() {
     window.clearTimeout(timer);
   }
+
   onBeforeUnmount(stop);
   return {
     stop: stop,