element-assits 0.0.78 → 0.0.79

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 (4) hide show
  1. package/README.md +1 -0
  2. package/lib/index.js +1287 -1271
  3. package/lib/style.scss +134 -134
  4. package/package.json +1 -1
package/lib/style.scss CHANGED
@@ -50,63 +50,6 @@ $--background-color-base: #F5F7FA !default;
50
50
  }
51
51
  }
52
52
 
53
- .ea-data-table {
54
- .edt-row {
55
- display: flex;
56
- .edt-cell {
57
- padding: 0 8px;
58
- flex: 0 0 auto;
59
- box-sizing: border-box;
60
- overflow: hidden;
61
- text-overflow: ellipsis;
62
- white-space: nowrap;
63
- word-break: break-all;
64
- }
65
- &.edt-header {
66
- background-color: $--color-border-extralight;
67
- color: $--color-primary-text;
68
- }
69
- }
70
- &--border {
71
- border: 1px solid $--color-border-light;
72
- .edt-row {
73
- .edt-cell {
74
- border-bottom: 1px solid $--color-border-light;
75
- border-left: 1px solid $--color-border-light;
76
- &:first-child {
77
- border-left: 0;
78
- }
79
- }
80
- &:last-child .edt-cell{
81
- border-bottom: 0;
82
- }
83
- }
84
- }
85
- .loading-text {
86
- color: $--color-secondary-text;
87
- text-align: center;
88
- font-size: inherit;
89
- }
90
- }
91
-
92
- .el-dialog.ea-modal {
93
- &.no-margin {
94
- margin: 0 !important;
95
- }
96
- &.is-fullscreen {
97
- border-radius: 0;
98
- margin: 0;
99
- }
100
- .el-dialog__header {
101
- color: #555;
102
- font-size: 18px;
103
- .el-dialog__title {
104
- color: inherit;
105
- font-size: inherit;
106
- }
107
- }
108
- }
109
-
110
53
  // table
111
54
  .ea-table {
112
55
  // 表格头部样式美化
@@ -224,6 +167,45 @@ $--background-color-base: #F5F7FA !default;
224
167
  transform: scaleY(0);
225
168
  }
226
169
 
170
+ .ea-data-table {
171
+ .edt-row {
172
+ display: flex;
173
+ .edt-cell {
174
+ padding: 0 8px;
175
+ flex: 0 0 auto;
176
+ box-sizing: border-box;
177
+ overflow: hidden;
178
+ text-overflow: ellipsis;
179
+ white-space: nowrap;
180
+ word-break: break-all;
181
+ }
182
+ &.edt-header {
183
+ background-color: $--color-border-extralight;
184
+ color: $--color-primary-text;
185
+ }
186
+ }
187
+ &--border {
188
+ border: 1px solid $--color-border-light;
189
+ .edt-row {
190
+ .edt-cell {
191
+ border-bottom: 1px solid $--color-border-light;
192
+ border-left: 1px solid $--color-border-light;
193
+ &:first-child {
194
+ border-left: 0;
195
+ }
196
+ }
197
+ &:last-child .edt-cell{
198
+ border-bottom: 0;
199
+ }
200
+ }
201
+ }
202
+ .loading-text {
203
+ color: $--color-secondary-text;
204
+ text-align: center;
205
+ font-size: inherit;
206
+ }
207
+ }
208
+
227
209
  .ea-button-tooltip + .ea-button-tooltip {
228
210
  margin-left: 10px;
229
211
  }
@@ -289,85 +271,20 @@ td {
289
271
  }
290
272
  }
291
273
 
