amis-ui 6.9.0 → 6.10.0-beta.0

package/esm/components/404.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/Alert.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/Alert2.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/AnchorNav.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 
@@ -22,7 +22,7 @@ var AnchorNavSectionComponent = /** @class */ (function (_super) {
     }
     AnchorNavSectionComponent.prototype.render = function () {
         var _a = this.props, cx = _a.classnames, children = _a.children, className = _a.className, name = _a.name;
-        return (React__default.createElement("div", { ref: this.contentRef, className: cx('AnchorNav-section', className), id: name + '' }, children));
+        return (React__default.createElement("div", { ref: this.contentRef, className: cx('AnchorNav-section', className), "data-id": name + '' }, children));
     };
     return AnchorNavSectionComponent;
 }(React__default.PureComponent));
@@ -53,7 +53,7 @@ var AnchorNav = /** @class */ (function (_super) {
     AnchorNav.prototype.scrollToNav = function (entries) {
         var _this = this;
         entries.forEach(function (entry) {
-            var key = entry.target.id;
+            var key = entry.target.getAttribute('data-id');
             var currentSection = _this.sections.find(function (item) { return item.key === key; });
             if (currentSection) {
                 currentSection.isIntersecting = entry.isIntersecting;

package/esm/components/AnchorNavSection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/ArrayInput.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/AsideNav.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/AssociatedSelection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/AutoSizer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/Avatar.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/Badge.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/BaiduMapPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/BarCode.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/Breadcrumb.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/Button.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/CalendarMobile.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/Card.d.ts

@@ -48,8 +48,8 @@ declare const _default: {
         toolbar?: React.ReactNode;
         bodyClassName?: string | undefined;
         media?: React.ReactNode;
-        headerClassName?: string | undefined;
         titleClassName?: string | undefined;
+        headerClassName?: string | undefined;
         actions?: React.ReactNode;
         subTitle?: string | JSX.Element | undefined;
         footerClassName?: string | undefined;
@@ -91,8 +91,8 @@ declare const _default: {
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
+            headerClassName?: string | undefined;
             actions?: React.ReactNode;
             subTitle?: string | JSX.Element | undefined;
             footerClassName?: string | undefined;
@@ -130,8 +130,8 @@ declare const _default: {
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
+            headerClassName?: string | undefined;
             actions?: React.ReactNode;
             subTitle?: string | JSX.Element | undefined;
             footerClassName?: string | undefined;
@@ -173,8 +173,8 @@ declare const _default: {
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
+            headerClassName?: string | undefined;
             actions?: React.ReactNode;
             subTitle?: string | JSX.Element | undefined;
             footerClassName?: string | undefined;
@@ -213,8 +213,8 @@ declare const _default: {
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
+            headerClassName?: string | undefined;
             actions?: React.ReactNode;
             subTitle?: string | JSX.Element | undefined;
             footerClassName?: string | undefined;
@@ -251,8 +251,8 @@ declare const _default: {
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
+            headerClassName?: string | undefined;
             actions?: React.ReactNode;
             subTitle?: string | JSX.Element | undefined;
             footerClassName?: string | undefined;
@@ -291,8 +291,8 @@ declare const _default: {
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
+            headerClassName?: string | undefined;
             actions?: React.ReactNode;
             subTitle?: string | JSX.Element | undefined;
             footerClassName?: string | undefined;
@@ -329,8 +329,8 @@ declare const _default: {
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
+            headerClassName?: string | undefined;
             actions?: React.ReactNode;
             subTitle?: string | JSX.Element | undefined;
             footerClassName?: string | undefined;
@@ -367,8 +367,8 @@ declare const _default: {
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
+            headerClassName?: string | undefined;
             actions?: React.ReactNode;
             subTitle?: string | JSX.Element | undefined;
             footerClassName?: string | undefined;
@@ -405,8 +405,8 @@ declare const _default: {
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
+            headerClassName?: string | undefined;
             actions?: React.ReactNode;
             subTitle?: string | JSX.Element | undefined;
             footerClassName?: string | undefined;

package/esm/components/Card.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/Cascader.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/ChainedDropdownSelection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/ChainedSelection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/Checkbox.d.ts

@@ -29,7 +29,9 @@ interface CheckboxProps extends ThemeProps {
 }
 export declare class Checkbox extends React.Component<CheckboxProps, any> {
     static defaultProps: Pick<CheckboxProps, 'trueValue' | 'falseValue' | 'type'>;
+    labelRef: React.RefObject<HTMLLabelElement>;
     handleCheck(e: React.ChangeEvent<any>): void;
+    setClassName(className: string): void;
     render(): React.JSX.Element;
 }
 declare const _default: {

package/esm/components/Checkbox.js

@@ -1,11 +1,12 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 
 import { __extends, __assign, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
 import { autobind, themeable } from 'amis-core';
+import { Icon } from './icons.js';
 
 /**
  * @file Checkbox
@@ -15,7 +16,9 @@ var preventEvent = function (e) { return e.stopPropagation(); };
 var Checkbox = /** @class */ (function (_super) {
     __extends(Checkbox, _super);
     function Checkbox() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.labelRef = React__default.createRef();
+        return _this;
     }
     Checkbox.prototype.handleCheck = function (e) {
         var _a = this.props, trueValue = _a.trueValue, falseValue = _a.falseValue, onChange = _a.onChange;
@@ -24,32 +27,39 @@ var Checkbox = /** @class */ (function (_super) {
         }
         onChange(e.currentTarget.checked ? trueValue : falseValue, e.nativeEvent.shiftKey);
     };
+    Checkbox.prototype.setClassName = function (className) {
+        this.setState({
+            className: className
+        });
+    };
     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, testIdBuilder = _b.testIdBuilder;
+        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, _c = _b.optionType, optionType = _c === void 0 ? 'default' : _c, mobileUI = _b.mobileUI, testIdBuilder = _b.testIdBuilder;
+        var stateClassName = (this.state || {}).className;
         var _checked = typeof checked !== 'undefined'
             ? checked
             : typeof value === 'undefined'
                 ? value
                 : value == trueValue;
-        return (React__default.createElement("label", __assign({ className: cx("Checkbox Checkbox--".concat(type), className, (_a = {
-                    'Checkbox--full': !partial
+        return (React__default.createElement("label", __assign({ className: cx('Checkbox', "Checkbox--".concat(type, "--").concat(optionType), className, stateClassName, (_a = {
+                    'Checkbox--partial': partial
                 },
-                // 'Checkbox--partial': partial
                 _a["Checkbox--".concat(size)] = size,
-                _a['Checkbox--button'] = optionType === 'button',
-                _a['Checkbox--button--checked'] = optionType === 'button' && _checked,
-                _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" }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId(), { "data-amis-name": this.props.dataName }),
+                _a['disabled'] = disabled,
+                _a['checked'] = _checked,
+                _a["Checkbox--".concat(type, "--").concat(optionType, "--checked")] = !disabled && _checked,
+                _a["Checkbox--".concat(type, "--").concat(optionType, "--disabled--unchecked")] = disabled && !_checked,
+                _a["Checkbox--".concat(type, "--").concat(optionType, "--disabled--checked")] = disabled && _checked,
+                _a)), "data-role": "checkbox" }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId(), { "data-amis-name": this.props.dataName, ref: this.labelRef }),
             React__default.createElement("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 }),
-            React__default.createElement("i", __assign({}, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('input').getTestId())),
+            React__default.createElement("i", __assign({}, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('input').getTestId()),
+                React__default.createElement(Icon, { iconContent: "".concat(type, "-icon"), className: "icon" })),
             React__default.createElement("span", __assign({ className: cx(labelClassName) }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('label').getTestId()), children || label),
             description ? (React__default.createElement("div", { className: cx('Checkbox-desc') }, description)) : null));
     };
@@ -64,6 +74,12 @@ var Checkbox = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], Checkbox.prototype, "handleCheck", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String]),
+        __metadata("design:returntype", void 0)
+    ], Checkbox.prototype, "setClassName", null);
     return Checkbox;
 }(React__default.Component));
 var Checkbox$1 = themeable(Checkbox);

package/esm/components/CityArea.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 
@@ -176,7 +176,7 @@ var CityArea = memo(function (props) {
     }, [values]);
     var result = (_a = confirmValues === null || confirmValues === void 0 ? void 0 : confirmValues.filter(function (item) { return item === null || item === void 0 ? void 0 : item.value; })) === null || _a === void 0 ? void 0 : _a.map(function (item) { return item.text; }).join(delimiter);
     return (React__default.createElement("div", { className: cx("CityArea"), style: style },
-        React__default.createElement(ResultBox, { className: cx('CityArea-Input', isOpened ? 'is-active' : ''), allowInput: false, result: result, onResultChange: function () { }, onResultClick: function () { return setIsOpened(!isOpened); }, placeholder: __('Select.placeholder'), mobileUI: mobileUI }),
+        React__default.createElement(ResultBox, { className: cx('CityArea-Input', isOpened ? 'is-active' : ''), allowInput: false, result: result, onResultChange: function () { }, onResultClick: function () { return setIsOpened(!isOpened); }, placeholder: __('Select.placeholder'), mobileUI: mobileUI, disabled: disabled }),
         allowStreet && values[0] ? (React__default.createElement("input", { className: cx('CityArea-Input'), value: street, onChange: function (e) {
                 return setStreet(e.currentTarget.value);
             }, placeholder: __('City.street'), disabled: disabled, readOnly: true })) : null,

package/esm/components/CityDB.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/CodeMirror.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 
@@ -52,13 +52,14 @@ var CodeMirrorEditor = /** @class */ (function (_super) {
                         this.editor =
                             (_c = (_b = (_a = this.props).editorFactory) === null || _b === void 0 ? void 0 : _b.call(_a, this.dom.current, cm, this.props)) !== null && _c !== void 0 ? _c : cm(this.dom.current, {
                                 value: this.props.value || '',
-                                readOnly: this.props.readOnly ? 'nocursor' : false
+                                readOnly: this.props.readOnly ? 'nocursor' : false,
+                                autofocus: false
                             });
                         (_e = (_d = this.props).editorDidMount) === null || _e === void 0 ? void 0 : _e.call(_d, cm, this.editor);
                         this.editor.on('change', this.handleChange);
                         this.editor.on('blur', this.handleBlur);
                         this.editor.on('focus', this.handleFocus);
-                        this.setValue(this.props.value);
+                        this.props.value && this.setValue(this.props.value);
                         this.toDispose.push(resizeSensor(this.dom.current, function () { var _a; return (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.refresh(); }));
                         // todo 以后优化这个，解决弹窗里面默认光标太小的问题
                         setTimeout(function () { var _a; return (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.refresh(); }, 350);

package/esm/components/Collapse.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 
@@ -100,10 +100,10 @@ var Collapse = /** @class */ (function (_super) {
             ? header
             : collapseHeader || header;
         var dom = [
-            finalHeader ? (React__default.createElement(HeadingComponent, { key: "header", onClick: this.toggleCollapsed, className: cx("Collapse-header", { 'is-mobile': mobileUI }, headingClassName) },
+            React__default.createElement(HeadingComponent, { key: "header", onClick: this.toggleCollapsed, className: cx("Collapse-header", { 'is-mobile': mobileUI }, headingClassName, { noTitle: !finalHeader }) },
                 showArrow && collapsable ? (expandIcon ? (React__default.cloneElement(expandIcon, __assign(__assign({}, expandIcon.props), { className: cx('Collapse-icon-tranform', (_b = expandIcon.props) === null || _b === void 0 ? void 0 : _b.className) }))) : (React__default.createElement("span", { className: cx('Collapse-arrow-wrap') },
                     React__default.createElement(Icon, { icon: "right-arrow-bold", className: cx('Collapse-arrow', 'icon'), classNameProp: cx('Collapse-arrow'), iconContent: "Collapse-arrow" })))) : (''),
-                finalHeader)) : null,
+                finalHeader),
             React__default.createElement(Transition, { key: "body", mountOnEnter: mountOnEnter, unmountOnExit: unmountOnExit, in: !this.state.collapsed, timeout: 300, onEnter: this.handleEnter, onEntering: this.handleEntering, onEntered: this.handleEntered, onExit: this.handleExit, onExiting: this.handleExiting }, function (status) {
                 if (status === ENTERING) {
                     _this.contentDom.offsetWidth;

package/esm/components/CollapseGroup.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/ColorPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/Combo.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */
 

package/esm/components/ConditionBuilder.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0
+ * amis-ui v6.10.0-beta.0
  * Copyright 2018-2024 fex
  */