amis-ui 6.2.2 → 6.4.0

package/lib/components/AssociatedSelection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -66,17 +66,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 = Selection.BaseSelection.resolveSelected(this.state.leftValue, options, function (option) { return option.ref; });
         var __ = this.props.translate;
         return (_J$X_("div", { className: cx('AssociatedSelection', className) },
-            _J$X_("div", { className: cx('AssociatedSelection-left') }, leftMode === 'tree' ? (_J$X_(Tree["default"], { multiple: false, disabled: disabled, value: this.state.leftValue, options: leftOptions, onChange: this.handleLeftSelect, onDeferLoad: this.handleLeftDeferLoad, virtualThreshold: virtualThreshold, itemHeight: itemHeight, loadingConfig: loadingConfig })) : (_J$X_(GroupedSelection["default"], { option2value: this.leftOption2Value, options: leftOptions, value: this.state.leftValue, disabled: disabled, onChange: this.handleLeftSelect, multiple: false, clearable: false, virtualThreshold: virtualThreshold, itemHeight: itemHeight }))),
+            _J$X_("div", { className: cx('AssociatedSelection-left') }, leftMode === 'tree' ? (_J$X_(Tree["default"], { 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') })) : (_J$X_(GroupedSelection["default"], { 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') }))),
             _J$X_("div", { className: cx('AssociatedSelection-right') }, this.state.leftValue ? (selectdOption ? (selectdOption[deferField] && !selectdOption.loaded ? (_J$X_("div", { className: cx('AssociatedSelection-box') },
                 _J$X_("div", { className: cx('AssociatedSelection-reload', selectdOption.loading ? 'is-spin' : 'is-clickable'), onClick: selectdOption.loading
                         ? undefined
                         : this.handleRetry.bind(this, selectdOption) },
                     _J$X_(icons.Icon, { icon: "reload", className: "icon" })),
-                selectdOption.loading ? (_J$X_("p", null, __('loading'))) : (_J$X_("p", null, __('Transfer.refreshIcon'))))) : rightMode === 'table' ? (_J$X_(TableSelection["default"], { columns: columns, value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, cellRender: cellRender, multiple: multiple, virtualThreshold: virtualThreshold, itemHeight: itemHeight })) : rightMode === 'tree' ? (_J$X_(Tree["default"], { 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' ? (_J$X_(ChainedSelection["default"], { 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 })) : (_J$X_(GroupedSelection["default"], { 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 }))) : (_J$X_("div", { className: cx('AssociatedSelection-box') }, __('Transfer.configError')))) : (_J$X_("div", { className: cx('AssociatedSelection-box') }, __('Transfer.selectFromLeft'))))));
+                selectdOption.loading ? (_J$X_("p", null, __('loading'))) : (_J$X_("p", null, __('Transfer.refreshIcon'))))) : rightMode === 'table' ? (_J$X_(TableSelection["default"], { 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' ? (_J$X_(Tree["default"], { 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' ? (_J$X_(ChainedSelection["default"], { 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') })) : (_J$X_(GroupedSelection["default"], { 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') }))) : (_J$X_("div", { className: cx('AssociatedSelection-box') }, __('Transfer.configError')))) : (_J$X_("div", { className: cx('AssociatedSelection-box') }, __('Transfer.selectFromLeft'))))));
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/components/Avatar.d.ts

@@ -90,28 +90,28 @@ 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[]);
+        icon?: IconCheckedSchema | React.ReactNode;
         onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
-        onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+        children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
         size?: number | "small" | "default" | "large" | undefined;
+        onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+        draggable?: boolean | undefined;
         crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
         shape?: "circle" | "square" | "rounded" | undefined;
-        fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
         gap?: number | undefined;
+        fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
     } & {
-        classnames?: ClassNamesFn | undefined;
-        classPrefix?: string | undefined;
         style?: {
             [prop: string]: any;
         } | undefined;
         className?: string | undefined;
+        classPrefix?: string | undefined;
+        classnames?: ClassNamesFn | undefined;
         theme?: string | undefined;
         mobileUI?: boolean | undefined;
     } & import("packages/amis-core/lib/theme").ThemeOuterProps): {
@@ -121,55 +121,55 @@ 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[]);
+            icon?: IconCheckedSchema | React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             size?: number | "small" | "default" | "large" | undefined;
+            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            draggable?: boolean | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
+            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | 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> & {
-            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: IconCheckedSchema | React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             size?: number | "small" | "default" | "large" | undefined;
+            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            draggable?: boolean | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
+            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>;
@@ -179,188 +179,188 @@ 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[]);
+            icon?: IconCheckedSchema | React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             size?: number | "small" | "default" | "large" | undefined;
+            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            draggable?: boolean | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
+            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | 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> & {
-            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: IconCheckedSchema | React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             size?: number | "small" | "default" | "large" | undefined;
+            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            draggable?: boolean | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
+            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | 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> & {
-            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: IconCheckedSchema | React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             size?: number | "small" | "default" | "large" | undefined;
+            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            draggable?: boolean | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
+            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | 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> & {
-            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: IconCheckedSchema | React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             size?: number | "small" | "default" | "large" | undefined;
+            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            draggable?: boolean | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
+            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | 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> & {
-            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: IconCheckedSchema | React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             size?: number | "small" | "default" | "large" | undefined;
+            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            draggable?: boolean | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
+            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | 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> & {
-            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: IconCheckedSchema | React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             size?: number | "small" | "default" | "large" | undefined;
+            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            draggable?: boolean | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
+            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | 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> & {
-            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: IconCheckedSchema | React.ReactNode;
             onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | 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;
-            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             size?: number | "small" | "default" | "large" | undefined;
+            onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
+            draggable?: boolean | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
-            fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
+            fit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;

package/lib/components/Avatar.js

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

package/lib/components/Badge.d.ts

@@ -63,7 +63,7 @@ export declare class Badge extends React.Component<BadgeProps, object> {
     static propsList: Array<string>;
     constructor(props: BadgeProps);
     renderBadge(text: any, size: number, position: any, offsetStyle: any, sizeStyle: any, animationElement: any): React.JSX.Element | null;
-    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
 }
 export declare function withBadge<P extends object>(Component: React.ComponentType<P>): {
     new (props: (P & BadgeProps) | Readonly<P & BadgeProps>): {

package/lib/components/Badge.js

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

package/lib/components/BaiduMapPicker.js

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

package/lib/components/BarCode.js

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

package/lib/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/lib/components/Breadcrumb.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -30,13 +30,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 = tslib.__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 = tslib.__rest(_a, ["className", "style", "separatorClassName", "items", "separator", "testIdBuilder"]);
         var crumbsLength = items === null || items === void 0 ? void 0 : items.length;
         if (!crumbsLength) {
             return _J$X_("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';
@@ -44,7 +45,7 @@ var Breadcrumb = /** @class */ (function (_super) {
             if (index === crumbsLength - 1) {
                 itemPlace = 'end';
             }
-            return (_J$X_(BreadcrumbItem, tslib.__assign({}, restProps, { item: item, itemPlace: itemPlace, key: index })));
+            return (_J$X_(BreadcrumbItem, tslib.__assign({}, restProps, { item: item, itemPlace: itemPlace, key: index, testIdBuilder: itemTestIdBuilder })));
         })
             .reduce(function (prev, curr, index) { return [
             prev,
@@ -97,14 +98,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 (_J$X_("a", { href: item.href, className: cx('Breadcrumb-item-' + itemType, baseItemClassName) },
+            return (_J$X_("a", tslib.__assign({ href: item.href, className: cx('Breadcrumb-item-' + itemType, baseItemClassName) }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()),
                 item.icon ? (_J$X_(icons.Icon, { cx: cx, icon: item.icon, className: "Icon", classNameProp: "Breadcrumb-icon" })) : null,
                 _J$X_("span", { className: cx('TplField') }, label)));
         }
-        return (_J$X_("span", { className: cx('Breadcrumb-item-' + itemType, baseItemClassName) },
+        return (_J$X_("span", tslib.__assign({ className: cx('Breadcrumb-item-' + itemType, baseItemClassName) }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()),
             item.icon ? (_J$X_(icons.Icon, { cx: cx, icon: item.icon, className: "Icon", classNameProp: "Breadcrumb-icon" })) : null,
             _J$X_("span", { className: cx('TplField') }, label)));
     };