@apdesign/web-react 1.0.0

package/es/Portal/Portal.js

@@ -0,0 +1,57 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { Component } from 'react';
+import ReactDOM from 'react-dom';
+var Portal = /** @class */ (function (_super) {
+    __extends(Portal, _super);
+    function Portal() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.container = null;
+        return _this;
+    }
+    // constructor(props) {
+    //   super(props);
+    //   const { getContainer } = this.props;
+    //   this.container = getContainer?.()
+    // }
+    Portal.prototype.componentDidMount = function () {
+        var _this = this;
+        this.createContainer();
+        this.timer = setTimeout(function () {
+            // getContainer 返回ref时，子组件首先执行 componentDidMount,此时ref还未赋值
+            if (!_this.container) {
+                _this.createContainer();
+            }
+        });
+    };
+    Portal.prototype.componentWillUnmount = function () {
+        clearTimeout(this.timer);
+    };
+    Portal.prototype.createContainer = function () {
+        var getContainer = this.props.getContainer;
+        this.container = getContainer === null || getContainer === void 0 ? void 0 : getContainer();
+        this.forceUpdate();
+    };
+    Portal.prototype.render = function () {
+        var children = this.props.children;
+        if (this.container) {
+            return ReactDOM.createPortal(children, this.container);
+        }
+        return null;
+    };
+    return Portal;
+}(Component));
+export default Portal;

package/es/Portal/index.d.ts

@@ -0,0 +1,19 @@
+import { Component, ReactNode } from 'react';
+export interface PortalWrapperProps {
+    /** Portal 挂载的容器 */
+    getContainer?: () => Element;
+    childrenComponent?: Element;
+    forceRender?: boolean;
+    visible?: boolean;
+    children?: ReactNode;
+}
+declare class PortalWrapper extends Component<PortalWrapperProps> {
+    static displayName: string;
+    static defaultProps: {
+        getContainer: () => HTMLElement;
+    };
+    instance: any;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+export default PortalWrapper;

package/es/Portal/index.js

@@ -0,0 +1,48 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { Component } from 'react';
+import Portal from './Portal';
+var PortalWrapper = /** @class */ (function (_super) {
+    __extends(PortalWrapper, _super);
+    function PortalWrapper() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PortalWrapper.prototype.componentWillUnmount = function () {
+        this.instance = null;
+    };
+    PortalWrapper.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, forceRender = _a.forceRender, visible = _a.visible;
+        return forceRender || visible || this.instance ? (React.createElement(Portal, __assign({ ref: function (ref) { return (_this.instance = ref); } }, this.props))) : null;
+    };
+    PortalWrapper.displayName = 'Portal';
+    PortalWrapper.defaultProps = {
+        getContainer: function () { return document.body; },
+    };
+    return PortalWrapper;
+}(Component));
+export default PortalWrapper;

package/es/Progress/circle-progress.d.ts

@@ -0,0 +1,8 @@
+import { ProgressProps } from './interface';
+declare const CircleProgress: (props: ProgressProps & {
+    prefixCls?: string;
+    width: number;
+    pathStrokeWidth?: number;
+    pathStrokeColor?: string;
+}) => JSX.Element;
+export default CircleProgress;

package/es/Progress/circle-progress.js

