dcp-design-react 1.7.42

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

@@ -0,0 +1,46 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import type { ComponentSize, Nullable } 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;
+    showFullScreen?: boolean;
+    onClose?: (e: EventType) => 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>;
+    static propTypes: {
+        size: (props: any, propName: any, componentName: any) => void;
+        spinning: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        width: string;
+        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;
+    START_LOADING: () => void;
+    STOP_LOADING: () => void;
+    render(): React.JSX.Element;
+}
+export default QmDrawer;

package/lib/drawer/style/index.less

@@ -0,0 +1,82 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-11-26 20:25:11
+ */
+@import '../../style/common';
+
+@prefix-drawer: ~'@{qm-prefix}-drawer';
+
+.@{prefix-drawer} {
+  .ant-drawer-header {
+    display: flex;
+    align-items: center;
+    flex: 0 auto;
+    flex-shrink: 0;
+    height: 44px;
+    padding: 0 15px;
+    border-bottom: 1px solid @--border-color-secondary;
+    .ant-drawer-title {
+      display: flex;
+      flex: 1;
+      align-items: center;
+      justify-content: space-between;
+      padding-right: 20px;
+      .full-screen {
+        padding: @--padding-md 5px @--padding-md @--padding-md;
+        color: @--text-color-secondary;
+        line-height: 1;
+        font-size: @--font-size-lg;
+        transition: all 0.3s ease;
+        cursor: pointer;
+        &:hover {
+          color: @--text-color;
+        }
+      }
+    }
+    .ant-drawer-close {
+      position: absolute;
+      right: -8px;
+      font-size: 17px;
+      padding: @--padding-md @--padding-md @--padding-md 5px;
+    }
+  }
+  .ant-drawer-body {
+    padding: @--padding-md;
+  }
+  .spinning {
+    position: absolute;
+    top: 44px;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background-color: rgba(255, 255, 255, 0.65);
+    z-index: 9999;
+    .ant-spin-text {
+      margin-top: 4px;
+    }
+  }
+  // ------ size ------
+  // 52  48  44
+  &--lg {
+    .ant-drawer-header {
+      height: 48px;
+    }
+    .spinning {
+      top: 48px;
+    }
+  }
+  &--sm {
+    .ant-drawer-header {
+      height: 40px;
+    }
+    .spinning {
+      top: 40px;
+    }
+  }
+}

package/lib/empty/index.d.ts

@@ -0,0 +1,3 @@
+import Empty from './src/empty';
+export type { EmptyProps } from './src/empty';
+export default Empty;

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

@@ -0,0 +1,15 @@
+import React, { Component } 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>;
+    static propTypes: {
+        size: (props: any, propName: any, componentName: any) => void;
+    };
+    render(): React.JSX.Element;
+}
+export default QmEmpty;

package/lib/empty/style/index.less

@@ -0,0 +1,35 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-07-31 22:38:07
+ */
+@import '../../style/common';
+
+@prefix-empty: ~'@{qm-prefix}-empty';
+
+.@{prefix-empty} {
+  .ant-empty-image {
+    height: auto;
+  }
+  // ------ size ------
+  // 40  32  24
+  &--lg {
+    .ant-empty-image > svg {
+      width: 80px;
+      height: 50px;
+    }
+    .ant-empty-description {
+      font-size: @--font-size-base;
+    }
+  }
+  &--sm {
+    .ant-empty-image > svg {
+      width: 55px;
+      height: 35px;
+    }
+    .ant-empty-description {
+      font-size: @--font-size-sm;
+    }
+  }
+}

package/lib/form/index.d.ts

@@ -0,0 +1,4 @@
+import Form from './src/form';
+export type { FormRef, FormProps } from './src/form';
+export type { IFormItem, IFormItemType } from './src/types';
+export default Form;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FormRef } from './form';
+import type { IDict } from '../../_utils/types';
+export type IFormContext = {
+    $$form: FormRef;
+    echo_data: Record<string, IDict[]>;
+};
+declare const FormContext: import("react").Context<IFormContext | undefined>;
+export default FormContext;

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

@@ -0,0 +1,26 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+type IProps = {
+    uniqueKey?: string;
+    items: IFormItem[];
+    fieldsChange?: (items: IFormItem[]) => void;
+};
+type IState = {
+    visible: boolean;
+};
+declare class FieldsFilter extends Component<IProps, IState> {
+    static contextType: React.Context<import("../../config-provider/context").IConfig>;
+    private linkRef;
+    state: IState;
+    get formUniqueKey(): string;
+    constructor(props: IProps);
+    getTableFieldsConfig(key: string): Promise<unknown[] | void>;
+    saveTableColumnsConfig(key: string, value: Partial<IFormItem>[]): Promise<void>;
+    getLocalFields(): Array<IFormItem> | void;
+    setLocalFields(list: IFormItem[]): void;
+    initLocalfields(): void;
+    changeHandle(items: IFormItem[]): void;
+    popupRender(): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export default FieldsFilter;

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

@@ -0,0 +1,21 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+import type { IDict } from '../../_utils/types';
+type IProps = {
+    option: IFormItem;
+    multiple?: boolean;
+};
+type IState = {
+    itemList: IDict[];
+    loading: boolean;
+};
+declare class FormCascader extends Component<IProps, IState> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    state: IState;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: IProps): void;
+    getItemList: () => Promise<void>;
+    render(): React.JSX.Element;
+}
+export default FormCascader;

package/lib/form/src/form-checkbox-group.d.ts

