gy-ui-plus 1.0.9 → 1.0.10

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,348 +0,0 @@
1
- .t-table {
2
- z-index: 0;
3
- background-color: var(--el-bg-color);
4
-
5
- .el-table__header-wrapper {
6
- .el-table__header {
7
- margin: 0;
8
- }
9
- }
10
-
11
- .el-table__body-wrapper {
12
- .el-table__body {
13
- margin: 0;
14
- }
15
- }
16
-
17
- .el-pagination {
18
- display: flex;
19
- justify-content: flex-end;
20
- align-items: center;
21
- margin-top: 10px;
22
- // margin-right: 60px;
23
- margin-right: calc(2% - 20px);
24
- background-color: var(--el-bg-color);
25
- }
26
-
27
- // ttable过长省略号
28
- .el-table {
29
- .el-tooltip {
30
- div {
31
- -webkit-box-sizing: border-box;
32
- box-sizing: border-box;
33
- overflow: hidden;
34
- text-overflow: ellipsis;
35
- word-break: break-all;
36
- }
37
-
38
- .single_edit_cell {
39
- overflow: visible;
40
- margin-bottom: 0;
41
- }
42
- }
43
-
44
- .single_edit_cell {
45
- cursor: pointer;
46
-
47
- .slot_edit_name {
48
- width: 100%;
49
- }
50
- }
51
- }
52
-
53
- // 多级表头过长省略号
54
- .multile_head_column {
55
- .el-table__row {
56
- .el-tooltip {
57
- div {
58
- -webkit-box-sizing: border-box;
59
- box-sizing: border-box;
60
- overflow: hidden;
61
- text-overflow: ellipsis;
62
- word-break: break-all;
63
- }
64
- }
65
- }
66
- }
67
-
68
- // 单元格编辑且无规则校验
69
- .el-table {
70
- .cell {
71
- div {
72
- -webkit-box-sizing: border-box;
73
- box-sizing: border-box;
74
- overflow: hidden;
75
- text-overflow: ellipsis;
76
- word-break: break-all;
77
- }
78
-
79
- .single_edit_cell {
80
- overflow: visible;
81
- margin-bottom: 0;
82
- }
83
- }
84
- }
85
-
86
- // 单元格编辑有规则校验
87
- .el-table {
88
- .cell {
89
- .t_edit_cell_form_rules {
90
- .single_edit_cell {
91
- margin-bottom: 15px;
92
-
93
- .el-form-item__content {
94
- overflow: visible;
95
-
96
- .el-form-item__error {
97
- overflow: visible;
98
- }
99
- }
100
-
101
-
102
- }
103
- }
104
- }
105
- }
106
-
107
- .el-table {
108
- .cell {
109
- .click_edit {
110
- display: flex;
111
- align-items: center;
112
- line-height: 1;
113
-
114
- .el-icon {
115
- margin-left: 2px;
116
- }
117
- }
118
- }
119
- }
120
-
121
- .el-table--border th:first-child .cell,
122
- .el-table--border td:first-child .cell {
123
- padding-left: 5px;
124
- }
125
-
126
- .header_wrap {
127
- display: flex;
128
- align-items: center;
129
-
130
- .toolbar_top {
131
- flex: 1;
132
- display: flex;
133
- align-items: center;
134
- justify-content: flex-end;
135
-
136
- .toolbar {
137
- display: flex;
138
- justify-content: flex-end;
139
- width: 100%;
140
- }
141
-
142
- .el-button--small {
143
- height: 32px;
144
- }
145
-
146
- .el-button--success {
147
- background-color: #355db4;
148
- border: 1px solid #355db4;
149
- }
150
- }
151
-
152
- .header_title {
153
- display: flex;
154
- align-items: center;
155
- flex: 1;
156
- font-size: 16px;
157
- font-weight: bold;
158
- line-height: 35px;
159
- margin-left: 10px;
160
- color: var(--el-text-color-primary);
161
- }
162
- }
163
-
164
- .title-tip {
165
- display: flex;
166
- align-items: center;
167
- padding-left: 10px;
168
- font-size: 14px;
169
- }
170
-
171
- .marginBttom {
172
- margin-bottom: -8px;
173
- }
174
-
175
- // 单选样式
176
- .radioStyle {
177
- .el-radio {
178
- .el-radio__label {
179
- display: none;
180
- }
181
-
182
- &:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
183
- box-shadow: none;
184
- }
185
- }
186
-
187
- tbody {
188
- .el-table__row {
189
- cursor: pointer;
190
- }
191
- }
192
- }
193
-
194
- // 复制功能样式
195
- .cursor {
196
- tbody {
197
- .el-table__row {
198
- cursor: pointer;
199
- }
200
- }
201
- }
202
-
203
- // 行拖动
204
- .row_sort {
205
- tbody {
206
- .el-table__row {
207
- cursor: move;
208
- }
209
- }
210
- }
211
-
212
- .row_sort_none {
213
- tbody {
214
- .el-table__row {
215
- cursor: default;
216
- }
217
-
218
- .row_drag {
219
- cursor: move;
220
- }
221
- }
222
- }
223
-
224
- // treeTable样式
225
- .tree_style {
226
- .el-table__body-wrapper {
227
- .el-table__body {
228
- .cell {
229
- display: flex;
230
- align-items: center;
231
-
232
- .el-table__expand-icon {
233
- display: flex;
234
- align-items: center;
235
- justify-content: center;
236
- }
237
- }
238
- }
239
- }
240
- }
241
-
242
- // 选中行样式
243
- .highlightCurrentRow {
244
- .current-row {
245
- cursor: pointer;
246
-
247
- >td.el-table__cell {
248
- background-color: var(--el-table-current-row-bg-color);
249
- }
250
- }
251
- }
252
-
253
- .el-table--scrollable-y .el-table__body-wrapper {
254
- overflow-x: auto;
255
- }
256
-
257
- .handle_wrap {
258
- position: sticky;
259
- z-index: 10;
260
- right: 0;
261
- bottom: -8px;
262
- margin: 0 -8px -8px;
263
- padding: 12px 16px;
264
- background-color: var(--el-bg-color);
265
- border-top: 1px solid var(--el-table-border);
266
-
267
- .el-btn {
268
- margin-left: 8px;
269
- }
270
- }
271
-
272
- .operator {
273
- .operator_btn {
274
- .oper_more_dropdown {
275
- margin-left: 8px;
276
- }
277
- }
278
- }
279
- }
280
-
281
- .column_set {
282
- .title {
283
- font-weight: bold;
284
- font-size: 14px;
285
- display: flex;
286
- justify-content: center;
287
- align-items: center;
288
- padding: 10px 10px 0 10px;
289
- color: var(--el-text-color-primary);
290
- }
291
-
292
- .el-dropdown-menu {
293
- padding: 0;
294
- font-size: 14px;
295
-
296
- .el-dropdown-menu__item {
297
- display: flex;
298
- flex-direction: column;
299
- align-items: flex-start;
300
- padding: 0;
301
-
302
- .t_table_column_setting_dropdown {
303
- display: flex;
304
- flex-direction: column;
305
- max-height: 400px;
306
- overflow-y: auto;
307
- width: 100%;
308
- padding: 0 10px 0 12px;
309
- gap: 10px;
310
-
311
- &:hover {
312
- background-color: transparent;
313
- }
314
-
315
- .el-tree-node {
316
- .el-tree-node__content {
317
- padding: 10px;
318
- cursor: default;
319
-
320
- &:hover {
321
- color: var(--el-color-primary);
322
- }
323
-
324
- .el-tree-node__expand-icon {
325
- display: none;
326
- }
327
-
328
- .el-tree-node__label {
329
- display: inline-block;
330
- cursor: move;
331
- width: 100%;
332
- }
333
- }
334
- }
335
- }
336
- }
337
-
338
- .el-dropdown-menu__item:not(.is-disabled):hover {
339
- background-color: transparent;
340
- }
341
- }
342
- }
343
-
344
- .oper_more_dropdown_menu {
345
- .el-dropdown-menu__item {
346
- padding: 5px 16px;
347
- }
348
- }
@@ -1,21 +0,0 @@
1
- import { App, Plugin } from 'vue'
2
-
3
- type SFCWithInstall<T> = T & Plugin
4
-
5
- export const withInstall = <T, E extends Record<string, any>>(
6
- main: T,
7
- extra?: E
8
- ) => {
9
- ;(main as SFCWithInstall<T>).install = (app: App) => {
10
- for (const comp of [main, ...Object.values(extra ?? {})]) {
11
- app.component(comp.name, comp)
12
- }
13
- }
14
- if (extra) {
15
- for (const [compName, comp] of Object.entries(extra)) {
16
- ;(main as Record<string, any>)[compName] = comp
17
- }
18
- }
19
- // 将 T 断言为具体的类型 T & plugin & Record<string, any>
20
- return main as SFCWithInstall<T> & E
21
- }