@king-design/react 2.1.4 → 2.1.5

package/components/spinner/index.vdt.js

@@ -19,25 +19,28 @@ var _$tmp3 = {
 };
 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,
-    size = _this$get.size,
-    vertical = _this$get.vertical,
-    value = _this$get.value,
-    width = _this$get.width;
+      className = _this$get.className,
+      disabled = _this$get.disabled,
+      size = _this$get.size,
+      vertical = _this$get.vertical,
+      value = _this$get.value,
+      width = _this$get.width;
+
   var classNameObj = (_classNameObj = {
     'k-spinner': true,
     'k-disabled': disabled
   }, _classNameObj["k-" + size] = size !== 'default', _classNameObj[className] = className, _classNameObj['k-vertical'] = vertical, _classNameObj[makeStyles()] = true, _classNameObj);
   var _this$change = this.change,
-    decrease = _this$change.decrease,
-    increase = _this$change.increase,
-    changeValue = _this$change.changeValue,
-    onFocusin = _this$change.onFocusin;
+      decrease = _this$change.decrease,
+      increase = _this$change.increase,
+      changeValue = _this$change.changeValue,
+      onFocusin = _this$change.onFocusin;
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this)), [_$cc(Button, {

package/components/spinner/styles.js

@@ -46,6 +46,7 @@ export function makeStyles() {
     var generate = function generate() {
       return "\n                    .k-spinner-input {\n                        padding-right: calc(" + theme[size].height + " - 1px);\n                        width: " + spinner.vertical[size].width + ";\n                    }\n                ";
     };
+
     if (size === 'default') {
       return generate();
     } else {
@@ -53,9 +54,11 @@ export function makeStyles() {
     }
   }), ";.k-spinner-btn{position:absolute;right:0;margin:0;height:calc(50% + 1px);line-height:50%;}.k-spinner-icon{line-height:50%!important;font-size:inherit!important;}.k-spinner-btn.k-left{bottom:0;border-radius:0 0 ", theme.borderRadius, " 0;}.k-spinner-btn.k-right{top:0;border-radius:0 ", theme.borderRadius, " 0 0;}.k-spinner-input{font-size:0;.k-input-inner{border-radius:", theme.borderRadius, " 0 0 ", theme.borderRadius, ";}}}&.k-disabled{.k-spinner-btn{&:hover,&:focus{z-index:0;}}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var styles = spinner[size];
+
     var generate = function generate() {
       return "\n                .k-spinner-icon {\n                    font-size: " + styles.iconFontSize + ";\n                }\n                .k-spinner-input {\n                    width: " + styles.inputWidth + ";\n                }\n            ";
     };
+
     if (size === 'default') {
       return generate();
     } else {

package/components/spinner/useChange.js

@@ -3,35 +3,47 @@ import { useInstance } from 'intact-react';
 export function useChange(getStep, fixValue) {
   var instance = useInstance();
   var oldValue;
+
   function increase() {
     var _instance$get = instance.get(),
-      value = _instance$get.value;
+        value = _instance$get.value;
+
     var _getStep = getStep(value, 'increase'),
-      step = _getStep[0];
+        step = _getStep[0];
+
     oldValue = value;
     fixAndTriggerChange(Number((value + step).toFixed(10)), 0);
   }
+
   function decrease() {
     var _instance$get2 = instance.get(),
-      value = _instance$get2.value;
+        value = _instance$get2.value;
+
     var _getStep2 = getStep(value, 'decrease'),
-      step = _getStep2[0];
+        step = _getStep2[0];
+
     oldValue = value;
     fixAndTriggerChange(Number((value - step).toFixed(10)), 0);
   }
+
   function changeValue(e) {
     var _context;
+
     fixAndTriggerChange(_trimInstanceProperty(_context = e.target.value).call(_context), instance.get('value'));
   }
+
   function onFocusin() {
     oldValue = instance.get('value');
   }
+
   function fixAndTriggerChange(value, fallbackValue) {
     var fixedValue = fixValue(value, fallbackValue);
+
     if (oldValue !== fixedValue) {
       instance.trigger('change', fixedValue, oldValue);
     }
   }
+
   return {
     increase: increase,
     decrease: decrease,

package/components/spinner/useFormatter.js

@@ -1,35 +1,45 @@
 import { useInstance } from 'intact-react';
 export function useFormatter() {
   var instance = useInstance();
+
   function format(value) {
     var _instance$get = instance.get(),
-      formatter = _instance$get.formatter,
-      prefix = _instance$get.prefix,
-      suffix = _instance$get.suffix;
+        formatter = _instance$get.formatter,
+        prefix = _instance$get.prefix,
+        suffix = _instance$get.suffix;
+
     if (!formatter) {
       return "" + (prefix || '') + value + (suffix || '');
     }
+
     return formatter(value);
   }
+
   function parse(value) {
     var _instance$get2 = instance.get(),
-      parser = _instance$get2.parser,
-      prefix = _instance$get2.prefix,
-      suffix = _instance$get2.suffix;
+        parser = _instance$get2.parser,
+        prefix = _instance$get2.prefix,
+        suffix = _instance$get2.suffix;
+
     if (value === '') {
       return NaN;
     }
+
     if (!parser) {
       if (prefix) {
         value = value.replace(new RegExp("^" + prefix), '');
       }
+
       if (suffix) {
         value = value.replace(new RegExp(suffix + "$"), '');
       }
+
       return +value;
     }
+
     return parser(value);
   }
+
   return {
     format: format,
     parse: parse

package/components/spinner/useStep.d.ts

@@ -1,7 +1,7 @@
 import { Component } from 'intact-react';
 import type { StepObject, StepFunction } from './';
-type Direction = 'increase' | 'decrease';
-export type NormalizedGetStep = (value: number, direction?: Direction) => [number, number];
+declare type Direction = 'increase' | 'decrease';
+export declare type NormalizedGetStep = (value: number, direction?: Direction) => [number, number];
 interface StepComponentProps {
     step?: number | StepObject | StepFunction;
     min?: number;
@@ -9,5 +9,5 @@ interface StepComponentProps {
 }
 interface StepComponent extends Component<StepComponentProps> {
 }
-export declare function useStep<T extends StepComponent>(defaultStep: number): (value: number, direction?: Direction) => [number, number];
+export declare function useStep<T extends StepComponent>(defaultStep: number): (value: number, direction?: Direction | undefined) => [number, number];
 export {};

package/components/spinner/useStep.js

@@ -5,17 +5,22 @@ import { useInstance } from 'intact-react';
 import { isUndefined } from 'intact-shared';
 export function useStep(defaultStep) {
   var instance = useInstance();
+
   var step = function step() {
     var _instance$get = instance.get(),
-      step = _instance$get.step,
-      min = _instance$get.min;
+        step = _instance$get.step,
+        min = _instance$get.min;
+
     return [step, min];
   };
+
   instance.on('$receive:step', function (v) {
     var getStep = parseStep(v, defaultStep);
+
     step = function step(value, direction) {
       var step = getStep(value, direction);
       var min = instance.get('min');
+
       if (Array.isArray(step)) {
         return [step[0], isUndefined(step[1]) ? min : Math.max(min, step[1])];
       } else {
@@ -27,14 +32,18 @@ export function useStep(defaultStep) {
     return step(value, direction);
   };
 }
+
 function parseStep(step, defaultValue) {
   var _context, _context2;
+
   var type = typeof step;
+
   switch (type) {
     case 'number':
       return function () {
         return step;
       };
+
     case 'object':
       var breakpoints = _sortInstanceProperty(_context = _mapInstanceProperty(_context2 = _Object$keys(step)).call(_context2, function (i) {
         if (i === '$') {
@@ -43,6 +52,7 @@ function parseStep(step, defaultValue) {
             value: Number.POSITIVE_INFINITY
           };
         }
+
         return {
           key: i,
           value: Number(i)
@@ -50,28 +60,36 @@ function parseStep(step, defaultValue) {
       })).call(_context, function (a, b) {
         return a.value - b.value;
       });
+
       return function (value, direction) {
         for (var i = 0; i < breakpoints.length; i++) {
           var breakpoint = breakpoints[i];
           var prevBreakpoint = breakpoints[i - 1];
+
           if (value < breakpoint.value) {
             return [step[breakpoint.key], prevBreakpoint && prevBreakpoint.value];
           }
+
           if (value === breakpoint.value) {
             // we must detect the direction when it is a breakpoint
             if (direction === 'increase') {
               var nextBreakpoint = breakpoints[i + 1];
+
               if (nextBreakpoint !== undefined) {
                 return [step[nextBreakpoint.key], breakpoint.value];
               }
             }
+
             return [step[breakpoint.key], prevBreakpoint && prevBreakpoint.value];
           }
         }
+
         return [defaultValue, undefined];
       };
+
     case 'function':
       return step;
+
     default:
       return function () {
         return defaultValue;

package/components/spinner/useValue.js

@@ -2,57 +2,69 @@ import _Number$isNaN from "@babel/runtime-corejs3/core-js/number/is-nan";
 import { useInstance } from 'intact-react';
 import { useReceive } from '../../hooks/useReceive';
 import { error, isNullOrUndefined, isString } from 'intact-shared';
-import { useState } from '../../hooks/useState';
-// const numberReg = /^(-|\+)?\d+(\.(\d+)?)?$/;
+import { useState } from '../../hooks/useState'; // const numberReg = /^(-|\+)?\d+(\.(\d+)?)?$/;
+
 export function useValue(getStep, formatter) {
   var instance = useInstance();
   var showValue = useState(instance.get('value'));
   useReceive(['max', 'min', 'precision', 'value', 'formatter', 'parser', 'prefix', 'suffix'], function () {
     fixValue(instance.get('value'), 0);
   });
+
   function fixValue(value, fallbackValue) {
     var _getFixedValue = getFixedValue(value, fallbackValue),
-      valueString = _getFixedValue.valueString,
-      fixedValue = _getFixedValue.value;
+        valueString = _getFixedValue.valueString,
+        fixedValue = _getFixedValue.value;
+
     showValue.set(valueString);
     instance.set({
       value: fixedValue
     });
     return fixedValue;
   }
+
   function getFixedValue(value, fallbackValue) {
     var _instance$get = instance.get(),
-      precision = _instance$get.precision,
-      max = _instance$get.max,
-      forceStep = _instance$get.forceStep;
+        precision = _instance$get.precision,
+        max = _instance$get.max,
+        forceStep = _instance$get.forceStep;
+
     if (isString(value)) {
       value = formatter.parse(value);
     }
+
     if (_Number$isNaN(value)) {
       value = fallbackValue;
     }
+
     var _getStep = getStep(value),
-      step = _getStep[0],
-      min = _getStep[1];
+        step = _getStep[0],
+        min = _getStep[1];
+
     if (min > max) {
       if (process.env.NODE_ENV !== 'production') {
         error("[Spinner] min must less than or equal to max, but got min: " + min + " max: " + max);
       }
+
       return {
         valueString: formatter.format(fallbackValue),
         value: fallbackValue
       };
     }
+
     value = minMaxStep(value, min, max, forceStep ? step : null);
+
     if (!isNullOrUndefined(precision)) {
       value = +value.toFixed(precision);
     }
+
     var valueString = formatter.format(value);
     return {
       valueString: valueString,
       value: value
     };
   }
+
   return {
     showValue: showValue,
     fixValue: fixValue,
@@ -62,13 +74,16 @@ export function useValue(getStep, formatter) {
 /**
  * return max min or multiple by step
  */
+
 export function minMaxStep(value, min, max, step) {
   if (value >= max) return max;
   if (value <= min) return min;
+
   if (step) {
-    value = Number((Math.round((value - min) / step) * step + min).toFixed(10));
-    // value = Number((Math.round(value / step) * step).toFixed(10))
+    value = Number((Math.round((value - min) / step) * step + min).toFixed(10)); // value = Number((Math.round(value / step) * step).toFixed(10))
+
     return minMaxStep(value, min, max, null);
   }
+
   return value;
 }

package/components/split/index.js

@@ -11,6 +11,7 @@ var typeDefs = {
   min: [String, Number],
   max: [String, Number]
 };
+
 var defaults = function defaults() {
   return {
     mode: 'horizontal',
@@ -20,6 +21,7 @@ var defaults = function defaults() {
     max: '100%-6'
   };
 };
+
 var events = {
   moveStart: true,
   moving: true,
@@ -27,17 +29,22 @@ var events = {
 };
 export var Split = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Split, _Component);
+
   function Split() {
     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.size = useSize();
     _this.drag = useDraggable(_this.size.firstSize, _this.size.lastSize);
     return _this;
   }
+
   return Split;
 }(Component);
 Split.template = template;