amis-ui 6.2.2 → 6.4.0

package/lib/components/ChainedSelection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -55,10 +55,11 @@ var ChainedSelection = /** @class */ (function (_super) {
     ChainedSelection.prototype.renderItem = function (option, index, depth, id, styles) {
         var _this = this;
         if (styles === void 0) { styles = {}; }
-        var _a = this.props, labelClassName = _a.labelClassName, disabled = _a.disabled, cx = _a.classnames, itemClassName = _a.itemClassName, itemRender = _a.itemRender, multiple = _a.multiple, labelField = _a.labelField;
+        var _a = this.props, labelClassName = _a.labelClassName, disabled = _a.disabled, cx = _a.classnames, itemClassName = _a.itemClassName, itemRender = _a.itemRender, multiple = _a.multiple, labelField = _a.labelField, testIdBuilder = _a.testIdBuilder;
         var valueArray = this.valueArray;
+        var itemTIB = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("item-".concat(option.value || index));
         return (_J$X_("div", { style: styles, key: index, className: cx('ChainedSelection-item', itemClassName, option.className, disabled || option.disabled ? 'is-disabled' : '', !!~valueArray.indexOf(option) ? 'is-active' : ''), onClick: function () { return _this.toggleOption(option); } },
-            multiple ? (_J$X_(Checkbox["default"], { size: "sm", checked: !!~valueArray.indexOf(option), disabled: disabled || option.disabled, labelClassName: labelClassName, description: option.description })) : null,
+            multiple ? (_J$X_(Checkbox["default"], { size: "sm", checked: !!~valueArray.indexOf(option), disabled: disabled || option.disabled, labelClassName: labelClassName, description: option.description, testIdBuilder: itemTIB })) : null,
             _J$X_("div", { className: cx('ChainedSelection-itemLabel') }, itemRender(option, {
                 index: index,
                 multiple: multiple,
@@ -72,10 +73,11 @@ var ChainedSelection = /** @class */ (function (_super) {
     ChainedSelection.prototype.renderOption = function (option, index, depth, id, styles) {
         var _this = this;
         if (styles === void 0) { styles = {}; }
-        var _a = this.props; _a.labelClassName; var disabled = _a.disabled, cx = _a.classnames, itemClassName = _a.itemClassName, itemRender = _a.itemRender, multiple = _a.multiple, labelField = _a.labelField, _b = _a.deferField, deferField = _b === void 0 ? 'defer' : _b, loadingConfig = _a.loadingConfig;
+        var _a = this.props; _a.labelClassName; var disabled = _a.disabled, cx = _a.classnames, itemClassName = _a.itemClassName, itemRender = _a.itemRender, multiple = _a.multiple, labelField = _a.labelField, _b = _a.deferField, deferField = _b === void 0 ? 'defer' : _b, loadingConfig = _a.loadingConfig, testIdBuilder = _a.testIdBuilder;
         this.valueArray;
+        var itemTIB = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("item-".concat(option.value || index));
         if (Array.isArray(option.children) || option[deferField]) {
-            return (_J$X_("div", { style: styles, key: index, className: cx('ChainedSelection-item', itemClassName, option.className, disabled || option.disabled ? 'is-disabled' : '', ~this.state.selected.indexOf(id) ? 'is-active' : ''), onClick: function () { return _this.selectOption(option, depth, id); } },
+            return (_J$X_("div", tslib.__assign({ style: styles, key: index, className: cx('ChainedSelection-item', itemClassName, option.className, disabled || option.disabled ? 'is-disabled' : '', ~this.state.selected.indexOf(id) ? 'is-active' : ''), onClick: function () { return _this.selectOption(option, depth, id); } }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getTestId()),
                 _J$X_("div", { className: cx('ChainedSelection-itemLabel') }, itemRender(option, {
                     index: index,
                     multiple: multiple,
@@ -105,7 +107,7 @@ var ChainedSelection = /** @class */ (function (_super) {
     };
     ChainedSelection.prototype.render = function () {
         var _this = this;
-        var _a = this.props, value = _a.value, options = _a.options, className = _a.className, placeholder = _a.placeholder, cx = _a.classnames, option2value = _a.option2value; _a.itemRender; var __ = _a.translate, _b = _a.virtualThreshold, virtualThreshold = _b === void 0 ? 1000 : _b, _c = _a.itemHeight, itemHeight = _c === void 0 ? 32 : _c, virtualListHeight = _a.virtualListHeight;
+        var _a = this.props, value = _a.value, options = _a.options, className = _a.className, placeholder = _a.placeholder, cx = _a.classnames, option2value = _a.option2value; _a.itemRender; var __ = _a.translate, _b = _a.virtualThreshold, virtualThreshold = _b === void 0 ? 1000 : _b, _c = _a.itemHeight, itemHeight = _c === void 0 ? 32 : _c, virtualListHeight = _a.virtualListHeight; _a.testIdBuilder;
         this.valueArray = Selection.BaseSelection.value2array(value, options, option2value);
         var body = [];
         if (Array.isArray(options) && options.length) {

package/lib/components/Checkbox.d.ts

@@ -4,7 +4,7 @@
  */
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
-import { ThemeProps } from 'amis-core';
+import { TestIdBuilder, ThemeProps } from 'amis-core';
 interface CheckboxProps extends ThemeProps {
     type: 'checkbox' | 'radio';
     size?: 'sm' | 'lg' | 'small' | 'large';
@@ -24,6 +24,7 @@ interface CheckboxProps extends ThemeProps {
     partial?: boolean;
     optionType?: 'default' | 'button';
     children?: React.ReactNode | Array<React.ReactNode>;
+    testIdBuilder?: TestIdBuilder;
 }
 export declare class Checkbox extends React.Component<CheckboxProps, any> {
     static defaultProps: Pick<CheckboxProps, 'trueValue' | 'falseValue' | 'type'>;
@@ -31,7 +32,7 @@ export declare class Checkbox extends React.Component<CheckboxProps, any> {
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Pick<Omit<CheckboxProps, keyof ThemeProps>, "label" | "name" | "value" | "children" | "description" | "disabled" | "checked" | "onChange" | "size" | "inline" | "readOnly" | "labelClassName" | "partial" | "optionType"> & {
+    new (props: Pick<Omit<CheckboxProps, keyof ThemeProps>, "label" | "testIdBuilder" | "disabled" | "value" | "checked" | "name" | "children" | "size" | "labelClassName" | "onChange" | "inline" | "readOnly" | "description" | "partial" | "optionType"> & {
         type?: "checkbox" | "radio" | undefined;
         trueValue?: string | number | boolean | undefined;
         falseValue?: string | number | boolean | undefined;
@@ -41,13 +42,13 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CheckboxProps, keyof ThemeProps>, "label" | "name" | "value" | "children" | "description" | "disabled" | "checked" | "onChange" | "size" | "inline" | "readOnly" | "labelClassName" | "partial" | "optionType"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CheckboxProps, keyof ThemeProps>, "label" | "testIdBuilder" | "disabled" | "value" | "checked" | "name" | "children" | "size" | "labelClassName" | "onChange" | "inline" | "readOnly" | "description" | "partial" | "optionType"> & {
             type?: "checkbox" | "radio" | undefined;
             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<CheckboxProps, keyof ThemeProps>, "label" | "name" | "value" | "children" | "description" | "disabled" | "checked" | "onChange" | "size" | "inline" | "readOnly" | "labelClassName" | "partial" | "optionType"> & {
+        readonly props: Readonly<Pick<Omit<CheckboxProps, keyof ThemeProps>, "label" | "testIdBuilder" | "disabled" | "value" | "checked" | "name" | "children" | "size" | "labelClassName" | "onChange" | "inline" | "readOnly" | "description" | "partial" | "optionType"> & {
             type?: "checkbox" | "radio" | undefined;
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
@@ -57,41 +58,41 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof ThemeProps>, "label" | "name" | "value" | "children" | "description" | "disabled" | "checked" | "onChange" | "size" | "inline" | "readOnly" | "labelClassName" | "partial" | "optionType"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof ThemeProps>, "label" | "testIdBuilder" | "disabled" | "value" | "checked" | "name" | "children" | "size" | "labelClassName" | "onChange" | "inline" | "readOnly" | "description" | "partial" | "optionType"> & {
             type?: "checkbox" | "radio" | undefined;
             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<CheckboxProps, keyof ThemeProps>, "label" | "name" | "value" | "children" | "description" | "disabled" | "checked" | "onChange" | "size" | "inline" | "readOnly" | "labelClassName" | "partial" | "optionType"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CheckboxProps, keyof ThemeProps>, "label" | "testIdBuilder" | "disabled" | "value" | "checked" | "name" | "children" | "size" | "labelClassName" | "onChange" | "inline" | "readOnly" | "description" | "partial" | "optionType"> & {
             type?: "checkbox" | "radio" | undefined;
             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<CheckboxProps, keyof ThemeProps>, "label" | "name" | "value" | "children" | "description" | "disabled" | "checked" | "onChange" | "size" | "inline" | "readOnly" | "labelClassName" | "partial" | "optionType"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CheckboxProps, keyof ThemeProps>, "label" | "testIdBuilder" | "disabled" | "value" | "checked" | "name" | "children" | "size" | "labelClassName" | "onChange" | "inline" | "readOnly" | "description" | "partial" | "optionType"> & {
             type?: "checkbox" | "radio" | undefined;
             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<CheckboxProps, keyof ThemeProps>, "label" | "name" | "value" | "children" | "description" | "disabled" | "checked" | "onChange" | "size" | "inline" | "readOnly" | "labelClassName" | "partial" | "optionType"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof ThemeProps>, "label" | "testIdBuilder" | "disabled" | "value" | "checked" | "name" | "children" | "size" | "labelClassName" | "onChange" | "inline" | "readOnly" | "description" | "partial" | "optionType"> & {
             type?: "checkbox" | "radio" | undefined;
             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<CheckboxProps, keyof ThemeProps>, "label" | "name" | "value" | "children" | "description" | "disabled" | "checked" | "onChange" | "size" | "inline" | "readOnly" | "labelClassName" | "partial" | "optionType"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof ThemeProps>, "label" | "testIdBuilder" | "disabled" | "value" | "checked" | "name" | "children" | "size" | "labelClassName" | "onChange" | "inline" | "readOnly" | "description" | "partial" | "optionType"> & {
             type?: "checkbox" | "radio" | undefined;
             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<CheckboxProps, keyof ThemeProps>, "label" | "name" | "value" | "children" | "description" | "disabled" | "checked" | "onChange" | "size" | "inline" | "readOnly" | "labelClassName" | "partial" | "optionType"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof ThemeProps>, "label" | "testIdBuilder" | "disabled" | "value" | "checked" | "name" | "children" | "size" | "labelClassName" | "onChange" | "inline" | "readOnly" | "description" | "partial" | "optionType"> & {
             type?: "checkbox" | "radio" | undefined;
             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<CheckboxProps, keyof ThemeProps>, "label" | "name" | "value" | "children" | "description" | "disabled" | "checked" | "onChange" | "size" | "inline" | "readOnly" | "labelClassName" | "partial" | "optionType"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof ThemeProps>, "label" | "testIdBuilder" | "disabled" | "value" | "checked" | "name" | "children" | "size" | "labelClassName" | "onChange" | "inline" | "readOnly" | "description" | "partial" | "optionType"> & {
             type?: "checkbox" | "radio" | undefined;
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;

package/lib/components/Checkbox.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -33,13 +33,13 @@ var Checkbox = /** @class */ (function (_super) {
     };
     Checkbox.prototype.render = function () {
         var _a;
-        var _b = this.props, size = _b.size, className = _b.className, cx = _b.classnames, value = _b.value, label = _b.label, partial = _b.partial, trueValue = _b.trueValue, children = _b.children, disabled = _b.disabled, description = _b.description, readOnly = _b.readOnly, checked = _b.checked, type = _b.type, name = _b.name, labelClassName = _b.labelClassName, optionType = _b.optionType, mobileUI = _b.mobileUI;
+        var _b = this.props, size = _b.size, className = _b.className, cx = _b.classnames, value = _b.value, label = _b.label, partial = _b.partial, trueValue = _b.trueValue, children = _b.children, disabled = _b.disabled, description = _b.description, readOnly = _b.readOnly, checked = _b.checked, type = _b.type, name = _b.name, labelClassName = _b.labelClassName, optionType = _b.optionType, mobileUI = _b.mobileUI, testIdBuilder = _b.testIdBuilder;
         var _checked = typeof checked !== 'undefined'
             ? checked
             : typeof value === 'undefined'
                 ? value
                 : value == trueValue;
-        return (_J$X_("label", { className: cx("Checkbox Checkbox--".concat(type), className, (_a = {
+        return (_J$X_("label", tslib.__assign({ className: cx("Checkbox Checkbox--".concat(type), className, (_a = {
                     'Checkbox--full': !partial
                 },
                 // 'Checkbox--partial': partial
@@ -49,15 +49,15 @@ var Checkbox = /** @class */ (function (_super) {
                 _a['Checkbox--button--disabled--unchecked'] = optionType === 'button' && disabled && !_checked,
                 _a['Checkbox--button--disabled--checked'] = optionType === 'button' && disabled && _checked,
                 _a['is-mobile'] = mobileUI,
-                _a)), "data-role": "checkbox" },
+                _a)), "data-role": "checkbox" }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()),
             _J$X_("input", { type: type, checked: typeof checked !== 'undefined'
                     ? checked
                     : typeof value === 'undefined'
                         ? value
                         : value == trueValue, onChange: this.handleCheck, onClick: preventEvent // 当点击 i 的时候，这个地方也会触发 click，很奇怪，干脆禁掉
                 , disabled: disabled, readOnly: readOnly, name: name }),
-            _J$X_("i", null),
-            _J$X_("span", { className: cx(labelClassName) }, children || label),
+            _J$X_("i", tslib.__assign({}, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('input').getTestId())),
+            _J$X_("span", tslib.__assign({ className: cx(labelClassName) }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('label').getTestId()), children || label),
             description ? (_J$X_("div", { className: cx('Checkbox-desc') }, description)) : null));
     };
     Checkbox.defaultProps = {

package/lib/components/CityArea.js

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

package/lib/components/CityDB.d.ts

@@ -1,5 +1,5 @@
 declare const db: {
-    [propName: string]: any;
+    [propName: string]: string;
 };
 export declare const province: Array<number>;
 export declare const city: {