dcp-design-react 1.7.42

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

@@ -0,0 +1,32 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import type { IAuth } from '../../_utils/types';
+import type { ButtonProps as AntButtonProps } from '../../antd';
+type IProps = AntButtonProps & {
+    click?: (ev: React.MouseEventHandler<HTMLElement>) => Promise<void> | void;
+    authConfig?: IAuth;
+    confirm?: {
+        title?: string | React.ReactNode;
+        onConfirm?: () => void;
+        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>;
+    state: IState;
+    clickHandle: (ev: any) => Promise<void>;
+    render(): React.JSX.Element | null;
+}
+export default QmButton;

package/lib/button/style/index.less

@@ -0,0 +1,12 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-07-31 22:38:07
+ */
+@import '../../style/common';
+
+@prefix-button: ~'@{qm-prefix}-button';
+
+.@{prefix-button} {
+}

package/lib/collapse/index.d.ts

@@ -0,0 +1,3 @@
+import Collapse from './src/collapse';
+export type { CollapseProps } from './src/collapse';
+export default Collapse;

package/lib/collapse/src/Content.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PanelContent: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLDivElement>>;
+export default PanelContent;

package/lib/collapse/src/_util/motion.less

@@ -0,0 +1,13 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-06-01 20:17:51
+ * @Last Modified by:   焦质晔
+ * @Last Modified time: 2022-06-01 20:17:51
+ */
+@prefixCls: rc-collapse;
+
+.@{prefixCls} {
+  &-motion {
+    transition: height 0.3s, opacity 0.3s;
+  }
+}

package/lib/collapse/src/_util/motionUtil.d.ts

@@ -0,0 +1,3 @@
+import { CSSMotionProps } from 'rc-motion';
+declare const collapseMotion: CSSMotionProps;
+export default collapseMotion;

package/lib/collapse/src/collapse.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { JSXElement } from '../../_utils/types';
+type IProps = {
+    defaultActive?: boolean;
+    label: string;
+    extra?: JSXElement | string;
+    disabled?: boolean;
+    forceRender?: boolean;
+    destroyOnClose?: boolean;
+    onChange?: (value: boolean) => void;
+    className?: string;
+    style?: React.CSSProperties;
+    containerStyle?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+export type CollapseProps = IProps;
+declare const Collapse: React.FC<IProps>;
+export default Collapse;

package/lib/collapse/style/index.less

@@ -0,0 +1,24 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-06-01 20:04:55
+ */
+@import '../../style/common';
+@import '../src/_util/motion.less';
+
+@prefix-collapse: ~'@{qm-prefix}-collapse';
+
+.@{prefix-collapse} {
+  &-content {
+    padding: 0 2px;
+    overflow: hidden;
+    background-color: #fff;
+    & > &-box {
+      margin-top: 8px;
+    }
+    &-hidden {
+      display: none;
+    }
+  }
+}

package/lib/config-provider/context.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Locale, ComponentSize } from '../_utils/types';
+export type IConfig = {
+    locale: Locale;
+    size: ComponentSize;
+    theme?: string;
+    global?: Record<string, any>;
+};
+declare const ConfigContext: import("react").Context<IConfig>;
+export default ConfigContext;

package/lib/config-provider/index.d.ts

@@ -0,0 +1,3 @@
+import ConfigProvider from './src/config-provider';
+export type { ConfigProviderProps } from './src/config-provider';
+export default ConfigProvider;

package/lib/config-provider/src/config-provider.d.ts

@@ -0,0 +1,36 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import type { IConfig } from '../context';
+type IProps = {
+    locale: IConfig['locale'];
+    size: IConfig['size'];
+    theme?: string;
+    global?: IConfig['global'];
+    children?: React.ReactNode;
+};
+type IState = {
+    value: IConfig;
+};
+export type ConfigProviderProps = IProps;
+declare class QmConfigProvider extends Component<IProps, IState> {
+    static propTypes: {
+        locale: PropTypes.Requireable<string>;
+        size: (props: any, propName: any, componentName: any) => void;
+        theme: PropTypes.Requireable<string>;
+        global: PropTypes.Requireable<object>;
+    };
+    static defaultProps: {
+        locale: string;
+        size: string;
+        global: {};
+    };
+    constructor(props: IProps);
+    static getDerivedStateFromProps(nextProps: IProps, prevState: IState): {
+        value: IConfig & {
+            locale: import("../../_utils/types").Locale;
+            size: import("../../_utils/types").ComponentSize;
+        };
+    } | null;
+    render(): React.JSX.Element;
+}
+export default QmConfigProvider;

package/lib/copy-to-clipboard/index.d.ts

@@ -0,0 +1,3 @@
+import CopyToClipboard from './src/copy-to-clipboard';
+export type { CopyToClipboardProps } from './src/copy-to-clipboard';
+export default CopyToClipboard;

package/lib/copy-to-clipboard/src/copy-to-clipboard.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+type IProps = {
+    text: string;
+    showMessage?: boolean;
+    options?: {
+        debug?: boolean;
+        message?: string;
+        format?: string;
+    };
+    onCopy?: (text: string, result: boolean) => void;
+    children?: React.ReactNode;
+};
+export type CopyToClipboardProps = IProps;
+declare const CopyToClipboard: React.FC<IProps>;
+export default CopyToClipboard;

package/lib/copy-to-clipboard/style/index.less

@@ -0,0 +1,12 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-07-31 22:38:07
+ */
+@import '../../style/common';
+
+@prefix-clipboard: ~'@{qm-prefix}-clipboard';
+
+.@{prefix-clipboard} {
+}

package/lib/countup/index.d.ts

@@ -0,0 +1,3 @@
+import Countup from './src/countup';
+export type { CountupProps } from './src/countup';
+export default Countup;

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

@@ -0,0 +1,17 @@
+import React, { Component } from 'react';
+import { CountUpProps } from 'react-countup/build/CountUp';
+import type { ComponentSize, CSSProperties } from '../../_utils/types';
+type IProps = 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>;
+    render(): React.JSX.Element;
+}
+export default QmCountup;

