@jetlinks-web/components 2.0.28 → 2.0.30

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.
Files changed (46) hide show
  1. package/es/CardSelect/CardSelect.js +10 -6
  2. package/es/CardSelect/style/index.less +26 -0
  3. package/es/FullPage/FullPage.js +1 -1
  4. package/es/Search/Advanced/SaveHistory.js +1 -1
  5. package/es/Search/Item.js +1 -1
  6. package/es/Search/Search.js +1 -1
  7. package/es/style/index.css +20 -0
  8. package/es/style/index.less +1 -0
  9. package/es/style.js +2 -1
  10. package/lib/CardSelect/CardSelect.js +10 -6
  11. package/lib/CardSelect/style/index.less +26 -0
  12. package/lib/FullPage/FullPage.js +1 -1
  13. package/lib/Search/Advanced/SaveHistory.js +1 -1
  14. package/lib/Search/Item.js +1 -1
  15. package/lib/Search/Search.js +1 -1
  16. package/lib/style/index.css +20 -0
  17. package/lib/style/index.less +1 -0
  18. package/lib/style.js +2 -1
  19. package/package.json +2 -2
  20. package/es/Ellipsis/style/index.css +0 -17
  21. package/es/Ellipsis/style/index.less +0 -20
  22. package/es/ProLayout/Basic/BasicLayout.less +0 -66
  23. package/es/ProLayout/Basic/Header.less +0 -8
  24. package/es/ProLayout/PageContainer/index.less +0 -103
  25. package/es/ProLayout/SiderMenu/index.less +0 -231
  26. package/es/ProLayout/TopHeader/index.less +0 -174
  27. package/es/ProLayout/style/default.less +0 -4
  28. package/es/ProLayout/style/style.less +0 -7
  29. package/es/ProTable/style/index.css +0 -69
  30. package/es/ProTable/style/index.less +0 -92
  31. package/es/Search/style/Item.less +0 -33
  32. package/es/Search/style/Search.less +0 -179
  33. package/lib/Ellipsis/style/index.css +0 -17
  34. package/lib/Ellipsis/style/index.less +0 -20
  35. package/lib/ProLayout/Basic/BasicLayout.less +0 -66
  36. package/lib/ProLayout/Basic/Header.less +0 -8
  37. package/lib/ProLayout/PageContainer/index.less +0 -103
  38. package/lib/ProLayout/SiderMenu/index.less +0 -231
  39. package/lib/ProLayout/TopHeader/index.less +0 -174
  40. package/lib/ProLayout/style/default.less +0 -4
  41. package/lib/ProLayout/style/style.less +0 -7
  42. package/lib/ProTable/style/index.css +0 -69
  43. package/lib/ProTable/style/index.less +0 -92
  44. package/lib/Search/style/Item.less +0 -33
  45. package/lib/Search/style/Search.less +0 -179
  46. package/lib/style/components.less +0 -3
