amis-ui 6.13.0-beta.7 → 6.13.0-beta.8

package/esm/components/AssociatedSelection.js

@@ -1,103 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-import { __extends, __decorate, __metadata } from 'tslib';
-import React__default from 'react';
-import { BaseSelection } from './Selection.js';
-import { autobind, themeable, localeable, uncontrollable } from 'amis-core';
-import GroupedSelection from './GroupedSelection.js';
-import TableCheckboxes from './TableSelection.js';
-import ChainedCheckboxes from './ChainedSelection.js';
-import { Icon } from './icons.js';
-import Tree from './Tree.js';
-
-/**
- * 关联多选框，仅支持两层关联选择。
- * 左边先点选，然后右边再次点选。
- * 可以满足，先从 tree 中选中一个元素，然后查出来一个列表再次勾选。
- */
-var AssociatedSelection = /** @class */ (function (_super) {
-    __extends(AssociatedSelection, _super);
-    function AssociatedSelection() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            leftValue: _this.props.leftDefaultValue
-        };
-        return _this;
-    }
-    AssociatedSelection.prototype.componentDidMount = function () {
-        var leftValue = this.state.leftValue;
-        var _a = this.props, options = _a.options, onDeferLoad = _a.onDeferLoad, _b = _a.deferField, deferField = _b === void 0 ? 'defer' : _b;
-        if (leftValue) {
-            var selectdOption = BaseSelection.resolveSelected(leftValue, options, function (option) { return option.ref; });
-            if (selectdOption && onDeferLoad && selectdOption[deferField]) {
-                onDeferLoad(selectdOption);
-            }
-        }
-    };
-    AssociatedSelection.prototype.leftOption2Value = function (option) {
-        return option.value;
-    };
-    AssociatedSelection.prototype.handleLeftSelect = function (value) {
-        var _a = this.props, options = _a.options, onDeferLoad = _a.onDeferLoad, _b = _a.deferField, deferField = _b === void 0 ? 'defer' : _b;
-        this.setState({ leftValue: value });
-        var selectdOption = BaseSelection.resolveSelected(value, options, function (option) { return option.ref; });
-        if (selectdOption && onDeferLoad && selectdOption[deferField]) {
-            onDeferLoad(selectdOption);
-        }
-    };
-    AssociatedSelection.prototype.handleLeftDeferLoad = function (option) {
-        var _a = this.props, leftOptions = _a.leftOptions, onLeftDeferLoad = _a.onLeftDeferLoad, onDeferLoad = _a.onDeferLoad;
-        if (typeof onLeftDeferLoad === 'function') {
-            // TabsTransfer
-            return onLeftDeferLoad === null || onLeftDeferLoad === void 0 ? void 0 : onLeftDeferLoad(option, leftOptions);
-        }
-        else if (typeof onDeferLoad === 'function') {
-            // Select
-            return onDeferLoad === null || onDeferLoad === void 0 ? void 0 : onDeferLoad(option);
-        }
-    };
-    AssociatedSelection.prototype.handleRetry = function (option) {
-        var onDeferLoad = this.props.onDeferLoad;
-        onDeferLoad === null || onDeferLoad === void 0 ? void 0 : onDeferLoad(option);
-    };
-    AssociatedSelection.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, className = _a.className, leftOptions = _a.leftOptions, options = _a.options, option2value = _a.option2value, rightMode = _a.rightMode, onChange = _a.onChange, columns = _a.columns, value = _a.value, disabled = _a.disabled, leftMode = _a.leftMode, cellRender = _a.cellRender, multiple = _a.multiple, itemRender = _a.itemRender, labelField = _a.labelField, virtualThreshold = _a.virtualThreshold, itemHeight = _a.itemHeight, loadingConfig = _a.loadingConfig, checkAll = _a.checkAll, checkAllLabel = _a.checkAllLabel, _b = _a.deferField, deferField = _b === void 0 ? 'defer' : _b, testIdBuilder = _a.testIdBuilder;
-        var selectdOption = BaseSelection.resolveSelected(this.state.leftValue, options, function (option) { return option.ref; });
-        var __ = this.props.translate;
-        return (React__default.createElement("div", { className: cx('AssociatedSelection', className) },
-            React__default.createElement("div", { className: cx('AssociatedSelection-left') }, leftMode === 'tree' ? (React__default.createElement(Tree, { multiple: false, disabled: disabled, value: this.state.leftValue, options: leftOptions, onChange: this.handleLeftSelect, onDeferLoad: this.handleLeftDeferLoad, virtualThreshold: virtualThreshold, itemHeight: itemHeight, loadingConfig: loadingConfig, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('left-selection') })) : (React__default.createElement(GroupedSelection, { option2value: this.leftOption2Value, options: leftOptions, value: this.state.leftValue, disabled: disabled, onChange: this.handleLeftSelect, multiple: false, clearable: false, virtualThreshold: virtualThreshold, itemHeight: itemHeight, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('left-selection') }))),
-            React__default.createElement("div", { className: cx('AssociatedSelection-right') }, this.state.leftValue ? (selectdOption ? (selectdOption[deferField] && !selectdOption.loaded ? (React__default.createElement("div", { className: cx('AssociatedSelection-box') },
-                React__default.createElement("div", { className: cx('AssociatedSelection-reload', selectdOption.loading ? 'is-spin' : 'is-clickable'), onClick: selectdOption.loading
-                        ? undefined
-                        : this.handleRetry.bind(this, selectdOption) },
-                    React__default.createElement(Icon, { icon: "reload", className: "icon" })),
-                selectdOption.loading ? (React__default.createElement("p", null, __('loading'))) : (React__default.createElement("p", null, __('Transfer.refreshIcon'))))) : rightMode === 'table' ? (React__default.createElement(TableCheckboxes, { columns: columns, value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, cellRender: cellRender, multiple: multiple, virtualThreshold: virtualThreshold, itemHeight: itemHeight, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('right-selection') })) : rightMode === 'tree' ? (React__default.createElement(Tree, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, multiple: multiple, labelField: labelField, virtualThreshold: virtualThreshold, itemHeight: itemHeight, loadingConfig: loadingConfig, checkAllLabel: checkAllLabel, checkAll: checkAll, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('right-selection') })) : rightMode === 'chained' ? (React__default.createElement(ChainedCheckboxes, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, multiple: multiple, itemRender: itemRender, labelField: labelField, virtualThreshold: virtualThreshold, itemHeight: itemHeight, loadingConfig: loadingConfig, checkAllLabel: checkAllLabel, checkAll: checkAll, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('right-selection') })) : (React__default.createElement(GroupedSelection, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, multiple: multiple, itemRender: itemRender, labelField: labelField, virtualThreshold: virtualThreshold, itemHeight: itemHeight, checkAllLabel: checkAllLabel, checkAll: checkAll, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('right-selection') }))) : (React__default.createElement("div", { className: cx('AssociatedSelection-box') }, __('Transfer.configError')))) : (React__default.createElement("div", { className: cx('AssociatedSelection-box') }, __('Transfer.selectFromLeft'))))));
-    };
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], AssociatedSelection.prototype, "leftOption2Value", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], AssociatedSelection.prototype, "handleLeftSelect", null);
-    __decorate([
-        autobind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], AssociatedSelection.prototype, "handleLeftDeferLoad", null);
-    return AssociatedSelection;
-}(BaseSelection));
-var AssociatedCheckboxes = themeable(localeable(uncontrollable(AssociatedSelection, {
-    value: 'onChange'
-})));
-
-export { AssociatedSelection, AssociatedCheckboxes as default };

