@jiaozhiye/qm-design-react 1.11.23 → 1.11.25

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.
@@ -1,104 +1,105 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-02-28 22:13:54
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2024-12-01 18:48:00
6
- */
7
- .body--row {
8
- &-draggable {
9
- position: relative;
10
- .drop-indicator {
11
- position: absolute;
12
- right: 0;
13
- bottom: 0;
14
- z-index: 5;
15
- height: 2px;
16
- background-color: @v-primary-color;
17
- border-radius: 1px;
18
- pointer-events: none;
19
- &::after {
20
- position: absolute;
21
- top: -3px;
22
- left: 0;
23
- width: 8px;
24
- height: 8px;
25
- background-color: #fff;
26
- border: 2px solid @v-primary-color;
27
- border-radius: 50%;
28
- content: '';
29
- }
30
- }
31
- }
32
- }
33
- .body--column {
34
- .cell--edit {
35
- margin: 0 -1 * (@v-module-distance - 1px);
36
- // placeholder
37
- input::placeholder {
38
- text-align: left;
39
- }
40
- // search
41
- .ant-input-search {
42
- width: calc(100% + 1px);
43
- & > .ant-input-group > .ant-input-group-addon {
44
- line-height: 1;
45
- }
46
- }
47
- // search-helper-multiple
48
- .search-helper-multiple {
49
- .ant-input-group > .ant-select:first-child {
50
- z-index: 1;
51
- .ant-select-selector {
52
- border-top-right-radius: 0;
53
- border-bottom-right-radius: 0;
54
- }
55
- }
56
- .ant-select-multiple {
57
- .ant-select-selection-overflow-item-rest {
58
- pointer-events: none;
59
- }
60
- }
61
- }
62
- // textArea
63
- textarea[class='ant-input'] {
64
- resize: none;
65
- }
66
- &.is-error {
67
- position: relative;
68
- .ant-input,
69
- .ant-input-affix-wrapper,
70
- .ant-select > .ant-select-selector {
71
- border-color: @v-danger-color;
72
- box-shadow: none;
73
- z-index: 1;
74
- }
75
- .ant-input-search {
76
- & + .cell-error {
77
- right: 38px;
78
- }
79
- }
80
- .cell-error {
81
- position: absolute;
82
- top: calc(50% - 9px);
83
- font-size: @v-font-size-small;
84
- color: @v-danger-color;
85
- right: 8px;
86
- pointer-events: none;
87
- z-index: 1;
88
- }
89
- }
90
- }
91
- &.col--center {
92
- .cell--edit .ant-input {
93
- text-align: center;
94
- }
95
- }
96
- &.col--right {
97
- .cell--edit .ant-input {
98
- text-align: right;
99
- }
100
- }
101
- &.selected {
102
- background-color: @v-table-row-selected-background-color !important;
103
- }
104
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2020-02-28 22:13:54
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2024-12-01 18:48:00
6
+ */
7
+ .body--row {
8
+ position: sticky; // 解决列固定时,快读滚动非固定列上下留白卡顿问题
9
+ &-draggable {
10
+ position: relative;
11
+ .drop-indicator {
12
+ position: absolute;
13
+ right: 0;
14
+ bottom: 0;
15
+ z-index: 5;
16
+ height: 2px;
17
+ background-color: @v-primary-color;
18
+ border-radius: 1px;
19
+ pointer-events: none;
20
+ &::after {
21
+ position: absolute;
22
+ top: -3px;
23
+ left: 0;
24
+ width: 8px;
25
+ height: 8px;
26
+ background-color: #fff;
27
+ border: 2px solid @v-primary-color;
28
+ border-radius: 50%;
29
+ content: '';
30
+ }
31
+ }
32
+ }
33
+ }
34
+ .body--column {
35
+ .cell--edit {
36
+ margin: 0 -1 * (@v-module-distance - 1px);
37
+ // placeholder
38
+ input::placeholder {
39
+ text-align: left;
40
+ }
41
+ // search
42
+ .ant-input-search {
43
+ width: calc(100% + 1px);
44
+ & > .ant-input-group > .ant-input-group-addon {
45
+ line-height: 1;
46
+ }
47
+ }
48
+ // search-helper-multiple
49
+ .search-helper-multiple {
50
+ .ant-input-group > .ant-select:first-child {
51
+ z-index: 1;
52
+ .ant-select-selector {
53
+ border-top-right-radius: 0;
54
+ border-bottom-right-radius: 0;
55
+ }
56
+ }
57
+ .ant-select-multiple {
58
+ .ant-select-selection-overflow-item-rest {
59
+ pointer-events: none;
60
+ }
61
+ }
62
+ }
63
+ // textArea
64
+ textarea[class='ant-input'] {
65
+ resize: none;
66
+ }
67
+ &.is-error {
68
+ position: relative;
69
+ .ant-input,
70
+ .ant-input-affix-wrapper,
71
+ .ant-select > .ant-select-selector {
72
+ border-color: @v-danger-color;
73
+ box-shadow: none;
74
+ z-index: 1;
75
+ }
76
+ .ant-input-search {
77
+ & + .cell-error {
78
+ right: 38px;
79
+ }
80
+ }
81
+ .cell-error {
82
+ position: absolute;
83
+ top: calc(50% - 9px);
84
+ font-size: @v-font-size-small;
85
+ color: @v-danger-color;
86
+ right: 8px;
87
+ pointer-events: none;
88
+ z-index: 1;
89
+ }
90
+ }
91
+ }
92
+ &.col--center {
93
+ .cell--edit .ant-input {
94
+ text-align: center;
95
+ }
96
+ }
97
+ &.col--right {
98
+ .cell--edit .ant-input {
99
+ text-align: right;
100
+ }
101
+ }
102
+ &.selected {
103
+ background-color: @v-table-row-selected-background-color !important;
104
+ }
105
+ }
@@ -1,150 +1,150 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2022-03-16 19:05:30
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-11-26 21:11:04
6
- */
7
- .@{prefix-table}-fast-search {
8
- display: inline-block;
9
- padding: 5px 3px;
10
- line-height: 1;
11
- cursor: pointer;
12
- transition: all 0.3s ease;
13
- .icon {
14
- font-size: 1.05em;
15
- }
16
- &:hover {
17
- color: @v-primary-color;
18
- }
19
- }
20
-
21
- .@{prefix-table}-fast-search__setting {
22
- height: 100%;
23
- .main {
24
- display: flex;
25
- flex-direction: row;
26
- height: 100%;
27
- .container {
28
- flex: 1;
29
- min-width: 0;
30
- display: flex;
31
- flex-direction: column;
32
- .search-box {
33
- display: flex;
34
- align-items: center;
35
- .label {
36
- width: 100px;
37
- }
38
- }
39
- .condition {
40
- margin-top: @v-module-distance;
41
- margin-bottom: @v-module-distance;
42
- }
43
- .all-list {
44
- flex: 1 0;
45
- min-height: 0;
46
- overflow-y: auto;
47
- .rtable {
48
- width: 100%;
49
- border: 1px solid @v-table-border-color;
50
- thead {
51
- position: sticky;
52
- top: 0;
53
- th {
54
- background-color: @v-table-header-background-color;
55
- height: 30px;
56
- text-align: center;
57
- }
58
- }
59
- tbody {
60
- tr {
61
- &.active {
62
- td {
63
- background-color: @--primary-1;
64
- color: @v-primary-color;
65
- }
66
- }
67
- &:hover {
68
- td {
69
- text-decoration: underline;
70
- }
71
- }
72
- td {
73
- height: 30px;
74
- text-align: center;
75
- border-top: 1px solid @v-table-border-color;
76
- cursor: pointer;
77
- .text-overflow-cut();
78
- max-width: 0;
79
- }
80
- }
81
- }
82
- }
83
- }
84
- }
85
- .saved {
86
- width: 240px;
87
- .form-wrap {
88
- display: flex;
89
- }
90
- .card-wrap {
91
- margin-top: @v-module-distance;
92
- border: 1px solid @v-table-border-color;
93
- > h5 {
94
- display: flex;
95
- align-items: center;
96
- font-size: inherit;
97
- font-weight: normal;
98
- margin-bottom: 0;
99
- padding: 0 @v-module-distance;
100
- border-bottom: 1px solid @v-table-border-color;
101
- background-color: @v-table-header-background-color;
102
- }
103
- > ul {
104
- margin-bottom: 0;
105
- li {
106
- display: flex;
107
- align-items: center;
108
- position: relative;
109
- padding: 6px @v-module-distance;
110
- border-bottom: 1px solid @v-table-border-color;
111
- cursor: pointer;
112
- transition: all 0.3s ease;
113
- &:last-of-type {
114
- border-bottom: 0;
115
- }
116
- &:hover {
117
- background-color: @v-table-row-hover-background-color;
118
- .close {
119
- visibility: visible;
120
- }
121
- }
122
- &.selected {
123
- background-color: @v-table-row-selected-background-color;
124
- }
125
- .title {
126
- i {
127
- margin-right: 5px;
128
- }
129
- }
130
- .close {
131
- position: absolute;
132
- right: @v-module-distance;
133
- visibility: hidden;
134
- }
135
- }
136
- }
137
- }
138
- }
139
- .line {
140
- border-left: 1px dashed @--border-color-base;
141
- padding-left: @v-module-distance;
142
- margin-left: @v-module-distance;
143
- }
144
- }
145
- .bottom-bar {
146
- display: flex;
147
- justify-content: space-between;
148
- align-items: center;
149
- }
150
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2022-03-16 19:05:30
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2022-11-26 21:11:04
6
+ */
7
+ .@{prefix-table}-fast-search {
8
+ display: inline-block;
9
+ padding: 5px 3px;
10
+ line-height: 1;
11
+ cursor: pointer;
12
+ transition: all 0.3s ease;
13
+ .icon {
14
+ font-size: 1.05em;
15
+ }
16
+ &:hover {
17
+ color: @v-primary-color;
18
+ }
19
+ }
20
+
21
+ .@{prefix-table}-fast-search__setting {
22
+ height: 100%;
23
+ .main {
24
+ display: flex;
25
+ flex-direction: row;
26
+ height: 100%;
27
+ .container {
28
+ flex: 1;
29
+ min-width: 0;
30
+ display: flex;
31
+ flex-direction: column;
32
+ .search-box {
33
+ display: flex;
34
+ align-items: center;
35
+ .label {
36
+ width: 100px;
37
+ }
38
+ }
39
+ .condition {
40
+ margin-top: @v-module-distance;
41
+ margin-bottom: @v-module-distance;
42
+ }
43
+ .all-list {
44
+ flex: 1 0;
45
+ min-height: 0;
46
+ overflow-y: auto;
47
+ .rtable {
48
+ width: 100%;
49
+ border: 1px solid @v-table-border-color;
50
+ thead {
51
+ position: sticky;
52
+ top: 0;
53
+ th {
54
+ background-color: @v-table-header-background-color;
55
+ height: 30px;
56
+ text-align: center;
57
+ }
58
+ }
59
+ tbody {
60
+ tr {
61
+ &.active {
62
+ td {
63
+ background-color: @--primary-1;
64
+ color: @v-primary-color;
65
+ }
66
+ }
67
+ &:hover {
68
+ td {
69
+ text-decoration: underline;
70
+ }
71
+ }
72
+ td {
73
+ height: 30px;
74
+ text-align: center;
75
+ border-top: 1px solid @v-table-border-color;
76
+ cursor: pointer;
77
+ .text-overflow-cut();
78
+ max-width: 0;
79
+ }
80
+ }
81
+ }
82
+ }
83
+ }
84
+ }
85
+ .saved {
86
+ width: 240px;
87
+ .form-wrap {
88
+ display: flex;
89
+ }
90
+ .card-wrap {
91
+ margin-top: @v-module-distance;
92
+ border: 1px solid @v-table-border-color;
93
+ > h5 {
94
+ display: flex;
95
+ align-items: center;
96
+ font-size: inherit;
97
+ font-weight: normal;
98
+ margin-bottom: 0;
99
+ padding: 0 @v-module-distance;
100
+ border-bottom: 1px solid @v-table-border-color;
101
+ background-color: @v-table-header-background-color;
102
+ }
103
+ > ul {
104
+ margin-bottom: 0;
105
+ li {
106
+ display: flex;
107
+ align-items: center;
108
+ position: relative;
109
+ padding: 6px @v-module-distance;
110
+ border-bottom: 1px solid @v-table-border-color;
111
+ cursor: pointer;
112
+ transition: all 0.3s ease;
113
+ &:last-of-type {
114
+ border-bottom: 0;
115
+ }
116
+ &:hover {
117
+ background-color: @v-table-row-hover-background-color;
118
+ .close {
119
+ visibility: visible;
120
+ }
121
+ }
122
+ &.selected {
123
+ background-color: @v-table-row-selected-background-color;
124
+ }
125
+ .title {
126
+ i {
127
+ margin-right: 5px;
128
+ }
129
+ }
130
+ .close {
131
+ position: absolute;
132
+ right: @v-module-distance;
133
+ visibility: hidden;
134
+ }
135
+ }
136
+ }
137
+ }
138
+ }
139
+ .line {
140
+ border-left: 1px dashed @--border-color-base;
141
+ padding-left: @v-module-distance;
142
+ margin-left: @v-module-distance;
143
+ }
144
+ }
145
+ .bottom-bar {
146
+ display: flex;
147
+ justify-content: space-between;
148
+ align-items: center;
149
+ }
150
+ }
@@ -1,51 +1,51 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2020-02-28 21:58:58
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2021-09-04 16:24:06
6
- */
7
- @prefix-table: ~'@{qm-prefix}-table';
8
-
9
- /* font-size */
10
- @v-font-size: @--font-size-base;
11
- @v-font-size-large: @--font-size-base;
12
- @v-font-size-small: @--font-size-sm;
13
-
14
- @v-font-color: @--text-color;
15
- @v-font-color-secondary: @--text-color-secondary;
16
- @v-font-color-placeholder: @--text-color-placeholder;
17
- @v-font-disabled-color: @--disabled-color;
18
-
19
- /* primary color */
20
- @v-primary-color: @--primary-color;
21
- @v-danger-color: @--error-color;
22
-
23
- // module distance
24
- @v-module-distance: @--padding-md;
25
-
26
- /* border radius */
27
- @v-border-radius: @--border-radius-base;
28
-
29
- /* icon */
30
- @v-icon-color: #bfbfbf;
31
-
32
- /* table color */
33
- @v-table-header-background-color: #fafafa;
34
- @v-table-border-color: #e8e8e8;
35
- @v-table-resizable-color: #d9d9d9;
36
- @v-table-background-color: #ffffff;
37
- @v-table-footer-background-color: #fafafa;
38
- @v-table-column-sort-hover-color: #f2f2f2;
39
- @v-table-column-sorted-color: #f5f5f5;
40
- @v-table-column-filter-hover-color: #e5e5e5;
41
-
42
- /* table row */
43
- @v-table-row-height: 34px;
44
- @v-table-row-height-large: 42px;
45
- @v-table-row-height-small: 26px;
46
- @v-table-row-line-height: 24px;
47
- @v-table-row-hover-background-color: #f5f5f5;
48
- @v-table-row-selected-background-color: @--primary-2;
49
- @v-table-row-current-background-color: @--primary-4;
50
- @v-table-row-expanded-background-color: #fafafa;
51
- @v-table-row-active-color: rgba(250, 173, 20, 0.3);
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2020-02-28 21:58:58
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2021-09-04 16:24:06
6
+ */
7
+ @prefix-table: ~'@{qm-prefix}-table';
8
+
9
+ /* font-size */
10
+ @v-font-size: @--font-size-base;
11
+ @v-font-size-large: @--font-size-base;
12
+ @v-font-size-small: @--font-size-sm;
13
+
14
+ @v-font-color: @--text-color;
15
+ @v-font-color-secondary: @--text-color-secondary;
16
+ @v-font-color-placeholder: @--text-color-placeholder;
17
+ @v-font-disabled-color: @--disabled-color;
18
+
19
+ /* primary color */
20
+ @v-primary-color: @--primary-color;
21
+ @v-danger-color: @--error-color;
22
+
23
+ // module distance
24
+ @v-module-distance: @--padding-md;
25
+
26
+ /* border radius */
27
+ @v-border-radius: @--border-radius-base;
28
+
29
+ /* icon */
30
+ @v-icon-color: #bfbfbf;
31
+
32
+ /* table color */
33
+ @v-table-header-background-color: #fafafa;
34
+ @v-table-border-color: #e8e8e8;
35
+ @v-table-resizable-color: #d9d9d9;
36
+ @v-table-background-color: #ffffff;
37
+ @v-table-footer-background-color: #fafafa;
38
+ @v-table-column-sort-hover-color: #f2f2f2;
39
+ @v-table-column-sorted-color: #f5f5f5;
40
+ @v-table-column-filter-hover-color: #e5e5e5;
41
+
42
+ /* table row */
43
+ @v-table-row-height: 34px;
44
+ @v-table-row-height-large: 42px;
45
+ @v-table-row-height-small: 26px;
46
+ @v-table-row-line-height: 24px;
47
+ @v-table-row-hover-background-color: #f5f5f5;
48
+ @v-table-row-selected-background-color: @--primary-2;
49
+ @v-table-row-current-background-color: @--primary-4;
50
+ @v-table-row-expanded-background-color: #fafafa;
51
+ @v-table-row-active-color: rgba(250, 173, 20, 0.3);
@@ -10,6 +10,7 @@ type IProps = {
10
10
  headers?: IFetchHeader;
11
11
  withCredentials?: boolean;
12
12
  dataKey?: string;
13
+ customHandler?: (blobInfo: any) => Promise<string>;
13
14
  };
14
15
  thresholdSize?: number;
15
16
  tinymceScriptSrc?: string;
@@ -1,22 +1,22 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2024-12-02 09:06:20
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2024-12-26 14:23:49
6
- */
7
- @import '../../style/common';
8
-
9
- @prefix-virtual-list: ~'@{qm-prefix}-virtual-list';
10
-
11
- .@{prefix-virtual-list} {
12
- .reset-container();
13
- .container {
14
- display: block;
15
- ul {
16
- will-change: transform;
17
- li.list-item {
18
- list-style: none;
19
- }
20
- }
21
- }
22
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2024-12-02 09:06:20
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2024-12-26 14:23:49
6
+ */
7
+ @import '../../style/common';
8
+
9
+ @prefix-virtual-list: ~'@{qm-prefix}-virtual-list';
10
+
11
+ .@{prefix-virtual-list} {
12
+ .reset-container();
13
+ .container {
14
+ display: block;
15
+ ul {
16
+ will-change: transform;
17
+ li.list-item {
18
+ list-style: none;
19
+ }
20
+ }
21
+ }
22
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jiaozhiye/qm-design-react",
3
- "version": "1.11.23",
3
+ "version": "1.11.25",
4
4
  "description": "A Component Library for React",
5
5
  "keywords": [
6
6
  "React",