@@ -1,174 +0,0 @@
1
- @import '../style/default.less';
2
-
3
- @top-nav-header-prefix-cls: ~'@{ant-prefix}-pro-top-nav-header';
4
- @pro-layout-global-header-prefix-cls: ~'@{ant-prefix}-pro-global-header';
5
-
6
- @pro-layout-header-bg: @component-background;
7
- @pro-layout-header-hover-bg: @component-background;
8
- @pro-layout-header-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
9
-
10
- .@{pro-layout-global-header-prefix-cls} {
11
- position: relative;
12
- display: flex;
13
- align-items: center;
14
- height: 100%;
15
- padding: 0 16px;
16
- background: @pro-layout-header-bg;
17
- box-shadow: @pro-layout-header-box-shadow;
18
- > * {
19
- height: 100%;
20
- }
21
-
22
- &-collapsed-button {
23
- display: flex;
24
- align-items: center;
25
- margin-left: 16px;
26
- font-size: 20px;
27
- }
28
-
29
- &-layout {
30
- &-mix {
31
- background-color: @layout-sider-background;
32
- .@{pro-layout-global-header-prefix-cls}-logo {
33
- h1 {
34
- color: @btn-primary-color;
35
- }
36
- }
37
- .anticon {
38
- color: @btn-primary-color;
39
- }
40
- }
41
- }
42
-
43
- &-logo {
44
- position: relative;
45
- overflow: hidden;
46
- a {
47
- display: flex;
48
- align-items: center;
49
- height: 100%;
50
- img {
51
- height: 28px;
52
- }
53
- h1 {
54
- height: 32px;
55
- margin: 0 0 0 8px;
56
- margin: 0 0 0 12px;
57
- color: @primary-color;
58
- font-weight: 600;
59
- font-size: 18px;
60
- line-height: 32px;
61
- }
62
- }
63
- }
64
-
65
- &-menu {
66
- .anticon {
67
- margin-right: 8px;
68
- }
69
- .@{ant-prefix}-dropdown-menu-item {
70
- min-width: 160px;
71
- }
72
- }
73
-
74
- .dark {
75
- height: @pro-layout-header-height;
76
- .action {
77
- color: rgba(255, 255, 255, 0.85);
78
- > i {
79
- color: rgba(255, 255, 255, 0.85);
80
- }
81
- &:hover,
82
- &.opened {
83
- background: @primary-color;
84
- }
85
- .@{ant-prefix}-badge {
86
- color: rgba(255, 255, 255, 0.85);
87
- }
88
- }
89
- }
90
- }
91
-
92
- .@{top-nav-header-prefix-cls} {
93
- position: relative;
94
- width: 100%;
95
- height: 100%;
96
- box-shadow: 0 1px 4px 0 rgba(0, 21, 41, 0.12);
97
- transition: background 0.3s, width 0.2s;
98
-
99
- .@{ant-prefix}-menu {
100
- background: transparent;
101
- }
102
-
103
- &.light {
104
- background-color: @component-background;
105
- .@{top-nav-header-prefix-cls}-logo {
106
- h1 {
107
- color: @heading-color;
108
- }
109
- }
110
- .anticon {
111
- color: inherit;
112
- }
113
- }
114
-
115
- &-main {
116
- display: flex;
117
- height: 100%;
118
- padding-left: 16px;
119
- &-left {
120
- display: flex;
121
- min-width: 192px;
122
- }
123
- }
124
-
125
- .anticon {
126
- color: @btn-primary-color;
127
- }
128
-
129
- &-logo {
130
- position: relative;
131
- min-width: 165px;
132
- height: 100%;
133
- overflow: hidden;
134
-
135
- img {
136
- display: inline-block;
137
- height: 32px;
138
- vertical-align: middle;
139
- }
140
-
141
- h1 {
142
- display: inline-block;
143
- margin: 0 0 0 12px;
144
- color: @btn-primary-color;
145
- font-weight: 600;
146
- font-size: 16px;
147
- vertical-align: top;
148
- }
149
- }
150
-
151
- &-menu {
152
- min-width: 0;
153
-
154
- .@{ant-prefix}-menu.@{ant-prefix}-menu-horizontal {
155
- height: 100%;
156
- border: none;
157
-
158
- .@{ant-prefix}-menu-item {
159
- height: 100%;
160
-
161
- .@{ant-prefix}-badge {
162
- color: unset;
163
- }
164
- }
165
- }
166
- }
167
- }
168
-
169
- // replace sub.item
170
- .@{ant-prefix}-pro-menu-popup {
171
- .@{ant-prefix}-badge {
172
- color: unset;
173
- }
174
- }
@@ -1,4 +0,0 @@
1
- @import 'ant-design-vue/es/style/themes/index.less';
2
-
3
- @basicLayout-prefix-cls: ~'@{ant-prefix}-pro-basicLayout';
4
- @pro-layout-header-height: 48px;
@@ -1,7 +0,0 @@
1
- @import './default.less';
2
-
3
- @import '../Basic/BasicLayout.less';
4
- @import '../Basic/Header.less';
5
- @import '../PageContainer/index.less';
6
- @import '../SiderMenu/index.less';
7
- @import '../TopHeader/index.less';
@@ -1,69 +0,0 @@
1
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
- /* stylelint-disable no-duplicate-selectors */
3
- /* stylelint-disable */
4
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
5
- .jtable-body-spin {
6
- min-height: 100%;
7
- width: 100%;
8
- padding: 16px 24px 24px;
9
- background-color: #fff;
10
- }
11
- .jtable-body-spin .ant-spin-nested-loading {
12
- height: 100%;
13
- }
14
- .jtable-body-spin .ant-spin-nested-loading .ant-spin-container {
15
- height: 100%;
16
- }
17
- .jtable-body-spin .jtable-body {
18
- width: 100%;
19
- box-sizing: border-box;
20
- height: 100%;
21
- display: flex;
22
- flex-direction: column;
23
- }
24
- .jtable-body-spin .jtable-body .jtable-body-header {
25
- display: flex;
26
- justify-content: space-between;
27
- align-items: center;
28
- }
29
- .jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right {
30
- display: flex;
31
- gap: 8px;
32
- align-items: center;
33
- }
34
- .jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .right-button-icon {
35
- font-size: 16px;
36
- color: #d9d9d9;
37
- }
38
- .jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper {
39
- padding: 0 8px;
40
- }
41
- .jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper-checked .right-button-icon {
42
- color: #1890ff;
43
- }
44
- .jtable-body-spin .jtable-body .jtable-content {
45
- flex: 1;
46
- padding: 16px 0;
47
- }
48
- .jtable-body-spin .jtable-body .jtable-content .jtable-alert {
49
- margin-bottom: 16px;
50
- }
51
- .jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items {
52
- display: grid;
53
- grid-gap: 26px;
54
- }
55
- .jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items .jtable-card-item {
56
- display: flex;
57
- min-width: 0;
58
- }
59
- .jtable-body-spin .jtable-body .jtable-pagination {
60
- width: 100%;
61
- display: flex;
62
- justify-content: flex-end;
63
- }
64
- .jtable-body-spin .jtable-body .j-table-empty {
65
- display: flex;
66
- justify-content: center;
67
- align-items: center;
68
- margin: 10% 0;
69
- }
@@ -1,92 +0,0 @@
1
- @import '../../style/variable.less';
2
- //@import 'ant-design-vue/es/style/themes/variable.less';
3
-
4
- .jtable-body-spin {
5
- min-height: 100%;
6
- width: 100%;
7
- padding: 16px 24px 24px;
8
- background-color: #fff;
9
-
10
- .ant-spin-nested-loading {
11
- height: 100%;
12
- .ant-spin-container {
13
- height: 100%;
14
- }
15
- }
16
-
17
- .jtable-body {
18
- width: 100%;
19
- box-sizing: border-box;
20
- height: 100%;
21
- display: flex;
22
- flex-direction: column;
23
-
24
- .jtable-body-header {
25
- display: flex;
26
- justify-content: space-between;
27
- align-items: center;
28
-
29
- .jtable-body-header-right {
30
- display: flex;
31
- gap: 8px;
32
- align-items: center;
33
-
34
- .jtable-body-header-right-button {
35
- .right-button-icon {
36
- font-size: 16px;
37
- color: #d9d9d9;
38
- }
39
-
40
- .ant-radio-button-wrapper {
41
- padding: 0 8px;
42
- }
43
-
44
- .ant-radio-button-wrapper-checked {
45
- .right-button-icon {
46
- color: @primary-color;
47
- }
48
- }
49
- }
50
- }
51
- }
52
-
53
- .jtable-content {
54
- flex: 1;
55
- padding: 16px 0;
56
-
57
- .jtable-alert {
58
- margin-bottom: 16px;
59
- }
60
-
61
- .jtable-card {
62
- .jtable-card-items {
63
- display: grid;
64
- grid-gap: 26px;
65
-
66
- .jtable-card-item {
67
- display: flex;
68
- min-width: 0;
69
- }
70
- }
71
- }
72
- }
73
-
74
- .jtable-pagination {
75
- // position: absolute;
76
- // background-color: white;
77
- // padding: 10px 0;
78
- // right: 0;
79
- // bottom: 0;
80
- width: 100%;
81
- display: flex;
82
- justify-content: flex-end;
83
- }
84
-
85
- .j-table-empty {
86
- display: flex;
87
- justify-content: center;
88
- align-items: center;
89
- margin: 10% 0;
90
- }
91
- }
92
- }
@@ -1,33 +0,0 @@
1
- .JSearch-item {
2
- display: flex;
3
- gap: 16px;
4
- align-items: center;
5
-
6
- .JSearch-item--type {
7
- width: 90px;
8
- min-width: 0;
9
- > span {
10
- line-height: 34px;
11
- font-weight: bold;
12
- }
13
- }
14
-
15
- .JSearch-item--column {
16
- width: 130px;
17
- min-width: 0;
18
- }
19
-
20
- .JSearch-item--termType {
21
- width: 110px;
22
- min-width: 0;
23
- }
24
- .JSearch-item--label {
25
- min-width: 40px;
26
- }
27
-
28
- .JSearch-item--value {
29
- display: flex;
30
- width: 0;
31
- flex-grow: 1;
32
- }
33
- }
@@ -1,179 +0,0 @@
1
- @import '../../style/variable.less';
2
- .JSearch-warp {
3
- padding: 24px;
4
- background-color: #fff;
5
- margin-bottom: 24px;
6
-
7
- .pack-up {
8
- .JSearch-items {
9
- flex: 1 1 auto;
10
-
11
- .left {
12
- min-width: 380px;
13
- max-width: 580px;
14
- }
15
- }
16
- }
17
-
18
- &.senior {
19
- > .JSearch-content {
20
- display: flex;
21
- .JSearch-footer {
22
- display: flex;
23
- gap: 64px;
24
- position: relative;
25
-
26
- .more-btn {
27
- .more-text {
28
- padding-right: 24px;
29
- }
30
- .more-icon {
31
- transition: transform 0.3s;
32
- transform: rotateZ(90deg);
33
- font-size: 14px;
34
-
35
- &.more-up {
36
- transform: rotateZ(-90deg);
37
- }
38
- }
39
- }
40
-
41
- &.expand {
42
- margin-top: 16px;
43
- width: 100%;
44
- justify-content: space-between;
45
- }
46
-
47
- .JSearch-footer--btns {
48
- display: flex;
49
- gap: 12px;
50
- }
51
- }
52
-
53
- .items-expand {
54
- display: flex;
55
- gap: 16px;
56
-
57
- .left,
58
- & .right {
59
- min-width: 0;
60
- flex: 1 1 0;
61
- }
62
-
63
- .left-items,
64
- & .right-items {
65
- display: flex;
66
- gap: 16px;
67
- flex-direction: column;
68
- }
69
-
70
- .center {
71
- display: flex;
72
- flex-direction: column;
73
- justify-content: center;
74
- }
75
-
76
- &.vertical {
77
- flex-direction: column;
78
- .center {
79
- flex-direction: row;
80
- justify-content: center;
81
- }
82
- }
83
- }
84
-
85
- &.senior-expand {
86
- flex-direction: column;
87
- }
88
-
89
- &.small {
90
- gap: 12px;
91
- .JSearch-footer {
92
- gap: 4px;
93
- }
94
- }
95
- }
96
- }
97
-
98
- .JSearch-content {
99
- &.simple {
100
- .JSearch-footer--btns {
101
- display: flex;
102
- gap: 12px;
103
- }
104
-
105
- .JSearch-item {
106
- gap: 8px;
107
-
108
- .JSearch-item--label {
109
- text-align: right;
110
- }
111
- }
112
- }
113
- }
114
-
115
- .no-radius {
116
- border-radius: 0;
117
- border-color: #f1f1f1;
118
- }
119
-
120
- .search-history-warp {
121
- position: relative;
122
-
123
- .search-history-button {
124
- padding-right: 32px;
125
- }
126
-
127
- .search-history-button-icon {
128
- position: absolute;
129
- width: 24px;
130
- height: 18px;
131
- right: 6px;
132
- top: 8px;
133
- color: #fff;
134
- line-height: 18px;
135
- text-align: center;
136
- font-weight: bold;
137
- > span {
138
- font-size: 14px;
139
- }
140
- }
141
- }
142
- }
143
-
144
- .search-history-empty {
145
- padding: 12px 12px 6px 12px;
146
- background-color: #fff;
147
- }
148
-
149
- .search-history-items {
150
- width: 120px;
151
- max-height: 300px;
152
- overflow-y: auto;
153
- .search-history-item {
154
- display: flex;
155
- padding: 4px 0px 4px 4px;
156
- align-items: center;
157
- gap: 4px;
158
-
159
- &:hover {
160
- background-color: #f1f1f1;
161
- }
162
-
163
- .history-item--title {
164
- width: calc(100% - 30px);
165
- cursor: pointer;
166
- }
167
-
168
- .delete {
169
- padding: 0 6px;
170
- flex: 0 0 28px;
171
- }
172
- }
173
- }
174
-
175
- .search-history-list-pop {
176
- .ant-popover-inner-content {
177
- padding: 0;
178
- }
179
- }
@@ -1,3 +0,0 @@
1
- @import "../CheckButton/style/index-pure.less";
2
- @import "../Ellipsis/style/index-pure.less";
3
- @import "../ProTable/style/index-pure.less";