@king-design/vue 2.1.2 → 2.1.4

package/components/card/index.js

@@ -6,20 +6,16 @@ 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,33 +5,27 @@ 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',
@@ -47,30 +41,24 @@ 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,7 +16,6 @@ var typeDefs = {
   effect: ['slide', 'fade'],
   clonedAmount: Number
 };
-
 var defaults = function defaults() {
   return {
     arrow: 'hover',
@@ -24,47 +23,36 @@ 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();
@@ -74,7 +62,6 @@ 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();
@@ -83,22 +70,17 @@ 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,184 +14,148 @@ 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];
-                }
-
-                _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
-                _this.Carousel = Carousel;
-                _this.CarouselItem = CarouselItem;
-                return _this;
+      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];
               }
-
-              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
-              };
+              _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
             };
-
-            _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,31 +14,28 @@ 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,11 +7,9 @@ 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,17 +5,14 @@ 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,7 +6,6 @@ var defaults = {
   get transition() {
     return theme.transition.large;
   },
-
   height: "300px",
   indicator: {
     bottom: "8px",

package/components/carousel/useAutoplay.js

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