@king-design/react 3.1.4-beta.2 → 3.1.5

package/components/spinner/index.vdt.js

@@ -7,29 +7,26 @@ import { getRestProps } from '../utils';
 import { makeStyles } from './styles';
 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 k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-spinner"] = true, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-" + size] = size !== 'default', _classNameObj[className] = className, _classNameObj[k + "-vertical"] = vertical, _classNameObj[makeStyles(k)] = true, _classNameObj);
   var _this$change = this.change,
-      decrease = _this$change.decrease,
-      increase = _this$change.increase,
-      onChangeValue = _this$change.onChangeValue,
-      onFocusin = _this$change.onFocusin;
+    decrease = _this$change.decrease,
+    increase = _this$change.increase,
+    onChangeValue = _this$change.onChangeValue,
+    onFocusin = _this$change.onFocusin;
   var _this$value = this.value,
-      showValue = _this$value.showValue,
-      onInput = _this$value.onInput;
+    showValue = _this$value.showValue,
+    onInput = _this$value.onInput;
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this)), [_$cc(Button, {

package/components/spinner/styles.js

@@ -8,31 +8,24 @@ var defaults = {
   get borderRadius() {
     return theme.borderRadius;
   },
-
   get border() {
     return "1px solid " + theme.color.border;
   },
-
   get hoverBorderColor() {
     return theme.color.primary;
   },
-
   get hoverBtnBg() {
     return theme.color.bg;
   },
-
   get disabledBorderColor() {
     return theme.color.disabledBorder;
   },
-
   get disabledBg() {
     return theme.color.disabledBg;
   },
-
   get disabledColor() {
     return theme.color.disabled;
   },
-
   default: {
     inputWidth: '46px',
     iconFontSize: '16px'
@@ -69,14 +62,13 @@ setDefault(function () {
   spinner = deepDefaults(theme, {
     spinner: defaults
   }).spinner;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("display:inline-block;vertical-align:middle;border:", spinner.border, ";border-radius:", spinner.borderRadius, ";&:hover{border-color:", spinner.hoverBorderColor, ";.", k, "-spinner-btn{background:", spinner.hoverBtnBg, ";}.", k, "-left{border-radius:", spinner.borderRadius, " 0 0 ", spinner.borderRadius, ";}.", k, "-right{border-radius:0 ", spinner.borderRadius, " ", spinner.borderRadius, " 0;}}.", k, "-spinner-input{width:", spinner.default.inputWidth, ";.", k, "-input-wrapper{border:none;border-radius:0;&:hover{border:none;}}&.", k, "-focus .", k, "-input-wrapper{border:none;}.", k, "-input-inner{text-align:center;}}.", k, "-spinner-icon{font-size:", spinner.default.iconFontSize, ";}&.", k, "-vertical{position:relative;font-size:0;", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var generate = function generate() {
       return /*#__PURE__*/css(".", k, "-spinner-input{padding-right:", theme[size].height, ";width:", spinner.vertical[size].width, ";}");
     };
-
     if (size === 'default') {
       return generate();
     } else {
@@ -84,11 +76,9 @@ export var makeStyles = cache(function makeStyles(k) {
     }
   }), ";.", k, "-spinner-btn{position:absolute;right:0;margin:0;height:calc(50% - 2px);line-height:50%;}.", k, "-spinner-icon{font-size:inherit!important;}.", k, "-spinner-btn.", k, "-left{bottom:1px;border-radius:0 0 ", spinner.borderRadius, " 0;}.", k, "-spinner-btn.", k, "-right{top:1px;border-radius:0 ", spinner.borderRadius, " 0 0;}.", k, "-spinner-input{.", k, "-input-wrapper{border-radius:", spinner.borderRadius, " 0 0 ", spinner.borderRadius, ";}}}&.", k, "-disabled{border-color:", spinner.disabledBorderColor, ";background:", spinner.disabledBg, ";}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var styles = spinner[size];
-
     var generate = function generate() {
       return /*#__PURE__*/css(".", k, "-spinner-icon{font-size:", styles.iconFontSize, ";}.", k, "-spinner-input{width:", styles.inputWidth, ";}");
     };
-
     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 onChangeValue(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

@@ -3,82 +3,67 @@ import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim"
 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
     };
-  } // we need change value as long as the input is valid, #213
-
-
+  }
+  // we need change value as long as the input is valid, #213
   function onInput(e) {
     var val = e.target.value;
-
     var _getFixedValue2 = getFixedValue(_trimInstanceProperty(val).call(val), instance.get('value')),
-        value = _getFixedValue2.value;
-
+      value = _getFixedValue2.value;
     showValue.set(val);
     instance.set({
       value: value
     });
   }
-
   return {
     showValue: showValue,
     fixValue: fixValue,
@@ -89,16 +74,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

@@ -12,7 +12,6 @@ var typeDefs = {
   min: [String, Number],
   max: [String, Number]
 };
-
 var defaults = function defaults() {
   return {
     mode: 'horizontal',
@@ -22,7 +21,6 @@ var defaults = function defaults() {
     max: '100%-6'
   };
 };
-
 var events = {
   moveStart: true,
   moving: true,
@@ -30,23 +28,18 @@ 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);
     _this.config = useConfigContext();
     return _this;
   }
-
   return Split;
 }(Component);
 Split.template = template;