amis-ui 6.9.0-rc.3 → 6.9.0-rc.5

package/esm/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,11 +40,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;
         onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+        description?: string | JSX.Element | undefined;
         toolbar?: React.ReactNode;
         bodyClassName?: string | undefined;
         media?: React.ReactNode;
@@ -61,19 +62,20 @@ declare const _default: {
         secondaryClassName?: string | undefined;
         imageClassName?: string | undefined;
         mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
+        mediaActionPosition?: "outside" | undefined;
         subTitlePlaceholder?: string | JSX.Element | undefined;
         descriptionPlaceholder?: string | JSX.Element | undefined;
         avatarText?: string | JSX.Element | undefined;
         secondary?: string | JSX.Element | undefined;
     } & {
-        classPrefix?: string | undefined;
-        classnames?: ClassNamesFn | undefined;
         className?: string | undefined;
-        theme?: string | undefined;
-        mobileUI?: boolean | undefined;
         style?: {
             [propName: string]: any;
         } | undefined;
+        classnames?: ClassNamesFn | undefined;
+        classPrefix?: string | undefined;
+        theme?: string | undefined;
+        mobileUI?: boolean | undefined;
     } & import("packages/amis-core/lib/theme").ThemeOuterProps): {
         ref: any;
         childRef(ref: any): void;
@@ -81,11 +83,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;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -103,27 +105,28 @@ declare const _default: {
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
             mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            mediaActionPosition?: "outside" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
+            theme?: string | undefined;
+            mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -141,19 +144,20 @@ declare const _default: {
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
             mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            mediaActionPosition?: "outside" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
+            theme?: string | undefined;
+            mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>;
         state: Readonly<{}>;
         refs: {
@@ -161,11 +165,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;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -183,28 +187,29 @@ declare const _default: {
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
             mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            mediaActionPosition?: "outside" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
+            theme?: string | undefined;
+            mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & {
-            description?: string | JSX.Element | undefined;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -222,26 +227,27 @@ declare const _default: {
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
             mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            mediaActionPosition?: "outside" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
+            theme?: string | undefined;
+            mobileUI?: boolean | 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;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -259,28 +265,29 @@ declare const _default: {
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
             mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            mediaActionPosition?: "outside" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
+            theme?: string | undefined;
+            mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, 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;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -298,26 +305,27 @@ declare const _default: {
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
             mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            mediaActionPosition?: "outside" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
+            theme?: string | undefined;
+            mobileUI?: boolean | 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;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -335,26 +343,27 @@ declare const _default: {
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
             mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            mediaActionPosition?: "outside" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
+            theme?: string | undefined;
+            mobileUI?: boolean | 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;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -372,26 +381,27 @@ declare const _default: {
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
             mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            mediaActionPosition?: "outside" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
+            theme?: string | undefined;
+            mobileUI?: boolean | 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;
             children?: React.ReactNode;
             data?: any;
             title?: string | JSX.Element | undefined;
             onClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+            description?: string | JSX.Element | undefined;
             toolbar?: React.ReactNode;
             bodyClassName?: string | undefined;
             media?: React.ReactNode;
@@ -409,19 +419,20 @@ declare const _default: {
             secondaryClassName?: string | undefined;
             imageClassName?: string | undefined;
             mediaPosition?: "left" | "right" | "bottom" | "top" | undefined;
+            mediaActionPosition?: "outside" | undefined;
             subTitlePlaceholder?: string | JSX.Element | undefined;
             descriptionPlaceholder?: string | JSX.Element | undefined;
             avatarText?: string | JSX.Element | undefined;
             secondary?: string | JSX.Element | undefined;
         } & {
-            classPrefix?: string | undefined;
-            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
-            theme?: string | undefined;
-            mobileUI?: boolean | undefined;
             style?: {
                 [propName: string]: any;
             } | undefined;
+            classnames?: ClassNamesFn | undefined;
+            classPrefix?: string | undefined;
+            theme?: string | undefined;
+            mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;

package/esm/components/Card.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.9.0-rc.3
+ * amis-ui v6.9.0-rc.5
  * Copyright 2018-2024 fex
  */
 
@@ -21,7 +21,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 ||
@@ -50,21 +50,22 @@ var Card = /** @class */ (function (_super) {
                 toolbar));
         }
         var body = children;
+        var actionView = secondary || actions ? (React__default.createElement("div", { className: cx('Card-footer-wrapper', footerClassName) },
+            secondary ? (React__default.createElement("div", { className: cx('Card-secondary', secondaryClassName) }, secondary)) : null,
+            actions ? (React__default.createElement("div", { className: cx('Card-actions-wrapper') }, actions)) : null)) : null;
         return (React__default.createElement("div", { onClick: this.handleClick, className: cx('Card', className, {
                 'Card--link': onClick
-            }), style: style }, media ? (React__default.createElement("div", { className: cx("Card-multiMedia--".concat(mediaPosition)) },
-            media,
-            React__default.createElement("div", { className: cx('Card-multiMedia-flex') },
-                heading,
-                body ? (React__default.createElement("div", { className: cx('Card-body', bodyClassName) }, body)) : null,
-                secondary || actions ? (React__default.createElement("div", { className: cx('Card-footer-wrapper', footerClassName) },
-                    secondary ? (React__default.createElement("div", { className: cx('Card-secondary', secondaryClassName) }, secondary)) : null,
-                    actions ? (React__default.createElement("div", { className: cx('Card-actions-wrapper') }, actions)) : null)) : null))) : (React__default.createElement(React__default.Fragment, null,
+            }), style: style }, media ? (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement("div", { className: cx("Card-multiMedia--".concat(mediaPosition)) },
+                media,
+                React__default.createElement("div", { className: cx('Card-multiMedia-flex') },
+                    heading,
+                    body ? (React__default.createElement("div", { className: cx('Card-body', bodyClassName) }, body)) : null,
+                    !mediaActionPosition ? actionView : null)),
+            mediaActionPosition === 'outside' ? actionView : null)) : (React__default.createElement(React__default.Fragment, null,
             heading,
             body ? (React__default.createElement("div", { className: cx('Card-body', bodyClassName) }, body)) : null,
-            secondary || actions ? (React__default.createElement("div", { className: cx('Card-footer-wrapper', footerClassName) },
-                secondary ? (React__default.createElement("div", { className: cx('Card-secondary', secondaryClassName) }, secondary)) : null,
-                actions ? (React__default.createElement("div", { className: cx('Card-actions-wrapper') }, actions)) : null)) : null))));
+            actionView))));
     };
     Card.defaultProps = {
         className: '',

package/esm/components/Cascader.js

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