@king-design/vue 2.1.2 → 2.1.4

package/components/progress/index.spec.js

@@ -13,220 +13,172 @@ 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];
-                }
-
-                _this = _Component.call.apply(_Component, _concatInstanceProperty(_context2 = [this]).call(_context2, args)) || this;
-                _this.Progress = Progress;
-                return _this;
+      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];
               }
-
-              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
-              };
+              _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
             };
-
-            _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];
-                }
-
-                _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context4 = [this]).call(_context4, args)) || this;
-                _this2.Progress = Progress;
-                return _this2;
+      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];
               }
-
-              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'
-              };
+              _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'
             };
-
-            _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,21 +22,18 @@ 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,7 +1,5 @@
 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';
@@ -21,19 +19,15 @@ 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,21 +5,17 @@ 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);
       }
@@ -27,7 +23,6 @@ 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<"error" | "warning" | "success" | "normal" | "active">;
+export declare function useStatus(): import("../../hooks/useState").State<NonNullable<("error" | "warning" | "success" | "normal" | "active") | undefined>>;

package/components/progress/useStatus.js

@@ -4,19 +4,16 @@ 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,49 +9,39 @@ 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);
@@ -60,23 +50,18 @@ 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);