@@ -0,0 +1,68 @@
+import React, { useCallback } from 'react';
+import { isFunction, isObject } from '../_util/is';
+import IconCheck from '../../icon/react-icon/IconCheck';
+import IconExclamation from '../../icon/react-icon/IconExclamation';
+import Tooltip from '../Tooltip';
+import useId from '../_util/hooks/useId';
+var defaultStrokeWidth = {
+    mini: 4,
+    small: 3,
+    default: 4,
+    large: 4,
+};
+var defaultWidth = {
+    mini: 16,
+    small: 48,
+    default: 64,
+    large: 80,
+};
+var CircleProgress = function (props) {
+    var size = props.size, _a = props.percent, percent = _a === void 0 ? 0 : _a, prefixCls = props.prefixCls, showText = props.showText, status = props.status, formatText = props.formatText;
+    var isLinearGradient = isObject(props.color);
+    var width = props.width || defaultWidth[size];
+    var strokeWidth = props.strokeWidth || (size === 'mini' ? width / 2 : defaultStrokeWidth[size]);
+    var radius = (width - strokeWidth) / 2;
+    var perimeter = Math.PI * 2 * radius;
+    var center = width / 2;
+    var cls = prefixCls + "-circle";
+    var svgCls = cls + "-svg";
+    var getText = useCallback(function (status) {
+        if (isFunction(formatText)) {
+            return formatText(percent);
+        }
+        switch (status) {
+            case 'success':
+                return React.createElement(IconCheck, null);
+            case 'error':
+                return React.createElement(IconExclamation, null);
+            default:
+                return percent + "%";
+        }
+    }, [formatText, percent]);
+    var linearGradientId = useId(prefixCls + "-linear-gradient-");
+    var color = isLinearGradient ? "url(#" + linearGradientId + ")" : props.color;
+    var dom = (React.createElement("div", { className: cls + "-wrapper", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": percent, style: { width: width, height: width } },
+        React.createElement("svg", { viewBox: "0 0 " + width + " " + width, className: "" + svgCls },
+            isLinearGradient && (React.createElement("defs", null,
+                React.createElement("linearGradient", { id: linearGradientId, x1: "0", y1: "1", x2: "0", y2: "0" }, Object.keys(props.color)
+                    .sort()
+                    .map(function (key) {
+                    return React.createElement("stop", { offset: key, key: key, stopColor: props.color[key] });
+                })))),
+            React.createElement("circle", { className: cls + "-mask", fill: "none", cx: center, cy: center, r: radius, strokeWidth: props.pathStrokeWidth || (size === 'mini' ? strokeWidth : Math.max(2, strokeWidth - 2)), style: {
+                    stroke: props.pathStrokeColor,
+                } }),
+            React.createElement("circle", { className: cls + "-path", fill: "none", cx: center, cy: center, r: radius, strokeWidth: strokeWidth, style: {
+                    stroke: color,
+                    strokeDasharray: perimeter,
+                    strokeDashoffset: (percent > 100 ? 100 : 1 - percent / 100) * perimeter,
+                } })),
+        showText && size !== 'mini' && React.createElement("div", { className: cls + "-text" }, getText(status))));
+    // type === line 时候，返回的是一个圆环
+    if (size === 'mini' && status === 'success' && props.type === 'circle') {
+        dom = (React.createElement("div", { className: cls + "-wrapper", style: { width: width, height: width } },
+            React.createElement(IconCheck, { style: { fontSize: width - 2, color: color } })));
+    }
+    return size === 'mini' && showText ? (React.createElement(Tooltip, { content: React.createElement("div", { className: cls + "-text" }, getText('normal')) }, dom)) : (dom);
+};
+export default CircleProgress;

package/es/Progress/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ProgressProps } from './interface';
+declare const ProgressRef: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<unknown>>;
+export default ProgressRef;
+export { ProgressProps };

package/es/Progress/index.js

@@ -0,0 +1,71 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef, useContext } from 'react';
+import cs from '../_util/classNames';
+import { ConfigContext } from '../ConfigProvider';
+import LineProgress from './line-progess';
+import CircleProgress from './circle-progress';
+import StepsProgress from './steps-progress';
+import useMergeProps from '../_util/hooks/useMergeProps';
+import omit from '../_util/omit';
+var defaultProps = {
+    type: 'line',
+    showText: true,
+    percent: 0,
+    size: 'default',
+};
+function Progress(baseProps, ref) {
+    var _a;
+    var _b = useContext(ConfigContext), getPrefixCls = _b.getPrefixCls, componentConfig = _b.componentConfig, rtl = _b.rtl;
+    var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Progress);
+    var className = props.className, style = props.style, size = props.size, width = props.width, strokeWidth = props.strokeWidth, steps = props.steps, percent = props.percent, rest = __rest(props, ["className", "style", "size", "width", "strokeWidth", "steps", "percent"]);
+    var type = steps && props.type !== 'circle' ? 'steps' : props.type;
+    var prefixCls = getPrefixCls('progress');
+    var status = 'status' in props ? props.status : percent >= 100 ? 'success' : 'normal';
+    var widthStyle = { width: width };
+    if (size === 'mini' && type === 'line') {
+        widthStyle.width = width || 16;
+        widthStyle.height = width || 16;
+    }
+    return (React.createElement("div", __assign({ ref: ref, className: cs(prefixCls, prefixCls + "-" + type, prefixCls + "-" + size, (_a = {},
+            _a[prefixCls + "-is-" + status] = status !== 'normal',
+            _a[prefixCls + "-rtl"] = rtl,
+            _a), className), style: __assign(__assign({}, widthStyle), style) }, omit(rest, [
+        'type',
+        'animation',
+        'status',
+        'color',
+        'trailColor',
+        'showText',
+        'formatText',
+        'buffer',
+        'bufferColor',
+    ])),
+        type === 'steps' && (React.createElement(StepsProgress, __assign({}, props, { type: type, status: status, prefixCls: prefixCls }))),
+        type === 'circle' && (React.createElement(CircleProgress, __assign({ width: props.width }, props, { pathStrokeColor: props.trailColor, status: status, prefixCls: prefixCls }))),
+        type === 'line' &&
+            (size === 'mini' ? (React.createElement(CircleProgress, __assign({ pathStrokeColor: props.trailColor }, props, { pathStrokeWidth: strokeWidth || 4, width: width || 16, strokeWidth: strokeWidth || 4, prefixCls: prefixCls, status: status }))) : (React.createElement(LineProgress, __assign({}, props, { status: status, prefixCls: prefixCls }))))));
+}
+var ProgressRef = forwardRef(Progress);
+ProgressRef.displayName = 'Progress';
+export default ProgressRef;

