amis-ui 3.1.1 → 3.3.0

package/esm/components/PopUp.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -63,9 +63,9 @@ var PopUp = /** @class */ (function (_super) {
                             React__default.createElement("span", { className: cx("PopUp-closeBox"), onClick: onHide },
                                 React__default.createElement(Icon, { icon: "close", className: cx('icon', "".concat(ns, "PopUp-close")) })))) : null,
                         showConfirm && (React__default.createElement("div", { className: cx("".concat(ns, "PopUp-toolbar")) },
-                            React__default.createElement(Button, { className: cx("".concat(ns, "PopUp-cancel")), level: "text", onClick: onHide }, __('cancel')),
+                            React__default.createElement(Button, { className: cx("".concat(ns, "PopUp-cancel")), level: "link", onClick: onHide }, __('cancel')),
                             title && (React__default.createElement("span", { className: cx("".concat(ns, "PopUp-title")) }, title)),
-                            React__default.createElement(Button, { className: cx("".concat(ns, "PopUp-confirm")), level: "text", onClick: onConfirm }, __('confirm')))),
+                            React__default.createElement(Button, { className: cx("".concat(ns, "PopUp-confirm")), level: "link", onClick: onConfirm }, __('confirm')))),
                         React__default.createElement("div", { className: cx("".concat(ns, "PopUp-content"), "justify-".concat(placement)) }, isShow ? children : null),
                         React__default.createElement("div", { className: cx("PopUp-safearea") }))));
             })));

package/esm/components/Progress.d.ts

