@qn-pandora/pandora-component 2.2.1 → 3.0.2

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 (123) hide show
  1. package/CHANGELOG.json +25 -0
  2. package/CHANGELOG.md +11 -0
  3. package/es/components/AutoComplete/style.css +4 -1
  4. package/es/components/Button/index.js +1 -1
  5. package/es/components/Button/style.css +0 -1
  6. package/es/components/Button/style.less +0 -1
  7. package/es/components/Card/index.js +2 -1
  8. package/es/components/Card/style.css +10 -2
  9. package/es/components/CheckTransformList/Item/index.js +1 -1
  10. package/es/components/CheckTransformList/index.js +1 -1
  11. package/es/components/CheckTransformList/style.css +26 -8
  12. package/es/components/CheckboxList/index.d.ts +1 -0
  13. package/es/components/CheckboxList/index.js +3 -2
  14. package/es/components/Collapse/Panel/index.js +2 -1
  15. package/es/components/Collapse/index.js +2 -1
  16. package/es/components/CollapsiblePanel/index.d.ts +2 -2
  17. package/es/components/ConfigProvider/index.js +2 -1
  18. package/es/components/DateTimePicker/Base/index.js +2 -2
  19. package/es/components/DateTimePicker/Base/style.css +7 -12
  20. package/es/components/DateTimePicker/DisplayInput/style.css +17 -7
  21. package/es/components/DateTimePicker/constants.js +1 -1
  22. package/es/components/DateTimePicker/index.d.ts +2 -1
  23. package/es/components/DateTimePicker/style.css +155 -57
  24. package/es/components/Input/index.js +2 -1
  25. package/es/components/Input/style.css +17 -7
  26. package/es/components/InputNumber/style.css +1 -1
  27. package/es/components/Menu/Option.d.ts +1 -1
  28. package/es/components/Menu/index.d.ts +2 -2
  29. package/es/components/Menu/style.css +4 -0
  30. package/es/components/NameLimiter/index.d.ts +3 -13
  31. package/es/components/NameLimiter/index.js +31 -39
  32. package/es/components/NameLimiter/style.css +9 -1
  33. package/es/components/NameLimiter/style.less +10 -1
  34. package/es/components/OptionList/PopoverOptionList/style.css +155 -57
  35. package/es/components/OptionList/index.js +2 -1
  36. package/es/components/OptionList/style.css +155 -57
  37. package/es/components/RangeInput/style.css +18 -8
  38. package/es/components/RemarkName/index.d.ts +0 -2
  39. package/es/components/RemarkName/index.js +2 -4
  40. package/es/components/RemarkName/style.css +9 -5
  41. package/es/components/RemarkName/style.less +0 -5
  42. package/es/components/Selector/style.css +4 -1
  43. package/es/components/SolidRadioGroup/index.js +7 -4
  44. package/es/components/SolidRadioGroup/style.css +4 -1
  45. package/es/components/SolidRadioGroup/style.less +5 -0
  46. package/es/components/Steps/index.js +2 -1
  47. package/es/components/Table/index.d.ts +9 -24
  48. package/es/components/Table/index.js +40 -8
  49. package/es/components/Table/style.css +10 -6
  50. package/es/components/Tabs/style.css +10 -2
  51. package/es/components/TagList/Tag/style.css +3 -3
  52. package/es/components/TagList/Tag/style.less +3 -3
  53. package/es/components/TagList/index.js +3 -2
  54. package/es/components/TagList/style.css +3 -3
  55. package/es/components/TagList/style.less +8 -8
  56. package/es/index.css +225 -97
  57. package/es/index.d.ts +1 -1
  58. package/es/index.js +1 -1
  59. package/es/index.less +1 -1
  60. package/es/style/theme.less +4 -3
  61. package/lib/components/AutoComplete/style.css +4 -1
  62. package/lib/components/Button/index.js +1 -1
  63. package/lib/components/Button/style.css +0 -1
  64. package/lib/components/Button/style.less +0 -1
  65. package/lib/components/Card/index.js +1 -1
  66. package/lib/components/Card/style.css +10 -2
  67. package/lib/components/CheckTransformList/Item/index.js +1 -1
  68. package/lib/components/CheckTransformList/index.js +1 -1
  69. package/lib/components/CheckTransformList/style.css +26 -8
  70. package/lib/components/CheckboxList/index.d.ts +1 -0
  71. package/lib/components/CheckboxList/index.js +3 -2
  72. package/lib/components/Collapse/Panel/index.js +2 -1
  73. package/lib/components/Collapse/index.js +1 -1
  74. package/lib/components/CollapsiblePanel/index.d.ts +2 -2
  75. package/lib/components/ConfigProvider/index.js +1 -1
  76. package/lib/components/DateTimePicker/Base/index.js +2 -2
  77. package/lib/components/DateTimePicker/Base/style.css +7 -12
  78. package/lib/components/DateTimePicker/DisplayInput/style.css +17 -7
  79. package/lib/components/DateTimePicker/constants.js +1 -1
  80. package/lib/components/DateTimePicker/index.d.ts +2 -1
  81. package/lib/components/DateTimePicker/style.css +155 -57
  82. package/lib/components/Input/index.js +1 -1
  83. package/lib/components/Input/style.css +17 -7
  84. package/lib/components/InputNumber/style.css +1 -1
  85. package/lib/components/Menu/Option.d.ts +1 -1
  86. package/lib/components/Menu/index.d.ts +2 -2
  87. package/lib/components/Menu/style.css +4 -0
  88. package/lib/components/NameLimiter/index.d.ts +3 -13
  89. package/lib/components/NameLimiter/index.js +31 -38
  90. package/lib/components/NameLimiter/style.css +9 -1
  91. package/lib/components/NameLimiter/style.less +10 -1
  92. package/lib/components/OptionList/PopoverOptionList/style.css +155 -57
  93. package/lib/components/OptionList/index.js +1 -1
  94. package/lib/components/OptionList/style.css +155 -57
  95. package/lib/components/RangeInput/style.css +18 -8
  96. package/lib/components/RemarkName/index.d.ts +0 -2
  97. package/lib/components/RemarkName/index.js +2 -4
  98. package/lib/components/RemarkName/style.css +9 -5
  99. package/lib/components/RemarkName/style.less +0 -5
  100. package/lib/components/Selector/style.css +4 -1
  101. package/lib/components/SolidRadioGroup/index.js +6 -3
  102. package/lib/components/SolidRadioGroup/style.css +4 -1
  103. package/lib/components/SolidRadioGroup/style.less +5 -0
  104. package/lib/components/Steps/index.js +1 -1
  105. package/lib/components/Table/index.d.ts +9 -24
  106. package/lib/components/Table/index.js +39 -7
  107. package/lib/components/Table/style.css +10 -6
  108. package/lib/components/Tabs/style.css +10 -2
  109. package/lib/components/TagList/Tag/style.css +3 -3
  110. package/lib/components/TagList/Tag/style.less +3 -3
  111. package/lib/components/TagList/index.js +2 -2
  112. package/lib/components/TagList/style.css +3 -3
  113. package/lib/components/TagList/style.less +8 -8
  114. package/lib/index.css +1985 -1857
  115. package/lib/index.d.ts +1 -1
  116. package/lib/index.js +0 -1
  117. package/lib/index.less +4 -4
  118. package/lib/style/theme.less +4 -3
  119. package/package.json +24 -24
  120. package/es/components/NameLimiter/transformer.d.ts +0 -6
  121. package/es/components/NameLimiter/transformer.js +0 -84
  122. package/lib/components/NameLimiter/transformer.d.ts +0 -6
  123. package/lib/components/NameLimiter/transformer.js +0 -91
