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

package/lib/anchor/style/index.less

@@ -9,7 +9,7 @@
 @prefix-anchor: ~'@{qm-prefix}-anchor';
 
 .@{prefix-anchor} {
-  .reset-component;
+  .reset-container;
   display: flex;
   flex-direction: row;
   &__label {
@@ -55,7 +55,18 @@
   // ------ size ------
   // 40  32  24
   &--lg {
+    .@{prefix-anchor}-nav {
+      &__item {
+        height: @--height-lg;
+      }
+    }
   }
   &--sm {
+    .@{prefix-anchor}-nav {
+      &__item {
+        height: @--height-sm;
+        font-size: 13px;
+      }
+    }
   }
 }

package/lib/countup/style/index.less

@@ -1,22 +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;
-  }
-}
+/*
+ * @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-container;
+  font-size: @--font-size-base;
+  // ------ size ------
+  // 40  32  24
+  &--lg {
+    font-size: @--font-size-base;
+  }
+  &--sm {
+    font-size: @--font-size-sm;
+  }
+}

package/lib/divider/style/index.less

@@ -1,54 +1,54 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 19:05:57
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2021-08-21 20:34:44
- */
-@import '../../style/common';
-
-@prefix-divider: ~'@{qm-prefix}-divider';
-
-.@{prefix-divider} {
-  .reset-component;
-  display: flex;
-  align-items: center;
-  padding: 0 @--padding-md;
-  height: @--height-md;
-  border: 1px solid @--border-color-base;
-  border-radius: @--border-radius-base;
-  background-color: @--background-color-cecondary;
-  position: relative;
-  &::before {
-    content: ' ';
-    position: absolute;
-    width: 6px;
-    left: -1px;
-    top: -1px;
-    bottom: -1px;
-    background-color: @--primary-color;
-  }
-  &__title {
-    margin-left: 5px;
-  }
-  &__extra {
-    .text-overflow-cut();
-    flex: 1;
-    margin-left: @--margin-md;
-  }
-  &__collapse {
-    margin-left: @--margin-md;
-    padding-left: 0;
-    padding-right: 0;
-    .anticon {
-      margin-left: 4px !important;
-    }
-  }
-  // ------ size ------
-  // 40  32  24
-  &--lg {
-    height: @--height-lg;
-  }
-  &--sm {
-    height: @--height-sm;
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-08-21 20:34:44
+ */
+@import '../../style/common';
+
+@prefix-divider: ~'@{qm-prefix}-divider';
+
+.@{prefix-divider} {
+  .reset-container;
+  display: flex;
+  align-items: center;
+  padding: 0 @--padding-md;
+  height: @--height-md;
+  border: 1px solid @--border-color-base;
+  border-radius: @--border-radius-base;
+  background-color: @--background-color-cecondary;
+  position: relative;
+  &::before {
+    content: ' ';
+    position: absolute;
+    width: 6px;
+    left: -1px;
+    top: -1px;
+    bottom: -1px;
+    background-color: @--primary-color;
+  }
+  &__title {
+    margin-left: 5px;
+  }
+  &__extra {
+    .text-overflow-cut();
+    flex: 1;
+    margin-left: @--margin-md;
+  }
+  &__collapse {
+    margin-left: @--margin-md;
+    padding-left: 0;
+    padding-right: 0;
+    .anticon {
+      margin-left: 4px !important;
+    }
+  }
+  // ------ size ------
+  // 40  32  24
+  &--lg {
+    height: @--height-lg;
+  }
+  &--sm {
+    height: @--height-sm;
+  }
+}

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

@@ -29,6 +29,7 @@ declare class QmForm extends Component<IProps, IState> {
         size: (props: any, propName: any, componentName: any) => void;
         cols: import("prop-types").Requireable<number>;
         customClass: import("prop-types").Requireable<string>;
+        compactMode: import("prop-types").Requireable<boolean>;
         labelWidth: import("prop-types").Requireable<string | number>;
         labelAlign: import("prop-types").Requireable<string>;
         labelWrap: import("prop-types").Requireable<boolean>;
@@ -179,6 +180,7 @@ declare class QmForm extends Component<IProps, IState> {
     }) => void;
     set_fields_other(values: IFormData): void;
     get_fields_other(fields?: string[]): IFormData;
+    openValidateInfo: (errorFields: any) => void;
     scrollToField: (fieldName?: string) => void;
     formValidate(): Promise<IFormData>;
     SET_FIELDS_VALUE(values: IFormData): void;
@@ -190,6 +192,7 @@ declare class QmForm extends Component<IProps, IState> {
     GET_FIELDS_TOUCHED(fields?: string[]): boolean;
     SUBMIT_FORM(): Promise<void>;
     RESET_FORM(): void;
+    CREATE_FOCUS(fieldName: string): void;
     SET_FORM_ITEM(fieldName: string, option: Record<string, any>, forceUpdate?: boolean): void;
     render(): JSX.Element;
 }

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

@@ -206,6 +206,11 @@ export declare type IFormItem = {
         textKey?: string;
         callback?: (itemList: IRecord[]) => void;
     };
+    asyncLoad?: IRequest & {
+        valueKey?: string;
+        textKey?: string;
+        callback?: (itemList: IRecord[]) => void;
+    };
     upload?: {
         action?: string;
         headers?: IFetchHeader;
@@ -247,6 +252,7 @@ export declare type IFormProps = {
     size?: ComponentSize;
     cols?: number;
     customClass?: string;
+    compactMode?: boolean;
     labelWidth?: number | string;
     labelAlign?: ILabelAlign;
     labelWrap?: boolean;
@@ -281,6 +287,7 @@ 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>;

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

@@ -7,7 +7,9 @@ export declare const isEmptyValue: (value: unknown) => boolean;
 export declare const getSplitValue: (data: IRecord, 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 & {
+    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;

package/lib/form/style/index.less

@@ -129,9 +129,6 @@
       }
     }
   }
-  &__only-show {
-    // ...
-  }
   // ------ size ------
   // 40  32  24
   &--lg {
@@ -139,11 +136,6 @@
   &--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;
-      }
       // valigator
       .ant-form-item-control {
         // 待优化
@@ -154,6 +146,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 {