@king-design/vue 2.1.4 → 2.1.6

package/components/progress/index.spec.js

@@ -13,172 +13,220 @@ describe('Progress', function () {
   });
   it('change percent', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element;
+
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _mount = mount(ChildrenDemo), instance = _mount[0], element = _mount[1];
-          instance.set('percent', 100);
-          _context.next = 4;
-          return wait();
-        case 4:
-          expect(element.outerHTML).to.matchSnapshot();
-          instance.set('percent', 110);
-          _context.next = 8;
-          return wait();
-        case 8:
-          expect(element.outerHTML).to.matchSnapshot();
-          instance.set('percent', 90);
-          _context.next = 12;
-          return wait();
-        case 12:
-          expect(element.outerHTML).to.matchSnapshot();
-          instance.set('percent', -10);
-          _context.next = 16;
-          return wait();
-        case 16:
-          expect(element.outerHTML).to.matchSnapshot();
-        case 17:
-        case "end":
-          return _context.stop();
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _mount = mount(ChildrenDemo), instance = _mount[0], element = _mount[1];
+            instance.set('percent', 100);
+            _context.next = 4;
+            return wait();
+
+          case 4:
+            expect(element.outerHTML).to.matchSnapshot();
+            instance.set('percent', 110);
+            _context.next = 8;
+            return wait();
+
+          case 8:
+            expect(element.outerHTML).to.matchSnapshot();
+            instance.set('percent', 90);
+            _context.next = 12;
+            return wait();
+
+          case 12:
+            expect(element.outerHTML).to.matchSnapshot();
+            instance.set('percent', -10);
+            _context.next = 16;
+            return wait();
+
+          case 16:
+            expect(element.outerHTML).to.matchSnapshot();
+
+          case 17:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee);
   })));
   it('should use the specified status when status is error', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var Demo, _mount2, instance, element;
+
     return _regeneratorRuntime.wrap(function _callee2$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          Demo = /*#__PURE__*/function (_Component) {
-            _inheritsLoose(Demo, _Component);
-            function Demo() {
-              var _context2;
-              var _this;
-              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                args[_key] = arguments[_key];
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component) {
+              _inheritsLoose(Demo, _Component);
+
+              function Demo() {
+                var _context2;
+
+                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(_context2 = [this]).call(_context2, args)) || this;
+                _this.Progress = Progress;
+                return _this;
               }
-              _this = _Component.call.apply(_Component, _concatInstanceProperty(_context2 = [this]).call(_context2, args)) || this;
-              _this.Progress = Progress;
-              return _this;
-            }
-            return Demo;
-          }(Component);
-          Demo.template = "\n                const Progress = this.Progress;\n                <Progress percent={this.get('value')} status=\"error\" />\n            ";
-          Demo.defaults = function () {
-            return {
-              value: 100
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const Progress = this.Progress;\n                <Progress percent={this.get('value')} status=\"error\" />\n            ";
+
+            Demo.defaults = function () {
+              return {
+                value: 100
+              };
             };
-          };
-          _mount2 = mount(Demo), instance = _mount2[0], element = _mount2[1];
-          expect(element.classList.contains('k-error')).to.be.true;
-          instance.set('value', 90);
-          _context3.next = 8;
-          return wait();
-        case 8:
-          expect(element.classList.contains('k-error')).to.be.true;
-          instance.set('value', 100);
-          _context3.next = 12;
-          return wait();
-        case 12:
-          expect(element.classList.contains('k-error')).to.be.true;
-        case 13:
-        case "end":
-          return _context3.stop();
+
+            _mount2 = mount(Demo), instance = _mount2[0], element = _mount2[1];
+            expect(element.classList.contains('k-error')).to.be.true;
+            instance.set('value', 90);
+            _context3.next = 8;
+            return wait();
+
+          case 8:
+            expect(element.classList.contains('k-error')).to.be.true;
+            instance.set('value', 100);
+            _context3.next = 12;
+            return wait();
+
+          case 12:
+            expect(element.classList.contains('k-error')).to.be.true;
+
+          case 13:
+          case "end":
+            return _context3.stop();
+        }
       }
     }, _callee2);
   })));
   it('should not use the specified status when percent equal 100', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var Demo, _mount3, instance, element;
+
     return _regeneratorRuntime.wrap(function _callee3$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
-        case 0:
-          Demo = /*#__PURE__*/function (_Component2) {
-            _inheritsLoose(Demo, _Component2);
-            function Demo() {
-              var _context4;
-              var _this2;
-              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-                args[_key2] = arguments[_key2];
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component2) {
+              _inheritsLoose(Demo, _Component2);
+
+              function Demo() {
+                var _context4;
+
+                var _this2;
+
+                for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                  args[_key2] = arguments[_key2];
+                }
+
+                _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context4 = [this]).call(_context4, args)) || this;
+                _this2.Progress = Progress;
+                return _this2;
               }
-              _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context4 = [this]).call(_context4, args)) || this;
-              _this2.Progress = Progress;
-              return _this2;
-            }
-            return Demo;
-          }(Component);
-          Demo.template = "\n                const Progress = this.Progress;\n                <Progress percent={this.get('value')} status={this.get('status')} />\n            ";
-          Demo.defaults = function () {
-            return {
-              value: '100',
-              status: 'normal'
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const Progress = this.Progress;\n                <Progress percent={this.get('value')} status={this.get('status')} />\n            ";
+
+            Demo.defaults = function () {
+              return {
+                value: '100',
+                status: 'normal'
+              };
             };
-          };
-          _mount3 = mount(Demo), instance = _mount3[0], element = _mount3[1];
-          expect(element.classList.contains('k-success')).to.be.true;
-          instance.forceUpdate();
-          _context5.next = 8;
-          return wait();
-        case 8:
-          expect(element.classList.contains('k-success')).to.be.true;
-          instance.set('status', 'active');
-          _context5.next = 12;
-          return wait();
-        case 12:
-          expect(element.classList.contains('k-success')).to.be.true;
-          instance.set('status', 'warning');
-          _context5.next = 16;
-          return wait();
-        case 16:
-          expect(element.classList.contains('k-success')).to.be.true;
-          instance.set('value', 90);
-          _context5.next = 20;
-          return wait();
-        case 20:
-          expect(element.classList.contains('k-warning')).to.be.true;
-          instance.set('value', 100);
-          _context5.next = 24;
-          return wait();
-        case 24:
-          expect(element.classList.contains('k-success')).to.be.true;
-          instance.set('status', 'error');
-          _context5.next = 28;
-          return wait();
-        case 28:
-          expect(element.classList.contains('k-error')).to.be.true;
-        case 29:
-        case "end":
-          return _context5.stop();
+
+            _mount3 = mount(Demo), instance = _mount3[0], element = _mount3[1];
+            expect(element.classList.contains('k-success')).to.be.true;
+            instance.forceUpdate();
+            _context5.next = 8;
+            return wait();
+
+          case 8:
+            expect(element.classList.contains('k-success')).to.be.true;
+            instance.set('status', 'active');
+            _context5.next = 12;
+            return wait();
+
+          case 12:
+            expect(element.classList.contains('k-success')).to.be.true;
+            instance.set('status', 'warning');
+            _context5.next = 16;
+            return wait();
+
+          case 16:
+            expect(element.classList.contains('k-success')).to.be.true;
+            instance.set('value', 90);
+            _context5.next = 20;
+            return wait();
+
+          case 20:
+            expect(element.classList.contains('k-warning')).to.be.true;
+            instance.set('value', 100);
+            _context5.next = 24;
+            return wait();
+
+          case 24:
+            expect(element.classList.contains('k-success')).to.be.true;
+            instance.set('status', 'error');
+            _context5.next = 28;
+            return wait();
+
+          case 28:
+            expect(element.classList.contains('k-error')).to.be.true;
+
+          case 29:
+          case "end":
+            return _context5.stop();
+        }
       }
     }, _callee3);
   })));
   it('should custom colors', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var _mount4, instance, element;
+
     return _regeneratorRuntime.wrap(function _callee4$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
-        case 0:
-          _mount4 = mount(CustomColorDemo), instance = _mount4[0], element = _mount4[1];
-          instance.set('percent', 25);
-          _context6.next = 4;
-          return wait();
-        case 4:
-          expect(element.outerHTML).to.matchSnapshot();
-          instance.set('percent', 50);
-          _context6.next = 8;
-          return wait();
-        case 8:
-          expect(element.outerHTML).to.matchSnapshot();
-          instance.set('percent', 75);
-          _context6.next = 12;
-          return wait();
-        case 12:
-          expect(element.outerHTML).to.matchSnapshot();
-          instance.set('percent', 100);
-          _context6.next = 16;
-          return wait();
-        case 16:
-          expect(element.outerHTML).to.matchSnapshot();
-        case 17:
-        case "end":
-          return _context6.stop();
+      while (1) {
+        switch (_context6.prev = _context6.next) {
+          case 0:
+            _mount4 = mount(CustomColorDemo), instance = _mount4[0], element = _mount4[1];
+            instance.set('percent', 25);
+            _context6.next = 4;
+            return wait();
+
+          case 4:
+            expect(element.outerHTML).to.matchSnapshot();
+            instance.set('percent', 50);
+            _context6.next = 8;
+            return wait();
+
+          case 8:
+            expect(element.outerHTML).to.matchSnapshot();
+            instance.set('percent', 75);
+            _context6.next = 12;
+            return wait();
+
+          case 12:
+            expect(element.outerHTML).to.matchSnapshot();
+            instance.set('percent', 100);
+            _context6.next = 16;
+            return wait();
+
+          case 16:
+            expect(element.outerHTML).to.matchSnapshot();
+
+          case 17:
+          case "end":
+            return _context6.stop();
+        }
       }
     }, _callee4);
   })));