package/es/Progress/interface.d.ts

@@ -0,0 +1,87 @@
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * @title Progress
+ */
+export interface ProgressProps {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 进度条类型
+     * @en The type of Progress
+     * @defaultValue line
+     */
+    type?: 'line' | 'circle';
+    /**
+     * @zh 显示步骤进度条
+     * @en Show step progress
+     * @version 2.10.0
+     */
+    steps?: number;
+    /**
+     * @zh 动画效果，仅在 `type=line` 时可用
+     * @en Whether show animation, Only available when `type="line"`
+     */
+    animation?: boolean;
+    /**
+     * @zh 进度条状态
+     * @en Progress status.
+     * @version 2.16.0
+     */
+    status?: 'success' | 'error' | 'normal' | 'warning';
+    /**
+     * @zh 进度条颜色，优先级高于 `status`。传入对象时，会显示渐变色进度条。
+     * @en Progress color, priority is higher than `status`
+     * @version 2.10.0
+     */
+    color?: string | {
+        [key: string]: string;
+    };
+    /**
+     * @zh 剩余进度条颜色。
+     * @en The rest of progress bar color.
+     */
+    trailColor?: string;
+    /**
+     * @zh 是否展示文本
+     * @en Whether display text
+     * @defaultValue true
+     */
+    showText?: boolean;
+    /**
+     * @zh 进度条文本函数
+     * @en Progress text function
+     */
+    formatText?: (percent: number) => ReactNode;
+    /**
+     * @zh 百分比
+     * @en percent
+     * @defaultValue 0
+     */
+    percent: number;
+    /**
+     * @zh 进度条线的宽度
+     * @en The stroke width of Progress
+     */
+    strokeWidth?: number;
+    /**
+     * @zh 进度条的宽度。`circle` 类型的进度条仅支持数字类型的`width`
+     * @en The Progress width. The `circle` type Progress only supports the number type `width`
+     */
+    width?: string | number;
+    /**
+     * @zh 不同尺寸的进度条
+     * @en The size of Progress
+     * @defaultValue default
+     */
+    size?: 'small' | 'default' | 'mini' | 'large';
+    /**
+     * @zh 加载中的进度条是否显示缓冲区。仅对 `type=line` 且加载中的进度条有效。
+     * @en Whether the Progress show buffer. Only available when `type=line`
+     */
+    buffer?: boolean;
+    /**
+     * @zh 缓冲区的颜色
+     * @en Buffer color
+     */
+    bufferColor?: string | object;
+}

package/es/Progress/interface.js

@@ -0,0 +1 @@
+export {};

package/es/Progress/line-progess.d.ts

@@ -0,0 +1,2 @@
+declare function LineProgress(props: any): JSX.Element;
+export default LineProgress;

package/es/Progress/line-progess.js