package/lib/countup/style/index.less

@@ -0,0 +1,22 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-08-01 21:58:46
+ */
+@import '../../style/common';
+
+@prefix-countup: ~'@{qm-prefix}-countup';
+
+.@{prefix-countup} {
+  .reset-container;
+  font-size: @--font-size-base;
+  // ------ size ------
+  // 40  32  24
+  &--lg {
+    font-size: @--font-size-base;
+  }
+  &--sm {
+    font-size: @--font-size-sm;
+  }
+}

package/lib/cropper/index.d.ts

@@ -0,0 +1,3 @@
+import Cropper from './src/cropper';
+export type { CropperProps } from './src/cropper';
+export default Cropper;

package/lib/cropper/src/cropper.d.ts

@@ -0,0 +1,213 @@
+import React, { Component } from 'react';
+import type { CSSProperties, AnyObject, AnyFunction } from '../../_utils/types';
+type IProps = {
+    src: string;
+    alt?: string;
+    imgStyle?: CSSProperties;
+    style?: CSSProperties;
+    className?: string;
+    viewMode?: number;
+    dragMode?: string;
+    initialAspectRatio?: number;
+    aspectRatio?: number;
+    data?: AnyObject<any>;
+    preview?: string;
+    responsive?: boolean;
+    restore?: boolean;
+    checkCrossOrigin?: boolean;
+    checkOrientation?: boolean;
+    crossorigin?: string;
+    guides?: boolean;
+    center?: boolean;
+    highlight?: boolean;
+    background?: boolean;
+    autoCrop?: boolean;
+    autoCropArea?: number;
+    movable?: boolean;
+    rotatable?: boolean;
+    scalable?: boolean;
+    zoomable?: boolean;
+    zoomOnTouch?: boolean;
+    zoomOnWheel?: boolean;
+    wheelZoomRatio?: number;
+    cropBoxMovable?: boolean;
+    cropBoxResizable?: boolean;
+    toggleDragModeOnDblclick?: boolean;
+    minCanvasWidth?: number;
+    minCanvasHeight?: number;
+    minCropBoxWidth?: number;
+    minCropBoxHeight?: number;
+    minContainerWidth?: number;
+    minContainerHeight?: number;
+    ready?: AnyFunction<void>;
+    cropstart?: AnyFunction<void>;
+    cropmove?: AnyFunction<void>;
+    cropend?: AnyFunction<void>;
+    crop?: AnyFunction<void>;
+    zoom?: AnyFunction<void>;
+};
+export type CropperProps = IProps;
+declare class QmCropper extends Component<IProps> {
+    static defaultProps: {
+        src: string;
+        responsive: boolean;
+        restore: boolean;
+        checkCrossOrigin: boolean;
+        checkOrientation: boolean;
+        modal: boolean;
+        guides: boolean;
+        center: boolean;
+        highlight: boolean;
+        background: boolean;
+        autoCrop: boolean;
+        movable: boolean;
+        rotatable: boolean;
+        scalable: boolean;
+        zoomable: boolean;
+        zoomOnTouch: boolean;
+        zoomOnWheel: boolean;
+        cropBoxMovable: boolean;
+        cropBoxResizable: boolean;
+        toggleDragModeOnDblclick: boolean;
+    };
+    private imgRef;
+    private cropper;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    reset(): any;
+    clear(): any;
+    initCrop(): any;
+    /**
+     * Replace the image's src and rebuild the cropper
+     * @param {string} url - The new URL.
+     * @param {boolean} [onlyColorChanged] - Indicate if the new image only changed color.
+     * @returns {Object} this
+     */
+    replace(url: any, onlyColorChanged?: boolean): any;
+    enable(): any;
+    disable(): any;
+    destroy(): any;
+    /**
+     * Move the canvas with relative offsets
+     * @param {number} offsetX - The relative offset distance on the x-axis.
+     * @param {number} offsetY - The relative offset distance on the y-axis.
+     * @returns {Object} this
+     */
+    move(offsetX: any, offsetY: any): any;
+    /**
+     * Move the canvas to an absolute point
+     * @param {number} x - The x-axis coordinate.
+     * @param {number} [y=x] - The y-axis coordinate.
+     * @returns {Object} this
+     */
+    moveTo(x: any, y?: any): any;
+    /**
+     * Zoom the canvas with a relative ratio
+     * @param {number} ratio - The target ratio.
+     * @param {Event} _originalEvent - The original event if any.
+     * @returns {Object} this
+     */
+    relativeZoom(ratio: any, _originalEvent: any): any;
+    /**
+     * Zoom the canvas to an absolute ratio
+     * @param {number} ratio - The target ratio.
+     * @param {Event} _originalEvent - The original event if any.
+     * @returns {Object} this
+     */
+    zoomTo(ratio: any, _originalEvent: any): any;
+    /**
+     * Rotate the canvas with a relative degree
+     * @param {number} degree - The rotate degree.
+     * @returns {Object} this
+     */
+    rotate(degree: any): any;
+    /**
+     * Rotate the canvas to an absolute degree
+     * @param {number} degree - The rotate degree.
+     * @returns {Object} this
+     */
+    rotateTo(degree: any): any;
+    /**
+     * Scale the image on the x-axis.
+     * @param {number} scaleX - The scale ratio on the x-axis.
+     * @returns {Object} this
+     */
+    scaleX(scaleX: any): any;
+    /**
+     * Scale the image on the y-axis.
+     * @param {number} scaleY - The scale ratio on the y-axis.
+     * @returns {Object} this
+     */
+    scaleY(scaleY: any): any;
+    /**
+     * Scale the image
+     * @param {number} scaleX - The scale ratio on the x-axis.
+     * @param {number} [scaleY=scaleX] - The scale ratio on the y-axis.
+     * @returns {Object} this
+     */
+    scale(scaleX: any, scaleY?: any): any;
+    /**
+     * Get the cropped area position and size data (base on the original image)
+     * @param {boolean} [rounded=false] - Indicate if round the data values or not.
+     * @returns {Object} The result cropped data.
+     */
+    getData(rounded?: boolean): any;
+    /**
+     * Set the cropped area position and size with new data
+     * @param {Object} data - The new data.
+     * @returns {Object} this
+     */
+    setData(data: any): any;
+    /**
+     * Get the container size data.
+     * @returns {Object} The result container data.
+     */
+    getContainerData(): any;
+    /**
+     * Get the image position and size data.
+     * @returns {Object} The result image data.
+     */
+    getImageData(): any;
+    /**
+     * Get the canvas position and size data.
+     * @returns {Object} The result canvas data.
+     */
+    getCanvasData(): any;
+    /**
+     * Set the canvas position and size with new data.
+     * @param {Object} data - The new canvas data.
+     * @returns {Object} this
+     */
+    setCanvasData(data: any): any;
+    /**
+     * Get the crop box position and size data.
+     * @returns {Object} The result crop box data.
+     */
+    getCropBoxData(): any;
+    /**
+     * Set the crop box position and size with new data.
+     * @param {Object} data - The new crop box data.
+     * @returns {Object} this
+     */
+    setCropBoxData(data: any): any;
+    /**
+     * Get a canvas drawn the cropped image.
+     * @param {Object} [options={}] - The config options.
+     * @returns {HTMLCanvasElement} - The result canvas.
+     */
+    getCroppedCanvas(options?: {}): any;
+    /**
+     * Change the aspect ratio of the crop box.
+     * @param {number} aspectRatio - The new aspect ratio.
+     * @returns {Object} this
+     */
+    setAspectRatio(aspectRatio: any): any;
+    /**
+     * Change the drag mode.
+     * @param {string} mode - The new drag mode.
+     * @returns {Object} this
+     */
+    setDragMode(mode: any): any;
+    render(): React.JSX.Element;
+}
+export default QmCropper;

