amis-ui 2.3.2-beta.1 → 2.4.0

package/esm/components/MultilineText.d.ts

@@ -0,0 +1,462 @@
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { LocaleProps } from 'amis-core';
+import { ThemeProps } from 'amis-core';
+export interface MultilineTextProps extends ThemeProps, LocaleProps {
+    /**
+     * 最大行数
+     */
+    maxRows?: number;
+    /**
+     * 展示文本
+     */
+    text: string;
+    /**
+     * 展开按钮文本
+     */
+    expendButtonText?: string;
+    /**
+     * 收起按钮文本
+     */
+    collapseButtonText?: string;
+}
+export interface MultilineTextState {
+    isExpend: boolean;
+    showBtn: boolean;
+}
+export declare class MultilineText extends React.Component<MultilineTextProps, MultilineTextState> {
+    static defaultProps: {
+        maxRows: number;
+        expendButtonText: string;
+        collapseButtonText: string;
+    };
+    state: {
+        isExpend: boolean;
+        showBtn: boolean;
+    };
+    ref?: React.RefObject<HTMLDivElement>;
+    constructor(props: MultilineTextProps);
+    componentDidMount(): void;
+    shouldComponentUpdate(nextProps: Readonly<MultilineTextProps>, nextState: Readonly<MultilineTextState>, nextContext: any): boolean;
+    componentDidUpdate(oldProps: any, oldState: any): void;
+    toggleExpend(): void;
+    render(): JSX.Element | null;
+}
+declare const _default: {
+    new (props: Omit<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+        maxRows: number;
+        expendButtonText: string;
+        collapseButtonText: string;
+    }, never>> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<{
+        new (props: Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }): {
+            ref: any;
+            childRef(ref: any): void;
+            getWrappedInstance(): any;
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<typeof MultilineText>;
+    } & import("hoist-non-react-statics").NonReactStatics<typeof MultilineText, {}> & {
+        ComposedComponent: typeof MultilineText;
+    }>;
+} & import("hoist-non-react-statics").NonReactStatics<{
+    new (props: Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+        maxRows: number;
+        expendButtonText: string;
+        collapseButtonText: string;
+    }, never>> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof MultilineText>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof MultilineText, {}> & {
+    ComposedComponent: typeof MultilineText;
+}, {}> & {
+    ComposedComponent: {
+        new (props: Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+            maxRows: number;
+            expendButtonText: string;
+            collapseButtonText: string;
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }): {
+            ref: any;
+            childRef(ref: any): void;
+            getWrappedInstance(): any;
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "text"> & Partial<Pick<Omit<MultilineTextProps, keyof LocaleProps>, "maxRows" | "expendButtonText" | "collapseButtonText">> & Partial<Pick<{
+                maxRows: number;
+                expendButtonText: string;
+                collapseButtonText: string;
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<typeof MultilineText>;
+    } & import("hoist-non-react-statics").NonReactStatics<typeof MultilineText, {}> & {
+        ComposedComponent: typeof MultilineText;
+    };
+};
+export default _default;

package/esm/components/MultilineText.js

@@ -0,0 +1,85 @@
+/**
+ * amis-ui v2.4.0
+ * Copyright 2018-2022 fex
+ */
+
+import { __extends, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { anyChanged, autobind, themeable, localeable } from 'amis-core';
+import Button from './Button.js';
+
+var MultilineText = /** @class */ (function (_super) {
+    __extends(MultilineText, _super);
+    function MultilineText(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            isExpend: false,
+            showBtn: false
+        };
+        _this.ref = React__default.createRef();
+        return _this;
+    }
+    MultilineText.prototype.componentDidMount = function () {
+        if (this.ref && this.ref.current) {
+            if (this.ref.current.scrollHeight > this.ref.current.clientHeight) {
+                this.setState({
+                    showBtn: true
+                });
+            }
+        }
+    };
+    MultilineText.prototype.shouldComponentUpdate = function (nextProps, nextState, nextContext) {
+        if (anyChanged(['text', 'maxRows', 'expendButtonText', 'collapseButtonText', 'className'], this.props, nextProps)
+            || anyChanged(['isExpend', 'showBtn'], this.state, nextState)) {
+            return true;
+        }
+        return false;
+    };
+    MultilineText.prototype.componentDidUpdate = function (oldProps, oldState) {
+        var _a = this.props, text = _a.text, maxRows = _a.maxRows;
+        if (text !== oldProps.text || maxRows !== oldProps) {
+            if (this.ref && this.ref.current) {
+                this.setState({
+                    showBtn: this.ref.current.scrollHeight > this.ref.current.clientHeight
+                });
+            }
+        }
+    };
+    MultilineText.prototype.toggleExpend = function () {
+        this.setState({
+            isExpend: !this.state.isExpend
+        });
+    };
+    MultilineText.prototype.render = function () {
+        var _a = this.props, className = _a.className, text = _a.text, cx = _a.classnames, _b = _a.maxRows, maxRows = _b === void 0 ? 5 : _b, expendButtonText = _a.expendButtonText, collapseButtonText = _a.collapseButtonText;
+        if (!text) {
+            return null;
+        }
+        var _c = this.state, showBtn = _c.showBtn, isExpend = _c.isExpend;
+        return (React__default.createElement("div", { className: cx('MultilineText', className) },
+            React__default.createElement("div", { ref: this.ref, className: cx('MultilineText-counter'), style: {
+                    height: "".concat(maxRows * 20, "px")
+                } }, text),
+            React__default.createElement("div", { className: cx('MultilineText-display'), style: {
+                    height: (showBtn && !isExpend) ? "".concat(maxRows * 20, "px") : 'auto'
+                } }, text),
+            showBtn &&
+                React__default.createElement("div", { className: cx('MultilineText-button-wrapper') },
+                    React__default.createElement(Button, { className: cx('MultilineText-button'), level: "link", onClick: this.toggleExpend }, !isExpend ? expendButtonText : collapseButtonText))));
+    };
+    MultilineText.defaultProps = {
+        maxRows: 5,
+        expendButtonText: '展开',
+        collapseButtonText: '收起'
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], MultilineText.prototype, "toggleExpend", null);
+    return MultilineText;
+}(React__default.Component));
+var MultilineText$1 = themeable(localeable(MultilineText));
+
+export { MultilineText, MultilineText$1 as default };