@@ -0,0 +1,62 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useCallback } from 'react';
+import cs from '../_util/classNames';
+import { isFunction, isObject } from '../_util/is';
+import IconExclamationCircleFill from '../../icon/react-icon/IconExclamationCircleFill';
+var getBackground = function (color, percent) {
+    if (isObject(color)) {
+        var val = Object.keys(color)
+            .map(function (key) { return color[key] + " " + key; })
+            .join(',');
+        var sizeProps = percent ? { backgroundSize: (100 * 100) / percent + "%" } : {};
+        return __assign({ backgroundImage: "linear-gradient(to right, " + val + ")" }, sizeProps);
+    }
+    return {
+        backgroundColor: color,
+    };
+};
+var defaultStrokeWidth = {
+    small: 3,
+    default: 4,
+    large: 8,
+};
+function LineProgress(props) {
+    var _a, _b;
+    var 
+    // textInside,
+    type = props.type, prefixCls = props.prefixCls, buffer = props.buffer, percent = props.percent, color = props.color, animation = props.animation, bufferColor = props.bufferColor, formatText = props.formatText, trailColor = props.trailColor, _c = props.showText, showText = _c === void 0 ? true : _c, _d = props.size, size = _d === void 0 ? 'default' : _d, _e = props.status, status = _e === void 0 ? 'normal' : _e;
+    var strokeWidth = props.strokeWidth || defaultStrokeWidth[size];
+    var cls = prefixCls + "-" + type;
+    var height = strokeWidth;
+    var isFinish = status === 'success' || status === 'error' || percent >= 100;
+    var getText = useCallback(function () {
+        if (isFunction(formatText)) {
+            return formatText(percent);
+        }
+        switch (status) {
+            case 'error':
+                return (React.createElement("span", null,
+                    percent,
+                    "% ",
+                    React.createElement(IconExclamationCircleFill, null)));
+            default:
+                return percent + "%";
+        }
+    }, [formatText, percent, status]);
+    return (React.createElement("div", { className: cls + "-wrapper" },
+        React.createElement("div", { className: cls + "-outer", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": percent, style: { height: height, backgroundColor: trailColor } },
+            buffer && !isFinish && (React.createElement("div", { className: cls + "-inner-buffer", style: __assign({ width: (percent > 0 ? percent + 10 : 0) + "%" }, getBackground(bufferColor)) })),
+            React.createElement("div", { className: cs(cls + "-inner", (_a = {}, _a[cls + "-inner-animate"] = animation, _a)), style: __assign({ width: percent + "%" }, getBackground(color, percent)) })),
+        showText && (React.createElement("div", { className: cs(cls + "-text", (_b = {}, _b[cls + "-text-with-icon"] = status, _b)) }, getText()))));
+}
+export default LineProgress;

package/es/Progress/steps-progress.d.ts

@@ -0,0 +1,2 @@
+export declare const StepsProgress: (props: any) => JSX.Element;
+export default StepsProgress;

package/es/Progress/steps-progress.js

@@ -0,0 +1,62 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { useCallback } from 'react';
+import cs from '../_util/classNames';
+import { isFunction } from '../_util/is';
+import IconExclamationCircleFill from '../../icon/react-icon/IconExclamationCircleFill';
+export var StepsProgress = function (props) {
+    var _a;
+    var prefixCls = props.prefixCls, percent = props.percent, color = props.color, type = props.type, formatText = props.formatText, trailColor = props.trailColor, _b = props.showText, showText = _b === void 0 ? true : _b, _c = props.size, size = _c === void 0 ? 'default' : _c, _d = props.status, status = _d === void 0 ? 'normal' : _d;
+    var strokeWidth = props.strokeWidth || (size === 'small' ? 8 : 4);
+    var cls = prefixCls + "-" + type;
+    var height = strokeWidth;
+    var getText = useCallback(function () {
+        if (isFunction(formatText)) {
+            return formatText(percent);
+        }
+        switch (status) {
+            case 'error':
+                return (React.createElement("span", null,
+                    percent,
+                    "% ",
+                    React.createElement(IconExclamationCircleFill, null)));
+            default:
+                return percent + "%";
+        }
+    }, [formatText, percent, status]);
+    return (React.createElement("div", { className: cls + "-wrapper" },
+        React.createElement("div", { className: cls + "-outer", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": percent, style: { height: height } }, __spreadArray([], __read(new Array(props.steps)), false).map(function (_, index) {
+            var _a;
+            var isActive = percent > (100 / props.steps) * index;
+            return (React.createElement("div", { key: index, className: cs(cls + "-item", (_a = {},
+                    _a[cls + "-item-active"] = isActive,
+                    _a)), style: {
+                    backgroundColor: isActive ? color : trailColor || '',
+                } }));
+        })),
+        showText && (React.createElement("div", { className: cs(cls + "-text", (_a = {}, _a[cls + "-text-with-icon"] = status, _a)) }, getText()))));
+};
+export default StepsProgress;

