amis 1.7.0 → 1.8.0-beta.13

package/lib/components/PullRefresh.js

@@ -0,0 +1,135 @@
+"use strict";
+/**
+ * @file PullRefresh.tsx
+ * @description 下拉刷新
+ * @author hongyang03
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var theme_1 = require("../theme");
+var hooks_1 = require("../hooks");
+var use_touch_1 = (0, tslib_1.__importDefault)(require("../hooks/use-touch"));
+var icons_1 = require("./icons");
+var defaultProps = {
+    successDuration: 0,
+    loadingDuration: 0
+};
+var defaultHeaderHeight = 28;
+var PullRefresh = (0, react_1.forwardRef)(function (props, ref) {
+    var cx = props.classnames, __ = props.translate, children = props.children, successDuration = props.successDuration, loadingDuration = props.loadingDuration;
+    var refreshText = {
+        pullingText: __('pullRefresh.pullingText'),
+        loosingText: __('pullRefresh.loosingText'),
+        loadingText: __('pullRefresh.loadingText'),
+        successText: __('pullRefresh.successText')
+    };
+    var touch = (0, use_touch_1.default)();
+    (0, react_1.useEffect)(function () {
+        if (props.loading === false) {
+            loadSuccess();
+        }
+    }, [props.loading]);
+    var _a = (0, hooks_1.useSetState)({
+        status: 'normal',
+        offsetY: 0
+    }), state = _a[0], updateState = _a[1];
+    var isTouchable = function () {
+        return (!props.disabled &&
+            state.status !== 'loading' &&
+            state.status !== 'success');
+    };
+    var ease = function (distance) {
+        var pullDistance = defaultHeaderHeight;
+        if (distance > pullDistance) {
+            if (distance < pullDistance * 2) {
+                distance = pullDistance + (distance - pullDistance) / 2;
+            }
+            else {
+                distance = pullDistance * 1.5 + (distance - pullDistance * 2) / 4;
+            }
+        }
+        return Math.round(distance);
+    };
+    var setStatus = function (distance, isLoading) {
+        var pullDistance = defaultHeaderHeight;
+        var status = 'normal';
+        if (isLoading) {
+            status = 'loading';
+        }
+        else if (distance === 0) {
+            status = 'normal';
+        }
+        else if (distance < pullDistance) {
+            status = 'pulling';
+        }
+        else {
+            status = 'loosing';
+        }
+        updateState({ offsetY: distance, status: status });
+    };
+    var loadSuccess = function () {
+        if (!successDuration) {
+            setStatus(0);
+            return;
+        }
+        updateState({ status: 'success' });
+        setTimeout(function () {
+            setStatus(0);
+        }, successDuration);
+    };
+    var onTouchStart = function (event) {
+        event.stopPropagation();
+        if (isTouchable() && state.offsetY === 0) {
+            touch.start(event);
+            updateState({});
+        }
+    };
+    var onTouchMove = function (event) {
+        event.stopPropagation();
+        if (isTouchable()) {
+            touch.move(event);
+            updateState({});
+            if (touch.isVertical() && touch.deltaY > 0) {
+                setStatus(ease(touch.deltaY));
+            }
+        }
+        return false;
+    };
+    var onTouchEnd = function (event) {
+        event.stopPropagation();
+        if (isTouchable() && state.offsetY > 0) {
+            if (state.status === 'loosing') {
+                if (loadingDuration) {
+                    setStatus(defaultHeaderHeight, true);
+                }
+                else {
+                    setStatus(0);
+                }
+                props.onRefresh && props.onRefresh();
+            }
+            else {
+                setStatus(0);
+            }
+        }
+    };
+    var transformStyle = {
+        transform: "translate3d(0, ".concat(state.offsetY, "px, 0)"),
+        touchAction: 'none'
+    };
+    var getStatusText = function (status) {
+        if (status === 'normal') {
+            return '';
+        }
+        return props["".concat(status, "Text")] || refreshText["".concat(status, "Text")];
+    };
+    return (react_1.default.createElement("div", { className: cx('PullRefresh'), onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onTouchEnd, onTouchCancel: onTouchEnd },
+        react_1.default.createElement("div", { className: cx('PullRefresh-wrap'), style: transformStyle },
+            react_1.default.createElement("div", { className: cx('PullRefresh-header') },
+                state.status === 'loading' && (react_1.default.createElement(icons_1.Icon, { icon: "loading-outline", className: "icon loading-icon" })),
+                getStatusText(state.status)),
+            children)));
+});
+PullRefresh.defaultProps = defaultProps;
+exports.default = (0, theme_1.themeable)(PullRefresh);
+//# sourceMappingURL=./components/PullRefresh.js.map

package/lib/components/PullRefresh.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "PullRefresh.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/PullRefresh.tsx"
+    ],
+    "names": [],
+    "mappings": "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",
+    "sourcesContent": [
+        "/**\n * @file PullRefresh.tsx\n * @description 下拉刷新\n * @author hongyang03\n */\n\nimport React, {forwardRef, useEffect} from 'react';\nimport {ClassNamesFn, themeable} from '../theme';\nimport {useSetState} from '../hooks';\nimport useTouch from '../hooks/use-touch';\nimport {Icon} from './icons';\nimport {TranslateFn} from '../locale';\n\nexport interface PullRefreshProps {\n  classnames: ClassNamesFn;\n  classPrefix: string;\n  translate: TranslateFn;\n  disabled?: boolean;\n  pullingText?: string;\n  loosingText?: string;\n  loadingText?: string;\n  successText?: string;\n  onRefresh?: () => void;\n  loading?: boolean;\n  successDuration?: number;\n  loadingDuration?: number;\n}\n\ntype statusText = 'normal' | 'pulling' | 'loosing' | 'success' | 'loading';\n\nexport interface PullRefreshState {\n  status: statusText;\n  offsetY: number;\n}\n\nconst defaultProps = {\n  successDuration: 0,\n  loadingDuration: 0\n};\n\nconst defaultHeaderHeight = 28;\n\nconst PullRefresh = forwardRef<{}, PullRefreshProps>((props, ref) => {\n  const {\n    classnames: cx,\n    translate: __,\n    children,\n    successDuration,\n    loadingDuration\n  } = props;\n\n  const refreshText = {\n    pullingText: __('pullRefresh.pullingText'),\n    loosingText: __('pullRefresh.loosingText'),\n    loadingText: __('pullRefresh.loadingText'),\n    successText: __('pullRefresh.successText')\n  };\n\n  const touch = useTouch();\n\n  useEffect(() => {\n    if (props.loading === false) {\n      loadSuccess();\n    }\n  }, [props.loading]);\n\n  const [state, updateState] = useSetState({\n    status: 'normal',\n    offsetY: 0\n  } as PullRefreshState);\n\n  const isTouchable = () => {\n    return (\n      !props.disabled &&\n      state.status !== 'loading' &&\n      state.status !== 'success'\n    );\n  };\n\n  const ease = (distance: number) => {\n    const pullDistance = defaultHeaderHeight;\n\n    if (distance > pullDistance) {\n      if (distance < pullDistance * 2) {\n        distance = pullDistance + (distance - pullDistance) / 2;\n      } else {\n        distance = pullDistance * 1.5 + (distance - pullDistance * 2) / 4;\n      }\n    }\n\n    return Math.round(distance);\n  };\n\n  const setStatus = (distance: number, isLoading?: boolean) => {\n    const pullDistance = defaultHeaderHeight;\n    let status: statusText = 'normal';\n\n    if (isLoading) {\n      status = 'loading';\n    } else if (distance === 0) {\n      status = 'normal';\n    } else if (distance < pullDistance) {\n      status = 'pulling';\n    } else {\n      status = 'loosing';\n    }\n\n    updateState({offsetY: distance, status});\n  };\n\n  const loadSuccess = () => {\n    if (!successDuration) {\n      setStatus(0);\n      return;\n    }\n    updateState({status: 'success'});\n\n    setTimeout(() => {\n      setStatus(0);\n    }, successDuration);\n  };\n\n  const onTouchStart = (event: any) => {\n    event.stopPropagation();\n\n    if (isTouchable() && state.offsetY === 0) {\n      touch.start(event);\n      updateState({});\n    }\n  };\n\n  const onTouchMove = (event: any) => {\n    event.stopPropagation();\n\n    if (isTouchable()) {\n      touch.move(event);\n      updateState({});\n      if (touch.isVertical() && touch.deltaY > 0) {\n        setStatus(ease(touch.deltaY));\n      }\n    }\n    return false;\n  };\n\n  const onTouchEnd = (event: any) => {\n    event.stopPropagation();\n\n    if (isTouchable() && state.offsetY > 0) {\n      if (state.status === 'loosing') {\n        if (loadingDuration) {\n          setStatus(defaultHeaderHeight, true);\n        } else {\n          setStatus(0);\n        }\n        props.onRefresh && props.onRefresh();\n      } else {\n        setStatus(0);\n      }\n    }\n  };\n\n  const transformStyle = {\n    transform: `translate3d(0, ${state.offsetY}px, 0)`,\n    touchAction: 'none'\n  };\n\n  const getStatusText = (status: statusText) => {\n    if (status === 'normal') {\n      return '';\n    }\n    return props[`${status}Text`] || refreshText[`${status}Text`];\n  };\n\n  return (\n    <div\n      className={cx('PullRefresh')}\n      onTouchStart={onTouchStart}\n      onTouchMove={onTouchMove}\n      onTouchEnd={onTouchEnd}\n      onTouchCancel={onTouchEnd}\n    >\n      <div className={cx('PullRefresh-wrap')} style={transformStyle}>\n        <div className={cx('PullRefresh-header')}>\n          {state.status === 'loading' && (\n            <Icon icon=\"loading-outline\" className=\"icon loading-icon\" />\n          )}\n          {getStatusText(state.status)}\n        </div>\n        {children}\n      </div>\n    </div>\n  );\n});\n\nPullRefresh.defaultProps = defaultProps;\n\nexport default themeable(PullRefresh);\n"
+    ]
+}

package/lib/components/Radios.d.ts

@@ -29,7 +29,7 @@ interface RadioProps extends OptionProps {
     btnActiveLevel?: string;
     disabled?: boolean;
     onChange?: Function;
-    columnsCount: number;
+    columnsCount: number | number[];
     itemClassName?: string;
     labelField?: string;
     labelClassName?: string;
@@ -53,7 +53,7 @@ export declare class Radios extends React.Component<RadioProps, any> {
     render(): JSX.Element;
 }
 declare const _default: {
-    new (props: (Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+    new (props: (Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
         type: string;
         optionType: string;
         btnActiveLevel: string;
@@ -62,7 +62,7 @@ declare const _default: {
         joinValues: boolean;
         clearable: boolean;
         columnsCount: number;
-    }, never>> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+    }, never>> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
         type: string;
         optionType: string;
         btnActiveLevel: string;
@@ -74,7 +74,7 @@ declare const _default: {
     }, never>> & import("../theme").ThemeOutterProps>): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -85,7 +85,7 @@ declare const _default: {
             columnsCount: number;
         }, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        readonly props: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -102,7 +102,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -114,7 +114,7 @@ declare const _default: {
         }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -124,7 +124,7 @@ declare const _default: {
             clearable: boolean;
             columnsCount: number;
         }, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -136,7 +136,7 @@ declare const _default: {
         }, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -146,7 +146,7 @@ declare const _default: {
             clearable: boolean;
             columnsCount: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -156,7 +156,7 @@ declare const _default: {
             clearable: boolean;
             columnsCount: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -166,7 +166,7 @@ declare const _default: {
             clearable: boolean;
             columnsCount: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -177,7 +177,7 @@ declare const _default: {
             columnsCount: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+    new (props: Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
         type: string;
         optionType: string;
         btnActiveLevel: string;
@@ -189,7 +189,7 @@ declare const _default: {
     }, never>> & import("../theme").ThemeOutterProps, context: any): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -200,7 +200,7 @@ declare const _default: {
             columnsCount: number;
         }, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        readonly props: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -217,7 +217,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -229,7 +229,7 @@ declare const _default: {
         }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -239,7 +239,7 @@ declare const _default: {
             clearable: boolean;
             columnsCount: number;
         }, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -251,7 +251,7 @@ declare const _default: {
         }, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -261,7 +261,7 @@ declare const _default: {
             clearable: boolean;
             columnsCount: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -271,7 +271,7 @@ declare const _default: {
             clearable: boolean;
             columnsCount: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;
@@ -281,7 +281,7 @@ declare const _default: {
             clearable: boolean;
             columnsCount: number;
         }, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "columnsCount" | "optionType">> & Partial<Pick<{
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "style" | "value" | "disabled" | "multiple" | "level" | "id" | "onEdit" | "onAdd" | "onDelete" | "loading" | "delimiter" | "valueField" | "labelField" | "extractValue" | "options" | "placeholder" | "onChange" | "itemClassName" | "removable" | "labelClassName" | "creatable" | "editable" | "pathSeparator" | "simpleValue" | "multi"> & Partial<Pick<Omit<RadioProps, keyof import("../theme").ThemeProps>, "type" | "joinValues" | "resetValue" | "inline" | "btnActiveLevel" | "clearable" | "optionType" | "columnsCount">> & Partial<Pick<{
             type: string;
             optionType: string;
             btnActiveLevel: string;

package/lib/components/Radios.js

@@ -22,8 +22,8 @@ var uncontrollable_1 = require("uncontrollable");
 var Checkbox_1 = (0, tslib_1.__importDefault)(require("./Checkbox"));
 var Button_1 = (0, tslib_1.__importDefault)(require("./Button"));
 var Select_1 = require("./Select");
-var chunk_1 = (0, tslib_1.__importDefault)(require("lodash/chunk"));
 var theme_1 = require("../theme");
+var columnsSplit_1 = require("../utils/columnsSplit");
 var Radios = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(Radios, _super);
     function Radios() {
@@ -86,10 +86,8 @@ var Radios = /** @class */ (function (_super) {
                 return _this.renderItem(option, key, valueArray);
             });
         }
-        if (!inline && columnsCount > 1) {
-            var weight = 12 / columnsCount;
-            var cellClassName_1 = "Grid-col--sm".concat(weight === Math.round(weight) ? weight : '');
-            body = (0, chunk_1.default)(body, columnsCount).map(function (group, groupIndex) { return (react_1.default.createElement("div", { className: cx('Grid'), key: groupIndex }, Array.from({ length: columnsCount }).map(function (_, index) { return (react_1.default.createElement("div", { key: index, className: cx(cellClassName_1) }, group[index])); }))); });
+        if (!inline) {
+            body = (0, columnsSplit_1.columnsSplit)(body, cx, columnsCount);
         }
         return (react_1.default.createElement("div", { className: className }, body && body.length ? body : placeholder));
     };

package/lib/components/Radios.js.map

@@ -6,8 +6,8 @@
         "/src/components/Radios.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file Radios\n * @description\n * @author fex\n *\n * @param 参数说明：\n * options: [\n *   {\n *      label: '显示的名字',\n *      value: '值',\n *      disabled: false\n *   }\n * ]\n *\n */\n\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\nimport Checkbox from './Checkbox';\nimport Button from './Button';\nimport {value2array, OptionProps, Option} from './Select';\nimport chunk from 'lodash/chunk';\nimport {ClassNamesFn, themeable} from '../theme';\n\ninterface RadioProps extends OptionProps {\n  id?: string;\n  type: string;\n  optionType?: string,\n  value?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  inline?: boolean;\n  level?: string; // 'link' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'light' | 'dark' | 'default';\n  btnActiveLevel?: string;\n  disabled?: boolean;\n  onChange?: Function;\n  columnsCount: number;\n  itemClassName?: string;\n  labelField?: string;\n  labelClassName?: string;\n  classPrefix: string;\n  classnames: ClassNamesFn;\n}\n\nexport class Radios extends React.Component<RadioProps, any> {\n  static defaultProps = {\n    type: 'radio',\n    optionType: 'default',\n    btnActiveLevel: 'primary',\n    resetValue: '',\n    inline: true,\n    joinValues: true,\n    clearable: false,\n    columnsCount: 1 // 一行显示一个\n  };\n\n  toggleOption(option: Option) {\n    const {value, onChange, valueField, clearable, delimiter, options} =\n      this.props;\n\n    let valueArray = value2array(value, {\n      multiple: false,\n      delimiter,\n      valueField,\n      options\n    });\n    const idx = valueArray.indexOf(option);\n\n    if (~idx) {\n      clearable && valueArray.splice(idx, 1);\n    } else {\n      valueArray = [option];\n    }\n\n    let newValue = valueArray[0];\n\n    onChange && onChange(newValue);\n  }\n\n  renderGroup(option: Option, index: number, valueArray: Array<Option>) {\n    const {classnames: cx, optionType, classPrefix: ns,} = this.props;\n\n    return (\n      <div key={index} className={cx('RadiosControl-group', option.className)}>\n        <label\n          className={cx('RadiosControl-groupLabel', option.labelClassName)}\n        >\n          {option.label}\n        </label>\n\n        {option.children && option.children.length\n          ? option.children.map((option, index) =>\n              this.renderItem(option, index, valueArray)\n            )\n          : null}\n      </div>\n    );\n  }\n\n  renderItem(option: Option, index: number, valueArray: Array<Option>) {\n    if (option.children) {\n      return this.renderGroup(option, index, valueArray);\n    }\n\n    const {\n      disabled,\n      inline,\n      itemClassName,\n      classnames: cx,\n      labelClassName,\n      labelField,\n      optionType,\n      level,\n      btnActiveLevel,\n      classPrefix: ns\n    } = this.props;\n\n    if (optionType === 'button') {\n      const active = !!~valueArray.indexOf(option);\n      return (\n        <Button\n          key={index}\n          active={active}\n          onClick={() => this.toggleOption(option)}\n          className={cx(itemClassName, option.className)}\n          disabled={disabled || option.disabled}\n          level={(active ? btnActiveLevel : '') || level}\n        >\n          <span>{`${option[labelField || 'label']}`}</span>\n        </Button>\n      );\n    }\n\n    return (\n      <Checkbox\n        type=\"radio\"\n        key={index}\n        onChange={() => this.toggleOption(option)}\n        checked={!!~valueArray.indexOf(option)}\n        className={cx(itemClassName, option.className)}\n        disabled={disabled || option.disabled}\n        description={option.description}\n        inline={inline}\n        labelClassName={labelClassName}\n      >\n        {`${option[labelField || 'label']}`}\n      </Checkbox>\n    );\n  }\n\n  render() {\n    const {\n      value,\n      options,\n      className,\n      classnames: cx,\n      placeholder,\n      columnsCount,\n      joinValues,\n      extractValue,\n      disabled,\n      inline,\n      delimiter,\n      valueField\n    } = this.props;\n\n    let valueArray = value2array(value, {\n      multiple: false,\n      delimiter,\n      valueField,\n      options\n    });\n    let body: Array<React.ReactNode> = [];\n\n    if (options) {\n      body = options.map((option, key) =>\n        this.renderItem(option, key, valueArray)\n      );\n    }\n\n    if (!inline && columnsCount > 1) {\n      let weight = 12 / (columnsCount as number);\n      let cellClassName = `Grid-col--sm${\n        weight === Math.round(weight) ? weight : ''\n      }`;\n      body = chunk(body, columnsCount).map((group, groupIndex) => (\n        <div className={cx('Grid')} key={groupIndex}>\n          {Array.from({length: columnsCount as number}).map((_, index) => (\n            <div key={index} className={cx(cellClassName)}>\n              {group[index]}\n            </div>\n          ))}\n        </div>\n      ));\n    }\n\n    return (\n      <div className={className}>\n        {body && body.length ? body : placeholder}\n      </div>\n    );\n  }\n}\n\nexport default themeable(\n  uncontrollable(Radios, {\n    value: 'onChange'\n  })\n);\n"
+        "/**\n * @file Radios\n * @description\n * @author fex\n *\n * @param 参数说明：\n * options: [\n *   {\n *      label: '显示的名字',\n *      value: '值',\n *      disabled: false\n *   }\n * ]\n *\n */\n\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\nimport Checkbox from './Checkbox';\nimport Button from './Button';\nimport {value2array, OptionProps, Option} from './Select';\nimport chunk from 'lodash/chunk';\nimport {ClassNamesFn, themeable} from '../theme';\nimport {columnsSplit} from '../utils/columnsSplit';\n\ninterface RadioProps extends OptionProps {\n  id?: string;\n  type: string;\n  optionType?: string;\n  value?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  inline?: boolean;\n  level?: string; // 'link' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'light' | 'dark' | 'default';\n  btnActiveLevel?: string;\n  disabled?: boolean;\n  onChange?: Function;\n  columnsCount: number | number[];\n  itemClassName?: string;\n  labelField?: string;\n  labelClassName?: string;\n  classPrefix: string;\n  classnames: ClassNamesFn;\n}\n\nexport class Radios extends React.Component<RadioProps, any> {\n  static defaultProps = {\n    type: 'radio',\n    optionType: 'default',\n    btnActiveLevel: 'primary',\n    resetValue: '',\n    inline: true,\n    joinValues: true,\n    clearable: false,\n    columnsCount: 1 // 一行显示一个\n  };\n\n  toggleOption(option: Option) {\n    const {value, onChange, valueField, clearable, delimiter, options} =\n      this.props;\n\n    let valueArray = value2array(value, {\n      multiple: false,\n      delimiter,\n      valueField,\n      options\n    });\n    const idx = valueArray.indexOf(option);\n\n    if (~idx) {\n      clearable && valueArray.splice(idx, 1);\n    } else {\n      valueArray = [option];\n    }\n\n    let newValue = valueArray[0];\n\n    onChange && onChange(newValue);\n  }\n\n  renderGroup(option: Option, index: number, valueArray: Array<Option>) {\n    const {classnames: cx, optionType, classPrefix: ns} = this.props;\n\n    return (\n      <div key={index} className={cx('RadiosControl-group', option.className)}>\n        <label\n          className={cx('RadiosControl-groupLabel', option.labelClassName)}\n        >\n          {option.label}\n        </label>\n\n        {option.children && option.children.length\n          ? option.children.map((option, index) =>\n              this.renderItem(option, index, valueArray)\n            )\n          : null}\n      </div>\n    );\n  }\n\n  renderItem(option: Option, index: number, valueArray: Array<Option>) {\n    if (option.children) {\n      return this.renderGroup(option, index, valueArray);\n    }\n\n    const {\n      disabled,\n      inline,\n      itemClassName,\n      classnames: cx,\n      labelClassName,\n      labelField,\n      optionType,\n      level,\n      btnActiveLevel,\n      classPrefix: ns\n    } = this.props;\n\n    if (optionType === 'button') {\n      const active = !!~valueArray.indexOf(option);\n      return (\n        <Button\n          key={index}\n          active={active}\n          onClick={() => this.toggleOption(option)}\n          className={cx(itemClassName, option.className)}\n          disabled={disabled || option.disabled}\n          level={(active ? btnActiveLevel : '') || level}\n        >\n          <span>{`${option[labelField || 'label']}`}</span>\n        </Button>\n      );\n    }\n\n    return (\n      <Checkbox\n        type=\"radio\"\n        key={index}\n        onChange={() => this.toggleOption(option)}\n        checked={!!~valueArray.indexOf(option)}\n        className={cx(itemClassName, option.className)}\n        disabled={disabled || option.disabled}\n        description={option.description}\n        inline={inline}\n        labelClassName={labelClassName}\n      >\n        {`${option[labelField || 'label']}`}\n      </Checkbox>\n    );\n  }\n\n  render() {\n    const {\n      value,\n      options,\n      className,\n      classnames: cx,\n      placeholder,\n      columnsCount,\n      joinValues,\n      extractValue,\n      disabled,\n      inline,\n      delimiter,\n      valueField\n    } = this.props;\n\n    let valueArray = value2array(value, {\n      multiple: false,\n      delimiter,\n      valueField,\n      options\n    });\n    let body: Array<React.ReactNode> = [];\n\n    if (options) {\n      body = options.map((option, key) =>\n        this.renderItem(option, key, valueArray)\n      );\n    }\n\n    if (!inline) {\n      body = columnsSplit(body, cx, columnsCount);\n    }\n\n    return (\n      <div className={className}>\n        {body && body.length ? body : placeholder}\n      </div>\n    );\n  }\n}\n\nexport default themeable(\n  uncontrollable(Radios, {\n    value: 'onChange'\n  })\n);\n"
     ]
 }

package/lib/components/Range.d.ts

@@ -5,8 +5,8 @@
  */
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
-import { ThemeProps } from '../theme';
-import { MultipleValue, FormatValue, RangeItemProps } from '../renderers/Form/InputRange';
+import type { ThemeProps } from '../theme';
+import type { MultipleValue, FormatValue, RangeItemProps } from '../renderers/Form/InputRange';
 export declare class Range extends React.Component<RangeItemProps, any> {
     multipleValue: MultipleValue;
     trackRef: React.RefObject<HTMLDivElement>;

package/lib/components/Range.js

@@ -16,7 +16,6 @@ var uncontrollable_1 = require("uncontrollable");
 var Overlay_1 = (0, tslib_1.__importDefault)(require("./Overlay"));
 var theme_1 = require("../theme");
 var helper_1 = require("../utils/helper");
-var InputRange_1 = require("../renderers/Form/InputRange");
 var tpl_builtin_1 = require("../utils/tpl-builtin");
 var react_dom_1 = require("react-dom");
 var icons_1 = require("./icons");
@@ -28,7 +27,7 @@ var icons_1 = require("./icons");
  * @returns position.left
  */
 var valueToOffsetLeft = function (value, min, max) {
-    return (value * 100) / (max - min) + '%';
+    return ((value - min) * 100) / (max - min) + '%';
 };
 /**
  * 滑块handle
@@ -217,7 +216,7 @@ var Range = /** @class */ (function (_super) {
     Range.prototype.pageXToValue = function (pageX) {
         var _a = this.getBoundingClient(this.trackRef.current), x = _a.x, width = _a.width;
         var _b = this.props, max = _b.max, min = _b.min;
-        return ((pageX - x) * (max - min)) / width;
+        return ((pageX - x) * (max - min)) / width + min;
     };
     /**
      * 滑块改变事件
@@ -280,9 +279,23 @@ var Range = /** @class */ (function (_super) {
      * @returns ReactNode
      */
     Range.prototype.renderSteps = function () {
-        var _a = this.props, max = _a.max, min = _a.min, step = _a.step, showSteps = _a.showSteps, cx = _a.classnames;
-        var steps = Math.floor((max - min) / step);
-        return (showSteps && (react_1.default.createElement("div", null, (0, range_1.default)(steps - 1).map(function (item) { return (react_1.default.createElement("span", { key: item, className: cx('InputRange-track-dot'), style: { left: ((item + 1) * 100) / steps + '%' } })); }))));
+        var _a = this.props, max = _a.max, min = _a.min, step = _a.step, showSteps = _a.showSteps, cx = _a.classnames, parts = _a.parts;
+        var isShowSteps = showSteps;
+        // 只要设置了 parts 就展示分隔
+        if (parts > 1 || Array.isArray(parts)) {
+            isShowSteps = true;
+        }
+        // 总区间
+        var section = max - min;
+        // 总区间被平均分为多少块
+        var steps = parts > 1 ? parts : Math.floor(section / step);
+        // 平均分 每块的长度
+        var partLength = section / steps;
+        // parts为数组时，以0为起点(传入的值 - min)
+        var partLengthList = Array.isArray(parts)
+            ? parts.map(function (item) { return item - min; })
+            : (0, range_1.default)(steps - 1).map(function (item) { return (item + 1) * partLength; });
+        return (isShowSteps && (react_1.default.createElement("div", null, partLengthList.map(function (item) { return (react_1.default.createElement("span", { key: item, className: cx('InputRange-track-dot'), style: { left: (item * 100) / (max - min) + '%' } })); }))));
     };
     /**
      * 双滑块改变最大值、最小值
@@ -318,9 +331,9 @@ var Range = /** @class */ (function (_super) {
         // trace
         var traceActiveStyle = {
             width: valueToOffsetLeft(multiple
-                ? value.max - value.min
+                ? value.max - value.min + min
                 : value, min, max),
-            left: valueToOffsetLeft(multiple ? value.min : 0, min, max)
+            left: valueToOffsetLeft(multiple ? value.min : min, min, max)
         };
         // handle 双滑块
         var diff = (0, difference_1.default)(Object.values(value), Object.values(this.multipleValue));
@@ -341,17 +354,17 @@ var Range = /** @class */ (function (_super) {
                         react_1.default.createElement("span", { style: (_a = marks[key]) === null || _a === void 0 ? void 0 : _a.style }, ((_b = marks[key]) === null || _b === void 0 ? void 0 : _b.label) || marks[key])));
                 }))))));
     };
-    var _b, _c;
+    var _b;
     (0, tslib_1.__decorate)([
         helper_1.autobind,
         (0, tslib_1.__metadata)("design:type", Function),
-        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_b = typeof InputRange_1.FormatValue !== "undefined" && InputRange_1.FormatValue) === "function" ? _b : Object]),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object]),
         (0, tslib_1.__metadata)("design:returntype", void 0)
     ], Range.prototype, "updateValue", null);
     (0, tslib_1.__decorate)([
         helper_1.autobind,
         (0, tslib_1.__metadata)("design:type", Function),
-        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_c = typeof Element !== "undefined" && Element) === "function" ? _c : Object]),
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_b = typeof Element !== "undefined" && Element) === "function" ? _b : Object]),
         (0, tslib_1.__metadata)("design:returntype", void 0)
     ], Range.prototype, "getBoundingClient", null);
     (0, tslib_1.__decorate)([