@jiaozhiye/qm-design-react 1.4.0-beta.3 → 1.4.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,7 +9,7 @@
9
9
  @prefix-anchor: ~'@{qm-prefix}-anchor';
10
10
 
11
11
  .@{prefix-anchor} {
12
- .reset-component;
12
+ .reset-container;
13
13
  display: flex;
14
14
  flex-direction: row;
15
15
  &__label {
@@ -55,7 +55,18 @@
55
55
  // ------ size ------
56
56
  // 40 32 24
57
57
  &--lg {
58
+ .@{prefix-anchor}-nav {
59
+ &__item {
60
+ height: @--height-lg;
61
+ }
62
+ }
58
63
  }
59
64
  &--sm {
65
+ .@{prefix-anchor}-nav {
66
+ &__item {
67
+ height: @--height-sm;
68
+ font-size: 13px;
69
+ }
70
+ }
60
71
  }
61
72
  }
@@ -1,22 +1,22 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2021-07-23 19:05:57
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2021-08-01 21:58:46
6
- */
7
- @import '../../style/common';
8
-
9
- @prefix-countup: ~'@{qm-prefix}-countup';
10
-
11
- .@{prefix-countup} {
12
- .reset-component;
13
- font-size: @--font-size-base;
14
- // ------ size ------
15
- // 40 32 24
16
- &--lg {
17
- font-size: @--font-size-base;
18
- }
19
- &--sm {
20
- font-size: @--font-size-sm;
21
- }
22
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2021-07-23 19:05:57
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2021-08-01 21:58:46
6
+ */
7
+ @import '../../style/common';
8
+
9
+ @prefix-countup: ~'@{qm-prefix}-countup';
10
+
11
+ .@{prefix-countup} {
12
+ .reset-container;
13
+ font-size: @--font-size-base;
14
+ // ------ size ------
15
+ // 40 32 24
16
+ &--lg {
17
+ font-size: @--font-size-base;
18
+ }
19
+ &--sm {
20
+ font-size: @--font-size-sm;
21
+ }
22
+ }
@@ -1,54 +1,54 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2021-07-23 19:05:57
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2021-08-21 20:34:44
6
- */
7
- @import '../../style/common';
8
-
9
- @prefix-divider: ~'@{qm-prefix}-divider';
10
-
11
- .@{prefix-divider} {
12
- .reset-component;
13
- display: flex;
14
- align-items: center;
15
- padding: 0 @--padding-md;
16
- height: @--height-md;
17
- border: 1px solid @--border-color-base;
18
- border-radius: @--border-radius-base;
19
- background-color: @--background-color-cecondary;
20
- position: relative;
21
- &::before {
22
- content: ' ';
23
- position: absolute;
24
- width: 6px;
25
- left: -1px;
26
- top: -1px;
27
- bottom: -1px;
28
- background-color: @--primary-color;
29
- }
30
- &__title {
31
- margin-left: 5px;
32
- }
33
- &__extra {
34
- .text-overflow-cut();
35
- flex: 1;
36
- margin-left: @--margin-md;
37
- }
38
- &__collapse {
39
- margin-left: @--margin-md;
40
- padding-left: 0;
41
- padding-right: 0;
42
- .anticon {
43
- margin-left: 4px !important;
44
- }
45
- }
46
- // ------ size ------
47
- // 40 32 24
48
- &--lg {
49
- height: @--height-lg;
50
- }
51
- &--sm {
52
- height: @--height-sm;
53
- }
54
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2021-07-23 19:05:57
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2021-08-21 20:34:44
6
+ */
7
+ @import '../../style/common';
8
+
9
+ @prefix-divider: ~'@{qm-prefix}-divider';
10
+
11
+ .@{prefix-divider} {
12
+ .reset-container;
13
+ display: flex;
14
+ align-items: center;
15
+ padding: 0 @--padding-md;
16
+ height: @--height-md;
17
+ border: 1px solid @--border-color-base;
18
+ border-radius: @--border-radius-base;
19
+ background-color: @--background-color-cecondary;
20
+ position: relative;
21
+ &::before {
22
+ content: ' ';
23
+ position: absolute;
24
+ width: 6px;
25
+ left: -1px;
26
+ top: -1px;
27
+ bottom: -1px;
28
+ background-color: @--primary-color;
29
+ }
30
+ &__title {
31
+ margin-left: 5px;
32
+ }
33
+ &__extra {
34
+ .text-overflow-cut();
35
+ flex: 1;
36
+ margin-left: @--margin-md;
37
+ }
38
+ &__collapse {
39
+ margin-left: @--margin-md;
40
+ padding-left: 0;
41
+ padding-right: 0;
42
+ .anticon {
43
+ margin-left: 4px !important;
44
+ }
45
+ }
46
+ // ------ size ------
47
+ // 40 32 24
48
+ &--lg {
49
+ height: @--height-lg;
50
+ }
51
+ &--sm {
52
+ height: @--height-sm;
53
+ }
54
+ }
@@ -1,6 +1,9 @@
1
1
  /// <reference types="react" />
2
+ import type { FormRef } from './form';
3
+ import type { IDict } from '../../_utils/types';
2
4
  export declare type IFormContext = {
3
- $$form: any;
5
+ $$form: FormRef;
6
+ echo_data: Record<string, IDict[]>;
4
7
  };
5
8
  declare const FormContext: import("react").Context<IFormContext | undefined>;
6
9
  export default FormContext;
@@ -2,7 +2,7 @@
2
2
  import React, { Component } from 'react';
3
3
  import { IFieldData } from './types';
4
4
  import type { IFormProps, IFormData, IFormItem, IExtraData, IViewData, IExpandData } from './types';
5
- import type { JSXElement, ValueOf } from '../../_utils/types';
5
+ import type { JSXElement, ValueOf, IDict } from '../../_utils/types';
6
6
  import type { FormProps } from '../../antd';
7
7
  declare type IProps = FormProps & IFormProps;
8
8
  declare type IState = {
@@ -188,10 +188,12 @@ declare class QmForm extends Component<IProps, IState> {
188
188
  GET_FORM_DATA(): Promise<[any, any]>;
189
189
  VALIDATE_FIELDS(fields?: string[]): Promise<any[]>;
190
190
  SET_FIELDS_EXTRA(values: IExtraData): void;
191
+ SET_FIELDS_ECHO(values: Record<string, IDict[]>): void;
191
192
  GET_FIELDS_EXTRA(fields?: string[]): IExtraData;
192
193
  GET_FIELDS_TOUCHED(fields?: string[]): boolean;
193
194
  SUBMIT_FORM(): Promise<void>;
194
195
  RESET_FORM(): void;
196
+ CREATE_FOCUS(fieldName: string): void;
195
197
  SET_FORM_ITEM(fieldName: string, option: Record<string, any>, forceUpdate?: boolean): void;
196
198
  render(): JSX.Element;
197
199
  }
@@ -2,7 +2,7 @@
2
2
  * @Author: 焦质晔
3
3
  * @Date: 2021-07-23 19:05:57
4
4
  * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-11-26 21:27:53
5
+ * @Last Modified time: 2022-12-02 20:00:11
6
6
  */
7
7
  @import '../../style/common';
8
8
 
@@ -136,6 +136,11 @@
136
136
  &--sm {
137
137
  .ant-form-item {
138
138
  margin-bottom: @--margin-md;
139
+ .ant-form-item-label {
140
+ &-wrap {
141
+ line-height: 1;
142
+ }
143
+ }
139
144
  // valigator
140
145
  .ant-form-item-control {
141
146
  // 待优化