@jiaozhiye/qm-design-react 1.0.0-beta.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 QM-Design
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,4 @@
+## QmDesign - A React UI library
+
+- 💪 React 17.0.2
+- 🔥 TypeScript

package/lib/_utils/cloneElement.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const cloneElement: (element: React.ReactNode, ...restArgs: any[]) => {} | null | undefined;

package/lib/_utils/dom.d.ts

@@ -0,0 +1,68 @@
+import { CSSProperties, Nullable } from './types';
+export declare const on: (element: Element | HTMLElement | Document | Window, event: string, handler: EventListenerOrEventListenerObject) => void;
+export declare const off: (element: Element | HTMLElement | Document | Window, event: string, handler: EventListenerOrEventListenerObject) => void;
+export declare const once: (el: HTMLElement, event: string, fn: EventListener) => void;
+export declare const stop: (ev: Event) => void;
+export declare const prevent: (ev: Event) => void;
+/**
+ * @description 获取元素样式
+ * @param {HTMLNode} element 元素节点
+ * @param {string} styleName css 属性名称
+ * @returns css 样式的值
+ */
+export declare const getStyle: (element: HTMLElement, styleName: string) => Nullable<string>;
+/**
+ * @description 设置元素样式
+ * @param {HTMLNode} element 元素节点
+ * @param {string} styleName css 属性名称
+ * @param {string} value css 属性的值
+ * @returns
+ */
+export declare const setStyle: (element: HTMLElement, styleName: CSSProperties | string, value?: string | undefined) => void;
+/**
+ * @description 移除元素样式
+ * @param {HTMLNode} element 元素节点
+ * @param {string} styleName css 属性名称
+ * @returns
+ */
+export declare const removeStyle: (element: HTMLElement, styleName: CSSProperties | string) => void;
+/**
+ * @description 判断目标元素在坐标上，是否在参考节点里边
+ * @param {HTMLNode} el 目标节点
+ * @param {HTMLNode} container 参考节点
+ * @returns boolean
+ */
+export declare const isInContainer: (el: HTMLElement, container: HTMLElement) => boolean;
+/**
+ * @description 获取元素距离窗口顶部的上边距
+ * @param {HTMLNode} el 元素节点
+ * @returns 上边距的值
+ */
+export declare const getOffsetTop: (el: HTMLElement) => number;
+/**
+ * @description 获取目标元素距离参考节点的上边距
+ * @param {HTMLNode} el 目标节点
+ * @param {HTMLNode} container 参考节点
+ * @returns 上边距的值
+ */
+export declare const getOffsetTopDistance: (el: HTMLElement, container: HTMLElement) => number;
+/**
+ * @description 获取元素距离窗口的横纵坐标
+ * @param {HTMLNode} el 目标节点
+ * @returns 横纵坐标的值
+ */
+export declare const getPosition: (el: HTMLElement) => Record<'x' | 'y', number>;
+/**
+ * @description 获取满足条件的祖先元素
+ * @param {HTMLNode} el 参考节点
+ * @param {string} selector 目标节点 classname
+ * @returns 满足条件的祖先元素
+ */
+export declare const getParentNode: (el: HTMLElement, selector: string) => Nullable<HTMLElement>;
+/**
+ * @description 判断目标元素是否为参考节点的后代
+ * @param {HTMLNode} el 目标元素
+ * @param {HTMLNode} container 目标节点
+ * @returns boolean
+ */
+export declare const contains: (el: HTMLElement, container: HTMLElement) => boolean;

package/lib/_utils/download.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @description 文件下载
+ * @param {Blob} blob 对象
+ * @param {string} fileName 文件名
+ * @returns
+ */
+export declare const download: (blob: Blob, fileName: string) => void;

package/lib/_utils/error.d.ts

@@ -0,0 +1,2 @@
+export declare function throwError(scope: string, m: string): void;
+export declare function warn(scope: string, m: string): void;

package/lib/_utils/isServer.d.ts

@@ -0,0 +1,2 @@
+declare const _default: boolean;
+export default _default;

package/lib/_utils/prefix.d.ts

@@ -0,0 +1 @@
+export declare const getPrefixCls: (suffixCls: string) => string;

package/lib/_utils/resize-event.d.ts

