@qn-pandora/pandora-component 2.1.1 → 2.2.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 (122) hide show
  1. package/es/components/AutoComplete/style.css +17 -13
  2. package/es/components/Button/style.css +2 -3
  3. package/es/components/Button/style.less +0 -1
  4. package/es/components/Card/index.js +2 -1
  5. package/es/components/CheckTransformList/Item/index.js +1 -1
  6. package/es/components/CheckTransformList/style.css +25 -17
  7. package/es/components/CheckboxList/index.d.ts +1 -0
  8. package/es/components/CheckboxList/index.js +3 -2
  9. package/es/components/Collapse/index.js +2 -1
  10. package/es/components/CollapsiblePanel/index.d.ts +2 -2
  11. package/es/components/ConfigProvider/index.js +2 -1
  12. package/es/components/DateTimePicker/Base/index.js +2 -2
  13. package/es/components/DateTimePicker/Base/style.css +13 -13
  14. package/es/components/DateTimePicker/BaseMobile/index.d.ts +1 -0
  15. package/es/components/DateTimePicker/BaseMobile/index.js +2 -2
  16. package/es/components/DateTimePicker/DisplayInput/style.css +16 -16
  17. package/es/components/DateTimePicker/index.d.ts +6 -1
  18. package/es/components/DateTimePicker/index.js +2 -2
  19. package/es/components/Input/NumberInput/index.d.ts +29 -0
  20. package/es/components/Input/NumberInput/index.js +116 -0
  21. package/es/components/Input/index.d.ts +1 -0
  22. package/es/components/Input/index.js +4 -1
  23. package/es/components/Input/style.css +19 -16
  24. package/es/components/Input/style.less +4 -0
  25. package/es/components/InputNumber/style.css +6 -6
  26. package/es/components/KeyValuePair/style.css +1 -0
  27. package/es/components/KeyValuePair/style.less +1 -0
  28. package/es/components/Menu/index.d.ts +2 -2
  29. package/es/components/NameLimiter/index.d.ts +3 -13
  30. package/es/components/NameLimiter/index.js +30 -39
  31. package/es/components/NameLimiter/style.css +9 -1
  32. package/es/components/NameLimiter/style.less +10 -1
  33. package/es/components/OptionList/index.js +2 -1
  34. package/es/components/RangeInput/style.css +22 -22
  35. package/es/components/RemarkName/index.d.ts +0 -2
  36. package/es/components/RemarkName/index.js +2 -4
  37. package/es/components/RemarkName/style.css +9 -5
  38. package/es/components/RemarkName/style.less +0 -5
  39. package/es/components/Selector/style.css +17 -13
  40. package/es/components/Selector/style.less +7 -3
  41. package/es/components/SolidRadioGroup/index.d.ts +3 -2
  42. package/es/components/SolidRadioGroup/index.js +7 -4
  43. package/es/components/SolidRadioGroup/style.css +13 -6
  44. package/es/components/SolidRadioGroup/style.less +16 -3
  45. package/es/components/Steps/index.js +2 -1
  46. package/es/components/Table/index.d.ts +9 -24
  47. package/es/components/Table/index.js +40 -8
  48. package/es/components/Table/style.css +11 -8
  49. package/es/components/Table/style.less +6 -0
  50. package/es/components/TagList/Tag/style.css +3 -3
  51. package/es/components/TagList/Tag/style.less +3 -3
  52. package/es/components/TagList/index.js +3 -2
  53. package/es/components/TagList/style.css +3 -3
  54. package/es/components/TagList/style.less +8 -8
  55. package/es/index.css +211 -190
  56. package/es/index.d.ts +2 -2
  57. package/es/index.js +1 -1
  58. package/es/index.less +6 -6
  59. package/es/style/theme.less +9 -7
  60. package/lib/components/AutoComplete/style.css +17 -13
  61. package/lib/components/Button/style.css +2 -3
  62. package/lib/components/Button/style.less +0 -1
  63. package/lib/components/Card/index.js +1 -1
  64. package/lib/components/CheckTransformList/Item/index.js +1 -1
  65. package/lib/components/CheckTransformList/style.css +25 -17
  66. package/lib/components/CheckboxList/index.d.ts +1 -0
  67. package/lib/components/CheckboxList/index.js +3 -2
  68. package/lib/components/Collapse/index.js +1 -1
  69. package/lib/components/CollapsiblePanel/index.d.ts +2 -2
  70. package/lib/components/ConfigProvider/index.js +1 -1
  71. package/lib/components/DateTimePicker/Base/index.js +2 -2
  72. package/lib/components/DateTimePicker/Base/style.css +13 -13
  73. package/lib/components/DateTimePicker/BaseMobile/index.d.ts +1 -0
  74. package/lib/components/DateTimePicker/BaseMobile/index.js +2 -2
  75. package/lib/components/DateTimePicker/DisplayInput/style.css +16 -16
  76. package/lib/components/DateTimePicker/index.d.ts +6 -1
  77. package/lib/components/DateTimePicker/index.js +2 -2
  78. package/lib/components/Input/NumberInput/index.d.ts +29 -0
  79. package/lib/components/Input/NumberInput/index.js +121 -0
  80. package/lib/components/Input/index.d.ts +1 -0
  81. package/lib/components/Input/index.js +3 -1
  82. package/lib/components/Input/style.css +19 -16
  83. package/lib/components/Input/style.less +4 -0
  84. package/lib/components/InputNumber/style.css +6 -6
  85. package/lib/components/KeyValuePair/style.css +1 -0
  86. package/lib/components/KeyValuePair/style.less +1 -0
  87. package/lib/components/Menu/index.d.ts +2 -2
  88. package/lib/components/NameLimiter/index.d.ts +3 -13
  89. package/lib/components/NameLimiter/index.js +30 -38
  90. package/lib/components/NameLimiter/style.css +9 -1
  91. package/lib/components/NameLimiter/style.less +10 -1
  92. package/lib/components/OptionList/index.js +1 -1
  93. package/lib/components/RangeInput/style.css +22 -22
  94. package/lib/components/RemarkName/index.d.ts +0 -2
  95. package/lib/components/RemarkName/index.js +2 -4
  96. package/lib/components/RemarkName/style.css +9 -5
  97. package/lib/components/RemarkName/style.less +0 -5
  98. package/lib/components/Selector/style.css +17 -13
  99. package/lib/components/Selector/style.less +7 -3
  100. package/lib/components/SolidRadioGroup/index.d.ts +3 -2
  101. package/lib/components/SolidRadioGroup/index.js +6 -3
  102. package/lib/components/SolidRadioGroup/style.css +13 -6
  103. package/lib/components/SolidRadioGroup/style.less +16 -3
  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 +11 -8
  108. package/lib/components/Table/style.less +6 -0
  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 +39 -18
  115. package/lib/index.d.ts +2 -2
  116. package/lib/index.js +0 -1
  117. package/lib/style/theme.less +9 -7
  118. package/package.json +23 -23
  119. package/es/components/NameLimiter/transformer.d.ts +0 -6
  120. package/es/components/NameLimiter/transformer.js +0 -84
  121. package/lib/components/NameLimiter/transformer.d.ts +0 -6
  122. 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;
