amis-ui 3.2.0 → 3.3.0

package/lib/components/Progress.d.ts

@@ -40,24 +40,24 @@ declare const _default: {
         type?: "circle" | "line" | "dashboard" | undefined;
         map?: ColorMapType | undefined;
         animate?: boolean | undefined;
-        placeholder?: string | undefined;
         value?: number | undefined;
+        placeholder?: string | undefined;
         format?: ((value?: number | undefined) => JSX.Element) | undefined;
+        threshold?: ThresholdProps | ThresholdProps[] | undefined;
         showLabel?: boolean | undefined;
         stripe?: boolean | undefined;
         gapDegree?: number | undefined;
         gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
         strokeWidth?: number | undefined;
         progressClassName?: ClassName | undefined;
-        threshold?: ThresholdProps | ThresholdProps[] | undefined;
         showThresholdText?: boolean | undefined;
     } & {
-        classPrefix?: string | undefined;
         classnames?: ClassNamesFn | undefined;
-        className?: string | undefined;
+        classPrefix?: string | undefined;
         style?: {
             [propName: string]: any;
         } | undefined;
+        className?: string | undefined;
         theme?: string | undefined;
     } & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
@@ -69,24 +69,24 @@ declare const _default: {
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | undefined;
-            placeholder?: string | undefined;
             value?: number | undefined;
+            placeholder?: string | undefined;
             format?: ((value?: number | undefined) => JSX.Element) | undefined;
+            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
             gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -94,24 +94,24 @@ declare const _default: {
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | undefined;
-            placeholder?: string | undefined;
             value?: number | undefined;
+            placeholder?: string | undefined;
             format?: ((value?: number | undefined) => JSX.Element) | undefined;
+            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
             gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
@@ -123,24 +123,24 @@ declare const _default: {
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | undefined;
-            placeholder?: string | undefined;
             value?: number | undefined;
+            placeholder?: string | undefined;
             format?: ((value?: number | undefined) => JSX.Element) | undefined;
+            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
             gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
@@ -149,48 +149,48 @@ declare const _default: {
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | undefined;
-            placeholder?: string | undefined;
             value?: number | undefined;
+            placeholder?: string | undefined;
             format?: ((value?: number | undefined) => JSX.Element) | undefined;
+            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
             gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & {
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | undefined;
-            placeholder?: string | undefined;
             value?: number | undefined;
+            placeholder?: string | undefined;
             format?: ((value?: number | undefined) => JSX.Element) | undefined;
+            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
             gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
@@ -199,96 +199,96 @@ declare const _default: {
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | undefined;
-            placeholder?: string | undefined;
             value?: number | undefined;
+            placeholder?: string | undefined;
             format?: ((value?: number | undefined) => JSX.Element) | undefined;
+            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
             gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & {
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | undefined;
-            placeholder?: string | undefined;
             value?: number | undefined;
+            placeholder?: string | undefined;
             format?: ((value?: number | undefined) => JSX.Element) | undefined;
+            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
             gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & {
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | undefined;
-            placeholder?: string | undefined;
             value?: number | undefined;
+            placeholder?: string | undefined;
             format?: ((value?: number | undefined) => JSX.Element) | undefined;
+            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
             gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & {
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | undefined;
-            placeholder?: string | undefined;
             value?: number | undefined;
+            placeholder?: string | undefined;
             format?: ((value?: number | undefined) => JSX.Element) | undefined;
+            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
             gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };

package/lib/components/Progress.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -16,6 +16,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var Progress = /** @class */ (function (_super) {
     tslib.__extends(Progress, _super);
     function Progress() {
@@ -62,7 +65,7 @@ var Progress = /** @class */ (function (_super) {
         }
         var textFormatter = format || (function (value) { return "".concat(value, "%"); });
         var content = textFormatter(value);
-        return (React__default["default"].createElement("span", { className: cx("".concat(prefixCls, "-text")), key: "value" }, content));
+        return (_J$X_("span", { className: cx("".concat(prefixCls, "-text")), key: "value" }, content));
     };
     Progress.prototype.render = function () {
         var _a, _b, _c, _d;
@@ -73,7 +76,7 @@ var Progress = /** @class */ (function (_super) {
         var isColorClass = /bg-/.test(bgColor);
         var viewValue;
         if (typeof value !== 'number') {
-            viewValue = React__default["default"].createElement("span", { className: "text-muted" }, placeholder);
+            viewValue = _J$X_("span", { className: "text-muted" }, placeholder);
         }
         else if (type === 'line') {
             var barStyle = {
@@ -83,10 +86,10 @@ var Progress = /** @class */ (function (_super) {
             !isColorClass && (barStyle.backgroundColor = bgColor);
             var thresholdDom = null;
             if (threshold) {
-                var temp_1 = function (text, color) { return (React__default["default"].createElement("div", { style: {
+                var temp_1 = function (text, color) { return (_J$X_("div", { style: {
                         left: text,
                         borderColor: color || 'var(--text-color)'
-                    }, className: cx("".concat(prefixCls, "-threshold")), key: text }, showThresholdText ? (React__default["default"].createElement("span", { className: cx("".concat(prefixCls, "-threshold-text")) }, text)) : null)); };
+                    }, className: cx("".concat(prefixCls, "-threshold")), key: text }, showThresholdText ? (_J$X_("span", { className: cx("".concat(prefixCls, "-threshold-text")) }, text)) : null)); };
                 if (Array.isArray(threshold)) {
                     thresholdDom = threshold.map(function (item) {
                         var text = parseFloat(item.value) + '%';
@@ -99,10 +102,10 @@ var Progress = /** @class */ (function (_super) {
                 }
             }
             viewValue = [
-                React__default["default"].createElement("div", { key: "progress", className: cx(prefixCls, progressClassName) },
+                _J$X_("div", { key: "progress", className: cx(prefixCls, progressClassName) },
                     thresholdDom,
-                    React__default["default"].createElement("div", { className: cx("".concat(prefixCls, "-inter")) },
-                        React__default["default"].createElement("div", { className: cx("".concat(prefixCls, "-bar"), (_a = {}, _a[bgColor] = isColorClass, _a), (_b = {}, _b["".concat(prefixCls, "-bar--stripe")] = stripe, _b), (_c = {}, _c["".concat(prefixCls, "-bar--animate")] = animate && !stripe, _c), (_d = {}, _d["".concat(prefixCls, "-bar--stripe-animate")] = animate && stripe, _d)), title: "".concat(value, "%"), style: barStyle }))),
+                    _J$X_("div", { className: cx("".concat(prefixCls, "-inter")) },
+                        _J$X_("div", { className: cx("".concat(prefixCls, "-bar"), (_a = {}, _a[bgColor] = isColorClass, _a), (_b = {}, _b["".concat(prefixCls, "-bar--stripe")] = stripe, _b), (_c = {}, _c["".concat(prefixCls, "-bar--animate")] = animate && !stripe, _c), (_d = {}, _d["".concat(prefixCls, "-bar--stripe-animate")] = animate && stripe, _d)), title: "".concat(value, "%"), style: barStyle }))),
                 this.getLabel(prefixCls)
             ];
         }
@@ -123,12 +126,12 @@ var Progress = /** @class */ (function (_super) {
                 return undefined;
             };
             viewValue = [
-                React__default["default"].createElement("div", { className: cx(prefixCls, progressClassName), key: "circle", style: circleStyle },
-                    React__default["default"].createElement(rcProgress.Circle, { percent: value, strokeColor: !isColorClass ? bgColor : '', strokeWidth: circleWidth, trailWidth: circleWidth, prefixCls: isColorClass ? bgColor : '', gapDegree: getGapDegree(), gapPosition: gapPos, style: circleStyle }),
+                _J$X_("div", { className: cx(prefixCls, progressClassName), key: "circle", style: circleStyle },
+                    _J$X_(rcProgress.Circle, { percent: value, strokeColor: !isColorClass ? bgColor : '', strokeWidth: circleWidth, trailWidth: circleWidth, prefixCls: isColorClass ? bgColor : '', gapDegree: getGapDegree(), gapPosition: gapPos, style: circleStyle }),
                     this.getLabel(prefixCls))
             ];
         }
-        return React__default["default"].createElement("div", { className: cx('Progress', className), style: style }, viewValue);
+        return _J$X_("div", { className: cx('Progress', className), style: style }, viewValue);
     };
     Progress.defaultProps = {
         type: 'line',

package/lib/components/PullRefresh.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -15,15 +15,9 @@ var useTouch = require('../hooks/use-touch.js');
 require('lodash/pick');
 var icons = require('./icons.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * @file PullRefresh.tsx
- * @description 下拉刷新
- * @author hongyang03
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var defaultProps = {
     successDuration: 0,
     loadingDuration: 0
@@ -136,10 +130,10 @@ var PullRefresh = React.forwardRef(function (props, ref) {
         }
         return props["".concat(status, "Text")] || refreshText["".concat(status, "Text")];
     };
-    return (React__default["default"].createElement("div", { className: cx('PullRefresh'), onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onTouchEnd, onTouchCancel: onTouchEnd },
-        React__default["default"].createElement("div", { className: cx('PullRefresh-wrap'), style: transformStyle },
-            React__default["default"].createElement("div", { className: cx('PullRefresh-header') },
-                state.status === 'loading' && (React__default["default"].createElement(icons.Icon, { icon: "loading-outline", className: "icon loading-icon" })),
+    return (_J$X_("div", { className: cx('PullRefresh'), onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onTouchEnd, onTouchCancel: onTouchEnd },
+        _J$X_("div", { className: cx('PullRefresh-wrap'), style: transformStyle },
+            _J$X_("div", { className: cx('PullRefresh-header') },
+                state.status === 'loading' && (_J$X_(icons.Icon, { icon: "loading-outline", className: "icon loading-icon" })),
                 getStatusText(state.status)),
             children)));
 });

package/lib/components/Radios.d.ts

@@ -35,6 +35,7 @@ interface RadioProps extends OptionProps {
     labelClassName?: string;
     classPrefix: string;
     classnames: ClassNamesFn;
+    renderLabel?: (item: Option, props: RadioProps) => JSX.Element;
 }
 export declare class Radios extends React.Component<RadioProps, any> {
     static defaultProps: {
@@ -53,7 +54,7 @@ export declare class Radios extends React.Component<RadioProps, any> {
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "id" | "placeholder" | "onChange" | "value" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+    new (props: Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "id" | "placeholder" | "onChange" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete" | "renderLabel"> & {
         type?: string | undefined;
         inline?: boolean | undefined;
         optionType?: string | undefined;
@@ -68,7 +69,7 @@ declare const _default: {
         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>, "id" | "placeholder" | "onChange" | "value" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "id" | "placeholder" | "onChange" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete" | "renderLabel"> & {
             type?: string | undefined;
             inline?: boolean | undefined;
             optionType?: string | undefined;
@@ -79,7 +80,7 @@ declare const _default: {
             columnsCount?: number | number[] | undefined;
         } & {} & import("packages/amis-core/lib/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("amis-core").ThemeProps>, "id" | "placeholder" | "onChange" | "value" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        readonly props: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "id" | "placeholder" | "onChange" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete" | "renderLabel"> & {
             type?: string | undefined;
             inline?: boolean | undefined;
             optionType?: string | undefined;
@@ -94,7 +95,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "id" | "placeholder" | "onChange" | "value" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "id" | "placeholder" | "onChange" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete" | "renderLabel"> & {
             type?: string | undefined;
             inline?: boolean | undefined;
             optionType?: string | undefined;
@@ -106,7 +107,7 @@ declare const _default: {
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, 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>, "id" | "placeholder" | "onChange" | "value" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "id" | "placeholder" | "onChange" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete" | "renderLabel"> & {
             type?: string | undefined;
             inline?: boolean | undefined;
             optionType?: string | undefined;
@@ -116,7 +117,7 @@ declare const _default: {
             btnActiveLevel?: string | undefined;
             columnsCount?: number | number[] | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "id" | "placeholder" | "onChange" | "value" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "id" | "placeholder" | "onChange" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete" | "renderLabel"> & {
             type?: string | undefined;
             inline?: boolean | undefined;
             optionType?: string | undefined;
@@ -128,7 +129,7 @@ declare const _default: {
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "id" | "placeholder" | "onChange" | "value" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "id" | "placeholder" | "onChange" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete" | "renderLabel"> & {
             type?: string | undefined;
             inline?: boolean | undefined;
             optionType?: string | undefined;
@@ -138,7 +139,7 @@ declare const _default: {
             btnActiveLevel?: string | undefined;
             columnsCount?: number | number[] | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "id" | "placeholder" | "onChange" | "value" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "id" | "placeholder" | "onChange" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete" | "renderLabel"> & {
             type?: string | undefined;
             inline?: boolean | undefined;
             optionType?: string | undefined;
@@ -148,7 +149,7 @@ declare const _default: {
             btnActiveLevel?: string | undefined;
             columnsCount?: number | number[] | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "id" | "placeholder" | "onChange" | "value" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "id" | "placeholder" | "onChange" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete" | "renderLabel"> & {
             type?: string | undefined;
             inline?: boolean | undefined;
             optionType?: string | undefined;
@@ -158,7 +159,7 @@ declare const _default: {
             btnActiveLevel?: string | undefined;
             columnsCount?: number | number[] | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "id" | "placeholder" | "onChange" | "value" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "id" | "placeholder" | "onChange" | "disabled" | "block" | "multiple" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "creatable" | "simpleValue" | "extractValue" | "virtualThreshold" | "hasError" | "removable" | "onDelete" | "renderLabel"> & {
             type?: string | undefined;
             inline?: boolean | undefined;
             optionType?: string | undefined;

package/lib/components/Radios.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -18,21 +18,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * @file Radios
- * @description
- * @author fex
- *
- * @param 参数说明：
- * options: [
- *   {
- *      label: '显示的名字',
- *      value: '值',
- *      disabled: false
- *   }
- * ]
- *
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
+var defaultLabelRender = function (item, props) { return (_J$X_(React__default["default"].Fragment, null, "".concat(item[props.labelField || 'label']))); };
 var Radios = /** @class */ (function (_super) {
     tslib.__extends(Radios, _super);
     function Radios() {
@@ -58,9 +47,9 @@ var Radios = /** @class */ (function (_super) {
     };
     Radios.prototype.renderGroup = function (option, index, valueArray) {
         var _this = this;
-        var _a = this.props, cx = _a.classnames; _a.optionType; _a.classPrefix;
-        return (React__default["default"].createElement("div", { key: index, className: cx('RadiosControl-group', option.className) },
-            React__default["default"].createElement("label", { className: cx('RadiosControl-groupLabel', option.labelClassName) }, option.label),
+        var _a = this.props, cx = _a.classnames; _a.optionType; _a.classPrefix; var _b = _a.renderLabel, renderLabel = _b === void 0 ? defaultLabelRender : _b;
+        return (_J$X_("div", { key: index, className: cx('RadiosControl-group', option.className) },
+            _J$X_("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);
@@ -72,13 +61,13 @@ var Radios = /** @class */ (function (_super) {
         if (option.children) {
             return this.renderGroup(option, index, valueArray);
         }
-        var _a = this.props, disabled = _a.disabled, inline = _a.inline, itemClassName = _a.itemClassName, cx = _a.classnames, labelClassName = _a.labelClassName, labelField = _a.labelField, optionType = _a.optionType, level = _a.level, btnActiveLevel = _a.btnActiveLevel; _a.classPrefix;
+        var _a = this.props, disabled = _a.disabled, inline = _a.inline, itemClassName = _a.itemClassName, cx = _a.classnames, labelClassName = _a.labelClassName; _a.labelField; var optionType = _a.optionType, level = _a.level, btnActiveLevel = _a.btnActiveLevel; _a.classPrefix; var _b = _a.renderLabel, renderLabel = _b === void 0 ? defaultLabelRender : _b;
         if (optionType === 'button') {
             var active = !!~valueArray.indexOf(option);
-            return (React__default["default"].createElement(Button["default"], { key: index, active: active, onClick: function () { return _this.toggleOption(option); }, className: cx(itemClassName, option.className), disabled: disabled || option.disabled, level: (active ? btnActiveLevel : '') || level },
-                React__default["default"].createElement("span", null, "".concat(option[labelField || 'label']))));
+            return (_J$X_(Button["default"], { key: index, active: active, onClick: function () { return _this.toggleOption(option); }, className: cx(itemClassName, option.className), disabled: disabled || option.disabled, level: (active ? btnActiveLevel : '') || level },
+                _J$X_("span", null, renderLabel(option, this.props))));
         }
-        return (React__default["default"].createElement(Checkbox["default"], { type: "radio", key: index, onChange: function () { return _this.toggleOption(option); }, checked: !!~valueArray.indexOf(option), className: cx(itemClassName, option.className), disabled: disabled || option.disabled, description: option.description, inline: inline, labelClassName: labelClassName }, "".concat(option[labelField || 'label'])));
+        return (_J$X_(Checkbox["default"], { type: "radio", key: index, onChange: function () { return _this.toggleOption(option); }, checked: !!~valueArray.indexOf(option), className: cx(itemClassName, option.className), disabled: disabled || option.disabled, description: option.description, inline: inline, labelClassName: labelClassName }, renderLabel(option, this.props)));
     };
     Radios.prototype.render = function () {
         var _this = this;
@@ -98,7 +87,7 @@ var Radios = /** @class */ (function (_super) {
         if (!inline) {
             body = amisCore.columnsSplit(body, cx, columnsCount);
         }
-        return (React__default["default"].createElement("div", { className: className, style: style }, body && body.length ? body : placeholder));
+        return (_J$X_("div", { className: className, style: style }, body && body.length ? body : placeholder));
     };
     Radios.defaultProps = {
         type: 'radio',