@jiaozhiye/qm-design-react 1.10.7 → 1.10.9

package/lib/anchor/src/anchor-item.d.ts

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { CSSProperties } from '../../_utils/types';
 type IProps = {
     label: string;
@@ -8,8 +8,5 @@ type IProps = {
     children?: React.ReactNode;
 };
 export type AnchorItemProps = IProps;
-declare class QmAnchorItem extends Component<IProps> {
-    static displayName: string;
-    render(): React.JSX.Element;
-}
-export default QmAnchorItem;
+declare const AnchorItem: React.FC<IProps>;
+export default AnchorItem;

package/lib/anchor/src/anchor-nav.d.ts

@@ -1,12 +1,9 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { AnyFunction } from '../../_utils/types';
 type IProps = {
     activeKey: number;
     labels: string[];
     onTabClick: AnyFunction<void>;
 };
-declare class AnchorNav extends Component<IProps> {
-    renderLabel(): React.ReactNode[];
-    render(): React.JSX.Element;
-}
+declare const AnchorNav: React.FC<IProps>;
 export default AnchorNav;

package/lib/anchor/src/anchor.d.ts

@@ -1,7 +1,6 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import ConfigContext from '../../config-provider/context';
+import React from 'react';
 import type { ComponentSize, CSSProperties } from '../../_utils/types';
+import type { AnchorItemProps } from './anchor-item';
 type ILabelItem = {
     id: string;
     label: string;
@@ -17,47 +16,12 @@ type IProps = {
     style?: CSSProperties;
     children?: React.ReactNode;
 };
-type IState = {
-    activeKey: number;
-};
-export type AnchorProps = IProps;
-declare class QmAnchor extends Component<IProps, IState> {
-    static Item: React.ClassicComponentClass<{
-        label: string;
-        showDivider?: boolean | undefined;
-        style?: React.CSSProperties | undefined;
-        className?: string | undefined;
-        children?: React.ReactNode;
-    }>;
-    static propTypes: {
-        size: (props: any, propName: any, componentName: any) => void;
-        labelWidth: (props: any, propName: any, componentName: any) => void;
-        labelList: PropTypes.Requireable<(PropTypes.InferProps<{
-            id: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-    };
-    static defaultProps: {
-        tabPosition: string;
-    };
-    static contextType: React.Context<import("../../config-provider/context").IConfig>;
-    context: React.ContextType<typeof ConfigContext>;
-    private currentState;
-    private itemsTotal;
-    private timer;
-    private scrollEvent;
-    private scrollRef;
-    private get __is_conf();
-    constructor(props: IProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    initialHandle(): void;
-    createDistances(): number[];
-    findCurrentIndex(t: number): number;
-    getTargetElement(index: number): HTMLElement;
-    onScrollHandle: (ev: MouseEvent) => void;
-    onTabClickHandle: (index: number) => void;
+type AnchorRef = {
     SCROLL_TO_ITEM: (index: number) => void;
-    render(): React.JSX.Element;
+};
+interface AnchorComponent extends React.ForwardRefExoticComponent<IProps & React.RefAttributes<AnchorRef>> {
+    Item: React.FC<AnchorItemProps>;
 }
+export type AnchorProps = IProps;
+declare const QmAnchor: AnchorComponent;
 export default QmAnchor;

package/lib/button/src/button.d.ts

@@ -1,10 +1,9 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import ConfigContext from '../../config-provider/context';
+import React from 'react';
 import type { IAuth } from '../../_utils/types';
 import type { ButtonProps as AntButtonProps } from '../../antd';
 type IProps = AntButtonProps & {
     click?: (ev: React.MouseEventHandler<HTMLElement>) => Promise<void> | void;
+    shortcutKey?: string;
     authConfig?: IAuth;
     confirm?: {
         title?: string | React.ReactNode;
@@ -12,23 +11,6 @@ type IProps = AntButtonProps & {
         onCancel?: (ev: any) => void;
     };
 };
-type IState = {
-    isLoading: boolean;
-};
 export type ButtonProps = IProps;
-declare class QmButton extends Component<IProps, IState> {
-    static propTypes: {
-        click: PropTypes.Requireable<(...args: any[]) => any>;
-        confirm: PropTypes.Requireable<PropTypes.InferProps<{
-            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
-            onCancel: PropTypes.Requireable<(...args: any[]) => any>;
-        }>>;
-    };
-    static contextType: React.Context<import("../../config-provider/context").IConfig>;
-    context: React.ContextType<typeof ConfigContext>;
-    state: IState;
-    clickHandle: (ev: any) => Promise<void>;
-    render(): React.JSX.Element | null;
-}
+declare const QmButton: React.FC<IProps>;
 export default QmButton;

package/lib/countup/src/countup.d.ts

@@ -1,19 +1,11 @@
-import React, { Component } from 'react';
-import { CountUpProps } from 'react-countup/build/CountUp';
-import ConfigContext from '../../config-provider/context';
+import React from 'react';
+import type { CountUpProps } from 'react-countup/build/CountUp';
 import type { ComponentSize, CSSProperties } from '../../_utils/types';
-type IProps = CountUpProps & {
+interface IProps extends CountUpProps {
     size?: ComponentSize;
     className?: string;
     style?: CSSProperties;
-};
-export type CountupProps = IProps;
-declare class QmCountup extends Component<IProps> {
-    static defaultProps: {
-        duration: number;
-    };
-    static contextType: React.Context<import("../../config-provider/context").IConfig>;
-    context: React.ContextType<typeof ConfigContext>;
-    render(): React.JSX.Element;
 }
-export default QmCountup;
+export type CountupProps = IProps;
+declare const Countup: React.FC<IProps>;
+export default Countup;

package/lib/divider/src/divider.d.ts

@@ -1,6 +1,4 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import ConfigContext from '../../config-provider/context';
+import React from 'react';
 import type { ComponentSize, CSSProperties, JSXElement } from '../../_utils/types';
 type IProps = {
     label: string;
@@ -15,20 +13,5 @@ type IProps = {
     onCollapseChange?: (collapse: boolean) => void;
 };
 export type DividerProps = IProps;
-declare class QmDivider extends Component<IProps> {
-    static contextType: React.Context<import("../../config-provider/context").IConfig>;
-    context: React.ContextType<typeof ConfigContext>;
-    static propTypes: {
-        label: PropTypes.Requireable<string>;
-        size: (props: any, propName: any, componentName: any) => void;
-        extra: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
-        collapse: PropTypes.Requireable<boolean>;
-        bordered: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        bordered: boolean;
-    };
-    clickHandle: () => void;
-    render(): React.JSX.Element;
-}
+declare const QmDivider: React.FC<IProps>;
 export default QmDivider;

package/lib/download/src/download.d.ts

@@ -1,6 +1,4 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import ConfigContext from '../../config-provider/context';
+import React from 'react';
 import type { AnyObject, AjaxResponse, ComponentSize } from '../../_utils/types';
 import type { ButtonProps } from '../../antd';
 export type HttpRequestHeader = {
@@ -21,35 +19,6 @@ type IProps = Omit<ButtonProps, 'prefixCls' | 'ghost' | 'danger' | 'block'> & {
     onSuccess?: () => void;
     onError?: (error: AnyObject<unknown>) => void;
 };
-type IState = {
-    loading: boolean;
-};
 export type DownloadProps = IProps;
-declare class QmDownload extends Component<IProps, IState> {
-    static propTypes: {
-        action: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
-            api: PropTypes.Validator<(...args: any[]) => any>;
-            params: PropTypes.Requireable<object>;
-        }> | null | undefined>>;
-        size: (props: any, propName: any, componentName: any) => void;
-        fileName: PropTypes.Requireable<string>;
-        headers: PropTypes.Requireable<object>;
-        withCredentials: PropTypes.Requireable<boolean>;
-        params: PropTypes.Requireable<object>;
-        beforeDownload: PropTypes.Requireable<(...args: any[]) => any>;
-        onSuccess: PropTypes.Requireable<(...args: any[]) => any>;
-        onError: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        icon: React.JSX.Element;
-        children: string;
-        withCredentials: boolean;
-    };
-    static contextType: React.Context<import("../../config-provider/context").IConfig>;
-    context: React.ContextType<typeof ConfigContext>;
-    state: IState;
-    getActionUrl(): Promise<string>;
-    downloadHandle: () => Promise<void>;
-    render(): React.JSX.Element;
-}
-export default QmDownload;
+declare const Download: React.FC<IProps>;
+export default Download;

package/lib/drawer/index.d.ts

@@ -1,3 +1,3 @@
 import Drawer from './src/drawer';
-export type { DrawerProps } from './src/drawer';
+export type { DrawerRef, DrawerProps } from './src/drawer';
 export default Drawer;

package/lib/drawer/src/drawer.d.ts

@@ -1,50 +1,29 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import ConfigContext from '../../config-provider/context';
-import type { ComponentSize, Nullable } from '../../_utils/types';
+import React from 'react';
+import type { ComponentSize } from '../../_utils/types';
 import type { DrawerProps as AntDrawerProps } from '../../antd';
-type EventType = React.MouseEvent<HTMLElement>;
 type IProps = Omit<AntDrawerProps, 'size'> & {
     visible?: boolean;
     size?: ComponentSize;
     loading?: boolean;
     showHeader?: boolean;
     showFullScreen?: boolean;
-    onClose?: (e: EventType) => void;
+    onClose?: (e: React.MouseEvent<HTMLElement>) => void;
     onClosed?: () => void;
     onFullChange?: (value: boolean) => void;
 };
-type IState = {
-    fullscreen: boolean;
-    spinning: boolean;
-    sloading: boolean;
-};
-export type DrawerProps = IProps;
-declare class QmDrawer extends Component<IProps, IState> {
-    static contextType: React.Context<import("../../config-provider/context").IConfig>;
-    context: React.ContextType<typeof ConfigContext>;
-    static propTypes: {
-        size: (props: any, propName: any, componentName: any) => void;
-        spinning: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        width: string;
-        showHeader: boolean;
-        showFullScreen: boolean;
-        destroyOnClose: boolean;
-        footer: null;
-    };
-    titleRef: React.RefObject<HTMLSpanElement>;
-    $drawer: Nullable<HTMLElement>;
-    private opened;
-    state: IState;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: IProps, prevState: IState): void;
-    afterVisibleChange: (visible: boolean) => void;
-    toggleHandle: () => void;
-    renderTitle(): React.JSX.Element;
+export type DrawerRef = {
     START_LOADING: () => void;
     STOP_LOADING: () => void;
-    render(): React.JSX.Element;
-}
+};
+export type DrawerProps = IProps;
+declare const QmDrawer: React.ForwardRefExoticComponent<Omit<AntDrawerProps, "size"> & {
+    visible?: boolean | undefined;
+    size?: ComponentSize | undefined;
+    loading?: boolean | undefined;
+    showHeader?: boolean | undefined;
+    showFullScreen?: boolean | undefined;
+    onClose?: ((e: React.MouseEvent<HTMLElement>) => void) | undefined;
+    onClosed?: (() => void) | undefined;
+    onFullChange?: ((value: boolean) => void) | undefined;
+} & React.RefAttributes<DrawerRef>>;
 export default QmDrawer;

package/lib/empty/src/empty.d.ts

@@ -1,17 +1,9 @@
-import React, { Component } from 'react';
-import ConfigContext from '../../config-provider/context';
+import React from 'react';
 import type { ComponentSize } from '../../_utils/types';
 import type { EmptyProps as AntEmptyProps } from '../../antd';
 type IProps = AntEmptyProps & {
     size?: ComponentSize;
 };
 export type EmptyProps = IProps;
-declare class QmEmpty extends Component<IProps> {
-    static contextType: React.Context<import("../../config-provider/context").IConfig>;
-    context: React.ContextType<typeof ConfigContext>;
-    static propTypes: {
-        size: (props: any, propName: any, componentName: any) => void;
-    };
-    render(): React.JSX.Element;
-}
+declare const QmEmpty: React.FC<IProps>;
 export default QmEmpty;

package/lib/form/src/types.d.ts

@@ -185,6 +185,7 @@ export type IFormItem = {
         fileSize?: number;
         draggable?: boolean;
         editable?: boolean;
+        batchDownload?: (fileList: UploadFile[]) => Promise<void> | boolean;
         fileDirection?: IFormLayout;
         showTip?: boolean;
         openCropper?: boolean;

package/lib/hooks/useSize.d.ts

@@ -3,7 +3,7 @@ type IProps = {
     size?: ComponentSize;
     [key: string]: any;
 };
-export default function useSize(props: IProps): {
+export default function useSize<T extends IProps>(props: T): {
     $size: ComponentSize;
 };
 export {};

package/lib/index.d.ts

@@ -24,9 +24,9 @@ export type { AnchorProps as QmAnchorProps, AnchorItemProps as QmAnchorItemProps
 export { default as QmAnchor } from './anchor';
 export type { TabsProps as QmTabsProps, TabPaneProps as QmTabPaneProps } from './tabs';
 export { default as QmTabs } from './tabs';
-export type { DrawerProps as QmDrawerProps } from './drawer';
+export type { DrawerRef as QmDrawerRef, DrawerProps as QmDrawerProps } from './drawer';
 export { default as QmDrawer } from './drawer';
-export type { ModalProps as QmModalProps } from './modal';
+export type { ModalRef as QmModalRef, ModalProps as QmModalProps } from './modal';
 export { default as QmModal } from './modal';
 export type { FormRef as QmFormRef, FormProps as QmFormProps, IFormItem as QmFormItem, IFormItemType as QmFormItemType } from './form';
 export { default as QmForm } from './form';
@@ -92,9 +92,9 @@ export type { AnchorProps as DcpAnchorProps, AnchorItemProps as DcpAnchorItemPro
 export { default as DcpAnchor } from './anchor';
 export type { TabsProps as DcpTabsProps, TabPaneProps as DcpTabPaneProps } from './tabs';
 export { default as DcpTabs } from './tabs';
-export type { DrawerProps as DcpDrawerProps } from './drawer';
+export type { DrawerRef as DcpDrawerRef, DrawerProps as DcpDrawerProps } from './drawer';
 export { default as DcpDrawer } from './drawer';
-export type { ModalProps as DcpModalProps } from './modal';
+export type { ModalRef as DcpModalRef, ModalProps as DcpModalProps } from './modal';
 export { default as DcpModal } from './modal';
 export type { FormRef as DcpFormRef, FormProps as DcpFormProps, IFormItem as DcpFormItem, IFormItemType as DcpFormItemType } from './form';
 export { default as DcpForm } from './form';