@jiaozhiye/qm-design-react 1.0.0-beta.4 → 1.0.0-beta.40

package/lib/_utils/dom.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, Nullable } from './types';
+import type { 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;
@@ -66,3 +66,10 @@ export declare const getParentNode: (el: HTMLElement, selector: string) => Nulla
  * @returns boolean
  */
 export declare const contains: (el: HTMLElement, container: HTMLElement) => boolean;
+/**
+ * @description 滚动到指定位置，动画效果
+ * @param {HTMLNode} el 带滚动条元素
+ * @param {number} t 滚动条上边距
+ * @returns
+ */
+export declare const scrollToY: (el: HTMLElement, t: number) => void;

package/lib/_utils/util.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { isNumber, isString, isUndefined, isFunction, isArray, isPlainObject as isObject, debounce, throttle, get } from 'lodash-es';
-import { AnyFunction, AnyObject } from './types';
+import type { AnyFunction, AnyObject } from './types';
 export { isNumber, isString, isArray, isUndefined, isFunction, isObject, debounce, throttle, get };
 export declare const isIE: () => boolean;
 export declare const isEdge: () => boolean;

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

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { CSSProperties } from '../../_utils/types';
+import type { CSSProperties } from '../../_utils/types';
 declare type IProps = {
     label: string;
     showDivider?: boolean;

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

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { AnyFunction } from '../../_utils/types';
+import type { AnyFunction } from '../../_utils/types';
 declare type IProps = {
     activeKey: number;
     labels: string[];

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

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { ComponentSize, CSSProperties } from '../../_utils/types';
+import type { ComponentSize, CSSProperties } from '../../_utils/types';
 declare type ILabelItem = {
     id: string;
     label: string;
@@ -34,8 +34,9 @@ declare class QmAnchor extends Component<IProps, IState> {
     static defaultProps: {
         labelWidth: number;
     };
-    static contextType: React.Context<import("../../config-provider/context").IConfig | undefined>;
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
     private currentState;
+    private itemsTotal;
     private timer;
     private scrollEvent;
     private scrollRef;
@@ -46,7 +47,8 @@ declare class QmAnchor extends Component<IProps, IState> {
     createDistances(): number[];
     findCurrentIndex(t: number): number;
     onScrollHandle: (ev: MouseEvent) => void;
-    onTabClickHandle: (index: number, ev: MouseEvent) => void;
+    onTabClickHandle: (index: number) => void;
+    SCROLL_TO_ITEM: (index: number) => void;
     render(): React.ReactElement;
 }
 export default QmAnchor;

package/lib/anchor/style/index.less

@@ -1,60 +1,61 @@
-/*
- * @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 {
-  }
-}
+/*
+ * @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: 80px;
+  }
+  &-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;
+    width: 0;
+    padding-right: 5px;
+    overflow-y: auto;
+  }
+  // ------ size ------
+  // 40  32  24
+  &--lg {
+  }
+  &--sm {
+  }
+}

package/lib/antd/DatePicker.d.ts

@@ -1,6 +1,8 @@
 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> & {
+declare const DatePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
+    status?: "" | "error" | "warning" | undefined;
+}, 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>;

package/lib/antd/dayjs.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/antd/index.d.ts

@@ -1,3 +1,4 @@
+import './dayjs';
 export type { AffixProps } from 'antd';
 export { Affix } from 'antd';
 export type { AnchorProps, AnchorLinkProps } from 'antd';

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

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import type { ButtonProps } from '../../antd';
 declare type IProps = ButtonProps & {
-    click?: () => Promise<void>;
+    click?: () => Promise<void> | void;
     confirm?: {
         title?: string;
         onConfirm?: () => void;
@@ -22,7 +22,7 @@ declare class QmButton extends Component<IProps, IState> {
             onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
     };
-    static contextType: React.Context<import("../../config-provider/context").IConfig | undefined>;
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
     state: IState;
     clickHandle: () => Promise<void>;
     render(): React.ReactElement;

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

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

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

@@ -21,6 +21,7 @@ declare class QmConfigProvider extends Component<IProps, IState> {
     static defaultProps: {
         locale: string;
         size: string;
+        global: {};
     };
     constructor(props: IProps);
     static getDerivedStateFromProps(nextProps: IProps, prevState: IState): {

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

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { CountUpProps } from 'react-countup/build/CountUp';
-import { ComponentSize, CSSProperties } from '../../_utils/types';
+import type { ComponentSize, CSSProperties } from '../../_utils/types';
 declare type IProps = CountUpProps & {
     size?: ComponentSize;
     className?: string;
@@ -11,7 +11,7 @@ declare class QmCountup extends Component<IProps> {
     static defaultProps: {
         duration: number;
     };
-    static contextType: React.Context<import("../../config-provider/context").IConfig | undefined>;
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
     render(): React.ReactElement;
 }
 export default QmCountup;

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

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { CSSProperties, AnyObject, AnyFunction } from '../../_utils/types';
+import type { CSSProperties, AnyObject, AnyFunction } from '../../_utils/types';
 declare type IProps = {
     src: string;
     alt?: string;

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

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { ComponentSize, CSSProperties, JSXElement } from '../../_utils/types';
+import type { ComponentSize, CSSProperties, JSXElement } from '../../_utils/types';
 declare type IProps = {
     label: string;
     size?: ComponentSize;
@@ -8,6 +8,7 @@ declare type IProps = {
     collapse?: boolean;
     className?: string;
     style?: CSSProperties;
+    id?: string;
     onCollapseChange?: (collapse: boolean) => void;
 };
 export declare type QmDividerProps = IProps;
@@ -18,7 +19,7 @@ declare class QmDivider extends Component<IProps> {
         extra: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
         collapse: PropTypes.Requireable<boolean>;
     };
-    static contextType: React.Context<import("../../config-provider/context").IConfig | undefined>;
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
     clickHandle: () => void;
     render(): React.ReactElement;
 }

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

@@ -1,23 +1,24 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
+import type { AnyObject, AjaxResponse, ComponentSize } from '../../_utils/types';
 import type { ButtonProps } from '../../antd';
-import { AnyFunction, AnyObject } from '../../_utils/types';
 declare type HttpRequestHeader = {
     [key: string]: string;
 };
 declare type ActionConfig = {
-    api: AnyFunction<Promise<any>>;
+    api: (params?: Record<string, unknown>) => Promise<AjaxResponse>;
     params?: AnyObject<unknown>;
 };
 declare type IProps = Omit<ButtonProps, 'prefixCls' | 'ghost' | 'danger' | 'block'> & {
     action: string | ActionConfig;
     fileName?: string;
+    size?: ComponentSize;
     headers?: HttpRequestHeader;
     withCredentials?: boolean;
     params?: AnyObject<unknown>;
-    beforeDownload?: AnyFunction<boolean>;
-    onSuccess: AnyFunction<void>;
-    onError: AnyFunction<void>;
+    beforeDownload?: (action: string) => boolean;
+    onSuccess?: () => void;
+    onError?: (error: AnyObject<unknown>) => void;
 };
 declare type IState = {
     loading: boolean;
@@ -29,6 +30,7 @@ declare class QmDownload extends Component<IProps, IState> {
             api: PropTypes.Validator<(...args: any[]) => any>;
             params: PropTypes.Requireable<object>;
         }>>;
+        size: (props: any, propName: any, componentName: any) => void;
         fileName: PropTypes.Requireable<string>;
         headers: PropTypes.Requireable<object>;
         withCredentials: PropTypes.Requireable<boolean>;
@@ -42,6 +44,7 @@ declare class QmDownload extends Component<IProps, IState> {
         children: string;
         withCredentials: boolean;
     };
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
     state: IState;
     getActionUrl(): Promise<string>;
     downloadFile(url: string): Promise<void>;

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

@@ -1,18 +1,22 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { ComponentSize } from '../../_utils/types';
+import type { ComponentSize, Nullable } from '../../_utils/types';
 import type { DrawerProps } from '../../antd';
+declare type EventType = React.MouseEvent<HTMLElement>;
 declare type IProps = DrawerProps & {
     size?: ComponentSize;
     loading?: boolean;
+    onClose?: (e: EventType) => void;
+    onClosed?: () => void;
 };
 declare type IState = {
     fullscreen: boolean;
     spinning: boolean;
+    sloading: boolean;
 };
 export declare type QmDrawerProps = IProps;
 declare class QmDrawer extends Component<IProps, IState> {
-    static contextType: React.Context<import("../../config-provider/context").IConfig | undefined>;
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
     static propTypes: {
         size: (props: any, propName: any, componentName: any) => void;
         spinning: PropTypes.Requireable<boolean>;
@@ -20,14 +24,18 @@ declare class QmDrawer extends Component<IProps, IState> {
     static defaultProps: {
         width: string;
         destroyOnClose: boolean;
-        maskClosable: boolean;
     };
-    state: IState;
+    titleRef: React.RefObject<HTMLSpanElement>;
+    $drawer: Nullable<HTMLElement>;
     private opened;
-    componentDidUpdate(prevProps: IProps): void;
+    state: IState;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: IProps, prevState: IState): void;
     afterVisibleChange: (visible: boolean) => void;
-    toggleHandle: (ev: any) => void;
+    toggleHandle: () => void;
     renderTitle(): JSX.Element;
+    START_LOADING: () => void;
+    STOP_LOADING: () => void;
     render(): React.ReactElement;
 }
 export default QmDrawer;

package/lib/drawer/style/index.less

@@ -33,9 +33,10 @@
       }
     }
     .ant-drawer-close {
-      top: auto;
+      position: absolute;
+      right: -8px;
       font-size: 17px;
-      padding: @--padding-md 15px @--padding-md 5px;
+      padding: @--padding-md;
     }
   }
   .ant-drawer-body {

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

@@ -1,12 +1,12 @@
 import React, { Component } from 'react';
-import { ComponentSize } from '../../_utils/types';
+import type { ComponentSize } from '../../_utils/types';
 import type { EmptyProps } from '../../antd';
 declare type IProps = EmptyProps & {
     size?: ComponentSize;
 };
 export declare type QmEmptyProps = IProps;
 declare class QmEmpty extends Component<IProps> {
-    static contextType: React.Context<import("../../config-provider/context").IConfig | undefined>;
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
     static propTypes: {
         size: (props: any, propName: any, componentName: any) => void;
     };

package/lib/form/src/fields-filter.d.ts

@@ -9,7 +9,7 @@ declare type IState = {
     visible: boolean;
 };
 declare class FieldsFilter extends Component<IProps, IState> {
-    static contextType: React.Context<import("../../config-provider/context").IConfig | undefined>;
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
     private linkRef;
     state: IState;
     get formUniqueKey(): string;

package/lib/form/src/form-cascader.d.ts

@@ -14,7 +14,7 @@ declare class FormCascader extends Component<IProps, IState> {
     state: IState;
     componentDidMount(): void;
     componentDidUpdate(prevProps: IProps): void;
-    createViewText(val: string | undefined, items: IDict[]): string;
+    createViewText(val: string | string[], items: IDict[]): string;
     getItemList(): Promise<void>;
     render(): React.ReactElement;
 }

package/lib/form/src/form-input-number.d.ts

@@ -5,6 +5,7 @@ declare type IProps = {
 };
 declare class FormInputNumber extends Component<IProps> {
     static contextType: React.Context<import("./context").IFormContext | undefined>;
+    focus: () => void;
     render(): React.ReactElement;
 }
 export default FormInputNumber;

package/lib/form/src/form-input.d.ts

@@ -3,8 +3,20 @@ import type { IFormItem } from './types';
 declare type IProps = {
     option: IFormItem;
 };
+declare type IInputProps<T = string> = IProps & {
+    value?: T;
+    onChange?: (value: T) => void;
+    onValuesChange: (value: T) => void;
+};
+declare class VInput extends Component<IInputProps> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    triggerChange: (value: string) => void;
+    render(): JSX.Element;
+}
 declare class FormInput extends Component<IProps> {
     static contextType: React.Context<import("./context").IFormContext | undefined>;
+    inputRef: React.RefObject<VInput>;
+    focus: () => void;
     render(): React.ReactElement;
 }
 export default FormInput;

package/lib/form/src/form-multiple-search-helper.d.ts

@@ -0,0 +1,10 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+declare type IProps = {
+    option: IFormItem;
+};
+declare class FormMultipleSearchHelper extends Component<IProps> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    render(): React.ReactElement;
+}
+export default FormMultipleSearchHelper;

package/lib/form/src/form-multiple-tree-table-helper.d.ts

@@ -0,0 +1,10 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+declare type IProps = {
+    option: IFormItem;
+};
+declare class FormMultipleTreeHelper extends Component<IProps> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    render(): React.ReactElement;
+}
+export default FormMultipleTreeHelper;

package/lib/form/src/form-tree-table-helper.d.ts

@@ -0,0 +1,10 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+declare type IProps = {
+    option: IFormItem;
+};
+declare class FormTreeTableHelper extends Component<IProps> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    render(): React.ReactElement;
+}
+export default FormTreeTableHelper;

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

@@ -2,7 +2,7 @@
 import React, { Component } from 'react';
 import { IFieldData } from './types';
 import type { IFormProps, IFormData, IFormItem, IExtraData, IViewData, IExpandData } from './types';
-import { JSXElement, ValueOf } from '../../_utils/types';
+import type { JSXElement, ValueOf } from '../../_utils/types';
 import type { FormProps } from '../../antd';
 declare type IProps = FormProps & IFormProps;
 declare type IState = {
@@ -16,7 +16,7 @@ declare type IState = {
 };
 export declare type QmFormProps = IProps;
 declare class QmForm extends Component<IProps, IState> {
-    static contextType: React.Context<import("../../config-provider/context").IConfig | undefined>;
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
     static propTypes: {
         items: import("prop-types").Requireable<(import("prop-types").InferProps<{
             type: import("prop-types").Validator<string>;
@@ -26,6 +26,7 @@ declare class QmForm extends Component<IProps, IState> {
         initialExtras: import("prop-types").Requireable<object>;
         size: (props: any, propName: any, componentName: any) => void;
         cols: import("prop-types").Requireable<number>;
+        customClass: import("prop-types").Requireable<string>;
         labelWidth: import("prop-types").Requireable<string | number>;
         labelAlign: import("prop-types").Requireable<string>;
         formType: import("prop-types").Requireable<string>;
@@ -59,7 +60,6 @@ declare class QmForm extends Component<IProps, IState> {
         defaultRows: number;
         isAutoFocus: boolean;
         isCollapse: boolean;
-        isFieldsDefine: boolean;
         isSearchBtn: boolean;
         onValuesChange: () => void;
         onFieldsChange: () => void;
@@ -111,11 +111,16 @@ declare class QmForm extends Component<IProps, IState> {
         type: any;
         fieldName: any;
     }): boolean;
+    formatFormValue: (values: IFormData) => IFormData;
+    getFormAuth(): Promise<void>;
     INPUT(option: IFormItem): JSXElement;
     RANGE_INPUT(option: IFormItem): JSXElement;
     INPUT_NUMBER(option: IFormItem): JSXElement;
     RANGE_INPUT_NUMBER(option: IFormItem): JSXElement;
     SEARCH_HELPER(option: IFormItem): JSXElement;
+    MULTIPLE_SEARCH_HELPER(option: IFormItem): JSXElement;
+    TREE_TABLE_HELPER(option: IFormItem): JSXElement;
+    MULTIPLE_TREE_TABLE_HELPER(option: IFormItem): JSXElement;
     CHECKBOX(option: IFormItem): JSXElement;
     MULTIPLE_CHECKBOX(option: IFormItem): JSXElement;
     RADIO(option: IFormItem): JSXElement;
@@ -132,6 +137,7 @@ declare class QmForm extends Component<IProps, IState> {
     TREE_SELECT(option: IFormItem): JSXElement;
     MULTIPLE_TREE_SELECT(option: IFormItem): JSXElement;
     CASCADER(option: IFormItem): JSXElement;
+    MULTIPLE_CASCADER(option: IFormItem): JSXElement;
     CITY_SELECT(option: IFormItem): JSXElement;
     REGION_SELECT(option: IFormItem): JSXElement;
     UPLOAD_FILE(option: IFormItem): JSXElement;
@@ -146,6 +152,7 @@ declare class QmForm extends Component<IProps, IState> {
     createFormLayout(): (JSX.Element | null)[];
     createSearchButtonLayout(lastCols?: number): JSX.Element | null;
     createFormButtonLayout(): JSX.Element | null;
+    createFieldsDefine: () => JSX.Element;
     setExpandHandle: (collapse: boolean) => void;
     valuesChangeHandle: (changedValues: IFormData, allValues: IFormData) => void;
     fieldsChangeHandle: (changedFields: IFieldData[], allFields: IFieldData[]) => void;