package/lib/cropper/style/index.less

@@ -0,0 +1,13 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-04-16 09:25:12
+ */
+@import (less) 'cropperjs/dist/cropper.css';
+@import '../../style/common';
+
+@prefix-cropper: ~'@{qm-prefix}-cropper';
+
+.@{prefix-cropper} {
+}

package/lib/divider/index.d.ts

@@ -0,0 +1,3 @@
+import Divider from './src/divider';
+export type { DividerProps } from './src/divider';
+export default Divider;

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

@@ -0,0 +1,27 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import type { ComponentSize, CSSProperties, JSXElement } from '../../_utils/types';
+type IProps = {
+    label: string;
+    size?: ComponentSize;
+    extra?: JSXElement | string;
+    collapse?: boolean;
+    disabled?: boolean;
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+    onCollapseChange?: (collapse: boolean) => void;
+};
+export type DividerProps = IProps;
+declare class QmDivider extends Component<IProps> {
+    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>;
+    };
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
+    clickHandle: () => void;
+    render(): React.JSX.Element;
+}
+export default QmDivider;

package/lib/divider/style/index.less

@@ -0,0 +1,54 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-08-21 20:34:44
+ */
+@import '../../style/common';
+
+@prefix-divider: ~'@{qm-prefix}-divider';
+
+.@{prefix-divider} {
+  .reset-container;
+  display: flex;
+  align-items: center;
+  padding: 0 @--padding-md;
+  height: @--height-md;
+  border: 1px solid @--border-color-base;
+  border-radius: @--border-radius-base;
+  background-color: @--background-color-cecondary;
+  position: relative;
+  &::before {
+    content: ' ';
+    position: absolute;
+    width: 6px;
+    left: -1px;
+    top: -1px;
+    bottom: -1px;
+    background-color: @--primary-color;
+  }
+  &__title {
+    margin-left: 5px;
+  }
+  &__extra {
+    .text-overflow-cut();
+    flex: 1;
+    margin-left: @--margin-md;
+  }
+  &__collapse {
+    margin-left: @--margin-md;
+    padding-left: 0;
+    padding-right: 0;
+    .anticon {
+      margin-left: 4px !important;
+    }
+  }
+  // ------ size ------
+  // 40  32  24
+  &--lg {
+    height: @--height-lg;
+  }
+  &--sm {
+    height: @--height-sm;
+  }
+}

