amis-ui 6.0.0 → 6.2.0

package/esm/components/Spinner.d.ts

@@ -33,6 +33,7 @@ export interface SpinnerExtraProps {
 export declare class Spinner extends React.Component<SpinnerProps, {
     spinning: boolean;
     showMarker: boolean;
+    idDarkBg: boolean;
 }> {
     static defaultProps: {
         show: boolean;
@@ -50,6 +51,7 @@ export declare class Spinner extends React.Component<SpinnerProps, {
     state: {
         spinning: boolean;
         showMarker: boolean;
+        idDarkBg: boolean;
     };
     parent: HTMLElement | null;
     /**
@@ -70,19 +72,19 @@ export declare class Spinner extends React.Component<SpinnerProps, {
 }
 declare const _default: {
     new (props: Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+        disabled?: boolean | undefined;
         icon?: React.ReactNode;
         size?: "" | "sm" | "lg" | undefined;
+        overlay?: boolean | undefined;
         show?: boolean | undefined;
-        disabled?: boolean | undefined;
+        delay?: number | undefined;
+        spinnerClassName?: string | undefined;
+        tip?: string | undefined;
+        tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
         loadingConfig?: {
             root?: string | undefined;
             show?: boolean | undefined;
         } | undefined;
-        overlay?: boolean | undefined;
-        tip?: string | undefined;
-        spinnerClassName?: string | undefined;
-        tipPlacement?: "left" | "right" | "top" | "bottom" | undefined;
-        delay?: number | undefined;
     } & {
         className?: string | undefined;
     } & import("packages/amis-core/lib/theme").ThemeOuterProps): {
@@ -92,37 +94,37 @@ declare const _default: {
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            disabled?: boolean | undefined;
             icon?: React.ReactNode;
             size?: "" | "sm" | "lg" | undefined;
+            overlay?: boolean | undefined;
             show?: boolean | undefined;
-            disabled?: boolean | undefined;
+            delay?: number | undefined;
+            spinnerClassName?: string | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
             loadingConfig?: {
                 root?: string | undefined;
                 show?: boolean | undefined;
             } | undefined;
-            overlay?: boolean | undefined;
-            tip?: string | undefined;
-            spinnerClassName?: string | undefined;
-            tipPlacement?: "left" | "right" | "top" | "bottom" | undefined;
-            delay?: number | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            disabled?: boolean | undefined;
             icon?: React.ReactNode;
             size?: "" | "sm" | "lg" | undefined;
+            overlay?: boolean | undefined;
             show?: boolean | undefined;
-            disabled?: boolean | undefined;
+            delay?: number | undefined;
+            spinnerClassName?: string | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
             loadingConfig?: {
                 root?: string | undefined;
                 show?: boolean | undefined;
             } | undefined;
-            overlay?: boolean | undefined;
-            tip?: string | undefined;
-            spinnerClassName?: string | undefined;
-            tipPlacement?: "left" | "right" | "top" | "bottom" | undefined;
-            delay?: number | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>;
@@ -132,125 +134,125 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            disabled?: boolean | undefined;
             icon?: React.ReactNode;
             size?: "" | "sm" | "lg" | undefined;
+            overlay?: boolean | undefined;
             show?: boolean | undefined;
-            disabled?: boolean | undefined;
+            delay?: number | undefined;
+            spinnerClassName?: string | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
             loadingConfig?: {
                 root?: string | undefined;
                 show?: boolean | undefined;
             } | undefined;
-            overlay?: boolean | undefined;
-            tip?: string | undefined;
-            spinnerClassName?: string | undefined;
-            tipPlacement?: "left" | "right" | "top" | "bottom" | undefined;
-            delay?: number | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            disabled?: boolean | undefined;
             icon?: React.ReactNode;
             size?: "" | "sm" | "lg" | undefined;
+            overlay?: boolean | undefined;
             show?: boolean | undefined;
-            disabled?: boolean | undefined;
+            delay?: number | undefined;
+            spinnerClassName?: string | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
             loadingConfig?: {
                 root?: string | undefined;
                 show?: boolean | undefined;
             } | undefined;
-            overlay?: boolean | undefined;
-            tip?: string | undefined;
-            spinnerClassName?: string | undefined;
-            tipPlacement?: "left" | "right" | "top" | "bottom" | undefined;
-            delay?: number | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            disabled?: boolean | undefined;
             icon?: React.ReactNode;
             size?: "" | "sm" | "lg" | undefined;
+            overlay?: boolean | undefined;
             show?: boolean | undefined;
-            disabled?: boolean | undefined;
+            delay?: number | undefined;
+            spinnerClassName?: string | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
             loadingConfig?: {
                 root?: string | undefined;
                 show?: boolean | undefined;
             } | undefined;
-            overlay?: boolean | undefined;
-            tip?: string | undefined;
-            spinnerClassName?: string | undefined;
-            tipPlacement?: "left" | "right" | "top" | "bottom" | undefined;
-            delay?: number | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            disabled?: boolean | undefined;
             icon?: React.ReactNode;
             size?: "" | "sm" | "lg" | undefined;
+            overlay?: boolean | undefined;
             show?: boolean | undefined;
-            disabled?: boolean | undefined;
+            delay?: number | undefined;
+            spinnerClassName?: string | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
             loadingConfig?: {
                 root?: string | undefined;
                 show?: boolean | undefined;
             } | undefined;
-            overlay?: boolean | undefined;
-            tip?: string | undefined;
-            spinnerClassName?: string | undefined;
-            tipPlacement?: "left" | "right" | "top" | "bottom" | undefined;
-            delay?: number | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            disabled?: boolean | undefined;
             icon?: React.ReactNode;
             size?: "" | "sm" | "lg" | undefined;
+            overlay?: boolean | undefined;
             show?: boolean | undefined;
-            disabled?: boolean | undefined;
+            delay?: number | undefined;
+            spinnerClassName?: string | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
             loadingConfig?: {
                 root?: string | undefined;
                 show?: boolean | undefined;
             } | undefined;
-            overlay?: boolean | undefined;
-            tip?: string | undefined;
-            spinnerClassName?: string | undefined;
-            tipPlacement?: "left" | "right" | "top" | "bottom" | undefined;
-            delay?: number | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            disabled?: boolean | undefined;
             icon?: React.ReactNode;
             size?: "" | "sm" | "lg" | undefined;
+            overlay?: boolean | undefined;
             show?: boolean | undefined;
-            disabled?: boolean | undefined;
+            delay?: number | undefined;
+            spinnerClassName?: string | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
             loadingConfig?: {
                 root?: string | undefined;
                 show?: boolean | undefined;
             } | undefined;
-            overlay?: boolean | undefined;
-            tip?: string | undefined;
-            spinnerClassName?: string | undefined;
-            tipPlacement?: "left" | "right" | "top" | "bottom" | undefined;
-            delay?: number | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<SpinnerProps, keyof ThemeProps>, "mode"> & {
+            disabled?: boolean | undefined;
             icon?: React.ReactNode;
             size?: "" | "sm" | "lg" | undefined;
+            overlay?: boolean | undefined;
             show?: boolean | undefined;
-            disabled?: boolean | undefined;
+            delay?: number | undefined;
+            spinnerClassName?: string | undefined;
+            tip?: string | undefined;
+            tipPlacement?: "left" | "right" | "bottom" | "top" | undefined;
             loadingConfig?: {
                 root?: string | undefined;
                 show?: boolean | undefined;
             } | undefined;
-            overlay?: boolean | undefined;
-            tip?: string | undefined;
-            spinnerClassName?: string | undefined;
-            tipPlacement?: "left" | "right" | "top" | "bottom" | undefined;
-            delay?: number | undefined;
         } & {
             className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;

package/esm/components/Spinner.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v6.0.0
- * Copyright 2018-2023 fex
+ * amis-ui v6.2.0
+ * Copyright 2018-2024 fex
  */
 
 import { __extends } from 'tslib';
@@ -77,7 +77,8 @@ var Spinner = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = {
             spinning: false,
-            showMarker: true
+            showMarker: true,
+            idDarkBg: false
         };
         _this.parent = null;
         /**
@@ -118,9 +119,19 @@ var Spinner = /** @class */ (function (_super) {
         }
     };
     Spinner.prototype.componentDidMount = function () {
+        var _a, _b;
         if (this.parent && this.state.showMarker) {
             this.setState({ showMarker: false });
         }
+        if (this.parent) {
+            var backgroundColor = getComputedStyle(this.parent).getPropertyValue('background-color');
+            var rgba = ((_a = backgroundColor.match(/\d+/g)) === null || _a === void 0 ? void 0 : _a.map(Number)) || [];
+            var brightness = (rgba[0] * 299 + rgba[1] * 587 + rgba[2] * 114) / 1000;
+            rgba[3] = (_b = rgba[3]) !== null && _b !== void 0 ? _b : 1; // 没有设置颜色时取到的是 rgba(0, 0, 0, 0)
+            if (brightness < 200 && rgba[3] > 0.4) {
+                this.setState({ idDarkBg: true });
+            }
+        }
     };
     Spinner.prototype.componentWillUnmount = function () {
         // 卸载 reaction
@@ -129,6 +140,7 @@ var Spinner = /** @class */ (function (_super) {
         store.remove(this.parent);
     };
     Spinner.prototype.renderBody = function () {
+        var _this = this;
         var _a = this.props, cx = _a.classnames, className = _a.className, spinnerClassName = _a.spinnerClassName, _b = _a.size, size = _b === void 0 ? '' : _b, overlay = _a.overlay, delay = _a.delay, iconConfig = _a.icon, tip = _a.tip, _c = _a.tipPlacement, tipPlacement = _c === void 0 ? '' : _c, loadingConfig = _a.loadingConfig, disabled = _a.disabled;
         // 定义了挂载位置时只能使用默认icon
         var icon = (loadingConfig === null || loadingConfig === void 0 ? void 0 : loadingConfig.root) ? undefined : iconConfig;
@@ -155,7 +167,7 @@ var Spinner = /** @class */ (function (_super) {
                                 _c['Spinner-icon--simple'] = !isCustomIcon && icon,
                                 _c['Spinner-icon--custom'] = isCustomIcon,
                                 _c['Spinner-icon--disabled'] = disabled,
-                                _c), spinnerClassName) }, icon ? (React__default.createElement(Icon, { cx: cx, icon: icon, className: "icon" })) : null),
+                                _c), spinnerClassName, _this.state.idDarkBg && 'Spinner-icon--darkBg') }, icon ? (React__default.createElement(Icon, { cx: cx, icon: icon, className: "icon" })) : null),
                         tip ? React__default.createElement("span", { className: cx("Spinner-tip") }, tip) : '')));
             })));
     };

