amis-ui 6.13.0-beta.8 → 6.13.0

package/esm/components/PullRefresh.js

@@ -0,0 +1,172 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+import { __read, __assign } from 'tslib';
+import React__default, { forwardRef, useEffect } from 'react';
+import { themeable } from 'amis-core';
+import useSetState from '../hooks/use-set-state.js';
+import useTouch from '../hooks/use-touch.js';
+import 'lodash/pick';
+import useOnScreen from '../hooks/use-on-screen.js';
+import { Spinner } from './Spinner.js';
+
+/**
+ * @file PullRefresh.tsx
+ * @description 下拉刷新
+ * @author hongyang03
+ */
+var defaultProps = {
+    successDuration: 0,
+    loadingDuration: 0,
+    direction: 'down',
+    showIcon: true,
+    showText: true,
+    iconType: 'loading-outline'
+};
+var defaultHeaderHeight = 28;
+var PullRefresh = forwardRef(function (props, ref) {
+    var _a, _b, _c, _d, _e, _f;
+    var cx = props.classnames, __ = props.translate, children = props.children, successDuration = props.successDuration, loadingDuration = props.loadingDuration, direction = props.direction, completed = props.completed, showIcon = props.showIcon, showText = props.showText, iconType = props.iconType, color = props.color, contentText = props.contentText;
+    var refreshText = {
+        normalText: (_a = contentText === null || contentText === void 0 ? void 0 : contentText.normalText) !== null && _a !== void 0 ? _a : __('pullRefresh.normalText'),
+        pullingText: (_b = contentText === null || contentText === void 0 ? void 0 : contentText.pullingText) !== null && _b !== void 0 ? _b : __('pullRefresh.pullingText'),
+        loosingText: (_c = contentText === null || contentText === void 0 ? void 0 : contentText.loosingText) !== null && _c !== void 0 ? _c : __('pullRefresh.loosingText'),
+        loadingText: (_d = contentText === null || contentText === void 0 ? void 0 : contentText.loadingText) !== null && _d !== void 0 ? _d : __('pullRefresh.loadingText'),
+        successText: (_e = contentText === null || contentText === void 0 ? void 0 : contentText.successText) !== null && _e !== void 0 ? _e : __('pullRefresh.successText'),
+        completedText: (_f = contentText === null || contentText === void 0 ? void 0 : contentText.completedText) !== null && _f !== void 0 ? _f : __('pullRefresh.completedText')
+    };
+    var touch = useTouch();
+    var loadingRef = React__default.useRef(null);
+    // 当占位文字在屏幕内时，需要刷新
+    var needRefresh = useOnScreen(loadingRef);
+    useEffect(function () {
+        if (props.loading === false) {
+            loadSuccess();
+        }
+    }, [props.loading]);
+    var _g = __read(useSetState({
+        status: 'normal',
+        offsetY: 0
+    }), 2), state = _g[0], updateState = _g[1];
+    var isTouchable = function () {
+        return (!completed &&
+            needRefresh &&
+            !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 (Math.abs(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()) {
+                if (direction === 'down' && touch.deltaY > 0) {
+                    setStatus(ease(touch.deltaY));
+                }
+                else if (direction === 'up' && touch.deltaY < 0) {
+                    setStatus(-1 * ease(-1 * 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 = __assign({ transform: "translate3d(0, ".concat(state.offsetY, "px, 0)") }, (direction === 'down'
+        ? {
+            touchAction: 'none'
+        }
+        : {}));
+    var getStatusText = function (status) {
+        if (props.loading) {
+            return refreshText.loadingText;
+        }
+        if (completed) {
+            return refreshText.completedText;
+        }
+        return refreshText["".concat(status, "Text")];
+    };
+    var loadingDom = function (className) {
+        return (React__default.createElement("div", { className: className, ref: loadingRef, style: color
+                ? {
+                    '--Spinner-color': color,
+                    'color': color
+                }
+                : undefined },
+            showIcon && props.loading && (React__default.createElement(Spinner, { show: true, icon: iconType, size: "sm", className: "PullRefresh-spinner", classnames: cx, classPrefix: props.classPrefix })),
+            showText && getStatusText(state.status)));
+    };
+    return (React__default.createElement("div", { className: cx('PullRefresh'), onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onTouchEnd, onTouchCancel: onTouchEnd },
+        React__default.createElement("div", { className: cx('PullRefresh-wrap'), style: transformStyle },
+            direction === 'down' ? loadingDom(cx('PullRefresh-header')) : null,
+            children,
+            direction === 'up' ? loadingDom(cx('PullRefresh-footer')) : null)));
+});
+PullRefresh.defaultProps = defaultProps;
+var PullRefresh$1 = themeable(PullRefresh);
+
+export { PullRefresh$1 as default };

package/esm/components/Radios.d.ts

@@ -0,0 +1,170 @@
+/**
+ * @file Radios
+ * @description
+ * @author fex
+ *
+ * @param 参数说明：
+ * options: [
+ *   {
+ *      label: '显示的名字',
+ *      value: '值',
+ *      disabled: false
+ *   }
+ * ]
+ *
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { OptionProps, Option } from './Select';
+import { ClassNamesFn } from 'amis-core';
+import { TestIdBuilder } from 'amis-core';
+interface RadioProps extends OptionProps {
+    id?: string;
+    type: string;
+    optionType?: 'default' | 'button';
+    value?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    inline?: boolean;
+    level?: string;
+    btnActiveLevel?: string;
+    disabled?: boolean;
+    onChange?: Function;
+    columnsCount: number | number[];
+    itemClassName?: string;
+    labelField?: string;
+    labelClassName?: string;
+    classPrefix: string;
+    classnames: ClassNamesFn;
+    renderLabel?: (item: Option, props: RadioProps) => JSX.Element;
+    testIdBuilder?: TestIdBuilder;
+}
+export declare class Radios extends React.Component<RadioProps, any> {
+    static defaultProps: {
+        type: string;
+        btnActiveLevel: string;
+        resetValue: string;
+        inline: boolean;
+        joinValues: boolean;
+        clearable: boolean;
+        columnsCount: number;
+    };
+    toggleOption(option: Option): void;
+    renderGroup(option: Option, index: number, valueArray: Array<Option>): React.JSX.Element;
+    renderItem(option: Option, index: number, valueArray: Array<Option>): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+declare const _default: {
+    new (props: Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "onChange" | "creatable" | "multiple" | "valueField" | "labelField" | "options" | "value" | "placeholder" | "disabled" | "simpleValue" | "multi" | "loading" | "extractValue" | "delimiter" | "pathSeparator" | "itemHeight" | "virtualThreshold" | "hasError" | "block" | "controlStyle" | "onAdd" | "editable" | "onEdit" | "removable" | "onDelete" | "testIdBuilder" | "id" | "level" | "itemClassName" | "labelClassName" | "optionType" | "renderLabel"> & {
+        type?: string | undefined;
+        clearable?: boolean | undefined;
+        inline?: boolean | undefined;
+        joinValues?: boolean | undefined;
+        resetValue?: any;
+        btnActiveLevel?: string | undefined;
+        columnsCount?: number | number[] | undefined;
+    } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "onChange" | "creatable" | "multiple" | "valueField" | "labelField" | "options" | "value" | "placeholder" | "disabled" | "simpleValue" | "multi" | "loading" | "extractValue" | "delimiter" | "pathSeparator" | "itemHeight" | "virtualThreshold" | "hasError" | "block" | "controlStyle" | "onAdd" | "editable" | "onEdit" | "removable" | "onDelete" | "testIdBuilder" | "id" | "level" | "itemClassName" | "labelClassName" | "optionType" | "renderLabel"> & {
+            type?: string | undefined;
+            clearable?: boolean | undefined;
+            inline?: boolean | undefined;
+            joinValues?: boolean | undefined;
+            resetValue?: any;
+            btnActiveLevel?: string | undefined;
+            columnsCount?: number | number[] | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "onChange" | "creatable" | "multiple" | "valueField" | "labelField" | "options" | "value" | "placeholder" | "disabled" | "simpleValue" | "multi" | "loading" | "extractValue" | "delimiter" | "pathSeparator" | "itemHeight" | "virtualThreshold" | "hasError" | "block" | "controlStyle" | "onAdd" | "editable" | "onEdit" | "removable" | "onDelete" | "testIdBuilder" | "id" | "level" | "itemClassName" | "labelClassName" | "optionType" | "renderLabel"> & {
+            type?: string | undefined;
+            clearable?: boolean | undefined;
+            inline?: boolean | undefined;
+            joinValues?: boolean | undefined;
+            resetValue?: any;
+            btnActiveLevel?: string | undefined;
+            columnsCount?: number | number[] | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "onChange" | "creatable" | "multiple" | "valueField" | "labelField" | "options" | "value" | "placeholder" | "disabled" | "simpleValue" | "multi" | "loading" | "extractValue" | "delimiter" | "pathSeparator" | "itemHeight" | "virtualThreshold" | "hasError" | "block" | "controlStyle" | "onAdd" | "editable" | "onEdit" | "removable" | "onDelete" | "testIdBuilder" | "id" | "level" | "itemClassName" | "labelClassName" | "optionType" | "renderLabel"> & {
+            type?: string | undefined;
+            clearable?: boolean | undefined;
+            inline?: boolean | undefined;
+            joinValues?: boolean | undefined;
+            resetValue?: any;
+            btnActiveLevel?: string | undefined;
+            columnsCount?: number | number[] | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "onChange" | "creatable" | "multiple" | "valueField" | "labelField" | "options" | "value" | "placeholder" | "disabled" | "simpleValue" | "multi" | "loading" | "extractValue" | "delimiter" | "pathSeparator" | "itemHeight" | "virtualThreshold" | "hasError" | "block" | "controlStyle" | "onAdd" | "editable" | "onEdit" | "removable" | "onDelete" | "testIdBuilder" | "id" | "level" | "itemClassName" | "labelClassName" | "optionType" | "renderLabel"> & {
+            type?: string | undefined;
+            clearable?: boolean | undefined;
+            inline?: boolean | undefined;
+            joinValues?: boolean | undefined;
+            resetValue?: any;
+            btnActiveLevel?: string | undefined;
+            columnsCount?: number | number[] | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "onChange" | "creatable" | "multiple" | "valueField" | "labelField" | "options" | "value" | "placeholder" | "disabled" | "simpleValue" | "multi" | "loading" | "extractValue" | "delimiter" | "pathSeparator" | "itemHeight" | "virtualThreshold" | "hasError" | "block" | "controlStyle" | "onAdd" | "editable" | "onEdit" | "removable" | "onDelete" | "testIdBuilder" | "id" | "level" | "itemClassName" | "labelClassName" | "optionType" | "renderLabel"> & {
+            type?: string | undefined;
+            clearable?: boolean | undefined;
+            inline?: boolean | undefined;
+            joinValues?: boolean | undefined;
+            resetValue?: any;
+            btnActiveLevel?: string | undefined;
+            columnsCount?: number | number[] | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "onChange" | "creatable" | "multiple" | "valueField" | "labelField" | "options" | "value" | "placeholder" | "disabled" | "simpleValue" | "multi" | "loading" | "extractValue" | "delimiter" | "pathSeparator" | "itemHeight" | "virtualThreshold" | "hasError" | "block" | "controlStyle" | "onAdd" | "editable" | "onEdit" | "removable" | "onDelete" | "testIdBuilder" | "id" | "level" | "itemClassName" | "labelClassName" | "optionType" | "renderLabel"> & {
+            type?: string | undefined;
+            clearable?: boolean | undefined;
+            inline?: boolean | undefined;
+            joinValues?: boolean | undefined;
+            resetValue?: any;
+            btnActiveLevel?: string | undefined;
+            columnsCount?: number | number[] | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "onChange" | "creatable" | "multiple" | "valueField" | "labelField" | "options" | "value" | "placeholder" | "disabled" | "simpleValue" | "multi" | "loading" | "extractValue" | "delimiter" | "pathSeparator" | "itemHeight" | "virtualThreshold" | "hasError" | "block" | "controlStyle" | "onAdd" | "editable" | "onEdit" | "removable" | "onDelete" | "testIdBuilder" | "id" | "level" | "itemClassName" | "labelClassName" | "optionType" | "renderLabel"> & {
+            type?: string | undefined;
+            clearable?: boolean | undefined;
+            inline?: boolean | undefined;
+            joinValues?: boolean | undefined;
+            resetValue?: any;
+            btnActiveLevel?: string | undefined;
+            columnsCount?: number | number[] | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "onChange" | "creatable" | "multiple" | "valueField" | "labelField" | "options" | "value" | "placeholder" | "disabled" | "simpleValue" | "multi" | "loading" | "extractValue" | "delimiter" | "pathSeparator" | "itemHeight" | "virtualThreshold" | "hasError" | "block" | "controlStyle" | "onAdd" | "editable" | "onEdit" | "removable" | "onDelete" | "testIdBuilder" | "id" | "level" | "itemClassName" | "labelClassName" | "optionType" | "renderLabel"> & {
+            type?: string | undefined;
+            clearable?: boolean | undefined;
+            inline?: boolean | undefined;
+            joinValues?: boolean | undefined;
+            resetValue?: any;
+            btnActiveLevel?: string | undefined;
+            columnsCount?: number | number[] | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "onChange" | "creatable" | "multiple" | "valueField" | "labelField" | "options" | "value" | "placeholder" | "disabled" | "simpleValue" | "multi" | "loading" | "extractValue" | "delimiter" | "pathSeparator" | "itemHeight" | "virtualThreshold" | "hasError" | "block" | "controlStyle" | "onAdd" | "editable" | "onEdit" | "removable" | "onDelete" | "testIdBuilder" | "id" | "level" | "itemClassName" | "labelClassName" | "optionType" | "renderLabel"> & {
+            type?: string | undefined;
+            clearable?: boolean | undefined;
+            inline?: boolean | undefined;
+            joinValues?: boolean | undefined;
+            resetValue?: any;
+            btnActiveLevel?: string | undefined;
+            columnsCount?: number | number[] | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof Radios>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof Radios, {}> & {
+    ComposedComponent: typeof Radios;
+};
+export default _default;

package/esm/components/Radios.js

@@ -0,0 +1,129 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+import { __extends } from 'tslib';
+import React__default from 'react';
+import { columnsSplit, themeable, uncontrollable } from 'amis-core';
+import Checkbox from './Checkbox.js';
+import { value2array } from './Select.js';
+import TooltipWrapper from './TooltipWrapper.js';
+import { Icon } from './icons.js';
+
+/**
+ * @file Radios
+ * @description
+ * @author fex
+ *
+ * @param 参数说明：
+ * options: [
+ *   {
+ *      label: '显示的名字',
+ *      value: '值',
+ *      disabled: false
+ *   }
+ * ]
+ *
+ */
+var defaultLabelRender = function (item, props) { return (React__default.createElement(React__default.Fragment, null, "".concat(item[props.labelField || 'label']))); };
+var Radios = /** @class */ (function (_super) {
+    __extends(Radios, _super);
+    function Radios() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Radios.prototype.toggleOption = function (option) {
+        var _a = this.props, value = _a.value, onChange = _a.onChange, valueField = _a.valueField, clearable = _a.clearable, delimiter = _a.delimiter, options = _a.options;
+        var valueArray = value2array(value, {
+            multiple: false,
+            delimiter: delimiter,
+            valueField: valueField,
+            options: options
+        });
+        var idx = valueArray.indexOf(option);
+        if (~idx) {
+            clearable && valueArray.splice(idx, 1);
+        }
+        else {
+            valueArray = [option];
+        }
+        var newValue = valueArray[0];
+        onChange && onChange(newValue);
+    };
+    Radios.prototype.renderGroup = function (option, index, valueArray) {
+        var _this = this;
+        var _a = this.props, cx = _a.classnames; _a.optionType; _a.classPrefix; var _b = _a.renderLabel, renderLabel = _b === void 0 ? defaultLabelRender : _b;
+        return (React__default.createElement("div", { key: index, className: cx('RadiosControl-group', option.className) },
+            React__default.createElement("label", { className: cx('RadiosControl-groupLabel', option.labelClassName) }, renderLabel(option, this.props)),
+            option.children && option.children.length
+                ? option.children.map(function (option, index) {
+                    return _this.renderItem(option, index, valueArray);
+                })
+                : null));
+    };
+    Radios.prototype.renderItem = function (option, index, valueArray) {
+        var _this = this;
+        var _a;
+        if ((_a = option.children) === null || _a === void 0 ? void 0 : _a.length) {
+            return this.renderGroup(option, index, valueArray);
+        }
+        var _b = this.props, disabled = _b.disabled, inline = _b.inline, itemClassName = _b.itemClassName, cx = _b.classnames, labelClassName = _b.labelClassName; _b.labelField; var optionType = _b.optionType; _b.level; _b.btnActiveLevel; _b.classPrefix; var testIdBuilder = _b.testIdBuilder, _c = _b.renderLabel, renderLabel = _c === void 0 ? defaultLabelRender : _c;
+        var itemTestIdBuilder = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild(option.value || index);
+        // if (optionType === 'button') {
+        //   const active = !!~valueArray.indexOf(option);
+        //   return (
+        //     <Button
+        //       key={index}
+        //       active={active}
+        //       onClick={() => this.toggleOption(option)}
+        //       className={cx(itemClassName, option.className)}
+        //       disabled={disabled || option.disabled}
+        //       level={(active ? btnActiveLevel : '') || level}
+        //     >
+        //       <span>{renderLabel(option, this.props)}</span>
+        //     </Button>
+        //   );
+        // }
+        var finalDisabled = disabled || option.disabled;
+        return (React__default.createElement(Checkbox, { type: "radio", key: index, onChange: function () { return _this.toggleOption(option); }, checked: !!~valueArray.indexOf(option), className: cx(itemClassName, option.className), disabled: finalDisabled, description: option.description, inline: inline, labelClassName: labelClassName, testIdBuilder: itemTestIdBuilder, optionType: optionType },
+            renderLabel(option, this.props),
+            option.disabledTip && finalDisabled ? (React__default.createElement(TooltipWrapper, { placement: "right", tooltip: option.disabledTip, trigger: "hover" },
+                React__default.createElement("a", { className: cx('Select-option-disabledTip') },
+                    React__default.createElement(Icon, { className: "icon", icon: "question2" })))) : null));
+    };
+    Radios.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, value = _a.value, options = _a.options, className = _a.className, style = _a.style, cx = _a.classnames, placeholder = _a.placeholder, columnsCount = _a.columnsCount; _a.joinValues; _a.extractValue; _a.disabled; var inline = _a.inline, delimiter = _a.delimiter, valueField = _a.valueField;
+        var valueArray = value2array(value, {
+            multiple: false,
+            delimiter: delimiter,
+            valueField: valueField,
+            options: options
+        });
+        var body = [];
+        if (options) {
+            body = options.map(function (option, key) {
+                return _this.renderItem(option, key, valueArray);
+            });
+        }
+        if (!inline) {
+            body = columnsSplit(body, cx, columnsCount);
+        }
+        return (React__default.createElement("div", { className: className, style: style }, body && body.length ? body : placeholder));
+    };
+    Radios.defaultProps = {
+        type: 'radio',
+        btnActiveLevel: 'primary',
+        resetValue: '',
+        inline: true,
+        joinValues: true,
+        clearable: false,
+        columnsCount: 1 // 一行显示一个
+    };
+    return Radios;
+}(React__default.Component));
+var Radios$1 = themeable(uncontrollable(Radios, {
+    value: 'onChange'
+}));
+
+export { Radios, Radios$1 as default };

package/esm/components/Range.d.ts

@@ -0,0 +1,131 @@
+/**
+ * @file Range
+ * @description
+ * @author fex
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import type { ThemeProps } from 'amis-core';
+type MarksType = {
+    [index: number | string]: Record<number, React.ReactNode | {
+        style?: React.CSSProperties;
+        label?: string;
+    }>;
+};
+export interface MultipleValue {
+    min: number;
+    max: number;
+}
+export type Value = string | MultipleValue | number | [number, number];
+export type FormatValue = MultipleValue | number;
+export type TooltipPosType = 'auto' | 'top' | 'right' | 'bottom' | 'left';
+export type InputRangeRendererEvent = 'change' | 'blur' | 'focus';
+export type InputRangeRendererAction = 'clear';
+export interface RangeItemProps extends ThemeProps {
+    [propName: string]: any;
+}
+export declare class Range extends React.Component<RangeItemProps, any> {
+    multipleValue: MultipleValue;
+    trackRef: React.RefObject<HTMLDivElement>;
+    /**
+     * 接收组件value变换
+     * value变换 -> Range.updateValue
+     * @param value
+     */
+    updateValue(value: FormatValue): void;
+    /**
+     * 获取 坐标、宽高
+     */
+    getBoundingClient(dom: Element): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    /**
+     * 坐标 -> 滑块值
+     * @param pageX target.target 坐标
+     * @returns 滑块值
+     */
+    pageXToValue(pageX: number): any;
+    /**
+     * 滑块改变事件
+     * @param pageX target.pageX 坐标
+     * @param type min max
+     * @returns void
+     */
+    onChange(pageX: number, type?: string): void;
+    /**
+     * 获取step为单位的value
+     * @param value 拖拽后计算的value
+     * @param step 步长
+     * @returns step为单位的value
+     */
+    getStepValue(value: number, step: number): number;
+    /**
+     * 点击滑轨 -> 触发onchange 改变value
+     * @param e event
+     * @returns void
+     */
+    onClickTrack(e: any): void;
+    /**
+     * 设置步长
+     * @returns ReactNode
+     */
+    renderSteps(): any;
+    /**
+     * 双滑块改变最大值、最小值
+     * @param pageX 拖拽后的pageX
+     * @param type 'min' | 'max'
+     */
+    onGetChangeValue(pageX: number, type: keyof MultipleValue): void;
+    /**
+     * 计算每个标记 position.left
+     * @param value 滑块值
+     * @returns
+     */
+    getOffsetLeft(value: number | string, getNumber?: boolean): string | number;
+    /**
+     * 计算每个刻度标记mark 的最大宽度 max-width
+     * 通过给父元素div的width赋值，从而继承
+     * @param value 刻度标记key
+     * @param marks 整个刻度标记对象
+     * @returns 刻度标记的最大宽度 string
+     */
+    getMarkMaxWidth(value: keyof MarksType, marks: MarksType): string;
+    render(): React.JSX.Element;
+}
+declare const _default: {
+    new (props: Omit<RangeItemProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<RangeItemProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<RangeItemProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<RangeItemProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<RangeItemProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<RangeItemProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<RangeItemProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<RangeItemProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<RangeItemProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<RangeItemProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof Range>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof Range, {}> & {
+    ComposedComponent: typeof Range;
+};
+export default _default;