@@ -0,0 +1,10 @@
+import ResizeObserver from 'resize-observer-polyfill';
+import type { CustomHTMLElement } from './types';
+declare type IResizeListener = (option: ResizeObserverEntry) => void;
+export declare type ResizableElement = CustomHTMLElement<{
+    __resizeListeners__?: Array<IResizeListener>;
+    __ro__?: ResizeObserver;
+}>;
+export declare const addResizeListener: (element: ResizableElement, fn: IResizeListener) => void;
+export declare const removeResizeListener: (element: ResizableElement, fn: IResizeListener) => void;
+export {};

package/lib/_utils/scrollbar-width.d.ts

@@ -0,0 +1 @@
+export declare const getScrollBarWidth: () => number;

package/lib/_utils/types.d.ts

@@ -0,0 +1,33 @@
+import type React from 'react';
+export declare type Nullable<T> = T | null;
+export declare type ValueOf<T> = T[keyof T];
+export declare type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends Record<string, unknown> ? DeepPartial<T[P]> : T[P];
+};
+export declare type JSXElement = React.ReactNode | JSX.Element;
+export declare type AnyObject<T> = {
+    [key: string]: T;
+};
+export declare type AnyFunction<T> = (...args: any[]) => T;
+export declare type CustomHTMLElement<T> = HTMLElement & T;
+export declare type CSSProperties = React.CSSProperties;
+export declare type TimeoutHandle = ReturnType<typeof setTimeout>;
+export declare type IntervalHandle = ReturnType<typeof setInterval>;
+export declare type AjaxResponse<T = any> = {
+    code: number;
+    data: T;
+    msg: string;
+};
+export declare enum SizeHeight {
+    large = 40,
+    middle = 32,
+    small = 24
+}
+export declare type ComponentSize = 'small' | 'middle' | 'large';
+export declare type Locale = 'zh-cn' | 'en';
+export declare type IDict = {
+    text: string;
+    value: string;
+    disabled?: boolean;
+    children?: Array<IDict> | Nullable<undefined>;
+};

package/lib/_utils/util.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { isNumber, isString, isUndefined, isFunction, isArray, isPlainObject as isObject, debounce, throttle, get } from 'lodash-es';
+import { AnyFunction, AnyObject } from './types';
+export { isNumber, isString, isArray, isUndefined, isFunction, isObject, debounce, throttle, get };
+export declare const isIE: () => boolean;
+export declare const isEdge: () => boolean;
+export declare const isChrome: () => boolean;
+export declare const isFirefox: () => boolean;
+export declare const isSimpleValue: (x: unknown) => boolean;
+export declare const isValidElement: (c: React.ReactNode) => boolean;
+export declare const isFragment: (c: React.ReactNode) => boolean;
+export declare const noop: () => void;
+export declare const trueNoop: () => boolean;
+export declare const hasOwn: <T extends AnyObject<unknown>>(obj: T, key: string) => boolean;
+export declare const sleep: (delay: number) => Promise<unknown>;
+export declare const nextTick: (cb: AnyFunction<void>) => void;
+export declare const errorCapture: (asyncFn: AnyFunction<any>, ...params: any[]) => Promise<any[]>;
+export declare const camelize: (input: string) => string;
+export declare const isEmpty: (val: any) => boolean;
+export declare const isValid: (val: string) => boolean;
+export declare const getValueByPath: (obj: AnyObject<any>, paths?: string) => unknown;
+export declare const getParserWidth: (val: number | string) => string;
+export declare const flatJson: <T extends Record<string, any>>(jsonObject: T) => T;

package/lib/_utils/validators.d.ts

@@ -0,0 +1,2 @@
+export declare const isValidWidthUnit: (val: string | number) => boolean;
+export declare const isValidComponentSize: (val: string) => boolean;

package/lib/anchor/index.d.ts

@@ -0,0 +1,4 @@
+import Anchor from './src/anchor';
+export type { QmAnchorProps } from './src/anchor';
+export type { QmAnchorItemProps } from './src/anchor-item';
+export default Anchor;

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

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+import { CSSProperties } from '../../_utils/types';
+declare type IProps = {
+    label: string;
+    showDivider?: boolean;
+    style?: CSSProperties;
+    className?: string;
+};
+export declare type QmAnchorItemProps = IProps;
+declare class QmAnchorItem extends Component<IProps> {
+    render(): React.ReactElement;
+}
+export default QmAnchorItem;

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

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

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

