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

package/components/switch/index.js

@@ -19,7 +19,6 @@ var typeDefs = {
   size: sizes,
   disabled: Boolean
 };
-
 var defaults = function defaults() {
   return {
     value: false,
@@ -28,88 +27,68 @@ var defaults = function defaults() {
     size: 'default'
   };
 };
-
 var events = {
   click: true,
   keypress: true
 };
 export var Switch = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Switch, _Component);
-
   function Switch() {
     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.elementRef = createRef();
     _this.draggable = useDraggable(_this.elementRef);
     _this.config = useConfigContext();
     return _this;
   }
-
   var _proto = Switch.prototype;
-
   _proto.onClick = function onClick(e) {
     if (!e._switchIgnore) {
       this.toggle(false);
     }
-
     this.trigger('click', e);
   };
-
   _proto.onClickOnHandle = function onClickOnHandle(e) {
     // we can not stop propagation, otherwise the click can not be listen at outer
     e._switchIgnore = true;
   };
-
   _proto.onKeypress = function onKeypress(e) {
     this.trigger('keypress', e);
-
     if (e.keyCode === 13) {
       this.toggle(true);
     }
   };
-
   _proto.toggle = function toggle(isKeypress) {
-    if (this.get('disabled')) return; // if is not keypress, we blur it to remove focus style
-
+    if (this.get('disabled')) return;
+    // if is not keypress, we blur it to remove focus style
     if (!isKeypress) {
       this.elementRef.value.blur();
     }
-
     if (this.isChecked()) {
       this.uncheck();
     } else {
       this.check();
     }
   };
-
   _proto.isChecked = function isChecked() {
     return this.get('value') === this.get('trueValue');
   };
-
   _proto.check = function check() {
     this.set('value', this.get('trueValue'));
   };
-
   _proto.uncheck = function uncheck() {
     this.set('value', this.get('falseValue'));
   };
-
   return Switch;
 }(Component);
 Switch.template = template;
 Switch.typeDefs = typeDefs;
 Switch.defaults = defaults;
 Switch.events = events;
-
 __decorate([bind], Switch.prototype, "onClick", null);
-
 __decorate([bind], Switch.prototype, "onClickOnHandle", null);
-
 __decorate([bind], Switch.prototype, "onKeypress", null);

package/components/switch/index.spec.js