package/esm/components/Steps.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v6.0.0
- * Copyright 2018-2023 fex
+ * amis-ui v6.2.0
+ * Copyright 2018-2024 fex
  */
 
 import React__default from 'react';

package/esm/components/Switch.d.ts

@@ -28,6 +28,7 @@ interface SwitchProps {
         root?: string;
         show?: boolean;
     };
+    testid?: string;
 }
 export declare class Switch extends React.PureComponent<SwitchProps, any> {
     static defaultProps: {
@@ -39,7 +40,7 @@ export declare class Switch extends React.PureComponent<SwitchProps, any> {
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "value" | "size" | "level" | "id" | "disabled" | "loading" | "onChange" | "loadingConfig" | "inline" | "readOnly" | "checked" | "onText" | "offText"> & {
+    new (props: Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "disabled" | "value" | "checked" | "id" | "onChange" | "size" | "inline" | "readOnly" | "loadingConfig" | "testid" | "level" | "loading" | "onText" | "offText"> & {
         trueValue?: string | number | boolean | undefined;
         falseValue?: string | number | boolean | undefined;
     } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps): {
@@ -48,12 +49,12 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "value" | "size" | "level" | "id" | "disabled" | "loading" | "onChange" | "loadingConfig" | "inline" | "readOnly" | "checked" | "onText" | "offText"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "disabled" | "value" | "checked" | "id" | "onChange" | "size" | "inline" | "readOnly" | "loadingConfig" | "testid" | "level" | "loading" | "onText" | "offText"> & {
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | 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<SwitchProps, keyof import("amis-core").ThemeProps>, "value" | "size" | "level" | "id" | "disabled" | "loading" | "onChange" | "loadingConfig" | "inline" | "readOnly" | "checked" | "onText" | "offText"> & {
+        readonly props: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "disabled" | "value" | "checked" | "id" | "onChange" | "size" | "inline" | "readOnly" | "loadingConfig" | "testid" | "level" | "loading" | "onText" | "offText"> & {
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>;
@@ -62,35 +63,35 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "value" | "size" | "level" | "id" | "disabled" | "loading" | "onChange" | "loadingConfig" | "inline" | "readOnly" | "checked" | "onText" | "offText"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "disabled" | "value" | "checked" | "id" | "onChange" | "size" | "inline" | "readOnly" | "loadingConfig" | "testid" | "level" | "loading" | "onText" | "offText"> & {
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | 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<SwitchProps, keyof import("amis-core").ThemeProps>, "value" | "size" | "level" | "id" | "disabled" | "loading" | "onChange" | "loadingConfig" | "inline" | "readOnly" | "checked" | "onText" | "offText"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "disabled" | "value" | "checked" | "id" | "onChange" | "size" | "inline" | "readOnly" | "loadingConfig" | "testid" | "level" | "loading" | "onText" | "offText"> & {
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "value" | "size" | "level" | "id" | "disabled" | "loading" | "onChange" | "loadingConfig" | "inline" | "readOnly" | "checked" | "onText" | "offText"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "disabled" | "value" | "checked" | "id" | "onChange" | "size" | "inline" | "readOnly" | "loadingConfig" | "testid" | "level" | "loading" | "onText" | "offText"> & {
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "value" | "size" | "level" | "id" | "disabled" | "loading" | "onChange" | "loadingConfig" | "inline" | "readOnly" | "checked" | "onText" | "offText"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "disabled" | "value" | "checked" | "id" | "onChange" | "size" | "inline" | "readOnly" | "loadingConfig" | "testid" | "level" | "loading" | "onText" | "offText"> & {
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "value" | "size" | "level" | "id" | "disabled" | "loading" | "onChange" | "loadingConfig" | "inline" | "readOnly" | "checked" | "onText" | "offText"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "disabled" | "value" | "checked" | "id" | "onChange" | "size" | "inline" | "readOnly" | "loadingConfig" | "testid" | "level" | "loading" | "onText" | "offText"> & {
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "value" | "size" | "level" | "id" | "disabled" | "loading" | "onChange" | "loadingConfig" | "inline" | "readOnly" | "checked" | "onText" | "offText"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "disabled" | "value" | "checked" | "id" | "onChange" | "size" | "inline" | "readOnly" | "loadingConfig" | "testid" | "level" | "loading" | "onText" | "offText"> & {
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "value" | "size" | "level" | "id" | "disabled" | "loading" | "onChange" | "loadingConfig" | "inline" | "readOnly" | "checked" | "onText" | "offText"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<SwitchProps, keyof import("amis-core").ThemeProps>, "disabled" | "value" | "checked" | "id" | "onChange" | "size" | "inline" | "readOnly" | "loadingConfig" | "testid" | "level" | "loading" | "onText" | "offText"> & {
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;

package/esm/components/Switch.js

@@ -1,11 +1,11 @@
 /**
- * amis-ui v6.0.0
- * Copyright 2018-2023 fex
+ * amis-ui v6.2.0
+ * Copyright 2018-2024 fex
  */
 
 import { __extends, __rest, __assign } from 'tslib';
 import React__default from 'react';
-import { themeable } from 'amis-core';
+import { buildTestId, themeable } from 'amis-core';
 import { Spinner } from './Spinner.js';
 
 /**
@@ -40,7 +40,7 @@ var Switch = /** @class */ (function (_super) {
         onChange(e.currentTarget.checked ? trueValue : falseValue);
     };
     Switch.prototype.render = function () {
-        var _a = this.props, size = _a.size, level = _a.level, className = _a.className, classPrefix = _a.classPrefix; _a.onChange; var value = _a.value; _a.inline; var trueValue = _a.trueValue; _a.falseValue; var _b = _a.onText, onText = _b === void 0 ? '' : _b, _c = _a.offText, offText = _c === void 0 ? '' : _c, disabled = _a.disabled, readOnly = _a.readOnly, checked = _a.checked, cx = _a.classnames, loading = _a.loading, loadingConfig = _a.loadingConfig, rest = __rest(_a, ["size", "level", "className", "classPrefix", "onChange", "value", "inline", "trueValue", "falseValue", "onText", "offText", "disabled", "readOnly", "checked", "classnames", "loading", "loadingConfig"]);
+        var _a = this.props, size = _a.size, level = _a.level, className = _a.className, classPrefix = _a.classPrefix; _a.onChange; var value = _a.value; _a.inline; var trueValue = _a.trueValue; _a.falseValue; var _b = _a.onText, onText = _b === void 0 ? '' : _b, _c = _a.offText, offText = _c === void 0 ? '' : _c, disabled = _a.disabled, readOnly = _a.readOnly, checked = _a.checked, cx = _a.classnames, loading = _a.loading, loadingConfig = _a.loadingConfig, testid = _a.testid, rest = __rest(_a, ["size", "level", "className", "classPrefix", "onChange", "value", "inline", "trueValue", "falseValue", "onText", "offText", "disabled", "readOnly", "checked", "classnames", "loading", "loadingConfig", "testid"]);
         className =
             (className ? className : '') +
                 (size && sizeMap[size] ? " ".concat(sizeMap[size]) : '') +
@@ -51,10 +51,10 @@ var Switch = /** @class */ (function (_super) {
                 ? false
                 : value == trueValue;
         var isDisabled = disabled || loading;
-        return (React__default.createElement("label", { className: cx("Switch", className, {
+        return (React__default.createElement("label", __assign({ className: cx("Switch", className, {
                 'is-checked': isChecked,
                 'is-disabled': isDisabled
-            }) },
+            }), "data-role": "switch" }, buildTestId(testid)),
             React__default.createElement("input", __assign({ type: "checkbox", checked: isChecked, onChange: this.hanldeCheck, disabled: isDisabled, readOnly: readOnly }, rest)),
             React__default.createElement("span", { className: "text" }, isChecked ? onText : offText),
             React__default.createElement("span", { className: "slider" }, loading ? (React__default.createElement(Spinner, { classnames: cx, classPrefix: classPrefix, className: cx('Switch-spinner', {