@@ -0,0 +1,19 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+import type { IDict } from '../../_utils/types';
+type IProps = {
+    option: IFormItem;
+};
+type IState = {
+    itemList: IDict[];
+};
+declare class FormCheckboxGroup extends Component<IProps, IState> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    state: IState;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: IProps): void;
+    getItemList(): Promise<void>;
+    render(): React.JSX.Element;
+}
+export default FormCheckboxGroup;

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

@@ -0,0 +1,16 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+type IProps = {
+    option: IFormItem;
+};
+type ICheckboxProps<T = string | number> = IProps & {
+    value?: T;
+    onChange?: (value: T) => void;
+    onValuesChange: (value: T, text: string) => void;
+};
+export declare const VCheckbox: React.FC<ICheckboxProps>;
+declare class FormCheckbox extends Component<IProps> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    render(): React.JSX.Element;
+}
+export default FormCheckbox;

package/lib/form/src/form-city-select.d.ts

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+type IProps = {
+    option: IFormItem;
+};
+type IState = {
+    searchHelper: IFormItem['searchHelper'];
+};
+declare class FormImmediate extends Component<IProps, IState> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    private promiseRef;
+    state: IState;
+    constructor(props: IProps, { $$form }: {
+        $$form: any;
+    });
+    waiting: () => Promise<void>;
+    getHelperConfig: ($configContext: any) => void;
+    render(): React.JSX.Element;
+}
+export default FormImmediate;

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

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

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

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

package/lib/form/src/form-item-view.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type IViewProps<T = string> = {
+    value?: T;
+    bordered?: boolean;
+};
+declare const FormItemView: React.FC<IViewProps>;
+export default FormItemView;

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

@@ -0,0 +1,20 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+type IProps = {
+    option: IFormItem;
+};
+type IState = {
+    searchHelper: IFormItem['searchHelper'];
+};
+declare class FormMultipleSearchHelper extends Component<IProps, IState> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    private promiseRef;
+    state: IState;
+    constructor(props: IProps, { $$form }: {
+        $$form: any;
+    });
+    waiting: () => Promise<void>;
+    getHelperConfig: ($configContext: any) => void;
+    render(): React.JSX.Element;
+}
+export default FormMultipleSearchHelper;

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

@@ -0,0 +1,20 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+type IProps = {
+    option: IFormItem;
+};
+type IState = {
+    searchHelper: IFormItem['searchHelper'];
+};
+declare class FormMultipleTreeTableHelper extends Component<IProps, IState> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    private promiseRef;
+    state: IState;
+    constructor(props: IProps, { $$form }: {
+        $$form: any;
+    });
+    waiting: () => Promise<void>;
+    getHelperConfig: ($configContext: any) => void;
+    render(): React.JSX.Element;
+}
+export default FormMultipleTreeTableHelper;

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

@@ -0,0 +1,19 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+import type { IDict } from '../../_utils/types';
+type IProps = {
+    option: IFormItem;
+};
+type IState = {
+    itemList: IDict[];
+};
+declare class FormRadio extends Component<IProps, IState> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    state: IState;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: IProps): void;
+    getItemList: () => Promise<void>;
+    render(): React.JSX.Element;
+}
+export default FormRadio;

package/lib/form/src/form-range-date.d.ts

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+type IProps = {
+    option: IFormItem;
+};
+type IState = {
+    searchHelper: IFormItem['searchHelper'];
+};
+declare class FormRangeSearchHelper extends Component<IProps, IState> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    private promiseRef;
+    state: IState;
+    constructor(props: IProps, { $$form }: {
+        $$form: any;
+    });
+    waiting: () => Promise<void>;
+    getHelperConfig: ($configContext: any) => void;
+    render(): React.JSX.Element;
+}
+export default FormRangeSearchHelper;

package/lib/form/src/form-range-time.d.ts

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

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

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

package/lib/form/src/form-region-select.d.ts

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

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

@@ -0,0 +1,21 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+type IProps = {
+    option: IFormItem;
+};
+type IState = {
+    searchHelper: IFormItem['searchHelper'];
+};
+declare class FormSearchHelper extends Component<IProps, IState> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    private promiseRef;
+    searchRef: any;
+    state: IState;
+    constructor(props: IProps, { $$form }: {
+        $$form: any;
+    });
+    waiting: () => Promise<void>;
+    getHelperConfig: ($configContext: any) => void;
+    render(): React.JSX.Element;
+}
+export default FormSearchHelper;

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

@@ -0,0 +1,21 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+import type { IDict } from '../../_utils/types';
+type IProps = {
+    option: IFormItem;
+    multiple?: boolean;
+};
+type IState = {
+    itemList: IDict[];
+    loading: boolean;
+};
+declare class FormSelect extends Component<IProps, IState> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    state: IState;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: IProps): void;
+    getItemList: () => Promise<void>;
+    render(): React.JSX.Element;
+}
+export default FormSelect;

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

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

package/lib/form/src/form-text-area.d.ts

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

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

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

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

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

package/lib/form/src/form-tree-select.d.ts

@@ -0,0 +1,21 @@
+import React, { Component } from 'react';
+import type { IFormItem } from './types';
+import type { IDict } from '../../_utils/types';
+type IProps = {
+    option: IFormItem;
+    multiple?: boolean;
+};
+type IState = {
+    itemList: IDict[];
+    loading: boolean;
+};
+declare class FormTreeSelect extends Component<IProps, IState> {
+    static contextType: React.Context<import("./context").IFormContext | undefined>;
+    state: IState;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: IProps): void;
+    getItemList: () => Promise<void>;
+    render(): React.JSX.Element;
+}
+export default FormTreeSelect;