package/es/Progress/style/css.js

@@ -0,0 +1,3 @@
+import '../../style/index.css';
+import './index.css';
+import '../../Tooltip/style/css.js';

package/es/Progress/style/index.css

@@ -0,0 +1 @@
+.arco-progress{position:relative;line-height:1;font-size:12px}.arco-progress-line,.arco-progress-steps{display:inline-block;max-width:100%;width:100%}.arco-progress-line-wrapper,.arco-progress-steps-wrapper{display:flex;align-items:center;width:100%;max-width:100%;height:100%}.arco-progress-line-text,.arco-progress-steps-text{font-size:12px;margin-left:16px;color:var(--color-text-2);white-space:nowrap;text-align:right;flex-grow:1;flex-shrink:0;min-width:32px}.arco-progress-line-text .arco-icon,.arco-progress-steps-text .arco-icon{font-size:12px;margin-left:4px}.arco-progress-line-outer{background-color:var(--color-fill-3);border-radius:100px;width:100%;position:relative;display:inline-block;overflow:hidden}.arco-progress-line-inner{height:100%;border-radius:100px;background-color:rgb(var(--primary-6));position:relative;transition:width .6s cubic-bezier(.34,.69,.1,1),background .3s cubic-bezier(.34,.69,.1,1);max-width:100%}.arco-progress-line-inner-buffer{position:absolute;background-color:var(--color-primary-light-3);height:100%;top:0;left:0;border-radius:0 100px 100px 0;max-width:100%;transition:all .6s cubic-bezier(.34,.69,.1,1)}.arco-progress-line-inner-animate::after{content:'';display:block;position:absolute;top:0;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.5) 50%,transparent 75%);background-size:400% 100%;animation:arco-progress-loading 1.5s cubic-bezier(.34,.69,.1,1) infinite}.arco-progress-line-text .arco-icon{color:var(--color-text-2)}.arco-progress-steps-outer{display:flex;width:100%}.arco-progress-steps-text{margin-left:8px;min-width:unset}.arco-progress-steps-text .arco-icon{color:var(--color-text-2)}.arco-progress-steps-item{height:100%;flex:1;background-color:var(--color-fill-3);position:relative;display:inline-block}.arco-progress-steps-item:not(:last-of-type){margin-right:3px}.arco-progress-steps-item:last-of-type{border-top-right-radius:100px;border-bottom-right-radius:100px}.arco-progress-steps-item:first-of-type{border-top-left-radius:100px;border-bottom-left-radius:100px}.arco-progress-steps-item-active{background-color:rgb(var(--primary-6))}.arco-progress-steps.arco-progress-small{width:auto}.arco-progress-steps.arco-progress-small .arco-progress-steps-item{width:2px;flex:unset;border-radius:2px}.arco-progress-steps.arco-progress-small .arco-progress-steps-item:not(:last-of-type){margin-right:3px}.arco-progress-is-warning .arco-progress-line-inner{background-color:rgb(var(--warning-6))}.arco-progress-is-warning .arco-progress-steps-item-active{background-color:rgb(var(--warning-6))}.arco-progress-is-warning .arco-progress-line-text .arco-icon,.arco-progress-is-warning .arco-progress-steps-text .arco-icon{color:rgb(var(--warning-6))}.arco-progress-is-success .arco-progress-line-inner{background-color:rgb(var(--success-6))}.arco-progress-is-success .arco-progress-steps-item-active{background-color:rgb(var(--success-6))}.arco-progress-is-success .arco-progress-line-text .arco-icon,.arco-progress-is-success .arco-progress-steps-text .arco-icon{color:rgb(var(--success-6))}.arco-progress-is-error .arco-progress-line-inner{background-color:rgb(var(--danger-6))}.arco-progress-is-error .arco-progress-steps-item-active{background-color:rgb(var(--danger-6))}.arco-progress-is-error .arco-progress-line-text .arco-icon,.arco-progress-is-error .arco-progress-steps-text .arco-icon{color:rgb(var(--danger-6))}.arco-progress-small .arco-progress-line-text{font-size:12px;margin-left:16px}.arco-progress-small .arco-progress-line-text .arco-icon{font-size:12px}.arco-progress-large .arco-progress-line-text{font-size:16px;margin-left:16px}.arco-progress-large .arco-progress-line-text .arco-icon{font-size:14px}.arco-progress-circle{display:inline-block}.arco-progress-circle-wrapper{position:relative;text-align:center;line-height:1;display:inline-block;vertical-align:text-bottom}.arco-progress-circle-svg{transform:rotate(-90deg)}.arco-progress-circle-text{font-size:14px}.arco-progress-circle-text .arco-icon{font-size:16px;color:var(--color-text-2)}.arco-progress-circle .arco-progress-circle-text{position:absolute;top:50%;left:50%;color:var(--color-text-3);transform:translate(-50%,-50%)}.arco-progress-circle-mask{stroke:var(--color-fill-3)}.arco-progress-circle-path{stroke:rgb(var(--primary-6));transition:stroke-dashoffset .6s cubic-bezier(0,0,1,1) 0s,stroke .6s cubic-bezier(0,0,1,1)}.arco-progress-mini .arco-progress-circle-mask{stroke:var(--color-primary-light-3)}.arco-progress-mini .arco-progress-circle-path{stroke:rgb(var(--primary-6))}.arco-progress-mini.arco-progress-is-warning .arco-progress-circle-mask{stroke:var(--color-warning-light-3)}.arco-progress-mini.arco-progress-is-error .arco-progress-circle-mask{stroke:var(--color-danger-light-3)}.arco-progress-mini.arco-progress-is-success .arco-progress-circle-mask{stroke:var(--color-success-light-3)}.arco-progress-mini.arco-progress-is-success .arco-progress-circle-wrapper .arco-icon-check{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.arco-progress-mini .arco-progress-circle-text{position:static;top:unset;left:unset;transform:unset}.arco-progress-small .arco-progress-circle-text{font-size:13px}.arco-progress-small .arco-progress-circle-text .arco-icon{font-size:14px}.arco-progress-large .arco-progress-circle-text{font-size:16px}.arco-progress-large .arco-progress-circle-text .arco-icon{font-size:16px}.arco-progress-is-warning .arco-progress-circle-path{stroke:rgb(var(--warning-6))}.arco-progress-is-warning .arco-icon{color:rgb(var(--warning-6))}.arco-progress-is-success .arco-progress-circle-path{stroke:rgb(var(--success-6))}.arco-progress-is-success .arco-icon{color:rgb(var(--success-6))}.arco-progress-is-error .arco-progress-circle-path{stroke:rgb(var(--danger-6))}.arco-progress-is-error .arco-icon{color:rgb(var(--danger-6))}@keyframes arco-progress-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.arco-progress-rtl .arco-progress-line-text,.arco-progress-rtl .arco-progress-steps-text{margin-left:0;margin-right:16px}.arco-progress-rtl .arco-progress-line-text .arco-icon,.arco-progress-rtl .arco-progress-steps-text .arco-icon{margin-left:0;margin-right:4px}.arco-progress-rtl .arco-progress-steps-text{margin-left:0;margin-right:8px}.arco-progress-rtl .arco-progress-steps-item:not(:last-of-type){margin-right:0;margin-left:3px}.arco-progress-rtl.arco-progress-steps.arco-progress-small .arco-progress-steps-item:not(:last-of-type){margin-right:0;margin-left:3px}.arco-progress-rtl.arco-progress-small .arco-progress-line-text{margin-right:16px;margin-left:0}.arco-progress-rtl.arco-progress-large .arco-progress-line-text{margin-right:16px;margin-left:0}.arco-progress-rtl.arco-progress-line .arco-progress-line-inner-buffer{left:initial;right:0}

package/es/Progress/style/index.d.ts

@@ -0,0 +1,3 @@
+import '../../style/index.less';
+import './index.less';
+import '../../Tooltip/style';

package/es/Progress/style/index.js

@@ -0,0 +1,3 @@
+import '../../style/index.less';
+import './index.less';
+import '../../Tooltip/style';