@@ -0,0 +1,52 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { ComponentSize, CSSProperties } from '../../_utils/types';
+declare type ILabelItem = {
+    id: string;
+    label: string;
+};
+declare type IProps = {
+    size?: ComponentSize;
+    labelWidth?: number | string;
+    labelList?: Array<ILabelItem>;
+    className?: string;
+    style?: CSSProperties;
+};
+declare type IState = {
+    activeKey: number;
+};
+export declare type QmAnchorProps = IProps;
+declare class QmAnchor extends Component<IProps, IState> {
+    static Item: React.ClassicComponentClass<{
+        label: string;
+        showDivider?: boolean | undefined;
+        style?: React.CSSProperties | undefined;
+        className?: string | undefined;
+    }>;
+    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: {
+        labelWidth: number;
+    };
+    static contextType: React.Context<import("../../config-provider/context").IConfig | undefined>;
+    private currentState;
+    private timer;
+    private scrollEvent;
+    private scrollRef;
+    private get __is_conf();
+    state: IState;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    createDistances(): number[];
+    findCurrentIndex(t: number): number;
+    onScrollHandle: (ev: MouseEvent) => void;
+    onTabClickHandle: (index: number, ev: MouseEvent) => void;
+    render(): React.ReactElement;
+}
+export default QmAnchor;

package/lib/anchor/style/index.less

@@ -0,0 +1,60 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-07-31 22:38:07
+ */
+@import '../../style/common';
+
+@prefix-anchor: ~'@{qm-prefix}-anchor';
+
+.@{prefix-anchor} {
+  .reset-component;
+  display: flex;
+  flex-direction: row;
+  &__label {
+    width: 90px;
+  }
+  &-nav {
+    height: 100%;
+    margin-right: @--margin-md;
+    border-right: 1px solid @--border-color-base;
+    &__item {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      height: @--height-md;
+      padding-right: @--padding-md;
+      position: relative;
+      cursor: pointer;
+      &.actived {
+        color: @--primary-color;
+        &::after {
+          content: '';
+          position: absolute;
+          right: -2px;
+          top: 0;
+          width: 2px;
+          height: 100%;
+          background-color: @--primary-color;
+        }
+      }
+      span {
+        .text-overflow-cut();
+        display: block;
+        text-align: right;
+      }
+    }
+  }
+  &__container {
+    flex: 1;
+    overflow-x: hidden !important;
+    overflow-y: auto;
+  }
+  // ------ size ------
+  // 40  32  24
+  &--lg {
+  }
+  &--sm {
+  }
+}

package/lib/antd/Calendar.d.ts

@@ -0,0 +1,4 @@
+import { Dayjs } from 'dayjs';
+import 'antd/es/calendar/style';
+declare const Calendar: (props: import("antd/es/calendar/generateCalendar").CalendarProps<Dayjs>) => JSX.Element;
+export default Calendar;

package/lib/antd/DatePicker.d.ts

@@ -0,0 +1,11 @@
+import { Dayjs } from 'dayjs';
+import 'antd/es/date-picker/style/index';
+declare const DatePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs>, unknown> & {
+    WeekPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerDateProps<Dayjs>, "picker">, unknown>;
+    MonthPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerDateProps<Dayjs>, "picker">, unknown>;
+    YearPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerDateProps<Dayjs>, "picker">, unknown>;
+    RangePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").RangePickerProps<Dayjs>, unknown>;
+    TimePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerTimeProps<Dayjs>, "picker">, unknown>;
+    QuarterPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerTimeProps<Dayjs>, "picker">, unknown>;
+};
+export default DatePicker;

package/lib/antd/TimePicker.d.ts

@@ -0,0 +1,14 @@
+import { Dayjs } from 'dayjs';
+import * as React from 'react';
+import { PickerTimeProps, RangePickerTimeProps } from 'antd/es/date-picker/generatePicker';
+export interface TimePickerProps extends Omit<PickerTimeProps<Dayjs>, 'picker'> {
+}
+export interface TimeRangePickerProps extends Omit<RangePickerTimeProps<Dayjs>, 'picker'> {
+}
+declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<any>>;
+declare const RangePicker: React.ForwardRefExoticComponent<TimeRangePickerProps & React.RefAttributes<any>>;
+declare type MergedTimePicker = typeof TimePicker & {
+    RangePicker: typeof RangePicker;
+};
+declare const _default: MergedTimePicker;
+export default _default;

