@gx-design-vue/pro-table 0.2.0-beta.3 → 0.2.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.
@@ -1,186 +0,0 @@
1
- @import '../design/config.less';
2
- @import '../design/ant-design-theme.less';
3
-
4
- @import './table.less';
5
-
6
- @pro-table: ~'@{gx-prefix-pro}-table';
7
- @pro-table-vl: ~'@{gx-prefix-pro}-table-vl';
8
-
9
- html {
10
- body {
11
- .@{ant-prefix}-tooltip-inner a {
12
- color: @white;
13
- }
14
- }
15
- }
16
-
17
-
18
- .@{pro-table} {
19
- background-color: #ffffff;
20
-
21
- &-a {
22
- cursor: pointer;
23
- color: @primary-color;
24
-
25
- &:hover {
26
- color: @primary-color-hover;
27
- }
28
- }
29
-
30
- &-empty {
31
- display: flex;
32
- align-items: center;
33
- justify-content: center;
34
- flex-direction: column;
35
- gap: 10px;
36
- }
37
-
38
- &-table-tree {
39
- .ant-table-row-cell-ellipsis,
40
- .ant-table-row-cell-ellipsis .ant-table-column-title {
41
- overflow: hidden;
42
- text-overflow: ellipsis;
43
- white-space: nowrap;
44
- }
45
- }
46
-
47
- &-full-screen {
48
- .@{pro-table}-content {
49
- height: 100% !important;
50
- padding: 24px;
51
- box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030 !important;
52
- }
53
- }
54
-
55
- &-no-scroll {
56
- .ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th,
57
- .ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td {
58
- &:last-child {
59
- border-right: 0;
60
- }
61
- }
62
-
63
- .ant-table table {
64
- width: 100% !important;
65
- min-width: unset;
66
- table-layout: unset;
67
- }
68
-
69
- .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
70
- box-shadow: none;
71
- }
72
- }
73
-
74
- .@{pro-table} {
75
- &-copyable {
76
- display: flex;
77
- align-items: center;
78
-
79
- .@{pro-table}-copyable-icon {
80
- margin-left: 8px;
81
- color: var(--ant-primary-color);
82
- cursor: pointer;
83
- }
84
- }
85
-
86
- &-ellipsis {
87
- overflow: hidden;
88
- text-overflow: ellipsis;
89
- word-break: break-word;
90
- white-space: nowrap;
91
- }
92
-
93
- &-action-size {
94
- display: inline-block;
95
- }
96
-
97
- &-action-columns {
98
- display: inline-block;
99
-
100
- .ant-popover-inner-content {
101
- padding: 8px 0 8px 16px;
102
- }
103
-
104
- .ant-tree .ant-tree-switcher-noop {
105
- display: none;
106
- }
107
-
108
- .ant-tree .ant-tree-treenode {
109
- align-items: center;
110
- width: 100%;
111
-
112
- &:hover {
113
- background-color: #e6f7ff;
114
-
115
- .@{pro-table}-action-columns-list-item-actions {
116
- display: block;
117
- }
118
- }
119
- }
120
-
121
- .ant-tree > .ant-tree-treenode:first-child {
122
- padding-top: 0;
123
- }
124
-
125
- .ant-tree > .ant-tree-treenode:last-child {
126
- padding-bottom: 4px;
127
- }
128
-
129
- .ant-tree .ant-tree-node-content-wrapper {
130
- flex: 1;
131
- }
132
-
133
- .ant-tree .ant-tree-node-content-wrapper:hover {
134
- background-color: transparent;
135
- }
136
-
137
- &-popover-title {
138
- display: flex;
139
- align-items: center;
140
- justify-content: space-between;
141
-
142
- &-check {
143
- margin-right: 8px;
144
- }
145
-
146
- .ant-btn-sm {
147
- padding: 0;
148
- }
149
- }
150
-
151
- &-list-group {
152
- margin-top: 6px;
153
- margin-bottom: 6px;
154
- font-size: 12px;
155
- color: rgba(0, 0, 0, 0.45);
156
- }
157
-
158
- &-list-item {
159
- display: flex;
160
- align-items: center;
161
- justify-content: space-between;
162
-
163
- &-actions {
164
- display: block;
165
- float: right;
166
- cursor: pointer;
167
-
168
- > span + span {
169
- margin-left: 8px;
170
- }
171
-
172
- &-disabled {
173
- .anticon {
174
- color: rgba(0, 0, 0, 0.25);
175
- }
176
- }
177
-
178
- .anticon {
179
- color: var(--ant-primary-color);
180
- }
181
- }
182
- }
183
- }
184
- }
185
- }
186
-
@@ -1,34 +0,0 @@
1
- .ant-table-content,
2
- .ant-table-body {
3
- &::-webkit-scrollbar {
4
- width: 4px;
5
- height: 4px;
6
- }
7
-
8
- &::-webkit-scrollbar-thumb {
9
- background-color: #d2d4d6;
10
- border-radius: 2px;
11
- }
12
-
13
- &::-webkit-scrollbar-track {
14
- background-color: transparent;
15
- border-radius: 2px;
16
- }
17
- }
18
-
19
- .ant-table-empty .ant-table-content {
20
- &::-webkit-scrollbar {
21
- width: 4px;
22
- height: 4px;
23
- }
24
-
25
- &::-webkit-scrollbar-thumb {
26
- background-color: #d2d4d6;
27
- border-radius: 2px;
28
- }
29
-
30
- &::-webkit-scrollbar-track {
31
- background-color: transparent;
32
- border-radius: 2px;
33
- }
34
- }