amis-ui 3.2.0 → 3.3.0

package/lib/components/Card.d.ts

@@ -39,11 +39,11 @@ export declare class Card extends React.Component<CardProps> {
 }
 declare const _default: {
     new (props: Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-        description?: string | JSX.Element | undefined;
-        children?: React.ReactNode;
-        data?: any;
         title?: string | JSX.Element | undefined;
+        data?: any;
+        children?: React.ReactNode;
         onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+        description?: string | JSX.Element | undefined;
         toolbar?: React.ReactNode;
         bodyClassName?: string | undefined;
         media?: React.ReactNode;
@@ -66,12 +66,12 @@ declare const _default: {
         avatarText?: string | JSX.Element | undefined;
         secondary?: string | JSX.Element | undefined;
     } & {
-        classPrefix?: string | undefined;
         classnames?: ClassNamesFn | undefined;
-        className?: string | undefined;
+        classPrefix?: string | undefined;
         style?: {
             [propName: string]: any;
         } | undefined;
+        className?: string | undefined;
         theme?: string | undefined;
     } & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
@@ -80,11 +80,11 @@ declare const _default: {
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
-            children?: React.ReactNode;
-            data?: any;
             title?: string | JSX.Element | undefined;
+            data?: any;
+            children?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -107,21 +107,21 @@ declare const _default: {
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
-            children?: React.ReactNode;
-            data?: any;
             title?: string | JSX.Element | undefined;
+            data?: any;
+            children?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -144,12 +144,12 @@ declare const _default: {
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
@@ -158,11 +158,11 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
-            children?: React.ReactNode;
-            data?: any;
             title?: string | JSX.Element | undefined;
+            data?: any;
+            children?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -185,22 +185,22 @@ declare const _default: {
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
-            children?: React.ReactNode;
-            data?: any;
             title?: string | JSX.Element | undefined;
+            data?: any;
+            children?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -223,20 +223,20 @@ declare const _default: {
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
-            children?: React.ReactNode;
-            data?: any;
             title?: string | JSX.Element | undefined;
+            data?: any;
+            children?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -259,22 +259,22 @@ declare const _default: {
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
-            children?: React.ReactNode;
-            data?: any;
             title?: string | JSX.Element | undefined;
+            data?: any;
+            children?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -297,20 +297,20 @@ declare const _default: {
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
-            children?: React.ReactNode;
-            data?: any;
             title?: string | JSX.Element | undefined;
+            data?: any;
+            children?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -333,20 +333,20 @@ declare const _default: {
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
-            children?: React.ReactNode;
-            data?: any;
             title?: string | JSX.Element | undefined;
+            data?: any;
+            children?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -369,20 +369,20 @@ declare const _default: {
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
-            children?: React.ReactNode;
-            data?: any;
             title?: string | JSX.Element | undefined;
+            data?: any;
+            children?: React.ReactNode;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -405,12 +405,12 @@ declare const _default: {
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };

package/lib/components/Card.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -15,6 +15,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var Card = /** @class */ (function (_super) {
     tslib.__extends(Card, _super);
     function Card(props) {
@@ -40,17 +43,17 @@ var Card = /** @class */ (function (_super) {
             descriptionPlaceholder ||
             toolbar;
         if (isShowHeading) {
-            heading = (React__default["default"].createElement("div", { className: cx('Card-heading', headerClassName) },
-                avatar ? (React__default["default"].createElement("span", { className: cx('Card-avtar', avatarClassName) },
-                    React__default["default"].createElement("img", { className: cx('Card-img', imageClassName), src: avatar }))) : avatarText ? (React__default["default"].createElement("span", { className: cx('Card-avtarText', avatarTextClassName), style: amisCore.buildStyle(avatarTextStyle, data) }, avatarText)) : null,
-                React__default["default"].createElement("div", { className: cx('Card-meta') },
-                    title ? (React__default["default"].createElement("div", { className: cx('Card-title', titleClassName) }, title)) : null,
-                    subTitle || subTitlePlaceholder ? (React__default["default"].createElement("div", { className: cx('Card-subTitle', subTitleClassName) }, subTitle
+            heading = (_J$X_("div", { className: cx('Card-heading', headerClassName) },
+                avatar ? (_J$X_("span", { className: cx('Card-avtar', avatarClassName) },
+                    _J$X_("img", { className: cx('Card-img', imageClassName), src: avatar }))) : avatarText ? (_J$X_("span", { className: cx('Card-avtarText', avatarTextClassName), style: amisCore.buildStyle(avatarTextStyle, data) }, avatarText)) : null,
+                _J$X_("div", { className: cx('Card-meta') },
+                    title ? (_J$X_("div", { className: cx('Card-title', titleClassName) }, title)) : null,
+                    subTitle || subTitlePlaceholder ? (_J$X_("div", { className: cx('Card-subTitle', subTitleClassName) }, subTitle
                         ? subTitle
                         : subTitlePlaceholder
                             ? subTitlePlaceholder
                             : null)) : null,
-                    description || descriptionPlaceholder ? (React__default["default"].createElement("div", { className: cx('Card-desc', descriptionClassName) }, description
+                    description || descriptionPlaceholder ? (_J$X_("div", { className: cx('Card-desc', descriptionClassName) }, description
                         ? description
                         : descriptionPlaceholder
                             ? descriptionPlaceholder
@@ -58,21 +61,21 @@ var Card = /** @class */ (function (_super) {
                 toolbar));
         }
         var body = children;
-        return (React__default["default"].createElement("div", { onClick: this.handleClick, className: cx('Card', className, {
+        return (_J$X_("div", { onClick: this.handleClick, className: cx('Card', className, {
                 'Card--link': onClick
-            }), style: style }, media ? (React__default["default"].createElement("div", { className: cx("Card-multiMedia--".concat(mediaPosition)) },
+            }), style: style }, media ? (_J$X_("div", { className: cx("Card-multiMedia--".concat(mediaPosition)) },
             media,
-            React__default["default"].createElement("div", { className: cx('Card-multiMedia-flex') },
+            _J$X_("div", { className: cx('Card-multiMedia-flex') },
                 heading,
-                body ? (React__default["default"].createElement("div", { className: cx('Card-body', bodyClassName) }, body)) : null,
-                secondary || actions ? (React__default["default"].createElement("div", { className: cx('Card-footer-wrapper', footerClassName) },
-                    secondary ? (React__default["default"].createElement("div", { className: cx('Card-secondary', secondaryClassName) }, secondary)) : null,
-                    actions ? (React__default["default"].createElement("div", { className: cx('Card-actions-wrapper') }, actions)) : null)) : null))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+                body ? (_J$X_("div", { className: cx('Card-body', bodyClassName) }, body)) : null,
+                secondary || actions ? (_J$X_("div", { className: cx('Card-footer-wrapper', footerClassName) },
+                    secondary ? (_J$X_("div", { className: cx('Card-secondary', secondaryClassName) }, secondary)) : null,
+                    actions ? (_J$X_("div", { className: cx('Card-actions-wrapper') }, actions)) : null)) : null))) : (_J$X_(React__default["default"].Fragment, null,
             heading,
-            body ? (React__default["default"].createElement("div", { className: cx('Card-body', bodyClassName) }, body)) : null,
-            secondary || actions ? (React__default["default"].createElement("div", { className: cx('Card-footer-wrapper', footerClassName) },
-                secondary ? (React__default["default"].createElement("div", { className: cx('Card-secondary', secondaryClassName) }, secondary)) : null,
-                actions ? (React__default["default"].createElement("div", { className: cx('Card-actions-wrapper') }, actions)) : null)) : null))));
+            body ? (_J$X_("div", { className: cx('Card-body', bodyClassName) }, body)) : null,
+            secondary || actions ? (_J$X_("div", { className: cx('Card-footer-wrapper', footerClassName) },
+                secondary ? (_J$X_("div", { className: cx('Card-secondary', secondaryClassName) }, secondary)) : null,
+                actions ? (_J$X_("div", { className: cx('Card-actions-wrapper') }, actions)) : null)) : null))));
     };
     Card.defaultProps = {
         className: '',

package/lib/components/Cascader.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -26,10 +26,9 @@ var compact__default = /*#__PURE__*/_interopDefaultLegacy(compact);
 var find__default = /*#__PURE__*/_interopDefaultLegacy(find);
 var uniqBy__default = /*#__PURE__*/_interopDefaultLegacy(uniqBy);
 
-/**
- * @file Cascader
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var Cascader = /** @class */ (function (_super) {
     tslib.__extends(Cascader, _super);
     function Cascader(props) {
@@ -374,8 +373,8 @@ var Cascader = /** @class */ (function (_super) {
         var selectedValueArr = selectedOptions.map(function (item) { return item[valueField]; });
         var selfChecked = selectedValueArr.includes(option[valueField]);
         var color = option.color || (selfChecked ? activeColor : undefined);
-        var Text = optionRender ? (optionRender({ option: option, selected: selfChecked })) : (React__default["default"].createElement("span", null, option[labelField]));
-        return (React__default["default"].createElement("li", { className: cx('Cascader-option', {
+        var Text = optionRender ? (optionRender({ option: option, selected: selfChecked })) : (_J$X_("span", null, option[labelField]));
+        return (_J$X_("li", { className: cx('Cascader-option', {
                 'selected': selfChecked,
                 'disabled': option.disabled,
                 'is-active': activePaths.includes(option)
@@ -383,41 +382,41 @@ var Cascader = /** @class */ (function (_super) {
                 !multiple && _this.onSelect(option, tabIndex);
                 _this.handleExpand(option, tabIndex);
             } },
-            multiple ? (React__default["default"].createElement(Checkbox["default"], { disabled: option.disabled || (onlyLeaf && ((_a = option.children) === null || _a === void 0 ? void 0 : _a.length)), checked: selectedOptions.includes(option) ||
+            multiple ? (_J$X_(Checkbox["default"], { disabled: option.disabled || (onlyLeaf && ((_a = option.children) === null || _a === void 0 ? void 0 : _a.length)), checked: selectedOptions.includes(option) ||
                     this.getOnlyChildrenSelect(option), onChange: function () { return _this.onSelect(option, tabIndex); } },
-                React__default["default"].createElement("span", { className: cx('Cascader-option--text') }, Text))) : (React__default["default"].createElement("span", { className: cx('Cascader-option--text', {
+                _J$X_("span", { className: cx('Cascader-option--text') }, Text))) : (_J$X_("span", { className: cx('Cascader-option--text', {
                     disabled: onlyLeaf && ((_b = option.children) === null || _b === void 0 ? void 0 : _b.length)
                 }) }, Text)),
-            ((_c = option.children) === null || _c === void 0 ? void 0 : _c.length) ? (React__default["default"].createElement("span", { className: cx('Cascader-option-arrow') },
-                React__default["default"].createElement(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : null));
+            ((_c = option.children) === null || _c === void 0 ? void 0 : _c.length) ? (_J$X_("span", { className: cx('Cascader-option-arrow') },
+                _J$X_(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : null));
     };
     Cascader.prototype.renderOptions = function (options, tabIndex) {
         var _this = this;
         var cx = this.props.classnames;
-        return (React__default["default"].createElement("ul", { key: tabIndex, className: cx('Cascader-options') }, options.map(function (option) { return _this.renderOption(option, tabIndex); })));
+        return (_J$X_("ul", { key: tabIndex, className: cx('Cascader-options') }, options.map(function (option) { return _this.renderOption(option, tabIndex); })));
     };
     Cascader.prototype.renderTabs = function () {
         var _this = this;
         var _a = this.props, cx = _a.classnames, options = _a.options;
         var tabs = this.state.tabs;
         var depth = amisCore.getTreeDepth(options);
-        return (React__default["default"].createElement("div", { className: cx("Cascader-tabs", depth > 3 ? 'scrollable' : ''), ref: this.tabsRef },
+        return (_J$X_("div", { className: cx("Cascader-tabs", depth > 3 ? 'scrollable' : ''), ref: this.tabsRef },
             tabs.map(function (tab, tabIndex) {
                 var options = tab.options;
-                return (React__default["default"].createElement("div", { className: cx("Cascader-tab depth-".concat(tabIndex)), ref: _this.tabRef, key: tabIndex }, _this.renderOptions(options, tabIndex)));
+                return (_J$X_("div", { className: cx("Cascader-tab depth-".concat(tabIndex)), ref: _this.tabRef, key: tabIndex }, _this.renderOptions(options, tabIndex)));
             }),
             depth <= 3 && options.length
                 ? Array(amisCore.getTreeDepth(options) - tabs.length)
                     .fill(1)
-                    .map(function (item, index) { return (React__default["default"].createElement("div", { className: cx("Cascader-tab depth-".concat(index + 1)), key: index })); })
+                    .map(function (item, index) { return (_J$X_("div", { className: cx("Cascader-tab depth-".concat(index + 1)), key: index })); })
                 : null));
     };
     Cascader.prototype.render = function () {
         var _a = this.props; _a.classPrefix; var cx = _a.classnames, className = _a.className, onClose = _a.onClose; _a.valueField; var __ = _a.translate;
-        return (React__default["default"].createElement("div", { className: cx("Cascader", className) },
-            React__default["default"].createElement("div", { className: cx("Cascader-btnGroup") },
-                React__default["default"].createElement(Button["default"], { className: cx("Cascader-btnCancel"), level: "link", onClick: onClose }, __('cancel')),
-                React__default["default"].createElement(Button["default"], { className: cx("Cascader-btnConfirm"), level: "link", onClick: this.confirm, disabled: this.state.disableConfirm }, __('confirm'))),
+        return (_J$X_("div", { className: cx("Cascader", className) },
+            _J$X_("div", { className: cx("Cascader-btnGroup") },
+                _J$X_(Button["default"], { className: cx("Cascader-btnCancel"), level: "link", onClick: onClose }, __('cancel')),
+                _J$X_(Button["default"], { className: cx("Cascader-btnConfirm"), level: "link", onClick: this.confirm, disabled: this.state.disableConfirm }, __('confirm'))),
             this.renderTabs()));
     };
     Cascader.defaultProps = {