@@ -46,18 +46,18 @@ declare const _default: {
         showLabel?: boolean | undefined;
         stripe?: boolean | undefined;
         gapDegree?: number | undefined;
-        gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
+        gapPosition?: "left" | "right" | "top" | "bottom" | 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;
@@ -75,18 +75,18 @@ declare const _default: {
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
-            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            gapPosition?: "left" | "right" | "top" | "bottom" | 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;
@@ -100,18 +100,18 @@ declare const _default: {
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
-            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            gapPosition?: "left" | "right" | "top" | "bottom" | 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<{}>;
@@ -129,18 +129,18 @@ declare const _default: {
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
-            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            gapPosition?: "left" | "right" | "top" | "bottom" | 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;
@@ -155,18 +155,18 @@ declare const _default: {
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
-            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            gapPosition?: "left" | "right" | "top" | "bottom" | 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> & {
@@ -179,18 +179,18 @@ declare const _default: {
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
-            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            gapPosition?: "left" | "right" | "top" | "bottom" | 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;
@@ -205,18 +205,18 @@ declare const _default: {
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
-            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            gapPosition?: "left" | "right" | "top" | "bottom" | 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> & {
@@ -229,18 +229,18 @@ declare const _default: {
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
-            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            gapPosition?: "left" | "right" | "top" | "bottom" | 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> & {
@@ -253,18 +253,18 @@ declare const _default: {
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
-            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            gapPosition?: "left" | "right" | "top" | "bottom" | 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> & {
@@ -277,18 +277,18 @@ declare const _default: {
             showLabel?: boolean | undefined;
             stripe?: boolean | undefined;
             gapDegree?: number | undefined;
-            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            gapPosition?: "left" | "right" | "top" | "bottom" | 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/esm/components/Progress.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/PullRefresh.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/esm/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>, "disabled" | "value" | "multiple" | "id" | "placeholder" | "onChange" | "block" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "simpleValue" | "extractValue" | "creatable" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+    new (props: Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "level" | "id" | "disabled" | "block" | "loading" | "onChange" | "labelClassName" | "options" | "placeholder" | "multiple" | "labelField" | "valueField" | "itemClassName" | "itemHeight" | "virtualThreshold" | "delimiter" | "onAdd" | "editable" | "onEdit" | "renderLabel" | "multi" | "simpleValue" | "extractValue" | "creatable" | "pathSeparator" | "hasError" | "removable" | "onDelete"> & {
         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>, "disabled" | "value" | "multiple" | "id" | "placeholder" | "onChange" | "block" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "simpleValue" | "extractValue" | "creatable" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "level" | "id" | "disabled" | "block" | "loading" | "onChange" | "labelClassName" | "options" | "placeholder" | "multiple" | "labelField" | "valueField" | "itemClassName" | "itemHeight" | "virtualThreshold" | "delimiter" | "onAdd" | "editable" | "onEdit" | "renderLabel" | "multi" | "simpleValue" | "extractValue" | "creatable" | "pathSeparator" | "hasError" | "removable" | "onDelete"> & {
             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>, "disabled" | "value" | "multiple" | "id" | "placeholder" | "onChange" | "block" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "simpleValue" | "extractValue" | "creatable" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        readonly props: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "level" | "id" | "disabled" | "block" | "loading" | "onChange" | "labelClassName" | "options" | "placeholder" | "multiple" | "labelField" | "valueField" | "itemClassName" | "itemHeight" | "virtualThreshold" | "delimiter" | "onAdd" | "editable" | "onEdit" | "renderLabel" | "multi" | "simpleValue" | "extractValue" | "creatable" | "pathSeparator" | "hasError" | "removable" | "onDelete"> & {
             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>, "disabled" | "value" | "multiple" | "id" | "placeholder" | "onChange" | "block" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "simpleValue" | "extractValue" | "creatable" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "level" | "id" | "disabled" | "block" | "loading" | "onChange" | "labelClassName" | "options" | "placeholder" | "multiple" | "labelField" | "valueField" | "itemClassName" | "itemHeight" | "virtualThreshold" | "delimiter" | "onAdd" | "editable" | "onEdit" | "renderLabel" | "multi" | "simpleValue" | "extractValue" | "creatable" | "pathSeparator" | "hasError" | "removable" | "onDelete"> & {
             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>, "disabled" | "value" | "multiple" | "id" | "placeholder" | "onChange" | "block" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "simpleValue" | "extractValue" | "creatable" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "level" | "id" | "disabled" | "block" | "loading" | "onChange" | "labelClassName" | "options" | "placeholder" | "multiple" | "labelField" | "valueField" | "itemClassName" | "itemHeight" | "virtualThreshold" | "delimiter" | "onAdd" | "editable" | "onEdit" | "renderLabel" | "multi" | "simpleValue" | "extractValue" | "creatable" | "pathSeparator" | "hasError" | "removable" | "onDelete"> & {
             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>, "disabled" | "value" | "multiple" | "id" | "placeholder" | "onChange" | "block" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "simpleValue" | "extractValue" | "creatable" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "level" | "id" | "disabled" | "block" | "loading" | "onChange" | "labelClassName" | "options" | "placeholder" | "multiple" | "labelField" | "valueField" | "itemClassName" | "itemHeight" | "virtualThreshold" | "delimiter" | "onAdd" | "editable" | "onEdit" | "renderLabel" | "multi" | "simpleValue" | "extractValue" | "creatable" | "pathSeparator" | "hasError" | "removable" | "onDelete"> & {
             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>, "disabled" | "value" | "multiple" | "id" | "placeholder" | "onChange" | "block" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "simpleValue" | "extractValue" | "creatable" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "level" | "id" | "disabled" | "block" | "loading" | "onChange" | "labelClassName" | "options" | "placeholder" | "multiple" | "labelField" | "valueField" | "itemClassName" | "itemHeight" | "virtualThreshold" | "delimiter" | "onAdd" | "editable" | "onEdit" | "renderLabel" | "multi" | "simpleValue" | "extractValue" | "creatable" | "pathSeparator" | "hasError" | "removable" | "onDelete"> & {
             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>, "disabled" | "value" | "multiple" | "id" | "placeholder" | "onChange" | "block" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "simpleValue" | "extractValue" | "creatable" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "level" | "id" | "disabled" | "block" | "loading" | "onChange" | "labelClassName" | "options" | "placeholder" | "multiple" | "labelField" | "valueField" | "itemClassName" | "itemHeight" | "virtualThreshold" | "delimiter" | "onAdd" | "editable" | "onEdit" | "renderLabel" | "multi" | "simpleValue" | "extractValue" | "creatable" | "pathSeparator" | "hasError" | "removable" | "onDelete"> & {
             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>, "disabled" | "value" | "multiple" | "id" | "placeholder" | "onChange" | "block" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "simpleValue" | "extractValue" | "creatable" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "level" | "id" | "disabled" | "block" | "loading" | "onChange" | "labelClassName" | "options" | "placeholder" | "multiple" | "labelField" | "valueField" | "itemClassName" | "itemHeight" | "virtualThreshold" | "delimiter" | "onAdd" | "editable" | "onEdit" | "renderLabel" | "multi" | "simpleValue" | "extractValue" | "creatable" | "pathSeparator" | "hasError" | "removable" | "onDelete"> & {
             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>, "disabled" | "value" | "multiple" | "id" | "placeholder" | "onChange" | "block" | "level" | "loading" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "itemHeight" | "options" | "delimiter" | "onAdd" | "editable" | "onEdit" | "multi" | "pathSeparator" | "simpleValue" | "extractValue" | "creatable" | "virtualThreshold" | "hasError" | "removable" | "onDelete"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<RadioProps, keyof import("amis-core").ThemeProps>, "value" | "level" | "id" | "disabled" | "block" | "loading" | "onChange" | "labelClassName" | "options" | "placeholder" | "multiple" | "labelField" | "valueField" | "itemClassName" | "itemHeight" | "virtualThreshold" | "delimiter" | "onAdd" | "editable" | "onEdit" | "renderLabel" | "multi" | "simpleValue" | "extractValue" | "creatable" | "pathSeparator" | "hasError" | "removable" | "onDelete"> & {
             type?: string | undefined;
             inline?: boolean | undefined;
             optionType?: string | undefined;

package/esm/components/Radios.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -25,6 +25,7 @@ import { value2array } from './Select.js';
  * ]
  *
  */
+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() {
@@ -50,9 +51,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;
+        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) }, option.label),
+            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);
@@ -64,13 +65,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.createElement(Button, { 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.createElement("span", null, "".concat(option[labelField || 'label']))));
+                React__default.createElement("span", null, renderLabel(option, this.props))));
         }
-        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: disabled || option.disabled, description: option.description, inline: inline, labelClassName: labelClassName }, "".concat(option[labelField || 'label'])));
+        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: disabled || option.disabled, description: option.description, inline: inline, labelClassName: labelClassName }, renderLabel(option, this.props)));
     };
     Radios.prototype.render = function () {
         var _this = this;

package/esm/components/Range.d.ts

@@ -23,6 +23,7 @@ export type InputRangeRendererEvent = 'change' | 'blur' | 'focus';
 export type InputRangeRendererAction = 'clear';
 export interface RangeItemProps extends ThemeProps {
     [propName: string]: any;
+    useMobileUI?: boolean;
 }
 export declare class Range extends React.Component<RangeItemProps, any> {
     multipleValue: MultipleValue;
@@ -84,7 +85,7 @@ export declare class Range extends React.Component<RangeItemProps, any> {
      * @param value 滑块值
      * @returns
      */
-    getOffsetLeft(value: number | string): string;
+    getOffsetLeft(value: number | string, getNumber?: boolean): string | number;
     /**
      * 计算每个刻度标记mark 的最大宽度 max-width
      * 通过给父元素div的width赋值，从而继承

package/esm/components/Range.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -10,7 +10,7 @@ import isString from 'lodash/isString';
 import difference from 'lodash/difference';
 import React__default from 'react';
 import TooltipWrapper from './TooltipWrapper.js';
-import { Overlay, autobind, camel, stripNumber, themeable, uncontrollable } from 'amis-core';
+import { isMobile, Overlay, autobind, camel, stripNumber, safeSub, safeAdd, themeable, uncontrollable } from 'amis-core';
 import { findDOMNode } from 'react-dom';
 import { Icon } from './icons.js';
 
@@ -106,18 +106,40 @@ var HandleItem = /** @class */ (function (_super) {
             labelActive: false
         });
     };
+    HandleItem.prototype.onTouchStart = function () {
+        this.setState({
+            isDrag: true,
+            labelActive: true
+        });
+    };
+    HandleItem.prototype.onTouchMove = function (e) {
+        var isDrag = this.state.isDrag;
+        var _a = this.props.type, type = _a === void 0 ? 'min' : _a;
+        if (!isDrag) {
+            return;
+        }
+        this.props.onChange(e.touches[0].clientX, type);
+    };
+    HandleItem.prototype.onTouchEnd = function () {
+        this.setState({
+            labelActive: false
+        });
+    };
     HandleItem.prototype.render = function () {
         var _this = this;
-        var _a = this.props, cx = _a.classnames, disabled = _a.disabled, value = _a.value, min = _a.min, max = _a.max, tooltipVisible = _a.tooltipVisible, tipFormatter = _a.tipFormatter, unit = _a.unit, _b = _a.tooltipPlacement, tooltipPlacement = _b === void 0 ? 'auto' : _b;
+        var _a = this.props, cx = _a.classnames, disabled = _a.disabled, value = _a.value, min = _a.min, max = _a.max, tooltipVisible = _a.tooltipVisible, tipFormatter = _a.tipFormatter, unit = _a.unit, _b = _a.tooltipPlacement, tooltipPlacement = _b === void 0 ? 'auto' : _b, useMobileUI = _a.useMobileUI;
         var _c = this.state, isDrag = _c.isDrag, labelActive = _c.labelActive;
         var style = {
             left: valueToOffsetLeft(value, min, max),
             zIndex: isDrag ? 2 : 1
         };
+        var mobileUI = useMobileUI && isMobile();
         return disabled ? (React__default.createElement("div", { className: cx('InputRange-handle'), style: style },
             React__default.createElement("div", { className: cx('InputRange-handle-icon') },
-                React__default.createElement(Icon, { icon: "slider-handle", className: "icon" })))) : (React__default.createElement("div", { className: cx('InputRange-handle'), style: style, ref: this.handleRef },
-            React__default.createElement("div", { className: cx(isDrag ? 'InputRange-handle-drage' : 'InputRange-handle-icon'), onMouseDown: this.onMouseDown, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave },
+                React__default.createElement(Icon, { icon: "slider-handle", className: "icon" })))) : (React__default.createElement("div", { className: cx('InputRange-handle', {
+                'is-mobile': mobileUI
+            }), style: style, ref: this.handleRef },
+            React__default.createElement("div", { className: cx(isDrag ? 'InputRange-handle-drage' : 'InputRange-handle-icon'), onMouseDown: this.onMouseDown, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd },
                 React__default.createElement(Icon, { icon: "slider-handle", className: "icon" })),
             React__default.createElement(Overlay, { placement: tooltipPlacement, target: function () { return findDOMNode(_this); }, container: function () { return findDOMNode(_this); }, rootClose: false, show: true },
                 React__default.createElement(Label, { show: labelActive, classPrefix: this.props.classPrefix, classnames: cx, value: value, tooltipVisible: tooltipVisible, tipFormatter: tipFormatter, unit: unit, placement: tooltipPlacement }))));
@@ -152,6 +174,24 @@ var HandleItem = /** @class */ (function (_super) {
         __metadata("design:paramtypes", []),
         __metadata("design:returntype", void 0)
     ], HandleItem.prototype, "onMouseLeave", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], HandleItem.prototype, "onTouchStart", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], HandleItem.prototype, "onTouchMove", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], HandleItem.prototype, "onTouchEnd", null);
     return HandleItem;
 }(React__default.Component));
 /**
@@ -259,9 +299,9 @@ var Range = /** @class */ (function (_super) {
         var result = 0;
         // 余数 >= 步长一半 -> 向上取
         // 余数 <  步长一半 -> 向下取
-        var _value = surplus >= step / 2 ? value : value - step;
+        var _value = surplus >= step / 2 ? value : safeSub(value, step);
         while (result <= _value) {
-            result += step;
+            result = safeAdd(result, step);
         }
         return result;
     };
@@ -326,13 +366,15 @@ var Range = /** @class */ (function (_super) {
      * @param value 滑块值
      * @returns
      */
-    Range.prototype.getOffsetLeft = function (value) {
+    Range.prototype.getOffsetLeft = function (value, getNumber) {
         var _a = this.props, max = _a.max, min = _a.min;
         if (isString(value) && MARKS_REG.test(value)) {
-            return value;
+            return getNumber ? parseFloat(value) : value;
         }
         value = Math.min(Math.max(+value, min), max);
-        return ((value - min) * 100) / (max - min) + '%';
+        return getNumber
+            ? ((value - min) * 100) / (max - min)
+            : ((value - min) * 100) / (max - min) + '%';
     };
     /**
      * 计算每个刻度标记mark 的最大宽度 max-width
@@ -342,7 +384,8 @@ var Range = /** @class */ (function (_super) {
      * @returns 刻度标记的最大宽度 string
      */
     Range.prototype.getMarkMaxWidth = function (value, marks) {
-        var _a = this.props, max = _a.max, min = _a.min;
+        var _a = this.props, max = _a.max, min = _a.min, useMobileUI = _a.useMobileUI;
+        var mobileUI = useMobileUI && isMobile();
         var curNum = isString(value) ? parseInt(value, 10) : value;
         // 给最大宽度赋初始值 默认最大
         var maxWidth = Math.abs(max - min);
@@ -354,11 +397,13 @@ var Range = /** @class */ (function (_super) {
             }
         });
         // 差值的1/2 即为此刻度标记的最大宽度
-        return Math.floor(maxWidth / 2) + '%';
+        return mobileUI
+            ? Math.floor(maxWidth) + '%'
+            : Math.floor(maxWidth / 2) + '%';
     };
     Range.prototype.render = function () {
         var _this = this;
-        var _a = this.props, cx = _a.classnames, marks = _a.marks, multiple = _a.multiple, value = _a.value, max = _a.max, min = _a.min, disabled = _a.disabled, tooltipVisible = _a.tooltipVisible, unit = _a.unit, tooltipPlacement = _a.tooltipPlacement, tipFormatter = _a.tipFormatter, onAfterChange = _a.onAfterChange;
+        var _a = this.props, cx = _a.classnames, marks = _a.marks, multiple = _a.multiple, value = _a.value, max = _a.max, min = _a.min, disabled = _a.disabled, tooltipVisible = _a.tooltipVisible, unit = _a.unit, tooltipPlacement = _a.tooltipPlacement, tipFormatter = _a.tipFormatter, onAfterChange = _a.onAfterChange, useMobileUI = _a.useMobileUI;
         // trace
         var traceActiveStyle = {
             width: valueToOffsetLeft(multiple
@@ -374,12 +419,18 @@ var Range = /** @class */ (function (_super) {
                 max: value.max
             };
         }
+        var sortMaks = marks
+            ? keys(marks).sort(function (a, b) {
+                return _this.getOffsetLeft(a, true) -
+                    _this.getOffsetLeft(b, true);
+            })
+            : [];
         return (React__default.createElement("div", { className: cx('InputRange-wrap') },
             React__default.createElement("div", { ref: this.trackRef, className: cx('InputRange-track', 'InputRange-track--background'), onClick: this.onClickTrack },
                 React__default.createElement("div", { className: cx('InputRange-track-active'), style: traceActiveStyle }),
                 this.renderSteps(),
-                multiple ? (['min', 'max'].map(function (type) { return (React__default.createElement(HandleItem, { key: type, value: _this.multipleValue[type], type: type, min: min, max: max, classPrefix: _this.props.classPrefix, classnames: cx, disabled: disabled, tooltipVisible: tooltipVisible, tipFormatter: tipFormatter, unit: unit, tooltipPlacement: tooltipPlacement, onAfterChange: onAfterChange, onChange: _this.onGetChangeValue.bind(_this) })); })) : (React__default.createElement(HandleItem, { value: +value, min: min, max: max, classPrefix: this.props.classPrefix, classnames: cx, disabled: disabled, tooltipVisible: tooltipVisible, tipFormatter: tipFormatter, unit: unit, tooltipPlacement: tooltipPlacement, onAfterChange: onAfterChange, onChange: this.onChange.bind(this) })),
-                marks && (React__default.createElement("div", { className: cx('InputRange-marks') }, keys(marks).map(function (key) {
+                multiple ? (['min', 'max'].map(function (type) { return (React__default.createElement(HandleItem, { key: type, value: _this.multipleValue[type], type: type, min: min, max: max, classPrefix: _this.props.classPrefix, classnames: cx, disabled: disabled, tooltipVisible: tooltipVisible, tipFormatter: tipFormatter, unit: unit, useMobileUI: useMobileUI, tooltipPlacement: tooltipPlacement, onAfterChange: onAfterChange, onChange: _this.onGetChangeValue.bind(_this) })); })) : (React__default.createElement(HandleItem, { value: +value, min: min, max: max, classPrefix: this.props.classPrefix, classnames: cx, disabled: disabled, tooltipVisible: tooltipVisible, tipFormatter: tipFormatter, unit: unit, useMobileUI: useMobileUI, tooltipPlacement: tooltipPlacement, onAfterChange: onAfterChange, onChange: this.onChange.bind(this) })),
+                marks && (React__default.createElement("div", { className: cx('InputRange-marks') }, sortMaks.map(function (key) {
                     var _a, _b, _c;
                     var offsetLeft = _this.getOffsetLeft(key);
                     var markMaxWidth = _this.getMarkMaxWidth(key, marks);
@@ -432,7 +483,7 @@ var Range = /** @class */ (function (_super) {
     __decorate([
         autobind,
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
+        __metadata("design:paramtypes", [Object, Boolean]),
         __metadata("design:returntype", void 0)
     ], Range.prototype, "getOffsetLeft", null);
     __decorate([