amis-ui 6.2.2 → 6.4.0

package/esm/components/AssociatedSelection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -64,17 +64,17 @@ var AssociatedSelection = /** @class */ (function (_super) {
         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;
+        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 })) : (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 }))),
+            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 })) : 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 })) : 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 })) : (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 }))) : (React__default.createElement("div", { className: cx('AssociatedSelection-box') }, __('Transfer.configError')))) : (React__default.createElement("div", { className: cx('AssociatedSelection-box') }, __('Transfer.selectFromLeft'))))));
+                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,

package/esm/components/Avatar.d.ts

@@ -90,30 +90,30 @@ export declare class Avatar extends React.Component<AvatarCmptProps, AvatarState
 }
 declare const _default: {
     new (props: Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-        icon?: React.ReactNode | IconCheckedSchema;
-        text?: string | undefined;
         children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+        text?: string | undefined;
+        icon?: React.ReactNode | IconCheckedSchema;
         onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-        size?: number | "small" | "default" | "large" | undefined;
-        src?: React.ReactNode;
-        fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
-        shape?: "circle" | "square" | "rounded" | undefined;
-        gap?: number | undefined;
+        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;
-        crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
         onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-        onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-        onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
     } & {
-        classnames?: ClassNamesFn | undefined;
         classPrefix?: string | undefined;
-        style?: {
-            [prop: string]: any;
-        } | undefined;
+        classnames?: ClassNamesFn | undefined;
         className?: string | undefined;
         theme?: string | undefined;
         mobileUI?: boolean | undefined;
+        style?: {
+            [prop: string]: any;
+        } | undefined;
     } & import("packages/amis-core/lib/theme").ThemeOuterProps): {
         ref: any;
         childRef(ref: any): void;
@@ -121,57 +121,57 @@ declare const _default: {
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            icon?: React.ReactNode | IconCheckedSchema;
-            text?: string | undefined;
             children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            text?: string | undefined;
+            icon?: React.ReactNode | IconCheckedSchema;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            src?: React.ReactNode;
-            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            gap?: number | undefined;
+            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;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: {
+                [prop: string]: any;
+            } | 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> & {
-            icon?: React.ReactNode | IconCheckedSchema;
-            text?: string | undefined;
             children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            text?: string | undefined;
+            icon?: React.ReactNode | IconCheckedSchema;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            src?: React.ReactNode;
-            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            gap?: number | undefined;
+            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;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: {
+                [prop: string]: any;
+            } | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>;
         state: Readonly<{}>;
         refs: {
@@ -179,190 +179,190 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            icon?: React.ReactNode | IconCheckedSchema;
-            text?: string | undefined;
             children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            text?: string | undefined;
+            icon?: React.ReactNode | IconCheckedSchema;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            src?: React.ReactNode;
-            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            gap?: number | undefined;
+            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;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: {
+                [prop: string]: any;
+            } | 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> & {
-            icon?: React.ReactNode | IconCheckedSchema;
-            text?: string | undefined;
             children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            text?: string | undefined;
+            icon?: React.ReactNode | IconCheckedSchema;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            src?: React.ReactNode;
-            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            gap?: number | undefined;
+            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;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: {
+                [prop: string]: any;
+            } | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            icon?: React.ReactNode | IconCheckedSchema;
-            text?: string | undefined;
             children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            text?: string | undefined;
+            icon?: React.ReactNode | IconCheckedSchema;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            src?: React.ReactNode;
-            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            gap?: number | undefined;
+            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;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: {
+                [prop: string]: any;
+            } | 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> & {
-            icon?: React.ReactNode | IconCheckedSchema;
-            text?: string | undefined;
             children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            text?: string | undefined;
+            icon?: React.ReactNode | IconCheckedSchema;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            src?: React.ReactNode;
-            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            gap?: number | undefined;
+            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;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: {
+                [prop: string]: any;
+            } | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            icon?: React.ReactNode | IconCheckedSchema;
-            text?: string | undefined;
             children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            text?: string | undefined;
+            icon?: React.ReactNode | IconCheckedSchema;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            src?: React.ReactNode;
-            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            gap?: number | undefined;
+            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;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: {
+                [prop: string]: any;
+            } | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            icon?: React.ReactNode | IconCheckedSchema;
-            text?: string | undefined;
             children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            text?: string | undefined;
+            icon?: React.ReactNode | IconCheckedSchema;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            src?: React.ReactNode;
-            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            gap?: number | undefined;
+            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;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: {
+                [prop: string]: any;
+            } | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            icon?: React.ReactNode | IconCheckedSchema;
-            text?: string | undefined;
             children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            text?: string | undefined;
+            icon?: React.ReactNode | IconCheckedSchema;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            size?: number | "small" | "default" | "large" | undefined;
-            src?: React.ReactNode;
-            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
-            shape?: "circle" | "square" | "rounded" | undefined;
-            gap?: number | undefined;
+            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;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
-            onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: {
-                [prop: string]: any;
-            } | undefined;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: {
+                [prop: string]: any;
+            } | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;

package/esm/components/Avatar.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/Badge.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/BaiduMapPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/BarCode.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/Breadcrumb.d.ts

@@ -5,6 +5,7 @@
 import React from 'react';
 import { Trigger } from './TooltipWrapper';
 import { ClassNamesFn, ThemeProps } from 'amis-core';
+import type { TestIdBuilder } from 'amis-core';
 export type ItemPlace = 'start' | 'middle' | 'end';
 export type TooltipPositionType = 'top' | 'bottom' | 'left' | 'right';
 interface BreadcrumbItemState {
@@ -25,12 +26,14 @@ interface BreadcrumbItemProps {
     tooltipContainer?: any;
     tooltipPosition?: TooltipPositionType;
     classnames: ClassNamesFn;
+    testIdBuilder?: TestIdBuilder;
     [propName: string]: any;
 }
 interface BreadcrumbProps extends ThemeProps {
     tooltipContainer?: any;
     tooltipPosition?: TooltipPositionType;
     items: Array<BreadcrumbBaseItem>;
+    testIdBuilder?: TestIdBuilder;
     [propName: string]: any;
 }
 /**

package/esm/components/Breadcrumb.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -22,13 +22,14 @@ var Breadcrumb = /** @class */ (function (_super) {
     }
     Breadcrumb.prototype.render = function () {
         var cx = this.props.classnames;
-        var _a = this.props, className = _a.className, style = _a.style, separatorClassName = _a.separatorClassName, items = _a.items, separator = _a.separator, restProps = __rest(_a, ["className", "style", "separatorClassName", "items", "separator"]);
+        var _a = this.props, className = _a.className, style = _a.style, separatorClassName = _a.separatorClassName, items = _a.items, separator = _a.separator, testIdBuilder = _a.testIdBuilder, restProps = __rest(_a, ["className", "style", "separatorClassName", "items", "separator", "testIdBuilder"]);
         var crumbsLength = items === null || items === void 0 ? void 0 : items.length;
         if (!crumbsLength) {
             return React__default.createElement("div", { className: cx('Breadcrumb', className) });
         }
         var crumbs = items
             .map(function (item, index) {
+            var itemTestIdBuilder = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("item-".concat(item.label || index));
             var itemPlace = 'middle';
             if (index === 0) {
                 itemPlace = 'start';
@@ -36,7 +37,7 @@ var Breadcrumb = /** @class */ (function (_super) {
             if (index === crumbsLength - 1) {
                 itemPlace = 'end';
             }
-            return (React__default.createElement(BreadcrumbItem, __assign({}, restProps, { item: item, itemPlace: itemPlace, key: index })));
+            return (React__default.createElement(BreadcrumbItem, __assign({}, restProps, { item: item, itemPlace: itemPlace, key: index, testIdBuilder: itemTestIdBuilder })));
         })
             .reduce(function (prev, curr, index) { return [
             prev,
@@ -89,14 +90,14 @@ var BreadcrumbItem = /** @class */ (function (_super) {
      * @returns
      */
     BreadcrumbItem.prototype.renderBreadcrumbBaseItem = function (showHref, itemType, item, label) {
-        var _a = this.props, itemClassName = _a.itemClassName, dropdownItemClassName = _a.dropdownItemClassName, cx = _a.classnames;
+        var _a = this.props, itemClassName = _a.itemClassName, dropdownItemClassName = _a.dropdownItemClassName, cx = _a.classnames, testIdBuilder = _a.testIdBuilder;
         var baseItemClassName = itemType === 'default' ? itemClassName : dropdownItemClassName;
         if (showHref) {
-            return (React__default.createElement("a", { href: item.href, className: cx('Breadcrumb-item-' + itemType, baseItemClassName) },
+            return (React__default.createElement("a", __assign({ href: item.href, className: cx('Breadcrumb-item-' + itemType, baseItemClassName) }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()),
                 item.icon ? (React__default.createElement(Icon, { cx: cx, icon: item.icon, className: "Icon", classNameProp: "Breadcrumb-icon" })) : null,
                 React__default.createElement("span", { className: cx('TplField') }, label)));
         }
-        return (React__default.createElement("span", { className: cx('Breadcrumb-item-' + itemType, baseItemClassName) },
+        return (React__default.createElement("span", __assign({ className: cx('Breadcrumb-item-' + itemType, baseItemClassName) }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()),
             item.icon ? (React__default.createElement(Icon, { cx: cx, icon: item.icon, className: "Icon", classNameProp: "Breadcrumb-icon" })) : null,
             React__default.createElement("span", { className: cx('TplField') }, label)));
     };