@@ -3063,6 +3062,120 @@ a.ant-btn-sm {
3063
3062
  .pandora-sdk-card .ant-card-head .ant-card-extra {
3064
3063
  padding: 0;
3065
3064
  }
3065
+ .ant-divider {
3066
+ -webkit-box-sizing: border-box;
3067
+ box-sizing: border-box;
3068
+ margin: 0;
3069
+ padding: 0;
3070
+ color: rgba(0, 0, 0, 0.85);
3071
+ font-size: 14px;
3072
+ font-variant: tabular-nums;
3073
+ line-height: 1.5715;
3074
+ list-style: none;
3075
+ -webkit-font-feature-settings: 'tnum';
3076
+ font-feature-settings: 'tnum';
3077
+ border-top: 1px solid rgba(0, 0, 0, 0.06);
3078
+ }
3079
+ .ant-divider-vertical {
3080
+ position: relative;
3081
+ top: -0.06em;
3082
+ display: inline-block;
3083
+ height: 0.9em;
3084
+ margin: 0 8px;
3085
+ vertical-align: middle;
3086
+ border-top: 0;
3087
+ border-left: 1px solid rgba(0, 0, 0, 0.06);
3088
+ }
3089
+ .ant-divider-horizontal {
3090
+ display: -webkit-box;
3091
+ display: -ms-flexbox;
3092
+ display: flex;
3093
+ clear: both;
3094
+ width: 100%;
3095
+ min-width: 100%;
3096
+ margin: 24px 0;
3097
+ }
3098
+ .ant-divider-horizontal.ant-divider-with-text {
3099
+ display: -webkit-box;
3100
+ display: -ms-flexbox;
3101
+ display: flex;
3102
+ margin: 16px 0;
3103
+ color: rgba(0, 0, 0, 0.85);
3104
+ font-weight: 500;
3105
+ font-size: 16px;
3106
+ white-space: nowrap;
3107
+ text-align: center;
3108
+ border-top: 0;
3109
+ border-top-color: rgba(0, 0, 0, 0.06);
3110
+ }
3111
+ .ant-divider-horizontal.ant-divider-with-text::before,
3112
+ .ant-divider-horizontal.ant-divider-with-text::after {
3113
+ position: relative;
3114
+ top: 50%;
3115
+ width: 50%;
3116
+ border-top: 1px solid transparent;
3117
+ border-top-color: inherit;
3118
+ border-bottom: 0;
3119
+ -webkit-transform: translateY(50%);
3120
+ transform: translateY(50%);
3121
+ content: '';
3122
+ }
3123
+ .ant-divider-horizontal.ant-divider-with-text-left::before {
3124
+ top: 50%;
3125
+ width: 5%;
3126
+ }
3127
+ .ant-divider-horizontal.ant-divider-with-text-left::after {
3128
+ top: 50%;
3129
+ width: 95%;
3130
+ }
3131
+ .ant-divider-horizontal.ant-divider-with-text-right::before {
3132
+ top: 50%;
3133
+ width: 95%;
3134
+ }
3135
+ .ant-divider-horizontal.ant-divider-with-text-right::after {
3136
+ top: 50%;
3137
+ width: 5%;
3138
+ }
3139
+ .ant-divider-inner-text {
3140
+ display: inline-block;
3141
+ padding: 0 1em;
3142
+ }
3143
+ .ant-divider-dashed {
3144
+ background: none;
3145
+ border-color: rgba(0, 0, 0, 0.06);
3146
+ border-style: dashed;
3147
+ border-width: 1px 0 0;
3148
+ }
3149
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
3150
+ border-top: 0;
3151
+ }
3152
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
3153
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
3154
+ border-style: dashed none none;
3155
+ }
3156
+ .ant-divider-vertical.ant-divider-dashed {
3157
+ border-width: 0 0 0 1px;
3158
+ }
3159
+ .ant-divider-plain.ant-divider-with-text {
3160
+ color: rgba(0, 0, 0, 0.85);
3161
+ font-weight: normal;
3162
+ font-size: 14px;
3163
+ }
3164
+ .ant-divider-rtl {
3165
+ direction: rtl;
3166
+ }
3167
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
3168
+ width: 95%;
3169
+ }
3170
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
3171
+ width: 5%;
3172
+ }
3173
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
3174
+ width: 5%;
3175
+ }
3176
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
3177
+ width: 95%;
3178
+ }
3066
3179
  @-webkit-keyframes antCheckboxEffect {
3067
3180
  0% {
3068
3181
  -webkit-transform: scale(1);
@@ -3313,123 +3426,6 @@ a.ant-btn-sm {
3313
3426
  .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
3314
3427
  margin-left: 8px;
3315
3428
  }
3316
- .ant-checkbox-inner::after {
3317
- left: 20%;
3318
- }
3319
- .ant-divider {
3320
- -webkit-box-sizing: border-box;
3321
- box-sizing: border-box;
3322
- margin: 0;
3323
- padding: 0;
3324
- color: rgba(0, 0, 0, 0.85);
3325
- font-size: 14px;
3326
- font-variant: tabular-nums;
3327
- line-height: 1.5715;
3328
- list-style: none;
3329
- -webkit-font-feature-settings: 'tnum';
3330
- font-feature-settings: 'tnum';
3331
- border-top: 1px solid rgba(0, 0, 0, 0.06);
3332
- }
3333
- .ant-divider-vertical {
3334
- position: relative;
3335
- top: -0.06em;
3336
- display: inline-block;
3337
- height: 0.9em;
3338
- margin: 0 8px;
3339
- vertical-align: middle;
3340
- border-top: 0;
3341
- border-left: 1px solid rgba(0, 0, 0, 0.06);
3342
- }
3343
- .ant-divider-horizontal {
3344
- display: -webkit-box;
3345
- display: -ms-flexbox;
3346
- display: flex;
3347
- clear: both;
3348
- width: 100%;
3349
- min-width: 100%;
3350
- margin: 24px 0;
3351
- }
3352
- .ant-divider-horizontal.ant-divider-with-text {
3353
- display: -webkit-box;
3354
- display: -ms-flexbox;
3355
- display: flex;
3356
- margin: 16px 0;
3357
- color: rgba(0, 0, 0, 0.85);
3358
- font-weight: 500;
3359
- font-size: 16px;
3360
- white-space: nowrap;
3361
- text-align: center;
3362
- border-top: 0;
3363
- border-top-color: rgba(0, 0, 0, 0.06);
3364
- }
3365
- .ant-divider-horizontal.ant-divider-with-text::before,
3366
- .ant-divider-horizontal.ant-divider-with-text::after {
3367
- position: relative;
3368
- top: 50%;
3369
- width: 50%;
3370
- border-top: 1px solid transparent;
3371
- border-top-color: inherit;
3372
- border-bottom: 0;
3373
- -webkit-transform: translateY(50%);
3374
- transform: translateY(50%);
3375
- content: '';
3376
- }
3377
- .ant-divider-horizontal.ant-divider-with-text-left::before {
3378
- top: 50%;
3379
- width: 5%;
3380
- }
3381
- .ant-divider-horizontal.ant-divider-with-text-left::after {
3382
- top: 50%;
3383
- width: 95%;
3384
- }
3385
- .ant-divider-horizontal.ant-divider-with-text-right::before {
3386
- top: 50%;
3387
- width: 95%;
3388
- }
3389
- .ant-divider-horizontal.ant-divider-with-text-right::after {
3390
- top: 50%;
3391
- width: 5%;
3392
- }
3393
- .ant-divider-inner-text {
3394
- display: inline-block;
3395
- padding: 0 1em;
3396
- }
3397
- .ant-divider-dashed {
3398
- background: none;
3399
- border-color: rgba(0, 0, 0, 0.06);
3400
- border-style: dashed;
3401
- border-width: 1px 0 0;
3402
- }
3403
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
3404
- border-top: 0;
3405
- }
3406
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
3407
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
3408
- border-style: dashed none none;
3409
- }
3410
- .ant-divider-vertical.ant-divider-dashed {
3411
- border-width: 0 0 0 1px;
3412
- }
3413
- .ant-divider-plain.ant-divider-with-text {
3414
- color: rgba(0, 0, 0, 0.85);
3415
- font-weight: normal;
3416
- font-size: 14px;
3417
- }
3418
- .ant-divider-rtl {
3419
- direction: rtl;
3420
- }
3421
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
3422
- width: 95%;
3423
- }
3424
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
3425
- width: 5%;
3426
- }
3427
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
3428
- width: 5%;
3429
- }
3430
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
3431
- width: 95%;
3432
- }
3433
3429
  .ant-input-affix-wrapper {
3434
3430
  position: relative;
3435
3431
  display: inline-block;
@@ -4206,6 +4202,9 @@ textarea.ant-input {
4206
4202
  .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4207
4203
  line-height: 40px;
4208
4204
  }
4205
+ .ant-checkbox-inner::after {
4206
+ left: 20%;
4207
+ }
4209
4208
  .pandora-sdk-checkbox-item {
4210
4209
  line-height: 25px !important;
4211
4210
  white-space: nowrap;
@@ -4764,6 +4763,9 @@ textarea.ant-input {
4764
4763
  .ant-input[disabled] {
4765
4764
  border-color: #d9d9d9;
4766
4765
  }
4766
+ .ant-input-group-addon {
4767
+ color: #666;
4768
+ }
4767
4769
  .ant-input-number {
4768
4770
  -webkit-box-sizing: border-box;
4769
4771
  box-sizing: border-box;
@@ -5175,6 +5177,7 @@ textarea.ant-input-number {
5175
5177
  text-overflow: ellipsis;
5176
5178
  white-space: nowrap;
5177
5179
  line-height: 1.8;
5180
+ vertical-align: middle;
5178
5181
  }
5179
5182
  .pandora-sdk-key-value-label {
5180
5183
  color: #666;
@@ -6155,6 +6158,15 @@ textarea.ant-input-number {
6155
6158
  .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
6156
6159
  max-height: 320px;
6157
6160
  }
6161
+ .pandora-sdk-name-explain-icon {
6162
+ color: inherit;
6163
+ -webkit-transition: color 0.3s;
6164
+ transition: color 0.3s;
6165
+ }
6166
+ .pandora-sdk-name-explain-icon:hover,
6167
+ .pandora-sdk-name-explain-icon .ant-tooltip-open {
6168
+ color: #2c6dd2;
6169
+ }
6158
6170
  .ant-modal {
6159
6171
  -webkit-box-sizing: border-box;
6160
6172
  box-sizing: border-box;
@@ -6436,15 +6448,6 @@ textarea.ant-input-number {
6436
6448
  .pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
6437
6449
  color: #d9d9d9;
6438
6450
  }
6439
- .pandora-sdk-name-explain-icon {
6440
- color: inherit;
6441
- -webkit-transition: color 0.3s;
6442
- transition: color 0.3s;
6443
- }
6444
- .pandora-sdk-name-explain-icon:hover,
6445
- .pandora-sdk-name-explain-icon .ant-tooltip-open {
6446
- color: #2c6dd2;
6447
- }
6448
6451
  .ant-tooltip {
6449
6452
  -webkit-box-sizing: border-box;
6450
6453
  box-sizing: border-box;
@@ -6705,7 +6708,15 @@ textarea.ant-input-number {
6705
6708
  .ant-tooltip-rtl .ant-tooltip-inner {
6706
6709
  text-align: right;
6707
6710
  }
6708
- .pandora-sdk-name-tooltip .ant-tooltip-inner {
6711
+ .pandora-sdk-name-limit {
6712
+ max-width: 100%;
6713
+ display: inline-block;
6714
+ vertical-align: top;
6715
+ white-space: nowrap;
6716
+ text-overflow: ellipsis;
6717
+ overflow: hidden;
6718
+ }
6719
+ .pandora-sdk-name-limit-tooltip .ant-tooltip-inner {
6709
6720
  max-width: 400px !important;
6710
6721
  max-height: 200px !important;
6711
6722
  overflow: auto;
@@ -6741,10 +6752,6 @@ textarea.ant-input-number {
6741
6752
  .pandora-sdk-range-input input[type='number'] {
6742
6753
  -moz-appearance: textfield;
6743
6754
  }
6744
- .pandora-sdk-remark-name {
6745
- word-break: break-all;
6746
- white-space: nowrap;
6747
- }
6748
6755
  .ant-select-single .ant-select-selector {
6749
6756
  display: -webkit-box;
6750
6757
  display: -ms-flexbox;
@@ -7537,16 +7544,20 @@ textarea.ant-input-number {
7537
7544
  .pandora-sdk-selector-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-corner {
7538
7545
  background: transparent;
7539
7546
  }
7540
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu-item-disabled {
7547
+ .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
7541
7548
  color: #d9d9d9 !important;
7542
7549
  }
7543
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu-item-selected {
7550
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
7544
7551
  color: #2c6dd2;
7552
+ font-weight: 400;
7545
7553
  }
7546
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu-item-selected::after {
7554
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected::after {
7547
7555
  color: #2c6dd2 !important;
7548
7556
  }
7549
- .pandora-sdk-selector-dropdown .ant-select-dropdown-menu-item-group-title {
7557
+ .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
7558
+ color: #2c6dd2;
7559
+ }
7560
+ .pandora-sdk-selector-dropdown .ant-select-item-group {
7550
7561
  color: #d9d9d9;
7551
7562
  }
7552
7563
  .pandora-sdk-selector-dropdown.pandora-sdk-selector-no-ellipsis .ant-select-dropdown-menu {
@@ -7957,8 +7968,15 @@ span.ant-radio + * {
7957
7968
  border-color: #2c6dd2 !important;
7958
7969
  color: #2c6dd2 !important;
7959
7970
  }
7960
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7961
- background-color: #2c6dd2;
7971
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-disabled {
7972
+ border-color: #d9d9d9 !important;
7973
+ color: rgba(0, 0, 0, 0.85) !important;
7974
+ }
7975
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
7976
+ background-color: #d9d9d9;
7977
+ }
7978
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7979
+ background-color: #2c6dd2 !important;
7962
7980
  }
7963
7981
  .ant-spin {
7964
7982
  -webkit-box-sizing: border-box;
@@ -10657,6 +10675,9 @@ textarea.ant-pagination-options-quick-jumper input {
10657
10675
  .ant-table-cell::before {
10658
10676
  display: none;
10659
10677
  }
10678
+ .ant-empty .ant-empty-description {
10679
+ color: #bfbfbf;
10680
+ }
10660
10681
  .pandora-sdk-tabs .pandora-sdk-tabs-tab {
10661
10682
  position: relative;
10662
10683
  }
@@ -10939,13 +10960,13 @@ textarea.ant-pagination-options-quick-jumper input {
10939
10960
  .pandora-sdk-taglist-containter .pandora-sdk-simplify .pandora-sdk-icon:hover {
10940
10961
  color: #7a869a;
10941
10962
  }
10942
- .pandora-sdk-taglist-containter .pandora-sdk-popover {
10963
+ .pandora-sdk-popover {
10943
10964
  max-width: 400px;
10944
10965
  max-height: 1000px;
10945
10966
  overflow: auto;
10946
- padding: 16px;
10967
+ padding: 8px !important;
10947
10968
  }
10948
- .pandora-sdk-taglist-containter .pandora-sdk-popover > div {
10969
+ .pandora-sdk-popover > div {
10949
10970
  margin: 4px;
10950
10971
  }
10951
10972
  .pandora-sdk-timeline-container {
@@ -11544,6 +11565,12 @@ textarea.ant-pagination-options-quick-jumper input {
11544
11565
  .pandora-sdk-tree-select-dropdown .ant-empty {
11545
11566
  text-align: center;
11546
11567
  }
11568
+ .pandora-sdk-card-search-input {
11569
+ min-width: 200px;
11570
+ }
11571
+ .pandora-sdk-card-search-input i {
11572
+ color: #bfbfbf;
11573
+ }
11547
11574
  .ant-row {
11548
11575
  display: -webkit-box;
11549
11576
  display: -ms-flexbox;
@@ -17433,11 +17460,39 @@ textarea.ant-pagination-options-quick-jumper input {
17433
17460
  .pandora-sdk-card-row-extra button {
17434
17461
  min-width: 80px;
17435
17462
  }
17436
- .pandora-sdk-card-search-input {
17437
- min-width: 200px;
17463
+ .pandora-sdk-panel-title {
17464
+ display: -webkit-box;
17465
+ display: -ms-flexbox;
17466
+ display: flex;
17467
+ -webkit-box-pack: justify;
17468
+ -ms-flex-pack: justify;
17469
+ justify-content: space-between;
17470
+ font-size: 12px;
17471
+ color: #42526e;
17472
+ cursor: pointer;
17473
+ padding-bottom: 16px;
17474
+ border-bottom: 1px solid #d9d9d9;
17438
17475
  }
17439
- .pandora-sdk-card-search-input i {
17440
- color: #bfbfbf;
17476
+ .pandora-sdk-panel-title .icon {
17477
+ font-size: 14px;
17478
+ }
17479
+ .pandora-sdk-panel-content {
17480
+ padding: 20px 0 0 0;
17481
+ }
17482
+ .pandora-sdk-panel-hidden {
17483
+ display: none;
17484
+ }
17485
+ .pandora-sdk-panel {
17486
+ margin-bottom: 20px;
17487
+ }
17488
+ .pandora-sdk-panel-disable {
17489
+ cursor: default;
17490
+ }
17491
+ .pandora-sdk-custom-panel-title {
17492
+ color: red;
17493
+ }
17494
+ .pandora-sdk-custom-panel-content {
17495
+ color: red;
17441
17496
  }
17442
17497
  .ant-picker {
17443
17498
  -webkit-box-sizing: border-box;
@@ -18853,7 +18908,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
18853
18908
  line-height: 24px;
18854
18909
  margin-right: 8px;
18855
18910
  border-radius: 1px;
18856
- color: #42526e;
18911
+ color: #333;
18857
18912
  text-align: center;
18858
18913
  vertical-align: middle;
18859
18914
  border-radius: 2px;
@@ -18891,8 +18946,8 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
18891
18946
  border-left: 1px solid rgba(44, 109, 210, 0.1);
18892
18947
  }
18893
18948
  .pandora-sdk-root .pandora-sdk-content {
18894
- padding: 0 4px;
18895
- max-width: 200px;
18949
+ padding: 0 8px;
18950
+ max-width: 150px;
18896
18951
  vertical-align: middle;
18897
18952
  overflow: hidden;
18898
18953
  white-space: nowrap;
@@ -18985,18 +19040,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
18985
19040
  font-size: 12px;
18986
19041
  color: #333;
18987
19042
  }
18988
- .pandora-sdk-transfer-list {
18989
- overflow: hidden;
18990
- }
18991
- .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
18992
- margin-bottom: 10px;
18993
- }
18994
- .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
18995
- margin-bottom: 10px;
18996
- }
18997
- .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
18998
- margin-bottom: 10px;
18999
- }
19000
19043
  .pandora-sdk-transfer-list-body {
19001
19044
  height: 300px;
19002
19045
  overflow-y: scroll;
@@ -19013,39 +19056,17 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19013
19056
  .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
19014
19057
  margin-bottom: 10px;
19015
19058
  }
19016
- .pandora-sdk-panel-title {
19017
- display: -webkit-box;
19018
- display: -ms-flexbox;
19019
- display: flex;
19020
- -webkit-box-pack: justify;
19021
- -ms-flex-pack: justify;
19022
- justify-content: space-between;
19023
- font-size: 12px;
19024
- color: #42526e;
19025
- cursor: pointer;
19026
- padding-bottom: 16px;
19027
- border-bottom: 1px solid #d9d9d9;
19028
- }
19029
- .pandora-sdk-panel-title .icon {
19030
- font-size: 14px;
19031
- }
19032
- .pandora-sdk-panel-content {
19033
- padding: 20px 0 0 0;
19034
- }
19035
- .pandora-sdk-panel-hidden {
19036
- display: none;
19037
- }
19038
- .pandora-sdk-panel {
19039
- margin-bottom: 20px;
19059
+ .pandora-sdk-transfer-list {
19060
+ overflow: hidden;
19040
19061
  }
19041
- .pandora-sdk-panel-disable {
19042
- cursor: default;
19062
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
19063
+ margin-bottom: 10px;
19043
19064
  }
19044
- .pandora-sdk-custom-panel-title {
19045
- color: red;
19065
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
19066
+ margin-bottom: 10px;
19046
19067
  }
19047
- .pandora-sdk-custom-panel-content {
19048
- color: red;
19068
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
19069
+ margin-bottom: 10px;
19049
19070
  }
19050
19071
  .pandora-sdk-datetime-mobile-pick-range-preset-head {
19051
19072
  display: -webkit-box;
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';
@@ -13,7 +13,7 @@ export { default as DateTimePicker, Time, EButtonType, IDateTimePickerProps } fr
13
13
  export * from './components/DateTimePicker/constants';
14
14
  export * from './components/DateTimePicker/transform';
15
15
  export { default as Style } from './components/Style';
16
- export { default as SolidRadioGroup, ISolidRadioGroupProps } from './components/SolidRadioGroup';
16
+ export { default as SolidRadioGroup, ISolidRadioGroupProps, IOption as ISolidRadioGroupOption } from './components/SolidRadioGroup';
17
17
  export { default as Menu, IOption as IMenuOption } from './components/Menu';
18
18
  export { default as Spin, SpinMode } from './components/Spin';
19
19
  export { default as Modal } from './components/Modal';
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
@@ -4,8 +4,8 @@
4
4
  @import './components/Breadcrumb/style.less';
5
5
  @import './components/Button/style.less';
6
6
  @import './components/Card/style.less';
7
- @import './components/Checkbox/style.less';
8
7
  @import './components/CheckTransformList/style.less';
8
+ @import './components/Checkbox/style.less';
9
9
  @import './components/CheckboxList/style.less';
10
10
  @import './components/CollapsiblePanel/style.less';
11
11
  @import './components/DateTimePicker/style.less';
@@ -14,8 +14,8 @@
14
14
  @import './components/InputNumber/style.less';
15
15
  @import './components/KeyValuePair/style.less';
16
16
  @import './components/Menu/style.less';
17
- @import './components/Modal/style.less';
18
17
  @import './components/NameExplainTooltip/style.less';
18
+ @import './components/Modal/style.less';
19
19
  @import './components/NameLimiter/style.less';
20
20
  @import './components/OptionList/style.less';
21
21
  @import './components/RangeInput/style.less';
@@ -30,8 +30,10 @@
30
30
  @import './components/Timeline/style.less';
31
31
  @import './components/Transfer/style.less';
32
32
  @import './components/TreeSelector/style.less';
33
- @import './components/Card/RowExtra/style.less';
34
33
  @import './components/Card/SearchInput/style.less';
34
+ @import './components/Card/RowExtra/style.less';
35
+ @import './components/Collapse/Panel/style.less';
36
+ @import './components/Collapse/stories/style.stories.less';
35
37
  @import './components/DateTimePicker/Base/style.less';
36
38
  @import './components/DateTimePicker/BaseMobile/style.less';
37
39
  @import './components/DateTimePicker/DisplayInput/style.less';
@@ -43,8 +45,6 @@
43
45
  @import './components/TagList/Tag/style.less';
44
46
  @import './components/TagList/TagSwitch/style.less';
45
47
  @import './components/Timeline/TimelineItem/style.less';
46
- @import './components/Transfer/List/style.less';
47
48
  @import './components/Transfer/ListBody/style.less';
48
- @import './components/Collapse/Panel/style.less';
49
- @import './components/Collapse/stories/style.stories.less';
49
+ @import './components/Transfer/List/style.less';
50
50
  @import './components/DateTimePicker/BaseMobile/Absolute/style.less';
@@ -123,8 +123,8 @@
123
123
  @zindex-popover: 1200; // antd
124
124
  @zindex-tooltip: 1300; // antd
125
125
  // pandora色
126
- @zindex-layout-navbar: 1100; // phoenix
127
- @zindex-layout-sidebar: 1100; // phoenix
126
+ @zindex-layout-navbar: 1210; // phoenix
127
+ @zindex-layout-sidebar: 1200; // phoenix
128
128
  @zindex-toaster: 3000; // app-platform phoenix
129
129
 
130
130
  // 组件色变量=========================================================
@@ -170,9 +170,9 @@
170
170
  // Input和label------------------------
171
171
  // antd覆盖色
172
172
  @input-placeholder-color: #bfbfbf; // pandora-component antd 多 phoenix
173
- @input-border-color: #d9d9d9; // pandora-component antd
173
+ @input-border-color: #bfbfbf; // pandora-component antd
174
174
  @input-height-base: 32px; // phoenix antd
175
- @input-height-lg: 32px; // antd
175
+ @input-height-lg: 40px; // antd
176
176
  @input-height-sm: 26px; // antd
177
177
  @input-padding-vertical-base: 4px;
178
178
  @input-bg: transparent; // 多个 antd
@@ -201,7 +201,8 @@
201
201
 
202
202
  // Table------------------------
203
203
  // antd覆盖色
204
- @table-row-hover-bg: @theme-color-010; // pandora-component antd phoenix
204
+ // TODO: 暂时写死,后续通过函数计算@theme-color-010得到
205
+ @table-row-hover-bg: #e9f0fa;
205
206
  @table-selected-row-bg: @theme-color; // antd
206
207
  @table-padding-vertical: 14px; // antd
207
208
  @table-padding-horizontal: 12px; // antd
@@ -244,9 +245,10 @@
244
245
  @time-absolute-picker-title-div: #939393; // pandora-component
245
246
 
246
247
  // sidebar------------------------
247
- @layout-sidebar-width: 176px; // phoenix
248
+ @layout-sidebar-width: 240px; // phoenix
248
249
  @layout-sidebar-collapsed-width: 0px; // phoenix
249
- @layout-navbar-height: 48px; // phoenix
250
+ @layout-navbar-height: 52px; // phoenix
251
+ @layout-navbar-sub-height: 56px; // phoenix
250
252
  // 深色主题
251
253
  @side-bar-active-color: #6ac73c; // pandora-visualization
252
254