dlt-for-react 1.1.6 → 1.1.7

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 +5 -1
  2. package/assets/components/KyTable/index.less +55 -32
  3. package/lib/components/KyTable/index.js +2 -2
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -8,7 +8,7 @@ npm publish
8
8
 
9
9
  ## 前端 dlt-for-react 依赖包版本更新记录
10
10
 
11
- ##### 当前最新版本：1.1.6
11
+ ##### 当前最新版本：1.1.7
12
12
 
13
13
  ##### 安装依赖
14
14
 
@@ -16,6 +16,10 @@ npm publish
16
16
 
17
17
  ##### 版本修改记录
18
18
 
19
+ #### V1.1.7—2023 年 12 月 22 日
20
+
21
+ 1. 优化KyTable列表样式问题
22
+
19
23
  #### V1.1.6—2023 年 11 月 22 日
20
24
 
21
25
  1. 解决KyTable存在二级表头时，无法固定操作列的问题
package/assets/components/KyTable/index.less CHANGED
@@ -281,10 +281,16 @@
281
281
  }
282
282
  }
283
283
  /* 新版新增---end */
284
- .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header {
284
+ .ant-table-small
285
+ > .ant-table-content
286
+ > .ant-table-scroll
287
+ > .ant-table-header {
285
288
  overflow: auto;
286
289
  }
287
- .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body {
290
+ .ant-table-small
291
+ > .ant-table-content
292
+ > .ant-table-scroll
293
+ > .ant-table-body {
288
294
  overflow: auto !important;
289
295
  }
290
296
  .ant-table-small
@@ -292,7 +298,7 @@
292
298
  > .ant-table-fixed-right
293
299
  > .ant-table-body-outer
294
300
  > .ant-table-body-inner {
295
- margin-top: -2px;
301
+ // margin-top: -2px;
296
302
  overflow: auto !important;
297
303
  }
298
304
  .ant-table-small
@@ -300,7 +306,7 @@
300
306
  > .ant-table-fixed-left
301
307
  > .ant-table-body-outer
302
308
  > .ant-table-body-inner {
303
- margin-top: -2px;
309
+ // margin-top: -2px;
304
310
  overflow: auto !important;
305
311
  }
306
312
  .ant-table-small
@@ -342,47 +348,53 @@
342
348
  .ant-table-small > .ant-table-content > .ant-table-fixed-left {
343
349
  height: 100%;
344
350
  }
345
- .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header {
346
- border-bottom: 1px solid #e8e8e8;
347
- border-left: 1px solid #e8e8e8;
348
- }
349
- .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header {
350
- border-right: 1px solid #e8e8e8;
351
- border-bottom: 1px solid #e8e8e8;
352
- border-left: 1px solid #e8e8e8;
353
- }
354
351
  .ant-table-small
355
352
  > .ant-table-content
356
- > .ant-table-fixed-left
357
- .ant-table-tbody
358
- > tr
359
- > td:last-child {
360
- border-right: 1px solid #e8e8e8 !important;
353
+ > .ant-table-fixed-right
354
+ > .ant-table-header {
355
+ // border-bottom: 1px solid #e8e8e8;
356
+ border-left: 1px solid #e8e8e8;
361
357
  }
362
358
  .ant-table-small
363
359
  > .ant-table-content
364
360
  > .ant-table-fixed-left
365
- > .ant-table-body-outer
366
- .ant-table-fixed {
361
+ > .ant-table-header {
367
362
  border-right: 1px solid #e8e8e8;
368
- border-left: 1px solid #e8e8e8;
363
+ // border-bottom: 1px solid #e8e8e8;
364
+ // border-left: 1px solid #e8e8e8;
369
365
  }
370
366
  .ant-table-small
371
367
  > .ant-table-content
372
368
  > .ant-table-fixed-left
373
369
  .ant-table-tbody
374
- > tr:first-child
375
- > td {
376
- border-top: 1px solid #e8e8e8;
377
- }
378
- .ant-table-small
379
- > .ant-table-content
380
- > .ant-table-fixed-right
381
- .ant-table-tbody
382
- > tr:first-child
383
- > td {
384
- border-top: 1px solid #e8e8e8;
370
+ > tr
371
+ > td:last-child {
372
+ border-right: 1px solid #e8e8e8 !important;
385
373
  }
374
+ // .ant-table-small
375
+ // > .ant-table-content
376
+ // > .ant-table-fixed-left
377
+ // > .ant-table-body-outer
378
+ // .ant-table-fixed {
379
+ // border-right: 1px solid #e8e8e8;
380
+ // border-left: 1px solid #e8e8e8;
381
+ // }
382
+ // .ant-table-small
383
+ // > .ant-table-content
384
+ // > .ant-table-fixed-left
385
+ // .ant-table-tbody
386
+ // > tr:first-child
387
+ // > td {
388
+ // border-top: 1px solid #e8e8e8;
389
+ // }
390
+ // .ant-table-small
391
+ // > .ant-table-content
392
+ // > .ant-table-fixed-right
393
+ // .ant-table-tbody
394
+ // > tr:first-child
395
+ // > td {
396
+ // border-top: 1px solid #e8e8e8;
397
+ // }
386
398
  .ant-table-small
387
399
  > .ant-table-content
388
400
  > .ant-table-fixed-right
@@ -402,6 +414,7 @@
402
414
  z-index: 3;
403
415
  height: 12px !important;
404
416
  opacity: 1 !important;
417
+ bottom: 1px !important;
405
418
  }
406
419
  .ant-table-small
407
420
  > .ant-table-content
@@ -414,6 +427,7 @@
414
427
  z-index: 3;
415
428
  width: 12px !important;
416
429
  height: auto !important;
430
+ right: 1px !important;
417
431
  }
418
432
  .ant-table-small
419
433
  > .ant-table-content
@@ -426,6 +440,15 @@
426
440
  + div {
427
441
  display: none;
428
442
  }
443
+
444
+ .ant-table-small
445
+ > .ant-table-content
446
+ > .ant-table-fixed-right
447
+ > .ant-table-body-outer {
448
+ margin-right: 14px !important;
449
+ border-right: 1px solid #e8e8e8 !important;
450
+ }
451
+
429
452
  .ant-table-scroll table .ant-table-fixed-columns-in-body {
430
453
  visibility: visible !important;
431
454
  }
package/lib/components/KyTable/index.js CHANGED
@@ -1030,8 +1030,8 @@ var KyTable = function (_React$Component) {
1030
1030
  ),
1031
1031
  _react2.default.createElement(
1032
1032
  'style',
1033
- { jsx: 'true', global: 'true' },
1034
- '\n .ky-nhTable\n .ant-table-small\n > .ant-table-content\n > .ant-table-scroll\n > .ant-table-body\n > div\n > div:first-child\n > table {\n margin-bottom: ' + columnsCfg.bodyContentMarginBottom + 'px;\n }\n .ky-nhTable\n .ant-table-small\n > .ant-table-content\n > .ant-table-fixed-left\n > .ant-table-body-outer\n > .ant-table-body-inner\n > div\n > div:first-child\n > table {\n margin-bottom: 12px;\n }\n .ky-nhTable\n .ant-table-small\n > .ant-table-content\n > .ant-table-fixed-right\n > .ant-table-body-outer\n > .ant-table-body-inner\n > div\n > div:first-child\n > table {\n margin-bottom: 12px;\n }\n '
1033
+ { jsx: "true", global: "true" },
1034
+ '\n .ky-nhTable\n .ant-table-small\n > .ant-table-content\n > .ant-table-scroll\n > .ant-table-body\n > div\n > div:first-child\n > table,\n .ky-nhTable\n .ant-table-small\n > .ant-table-content\n > .ant-table-fixed-left\n > .ant-table-body-outer\n > .ant-table-body-inner\n > div\n > div:first-child\n > table,\n .ky-nhTable\n .ant-table-small\n > .ant-table-content\n > .ant-table-fixed-right\n > .ant-table-body-outer\n > .ant-table-body-inner\n > div\n > div:first-child\n > table {\n margin-bottom: ' + columnsCfg.bodyContentMarginBottom + 'px;\n }\n '
1035
1035
  )
1036
1036
  );
1037
1037
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dlt-for-react",
3
- "version": "1.1.6",
3
+ "version": "1.1.7",
4
4
  "description": "dlt for react",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {