amis-ui 6.13.0-beta.8 → 6.13.0

package/esm/components/Spinner.d.ts

@@ -0,0 +1,266 @@
+/**
+ * @file Spinner
+ * @description
+ * @author fex
+ * @date 2017-11-07
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ThemeProps } from 'amis-core';
+export interface SpinnerProps extends ThemeProps, SpinnerExtraProps {
+    show?: boolean;
+    className?: string;
+    spinnerClassName?: string;
+    /**
+     * @deprecated 已废弃，没有作用
+     */
+    mode?: string;
+    size?: 'sm' | 'lg' | '';
+    icon?: string | React.ReactNode;
+    tip?: string;
+    tipPlacement?: 'top' | 'right' | 'bottom' | 'left';
+    delay?: number;
+    overlay?: boolean;
+    /** 是否处于禁用状态 */
+    disabled?: boolean;
+}
+export interface SpinnerExtraProps {
+    loadingConfig?: {
+        root?: string;
+        show?: boolean;
+    };
+}
+export declare class Spinner extends React.Component<SpinnerProps, {
+    spinning: boolean;
+    showMarker: boolean;
+    idDarkBg: boolean;
+}> {
+    static defaultProps: {
+        show: boolean;
+        className: string;
+        spinnerClassName: string;
+        size: "";
+        icon: string;
+        tip: string;
+        tipPlacement: "bottom";
+        delay: number;
+        overlay: boolean;
+        loadingConfig: {};
+        disabled: boolean;
+    };
+    state: {
+        spinning: boolean;
+        showMarker: boolean;
+        idDarkBg: boolean;
+    };
+    parent: HTMLElement | null;
+    /**
+     * 解决同级（same parent node） spinner 的 show 不全为 true 时
+     * 标记 loading 是由当前组件触发的
+     */
+    loadingTriggered: boolean;
+    spinnerRef: (dom: HTMLElement) => void;
+    componentDidUpdate(): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    /**
+     * 监控着 spinningContainers 的变化
+     */
+    loadingChecker: import("mobx").IReactionDisposer;
+    renderBody(): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+declare const _default: {
+    new (props: Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+        spinnerClassName?: string | undefined;
+        disabled?: boolean | undefined;
+        overlay?: boolean | undefined;
+        loadingConfig?: {
+            root?: string | undefined;
+            show?: boolean | undefined;
+        } | undefined;
+        icon?: React.ReactNode;
+        size?: "" | "sm" | "lg" | undefined;
+        show?: boolean | undefined;
+        delay?: number | undefined;
+        tip?: string | undefined;
+        tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
+    } & {
+        className?: string | undefined;
+    } & import("packages/amis-core/lib/theme").ThemeOuterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            spinnerClassName?: string | undefined;
+            disabled?: boolean | undefined;
+            overlay?: boolean | undefined;
+            loadingConfig?: {
+                root?: string | undefined;
+                show?: boolean | undefined;
+            } | undefined;
+            icon?: React.ReactNode;
+            size?: "" | "sm" | "lg" | undefined;
+            show?: boolean | undefined;
+            delay?: number | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
+        } & {
+            className?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            spinnerClassName?: string | undefined;
+            disabled?: boolean | undefined;
+            overlay?: boolean | undefined;
+            loadingConfig?: {
+                root?: string | undefined;
+                show?: boolean | undefined;
+            } | undefined;
+            icon?: React.ReactNode;
+            size?: "" | "sm" | "lg" | undefined;
+            show?: boolean | undefined;
+            delay?: number | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
+        } & {
+            className?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOuterProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            spinnerClassName?: string | undefined;
+            disabled?: boolean | undefined;
+            overlay?: boolean | undefined;
+            loadingConfig?: {
+                root?: string | undefined;
+                show?: boolean | undefined;
+            } | undefined;
+            icon?: React.ReactNode;
+            size?: "" | "sm" | "lg" | undefined;
+            show?: boolean | undefined;
+            delay?: number | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
+        } & {
+            className?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            spinnerClassName?: string | undefined;
+            disabled?: boolean | undefined;
+            overlay?: boolean | undefined;
+            loadingConfig?: {
+                root?: string | undefined;
+                show?: boolean | undefined;
+            } | undefined;
+            icon?: React.ReactNode;
+            size?: "" | "sm" | "lg" | undefined;
+            show?: boolean | undefined;
+            delay?: number | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
+        } & {
+            className?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            spinnerClassName?: string | undefined;
+            disabled?: boolean | undefined;
+            overlay?: boolean | undefined;
+            loadingConfig?: {
+                root?: string | undefined;
+                show?: boolean | undefined;
+            } | undefined;
+            icon?: React.ReactNode;
+            size?: "" | "sm" | "lg" | undefined;
+            show?: boolean | undefined;
+            delay?: number | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
+        } & {
+            className?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            spinnerClassName?: string | undefined;
+            disabled?: boolean | undefined;
+            overlay?: boolean | undefined;
+            loadingConfig?: {
+                root?: string | undefined;
+                show?: boolean | undefined;
+            } | undefined;
+            icon?: React.ReactNode;
+            size?: "" | "sm" | "lg" | undefined;
+            show?: boolean | undefined;
+            delay?: number | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
+        } & {
+            className?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            spinnerClassName?: string | undefined;
+            disabled?: boolean | undefined;
+            overlay?: boolean | undefined;
+            loadingConfig?: {
+                root?: string | undefined;
+                show?: boolean | undefined;
+            } | undefined;
+            icon?: React.ReactNode;
+            size?: "" | "sm" | "lg" | undefined;
+            show?: boolean | undefined;
+            delay?: number | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
+        } & {
+            className?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            spinnerClassName?: string | undefined;
+            disabled?: boolean | undefined;
+            overlay?: boolean | undefined;
+            loadingConfig?: {
+                root?: string | undefined;
+                show?: boolean | undefined;
+            } | undefined;
+            icon?: React.ReactNode;
+            size?: "" | "sm" | "lg" | undefined;
+            show?: boolean | undefined;
+            delay?: number | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
+        } & {
+            className?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            spinnerClassName?: string | undefined;
+            disabled?: boolean | undefined;
+            overlay?: boolean | undefined;
+            loadingConfig?: {
+                root?: string | undefined;
+                show?: boolean | undefined;
+            } | undefined;
+            icon?: React.ReactNode;
+            size?: "" | "sm" | "lg" | undefined;
+            show?: boolean | undefined;
+            delay?: number | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
+        } & {
+            className?: string | undefined;
+        } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof Spinner>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof Spinner, {}> & {
+    ComposedComponent: typeof Spinner;
+};
+export default _default;

package/esm/components/Spinner.js

@@ -0,0 +1,202 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+import { __extends } from 'tslib';
+import React__default from 'react';
+import ReactDOM from 'react-dom';
+import { themeable } from 'amis-core';
+import Transition, { ENTERED, ENTERING } from 'react-transition-group/Transition';
+import { Icon } from './icons.js';
+import { types } from 'mobx-state-tree';
+import { observable, reaction } from 'mobx';
+
+/**
+ * @file Spinner
+ * @description
+ * @author fex
+ * @date 2017-11-07
+ */
+var _a;
+var fadeStyles = (_a = {},
+    _a[ENTERED] = 'in',
+    _a[ENTERING] = 'in',
+    _a);
+var SpinnerSharedStore = types
+    .model('SpinnerSharedStore', {})
+    .volatile(function (self) {
+    return {
+        // 保存所有可以进入 loading 状态（props.show = true）的 Spinner 的父级容器
+        spinningContainers: observable.set([], {
+            deep: false
+        })
+    };
+})
+    .actions(function (self) {
+    return {
+        push: function (spinnerContainer) {
+            if (self.spinningContainers.has(spinnerContainer)) {
+                return;
+            }
+            self.spinningContainers.add(spinnerContainer);
+        },
+        remove: function (spinnerContainer) {
+            if (self.spinningContainers.has(spinnerContainer)) {
+                self.spinningContainers.delete(spinnerContainer);
+            }
+        },
+        /**
+         *  判断当前 Spinner 是否可以进入 loading 状态
+         * @param spinnerContainerWillCheck 待检查的 Spinner 父容器
+         * @returns {boolean} 是否可以进入 loading
+         */
+        checkLoading: function (spinnerContainerWillCheck) {
+            if (self.spinningContainers.has(spinnerContainerWillCheck)) {
+                if (!self.spinningContainers.size) {
+                    return false;
+                }
+                var loading_1 = true;
+                // 检查缓存的容器中是否有当前容器的父级元素
+                self.spinningContainers.forEach(function (container) {
+                    if (container.contains(spinnerContainerWillCheck) &&
+                        container !== spinnerContainerWillCheck) {
+                        loading_1 = false;
+                    }
+                });
+                return loading_1;
+            }
+            return false;
+        }
+    };
+});
+var store = SpinnerSharedStore.create({});
+var Spinner = /** @class */ (function (_super) {
+    __extends(Spinner, _super);
+    function Spinner() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            spinning: false,
+            showMarker: true,
+            idDarkBg: false
+        };
+        _this.parent = null;
+        /**
+         * 解决同级（same parent node） spinner 的 show 不全为 true 时
+         * 标记 loading 是由当前组件触发的
+         */
+        _this.loadingTriggered = false;
+        _this.spinnerRef = function (dom) {
+            if (dom) {
+                _this.parent = dom.parentNode;
+            }
+        };
+        /**
+         * 监控着 spinningContainers 的变化
+         */
+        _this.loadingChecker = reaction(function () { return store.spinningContainers.size; }, function () {
+            if (_this.parent) {
+                _this.setState({
+                    spinning: store.checkLoading(_this.parent) && _this.loadingTriggered
+                });
+            }
+        });
+        return _this;
+    }
+    Spinner.prototype.componentDidUpdate = function () {
+        var _a, _b;
+        var showLoading = ((_a = this.props.loadingConfig) === null || _a === void 0 ? void 0 : _a.show) === true ||
+            typeof ((_b = this.props.loadingConfig) === null || _b === void 0 ? void 0 : _b.show) === 'undefined';
+        if (this.parent && showLoading) {
+            if (this.props.show) {
+                this.loadingTriggered = true;
+                store.push(this.parent);
+            }
+            else if (this.state.spinning && this.loadingTriggered) {
+                this.loadingTriggered = false;
+                store.remove(this.parent);
+            }
+        }
+    };
+    Spinner.prototype.componentDidMount = function () {
+        var _a, _b;
+        if (this.parent && this.state.showMarker) {
+            this.setState({ showMarker: false });
+        }
+        if (this.parent) {
+            var backgroundColor = getComputedStyle(this.parent).getPropertyValue('background-color');
+            var rgba = ((_a = backgroundColor.match(/\d+/g)) === null || _a === void 0 ? void 0 : _a.map(Number)) || [];
+            var brightness = (rgba[0] * 299 + rgba[1] * 587 + rgba[2] * 114) / 1000;
+            rgba[3] = (_b = rgba[3]) !== null && _b !== void 0 ? _b : 1; // 没有设置颜色时取到的是 rgba(0, 0, 0, 0)
+            if (brightness < 200 && rgba[3] > 0.4) {
+                this.setState({ idDarkBg: true });
+            }
+        }
+    };
+    Spinner.prototype.componentWillUnmount = function () {
+        // 卸载 reaction
+        this.loadingChecker();
+        // 删除 当前 parent 元素
+        store.remove(this.parent);
+    };
+    Spinner.prototype.renderBody = function () {
+        var _this = this;
+        var _a = this.props, cx = _a.classnames, className = _a.className, spinnerClassName = _a.spinnerClassName, _b = _a.size, size = _b === void 0 ? '' : _b, overlay = _a.overlay, delay = _a.delay, iconConfig = _a.icon, tip = _a.tip, _c = _a.tipPlacement, tipPlacement = _c === void 0 ? '' : _c, loadingConfig = _a.loadingConfig, disabled = _a.disabled;
+        // 定义了挂载位置时只能使用默认icon
+        var icon = (loadingConfig === null || loadingConfig === void 0 ? void 0 : loadingConfig.root) ? undefined : iconConfig;
+        var isCustomIcon = icon && React__default.isValidElement(icon);
+        var timeout = { enter: delay, exit: 0 };
+        var showOverlay = (loadingConfig === null || loadingConfig === void 0 ? void 0 : loadingConfig.root) || overlay;
+        return (React__default.createElement(React__default.Fragment, null,
+            this.state.showMarker && (React__default.createElement("span", { className: cx('Spinner-mark'), ref: this.spinnerRef })),
+            React__default.createElement(Transition, { mountOnEnter: true, unmountOnExit: true, in: this.state.spinning, timeout: timeout }, function (status) {
+                var _a, _b, _c;
+                return (React__default.createElement(React__default.Fragment, null,
+                    showOverlay ? (React__default.createElement("div", { className: cx("Spinner-overlay", fadeStyles[status]) })) : null,
+                    React__default.createElement("div", { "data-testid": "spinner", className: cx("Spinner", tip && (_a = {},
+                            _a["Spinner-tip--".concat(tipPlacement)] = [
+                                'top',
+                                'right',
+                                'bottom',
+                                'left'
+                            ].includes(tipPlacement),
+                            _a), (_b = {}, _b["Spinner--overlay"] = showOverlay, _b), fadeStyles[status], className) },
+                        React__default.createElement("div", { className: cx("Spinner-icon", (_c = {},
+                                _c["Spinner-icon--".concat(size)] = ['lg', 'sm'].includes(size),
+                                _c['Spinner-icon--default'] = !icon,
+                                _c['Spinner-icon--simple'] = !isCustomIcon && icon,
+                                _c['Spinner-icon--custom'] = isCustomIcon,
+                                _c['Spinner-icon--disabled'] = disabled,
+                                _c), spinnerClassName, _this.state.idDarkBg && 'Spinner-icon--darkBg') }, icon ? (React__default.createElement(Icon, { cx: cx, icon: icon, className: "icon" })) : null),
+                        tip ? React__default.createElement("span", { className: cx("Spinner-tip") }, tip) : '')));
+            })));
+    };
+    Spinner.prototype.render = function () {
+        var loadingConfig = this.props.loadingConfig;
+        var spinnerBody = this.renderBody();
+        var root = loadingConfig === null || loadingConfig === void 0 ? void 0 : loadingConfig.root;
+        var dom = root ? document.querySelector(root) : null;
+        if (dom) {
+            // TODO: 找到准确的 元素
+            return ReactDOM.createPortal(spinnerBody, dom);
+        }
+        return spinnerBody;
+    };
+    Spinner.defaultProps = {
+        show: true,
+        className: '',
+        spinnerClassName: '',
+        size: '',
+        icon: '',
+        tip: '',
+        tipPlacement: 'bottom',
+        delay: 0,
+        overlay: false,
+        loadingConfig: {},
+        disabled: false
+    };
+    return Spinner;
+}(React__default.Component));
+var Spinner$1 = themeable(Spinner);
+
+export { Spinner, Spinner$1 as default };

