amis-ui 6.9.0-rc.1 → 6.9.0-rc.10

package/lib/components/Card.d.ts

@@ -16,6 +16,7 @@ export interface CardProps extends ThemeProps {
     footerClassName?: string;
     media?: React.ReactNode;
     mediaPosition?: 'top' | 'left' | 'right' | 'bottom';
+    mediaActionPosition?: 'outside';
     toolbar?: React.ReactNode;
     children?: React.ReactNode;
     actions?: React.ReactNode;
@@ -39,35 +40,36 @@ export declare class Card extends React.Component<CardProps> {
 }
 declare const _default: {
     new (props: Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-        description?: string | JSX.Element | undefined;
+        media?: React.ReactNode;
         children?: React.ReactNode;
         data?: any;
         title?: string | JSX.Element | undefined;
         onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
         toolbar?: React.ReactNode;
+        description?: string | JSX.Element | undefined;
+        actions?: React.ReactNode;
         bodyClassName?: string | undefined;
-        media?: React.ReactNode;
-        headerClassName?: string | undefined;
         titleClassName?: string | undefined;
-        actions?: React.ReactNode;
-        subTitle?: string | JSX.Element | undefined;
+        headerClassName?: string | undefined;
         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" | "bottom" | "top" | undefined;
+        mediaPosition?: "bottom" | "top" | "right" | "left" | undefined;
+        mediaActionPosition?: "outside" | undefined;
+        subTitle?: string | JSX.Element | undefined;
         subTitlePlaceholder?: string | JSX.Element | undefined;
         descriptionPlaceholder?: string | JSX.Element | undefined;
+        avatar?: string | undefined;
         avatarText?: string | JSX.Element | undefined;
         secondary?: string | JSX.Element | undefined;
     } & {
-        classPrefix?: string | undefined;
         classnames?: ClassNamesFn | undefined;
+        classPrefix?: string | undefined;
         className?: string | undefined;
         theme?: string | undefined;
         mobileUI?: boolean | undefined;
@@ -81,35 +83,36 @@ 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;
+            media?: React.ReactNode;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             toolbar?: React.ReactNode;
+            description?: string | JSX.Element | undefined;
+            actions?: React.ReactNode;
             bodyClassName?: string | undefined;
-            media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            actions?: React.ReactNode;
-            subTitle?: string | JSX.Element | undefined;
+            headerClassName?: string | undefined;
             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" | "bottom" | "top" | undefined;
+            mediaPosition?: "bottom" | "top" | "right" | "left" | undefined;
+            mediaActionPosition?: "outside" | undefined;
+            subTitle?: string | JSX.Element | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
+            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
@@ -119,35 +122,36 @@ declare const _default: {
         } & 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<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
+            media?: React.ReactNode;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             toolbar?: React.ReactNode;
+            description?: string | JSX.Element | undefined;
+            actions?: React.ReactNode;
             bodyClassName?: string | undefined;
-            media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            actions?: React.ReactNode;
-            subTitle?: string | JSX.Element | undefined;
+            headerClassName?: string | undefined;
             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" | "bottom" | "top" | undefined;
+            mediaPosition?: "bottom" | "top" | "right" | "left" | undefined;
+            mediaActionPosition?: "outside" | undefined;
+            subTitle?: string | JSX.Element | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
+            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
@@ -161,35 +165,36 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
+            media?: React.ReactNode;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             toolbar?: React.ReactNode;
+            description?: string | JSX.Element | undefined;
+            actions?: React.ReactNode;
             bodyClassName?: string | undefined;
-            media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            actions?: React.ReactNode;
-            subTitle?: string | JSX.Element | undefined;
+            headerClassName?: string | undefined;
             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" | "bottom" | "top" | undefined;
+            mediaPosition?: "bottom" | "top" | "right" | "left" | undefined;
+            mediaActionPosition?: "outside" | undefined;
+            subTitle?: string | JSX.Element | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
+            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
@@ -200,35 +205,36 @@ declare const _default: {
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
+            media?: React.ReactNode;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             toolbar?: React.ReactNode;
+            description?: string | JSX.Element | undefined;
+            actions?: React.ReactNode;
             bodyClassName?: string | undefined;
-            media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            actions?: React.ReactNode;
-            subTitle?: string | JSX.Element | undefined;
+            headerClassName?: string | undefined;
             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" | "bottom" | "top" | undefined;
+            mediaPosition?: "bottom" | "top" | "right" | "left" | undefined;
+            mediaActionPosition?: "outside" | undefined;
+            subTitle?: string | JSX.Element | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
+            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
@@ -237,35 +243,36 @@ declare const _default: {
             } | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
+            media?: React.ReactNode;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             toolbar?: React.ReactNode;
+            description?: string | JSX.Element | undefined;
+            actions?: React.ReactNode;
             bodyClassName?: string | undefined;
-            media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            actions?: React.ReactNode;
-            subTitle?: string | JSX.Element | undefined;
+            headerClassName?: string | undefined;
             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" | "bottom" | "top" | undefined;
+            mediaPosition?: "bottom" | "top" | "right" | "left" | undefined;
+            mediaActionPosition?: "outside" | undefined;
+            subTitle?: string | JSX.Element | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
+            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
@@ -276,35 +283,36 @@ declare const _default: {
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
+            media?: React.ReactNode;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             toolbar?: React.ReactNode;
+            description?: string | JSX.Element | undefined;
+            actions?: React.ReactNode;
             bodyClassName?: string | undefined;
-            media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            actions?: React.ReactNode;
-            subTitle?: string | JSX.Element | undefined;
+            headerClassName?: string | undefined;
             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" | "bottom" | "top" | undefined;
+            mediaPosition?: "bottom" | "top" | "right" | "left" | undefined;
+            mediaActionPosition?: "outside" | undefined;
+            subTitle?: string | JSX.Element | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
+            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
@@ -313,35 +321,36 @@ declare const _default: {
             } | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
+            media?: React.ReactNode;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             toolbar?: React.ReactNode;
+            description?: string | JSX.Element | undefined;
+            actions?: React.ReactNode;
             bodyClassName?: string | undefined;
-            media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            actions?: React.ReactNode;
-            subTitle?: string | JSX.Element | undefined;
+            headerClassName?: string | undefined;
             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" | "bottom" | "top" | undefined;
+            mediaPosition?: "bottom" | "top" | "right" | "left" | undefined;
+            mediaActionPosition?: "outside" | undefined;
+            subTitle?: string | JSX.Element | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
+            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
@@ -350,35 +359,36 @@ declare const _default: {
             } | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
+            media?: React.ReactNode;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             toolbar?: React.ReactNode;
+            description?: string | JSX.Element | undefined;
+            actions?: React.ReactNode;
             bodyClassName?: string | undefined;
-            media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            actions?: React.ReactNode;
-            subTitle?: string | JSX.Element | undefined;
+            headerClassName?: string | undefined;
             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" | "bottom" | "top" | undefined;
+            mediaPosition?: "bottom" | "top" | "right" | "left" | undefined;
+            mediaActionPosition?: "outside" | undefined;
+            subTitle?: string | JSX.Element | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
+            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
@@ -387,35 +397,36 @@ declare const _default: {
             } | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
+            media?: React.ReactNode;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
             toolbar?: React.ReactNode;
+            description?: string | JSX.Element | undefined;
+            actions?: React.ReactNode;
             bodyClassName?: string | undefined;
-            media?: React.ReactNode;
-            headerClassName?: string | undefined;
             titleClassName?: string | undefined;
-            actions?: React.ReactNode;
-            subTitle?: string | JSX.Element | undefined;
+            headerClassName?: string | undefined;
             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" | "bottom" | "top" | undefined;
+            mediaPosition?: "bottom" | "top" | "right" | "left" | undefined;
+            mediaActionPosition?: "outside" | undefined;
+            subTitle?: string | JSX.Element | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
+            avatar?: string | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;

package/lib/components/Card.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.1
+ * amis-ui v6.9.0-rc.10
  * Copyright 2018-2024 fex
  */
 
@@ -32,7 +32,7 @@ var Card = /** @class */ (function (_super) {
         this.props.onClick && this.props.onClick(e);
     };
     Card.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, className = _a.className, style = _a.style, headerClassName = _a.headerClassName, bodyClassName = _a.bodyClassName, titleClassName = _a.titleClassName, subTitleClassName = _a.subTitleClassName, descriptionClassName = _a.descriptionClassName, avatarClassName = _a.avatarClassName, avatarTextStyle = _a.avatarTextStyle, imageClassName = _a.imageClassName, avatarTextClassName = _a.avatarTextClassName, secondaryClassName = _a.secondaryClassName, footerClassName = _a.footerClassName, media = _a.media, mediaPosition = _a.mediaPosition, actions = _a.actions, children = _a.children, onClick = _a.onClick, toolbar = _a.toolbar, title = _a.title, subTitle = _a.subTitle, subTitlePlaceholder = _a.subTitlePlaceholder, description = _a.description, descriptionPlaceholder = _a.descriptionPlaceholder, secondary = _a.secondary, avatar = _a.avatar, avatarText = _a.avatarText, data = _a.data;
+        var _a = this.props, cx = _a.classnames, className = _a.className, style = _a.style, headerClassName = _a.headerClassName, bodyClassName = _a.bodyClassName, titleClassName = _a.titleClassName, subTitleClassName = _a.subTitleClassName, descriptionClassName = _a.descriptionClassName, avatarClassName = _a.avatarClassName, avatarTextStyle = _a.avatarTextStyle, imageClassName = _a.imageClassName, avatarTextClassName = _a.avatarTextClassName, secondaryClassName = _a.secondaryClassName, footerClassName = _a.footerClassName, media = _a.media, mediaPosition = _a.mediaPosition, mediaActionPosition = _a.mediaActionPosition, actions = _a.actions, children = _a.children, onClick = _a.onClick, toolbar = _a.toolbar, title = _a.title, subTitle = _a.subTitle, subTitlePlaceholder = _a.subTitlePlaceholder, description = _a.description, descriptionPlaceholder = _a.descriptionPlaceholder, secondary = _a.secondary, avatar = _a.avatar, avatarText = _a.avatarText, data = _a.data;
         var heading = null;
         var isShowHeading = avatar ||
             avatarText ||
@@ -61,21 +61,22 @@ var Card = /** @class */ (function (_super) {
                 toolbar));
         }
         var body = children;
+        var actionView = 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;
         return (_J$X_("div", { onClick: this.handleClick, className: cx('Card', className, {
                 'Card--link': onClick
-            }), style: style }, media ? (_J$X_("div", { className: cx("Card-multiMedia--".concat(mediaPosition)) },
-            media,
-            _J$X_("div", { className: cx('Card-multiMedia-flex') },
-                heading,
-                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,
+            }), style: style }, media ? (_J$X_(React__default["default"].Fragment, null,
+            _J$X_("div", { className: cx("Card-multiMedia--".concat(mediaPosition)) },
+                media,
+                _J$X_("div", { className: cx('Card-multiMedia-flex') },
+                    heading,
+                    body ? (_J$X_("div", { className: cx('Card-body', bodyClassName) }, body)) : null,
+                    !mediaActionPosition ? actionView : null)),
+            mediaActionPosition === 'outside' ? actionView : null)) : (_J$X_(React__default["default"].Fragment, null,
             heading,
             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))));
+            actionView))));
     };
     Card.defaultProps = {
         className: '',

package/lib/components/Cascader.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.1
+ * amis-ui v6.9.0-rc.10
  * Copyright 2018-2024 fex
  */