@king-design/react 2.1.3 → 2.1.4

package/components/spinner/index.vdt.js

@@ -19,28 +19,25 @@ 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,7 +46,6 @@ 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 {
@@ -54,11 +53,9 @@ 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,47 +3,35 @@ 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,45 +1,35 @@
 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 './';
-declare type Direction = 'increase' | 'decrease';
-export declare type NormalizedGetStep = (value: number, direction?: Direction) => [number, number];
+type Direction = 'increase' | 'decrease';
+export 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 | undefined) => [number, number];
+export declare function useStep<T extends StepComponent>(defaultStep: number): (value: number, direction?: Direction) => [number, number];
 export {};

package/components/spinner/useStep.js

@@ -5,22 +5,17 @@ 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 {
@@ -32,18 +27,14 @@ 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 === '$') {
@@ -52,7 +43,6 @@ function parseStep(step, defaultValue) {
             value: Number.POSITIVE_INFINITY
           };
         }
-
         return {
           key: i,
           value: Number(i)
@@ -60,36 +50,28 @@ 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,69 +2,57 @@ 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,
@@ -74,16 +62,13 @@ 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,7 +11,6 @@ var typeDefs = {
   min: [String, Number],
   max: [String, Number]
 };
-
 var defaults = function defaults() {
   return {
     mode: 'horizontal',
@@ -21,7 +20,6 @@ var defaults = function defaults() {
     max: '100%-6'
   };
 };
-
 var events = {
   moveStart: true,
   moving: true,
@@ -29,22 +27,17 @@ 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;