package/lib/antd/index.d.ts

@@ -0,0 +1,123 @@
+export type { AffixProps } from 'antd';
+export { Affix } from 'antd';
+export type { AnchorProps, AnchorLinkProps } from 'antd';
+export { Anchor } from 'antd';
+export type { AutoCompleteProps } from 'antd';
+export { AutoComplete } from 'antd';
+export type { AlertProps } from 'antd';
+export { Alert } from 'antd';
+export type { AvatarProps } from 'antd';
+export { Avatar } from 'antd';
+export type { BackTopProps } from 'antd';
+export { BackTop } from 'antd';
+export type { BadgeProps } from 'antd';
+export { Badge } from 'antd';
+export type { BreadcrumbProps, BreadcrumbItemProps } from 'antd';
+export { Breadcrumb } from 'antd';
+export type { ButtonProps } from 'antd';
+export { Button } from 'antd';
+export type { CalendarProps } from 'antd';
+export { default as Calendar } from './Calendar';
+export type { CardProps } from 'antd';
+export { Card } from 'antd';
+export type { CollapseProps, CollapsePanelProps } from 'antd';
+export { Collapse } from 'antd';
+export type { CarouselProps } from 'antd';
+export { Carousel } from 'antd';
+export type { CascaderProps } from 'antd';
+export { Cascader } from 'antd';
+export type { CheckboxProps, CheckboxOptionType } from 'antd';
+export { Checkbox } from 'antd';
+export type { ColProps } from 'antd';
+export { Col } from 'antd';
+export type { CommentProps } from 'antd';
+export { Comment } from 'antd';
+export { ConfigProvider } from 'antd';
+export type { DatePickerProps } from 'antd';
+export { default as DatePicker } from './DatePicker';
+export type { DescriptionsProps } from 'antd';
+export { Descriptions } from 'antd';
+export type { DividerProps } from 'antd';
+export { Divider } from 'antd';
+export type { DropDownProps } from 'antd';
+export { Dropdown } from 'antd';
+export type { DrawerProps } from 'antd';
+export { Drawer } from 'antd';
+export type { EmptyProps } from 'antd';
+export { Empty } from 'antd';
+export type { FormInstance, FormProps, FormItemProps } from 'antd';
+export { Form } from 'antd';
+export { Grid } from 'antd';
+export type { InputProps } from 'antd';
+export { Input } from 'antd';
+export type { ImageProps } from 'antd';
+export { Image } from 'antd';
+export type { InputNumberProps } from 'antd';
+export { InputNumber } from 'antd';
+export type { LayoutProps } from 'antd';
+export { Layout } from 'antd';
+export type { ListProps } from 'antd';
+export { List } from 'antd';
+export type { MessageArgsProps } from 'antd';
+export { message } from 'antd';
+export type { MenuProps, MenuTheme, SubMenuProps, MenuItemProps } from 'antd';
+export { Menu } from 'antd';
+export type { MentionProps } from 'antd';
+export { Mentions } from 'antd';
+export type { ModalProps, ModalFuncProps } from 'antd';
+export { Modal } from 'antd';
+export type { StatisticProps } from 'antd';
+export { Statistic } from 'antd';
+export { notification } from 'antd';
+export type { PageHeaderProps } from 'antd';
+export { PageHeader } from 'antd';
+export type { PaginationProps } from 'antd';
+export { Pagination } from 'antd';
+export type { PopconfirmProps } from 'antd';
+export { Popconfirm } from 'antd';
+export type { PopoverProps } from 'antd';
+export { Popover } from 'antd';
+export type { ProgressProps } from 'antd';
+export { Progress } from 'antd';
+export type { RadioProps, RadioChangeEvent, RadioGroupProps } from 'antd';
+export { Radio } from 'antd';
+export type { RateProps } from 'antd';
+export { Rate } from 'antd';
+export type { ResultProps } from 'antd';
+export { Result } from 'antd';
+export type { RowProps } from 'antd';
+export { Row } from 'antd';
+export type { SelectProps } from 'antd';
+export { Select } from 'antd';
+export type { SkeletonProps } from 'antd';
+export { Skeleton } from 'antd';
+export type { SliderSingleProps } from 'antd';
+export { Slider } from 'antd';
+export type { SpaceProps } from 'antd';
+export { Space } from 'antd';
+export type { SpinProps } from 'antd';
+export { Spin } from 'antd';
+export type { StepProps, StepsProps } from 'antd';
+export { Steps } from 'antd';
+export type { SwitchProps } from 'antd';
+export { Switch } from 'antd';
+export type { TransferProps } from 'antd';
+export { Transfer } from 'antd';
+export type { TreeProps, TreeNodeProps, TreeDataNode } from 'antd';
+export { Tree } from 'antd';
+export type { TreeSelectProps } from 'antd';
+export { TreeSelect } from 'antd';
+export type { TabsProps, TabPaneProps } from 'antd';
+export { Tabs } from 'antd';
+export type { TagProps, TagType } from 'antd';
+export { Tag } from 'antd';
+export type { TimePickerProps, TimeRangePickerProps } from 'antd';
+export { default as TimePicker } from './TimePicker';
+export type { TimelineProps, TimelineItemProps } from 'antd';
+export { Timeline } from 'antd';
+export type { TooltipProps } from 'antd';
+export { Tooltip } from 'antd';
+export type { TypographyProps } from 'antd';
+export { Typography } from 'antd';
+export type { UploadProps } from 'antd';
+export { Upload } from 'antd';