292
- .ea-number .el-input__inner {
293
- text-align: left;
294
- }
295
-
296
- .ea-desc {
297
- font-size: 14px;
298
- &__title {
299
- font-size: 16px;
300
- margin-bottom: 12px;
301
- }
302
- &__list {
303
- display: flex;
304
- flex-wrap: wrap;
305
- }
306
- }
307
- .ea-desc .item {
308
- line-height: 24px;
309
- margin-bottom: 10px;
310
- flex: 0 0 auto;
311
- .item-label {
312
- float: left;
313
- text-align: right;
314
- padding-right: 8px;
315
- color: #909399;
316
- }
317
- .item-value {
318
- word-break: break-all;
319
- overflow: hidden;
320
- .value-no-wrap {
321
- height: 48px;
322
- overflow: hidden;
323
- position: relative;
324
- .click-see-more {
325
- position: absolute;
326
- right: 0;
327
- bottom: 0;
328
- height: 24px;
329
- padding-left: 30px;
330
- padding-right: 4px;
331
- background-image: linear-gradient(to right, transparent 0%, #fff 20%, #fff 100%);
332
- cursor: pointer;
333
- color: $--color-primary;
334
- user-select: none;
335
- }
336
- }
337
- }
338
- }
339
-
340
- .ea-tree {
341
- .ea-tree__main {
342
- margin-top: 18px;
343
- .ea-tree__header {
344
- height: 50px;
345
- padding-left: 24px;
346
- padding-right: 14px;
347
- font-size: 12px;
348
- display: flex;
349
- align-items: center;
350
- justify-content: space-between;
351
- background-color: $--background-color-base;
352
- .ea-tree__header__text {
353
- font-weight: bold;
354
- }
355
- }
274
+ .el-dialog.ea-modal {
275
+ &.no-margin {
276
+ margin: 0 !important;
356
277
  }
357
- .ea-tree-real {
358
- .el-tree-node.is-current > .el-tree-node__content {
359
- color: $--color-primary;
360
- }
278
+ &.is-fullscreen {
279
+ border-radius: 0;
280
+ margin: 0;
361
281
  }
362
- &.ea-tree--border {
363
- .ea-tree__main {
364
- border: 1px solid $--color-border-lighter;
365
- }
366
- .ea-tree__header {
367
- border-bottom: 1px solid $--color-border-lighter;
368
- }
369
- .ea-tree-real {
370
- margin: 10px 0;
282
+ .el-dialog__header {
283
+ color: #555;
284
+ font-size: 18px;
285
+ .el-dialog__title {
286
+ color: inherit;
287
+ font-size: inherit;
371
288
  }
372
289
  }
373
290
  }
@@ -423,6 +340,45 @@ td {
423
340
  }
424
341
  }
425
342
 
343
+ .ea-tree {
344
+ .ea-tree__main {
345
+ margin-top: 18px;
346
+ .ea-tree__header {
347
+ height: 50px;
348
+ padding-left: 24px;
349
+ padding-right: 14px;
350
+ font-size: 12px;
351
+ display: flex;
352
+ align-items: center;
353
+ justify-content: space-between;
354
+ background-color: $--background-color-base;
355
+ .ea-tree__header__text {
356
+ font-weight: bold;
357
+ }
358
+ }
359
+ }
360
+ .ea-tree-real {
361
+ .el-tree-node.is-current > .el-tree-node__content {
362
+ color: $--color-primary;
363
+ }
364
+ }
365
+ &.ea-tree--border {
366
+ .ea-tree__main {
367
+ border: 1px solid $--color-border-lighter;
368
+ }
369
+ .ea-tree__header {
370
+ border-bottom: 1px solid $--color-border-lighter;
371
+ }
372
+ .ea-tree-real {
373
+ margin: 10px 0;
374
+ }
375
+ }
376
+ }
377
+
378
+ .ea-number .el-input__inner {
379
+ text-align: left;
380
+ }
381
+
426
382
  .ea-list {
427
383
  .loading-text {
428
384
  color: $--color-secondary-text;
@@ -431,6 +387,50 @@ td {
431
387
  }
432
388
  }
433
389
 
390
+ .ea-desc {
391
+ font-size: 14px;
392
+ &__title {
393
+ font-size: 16px;
394
+ margin-bottom: 12px;
395
+ }
396
+ &__list {
397
+ display: flex;
398
+ flex-wrap: wrap;
399
+ }
400
+ }
401
+ .ea-desc .item {
402
+ line-height: 24px;
403
+ margin-bottom: 10px;
404
+ flex: 0 0 auto;
405
+ .item-label {
406
+ float: left;
407
+ text-align: right;
408
+ padding-right: 8px;
409
+ color: #909399;
410
+ }
411
+ .item-value {
412
+ word-break: break-all;
413
+ overflow: hidden;
414
+ .value-no-wrap {
415
+ height: 48px;
416
+ overflow: hidden;
417
+ position: relative;
418
+ .click-see-more {
419
+ position: absolute;
420
+ right: 0;
421
+ bottom: 0;
422
+ height: 24px;
423
+ padding-left: 30px;
424
+ padding-right: 4px;
425
+ background-image: linear-gradient(to right, transparent 0%, #fff 20%, #fff 100%);
426
+ cursor: pointer;
427
+ color: $--color-primary;
428
+ user-select: none;
429
+ }
430
+ }
431
+ }
432
+ }
433
+
434
434
  .vjs-table {
435
435
  position: relative;
436
436
  overflow: hidden;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "element-assits",
3
- "version": "0.0.78",
3
+ "version": "0.0.79",
4
4
  "description": "element-ui 的扩展组件库",
5
5
  "main": "lib/index.js",
6
6
  "type": "module",