@king-design/vue 2.1.4 → 2.1.5

package/components/checkbox/index.spec.js

@@ -17,156 +17,198 @@ 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];
+      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;
               }
-              _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);
+
+              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]
+              };
             };
-            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();
+
+            __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,20 +7,23 @@ 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 classNameObj = (_classNameObj = {
     'k-checkbox': true,
@@ -30,15 +33,16 @@ export default function ($props, $blocks, $__proto__) {
   }, _classNameObj[className] = className, _classNameObj[makeStyles()] = 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

@@ -4,15 +4,19 @@ import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
 var defaults = {
   width: '14px',
+
   get borderColor() {
     return theme.color.darkBorder;
   },
+
   get borderRadius() {
     return theme.borderRadius;
   },
+
   get transition() {
     return theme.transition.small;
   },
+
   bgColor: '#fff',
   // text
   text: {
@@ -23,9 +27,11 @@ var defaults = {
     get borderColor() {
       return theme.color.primary;
     },
+
     get bgColor() {
       return checkbox.checked.borderColor;
     }
+
   },
   inner: {
     width: '5px',
@@ -39,15 +45,19 @@ var defaults = {
     get color() {
       return theme.color.disabled;
     },
+
     get borderColor() {
       return theme.color.disabledBorder;
     },
+
     get bgColor() {
       return theme.color.disabledBg;
     },
+
     get innerColor() {
       return theme.color.disabledBorder;
     }
+
   },
   // indeterminate
   indeterminate: {

package/components/code/crossDomain.js

@@ -4,14 +4,19 @@ 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'
@@ -21,12 +26,14 @@ 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

@@ -12,6 +12,7 @@ var typeDefs = {
   height: String,
   options: Object
 };
+
 var defaults = function defaults() {
   return {
     value: '',
@@ -20,25 +21,33 @@ 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();
     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,53 +9,62 @@ 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);
   })));