package/esm/components/AutoSizer.d.ts

@@ -1,2 +0,0 @@
-import { AutoSizer } from './virtual-list';
-export default AutoSizer;

package/esm/components/AutoSizer.js

@@ -1,8 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-import './virtual-list/index.js';
-import AutoSizer from './virtual-list/AutoSizer.js';
-export { default } from './virtual-list/AutoSizer.js';

package/esm/components/Avatar.d.ts

@@ -1,374 +0,0 @@
-/// <reference types="hoist-non-react-statics" />
-import * as React from 'react';
-import { ClassNamesFn, ThemeProps } from 'amis-core';
-import { IconCheckedSchema } from './icons';
-/**
- * Avatar 属性
- */
-interface AvatarCmptProps extends ThemeProps {
-    style?: {
-        [prop: string]: any;
-    };
-    className?: string;
-    classnames: ClassNamesFn;
-    /**
-     * 图片地址
-     */
-    src?: string | React.ReactNode;
-    /**
-     * 图标
-     */
-    icon?: string | React.ReactNode | IconCheckedSchema;
-    /**
-     * 图片相对于容器的缩放方式
-     */
-    fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
-    /**
-     * 形状
-     */
-    shape?: 'circle' | 'square' | 'rounded';
-    /**
-     * 大小
-     */
-    size?: number | 'small' | 'default' | 'large';
-    /**
-     * 文本
-     */
-    text?: string;
-    /**
-     * 字符类型距离左右两侧边界单位像素
-     */
-    gap?: number;
-    /**
-     * 图片无法显示时的替换文字地址
-     */
-    alt?: string;
-    /**
-     * 图片是否允许拖动
-     */
-    draggable?: boolean;
-    /**
-     * 图片CORS属性
-     */
-    crossOrigin?: 'anonymous' | 'use-credentials' | '';
-    /**
-     * 图片加载失败的事件，返回 false 会关闭组件默认的
-     */
-    onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean;
-    /**
-     *
-     */
-    children?: React.ReactNode | Array<React.ReactNode> | ((props?: any) => React.ReactNode | Array<React.ReactNode>);
-    /**
-     * 点击事件
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    /**
-     * 鼠标移入事件
-     */
-    onMouseEnter?: (e: React.MouseEvent) => void;
-    /**
-     * 鼠标移出事件
-     */
-    onMouseLeave?: (e: React.MouseEvent) => void;
-}
-export interface AvatarState {
-    scale: number;
-    hasImg: boolean;
-}
-export declare class Avatar extends React.Component<AvatarCmptProps, AvatarState> {
-    static defaultProps: Partial<AvatarCmptProps>;
-    state: AvatarState;
-    avatarChildrenRef: React.RefObject<HTMLElement>;
-    avatarRef: React.RefObject<HTMLElement>;
-    constructor(props: AvatarCmptProps);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: AvatarCmptProps, prevState: AvatarState): void;
-    handleImageLoadError(event: React.SyntheticEvent<HTMLImageElement, Event>): void;
-    setScaleByGap(): void;
-    render(): React.JSX.Element;
-}
-declare const _default: {
-    new (props: Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-        children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
-        text?: string | undefined;
-        onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-        icon?: React.ReactNode | IconCheckedSchema;
-        onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-        onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-        alt?: string | undefined;
-        src?: React.ReactNode;
-        draggable?: boolean | undefined;
-        onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-        size?: number | "small" | "default" | "large" | undefined;
-        crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-        shape?: "circle" | "square" | "rounded" | undefined;
-        fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
-        gap?: number | undefined;
-    } & {
-        className?: string | undefined;
-        style?: {
-            [prop: string]: any;
-        } | undefined;
-        classnames?: ClassNamesFn | undefined;
-        classPrefix?: string | undefined;
-        theme?: string | undefined;
-        mobileUI?: boolean | 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<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
-            text?: string | undefined;
-            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            alt?: string | undefined;
-            src?: React.ReactNode;
-            draggable?: boolean | undefined;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
-            gap?: number | undefined;
-        } & {
-            className?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | 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<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
-            text?: string | undefined;
-            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            alt?: string | undefined;
-            src?: React.ReactNode;
-            draggable?: boolean | undefined;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
-            gap?: number | undefined;
-        } & {
-            className?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOuterProps>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
-            text?: string | undefined;
-            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            alt?: string | undefined;
-            src?: React.ReactNode;
-            draggable?: boolean | undefined;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
-            gap?: number | undefined;
-        } & {
-            className?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | 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<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
-            text?: string | undefined;
-            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            alt?: string | undefined;
-            src?: React.ReactNode;
-            draggable?: boolean | undefined;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
-            gap?: number | undefined;
-        } & {
-            className?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
-            text?: string | undefined;
-            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            alt?: string | undefined;
-            src?: React.ReactNode;
-            draggable?: boolean | undefined;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
-            gap?: number | undefined;
-        } & {
-            className?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
-            text?: string | undefined;
-            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            alt?: string | undefined;
-            src?: React.ReactNode;
-            draggable?: boolean | undefined;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
-            gap?: number | undefined;
-        } & {
-            className?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
-            text?: string | undefined;
-            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            alt?: string | undefined;
-            src?: React.ReactNode;
-            draggable?: boolean | undefined;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
-            gap?: number | undefined;
-        } & {
-            className?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
-            text?: string | undefined;
-            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            alt?: string | undefined;
-            src?: React.ReactNode;
-            draggable?: boolean | undefined;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
-            gap?: number | undefined;
-        } & {
-            className?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
-            text?: string | undefined;
-            onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            alt?: string | undefined;
-            src?: React.ReactNode;
-            draggable?: boolean | undefined;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
-            gap?: number | undefined;
-        } & {
-            className?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
-        } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    displayName: string;
-    contextType: React.Context<string>;
-    ComposedComponent: React.ComponentType<typeof Avatar>;
-} & import("hoist-non-react-statics").NonReactStatics<typeof Avatar, {}> & {
-    ComposedComponent: typeof Avatar;
-};
-export default _default;

