@king-design/react 3.1.4-beta.2 → 3.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

@@ -16,21 +16,18 @@ var _$tmp1 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj, r, circumference, icon, _$cn2;
-
   $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 k = this.config.k;
   var status = this.status.value;
   var background = this.color.value || '';
@@ -74,15 +71,12 @@ export default function ($props, $blocks, $__proto__) {
         case 'success':
           icon = [k + "-icon-success-fill"];
           break;
-
         case 'error':
           icon = [k + "-icon-error-fill"];
           break;
-
         case 'warning':
           icon = [k + "-icon-warning-fill"];
           break;
-
         default:
           break;
       }
@@ -91,17 +85,14 @@ export default function ($props, $blocks, $__proto__) {
         case 'success':
           icon = [k + "-icon-check"];
           break;
-
         case 'error':
         case 'warning':
           icon = [k + "-icon-close"];
           break;
-
         default:
           break;
       }
     }
-
     if (icon) {
       return _$cc(Icon, {
         'className': _$cn((_$cn2 = {}, _$cn2[k + "-progress-icon"] = true, _$cn2[icon] = true, _$cn2)),

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';
@@ -22,19 +20,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: {
@@ -82,7 +76,7 @@ setDefault(function () {
   progress = deepDefaults(theme, {
     progress: defaults
   }).progress;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("position:relative;line-height:1;&.", k, "-bar{display:flex;align-items:center;.", k, "-progress-container{height:", progress.bar.height, ";border-radius:", progress.bar.height, ";background-color:", progress.stokeColor.color, ";overflow:hidden;position:relative;vertical-align:middle;font-size:", progress.bar.innerText.fontSize, ";flex:1;}.", k, "-progress-content{position:relative;left:0;top:0;white-space:nowrap;width:100%;height:100%;border-radius:", progress.bar.height, ";}.", k, "-progress-bg{background-color:", progress.stokeColor.normal, ";height:100%;border-radius:", progress.bar.height, ";transition:", progress.animation.transition, ";position:relative;}.", k, "-progress-inner-text{display:inline-block;vertical-align:top;color:#ffffff;line-height:", progress.bar.height, ";width:100%;text-align:right;padding:", progress.bar.innerText.padding, ";}&.", k, "-success{.", k, "-progress-bg{background:", progress.stokeColor.success, ";}}&.", k, "-error{.", k, "-progress-bg{background:", progress.stokeColor.error, ";}}&.", k, "-warning{.", k, "-progress-bg{background:", progress.stokeColor.warning, ";}}&.", k, "-active{.", k, "-progress-bg{&:before{content:\"\";position:absolute;top:0;bottom:0;right:0;left:0;background-color:#fff;animation:", progressBarAnimation, " 2s ease infinite;border-radius:", progress.bar.height, ";}}}", _mapInstanceProperty(sizes).call(sizes, function (size) {

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

@@ -10,50 +10,40 @@ 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();
     _this.config = useConfigContext();
     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);
@@ -62,23 +52,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);