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

package/components/checkbox/index.spec.js

@@ -17,198 +17,156 @@ describe('Checkbox', function () {
   });
   it('should get value correctly of group checkboxes', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, _Array$from, first, second;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _mount = mount(GroupDemo), instance = _mount[0], element = _mount[1];
-            _Array$from = _Array$from2(element.querySelectorAll('.k-checkbox')), first = _Array$from[0], second = _Array$from[1];
-            first.click();
-            _context.next = 5;
-            return wait();
-
-          case 5:
-            expect(instance.get('languages')).be.eql(['Javascript']);
-            second.click();
-            _context.next = 9;
-            return wait();
-
-          case 9:
-            expect(instance.get('languages')).be.eql(['Javascript', 'C++']);
-            first.click();
-            _context.next = 13;
-            return wait();
-
-          case 13:
-            expect(instance.get('languages')).be.eql(['C++']);
-
-          case 14:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _mount = mount(GroupDemo), instance = _mount[0], element = _mount[1];
+          _Array$from = _Array$from2(element.querySelectorAll('.k-checkbox')), first = _Array$from[0], second = _Array$from[1];
+          first.click();
+          _context.next = 5;
+          return wait();
+        case 5:
+          expect(instance.get('languages')).be.eql(['Javascript']);
+          second.click();
+          _context.next = 9;
+          return wait();
+        case 9:
+          expect(instance.get('languages')).be.eql(['Javascript', 'C++']);
+          first.click();
+          _context.next = 13;
+          return wait();
+        case 13:
+          expect(instance.get('languages')).be.eql(['C++']);
+        case 14:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })));
   it('should get value correctly of checkbox which set trueValue and falseValue', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element, _Array$from3, first, second, third;
-
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _mount2 = mount(ValueDemo), instance = _mount2[0], element = _mount2[1];
-            _Array$from3 = _Array$from2(element.querySelectorAll('.k-checkbox')), first = _Array$from3[0], second = _Array$from3[1], third = _Array$from3[2];
-            first.click();
-            _context2.next = 5;
-            return wait();
-
-          case 5:
-            expect(instance.get('value1')).be.true;
-            first.click();
-            _context2.next = 9;
-            return wait();
-
-          case 9:
-            expect(instance.get('value1')).be.false;
-            second.click();
-            _context2.next = 13;
-            return wait();
-
-          case 13:
-            expect(instance.get('value2')).be.eql('checked');
-            second.click();
-            _context2.next = 17;
-            return wait();
-
-          case 17:
-            expect(instance.get('value2')).be.false;
-            third.click();
-            _context2.next = 21;
-            return wait();
-
-          case 21:
-            expect(instance.get('value3')).be.eql(instance.get('checkedValue'));
-            third.click();
-            _context2.next = 25;
-            return wait();
-
-          case 25:
-            expect(instance.get('value3')).be.eql(0);
-
-          case 26:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _mount2 = mount(ValueDemo), instance = _mount2[0], element = _mount2[1];
+          _Array$from3 = _Array$from2(element.querySelectorAll('.k-checkbox')), first = _Array$from3[0], second = _Array$from3[1], third = _Array$from3[2];
+          first.click();
+          _context2.next = 5;
+          return wait();
+        case 5:
+          expect(instance.get('value1')).be.true;
+          first.click();
+          _context2.next = 9;
+          return wait();
+        case 9:
+          expect(instance.get('value1')).be.false;
+          second.click();
+          _context2.next = 13;
+          return wait();
+        case 13:
+          expect(instance.get('value2')).be.eql('checked');
+          second.click();
+          _context2.next = 17;
+          return wait();
+        case 17:
+          expect(instance.get('value2')).be.false;
+          third.click();
+          _context2.next = 21;
+          return wait();
+        case 21:
+          expect(instance.get('value3')).be.eql(instance.get('checkedValue'));
+          third.click();
+          _context2.next = 25;
+          return wait();
+        case 25:
+          expect(instance.get('value3')).be.eql(0);
+        case 26:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2);
   })));
   it('should check when press enter key for enabled checkbox', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var _mount3, instance, element, _Array$from4, first, second;
-
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _mount3 = mount(BasicDemo), instance = _mount3[0], element = _mount3[1];
-            _Array$from4 = _Array$from2(element.querySelectorAll('.k-checkbox')), first = _Array$from4[0], second = _Array$from4[1];
-            dispatchEvent(first, 'keypress', {
-              keyCode: 13
-            });
-            _context3.next = 5;
-            return wait();
-
-          case 5:
-            expect(first.className).include('k-checked');
-            dispatchEvent(second, 'keypress', {
-              keyCode: 13
-            });
-            _context3.next = 9;
-            return wait();
-
-          case 9:
-            expect(second.className).not.include('k-checked');
-
-          case 10:
-          case "end":
-            return _context3.stop();
-        }
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _mount3 = mount(BasicDemo), instance = _mount3[0], element = _mount3[1];
+          _Array$from4 = _Array$from2(element.querySelectorAll('.k-checkbox')), first = _Array$from4[0], second = _Array$from4[1];
+          dispatchEvent(first, 'keypress', {
+            keyCode: 13
+          });
+          _context3.next = 5;
+          return wait();
+        case 5:
+          expect(first.className).include('k-checked');
+          dispatchEvent(second, 'keypress', {
+            keyCode: 13
+          });
+          _context3.next = 9;
+          return wait();
+        case 9:
+          expect(second.className).not.include('k-checked');
+        case 10:
+        case "end":
+          return _context3.stop();
       }
     }, _callee3);
   })));
   it('should only trigger change event once', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var spy, Demo, _mount4, instance, element, _Array$from5, checkbox1, checkbox2, checkbox3;
-
     return _regeneratorRuntime.wrap(function _callee4$(_context5) {
-      while (1) {
-        switch (_context5.prev = _context5.next) {
-          case 0:
-            spy = sinon.spy();
-
-            Demo = /*#__PURE__*/function (_Component) {
-              _inheritsLoose(Demo, _Component);
-
-              function Demo() {
-                var _context4;
-
-                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(_context4 = [this]).call(_context4, args)) || this;
-                _this.Checkbox = Checkbox;
-                return _this;
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          spy = sinon.spy();
+          Demo = /*#__PURE__*/function (_Component) {
+            _inheritsLoose(Demo, _Component);
+            function Demo() {
+              var _context4;
+              var _this;
+              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                args[_key] = arguments[_key];
               }
-
-              var _proto = Demo.prototype;
-
-              _proto.onChange = function onChange(v) {
-                this.set('value', v);
-                spy(v);
-              };
-
-              return Demo;
-            }(Component);
-
-            Demo.template = "\n                const {Checkbox} = this;\n                <div>\n                    <Checkbox v-for={[1, 2, 3]} \n                        trueValue={$value} \n                        name=\"name\"\n                        value={this.get('value')} \n                        ev-change={this.onChange}\n                        disabled={$value === 3}\n                    />\n                </div>\n            ";
-
-            Demo.defaults = function () {
-              return {
-                value: [1]
-              };
+              _this = _Component.call.apply(_Component, _concatInstanceProperty(_context4 = [this]).call(_context4, args)) || this;
+              _this.Checkbox = Checkbox;
+              return _this;
+            }
+            var _proto = Demo.prototype;
+            _proto.onChange = function onChange(v) {
+              this.set('value', v);
+              spy(v);
             };
-
-            __decorate([bind], Demo.prototype, "onChange", null);
-
-            _mount4 = mount(Demo), instance = _mount4[0], element = _mount4[1];
-            _Array$from5 = _Array$from2(element.querySelectorAll('.k-checkbox')), checkbox1 = _Array$from5[0], checkbox2 = _Array$from5[1], checkbox3 = _Array$from5[2];
-            checkbox2.click();
-            _context5.next = 10;
-            return wait();
-
-          case 10:
-            expect(spy.callCount).to.eql(1);
-            expect(spy.calledWith([1, 2])).to.eql(true);
-            checkbox1.click();
-            _context5.next = 15;
-            return wait();
-
-          case 15:
-            expect(spy.callCount).to.eql(2);
-            expect(spy.calledWith([2])).to.eql(true);
-            checkbox3.click();
-            _context5.next = 20;
-            return wait();
-
-          case 20:
-            expect(spy.callCount).to.eql(2);
-
-          case 21:
-          case "end":
-            return _context5.stop();
-        }
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const {Checkbox} = this;\n                <div>\n                    <Checkbox v-for={[1, 2, 3]} \n                        trueValue={$value} \n                        name=\"name\"\n                        value={this.get('value')} \n                        ev-change={this.onChange}\n                        disabled={$value === 3}\n                    />\n                </div>\n            ";
+          Demo.defaults = function () {
+            return {
+              value: [1]
+            };
+          };
+          __decorate([bind], Demo.prototype, "onChange", null);
+          _mount4 = mount(Demo), instance = _mount4[0], element = _mount4[1];
+          _Array$from5 = _Array$from2(element.querySelectorAll('.k-checkbox')), checkbox1 = _Array$from5[0], checkbox2 = _Array$from5[1], checkbox3 = _Array$from5[2];
+          checkbox2.click();
+          _context5.next = 10;
+          return wait();
+        case 10:
+          expect(spy.callCount).to.eql(1);
+          expect(spy.calledWith([1, 2])).to.eql(true);
+          checkbox1.click();
+          _context5.next = 15;
+          return wait();
+        case 15:
+          expect(spy.callCount).to.eql(2);
+          expect(spy.calledWith([2])).to.eql(true);
+          checkbox3.click();
+          _context5.next = 20;
+          return wait();
+        case 20:
+          expect(spy.callCount).to.eql(2);
+        case 21:
+        case "end":
+          return _context5.stop();
       }
     }, _callee4);
   })));