package/esm/components/Avatar.js

@@ -1,126 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-import { __extends, __assign } from 'tslib';
-import * as React from 'react';
-import { themeable } from 'amis-core';
-import { Icon } from './icons.js';
-
-var prefix = 'Avatar--';
-var childPrefix = prefix + 'text';
-var Avatar = /** @class */ (function (_super) {
-    __extends(Avatar, _super);
-    function Avatar(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            scale: 1,
-            hasImg: true
-        };
-        _this.avatarChildrenRef = React.createRef();
-        _this.avatarRef = React.createRef();
-        _this.handleImageLoadError = _this.handleImageLoadError.bind(_this);
-        return _this;
-    }
-    Avatar.prototype.componentDidMount = function () {
-        this.setScaleByGap();
-    };
-    Avatar.prototype.componentDidUpdate = function (prevProps, prevState) {
-        var _a = this.props, src = _a.src, gap = _a.gap, text = _a.text, children = _a.children;
-        var hasImg = this.state.hasImg;
-        if (prevProps.src !== src) {
-            this.setState({
-                hasImg: !!src
-            });
-        }
-        if ((prevState.hasImg && !hasImg) ||
-            prevProps.text !== text ||
-            prevProps.children !== children ||
-            prevProps.gap !== gap) {
-            this.setScaleByGap();
-        }
-    };
-    Avatar.prototype.handleImageLoadError = function (event) {
-        var onError = this.props.onError;
-        this.setState({
-            hasImg: onError ? !onError(event) : false
-        });
-    };
-    Avatar.prototype.setScaleByGap = function () {
-        var _a = this.props.gap, gap = _a === void 0 ? 4 : _a;
-        if (!this.avatarChildrenRef.current || !this.avatarRef.current) {
-            return;
-        }
-        var childrenWidth = this.avatarChildrenRef.current.offsetWidth;
-        var nodeWidth = this.avatarRef.current.offsetWidth;
-        if (childrenWidth && nodeWidth) {
-            if (gap * 2 < nodeWidth) {
-                var diff = nodeWidth - gap * 2;
-                this.setState({
-                    scale: diff < childrenWidth ? diff / childrenWidth : 1
-                });
-            }
-        }
-    };
-    Avatar.prototype.render = function () {
-        var _a = this.props, _b = _a.style, style = _b === void 0 ? {} : _b, className = _a.className, shape = _a.shape, size = _a.size, src = _a.src, icon = _a.icon, alt = _a.alt, draggable = _a.draggable, crossOrigin = _a.crossOrigin, fit = _a.fit, text = _a.text, children = _a.children, cx = _a.classnames, onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
-        var _c = this.state, scale = _c.scale, hasImg = _c.hasImg;
-        var isImgRender = React.isValidElement(src);
-        var isIconRender = React.isValidElement(icon);
-        var childrenRender;
-        var sizeStyle = {};
-        var sizeClass = '';
-        if (typeof size === 'number') {
-            sizeStyle = {
-                height: size,
-                width: size,
-                lineHeight: size + 'px'
-            };
-        }
-        else if (typeof size === 'string') {
-            sizeClass =
-                size === 'large'
-                    ? "".concat(prefix, "lg")
-                    : size === 'small'
-                        ? "".concat(prefix, "sm")
-                        : '';
-        }
-        var scaleX = "scale(".concat(scale, ") translateX(-50%)");
-        var scaleStyle = {
-            msTransform: scaleX,
-            WebkitTransform: scaleX,
-            transform: scaleX
-        };
-        if (typeof src === 'string' && hasImg) {
-            var imgStyle = fit ? { objectFit: fit } : {};
-            childrenRender = (React.createElement("img", { style: imgStyle, src: src, alt: alt, draggable: draggable, onError: this.handleImageLoadError, crossOrigin: crossOrigin }));
-        }
-        else if (isImgRender) {
-            childrenRender = src;
-        }
-        else if (typeof text === 'string' || typeof text === 'number') {
-            childrenRender = (React.createElement("span", { className: cx(childPrefix), ref: this.avatarChildrenRef, style: scaleStyle }, text));
-        }
-        else if (['string', 'object'].includes(typeof icon)) {
-            childrenRender = React.createElement(Icon, { cx: cx, icon: icon });
-        }
-        else if (isIconRender) {
-            childrenRender = icon;
-        }
-        else {
-            childrenRender = (React.createElement("span", { className: cx(childPrefix), ref: this.avatarChildrenRef, style: scaleStyle }, typeof children === 'function' ? children() : children));
-        }
-        return (React.createElement("span", { className: cx("Avatar", className, prefix + shape, sizeClass), style: __assign(__assign({}, sizeStyle), style), onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: this.avatarRef }, childrenRender));
-    };
-    Avatar.defaultProps = {
-        shape: 'circle',
-        size: 'default',
-        fit: 'cover',
-        gap: 4
-    };
-    return Avatar;
-}(React.Component));
-var Avatar$1 = themeable(Avatar);
-
-export { Avatar, Avatar$1 as default };