amis-ui 3.1.1 → 3.3.0

package/lib/components/Card.d.ts

@@ -39,40 +39,40 @@ export declare class Card extends React.Component<CardProps> {
 }
 declare const _default: {
     new (props: Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-        data?: any;
-        onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
         title?: string | JSX.Element | undefined;
+        data?: any;
         children?: React.ReactNode;
+        onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
         description?: string | JSX.Element | undefined;
-        bodyClassName?: string | undefined;
         toolbar?: React.ReactNode;
+        bodyClassName?: string | undefined;
+        media?: React.ReactNode;
         headerClassName?: string | undefined;
         titleClassName?: string | undefined;
-        media?: React.ReactNode;
+        subTitle?: string | JSX.Element | undefined;
         actions?: React.ReactNode;
         footerClassName?: string | undefined;
         descriptionClassName?: string | undefined;
+        avatar?: string | undefined;
         subTitleClassName?: string | undefined;
         avatarTextStyle?: object | undefined;
         avatarTextClassName?: string | undefined;
         avatarClassName?: string | undefined;
         secondaryClassName?: string | undefined;
         imageClassName?: string | undefined;
-        mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
-        subTitle?: string | JSX.Element | undefined;
+        mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
         subTitlePlaceholder?: string | JSX.Element | undefined;
         descriptionPlaceholder?: string | JSX.Element | undefined;
-        avatar?: string | undefined;
         avatarText?: string | JSX.Element | undefined;
         secondary?: string | JSX.Element | undefined;
     } & {
-        className?: string | undefined;
-        theme?: string | undefined;
+        classnames?: ClassNamesFn | undefined;
+        classPrefix?: string | undefined;
         style?: {
             [propName: string]: any;
         } | undefined;
-        classPrefix?: string | undefined;
-        classnames?: ClassNamesFn | undefined;
+        className?: string | undefined;
+        theme?: string | undefined;
     } & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
         childRef(ref: any): void;
@@ -80,77 +80,77 @@ declare const _default: {
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            data?: any;
-            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             title?: string | JSX.Element | undefined;
+            data?: any;
             children?: React.ReactNode;
+            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             description?: string | JSX.Element | undefined;
-            bodyClassName?: string | undefined;
             toolbar?: React.ReactNode;
+            bodyClassName?: string | undefined;
+            media?: React.ReactNode;
             headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            media?: React.ReactNode;
+            subTitle?: string | JSX.Element | undefined;
             actions?: React.ReactNode;
             footerClassName?: string | undefined;
             descriptionClassName?: string | undefined;
+            avatar?: string | undefined;
             subTitleClassName?: string | undefined;
             avatarTextStyle?: object | undefined;
             avatarTextClassName?: string | undefined;
             avatarClassName?: string | undefined;
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
-            mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
-            subTitle?: string | JSX.Element | undefined;
+            mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
-            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | 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> & {
-            data?: any;
-            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             title?: string | JSX.Element | undefined;
+            data?: any;
             children?: React.ReactNode;
+            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             description?: string | JSX.Element | undefined;
-            bodyClassName?: string | undefined;
             toolbar?: React.ReactNode;
+            bodyClassName?: string | undefined;
+            media?: React.ReactNode;
             headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            media?: React.ReactNode;
+            subTitle?: string | JSX.Element | undefined;
             actions?: React.ReactNode;
             footerClassName?: string | undefined;
             descriptionClassName?: string | undefined;
+            avatar?: string | undefined;
             subTitleClassName?: string | undefined;
             avatarTextStyle?: object | undefined;
             avatarTextClassName?: string | undefined;
             avatarClassName?: string | undefined;
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
-            mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
-            subTitle?: string | JSX.Element | undefined;
+            mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
-            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
+            className?: string | undefined;
+            theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
         refs: {
@@ -158,260 +158,260 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            data?: any;
-            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             title?: string | JSX.Element | undefined;
+            data?: any;
             children?: React.ReactNode;
+            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             description?: string | JSX.Element | undefined;
-            bodyClassName?: string | undefined;
             toolbar?: React.ReactNode;
+            bodyClassName?: string | undefined;
+            media?: React.ReactNode;
             headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            media?: React.ReactNode;
+            subTitle?: string | JSX.Element | undefined;
             actions?: React.ReactNode;
             footerClassName?: string | undefined;
             descriptionClassName?: string | undefined;
+            avatar?: string | undefined;
             subTitleClassName?: string | undefined;
             avatarTextStyle?: object | undefined;
             avatarTextClassName?: string | undefined;
             avatarClassName?: string | undefined;
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
-            mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
-            subTitle?: string | JSX.Element | undefined;
+            mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
-            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | 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> & {
-            data?: any;
-            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             title?: string | JSX.Element | undefined;
+            data?: any;
             children?: React.ReactNode;
+            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             description?: string | JSX.Element | undefined;
-            bodyClassName?: string | undefined;
             toolbar?: React.ReactNode;
+            bodyClassName?: string | undefined;
+            media?: React.ReactNode;
             headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            media?: React.ReactNode;
+            subTitle?: string | JSX.Element | undefined;
             actions?: React.ReactNode;
             footerClassName?: string | undefined;
             descriptionClassName?: string | undefined;
+            avatar?: string | undefined;
             subTitleClassName?: string | undefined;
             avatarTextStyle?: object | undefined;
             avatarTextClassName?: string | undefined;
             avatarClassName?: string | undefined;
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
-            mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
-            subTitle?: string | JSX.Element | undefined;
+            mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
-            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | 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> & {
-            data?: any;
-            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             title?: string | JSX.Element | undefined;
+            data?: any;
             children?: React.ReactNode;
+            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             description?: string | JSX.Element | undefined;
-            bodyClassName?: string | undefined;
             toolbar?: React.ReactNode;
+            bodyClassName?: string | undefined;
+            media?: React.ReactNode;
             headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            media?: React.ReactNode;
+            subTitle?: string | JSX.Element | undefined;
             actions?: React.ReactNode;
             footerClassName?: string | undefined;
             descriptionClassName?: string | undefined;
+            avatar?: string | undefined;
             subTitleClassName?: string | undefined;
             avatarTextStyle?: object | undefined;
             avatarTextClassName?: string | undefined;
             avatarClassName?: string | undefined;
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
-            mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
-            subTitle?: string | JSX.Element | undefined;
+            mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
-            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | 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> & {
-            data?: any;
-            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             title?: string | JSX.Element | undefined;
+            data?: any;
             children?: React.ReactNode;
+            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             description?: string | JSX.Element | undefined;
-            bodyClassName?: string | undefined;
             toolbar?: React.ReactNode;
+            bodyClassName?: string | undefined;
+            media?: React.ReactNode;
             headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            media?: React.ReactNode;
+            subTitle?: string | JSX.Element | undefined;
             actions?: React.ReactNode;
             footerClassName?: string | undefined;
             descriptionClassName?: string | undefined;
+            avatar?: string | undefined;
             subTitleClassName?: string | undefined;
             avatarTextStyle?: object | undefined;
             avatarTextClassName?: string | undefined;
             avatarClassName?: string | undefined;
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
-            mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
-            subTitle?: string | JSX.Element | undefined;
+            mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
-            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | 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> & {
-            data?: any;
-            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             title?: string | JSX.Element | undefined;
+            data?: any;
             children?: React.ReactNode;
+            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             description?: string | JSX.Element | undefined;
-            bodyClassName?: string | undefined;
             toolbar?: React.ReactNode;
+            bodyClassName?: string | undefined;
+            media?: React.ReactNode;
             headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            media?: React.ReactNode;
+            subTitle?: string | JSX.Element | undefined;
             actions?: React.ReactNode;
             footerClassName?: string | undefined;
             descriptionClassName?: string | undefined;
+            avatar?: string | undefined;
             subTitleClassName?: string | undefined;
             avatarTextStyle?: object | undefined;
             avatarTextClassName?: string | undefined;
             avatarClassName?: string | undefined;
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
-            mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
-            subTitle?: string | JSX.Element | undefined;
+            mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
-            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | 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> & {
-            data?: any;
-            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             title?: string | JSX.Element | undefined;
+            data?: any;
             children?: React.ReactNode;
+            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             description?: string | JSX.Element | undefined;
-            bodyClassName?: string | undefined;
             toolbar?: React.ReactNode;
+            bodyClassName?: string | undefined;
+            media?: React.ReactNode;
             headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            media?: React.ReactNode;
+            subTitle?: string | JSX.Element | undefined;
             actions?: React.ReactNode;
             footerClassName?: string | undefined;
             descriptionClassName?: string | undefined;
+            avatar?: string | undefined;
             subTitleClassName?: string | undefined;
             avatarTextStyle?: object | undefined;
             avatarTextClassName?: string | undefined;
             avatarClassName?: string | undefined;
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
-            mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
-            subTitle?: string | JSX.Element | undefined;
+            mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
-            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | 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> & {
-            data?: any;
-            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             title?: string | JSX.Element | undefined;
+            data?: any;
             children?: React.ReactNode;
+            onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             description?: string | JSX.Element | undefined;
-            bodyClassName?: string | undefined;
             toolbar?: React.ReactNode;
+            bodyClassName?: string | undefined;
+            media?: React.ReactNode;
             headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            media?: React.ReactNode;
+            subTitle?: string | JSX.Element | undefined;
             actions?: React.ReactNode;
             footerClassName?: string | undefined;
             descriptionClassName?: string | undefined;
+            avatar?: string | undefined;
             subTitleClassName?: string | undefined;
             avatarTextStyle?: object | undefined;
             avatarTextClassName?: string | undefined;
             avatarClassName?: string | undefined;
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
-            mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
-            subTitle?: string | JSX.Element | undefined;
+            mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
-            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            className?: string | undefined;
-            theme?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
+            className?: string | undefined;
+            theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;

package/lib/components/Card.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * 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.d.ts

@@ -9,6 +9,7 @@ import type { OptionsControlProps } from 'amis-core';
 export type CascaderOption = {
     text?: string;
     value?: string | number;
+    valueField?: string;
     color?: string;
     disabled?: boolean;
     children?: Options;
@@ -37,11 +38,11 @@ export type CascaderTab = {
 };
 export interface CascaderState {
     selectedOptions: Options;
-    activeTab: number;
     tabs: Array<{
         options: Options;
     }>;
     disableConfirm: boolean;
+    activePaths: CascaderOption[];
 }
 export declare class Cascader extends React.Component<CascaderProps, CascaderState> {
     static defaultProps: {
@@ -52,17 +53,17 @@ export declare class Cascader extends React.Component<CascaderProps, CascaderSta
     tabRef: React.RefObject<HTMLDivElement>;
     constructor(props: CascaderProps);
     componentDidMount(): void;
-    handleTabSelect(index: number): void;
     getOptionParent(option: Option): any;
     dealParentSelect(option: Option, selectedOptions: Options): Options;
     flattenTreeWithLeafNodes(option: Option): any[];
     adjustOptionSelect(option: Option): boolean;
+    getOnlyChildrenSelect(option: Option, selectedOptions?: Option[]): boolean | undefined;
     getSelectedChildNum(option: Option): number;
     dealOptionDisable(selectedOptions: Options): void;
     dealChildrenSelect(option: Option, selectedOptions: Options): Options;
     getParentTree: (option: Option, arr: Options) => Options;
     onSelect(option: CascaderOption, tabIndex: number): void;
-    onNextClick(option: CascaderOption, tabIndex: number): void;
+    handleExpand(option: Option, tabIndex: number): void;
     getSubmitOptions(selectedOptions: Options): Options;
     confirm(): void;
     getSelectedOptions(): Option[];