package/lib/download/index.d.ts

@@ -0,0 +1,3 @@
+import Download from './src/download';
+export type { DownloadProps } from './src/download';
+export default Download;

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

@@ -0,0 +1,54 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import type { AnyObject, AjaxResponse, ComponentSize } from '../../_utils/types';
+import type { ButtonProps } from '../../antd';
+type HttpRequestHeader = {
+    [key: string]: string;
+};
+type ActionConfig = {
+    api: (params?: Record<string, unknown>) => Promise<AjaxResponse>;
+    params?: AnyObject<unknown>;
+};
+type IProps = Omit<ButtonProps, 'prefixCls' | 'ghost' | 'danger' | 'block'> & {
+    action: string | ActionConfig;
+    fileName?: string;
+    size?: ComponentSize;
+    headers?: HttpRequestHeader;
+    withCredentials?: boolean;
+    params?: AnyObject<unknown>;
+    beforeDownload?: (action: string) => boolean;
+    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>;
+    state: IState;
+    getActionUrl(): Promise<string>;
+    downloadFile(url: string): Promise<void>;
+    downloadHandle: () => Promise<void>;
+    render(): React.JSX.Element;
+}
+export default QmDownload;

package/lib/download/style/index.less

@@ -0,0 +1,12 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-08-02 18:00:03
+ */
+@import '../../style/common';
+
+@prefix-download: ~'@{qm-prefix}-download';
+
+.@{prefix-download} {
+}

package/lib/drawer/index.d.ts

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