package/es/index.css CHANGED
@@ -2019,7 +2019,6 @@ a.ant-btn-sm {
2019
2019
  .pandora-sdk-button {
2020
2020
  -webkit-box-shadow: none;
2021
2021
  box-shadow: none;
2022
- border-radius: 2px;
2023
2022
  }
2024
2023
  .pandora-sdk-button.pandora-sdk-button-disabled {
2025
2024
  background: #eee !important;
@@ -2453,8 +2452,15 @@ a.ant-btn-sm {
2453
2452
  .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2454
2453
  .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
2455
2454
  .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
2456
- margin-right: 0;
2457
- margin-left: 2px;
2455
+ margin-right: 2px;
2456
+ margin-left: 0;
2457
+ }
2458
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
2459
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
2460
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
2461
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
2462
+ margin-right: 2px;
2463
+ margin-left: 0;
2458
2464
  }
2459
2465
  .ant-tabs-dropdown-rtl {
2460
2466
  direction: rtl;
@@ -2931,6 +2937,7 @@ a.ant-btn-sm {
2931
2937
  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
2932
2938
  .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
2933
2939
  min-width: 40px;
2940
+ margin-left: 2px;
2934
2941
  padding: 0 8px;
2935
2942
  background: #fafafa;
2936
2943
  border: 1px solid #f0f0f0;
@@ -3557,8 +3564,8 @@ textarea.ant-input-affix-wrapper {
3557
3564
  outline: none;
3558
3565
  }
3559
3566
  .ant-input-affix-wrapper > input.ant-input:focus {
3560
- -webkit-box-shadow: none;
3561
- box-shadow: none;
3567
+ -webkit-box-shadow: none !important;
3568
+ box-shadow: none !important;
3562
3569
  }
3563
3570
  .ant-input-affix-wrapper::before {
3564
3571
  width: 0;
@@ -3583,7 +3590,7 @@ textarea.ant-input-affix-wrapper {
3583
3590
  .ant-input-suffix {
3584
3591
  margin-left: 4px;
3585
3592
  }
3586
- .ant-input-clear-icon {
3593
+ .anticon.ant-input-clear-icon {
3587
3594
  margin: 0 4px;
3588
3595
  color: rgba(0, 0, 0, 0.25);
3589
3596
  font-size: 12px;
@@ -3592,16 +3599,16 @@ textarea.ant-input-affix-wrapper {
3592
3599
  -webkit-transition: color 0.3s;
3593
3600
  transition: color 0.3s;
3594
3601
  }
3595
- .ant-input-clear-icon:hover {
3602
+ .anticon.ant-input-clear-icon:hover {
3596
3603
  color: rgba(0, 0, 0, 0.45);
3597
3604
  }
3598
- .ant-input-clear-icon:active {
3605
+ .anticon.ant-input-clear-icon:active {
3599
3606
  color: rgba(0, 0, 0, 0.85);
3600
3607
  }
3601
- .ant-input-clear-icon-hidden {
3608
+ .anticon.ant-input-clear-icon-hidden {
3602
3609
  visibility: hidden;
3603
3610
  }
3604
- .ant-input-clear-icon:last-child {
3611
+ .anticon.ant-input-clear-icon:last-child {
3605
3612
  margin-right: 0;
3606
3613
  }
3607
3614
  .ant-input-affix-wrapper-textarea-with-clear-btn {
@@ -3815,6 +3822,16 @@ textarea.ant-input {
3815
3822
  .ant-input-group-addon .ant-select-focused .ant-select-selector {
3816
3823
  color: #1890ff;
3817
3824
  }
3825
+ .ant-input-group-addon .ant-cascader-picker {
3826
+ margin: -9px -12px;
3827
+ background-color: transparent;
3828
+ }
3829
+ .ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
3830
+ text-align: left;
3831
+ border: 0;
3832
+ -webkit-box-shadow: none;
3833
+ box-shadow: none;
3834
+ }
3818
3835
  .ant-input-group > .ant-input:first-child,
3819
3836
  .ant-input-group-addon:first-child {
3820
3837
  border-top-right-radius: 0;
@@ -4379,100 +4396,198 @@ textarea.ant-input {
4379
4396
  display: block;
4380
4397
  width: 8.48528137px;
4381
4398
  height: 8.48528137px;
4399
+ overflow: hidden;
4382
4400
  background: transparent;
4383
- border-style: solid;
4384
- border-width: 4.24264069px;
4385
- -webkit-transform: rotate(45deg);
4386
- transform: rotate(45deg);
4401
+ pointer-events: none;
4387
4402
  }
4388
- .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
4389
- .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
4390
- .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
4391
- bottom: 6.2px;
4392
- border-top-color: transparent;
4393
- border-right-color: #fff;
4394
- border-bottom-color: #fff;
4395
- border-left-color: transparent;
4403
+ .ant-popover-arrow-content {
4404
+ position: absolute;
4405
+ top: 0;
4406
+ right: 0;
4407
+ bottom: 0;
4408
+ left: 0;
4409
+ display: block;
4410
+ width: 6px;
4411
+ height: 6px;
4412
+ margin: auto;
4413
+ background-color: #fff;
4414
+ content: '';
4415
+ pointer-events: auto;
4416
+ }
4417
+ .ant-popover-placement-top .ant-popover-arrow,
4418
+ .ant-popover-placement-topLeft .ant-popover-arrow,
4419
+ .ant-popover-placement-topRight .ant-popover-arrow {
4420
+ bottom: 1.51471863px;
4421
+ }
4422
+ .ant-popover-placement-top .ant-popover-arrow-content,
4423
+ .ant-popover-placement-topLeft .ant-popover-arrow-content,
4424
+ .ant-popover-placement-topRight .ant-popover-arrow-content {
4396
4425
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
4397
4426
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
4427
+ -webkit-transform: translateY(-4.24264069px) rotate(45deg);
4428
+ transform: translateY(-4.24264069px) rotate(45deg);
4398
4429
  }
4399
- .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
4430
+ .ant-popover-placement-top .ant-popover-arrow {
4400
4431
  left: 50%;
4401
- -webkit-transform: translateX(-50%) rotate(45deg);
4402
- transform: translateX(-50%) rotate(45deg);
4432
+ -webkit-transform: translateX(-50%);
4433
+ transform: translateX(-50%);
4403
4434
  }
4404
- .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
4435
+ .ant-popover-placement-topLeft .ant-popover-arrow {
4405
4436
  left: 16px;
4406
4437
  }
4407
- .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
4438
+ .ant-popover-placement-topRight .ant-popover-arrow {
4408
4439
  right: 16px;
4409
4440
  }
4410
- .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
4411
- .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
4412
- .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
4413
- left: 6px;
4414
- border-top-color: transparent;
4415
- border-right-color: transparent;
4416
- border-bottom-color: #fff;
4417
- border-left-color: #fff;
4441
+ .ant-popover-placement-right .ant-popover-arrow,
4442
+ .ant-popover-placement-rightTop .ant-popover-arrow,
4443
+ .ant-popover-placement-rightBottom .ant-popover-arrow {
4444
+ left: 1.51471863px;
4445
+ }
4446
+ .ant-popover-placement-right .ant-popover-arrow-content,
4447
+ .ant-popover-placement-rightTop .ant-popover-arrow-content,
4448
+ .ant-popover-placement-rightBottom .ant-popover-arrow-content {
4418
4449
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
4419
4450
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
4451
+ -webkit-transform: translateX(4.24264069px) rotate(45deg);
4452
+ transform: translateX(4.24264069px) rotate(45deg);
4420
4453
  }
4421
- .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
4454
+ .ant-popover-placement-right .ant-popover-arrow {
4422
4455
  top: 50%;
4423
- -webkit-transform: translateY(-50%) rotate(45deg);
4424
- transform: translateY(-50%) rotate(45deg);
4456
+ -webkit-transform: translateY(-50%);
4457
+ transform: translateY(-50%);
4425
4458
  }
4426
- .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
4459
+ .ant-popover-placement-rightTop .ant-popover-arrow {
4427
4460
  top: 12px;
4428
4461
  }
4429
- .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
4462
+ .ant-popover-placement-rightBottom .ant-popover-arrow {
4430
4463
  bottom: 12px;
4431
4464
  }
4432
- .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
4433
- .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
4434
- .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
4435
- top: 6px;
4436
- border-top-color: #fff;
4437
- border-right-color: transparent;
4438
- border-bottom-color: transparent;
4439
- border-left-color: #fff;
4465
+ .ant-popover-placement-bottom .ant-popover-arrow,
4466
+ .ant-popover-placement-bottomLeft .ant-popover-arrow,
4467
+ .ant-popover-placement-bottomRight .ant-popover-arrow {
4468
+ top: 1.51471863px;
4469
+ }
4470
+ .ant-popover-placement-bottom .ant-popover-arrow-content,
4471
+ .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
4472
+ .ant-popover-placement-bottomRight .ant-popover-arrow-content {
4440
4473
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
4441
4474
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
4475
+ -webkit-transform: translateY(4.24264069px) rotate(45deg);
4476
+ transform: translateY(4.24264069px) rotate(45deg);
4442
4477
  }
4443
- .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
4478
+ .ant-popover-placement-bottom .ant-popover-arrow {
4444
4479
  left: 50%;
4445
- -webkit-transform: translateX(-50%) rotate(45deg);
4446
- transform: translateX(-50%) rotate(45deg);
4480
+ -webkit-transform: translateX(-50%);
4481
+ transform: translateX(-50%);
4447
4482
  }
4448
- .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
4483
+ .ant-popover-placement-bottomLeft .ant-popover-arrow {
4449
4484
  left: 16px;
4450
4485
  }
4451
- .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
4486
+ .ant-popover-placement-bottomRight .ant-popover-arrow {
4452
4487
  right: 16px;
4453
4488
  }
4454
- .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
4455
- .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
4456
- .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
4457
- right: 6px;
4458
- border-top-color: #fff;
4459
- border-right-color: #fff;
4460
- border-bottom-color: transparent;
4461
- border-left-color: transparent;
4489
+ .ant-popover-placement-left .ant-popover-arrow,
4490
+ .ant-popover-placement-leftTop .ant-popover-arrow,
4491
+ .ant-popover-placement-leftBottom .ant-popover-arrow {
4492
+ right: 1.51471863px;
4493
+ }
4494
+ .ant-popover-placement-left .ant-popover-arrow-content,
4495
+ .ant-popover-placement-leftTop .ant-popover-arrow-content,
4496
+ .ant-popover-placement-leftBottom .ant-popover-arrow-content {
4462
4497
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
4463
4498
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
4499
+ -webkit-transform: translateX(-4.24264069px) rotate(45deg);
4500
+ transform: translateX(-4.24264069px) rotate(45deg);
4464
4501
  }
4465
- .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
4502
+ .ant-popover-placement-left .ant-popover-arrow {
4466
4503
  top: 50%;
4467
- -webkit-transform: translateY(-50%) rotate(45deg);
4468
- transform: translateY(-50%) rotate(45deg);
4504
+ -webkit-transform: translateY(-50%);
4505
+ transform: translateY(-50%);
4469
4506
  }
4470
- .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
4507
+ .ant-popover-placement-leftTop .ant-popover-arrow {
4471
4508
  top: 12px;
4472
4509
  }
4473
- .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
4510
+ .ant-popover-placement-leftBottom .ant-popover-arrow {
4474
4511
  bottom: 12px;
4475
4512
  }
4513
+ .ant-popover-pink .ant-popover-inner {
4514
+ background-color: #eb2f96;
4515
+ }
4516
+ .ant-popover-pink .ant-popover-arrow-content {
4517
+ background-color: #eb2f96;
4518
+ }
4519
+ .ant-popover-magenta .ant-popover-inner {
4520
+ background-color: #eb2f96;
4521
+ }
4522
+ .ant-popover-magenta .ant-popover-arrow-content {
4523
+ background-color: #eb2f96;
4524
+ }
4525
+ .ant-popover-red .ant-popover-inner {
4526
+ background-color: #f5222d;
4527
+ }
4528
+ .ant-popover-red .ant-popover-arrow-content {
4529
+ background-color: #f5222d;
4530
+ }
4531
+ .ant-popover-volcano .ant-popover-inner {
4532
+ background-color: #fa541c;
4533
+ }
4534
+ .ant-popover-volcano .ant-popover-arrow-content {
4535
+ background-color: #fa541c;
4536
+ }
4537
+ .ant-popover-orange .ant-popover-inner {
4538
+ background-color: #fa8c16;
4539
+ }
4540
+ .ant-popover-orange .ant-popover-arrow-content {
4541
+ background-color: #fa8c16;
4542
+ }
4543
+ .ant-popover-yellow .ant-popover-inner {
4544
+ background-color: #fadb14;
4545
+ }
4546
+ .ant-popover-yellow .ant-popover-arrow-content {
4547
+ background-color: #fadb14;
4548
+ }
4549
+ .ant-popover-gold .ant-popover-inner {
4550
+ background-color: #faad14;
4551
+ }
4552
+ .ant-popover-gold .ant-popover-arrow-content {
4553
+ background-color: #faad14;
4554
+ }
4555
+ .ant-popover-cyan .ant-popover-inner {
4556
+ background-color: #13c2c2;
4557
+ }
4558
+ .ant-popover-cyan .ant-popover-arrow-content {
4559
+ background-color: #13c2c2;
4560
+ }
4561
+ .ant-popover-lime .ant-popover-inner {
4562
+ background-color: #a0d911;
4563
+ }
4564
+ .ant-popover-lime .ant-popover-arrow-content {
4565
+ background-color: #a0d911;
4566
+ }
4567
+ .ant-popover-green .ant-popover-inner {
4568
+ background-color: #52c41a;
4569
+ }
4570
+ .ant-popover-green .ant-popover-arrow-content {
4571
+ background-color: #52c41a;
4572
+ }
4573
+ .ant-popover-blue .ant-popover-inner {
4574
+ background-color: #1890ff;
4575
+ }
4576
+ .ant-popover-blue .ant-popover-arrow-content {
4577
+ background-color: #1890ff;
4578
+ }
4579
+ .ant-popover-geekblue .ant-popover-inner {
4580
+ background-color: #2f54eb;
4581
+ }
4582
+ .ant-popover-geekblue .ant-popover-arrow-content {
4583
+ background-color: #2f54eb;
4584
+ }
4585
+ .ant-popover-purple .ant-popover-inner {
4586
+ background-color: #722ed1;
4587
+ }
4588
+ .ant-popover-purple .ant-popover-arrow-content {
4589
+ background-color: #722ed1;
4590
+ }
4476
4591
  .ant-popover-rtl {
4477
4592
  direction: rtl;
4478
4593
  text-align: right;
@@ -4888,6 +5003,7 @@ textarea.ant-input-number {
4888
5003
  font-weight: bold;
4889
5004
  line-height: 0;
4890
5005
  text-align: center;
5006
+ border-left: 1px solid #d9d9d9;
4891
5007
  -webkit-transition: all 0.1s linear;
4892
5008
  transition: all 0.1s linear;
4893
5009
  }
@@ -5034,7 +5150,6 @@ textarea.ant-input-number {
5034
5150
  width: 22px;
5035
5151
  height: 100%;
5036
5152
  background: #fff;
5037
- border-left: 1px solid #d9d9d9;
5038
5153
  border-radius: 0 2px 2px 0;
5039
5154
  opacity: 0;
5040
5155
  -webkit-transition: opacity 0.24s linear 0.1s;
@@ -5306,6 +5421,10 @@ textarea.ant-input-number {
5306
5421
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5307
5422
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5308
5423
  }
5424
+ .ant-menu-title-content {
5425
+ -webkit-transition: color 0.3s;
5426
+ transition: color 0.3s;
5427
+ }
5309
5428
  .ant-menu-item a {
5310
5429
  color: rgba(0, 0, 0, 0.85);
5311
5430
  }
@@ -6709,7 +6828,15 @@ textarea.ant-input-number {
6709
6828
  .ant-tooltip-rtl .ant-tooltip-inner {
6710
6829
  text-align: right;
6711
6830
  }
6712
- .pandora-sdk-name-tooltip .ant-tooltip-inner {
6831
+ .pandora-sdk-name-limit {
6832
+ max-width: 100%;
6833
+ display: inline-block;
6834
+ vertical-align: top;
6835
+ white-space: nowrap;
6836
+ text-overflow: ellipsis;
6837
+ overflow: hidden;
6838
+ }
6839
+ .pandora-sdk-name-limit-tooltip .ant-tooltip-inner {
6713
6840
  max-width: 400px !important;
6714
6841
  max-height: 200px !important;
6715
6842
  overflow: auto;
@@ -7208,7 +7335,7 @@ textarea.ant-input-number {
7208
7335
  -webkit-font-smoothing: antialiased;
7209
7336
  -moz-osx-font-smoothing: grayscale;
7210
7337
  position: absolute;
7211
- top: 53%;
7338
+ top: 50%;
7212
7339
  right: 11px;
7213
7340
  width: 12px;
7214
7341
  height: 12px;
@@ -7389,6 +7516,9 @@ textarea.ant-input-number {
7389
7516
  color: rgba(0, 0, 0, 0.25);
7390
7517
  cursor: not-allowed;
7391
7518
  }
7519
+ .ant-select-item-option-disabled.ant-select-item-option-selected {
7520
+ background-color: #f5f5f5;
7521
+ }
7392
7522
  .ant-select-item-option-grouped {
7393
7523
  padding-left: 24px;
7394
7524
  }
@@ -7570,10 +7700,6 @@ textarea.ant-input-number {
7570
7700
  .pandora-sdk-close-icon {
7571
7701
  color: #d9d9d9;
7572
7702
  }
7573
- .pandora-sdk-remark-name {
7574
- word-break: break-all;
7575
- white-space: nowrap;
7576
- }
7577
7703
  .ant-radio-group {
7578
7704
  -webkit-box-sizing: border-box;
7579
7705
  box-sizing: border-box;
@@ -7588,7 +7714,6 @@ textarea.ant-input-number {
7588
7714
  font-feature-settings: 'tnum';
7589
7715
  display: inline-block;
7590
7716
  font-size: 0;
7591
- line-height: unset;
7592
7717
  }
7593
7718
  .ant-radio-group .ant-badge-count {
7594
7719
  z-index: 1;
@@ -7965,6 +8090,10 @@ span.ant-radio + * {
7965
8090
  border-color: #2c6dd2 !important;
7966
8091
  color: #2c6dd2 !important;
7967
8092
  }
8093
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-disabled {
8094
+ border-color: #d9d9d9 !important;
8095
+ color: rgba(0, 0, 0, 0.85) !important;
8096
+ }
7968
8097
  .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
7969
8098
  background-color: #d9d9d9;
7970
8099
  }
@@ -9069,9 +9198,7 @@ span.ant-radio + * {
9069
9198
  border-bottom: 0;
9070
9199
  }
9071
9200
  .ant-table.ant-table-bordered > .ant-table-container {
9072
- border: 1px solid #f0f0f0;
9073
- border-right: 0;
9074
- border-bottom: 0;
9201
+ border-left: 1px solid #f0f0f0;
9075
9202
  }
9076
9203
  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
9077
9204
  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
@@ -9134,6 +9261,10 @@ span.ant-radio + * {
9134
9261
  border-right: 1px solid #f0f0f0;
9135
9262
  content: '';
9136
9263
  }
9264
+ .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
9265
+ .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
9266
+ border-top: 1px solid #f0f0f0;
9267
+ }
9137
9268
  .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
9138
9269
  .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
9139
9270
  border-right: 0;
@@ -9289,6 +9420,8 @@ span.ant-radio + * {
9289
9420
  background: #dcf4ff;
9290
9421
  }
9291
9422
  .ant-table-summary {
9423
+ position: relative;
9424
+ z-index: 2;
9292
9425
  background: #fff;
9293
9426
  }
9294
9427
  div.ant-table-summary {
@@ -9759,6 +9892,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
9759
9892
  .ant-table-sticky-holder {
9760
9893
  position: sticky;
9761
9894
  z-index: 3;
9895
+ background: #fff;
9762
9896
  }
9763
9897
  .ant-table-sticky-scroll {
9764
9898
  position: sticky;
@@ -10367,11 +10501,10 @@ textarea.ant-pagination-options-quick-jumper input {
10367
10501
  cursor: not-allowed;
10368
10502
  }
10369
10503
  .ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
10370
- background: #dbdbdb;
10371
- border-color: transparent;
10504
+ background: #e6e6e6;
10372
10505
  }
10373
10506
  .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
10374
- color: #fff;
10507
+ color: rgba(0, 0, 0, 0.25);
10375
10508
  }
10376
10509
  .ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
10377
10510
  color: rgba(0, 0, 0, 0.25);
@@ -10953,13 +11086,13 @@ textarea.ant-pagination-options-quick-jumper input {
10953
11086
  .pandora-sdk-taglist-containter .pandora-sdk-simplify .pandora-sdk-icon:hover {
10954
11087
  color: #7a869a;
10955
11088
  }
10956
- .pandora-sdk-taglist-containter .pandora-sdk-popover {
11089
+ .pandora-sdk-popover {
10957
11090
  max-width: 400px;
10958
11091
  max-height: 1000px;
10959
11092
  overflow: auto;
10960
- padding: 16px;
11093
+ padding: 8px !important;
10961
11094
  }
10962
- .pandora-sdk-taglist-containter .pandora-sdk-popover > div {
11095
+ .pandora-sdk-popover > div {
10963
11096
  margin: 4px;
10964
11097
  }
10965
11098
  .pandora-sdk-timeline-container {
@@ -17912,6 +18045,10 @@ textarea.ant-picker-input > input {
17912
18045
  border-width: 0 0 1px 0;
17913
18046
  border-radius: 0;
17914
18047
  }
18048
+ .ant-picker-panel-container .ant-picker-panel .ant-picker-content,
18049
+ .ant-picker-panel-container .ant-picker-panel table {
18050
+ text-align: center;
18051
+ }
17915
18052
  .ant-picker-panel-container .ant-picker-panel-focused {
17916
18053
  border-color: #f0f0f0;
17917
18054
  }
@@ -18064,9 +18201,6 @@ textarea.ant-picker-input > input {
18064
18201
  .ant-picker-cell-in-view {
18065
18202
  color: rgba(0, 0, 0, 0.85);
18066
18203
  }
18067
- .ant-picker-cell-disabled {
18068
- cursor: not-allowed;
18069
- }
18070
18204
  .ant-picker-cell::before {
18071
18205
  position: absolute;
18072
18206
  top: 50%;
@@ -18208,14 +18342,14 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
18208
18342
  border-bottom-right-radius: 2px;
18209
18343
  }
18210
18344
  .ant-picker-cell-disabled {
18345
+ color: rgba(0, 0, 0, 0.25);
18211
18346
  pointer-events: none;
18212
18347
  }
18213
18348
  .ant-picker-cell-disabled .ant-picker-cell-inner {
18214
- color: rgba(0, 0, 0, 0.25);
18215
18349
  background: transparent;
18216
18350
  }
18217
18351
  .ant-picker-cell-disabled::before {
18218
- background: #f5f5f5;
18352
+ background: rgba(0, 0, 0, 0.04);
18219
18353
  }
18220
18354
  .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
18221
18355
  border-color: rgba(0, 0, 0, 0.25);
@@ -18232,12 +18366,6 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
18232
18366
  .ant-picker-month-panel .ant-picker-cell-inner {
18233
18367
  padding: 0 8px;
18234
18368
  }
18235
- .ant-picker-decade-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
18236
- .ant-picker-year-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
18237
- .ant-picker-quarter-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
18238
- .ant-picker-month-panel .ant-picker-cell-disabled .ant-picker-cell-inner {
18239
- background: #f5f5f5;
18240
- }
18241
18369
  .ant-picker-quarter-panel .ant-picker-content {
18242
18370
  height: 56px;
18243
18371
  }
@@ -18901,7 +19029,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
18901
19029
  line-height: 24px;
18902
19030
  margin-right: 8px;
18903
19031
  border-radius: 1px;
18904
- color: #42526e;
19032
+ color: #333;
18905
19033
  text-align: center;
18906
19034
  vertical-align: middle;
18907
19035
  border-radius: 2px;
@@ -18939,8 +19067,8 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
18939
19067
  border-left: 1px solid rgba(44, 109, 210, 0.1);
18940
19068
  }
18941
19069
  .pandora-sdk-root .pandora-sdk-content {
18942
- padding: 0 4px;
18943
- max-width: 200px;
19070
+ padding: 0 8px;
19071
+ max-width: 150px;
18944
19072
  vertical-align: middle;
18945
19073
  overflow: hidden;
18946
19074
  white-space: nowrap;
package/es/index.d.ts CHANGED
@@ -4,7 +4,7 @@ export { default as Button, IButtonProps } from './components/Button';
4
4
  export { default as Card } from './components/Card';
5
5
  export { default as Collapse } from './components/Collapse';
6
6
  export { default as ConfigProvider } from './components/ConfigProvider';
7
- export { default as NameLimiter, INameLimiterProps, SplitType } from './components/NameLimiter';
7
+ export { default as NameLimiter, INameLimiterProps } from './components/NameLimiter';
8
8
  export { default as Input, TInputProps } from './components/Input';
9
9
  export { default as Selector, ISelectorProps, IGroupOption as ISelectorGroupOption, IOptions as ISelectorOptions, SelectValue as ISelectValue } from './components/Selector';
10
10
  export { default as Table, ITableProps, IOptionItem as ITableOptionItem } from './components/Table';
package/es/index.js CHANGED
@@ -4,7 +4,7 @@ export { default as Button } from './components/Button';
4
4
  export { default as Card } from './components/Card';
5
5
  export { default as Collapse } from './components/Collapse';
6
6
  export { default as ConfigProvider } from './components/ConfigProvider';
7
- export { default as NameLimiter, SplitType } from './components/NameLimiter';
7
+ export { default as NameLimiter } from './components/NameLimiter';
8
8
  export { default as Input } from './components/Input';
9
9
  export { default as Selector } from './components/Selector';
10
10
  export { default as Table } from './components/Table';
package/es/index.less CHANGED
@@ -19,8 +19,8 @@
19
19
  @import './components/NameLimiter/style.less';
20
20
  @import './components/OptionList/style.less';
21
21
  @import './components/RangeInput/style.less';
22
- @import './components/Selector/style.less';
23
22
  @import './components/RemarkName/style.less';
23
+ @import './components/Selector/style.less';
24
24
  @import './components/SolidRadioGroup/style.less';
25
25
  @import './components/Spin/style.less';
26
26
  @import './components/Steps/style.less';
@@ -124,7 +124,7 @@
124
124
  @zindex-tooltip: 1300; // antd
125
125
  // pandora色
126
126
  @zindex-layout-navbar: 1100; // phoenix
127
- @zindex-layout-sidebar: 1100; // phoenix
127
+ @zindex-layout-sidebar: 1000; // phoenix
128
128
  @zindex-toaster: 3000; // app-platform phoenix
129
129
 
130
130
  // 组件色变量=========================================================
@@ -245,9 +245,10 @@
245
245
  @time-absolute-picker-title-div: #939393; // pandora-component
246
246
 
247
247
  // sidebar------------------------
248
- @layout-sidebar-width: 176px; // phoenix
248
+ @layout-sidebar-width: 240px; // phoenix
249
249
  @layout-sidebar-collapsed-width: 0px; // phoenix
250
- @layout-navbar-height: 48px; // phoenix
250
+ @layout-navbar-height: 52px; // phoenix
251
+ @layout-navbar-sub-height: 56px; // phoenix
251
252
  // 深色主题
252
253
  @side-bar-active-color: #6ac73c; // pandora-visualization
253
254
 
@@ -479,7 +479,7 @@
479
479
  -webkit-font-smoothing: antialiased;
480
480
  -moz-osx-font-smoothing: grayscale;
481
481
  position: absolute;
482
- top: 53%;
482
+ top: 50%;
483
483
  right: 11px;
484
484
  width: 12px;
485
485
  height: 12px;
@@ -660,6 +660,9 @@
660
660
  color: rgba(0, 0, 0, 0.25);
661
661
  cursor: not-allowed;
662
662
  }
663
+ .ant-select-item-option-disabled.ant-select-item-option-selected {
664
+ background-color: #f5f5f5;
665
+ }
663
666
  .ant-select-item-option-grouped {
664
667
  padding-left: 24px;
665
668
  }
@@ -54,7 +54,7 @@ function Button(props) {
54
54
  return classnames_1.default(className, style_1.SDK_PREFIX + "-button", style_1.SDK_PREFIX + "-size-" + size, (_a = {},
55
55
  _a[style_1.SDK_PREFIX + "-button-disabled"] = disabled,
56
56
  _a));
57
- }, [size, disabled]);
57
+ }, [size, disabled, className]);
58
58
  var btn = (React.createElement(antd_1.Button, __assign({}, otherProps, { icon: typeof icon === 'string' ? React.createElement(compatible_1.Icon, { type: icon }) : icon, className: rootCls, onClick: handleClick })));
59
59
  if (title) {
60
60
  return (React.createElement(antd_1.Tooltip, { title: title, getPopupContainer: getPopupContainer }, btn));
@@ -1925,7 +1925,6 @@ a.ant-btn-sm {
1925
1925
  .pandora-sdk-button {
1926
1926
  -webkit-box-shadow: none;
1927
1927
  box-shadow: none;
1928
- border-radius: 2px;
1929
1928
  }
1930
1929
  .pandora-sdk-button.pandora-sdk-button-disabled {
1931
1930
  background: #eee !important;
@@ -3,7 +3,6 @@
3
3
 
4
4
  .@{sdk-prefix}-button {
5
5
  box-shadow: none;
6
- border-radius: @border-radius-base;
7
6
 
8
7
  &.@{sdk-prefix}-button-disabled {
9
8
  background: @button-disabled-bg!important;
@@ -45,8 +45,8 @@ function Card(props) {
45
45
  var className = props.className, otherProps = __rest(props, ["className"]);
46
46
  return (React.createElement(antd_1.Card, __assign({ className: classnames_1.default(className, style_1.SDK_PREFIX + "-card") }, otherProps)));
47
47
  }
48
- exports.default = Card;
49
48
  Card.RowExtra = RowExtra_1.default;
50
49
  Card.SearchInput = SearchInput_1.default;
51
50
  Card.Grid = antd_1.Card.Grid;
52
51
  Card.Meta = antd_1.Card.Meta;
52
+ exports.default = Card;