@jiaozhiye/qm-design-react 1.1.0-beta.7 → 1.2.0-beta.1

package/lib/_utils/cloneElement.d.ts

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

package/lib/_utils/dom.d.ts

@@ -18,7 +18,7 @@ export declare const getStyle: (element: HTMLElement, styleName: string) => Null
  * @param {string} value css 属性的值
  * @returns
  */
-export declare const setStyle: (element: HTMLElement, styleName: CSSProperties | string, value?: string | undefined) => void;
+export declare const setStyle: (element: HTMLElement, styleName: CSSProperties | string, value?: string) => void;
 /**
  * @description 移除元素样式
  * @param {HTMLNode} element 元素节点
@@ -65,7 +65,7 @@ export declare const getParentNode: (el: HTMLElement, selector: string) => Nulla
  * @param {HTMLNode} container 目标节点
  * @returns boolean
  */
-export declare const contains: (el: HTMLElement, container: HTMLElement) => boolean;
+export declare const contains: (el: Element | HTMLElement | null, container: HTMLElement) => boolean;
 /**
  * @description 滚动到指定位置，动画效果
  * @param {HTMLNode} el 带滚动条元素

package/lib/_utils/types.d.ts

@@ -27,7 +27,7 @@ export declare type ComponentSize = 'small' | 'middle' | 'large';
 export declare type Locale = 'zh-cn' | 'en';
 export declare type IDict = {
     text: string;
-    value: string;
+    value: string | number;
     disabled?: boolean;
     children?: Array<IDict> | Nullable<undefined>;
 };

package/lib/_utils/util.d.ts

@@ -19,6 +19,7 @@ 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 deepClone: (target: object, map?: WeakMap<object, any>) => object;
 export declare const getParserWidth: (val: number | string) => string;
 export declare const flatJson: <T extends Record<string, any>>(jsonObject: T) => T;
 export declare const getAuthValue: (code: string) => Record<string, any> | undefined;

package/lib/collapse/index.d.ts

@@ -0,0 +1,3 @@
+import Collapse from './src/collapse';
+export type { QmCollapseProps } 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,15 @@
+import React from 'react';
+declare type IProps = {
+    defaultActive?: boolean;
+    label: string;
+    disabled?: boolean;
+    forceRender?: boolean;
+    destroyOnClose?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    containerStyle?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+export declare type QmCollapseProps = 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/copy-to-clipboard/index.d.ts

@@ -0,0 +1,3 @@
+import CopyToClipboard from './src/copy-to-clipboard';
+export type { QmCopyToClipboardProps } 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';
+declare type IProps = {
+    text: string;
+    showMessage?: boolean;
+    options?: {
+        debug?: boolean;
+        message?: string;
+        format?: string;
+    };
+    onCopy?: (text: string, result: boolean) => void;
+    children?: React.ReactNode;
+};
+export declare type QmCopyToClipboardProps = 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/divider/src/divider.d.ts

@@ -6,9 +6,10 @@ declare type IProps = {
     size?: ComponentSize;
     extra?: JSXElement | string;
     collapse?: boolean;
+    disabled?: boolean;
+    id?: string;
     className?: string;
     style?: CSSProperties;
-    id?: string;
     onCollapseChange?: (collapse: boolean) => void;
 };
 export declare type QmDividerProps = IProps;

package/lib/form/index.d.ts

@@ -1,4 +1,4 @@
 import Form from './src/form';
-export type { QmFormProps } from './src/form';
+export type { FormRef as QmFormRef, QmFormProps } from './src/form';
 export type { IFormItem as QmFormItem, IFormItemType as QmFormItemType } from './src/types';
 export default Form;

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

@@ -5,12 +5,14 @@ declare type IProps = {
 };
 declare type IInputProps<T = string> = IProps & {
     value?: T;
+    onBlur?: (value: T) => void;
     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;
+    triggerBlur: (value: string) => void;
     render(): React.ReactElement;
 }
 declare class FormInput extends Component<IProps> {

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const FormItemLayout: React.FC<any>;
+export default FormItemLayout;

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

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

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

@@ -15,6 +15,7 @@ declare type IState = {
     collapse: boolean;
 };
 export declare type QmFormProps = IProps;
+export declare type FormRef = QmForm;
 declare class QmForm extends Component<IProps, IState> {
     static contextType: React.Context<import("../../config-provider/context").IConfig>;
     static propTypes: {
@@ -51,6 +52,7 @@ declare class QmForm extends Component<IProps, IState> {
         onFieldsChange: import("prop-types").Requireable<(...args: any[]) => any>;
         onFinish: import("prop-types").Requireable<(...args: any[]) => any>;
         onFinishFailed: import("prop-types").Requireable<(...args: any[]) => any>;
+        onReset: import("prop-types").Requireable<(...args: any[]) => any>;
         onCollapse: import("prop-types").Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
@@ -68,6 +70,7 @@ declare class QmForm extends Component<IProps, IState> {
         onFieldsChange: () => void;
         onFinish: () => void;
         onFinishFailed: () => void;
+        onReset: () => void;
         onCollapse: () => void;
         onFormItemsChange: () => void;
     };
@@ -85,6 +88,7 @@ declare class QmForm extends Component<IProps, IState> {
     get flattenItems(): IFormItem[];
     get dividers(): IFormItem[];
     get isFilterType(): boolean;
+    get isOnlyShow(): boolean;
     get showDividerCollapse(): boolean;
     get showFilterCollapse(): boolean | undefined;
     componentDidMount(): void;
@@ -108,6 +112,7 @@ declare class QmForm extends Component<IProps, IState> {
     getFormItems: import("memoize-one").MemoizedFn<(items: IFormItem[]) => IFormItem[]>;
     getFlattenItems: import("memoize-one").MemoizedFn<(items: IFormItem[]) => IFormItem[]>;
     setViewValue(fieldName: string, val?: string): void;
+    getViewValue(fieldName: string): string;
     createInputFocus(): void;
     getFormItemLabel(label: string | IFormItem): string;
     getBlockDerivedItems(): Pick<IFormItem, "fieldName" | "label">[][];
@@ -128,6 +133,7 @@ declare class QmForm extends Component<IProps, IState> {
     MULTIPLE_TREE_TABLE_HELPER(option: IFormItem): JSXElement;
     CHECKBOX(option: IFormItem): JSXElement;
     MULTIPLE_CHECKBOX(option: IFormItem): JSXElement;
+    RATE(option: IFormItem): JSXElement;
     RADIO(option: IFormItem): JSXElement;
     SWITCH(option: IFormItem): JSXElement;
     TEXT_AREA(option: IFormItem): JSXElement;
@@ -170,7 +176,7 @@ declare class QmForm extends Component<IProps, IState> {
     get_fields_other(fields?: string[]): IFormData;
     SET_FIELDS_VALUE(values: IFormData): void;
     GET_FIELDS_VALUE(fields?: string[]): IFormData;
-    GET_FORM_DATA(): Promise<any[]>;
+    GET_FORM_DATA(): Promise<[any, any]>;
     SET_FIELDS_EXTRA(values: IExtraData): void;
     GET_FIELDS_EXTRA(fields?: string[]): IExtraData;
     GET_FIELDS_TOUCHED(fields?: string[]): boolean;

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

@@ -1,17 +1,20 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
 import type { BuildInPlacements } from 'rc-trigger';
-import type { IFetch, IColumn, IRecord, IRowKey } from '../../table/src/table/types';
-import type { Nullable, CSSProperties, ComponentSize, JSXElement, ValueOf, AjaxResponse, IDict } from '../../_utils/types';
+import type { IFetch, IColumn, IRowKey } from '../../table/src/table/types';
+import type { CSSProperties, ComponentSize, JSXElement, ValueOf, AjaxResponse, IDict } from '../../_utils/types';
 export declare const DEFAULT_COL = 4;
 export declare const DEFAULT_ROWS = 1;
 export declare const DEFAULT_LABEL_WIDTH = 80;
 export declare const DEFAULT_COL_WIDTH = 300;
 export declare const DEFAULT_TRUE_VALUE = "1";
 export declare const DEFAULT_FALSE_VALUE = "0";
+export declare type IRecord = Record<string, any>;
 export declare type IFormLayout = 'horizontal' | 'vertical';
 export declare type ILabelAlign = 'left' | 'right';
 export declare type IFormType = 'default' | 'search' | 'onlyShow';
+export declare type IValidateTrigger = 'onChange' | 'onBlur';
+export declare type ICheckStrategy = 'SHOW_ALL' | 'SHOW_PARENT' | 'SHOW_CHILD';
 export declare type IFormItemType = 'DIVIDER' | 'INPUT' | 'TEXT_AREA' | 'RANGE_INPUT' | 'INPUT_NUMBER' | 'RANGE_INPUT_NUMBER' | 'CHECKBOX' | 'MULTIPLE_CHECKBOX' | 'RADIO' | 'SWITCH' | 'DATE' | 'RANGE_DATE' | 'TIME' | 'RANGE_TIME' | 'SELECT' | 'MULTIPLE_SELECT' | 'IMMEDIATE' | 'SEARCH_HELPER' | 'MULTIPLE_SEARCH_HELPER' | 'TREE_SELECT' | 'MULTIPLE_TREE_SELECT' | 'CASCADER' | 'MULTIPLE_CASCADER' | 'CITY_SELECT' | 'REGION_SELECT' | 'UPLOAD_FILE' | 'UPLOAD_IMG' | 'TINYMCE';
 export declare const ARRAY_TYPE: IFormItemType[];
 export declare const BUILT_IN_PLACEMENTS: BuildInPlacements;
@@ -72,6 +75,7 @@ export declare type IFormItem = {
     noAuth?: boolean;
     invisible?: boolean;
     rules?: Record<string, any>[];
+    validateTrigger?: IValidateTrigger | IValidateTrigger[];
     selfCol?: number;
     offsetLeft?: number;
     offsetRight?: number;
@@ -89,6 +93,7 @@ export declare type IFormItem = {
         maxLength?: number;
         password?: boolean;
         toUpper?: boolean;
+        pattern?: RegExp;
         secretType?: ISecretType;
         step?: number;
         min?: number;
@@ -113,10 +118,15 @@ export declare type IFormItem = {
         hourStep?: number;
         minuteStep?: number;
         secondStep?: number;
+        allowHalf?: boolean;
+        tooltips?: string[];
+        count?: number;
         filterable?: boolean;
         collapseTags?: boolean;
         maxTagTextLength?: number;
         openPyt?: boolean;
+        checkStrategy?: ICheckStrategy;
+        changeOnSelect?: boolean;
         hideHeader?: boolean;
         onlySelect?: boolean;
         columns?: IColumn[];
@@ -132,6 +142,9 @@ export declare type IFormItem = {
         tinymceHeight?: number | string;
     };
     searchHelper?: {
+        name?: string;
+        getServerConfig?: IFetchFn;
+        createTableFetch?: (url: string) => IFetchFn;
         filters?: IFormItem[];
         table?: {
             fetch?: IFetch;
@@ -143,6 +156,12 @@ export declare type IFormItem = {
             fetch?: IFetch;
             tableParamsMap?: (() => Record<string, string>) | Record<string, string>;
         };
+        request?: {
+            fetchApi?: IFetchFn;
+            params?: IFetchParams;
+            formatter?: (params: IFetchParams) => IFetchParams;
+            dataKey?: string;
+        };
         width?: number | string;
         initialValue?: IFormData;
         onlySelect?: boolean;
@@ -156,6 +175,7 @@ export declare type IFormItem = {
     request?: {
         fetchApi?: IFetchFn;
         params?: IFetchParams;
+        formatter?: (params: IFetchParams) => IFetchParams;
         dataKey?: string;
         valueKey?: string;
         textKey?: string;
@@ -166,6 +186,7 @@ export declare type IFormItem = {
         withCredentials?: boolean;
         params?: IFetchParams;
         dataKey?: string;
+        fieldAliasMap?: (() => Record<string, string>) | Record<string, string>;
     };
     extra?: {
         style?: CSSProperties;
@@ -182,7 +203,7 @@ export declare type IFormItem = {
         onCollapse?: (collapse: boolean) => void;
     };
     render?: (options: IFormItem, instance: any) => JSXElement;
-    onChange?: (value: ValueOf<IFormData> | boolean, others?: string | Nullable<IFormData>) => void;
+    onChange?: (value: ValueOf<IFormData> | boolean, others?: any) => void;
     onBlur?: (value: ValueOf<IFormData>) => void;
     onEnter?: (value: ValueOf<IFormData>) => void;
 };
@@ -211,6 +232,7 @@ export declare type IFormProps = {
     onFieldsChange?: (changedFields: IFieldData[], allFields: IFieldData[]) => void;
     onFinish?: (values: IFormData) => void;
     onFinishFailed?: (errorFields: any) => void;
+    onReset?: () => void;
     onCollapse?: (collapse: boolean) => void;
 };
 export declare const propTypes: {
@@ -247,6 +269,7 @@ export declare const propTypes: {
     onFieldsChange: PropTypes.Requireable<(...args: any[]) => any>;
     onFinish: PropTypes.Requireable<(...args: any[]) => any>;
     onFinishFailed: PropTypes.Requireable<(...args: any[]) => any>;
+    onReset: PropTypes.Requireable<(...args: any[]) => any>;
     onCollapse: PropTypes.Requireable<(...args: any[]) => any>;
 };
 export declare const defaultProps: {
@@ -264,6 +287,7 @@ export declare const defaultProps: {
     onFieldsChange: () => void;
     onFinish: () => void;
     onFinishFailed: () => void;
+    onReset: () => void;
     onCollapse: () => void;
     onFormItemsChange: () => void;
 };

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

@@ -1,8 +1,9 @@
 import dayjs, { Dayjs } from 'dayjs';
+import type { IDict } from 'packages/_utils/types';
 export declare const getDate: (dateString: string | undefined, format: string) => dayjs.Dayjs | null;
 export declare const formatDate: (date: Dayjs | null, format: string) => string;
 export declare const isEmptyValue: (value: unknown) => boolean;
-export declare const deepMapList: (list: any[], valueKey: string, textKey: string) => any[];
+export declare const deepMapList: (list: any[], valueKey: string, textKey: string) => IDict[];
 export declare const deepFind: (arr: any[], mark: string) => any;
 export declare const deepFindValues: <T>(arr: T[], str: string, depth?: number) => T[];
 export declare const deepGetPath: (arr: any[], value: string) => string[] | undefined;

package/lib/form/style/index.less

@@ -52,6 +52,10 @@
     .extra-overflow-cut {
       .text-overflow-cut();
     }
+    // select
+    .ant-select {
+      width: 100%;
+    }
     // range input
     .site-input-left {
       border-right-width: 0;
@@ -78,11 +82,17 @@
         }
       }
     }
+    // select-multiple
+    .ant-select-multiple {
+      .ant-select-selection-overflow-item-rest {
+        pointer-events: none;
+      }
+    }
   }
   &__only-show {
-    .ant-form-item > .ant-form-item-control {
-      * {
-        pointer-events: none !important;
+    .ant-form-item > .ant-form-item-control .ant-col {
+      & > :not(.qm-upload-file):not(.qm-upload-img):not(.qm-tinymce) {
+        pointer-events: none;
       }
     }
   }

package/lib/index.d.ts

@@ -6,6 +6,8 @@ export type { QmSpaceProps } from './space';
 export { default as QmSpace } from './space';
 export type { QmDividerProps } from './divider';
 export { default as QmDivider } from './divider';
+export type { QmCollapseProps } from './collapse';
+export { default as QmCollapse } from './collapse';
 export type { QmSplitProps, QmSplitPaneProps } from './split';
 export { default as QmSplit } from './split';
 export type { QmCountupProps } from './countup';
@@ -24,7 +26,7 @@ export type { QmDrawerProps } from './drawer';
 export { default as QmDrawer } from './drawer';
 export type { QmModalProps } from './modal';
 export { default as QmModal } from './modal';
-export type { QmFormProps, QmFormItem, QmFormItemType } from './form';
+export type { QmFormRef, QmFormProps, QmFormItem, QmFormItemType } from './form';
 export { default as QmForm } from './form';
 export type { QmTinymceProps } from './tinymce';
 export { default as QmTinymce } from './tinymce';
@@ -34,12 +36,16 @@ export type { QmUploadFileProps } from './upload-file';
 export { default as QmUploadFile } from './upload-file';
 export type { QmUploadImgProps } from './upload-img';
 export { default as QmUploadImg } from './upload-img';
-export type { QmTableProps, QmTableColumn } from './table';
+export type { QmTableRef, QmTableProps, QmTableColumn } from './table';
 export { default as QmTable } from './table';
 export type { QmSearchHelperProps } from './search-helper';
 export { default as QmSearchHelper } from './search-helper';
 export type { QmTreeTableHelperProps } from './tree-table-helper';
 export { default as QmTreeTableHelper } from './tree-table-helper';
+export type { QmTreeHelperProps } from './tree-helper';
+export { default as QmTreeHelper } from './tree-helper';
+export type { QmCopyToClipboardProps } from './copy-to-clipboard';
+export { default as QmCopyToClipboard } from './copy-to-clipboard';
 export type { QmPrintProps } from './print';
 export { default as QmPrint } from './print';
 export { default as pinyin } from './pinyin';