@jiaozhiye/qm-design-react 1.4.0-beta.2 → 1.4.0-beta.21

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

@@ -2,7 +2,7 @@
 import PropTypes from 'prop-types';
 import type { BuildInPlacements } from 'rc-trigger';
 import type { IFetch, IColumn, IRowKey } from '../../table/src/table/types';
-import type { CSSProperties, ComponentSize, JSXElement, ValueOf, AjaxResponse, IDict } from '../../_utils/types';
+import type { CSSProperties, ComponentSize, JSXElement, ValueOf, AjaxResponse, IDict, IAuth } from '../../_utils/types';
 export declare const DEFAULT_COL = 4;
 export declare const DEFAULT_ROWS = 1;
 export declare const DEFAULT_LABEL_WIDTH = 80;
@@ -24,7 +24,11 @@ export declare type IFieldsDefine = {
     displayKey?: string;
     extraKey?: string;
 };
-export declare type ISecretType = 'name' | 'phone' | 'IDnumber' | 'bankCard';
+export declare type IFieldAuthItem = {
+    visible: number;
+    disabled?: number;
+    secretName?: string;
+};
 export declare type IDateType = 'date' | 'datetime' | 'exactdate' | 'week' | 'month' | 'quarter' | 'year';
 export declare enum EDateType {
     'date' = "date",
@@ -70,13 +74,15 @@ export declare type IRequest = {
     params?: IFetchParams;
     formatter?: (params: IFetchParams) => IFetchParams;
     dataKey?: string;
+    callback?: (itemList: IRecord[]) => void;
 };
 export declare type IAuthConfig = {
-    fetch: {
+    fetch?: {
         api: IFetchFn;
         params?: IFetchParams;
         dataKey?: string;
     };
+    fieldList?: IAuth[];
 };
 export declare type IFormItem = {
     type: IFormItemType;
@@ -109,13 +115,14 @@ export declare type IFormItem = {
         toUpper?: boolean;
         toTrim?: boolean;
         pattern?: RegExp;
-        secretType?: ISecretType;
+        secretType?: string;
         step?: number;
         min?: number;
         max?: number;
         textAlign?: ILabelAlign | 'center';
         controls?: boolean;
         precision?: number;
+        stringMode?: boolean;
         formatter?: (value: number | string) => string;
         parser?: (value: string) => string | number;
         falseValue?: string | number;
@@ -134,6 +141,9 @@ export declare type IFormItem = {
         hourStep?: number;
         minuteStep?: number;
         secondStep?: number;
+        startTime?: string;
+        endTime?: string;
+        timeStep?: string;
         allowHalf?: boolean;
         tooltips?: string[];
         count?: number;
@@ -194,6 +204,7 @@ export declare type IFormItem = {
         width?: number | string;
         initialValue?: IFormData;
         onlySelect?: boolean;
+        autoQueryAssign?: boolean;
         closeRemoteMatch?: boolean;
         fieldAliasMap?: (() => Record<string, string>) | Record<string, string>;
         extraAliasMap?: (() => Record<string, string>) | Record<string, string>;
@@ -204,7 +215,10 @@ export declare type IFormItem = {
     request?: IRequest & {
         valueKey?: string;
         textKey?: string;
-        callback?: (itemList: IRecord[]) => void;
+    };
+    asyncLoad?: IRequest & {
+        valueKey?: string;
+        textKey?: string;
     };
     upload?: {
         action?: string;
@@ -247,12 +261,13 @@ export declare type IFormProps = {
     size?: ComponentSize;
     cols?: number;
     customClass?: string;
+    compactMode?: boolean;
     labelWidth?: number | string;
     labelAlign?: ILabelAlign;
     labelWrap?: boolean;
     formType?: IFormType;
+    disabled?: boolean;
     uniqueKey?: string;
-    authCode?: string;
     defaultRows?: number;
     searchButtonCols?: number;
     scrollToFirstError?: boolean;
@@ -266,7 +281,7 @@ export declare type IFormProps = {
     onValuesChange?: (changedValues: IFormData, initialValues: IFormData) => void;
     onFieldsChange?: (changedFields: IFieldData[], allFields: IFieldData[]) => void;
     onFinish?: (values: IFormData) => void;
-    onFinishFailed?: (errorFields: any) => void;
+    onFinishFailed?: (errorFields: any[]) => void;
     onReset?: () => void;
     onCollapse?: (collapse: boolean) => void;
 };
@@ -281,22 +296,17 @@ export declare const propTypes: {
     size: (props: any, propName: any, componentName: any) => void;
     cols: PropTypes.Requireable<number>;
     customClass: PropTypes.Requireable<string>;
+    compactMode: PropTypes.Requireable<boolean>;
     labelWidth: PropTypes.Requireable<string | number>;
     labelAlign: PropTypes.Requireable<string>;
     labelWrap: PropTypes.Requireable<boolean>;
     formType: PropTypes.Requireable<string>;
+    disabled: PropTypes.Requireable<boolean>;
     uniqueKey: PropTypes.Requireable<string>;
-    authCode: PropTypes.Requireable<string>;
     defaultRows: PropTypes.Requireable<number>;
     searchButtonCols: PropTypes.Requireable<number>;
     scrollToFirstError: PropTypes.Requireable<boolean>;
-    authConfig: PropTypes.Requireable<PropTypes.InferProps<{
-        fetch: PropTypes.Requireable<PropTypes.InferProps<{
-            api: PropTypes.Validator<(...args: any[]) => any>;
-            params: PropTypes.Requireable<object>;
-            dataKey: PropTypes.Requireable<string>;
-        }>>;
-    }>>;
+    authConfig: PropTypes.Requireable<object>;
     isAutoFocus: PropTypes.Requireable<boolean>;
     isCollapse: PropTypes.Requireable<boolean>;
     isFieldsDefine: PropTypes.Requireable<boolean>;

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

@@ -4,16 +4,19 @@ import type { IFormItem, IFetchFnMaker, IRecord } from './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 getSplitValue: (data: IRecord, path: string) => any;
+export declare const getSplitValue: (data: IRecord | null, path: string) => any;
 export declare const setEchoRecord: (row: IRecord, alias: any, echoAlias: any) => void;
 export declare const setEchoExtras: (row: IRecord, extras: any, echoExtras: any) => void;
-export declare const deepMapList: (list: any[], valueKey: string, textKey: string) => IDict[];
+export declare const deepMapList: (list: any[], valueKey: string, textKey: string) => (IDict & {
+    selectable?: boolean | undefined;
+    isLeaf?: boolean | undefined;
+})[];
 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;
 export declare const formatNumber: (value: string | number) => string;
 export declare const parserNumber: (value: string) => string;
-export declare const secretFormat: (value: string | undefined, type: string) => string;
+export declare const secretFormat: (value: string | number | undefined, type: string) => string;
 export declare const createShConfig: (data: any, fieldName: string, createFetch: IFetchFnMaker, multiple?: boolean) => {
     name?: string | undefined;
     getServerConfig?: import("./types").IFetchFn | undefined;
@@ -42,6 +45,7 @@ export declare const createShConfig: (data: any, fieldName: string, createFetch:
     width?: string | number | undefined;
     initialValue?: import("./types").IFormData | undefined;
     onlySelect?: boolean | undefined;
+    autoQueryAssign?: boolean | undefined;
     closeRemoteMatch?: boolean | undefined;
     fieldAliasMap?: Record<string, string> | (() => Record<string, string>) | undefined;
     extraAliasMap?: Record<string, string> | (() => Record<string, string>) | undefined;

package/lib/form/style/index.less

@@ -2,7 +2,7 @@
  * @Author: 焦质晔
  * @Date: 2021-07-23 19:05:57
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-11-26 21:27:53
+ * @Last Modified time: 2022-12-02 20:00:11
  */
 @import '../../style/common';
 
@@ -129,9 +129,6 @@
       }
     }
   }
-  &__only-show {
-    // ...
-  }
   // ------ size ------
   // 40  32  24
   &--lg {
@@ -139,10 +136,10 @@
   &--sm {
     .ant-form-item {
       margin-bottom: @--margin-md;
-      // label
-      .ant-form-item-label > label,
-      .ant-form-item-label .ant-form-item-tooltip {
-        font-size: @--font-size-sm;
+      .ant-form-item-label {
+        &-wrap {
+          line-height: 1;
+        }
       }
       // valigator
       .ant-form-item-control {
@@ -154,6 +151,19 @@
       }
     }
   }
+  &__only-show {
+    // ...
+  }
+  &__compact {
+    .ant-form-item {
+      margin-bottom: 4px;
+      .ant-form-item-control {
+        & > div:nth-last-of-type(1)[style*='nowrap'] {
+          display: none !important;
+        }
+      }
+    }
+  }
 }
 
 .ant-picker-footer-extra {
@@ -165,6 +175,7 @@
 // immediate
 .@{prefix-form}-immediate {
   padding: 5px 15px;
+  overflow-y: auto !important;
   .table {
     width: 100%;
     th,

package/lib/hooks/useDebounce.d.ts

@@ -0,0 +1,3 @@
+declare type noop = (...args: any[]) => any;
+export default function useDebounce<T extends noop>(fn: T, delay?: number): () => void;
+export {};