package/lib/antd/index.less

@@ -0,0 +1,7 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:41:37
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-07-30 10:47:18
+ */
+@import 'antd/dist/antd.less';

package/lib/button/index.d.ts

@@ -0,0 +1,3 @@
+import Button from './src/button';
+export type { QmButtonProps } from './src/button';
+export default Button;

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

@@ -0,0 +1,30 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import type { ButtonProps } from '../../antd';
+declare type IProps = ButtonProps & {
+    click?: () => Promise<void>;
+    confirm?: {
+        title?: string;
+        onConfirm?: () => void;
+        onCancel?: (ev: any) => void;
+    };
+};
+declare type IState = {
+    isLoading: boolean;
+};
+export declare type QmButtonProps = IProps;
+declare class QmButton extends Component<IProps, IState> {
+    static propTypes: {
+        click: PropTypes.Requireable<(...args: any[]) => any>;
+        confirm: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
+            onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>;
+    };
+    static contextType: React.Context<import("../../config-provider/context").IConfig | undefined>;
+    state: IState;
+    clickHandle: () => Promise<void>;
+    render(): React.ReactElement;
+}
+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/config-provider/context.d.ts

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

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

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

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

@@ -0,0 +1,34 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import type { IConfig } from '../context';
+declare type IProps = {
+    locale: IConfig['locale'];
+    size: IConfig['size'];
+    theme?: string;
+    global?: IConfig['global'];
+};
+declare type IState = {
+    value: IConfig;
+};
+export declare type QmConfigProviderProps = 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;
+    };
+    constructor(props: IProps);
+    static getDerivedStateFromProps(nextProps: IProps, prevState: IState): {
+        value: IConfig & {
+            locale: import("../../_utils/types").Locale;
+            size: import("../../_utils/types").ComponentSize;
+        };
+    } | null;
+    render(): React.ReactElement;
+}
+export default QmConfigProvider;

package/lib/countup/index.d.ts

@@ -0,0 +1,3 @@
+import Countup from './src/countup';
+export type { QmCountupProps } 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 { ComponentSize, CSSProperties } from '../../_utils/types';
+declare type IProps = CountUpProps & {
+    size?: ComponentSize;
+    className?: string;
+    style?: CSSProperties;
+};
+export declare type QmCountupProps = IProps;
+declare class QmCountup extends Component<IProps> {
+    static defaultProps: {
+        duration: number;
+    };
+    static contextType: React.Context<import("../../config-provider/context").IConfig | undefined>;
+    render(): React.ReactElement;
+}
+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-component;
+  font-size: @--font-size-base;
+  // ------ size ------
+  // 40  32  24
+  &--lg {
+    font-size: @--font-size-base;
+  }
+  &--sm {
+    font-size: @--font-size-sm;
+  }
+}