package/components/checkbox/index.vdt.js

@@ -7,38 +7,34 @@ import { makeStyles } from './styles';
 import { Wave } from '../wave';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-
   var _this$get = this.get(),
-      className = _this$get.className,
-      disabled = _this$get.disabled,
-      falseValue = _this$get.falseValue,
-      children = _this$get.children,
-      value = _this$get.value,
-      trueValue = _this$get.trueValue,
-      style = _this$get.style,
-      indeterminate = _this$get.indeterminate,
-      title = _this$get.title,
-      rest = _objectWithoutPropertiesLoose(_this$get, _excluded);
-
+    className = _this$get.className,
+    disabled = _this$get.disabled,
+    falseValue = _this$get.falseValue,
+    children = _this$get.children,
+    value = _this$get.value,
+    trueValue = _this$get.trueValue,
+    style = _this$get.style,
+    indeterminate = _this$get.indeterminate,
+    title = _this$get.title,
+    rest = _objectWithoutPropertiesLoose(_this$get, _excluded);
   var isChecked = this.isChecked();
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-checkbox"] = true, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-checked"] = isChecked, _classNameObj[k + "-indeterminate"] = indeterminate, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
   var events = ['ev-click', 'ev-change', 'ev-mouseenter', 'ev-mouseleave'].reduce(function (memo, name) {
     if (rest[name]) {
-      if (name === 'ev-click' || name === 'ev-change') {// do not bind click to label, otherwise it will trigger click event twice
+      if (name === 'ev-click' || name === 'ev-change') {
+        // do not bind click to label, otherwise it will trigger click event twice
         // don't bind change to input, use click instead of, #448
         // evClick = rest[name];
       } else {
         memo[name] = rest[name];
       }
-
       delete rest[name];
     }
-
     return memo;
   }, {});
   return _$cv('label', _extends({

package/components/checkbox/styles.js

@@ -5,23 +5,18 @@ import '../../styles/global';
 import { cache } from '../utils';
 var defaults = {
   width: '16px',
-
   get borderColor() {
     return theme.color.border;
   },
-
   get borderRadius() {
     return theme.borderRadius;
   },
-
   get transition() {
     return theme.transition.small;
   },
-
   get hoverBorder() {
     return "1px solid " + theme.color.primary;
   },
-
   bgColor: '#fff',
   // text
   text: {
@@ -32,11 +27,9 @@ var defaults = {
     get borderColor() {
       return theme.color.primary;
     },
-
     get bgColor() {
       return checkbox.checked.borderColor;
     }
-
   },
   inner: {
     width: '6px',
@@ -50,25 +43,20 @@ var defaults = {
     get color() {
       return theme.color.disabled;
     },
-
     get borderColor() {
       return theme.color.disabledBorder;
     },
-
     get bgColor() {
       return theme.color.disabledBg;
     },
-
     innerColor: '#fff',
     checked: {
       get borderColor() {
         return palette(theme.color.primary, -3);
       },
-
       get bgColor() {
         return palette(theme.color.primary, -3);
       }
-
     }
   }
 };
@@ -77,7 +65,7 @@ setDefault(function () {
   checkbox = deepDefaults(theme, {
     checkbox: defaults
   }).checkbox;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("display:inline-flex;align-items:center;cursor:pointer;vertical-align:middle;.", k, "-checkbox-wrapper{width:", checkbox.width, ";height:", checkbox.width, ";border:1px solid ", checkbox.borderColor, ";border-radius:", checkbox.borderRadius, ";position:relative;transition:all ", checkbox.transition, ";background:", checkbox.bgColor, ";flex:0 0 auto;&:before{content:\"\";display:block;position:absolute;width:", checkbox.inner.width, ";height:", checkbox.inner.height, ";top:", checkbox.inner.top, ";left:", checkbox.inner.left, ";border:", checkbox.inner.border, ";border-top:0;border-left:0;transform:rotate(45deg) scale(0);transition:all ", checkbox.transition, ";}}&:hover{.", k, "-checkbox-wrapper{border:", checkbox.hoverBorder, ";}}input{width:100%;height:100%;opacity:0;cursor:pointer;position:absolute;left:0;top:0;margin:0;}.", k, "-checkbox-text{margin-left:", checkbox.text.gap, ";flex:0 1 auto;}&.", k, "-checked,&.", k, "-indeterminate{.", k, "-checkbox-wrapper{border-color:", checkbox.checked.borderColor, ";background:", checkbox.checked.bgColor, ";}}&.", k, "-indeterminate{.", k, "-checkbox-wrapper{&:before{transform:rotate(90deg) scale(1);border-bottom:0;}}}&.", k, "-checked{.", k, "-checkbox-wrapper{&:before{transform:rotate(45deg) scale(1);}}}&:focus{outline:none;.", k, "-checkbox-wrapper{border-color:", checkbox.checked.borderColor, ";}}&.", k, "-disabled{color:", checkbox.disabled.color, ";cursor:not-allowed;.", k, "-checkbox-wrapper{border-color:", checkbox.disabled.borderColor, ";background:", checkbox.disabled.bgColor, ";&:before{border-color:", checkbox.disabled.innerColor, ";}}input{cursor:not-allowed;}&.", k, "-checked,&.", k, "-indeterminate{.", k, "-checkbox-wrapper{border-color:", checkbox.disabled.checked.borderColor, ";background:", checkbox.disabled.checked.bgColor, ";}}}");

package/components/code/crossDomain.js

@@ -4,19 +4,14 @@ export function crossDomainWorker() {
   var oldGetWorkerUrl = window.MonacoEnvironment.getWorkerUrl;
   if (oldGetWorkerUrl.$) return;
   oldGetWorkerUrl.$ = true;
-
   window.MonacoEnvironment.getWorkerUrl = function (moduleId, label) {
     var workerUrl = oldGetWorkerUrl(moduleId, label);
-
     var _isSameOrigin = isSameOrigin(workerUrl),
-        isSame = _isSameOrigin.isSame,
-        url = _isSameOrigin.url;
+      isSame = _isSameOrigin.isSame,
+      url = _isSameOrigin.url;
     /* istanbul ignore else */
-
-
     if (isSame) return workerUrl;else {
       var blob;
-
       try {
         blob = new Blob(["importScripts('" + url + "');"], {
           type: 'application/javascript'
@@ -26,14 +21,12 @@ export function crossDomainWorker() {
         blobBuilder.append("importScripts('" + url + "');");
         blob = blobBuilder.getBlob('application/javascript');
       }
-
       var URL = _URL || window.webkitURL;
       var blobUrl = URL.createObjectURL(blob);
       return blobUrl;
     }
   };
 }
-
 function isSameOrigin(url) {
   var loc = window.location;
   var a = document.createElement('a');

package/components/code/index.js

@@ -13,7 +13,6 @@ var typeDefs = {
   height: String,
   options: Object
 };
-
 var defaults = function defaults() {
   return {
     value: '',
@@ -22,34 +21,26 @@ var defaults = function defaults() {
     options: {}
   };
 };
-
 var events = {
   ready: true
 };
 export var Code = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Code, _Component);
-
   function Code() {
     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.editor = useEditor();
     _this.config = useConfigContext();
     return _this;
   }
-
   var _proto = Code.prototype;
-
   _proto.getEditor = function getEditor() {
     return this.editor.getEditor();
   };
-
   return Code;
 }(Component);
 Code.template = template;

package/components/code/index.spec.js

@@ -9,62 +9,53 @@ describe('Code', function () {
   });
   it('should update status', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, code, set, editor;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            this.timeout(0);
-            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
-            code = instance.$lastInput.children;
-            _context.next = 5;
-            return new _Promise(function (resolve) {
-              code.on('ready', resolve);
-            });
-
-          case 5:
-            set = function set(name, value) {
-              code.set(name, value);
-              code.trigger("$receive:" + name, value);
-            }; // change language
-
-
-            set('language', 'php');
-            expect(element.dataset.modeId).to.eql('php'); // change theme
-
-            set('theme', 'vs-dark');
-            expect(element.querySelector('.monaco-editor').classList.contains('vs-dark')).to.be.true; // change options
-
-            set('options', {
-              minimap: {
-                enabled: false
-              }
-            });
-            expect(element.querySelector('.minimap').style.width).to.eql('0px'); // change size
-
-            set('height', '300px');
-            _context.next = 15;
-            return wait(0);
-
-          case 15:
-            expect(element.querySelector('.monaco-editor').style.height).to.eql('300px'); // change value
-
-            editor = code.getEditor();
-            editor.setValue('test');
-            expect(instance.get('value')).to.eql('test');
-            instance.set('value', 'hello');
-            _context.next = 22;
-            return wait();
-
-          case 22:
-            expect(editor.getValue()).to.eql('hello'); // change readonly
-
-            set('readOnly', true);
-
-          case 24:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          this.timeout(0);
+          _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+          code = instance.$lastInput.children;
+          _context.next = 5;
+          return new _Promise(function (resolve) {
+            code.on('ready', resolve);
+          });
+        case 5:
+          set = function set(name, value) {
+            code.set(name, value);
+            code.trigger("$receive:" + name, value);
+          }; // change language
+          set('language', 'php');
+          expect(element.dataset.modeId).to.eql('php');
+          // change theme
+          set('theme', 'vs-dark');
+          expect(element.querySelector('.monaco-editor').classList.contains('vs-dark')).to.be.true;
+          // change options
+          set('options', {
+            minimap: {
+              enabled: false
+            }
+          });
+          expect(element.querySelector('.minimap').style.width).to.eql('0px');
+          // change size
+          set('height', '300px');
+          _context.next = 15;
+          return wait(0);
+        case 15:
+          expect(element.querySelector('.monaco-editor').style.height).to.eql('300px');
+          // change value
+          editor = code.getEditor();
+          editor.setValue('test');
+          expect(instance.get('value')).to.eql('test');
+          instance.set('value', 'hello');
+          _context.next = 22;
+          return wait();
+        case 22:
+          expect(editor.getValue()).to.eql('hello');
+          // change readonly
+          set('readOnly', true);
+        case 24:
+        case "end":
+          return _context.stop();
       }
     }, _callee, this);
   })));