@@ -11,271 +11,231 @@ describe('Switch', function () {
   });
   it('change value by clicking', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, _element$querySelecto, el, handle;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
-            _element$querySelecto = element.querySelectorAll('.k-switch'), el = _element$querySelecto[0];
-            el.click();
-            _context.next = 5;
-            return wait();
-
-          case 5:
-            expect(element.outerHTML).to.matchSnapshot();
-            expect(instance.get('value')).to.be.true;
-            el.click();
-            _context.next = 10;
-            return wait();
-
-          case 10:
-            expect(element.outerHTML).to.matchSnapshot();
-            expect(instance.get('value')).to.be.false;
-            handle = element.querySelector('.k-switch-handle');
-            handle.click();
-            _context.next = 16;
-            return wait();
-
-          case 16:
-            expect(instance.get('value')).to.be.false;
-
-          case 17:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+          _element$querySelecto = element.querySelectorAll('.k-switch'), el = _element$querySelecto[0];
+          el.click();
+          _context.next = 5;
+          return wait();
+        case 5:
+          expect(element.outerHTML).to.matchSnapshot();
+          expect(instance.get('value')).to.be.true;
+          el.click();
+          _context.next = 10;
+          return wait();
+        case 10:
+          expect(element.outerHTML).to.matchSnapshot();
+          expect(instance.get('value')).to.be.false;
+          handle = element.querySelector('.k-switch-handle');
+          handle.click();
+          _context.next = 16;
+          return wait();
+        case 16:
+          expect(instance.get('value')).to.be.false;
+        case 17:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })));
   it('disabled', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element, el;
-
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _mount2 = mount(DisabledDemo), instance = _mount2[0], element = _mount2[1];
-            el = element.querySelector('.k-switch');
-            el.click();
-            _context2.next = 5;
-            return wait();
-
-          case 5:
-            expect(element.outerHTML).to.matchSnapshot();
-            dispatchEvent(el, 'mousedown', {
-              which: 1,
-              clientX: 0
-            });
-            dispatchEvent(document, 'mousemove', {
-              clientX: 30
-            });
-            dispatchEvent(document, 'mouseup', {
-              clientX: 30
-            });
-            _context2.next = 11;
-            return wait();
-
-          case 11:
-            expect(element.outerHTML).to.matchSnapshot();
-
-          case 12:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _mount2 = mount(DisabledDemo), instance = _mount2[0], element = _mount2[1];
+          el = element.querySelector('.k-switch');
+          el.click();
+          _context2.next = 5;
+          return wait();
+        case 5:
+          expect(element.outerHTML).to.matchSnapshot();
+          dispatchEvent(el, 'mousedown', {
+            which: 1,
+            clientX: 0
+          });
+          dispatchEvent(document, 'mousemove', {
+            clientX: 30
+          });
+          dispatchEvent(document, 'mouseup', {
+            clientX: 30
+          });
+          _context2.next = 11;
+          return wait();
+        case 11:
+          expect(element.outerHTML).to.matchSnapshot();
+        case 12:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2);
   })));
   it('change value by draging', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var _mount3, instance, element, _element$querySelecto2, el;
-
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _mount3 = mount(BasicDemo), instance = _mount3[0], element = _mount3[1];
-            _element$querySelecto2 = element.querySelectorAll('.k-switch-handle'), el = _element$querySelecto2[0];
-            dispatchEvent(el, 'mousedown', {
-              which: 1,
-              clientX: 0
-            });
-            dispatchEvent(document, 'mousemove', {
-              clientX: 1
-            });
-            _context3.next = 6;
-            return wait();
-
-          case 6:
-            expect(element.outerHTML).to.matchSnapshot(); // cancel this operation if the distance less than half of width
-
-            dispatchEvent(document, 'mouseup', {
-              clientX: 1
-            });
-            _context3.next = 10;
-            return wait();
-
-          case 10:
-            expect(element.outerHTML).to.matchSnapshot();
-            expect(instance.get('value')).to.be.false;
-            dispatchEvent(el, 'mousedown', {
-              which: 1,
-              clientX: 0
-            });
-            dispatchEvent(document, 'mousemove', {
-              clientX: 30
-            });
-            dispatchEvent(document, 'mouseup', {
-              clientX: 30
-            });
-            _context3.next = 17;
-            return wait();
-
-          case 17:
-            expect(element.outerHTML).to.matchSnapshot();
-            expect(instance.get('value')).to.be.true;
-            dispatchEvent(el, 'mousedown', {
-              which: 1,
-              clientX: 0
-            });
-            dispatchEvent(document, 'mousemove', {
-              clientX: -30
-            });
-            dispatchEvent(document, 'mouseup', {
-              clientX: -30
-            });
-            _context3.next = 24;
-            return wait();
-
-          case 24:
-            expect(instance.get('value')).to.be.false; // treat mousedown -> mouseup as click
-
-            dispatchEvent(el, 'mousedown', {
-              which: 1,
-              clientX: 0
-            });
-            dispatchEvent(document, 'mouseup', {
-              clientX: 0
-            });
-            _context3.next = 29;
-            return wait();
-
-          case 29:
-            expect(instance.get('value')).to.be.true;
-
-          case 30:
-          case "end":
-            return _context3.stop();
-        }
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _mount3 = mount(BasicDemo), instance = _mount3[0], element = _mount3[1];
+          _element$querySelecto2 = element.querySelectorAll('.k-switch-handle'), el = _element$querySelecto2[0];
+          dispatchEvent(el, 'mousedown', {
+            which: 1,
+            clientX: 0
+          });
+          dispatchEvent(document, 'mousemove', {
+            clientX: 1
+          });
+          _context3.next = 6;
+          return wait();
+        case 6:
+          expect(element.outerHTML).to.matchSnapshot();
+          // cancel this operation if the distance less than half of width
+          dispatchEvent(document, 'mouseup', {
+            clientX: 1
+          });
+          _context3.next = 10;
+          return wait();
+        case 10:
+          expect(element.outerHTML).to.matchSnapshot();
+          expect(instance.get('value')).to.be.false;
+          dispatchEvent(el, 'mousedown', {
+            which: 1,
+            clientX: 0
+          });
+          dispatchEvent(document, 'mousemove', {
+            clientX: 30
+          });
+          dispatchEvent(document, 'mouseup', {
+            clientX: 30
+          });
+          _context3.next = 17;
+          return wait();
+        case 17:
+          expect(element.outerHTML).to.matchSnapshot();
+          expect(instance.get('value')).to.be.true;
+          dispatchEvent(el, 'mousedown', {
+            which: 1,
+            clientX: 0
+          });
+          dispatchEvent(document, 'mousemove', {
+            clientX: -30
+          });
+          dispatchEvent(document, 'mouseup', {
+            clientX: -30
+          });
+          _context3.next = 24;
+          return wait();
+        case 24:
+          expect(instance.get('value')).to.be.false;
+          // treat mousedown -> mouseup as click
+          dispatchEvent(el, 'mousedown', {
+            which: 1,
+            clientX: 0
+          });
+          dispatchEvent(document, 'mouseup', {
+            clientX: 0
+          });
+          _context3.next = 29;
+          return wait();
+        case 29:
+          expect(instance.get('value')).to.be.true;
+        case 30:
+        case "end":
+          return _context3.stop();
       }
     }, _callee3);
   })));
   it('drag switch which has custom width and height', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var _mount4, instance, element, _element$querySelecto3, el;
-
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            _mount4 = mount(WidthHeightDemo), instance = _mount4[0], element = _mount4[1];
-            _element$querySelecto3 = element.querySelectorAll('.k-switch-handle'), el = _element$querySelecto3[2];
-            dispatchEvent(el, 'mousedown', {
-              which: 1,
-              clientX: 0
-            });
-            dispatchEvent(document, 'mousemove', {
-              clientX: 50
-            });
-            dispatchEvent(document, 'mouseup', {
-              clientX: 50
-            });
-            _context4.next = 7;
-            return wait();
-
-          case 7:
-            expect(element.outerHTML).to.matchSnapshot();
-            dispatchEvent(el, 'mousedown', {
-              which: 1,
-              clientX: 0
-            });
-            dispatchEvent(document, 'mousemove', {
-              clientX: -50
-            });
-            dispatchEvent(document, 'mouseup', {
-              clientX: -50
-            });
-            _context4.next = 13;
-            return wait();
-
-          case 13:
-            expect(element.outerHTML).to.matchSnapshot();
-
-          case 14:
-          case "end":
-            return _context4.stop();
-        }
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _mount4 = mount(WidthHeightDemo), instance = _mount4[0], element = _mount4[1];
+          _element$querySelecto3 = element.querySelectorAll('.k-switch-handle'), el = _element$querySelecto3[2];
+          dispatchEvent(el, 'mousedown', {
+            which: 1,
+            clientX: 0
+          });
+          dispatchEvent(document, 'mousemove', {
+            clientX: 50
+          });
+          dispatchEvent(document, 'mouseup', {
+            clientX: 50
+          });
+          _context4.next = 7;
+          return wait();
+        case 7:
+          expect(element.outerHTML).to.matchSnapshot();
+          dispatchEvent(el, 'mousedown', {
+            which: 1,
+            clientX: 0
+          });
+          dispatchEvent(document, 'mousemove', {
+            clientX: -50
+          });
+          dispatchEvent(document, 'mouseup', {
+            clientX: -50
+          });
+          _context4.next = 13;
+          return wait();
+        case 13:
+          expect(element.outerHTML).to.matchSnapshot();
+        case 14:
+        case "end":
+          return _context4.stop();
       }
     }, _callee4);
   })));
   it('change value by keypress', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var _mount5, instance, element, el;
-
     return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-      while (1) {
-        switch (_context5.prev = _context5.next) {
-          case 0:
-            _mount5 = mount(BasicDemo), instance = _mount5[0], element = _mount5[1];
-            el = element.querySelector('.k-switch');
-            dispatchEvent(el, 'keypress', {
-              keyCode: 13
-            });
-            _context5.next = 5;
-            return wait();
-
-          case 5:
-            expect(instance.get('value')).to.be.true;
-            dispatchEvent(el, 'keypress', {
-              keyCode: 13
-            });
-            _context5.next = 9;
-            return wait();
-
-          case 9:
-            expect(instance.get('value')).to.be.false;
-
-          case 10:
-          case "end":
-            return _context5.stop();
-        }
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          _mount5 = mount(BasicDemo), instance = _mount5[0], element = _mount5[1];
+          el = element.querySelector('.k-switch');
+          dispatchEvent(el, 'keypress', {
+            keyCode: 13
+          });
+          _context5.next = 5;
+          return wait();
+        case 5:
+          expect(instance.get('value')).to.be.true;
+          dispatchEvent(el, 'keypress', {
+            keyCode: 13
+          });
+          _context5.next = 9;
+          return wait();
+        case 9:
+          expect(instance.get('value')).to.be.false;
+        case 10:
+        case "end":
+          return _context5.stop();
       }
     }, _callee5);
   })));
   it('custom the value', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
     var _mount6, instance, element, _element$querySelecto4, el1, el2;
-
     return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-      while (1) {
-        switch (_context6.prev = _context6.next) {
-          case 0:
-            _mount6 = mount(ValueDemo), instance = _mount6[0], element = _mount6[1];
-            _element$querySelecto4 = element.querySelectorAll('.k-switch'), el1 = _element$querySelecto4[0], el2 = _element$querySelecto4[1];
-            el1.click();
-            el2.click();
-            _context6.next = 6;
-            return wait();
-
-          case 6:
-            expect(element.outerHTML).to.matchSnapshot();
-            el1.click();
-            el2.click();
-            _context6.next = 11;
-            return wait();
-
-          case 11:
-            expect(element.outerHTML).to.matchSnapshot();
-
-          case 12:
-          case "end":
-            return _context6.stop();
-        }
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          _mount6 = mount(ValueDemo), instance = _mount6[0], element = _mount6[1];
+          _element$querySelecto4 = element.querySelectorAll('.k-switch'), el1 = _element$querySelecto4[0], el2 = _element$querySelecto4[1];
+          el1.click();
+          el2.click();
+          _context6.next = 6;
+          return wait();
+        case 6:
+          expect(element.outerHTML).to.matchSnapshot();
+          el1.click();
+          el2.click();
+          _context6.next = 11;
+          return wait();
+        case 11:
+          expect(element.outerHTML).to.matchSnapshot();
+        case 12:
+        case "end":
+          return _context6.stop();
       }
     }, _callee6);
   })));