@lemon-fe/components 0.1.122 → 0.1.123

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,21 +1,19 @@
1
- @import '../theme.less';
2
-
3
1
  .@{prefixCls}-actions {
4
2
  &-popover {
5
- &.ant-popover {
3
+ &.@{ant-prefix}-popover {
6
4
  padding-top: 0;
7
5
  }
8
6
 
9
- .ant-popover-inner {
7
+ .@{ant-prefix}-popover-inner {
10
8
  padding: 8px 0;
11
9
  border-radius: 8px;
12
10
  }
13
11
 
14
- .ant-popover-inner-content {
12
+ .@{ant-prefix}-popover-inner-content {
15
13
  padding: 0;
16
14
  }
17
15
 
18
- .ant-popover-arrow {
16
+ .@{ant-prefix}-popover-arrow {
19
17
  display: none;
20
18
  }
21
19
 
@@ -47,7 +45,7 @@
47
45
  }
48
46
  }
49
47
 
50
- .ant-btn:not(.ant-btn-icon-only) {
48
+ .@{ant-prefix}-btn:not(.@{ant-prefix}-btn-icon-only) {
51
49
  min-width: 80px;
52
50
  padding: 4px 12px;
53
51
 
@@ -58,7 +56,7 @@
58
56
  }
59
57
  }
60
58
 
61
- .ant-btn-default {
59
+ .@{ant-prefix}-btn-default {
62
60
  .@{prefixCls}-symbol-icon {
63
61
  opacity: 0.7;
64
62
  }
@@ -1,17 +1,16 @@
1
- @tablePrefixCls: lemon-table;
2
1
  @font-size-base: 14px;
3
2
  @resize-indicator-color: #333;
4
3
 
5
- .@{tablePrefixCls} {
6
- .ant-table-cell-row-hover &-operator {
4
+ .@{prefixCls}-table {
5
+ .@{ant-prefix}-table-cell-row-hover &-operator {
7
6
  display: flex;
8
7
  }
9
8
 
10
- td .ant-input-number-input {
9
+ td .@{ant-prefix}-input-number-input {
11
10
  text-align: inherit;
12
11
  }
13
12
 
14
- td .ant-input-number-handler-wrap {
13
+ td .@{ant-prefix}-input-number-handler-wrap {
15
14
  display: none;
16
15
  }
17
16
 
@@ -113,11 +112,11 @@
113
112
  }
114
113
  }
115
114
 
116
- .ant-table-row-selected &-operator::before {
115
+ .@{ant-prefix}-table-row-selected &-operator::before {
117
116
  box-shadow: inset -16px 0 8px -8px var(--ant-primary-1);
118
117
  }
119
118
 
120
- .ant-table-row-selected:hover &-operator::before {
119
+ .@{ant-prefix}-table-row-selected:hover &-operator::before {
121
120
  box-shadow: inset -16px 0 8px -8px var(--ant-primary-color-2);
122
121
  }
123
122
 
@@ -136,7 +135,7 @@
136
135
  cursor: col-resize;
137
136
  }
138
137
 
139
- .ant-table-bordered &-resizable-handle {
138
+ .@{ant-prefix}-table-bordered &-resizable-handle {
140
139
  right: -6px;
141
140
  background-color: transparent;
142
141
  }
@@ -1,11 +1,9 @@
1
- @import '../theme.less';
2
-
3
1
  .@{prefixCls}-duration {
4
2
  display: flex;
5
3
  width: 100%;
6
4
  height: @height-base;
7
5
 
8
- .ant-dropdown-trigger {
6
+ .@{ant-prefix}-dropdown-trigger {
9
7
  display: flex;
10
8
  align-items: center;
11
9
  justify-content: space-between;
@@ -16,20 +14,20 @@
16
14
  text-align: center;
17
15
  cursor: pointer;
18
16
 
19
- & > .anticon {
17
+ & > .@{ant-prefix}icon {
20
18
  margin-left: 8px;
21
19
  font-size: 16px;
22
20
  }
23
21
  }
24
22
 
25
- &-type.ant-dropdown-trigger {
23
+ &-type.@{ant-prefix}-dropdown-trigger {
26
24
  flex: 0 0 auto;
27
25
  margin-right: 8px;
28
26
  border: 1px solid @select-border-color;
29
27
  border-radius: @border-radius-base;
30
28
  }
31
29
 
32
- &-option.ant-dropdown-trigger {
30
+ &-option.@{ant-prefix}-dropdown-trigger {
33
31
  position: relative;
34
32
  flex: 0 0 110px;
35
33
 
@@ -53,7 +51,7 @@
53
51
  border: 1px solid @select-border-color;
54
52
  border-radius: @border-radius-base;
55
53
 
56
- .ant-picker {
54
+ .@{ant-prefix}-picker {
57
55
  flex: 1;
58
56
  border: none;
59
57
  outline: none;
@@ -6,7 +6,7 @@
6
6
  height: 32px;
7
7
  padding: 0;
8
8
 
9
- & > .ant-select {
9
+ & > .@{ant-prefix}-select {
10
10
  flex: 1;
11
11
  }
12
12
 
@@ -15,7 +15,7 @@
15
15
  cursor: pointer;
16
16
  }
17
17
 
18
- .ant-table-cell-row-hover &:not(.ant-input) {
18
+ .@{ant-prefix}-table-cell-row-hover &:not(.@{ant-prefix}-input) {
19
19
  background-color: #fff;
20
20
  border: 1px solid #c0c0c0;
21
21
  border-radius: 4px;
@@ -51,7 +51,7 @@
51
51
  &-popover {
52
52
  .popover(220px);
53
53
 
54
- .ant-popover-inner {
54
+ .@{ant-prefix}-popover-inner {
55
55
  padding: 16px 0;
56
56
  }
57
57
  }
@@ -1,13 +1,13 @@
1
1
  .@{prefixCls}-form-horzontal {
2
- .ant-form-item:last-child {
2
+ .@{ant-prefix}-form-item:last-child {
3
3
  margin-bottom: 0;
4
4
  }
5
5
 
6
- .ant-form-item-label > label.ant-form-item-no-colon::after {
6
+ .@{ant-prefix}-form-item-label > label.@{ant-prefix}-form-item-no-colon::after {
7
7
  margin: 0 16px 0 0;
8
8
  }
9
9
 
10
- .ant-form-item-required::before {
10
+ .@{ant-prefix}-form-item-required::before {
11
11
  position: absolute;
12
12
  left: -11px;
13
13
  }
@@ -1,25 +1,25 @@
1
1
  .@{prefixCls}-form-inline {
2
2
  max-width: 1337px;
3
3
 
4
- .ant-form-item {
4
+ .@{ant-prefix}-form-item {
5
5
  margin-bottom: 0;
6
6
 
7
- & > .ant-form-item-label > label {
7
+ & > .@{ant-prefix}-form-item-label > label {
8
8
  line-height: 14px;
9
9
  white-space: normal;
10
10
  vertical-align: top;
11
11
  }
12
12
 
13
- & > .ant-form-item-control {
13
+ & > .@{ant-prefix}-form-item-control {
14
14
  flex-basis: 0;
15
15
  }
16
16
  }
17
17
 
18
- .ant-form-item-no-colon {
18
+ .@{ant-prefix}-form-item-no-colon {
19
19
  font-size: 12px;
20
20
  }
21
21
 
22
- .ant-form-item-required::before {
22
+ .@{ant-prefix}-form-item-required::before {
23
23
  position: absolute;
24
24
  left: -11px;
25
25
  }
@@ -1,5 +1,3 @@
1
- @import '../theme.less';
2
-
3
1
  @spaceX: 16px;
4
2
  @spaceY: 8px;
5
3
  @minWidth: 350px;
@@ -29,7 +27,7 @@
29
27
  min-width: @minWidth - @spaceX;
30
28
  max-width: 4 * @maxWidth - @spaceX;
31
29
 
32
- .ant-form-item {
30
+ .@{ant-prefix}-form-item {
33
31
  flex-wrap: nowrap;
34
32
  margin-bottom: @spaceY;
35
33
 
@@ -60,7 +58,7 @@
60
58
  .wrapper();
61
59
  .row();
62
60
 
63
- & > .ant-form-item {
61
+ & > .@{ant-prefix}-form-item {
64
62
  .col();
65
63
  }
66
64
  }
@@ -68,7 +66,7 @@
68
66
  &-column {
69
67
  .wrapper();
70
68
 
71
- & > .ant-form-item {
69
+ & > .@{ant-prefix}-form-item {
72
70
  .col(8);
73
71
  }
74
72
  }
@@ -79,7 +77,7 @@
79
77
  }
80
78
  }
81
79
 
82
- &-layout-flex > div > .ant-form-item,
80
+ &-layout-flex > div > .@{ant-prefix}-form-item,
83
81
  &-layout-flex &-col {
84
82
  width: 100%;
85
83
  min-width: 0;
@@ -105,7 +103,7 @@
105
103
  }
106
104
 
107
105
  @media (max-width: 575px) {
108
- .@{prefixCls}-form-layout .ant-form-item {
106
+ .@{prefixCls}-form-layout .@{ant-prefix}-form-item {
109
107
  flex-wrap: wrap;
110
108
  }
111
109
  }
@@ -1,10 +1,10 @@
1
1
  .@{prefixCls}-form-table {
2
2
  td {
3
- .ant-form-item {
3
+ .@{ant-prefix}-form-item {
4
4
  margin-bottom: 0;
5
5
  }
6
6
 
7
- .ant-form-item-explain {
7
+ .@{ant-prefix}-form-item-explain {
8
8
  display: none;
9
9
  }
10
10
  }
@@ -1,7 +1,7 @@
1
1
  :global {
2
- .input-max-length.ant-input-affix-wrapper {
2
+ .input-max-length.@{ant-prefix}-input-affix-wrapper {
3
3
  width: 320px;
4
- .ant-input:not(:last-child) {
4
+ .@{ant-prefix}-input:not(:last-child) {
5
5
  padding-right: 20px;
6
6
  }
7
7
  }
@@ -1,5 +1,3 @@
1
- @import '../theme.less';
2
-
3
1
  .@{prefixCls}-page-loading {
4
2
  display: flex;
5
3
  flex-direction: column;
@@ -1,5 +1,3 @@
1
- @import '../theme.less';
2
-
3
1
  .@{prefixCls}-popup {
4
2
  cursor: pointer;
5
3
 
@@ -1,5 +1,3 @@
1
- @import '../theme.less';
2
-
3
1
  .@{prefixCls}-section {
4
2
  position: relative;
5
3
  width: 100%;
@@ -50,7 +48,7 @@
50
48
  border-radius: 6px 6px 0 0;
51
49
  }
52
50
 
53
- &.ant-tabs-tabpane {
51
+ &.@{ant-prefix}-tabs-tabpane {
54
52
  border-top-left-radius: 0;
55
53
  }
56
54
  }
@@ -59,20 +57,20 @@
59
57
  padding: 10px 0;
60
58
  }
61
59
 
62
- & > .ant-tabs {
60
+ & > .@{ant-prefix}-tabs {
63
61
  flex: 1;
64
62
 
65
- & > .ant-tabs-content-holder {
63
+ & > .@{ant-prefix}-tabs-content-holder {
66
64
  flex: 1;
67
65
 
68
- & > .ant-tabs-content {
66
+ & > .@{ant-prefix}-tabs-content {
69
67
  height: 100%;
70
68
  }
71
69
  }
72
70
  }
73
71
 
74
- &-flex > .ant-tabs,
75
- &-table > .ant-tabs {
72
+ &-flex > .@{ant-prefix}-tabs,
73
+ &-table > .@{ant-prefix}-tabs {
76
74
  min-height: 0;
77
75
  }
78
76
 
@@ -1,29 +1,29 @@
1
1
  .@{prefixCls}-select-view {
2
2
  height: 100%;
3
3
 
4
- & > .ant-tabs {
4
+ & > .@{ant-prefix}-tabs {
5
5
  height: 100%;
6
6
 
7
- & > .ant-tabs-nav {
7
+ & > .@{ant-prefix}-tabs-nav {
8
8
  margin-bottom: 0;
9
9
 
10
- & > .ant-tabs-nav-wrap {
10
+ & > .@{ant-prefix}-tabs-nav-wrap {
11
11
  padding: 0 16px;
12
12
 
13
- .ant-tabs-tab {
13
+ .@{ant-prefix}-tabs-tab {
14
14
  padding: 13px 0;
15
15
  }
16
16
  }
17
17
  }
18
18
 
19
- & > .ant-tabs-content-holder {
19
+ & > .@{ant-prefix}-tabs-content-holder {
20
20
  flex: 1;
21
21
  min-height: 0;
22
22
 
23
- & > .ant-tabs-content {
23
+ & > .@{ant-prefix}-tabs-content {
24
24
  height: 100%;
25
25
 
26
- & > .ant-tabs-tabpane {
26
+ & > .@{ant-prefix}-tabs-tabpane {
27
27
  height: 100%;
28
28
  }
29
29
  }
@@ -11,15 +11,15 @@
11
11
  }
12
12
 
13
13
  &-menu-popover {
14
- .ant-popover-arrow {
14
+ .@{ant-prefix}-popover-arrow {
15
15
  display: none;
16
16
  }
17
17
 
18
- .ant-popover-inner {
18
+ .@{ant-prefix}-popover-inner {
19
19
  border-radius: 10px;
20
20
  }
21
21
 
22
- .ant-popover-inner-content {
22
+ .@{ant-prefix}-popover-inner-content {
23
23
  min-width: 140px;
24
24
  padding: 8px 0;
25
25
 
@@ -46,7 +46,7 @@
46
46
  &-tabs {
47
47
  .fullTabs();
48
48
 
49
- & > .ant-tabs-nav {
49
+ & > .@{ant-prefix}-tabs-nav {
50
50
  margin: 0 @space;
51
51
  }
52
52
  }
@@ -65,7 +65,7 @@
65
65
  margin-top: 12px;
66
66
  }
67
67
 
68
- &-header + .ant-tabs {
68
+ &-header + .@{ant-prefix}-tabs {
69
69
  margin-top: 8px;
70
70
  }
71
71
 
@@ -1,5 +1,3 @@
1
- @import '../theme.less';
2
-
3
1
  .@{prefixCls}-tip-mark-questionIcon {
4
2
  margin-left: 4px;
5
3
  color: rgb(192, 196, 204);
package/es/index.less CHANGED
@@ -7,7 +7,6 @@
7
7
  @import './Section/index.less';
8
8
  @import './BaseTable/index.less';
9
9
  @import './Filter/index.less';
10
- @import './Table/index.less';
11
10
  @import './DurationPicker/index.less';
12
11
  @import './InputMaxLength/index.less';
13
12
  @import './TipMark/index.less';
package/es/overrides.less CHANGED
@@ -25,7 +25,7 @@ a[title='站长统计'] {
25
25
  @table-border-radius-base: 4px;
26
26
  @table-row-hover-bg: #eee;
27
27
 
28
- .ant-table-thead > tr > th {
28
+ .@{ant-prefix}-table-thead > tr > th {
29
29
  border-bottom: none;
30
30
 
31
31
  &::before {
@@ -33,29 +33,29 @@ a[title='站长统计'] {
33
33
  }
34
34
  }
35
35
 
36
- .ant-table-body {
36
+ .@{ant-prefix}-table-body {
37
37
  .scrollBar(8px);
38
38
  }
39
39
 
40
- .ant-table-tbody > tr.ant-table-row-selected > td {
40
+ .@{ant-prefix}-table-tbody > tr.@{ant-prefix}-table-row-selected > td {
41
41
  border-color: @table-border-color;
42
42
  }
43
43
 
44
- .ant-table-cell {
45
- .ant-checkbox-checked .ant-checkbox-inner::after {
44
+ .@{ant-prefix}-table-cell {
45
+ .@{ant-prefix}-checkbox-checked .@{ant-prefix}-checkbox-inner::after {
46
46
  transition: none !important;
47
47
  }
48
48
 
49
- .ant-checkbox-inner {
49
+ .@{ant-prefix}-checkbox-inner {
50
50
  transition: none !important;
51
51
  }
52
52
 
53
- .ant-checkbox-checked::after {
53
+ .@{ant-prefix}-checkbox-checked::after {
54
54
  animation: none !important;
55
55
  }
56
56
  }
57
57
 
58
- .ant-table-pagination.ant-pagination {
58
+ .@{ant-prefix}-table-pagination.@{ant-prefix}-pagination {
59
59
  margin-bottom: 0;
60
60
  }
61
61
 
@@ -65,20 +65,20 @@ a[title='站长统计'] {
65
65
 
66
66
  /** modal */
67
67
 
68
- .ant-modal-content {
68
+ .@{ant-prefix}-modal-content {
69
69
  border-radius: 8px;
70
70
  }
71
71
 
72
- .ant-modal-header {
72
+ .@{ant-prefix}-modal-header {
73
73
  border-radius: 8px 8px 0 0;
74
74
  }
75
75
 
76
- .ant-modal-confirm {
77
- .ant-modal-body {
76
+ .@{ant-prefix}-modal-confirm {
77
+ .@{ant-prefix}-modal-body {
78
78
  padding: 0;
79
79
  }
80
80
 
81
- .ant-modal-confirm-body {
81
+ .@{ant-prefix}-modal-confirm-body {
82
82
  padding: 40px 48px;
83
83
  overflow: hidden;
84
84
 
@@ -89,7 +89,7 @@ a[title='站长统计'] {
89
89
  }
90
90
  }
91
91
 
92
- .ant-modal-confirm-btns {
92
+ .@{ant-prefix}-modal-confirm-btns {
93
93
  float: none;
94
94
  margin-top: 0;
95
95
  padding: 10px 16px;
@@ -98,19 +98,19 @@ a[title='站长统计'] {
98
98
  border-top: 1px solid rgba(0, 0, 0, 0.06);
99
99
  border-radius: 0 0 2px 2px;
100
100
 
101
- & > .ant-btn {
101
+ & > .@{ant-prefix}-btn {
102
102
  min-width: 72px;
103
103
  }
104
104
  }
105
105
 
106
- .ant-modal-confirm-title {
106
+ .@{ant-prefix}-modal-confirm-title {
107
107
  float: none;
108
108
  margin-left: 56px;
109
109
  font-weight: 600;
110
110
  line-height: 24px;
111
111
  }
112
112
 
113
- .ant-modal-confirm-content {
113
+ .@{ant-prefix}-modal-confirm-content {
114
114
  float: none;
115
115
  margin: 2px 0 0 56px;
116
116
  color: rgba(51, 51, 51, 0.5);
@@ -120,15 +120,15 @@ a[title='站长统计'] {
120
120
 
121
121
  /** pagination */
122
122
 
123
- .ant-pagination {
123
+ .@{ant-prefix}-pagination {
124
124
  color: #666;
125
125
 
126
- .ant-select {
126
+ .@{ant-prefix}-select {
127
127
  color: #666;
128
128
  }
129
129
  }
130
130
 
131
- .ant-pagination-item {
131
+ .@{ant-prefix}-pagination-item {
132
132
  font-size: 12px;
133
133
 
134
134
  a {
@@ -136,7 +136,7 @@ a[title='站长统计'] {
136
136
  }
137
137
  }
138
138
 
139
- .ant-pagination-item-active {
139
+ .@{ant-prefix}-pagination-item-active {
140
140
  background: @primary-color;
141
141
 
142
142
  a {
@@ -148,18 +148,18 @@ a[title='站长统计'] {
148
148
  }
149
149
  }
150
150
 
151
- .ant-pagination-options .ant-select.ant-select-in-form-item {
151
+ .@{ant-prefix}-pagination-options .@{ant-prefix}-select.@{ant-prefix}-select-in-form-item {
152
152
  width: auto;
153
153
  }
154
154
 
155
155
  /** select */
156
156
 
157
- .ant-select-arrow {
157
+ .@{ant-prefix}-select-arrow {
158
158
  color: rgba(51, 51, 51, 0.7);
159
159
  font-size: 16px;
160
160
  }
161
161
 
162
- .ant-select-sm .ant-select-arrow {
162
+ .@{ant-prefix}-select-sm .@{ant-prefix}-select-arrow {
163
163
  font-size: 14px;
164
164
  }
165
165
 
@@ -168,8 +168,8 @@ a[title='站长统计'] {
168
168
  @input-icon-color: rgba(51, 51, 51, 0.7);
169
169
 
170
170
  /** picker */
171
- .ant-picker {
172
- .ant-picker-clear {
171
+ .@{ant-prefix}-picker {
172
+ .@{ant-prefix}-picker-clear {
173
173
  box-sizing: border-box;
174
174
  width: 16px;
175
175
  height: 16px;
package/es/utils.less CHANGED
@@ -23,15 +23,15 @@
23
23
  .popover(@width: 120px) {
24
24
  padding-top: 0 !important;
25
25
 
26
- .ant-popover-arrow {
26
+ .@{ant-prefix}-popover-arrow {
27
27
  display: none;
28
28
  }
29
29
 
30
- .ant-popover-inner {
30
+ .@{ant-prefix}-popover-inner {
31
31
  .popoverInner(@width);
32
32
  }
33
33
 
34
- .ant-popover-inner-content {
34
+ .@{ant-prefix}-popover-inner-content {
35
35
  padding: 0;
36
36
  }
37
37
  }
@@ -61,29 +61,29 @@
61
61
  .fullTabs() {
62
62
  height: 100%;
63
63
 
64
- & > .ant-tabs-nav {
64
+ & > .@{ant-prefix}-tabs-nav {
65
65
  margin-bottom: 12px;
66
66
 
67
- .ant-tabs-tab {
67
+ .@{ant-prefix}-tabs-tab {
68
68
  padding: 8px 12px;
69
69
 
70
- &.ant-tabs-tab-active .ant-tabs-tab-btn {
70
+ &.@{ant-prefix}-tabs-tab-active .@{ant-prefix}-tabs-tab-btn {
71
71
  text-shadow: unset;
72
72
  }
73
73
  }
74
74
 
75
- .ant-tabs-tab + .ant-tabs-tab {
75
+ .@{ant-prefix}-tabs-tab + .@{ant-prefix}-tabs-tab {
76
76
  margin-left: 24px;
77
77
  }
78
78
  }
79
79
 
80
- & > .ant-tabs-content-holder {
80
+ & > .@{ant-prefix}-tabs-content-holder {
81
81
  flex: 1;
82
82
 
83
- & > .ant-tabs-content {
83
+ & > .@{ant-prefix}-tabs-content {
84
84
  height: 100%;
85
85
 
86
- & > .ant-tabs-tabpane {
86
+ & > .@{ant-prefix}-tabs-tabpane {
87
87
  height: 100%;
88
88
  }
89
89
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lemon-fe/components",
3
- "version": "0.1.122",
3
+ "version": "0.1.123",
4
4
  "description": "> TODO: description",
5
5
  "author": "鲁盛杰 <lusj@cnlemon.net>",
6
6
  "homepage": "",
@@ -39,5 +39,5 @@
39
39
  "react": "^17.0.2",
40
40
  "react-dom": "^17.0.2"
41
41
  },
42
- "gitHead": "c06d24110423eabd6a1c08e69b5bebcb339e709c"
42
+ "gitHead": "610b264721af7c351cbc1b825920c969d2b74900"
43
43
  }
@@ -1 +0,0 @@
1
- @import '../theme.less';