package/components/progress/index.vdt.js

@@ -22,18 +22,21 @@ var _$tmp3 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj, r, circumference;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    type = _this$get.type,
-    className = _this$get.className,
-    percent = _this$get.percent,
-    size = _this$get.size,
-    showOuterText = _this$get.showOuterText,
-    showInnerText = _this$get.showInnerText,
-    strokeWidth = _this$get.strokeWidth,
-    children = _this$get.children;
+      type = _this$get.type,
+      className = _this$get.className,
+      percent = _this$get.percent,
+      size = _this$get.size,
+      showOuterText = _this$get.showOuterText,
+      showInnerText = _this$get.showInnerText,
+      strokeWidth = _this$get.strokeWidth,
+      children = _this$get.children;
+
   var status = this.status.value;
   var background = this.color.value || '';
   var classNameObj = (_classNameObj = {

package/components/progress/styles.js

@@ -1,5 +1,7 @@
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
 import { css, keyframes } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
@@ -19,15 +21,19 @@ var defaults = {
     get normal() {
       return theme.color.primary;
     },
+
     get success() {
       return theme.color.success;
     },
+
     get error() {
       return theme.color.danger;
     },
+
     get warning() {
       return theme.color.warning;
     },
+
     color: '#eaeef2'
   },
   animation: {

package/components/progress/useColor.js

@@ -5,17 +5,21 @@ import { isFunction, isString, isArray } from 'intact-shared';
 export function useColor() {
   var instance = useInstance();
   var backGroundColor = useState(undefined);
+
   function setColor() {
     var _instance$get = instance.get(),
-      percent = _instance$get.percent,
-      color = _instance$get.color;
+        percent = _instance$get.percent,
+        color = _instance$get.color;
+
     if (!color) return;
+
     if (isFunction(color)) {
       backGroundColor.set(color(percent));
     } else if (isArray(color)) {
       var item = _findInstanceProperty(color).call(color, function (v) {
         return v.percent === percent;
       });
+
       if (item && item.color) {
         backGroundColor.set(item.color);
       }
@@ -23,6 +27,7 @@ export function useColor() {
       backGroundColor.set(color);
     }
   }
+
   instance.on('$receive:color', setColor);
   instance.watch('percent', setColor);
   return backGroundColor;

package/components/progress/useStatus.d.ts

@@ -1 +1 @@
-export declare function useStatus(): import("../../hooks/useState").State<NonNullable<("error" | "warning" | "success" | "normal" | "active") | undefined>>;
+export declare function useStatus(): import("../../hooks/useState").State<"error" | "warning" | "success" | "normal" | "active">;

package/components/progress/useStatus.js

@@ -4,16 +4,19 @@ import { useReceive } from '../../hooks/useReceive';
 export function useStatus() {
   var instance = useInstance();
   var status = useState('active');
+
   function setStatus() {
     var _instance$get = instance.get(),
-      _status = _instance$get.status,
-      percent = _instance$get.percent;
+        _status = _instance$get.status,
+        percent = _instance$get.percent;
+
     if (Number(percent) === 100 && _status !== 'error') {
       status.set('success');
     } else {
       status.set(_status);
     }
   }
+
   useReceive(['status', 'percent'], setStatus);
   return status;
 }

package/components/radio/index.js

@@ -9,39 +9,49 @@ var typeDefs = {
   value: null,
   trueValue: null
 };
+
 var defaults = function defaults() {
   return {
     value: false,
     trueValue: true
   };
 };
+
 var events = {
   click: true,
   change: true
 };
 export var Radio = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Radio, _Component);
+
   function Radio() {
     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();
     return _this;
   }
+
   var _proto = Radio.prototype;
+
   _proto.onKeypress = function onKeypress(e) {
     if (e.keyCode === 13) {
       this.elementRef.value.click();
     }
   };
+
   _proto.onClick = function onClick(e) {
     var _this$get = this.get(),
-      value = _this$get.value,
-      trueValue = _this$get.trueValue,
-      disabled = _this$get.disabled;
+        value = _this$get.value,
+        trueValue = _this$get.trueValue,
+        disabled = _this$get.disabled;
+
     if (!disabled && value !== trueValue) {
       this.set('value', trueValue);
       this.trigger('click', e);
@@ -50,18 +60,23 @@ export var Radio = /*#__PURE__*/function (_Component) {
       this.trigger('click', e);
     }
   };
+
   _proto.fixClick = function fixClick(e) {
     // ignore the click event from label, otherwise it will trigger click event twice
     if (e.target !== this.refs.input) {
       e.stopPropagation();
     }
   };
+
   return Radio;
 }(Component);
 Radio.template = template;
 Radio.typeDefs = typeDefs;
 Radio.defaults = defaults;
 Radio.events = events;
+
 __decorate([bind], Radio.prototype, "onKeypress", null);
+
 __decorate([bind], Radio.prototype, "onClick", null);
+
 __decorate([bind], Radio.prototype, "fixClick", null);