amis-ui 3.1.1 → 3.3.0

package/lib/components/PopUp.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -21,11 +21,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Transition__default = /*#__PURE__*/_interopDefaultLegacy(Transition);
 var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
 
-/**
- * @file PopUp
- * @description
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var _a;
 var fadeStyles = (_a = {},
     _a[Transition.ENTERED] = '',
@@ -63,21 +61,21 @@ var PopUp = /** @class */ (function (_super) {
         var _a = this.props, style = _a.style, title = _a.title, children = _a.children, overlay = _a.overlay, onHide = _a.onHide, onConfirm = _a.onConfirm, ns = _a.classPrefix, cx = _a.classnames, className = _a.className, isShow = _a.isShow, container = _a.container, showConfirm = _a.showConfirm, __ = _a.translate, showClose = _a.showClose, header = _a.header, _b = _a.placement, placement = _b === void 0 ? 'center' : _b, rest = tslib.__rest(_a, ["style", "title", "children", "overlay", "onHide", "onConfirm", "classPrefix", "classnames", "className", "isShow", "container", "showConfirm", "translate", "showClose", "header", "placement"]);
         var outerStyle = tslib.__assign({}, style);
         delete outerStyle.top;
-        return (React__default["default"].createElement(Portal__default["default"], { container: container },
-            React__default["default"].createElement(Transition__default["default"], { mountOnEnter: true, unmountOnExit: true, in: isShow, timeout: 500, appear: true }, function (status) {
-                return (React__default["default"].createElement("div", tslib.__assign({ className: cx("".concat(ns, "PopUp"), className, fadeStyles[status]), style: outerStyle }, rest, { onClick: _this.handleClick }),
-                    overlay && (React__default["default"].createElement("div", { className: "".concat(ns, "PopUp-overlay"), onClick: onHide })),
-                    React__default["default"].createElement("div", { className: cx("".concat(ns, "PopUp-inner")) },
-                        !showConfirm && showClose ? (React__default["default"].createElement("div", { className: cx("".concat(ns, "PopUp-closeWrap")) },
+        return (_J$X_(Portal__default["default"], { container: container },
+            _J$X_(Transition__default["default"], { mountOnEnter: true, unmountOnExit: true, in: isShow, timeout: 500, appear: true }, function (status) {
+                return (_J$X_("div", tslib.__assign({ className: cx("".concat(ns, "PopUp"), className, fadeStyles[status]), style: outerStyle }, rest, { onClick: _this.handleClick }),
+                    overlay && (_J$X_("div", { className: "".concat(ns, "PopUp-overlay"), onClick: onHide })),
+                    _J$X_("div", { className: cx("".concat(ns, "PopUp-inner")) },
+                        !showConfirm && showClose ? (_J$X_("div", { className: cx("".concat(ns, "PopUp-closeWrap")) },
                             header,
-                            React__default["default"].createElement("span", { className: cx("PopUp-closeBox"), onClick: onHide },
-                                React__default["default"].createElement(icons.Icon, { icon: "close", className: cx('icon', "".concat(ns, "PopUp-close")) })))) : null,
-                        showConfirm && (React__default["default"].createElement("div", { className: cx("".concat(ns, "PopUp-toolbar")) },
-                            React__default["default"].createElement(Button["default"], { className: cx("".concat(ns, "PopUp-cancel")), level: "text", onClick: onHide }, __('cancel')),
-                            title && (React__default["default"].createElement("span", { className: cx("".concat(ns, "PopUp-title")) }, title)),
-                            React__default["default"].createElement(Button["default"], { className: cx("".concat(ns, "PopUp-confirm")), level: "text", onClick: onConfirm }, __('confirm')))),
-                        React__default["default"].createElement("div", { className: cx("".concat(ns, "PopUp-content"), "justify-".concat(placement)) }, isShow ? children : null),
-                        React__default["default"].createElement("div", { className: cx("PopUp-safearea") }))));
+                            _J$X_("span", { className: cx("PopUp-closeBox"), onClick: onHide },
+                                _J$X_(icons.Icon, { icon: "close", className: cx('icon', "".concat(ns, "PopUp-close")) })))) : null,
+                        showConfirm && (_J$X_("div", { className: cx("".concat(ns, "PopUp-toolbar")) },
+                            _J$X_(Button["default"], { className: cx("".concat(ns, "PopUp-cancel")), level: "link", onClick: onHide }, __('cancel')),
+                            title && (_J$X_("span", { className: cx("".concat(ns, "PopUp-title")) }, title)),
+                            _J$X_(Button["default"], { className: cx("".concat(ns, "PopUp-confirm")), level: "link", onClick: onConfirm }, __('confirm')))),
+                        _J$X_("div", { className: cx("".concat(ns, "PopUp-content"), "justify-".concat(placement)) }, isShow ? children : null),
+                        _J$X_("div", { className: cx("PopUp-safearea") }))));
             })));
     };
     PopUp.defaultProps = {

package/lib/components/Progress.d.ts

@@ -37,28 +37,28 @@ export declare class Progress extends React.Component<ProgressProps, Object> {
 }
 declare const _default: {
     new (props: Pick<Omit<ProgressProps, keyof ThemeProps>, never> & {
-        format?: ((value?: number | undefined) => JSX.Element) | undefined;
-        value?: number | undefined;
         type?: "circle" | "line" | "dashboard" | undefined;
         map?: ColorMapType | undefined;
         animate?: boolean | 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" | "top" | "bottom" | undefined;
+        gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
         strokeWidth?: number | undefined;
         progressClassName?: ClassName | undefined;
-        threshold?: ThresholdProps | ThresholdProps[] | undefined;
         showThresholdText?: boolean | undefined;
     } & {
-        className?: string | undefined;
-        theme?: string | undefined;
+        classnames?: ClassNamesFn | undefined;
+        classPrefix?: string | undefined;
         style?: {
             [propName: string]: any;
         } | undefined;
-        classPrefix?: string | undefined;
-        classnames?: ClassNamesFn | undefined;
+        className?: string | undefined;
+        theme?: string | undefined;
     } & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
         childRef(ref: any): void;
@@ -66,53 +66,53 @@ declare const _default: {
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & {
-            format?: ((value?: number | undefined) => JSX.Element) | undefined;
-            value?: number | undefined;
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | 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" | "top" | "bottom" | undefined;
+            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | 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;
         readonly props: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & {
-            format?: ((value?: number | undefined) => JSX.Element) | undefined;
-            value?: number | undefined;
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | 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" | "top" | "bottom" | undefined;
+            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
+            className?: string | undefined;
+            theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
         refs: {
@@ -120,176 +120,176 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & {
-            format?: ((value?: number | undefined) => JSX.Element) | undefined;
-            value?: number | undefined;
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | 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" | "top" | "bottom" | undefined;
+            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
+            className?: string | undefined;
+            theme?: string | undefined;
         } & 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<ProgressProps, keyof ThemeProps>, never> & {
-            format?: ((value?: number | undefined) => JSX.Element) | undefined;
-            value?: number | undefined;
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | 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" | "top" | "bottom" | undefined;
+            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | 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> & {
-            format?: ((value?: number | undefined) => JSX.Element) | undefined;
-            value?: number | undefined;
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | 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" | "top" | "bottom" | undefined;
+            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
+            className?: string | undefined;
+            theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & {
-            format?: ((value?: number | undefined) => JSX.Element) | undefined;
-            value?: number | undefined;
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | 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" | "top" | "bottom" | undefined;
+            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | 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> & {
-            format?: ((value?: number | undefined) => JSX.Element) | undefined;
-            value?: number | undefined;
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | 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" | "top" | "bottom" | undefined;
+            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | 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> & {
-            format?: ((value?: number | undefined) => JSX.Element) | undefined;
-            value?: number | undefined;
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | 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" | "top" | "bottom" | undefined;
+            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | 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> & {
-            format?: ((value?: number | undefined) => JSX.Element) | undefined;
-            value?: number | undefined;
             type?: "circle" | "line" | "dashboard" | undefined;
             map?: ColorMapType | undefined;
             animate?: boolean | 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" | "top" | "bottom" | undefined;
+            gapPosition?: "left" | "right" | "bottom" | "top" | undefined;
             strokeWidth?: number | undefined;
             progressClassName?: ClassName | undefined;
-            threshold?: ThresholdProps | ThresholdProps[] | undefined;
             showThresholdText?: boolean | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
+            className?: string | undefined;
+            theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;

package/lib/components/Progress.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * 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.1.1
+ * 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)));
 });