package/esm/components/Steps.d.ts

@@ -0,0 +1,117 @@
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ClassName, ThemeProps } from 'amis-core';
+export declare enum StepStatus {
+    wait = "wait",
+    process = "process",
+    finish = "finish",
+    error = "error"
+}
+export type StepObject = {
+    className?: ClassName;
+    /**
+     * 标题
+     */
+    title?: string | JSX.Element;
+    /**
+     * 子标题
+     */
+    subTitle?: string | JSX.Element;
+    /**
+     * 图标
+     */
+    icon?: string;
+    value?: string | number;
+    /**
+     * 描述
+     */
+    description?: string | JSX.Element;
+    status?: StepStatus;
+    iconClassName?: string;
+    subTitleClassName?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+};
+export interface StepsObject {
+    /**
+     * 指定为 Steps 步骤条渲染器
+     */
+    type: 'steps';
+    /**
+     * 步骤
+     */
+    steps?: Array<StepObject>;
+    /**
+     * API 或 数据映射
+     */
+    source?: string;
+    /**
+     * 指定当前步骤
+     */
+    value?: number | string;
+    /**
+     * 变量映射
+     */
+    name?: string;
+    status: StepStatus;
+    /**
+     * 展示模式
+     */
+    mode?: 'horizontal' | 'vertical' | 'simple';
+    /**
+     * 标签放置位置
+     */
+    labelPlacement?: 'horizontal' | 'vertical';
+}
+export interface StepsProps extends ThemeProps {
+    steps: StepObject[];
+    className: string;
+    current: number;
+    status?: StepStatus | {
+        [propName: string]: StepStatus;
+    };
+    mode?: 'horizontal' | 'vertical' | 'simple';
+    labelPlacement?: 'horizontal' | 'vertical';
+    progressDot?: boolean;
+    onClickStep?: (i: number, step: StepObject) => void;
+    iconPosition?: boolean;
+    iconClassName?: string;
+    subTitleClassName?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+}
+export declare function Steps(props: StepsProps): React.JSX.Element;
+declare const _default: {
+    new (props: Omit<StepsProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<StepsProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<StepsProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<StepsProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<StepsProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<StepsProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<StepsProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<StepsProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<StepsProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<StepsProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof Steps>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof Steps, {}> & {
+    ComposedComponent: typeof Steps;
+};
+export default _default;

package/esm/components/Steps.js

@@ -0,0 +1,76 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+import React__default from 'react';
+import { themeable } from 'amis-core';
+import { Icon } from './icons.js';
+
+var StepStatus;
+(function (StepStatus) {
+    StepStatus["wait"] = "wait";
+    StepStatus["process"] = "process";
+    StepStatus["finish"] = "finish";
+    StepStatus["error"] = "error";
+})(StepStatus || (StepStatus = {}));
+function Steps(props) {
+    var stepsRow = props.steps, cx = props.classnames, className = props.className, style = props.style, current = props.current, status = props.status, _a = props.mode, mode = _a === void 0 ? 'horizontal' : _a, _b = props.labelPlacement, labelPlacement = _b === void 0 ? 'horizontal' : _b, _c = props.progressDot, progressDot = _c === void 0 ? false : _c, iconPosition = props.iconPosition, mobileUI = props.mobileUI, iconClassName = props.iconClassName, subTitleClassName = props.subTitleClassName, titleClassName = props.titleClassName, descriptionClassName = props.descriptionClassName, onClickStep = props.onClickStep;
+    var FINISH_ICON = 'check';
+    var ERROR_ICON = 'close';
+    function getStepStatus(step, i) {
+        var stepStatus = StepStatus.wait;
+        var icon = step.icon;
+        if (i < current) {
+            stepStatus = StepStatus.finish;
+            !icon && (icon = FINISH_ICON);
+        }
+        else if (i === current) {
+            stepStatus = StepStatus.process;
+        }
+        if (typeof status === 'string') {
+            if (i === current) {
+                stepStatus = step.status || status || StepStatus.process;
+                stepStatus === StepStatus.error && !icon && (icon = ERROR_ICON);
+            }
+        }
+        else if (typeof status === 'object') {
+            var key = step.value;
+            key && status[key] && (stepStatus = status[key]);
+        }
+        return {
+            stepStatus: stepStatus,
+            icon: icon
+        };
+    }
+    return (React__default.createElement("ul", { className: cx(
+        // 纵向步骤条暂时不支持labelPlacement属性
+        'Steps', "Steps--Placement-".concat(progressDot || (labelPlacement === 'vertical' && mode != 'vertical')
+            ? 'vertical'
+            : ''), "Steps--".concat(progressDot ? 'ProgressDot' : ''), "Steps--".concat(mode), mobileUI ? 'Steps-mobile' : '', className), style: style }, stepsRow.map(function (step, i) {
+        var _a = getStepStatus(step, i), stepStatus = _a.stepStatus, icon = _a.icon;
+        return (React__default.createElement("li", { key: i, className: cx('StepsItem', "is-".concat(stepStatus), step.className, "".concat(progressDot ? 'StepsItem-ProgressDot' : ''), "".concat(onClickStep && stepStatus === StepStatus.finish
+                ? 'is-clickable'
+                : '')) },
+            React__default.createElement("div", { className: cx('StepsItem-container', iconPosition && mode != 'vertical' && 'StepsItem-vertical') },
+                React__default.createElement("div", { className: cx('StepsItem-containerTail') }),
+                progressDot ? (React__default.createElement("div", { className: cx('StepsItem-containerProgressDot'), onClick: function () { return onClickStep && onClickStep(i, step); } })) : (React__default.createElement("div", { className: cx('StepsItem-containerIcon', i < current && 'is-success'), onClick: function () { return onClickStep && onClickStep(i, step); } },
+                    React__default.createElement("span", { className: cx('StepsItem-icon', iconClassName, step.iconClassName) }, icon ? React__default.createElement(Icon, { icon: icon, className: "icon" }) : i + 1))),
+                React__default.createElement("div", { className: cx('StepsItem-containerWrapper'), onClick: function () { return onClickStep && onClickStep(i, step); } },
+                    React__default.createElement("div", { className: cx('StepsItem-body') },
+                        React__default.createElement("div", { className: cx('StepsItem-title', "StepsItem-".concat(progressDot ? 'vertical-ProgressDot' : ''), i < current && 'is-success') },
+                            React__default.createElement("span", { className: cx('StepsItem-ellText', titleClassName), title: typeof step.title === 'string' ? step.title : undefined }, step.title),
+                            step.subTitle && (React__default.createElement("span", { className: cx('StepsItem-subTitle', 'StepsItem-ellText', subTitleClassName), title: typeof step.subTitle === 'string'
+                                    ? step.subTitle
+                                    : undefined }, step.subTitle))),
+                        React__default.createElement("div", { className: cx('StepsItem-description', 'StepsItem-ellText'), title: typeof step.description === 'string'
+                                ? step.description
+                                : undefined },
+                            React__default.createElement("span", { className: cx(descriptionClassName) }, step.description))),
+                    mode === 'simple' && i < stepsRow.length - 1 && (React__default.createElement("div", { className: cx('StepsItem-icon-line') },
+                        React__default.createElement(Icon, { icon: "right-arrow", className: "icon", iconContent: "StepsItem-icon-line" })))))));
+    })));
+}
+var Steps$1 = themeable(Steps);
+
+export { StepStatus, Steps, Steps$1 as default };