@qn-pandora/pandora-component 4.3.3 → 4.3.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (120) hide show
  1. package/CHANGELOG.json +17 -0
  2. package/CHANGELOG.md +8 -1
  3. package/README.md +36 -36
  4. package/es/components/AutoComplete/style.less +8 -8
  5. package/es/components/Breadcrumb/style.less +9 -9
  6. package/es/components/Button/style.less +51 -51
  7. package/es/components/Card/RowExtra/style.less +8 -8
  8. package/es/components/Card/SearchInput/style.less +8 -8
  9. package/es/components/Card/style.less +11 -11
  10. package/es/components/CheckTransformList/style.less +35 -35
  11. package/es/components/Checkbox/style.less +5 -5
  12. package/es/components/CheckboxList/style.less +11 -11
  13. package/es/components/Collapse/style.less +58 -58
  14. package/es/components/CollapsiblePanel/style.less +63 -63
  15. package/es/components/DateTimePicker/Base/style.less +160 -160
  16. package/es/components/DateTimePicker/BaseMobile/Absolute/style.less +35 -35
  17. package/es/components/DateTimePicker/BaseMobile/style.less +32 -32
  18. package/es/components/DateTimePicker/Collapse/Panel/style.less +26 -26
  19. package/es/components/DateTimePicker/DisplayInput/style.less +9 -9
  20. package/es/components/DateTimePicker/constants.d.ts +2 -2
  21. package/es/components/DateTimePicker/style.less +19 -19
  22. package/es/components/Descriptions/style.less +16 -16
  23. package/es/components/Drawer/CloseIcon/style.less +8 -8
  24. package/es/components/Drawer/index.d.ts +1 -0
  25. package/es/components/Drawer/index.js +13 -4
  26. package/es/components/Drawer/style.less +61 -61
  27. package/es/components/FileResumable/style.less +94 -94
  28. package/es/components/Input/style.less +12 -12
  29. package/es/components/KeyValuePair/style.less +25 -25
  30. package/es/components/Menu/style.less +18 -18
  31. package/es/components/Modal/style.less +30 -30
  32. package/es/components/NameExplainTooltip/style.less +10 -10
  33. package/es/components/NameLimiter/style.less +19 -19
  34. package/es/components/OptionList/InlineOptionList/style.less +16 -16
  35. package/es/components/OptionList/OptionItem/style.less +25 -25
  36. package/es/components/OptionList/PopoverOptionList/style.less +30 -30
  37. package/es/components/OptionList/style.less +3 -3
  38. package/es/components/RadioGroup/style.less +41 -41
  39. package/es/components/RangeInput/style.less +37 -37
  40. package/es/components/RemarkName/style.less +2 -2
  41. package/es/components/Selector/style.less +99 -99
  42. package/es/components/Spin/style.less +26 -26
  43. package/es/components/Steps/ControlButton/style.less +5 -5
  44. package/es/components/Steps/style.less +48 -48
  45. package/es/components/Table/ColumnSetting/style.less +46 -46
  46. package/es/components/Table/ColumnTag/style.less +40 -40
  47. package/es/components/Table/style.less +321 -321
  48. package/es/components/Tabs/style.less +33 -33
  49. package/es/components/TagList/Tag/style.less +72 -72
  50. package/es/components/TagList/TagSwitch/style.less +28 -28
  51. package/es/components/TagList/style.less +28 -28
  52. package/es/components/Timeline/TimelineItem/style.less +49 -49
  53. package/es/components/Timeline/style.less +23 -23
  54. package/es/components/Transfer/List/style.less +19 -19
  55. package/es/components/Transfer/ListBody/style.less +18 -18
  56. package/es/components/Transfer/style.less +14 -14
  57. package/es/components/TreeSelector/style.less +56 -56
  58. package/es/index.css +137 -137
  59. package/es/index.less +53 -53
  60. package/es/style/mixin.less +45 -45
  61. package/es/style/theme.less +412 -412
  62. package/lib/components/AutoComplete/style.less +8 -8
  63. package/lib/components/Breadcrumb/style.less +9 -9
  64. package/lib/components/Button/style.less +51 -51
  65. package/lib/components/Card/RowExtra/style.less +8 -8
  66. package/lib/components/Card/SearchInput/style.less +8 -8
  67. package/lib/components/Card/style.less +11 -11
  68. package/lib/components/CheckTransformList/style.less +35 -35
  69. package/lib/components/Checkbox/style.less +5 -5
  70. package/lib/components/CheckboxList/style.less +11 -11
  71. package/lib/components/Collapse/style.less +58 -58
  72. package/lib/components/CollapsiblePanel/style.less +63 -63
  73. package/lib/components/DateTimePicker/Base/style.less +160 -160
  74. package/lib/components/DateTimePicker/BaseMobile/Absolute/style.less +35 -35
  75. package/lib/components/DateTimePicker/BaseMobile/style.less +32 -32
  76. package/lib/components/DateTimePicker/Collapse/Panel/style.less +26 -26
  77. package/lib/components/DateTimePicker/DisplayInput/style.less +9 -9
  78. package/lib/components/DateTimePicker/constants.d.ts +2 -2
  79. package/lib/components/DateTimePicker/style.less +19 -19
  80. package/lib/components/Descriptions/style.less +16 -16
  81. package/lib/components/Drawer/CloseIcon/style.less +8 -8
  82. package/lib/components/Drawer/index.d.ts +1 -0
  83. package/lib/components/Drawer/index.js +13 -4
  84. package/lib/components/Drawer/style.less +61 -61
  85. package/lib/components/FileResumable/style.less +94 -94
  86. package/lib/components/Input/style.less +12 -12
  87. package/lib/components/KeyValuePair/style.less +25 -25
  88. package/lib/components/Menu/style.less +18 -18
  89. package/lib/components/Modal/style.less +30 -30
  90. package/lib/components/NameExplainTooltip/style.less +10 -10
  91. package/lib/components/NameLimiter/style.less +19 -19
  92. package/lib/components/OptionList/InlineOptionList/style.less +16 -16
  93. package/lib/components/OptionList/OptionItem/style.less +25 -25
  94. package/lib/components/OptionList/PopoverOptionList/style.less +30 -30
  95. package/lib/components/OptionList/style.less +3 -3
  96. package/lib/components/RadioGroup/style.less +41 -41
  97. package/lib/components/RangeInput/style.less +37 -37
  98. package/lib/components/RemarkName/style.less +2 -2
  99. package/lib/components/Selector/style.less +99 -99
  100. package/lib/components/Spin/style.less +26 -26
  101. package/lib/components/Steps/ControlButton/style.less +5 -5
  102. package/lib/components/Steps/style.less +48 -48
  103. package/lib/components/Table/ColumnSetting/style.less +46 -46
  104. package/lib/components/Table/ColumnTag/style.less +40 -40
  105. package/lib/components/Table/style.less +321 -321
  106. package/lib/components/Tabs/style.less +33 -33
  107. package/lib/components/TagList/Tag/style.less +72 -72
  108. package/lib/components/TagList/TagSwitch/style.less +28 -28
  109. package/lib/components/TagList/style.less +28 -28
  110. package/lib/components/Timeline/TimelineItem/style.less +49 -49
  111. package/lib/components/Timeline/style.less +23 -23
  112. package/lib/components/Transfer/List/style.less +19 -19
  113. package/lib/components/Transfer/ListBody/style.less +18 -18
  114. package/lib/components/Transfer/style.less +14 -14
  115. package/lib/components/TreeSelector/style.less +56 -56
  116. package/lib/index.css +2403 -2403
  117. package/lib/index.less +53 -53
  118. package/lib/style/mixin.less +45 -45
  119. package/lib/style/theme.less +412 -412
  120. package/package.json +83 -83
@@ -1,56 +1,56 @@
1
- @import 'antd/lib/tree-select/style/index.less';
2
- @import '../../style/theme.less';
3
- @import '../../style//mixin.less';
4
-
5
- .@{sdk-prefix}-tree-select {
6
- width: 100%;
7
- color: @font-color-1;
8
- -webkit-box-sizing: border-box;
9
- box-sizing: border-box;
10
- .@{ant-prefix}-select-selection {
11
- background: @select-bg;
12
- }
13
- .@{ant-prefix}-select-multiple {
14
- .@{ant-prefix}-select-selection-item {
15
- color: @normal-color;
16
- background: @theme-color-080;
17
- }
18
- .@{ant-prefix}-select-selection-item-remove {
19
- color: @normal-color;
20
- opacity: 0.5;
21
- }
22
- }
23
- }
24
-
25
- .@{sdk-prefix}-tree-select-dropdown {
26
- -webkit-box-sizing: border-box;
27
- box-sizing: border-box;
28
- .@{ant-prefix}-select-tree {
29
- max-height: 340px;
30
- padding: 0;
31
- overflow: auto;
32
- .scrollbar(rgba(0, 0, 0, 0.5), 8px);
33
- li {
34
- margin: 0;
35
- color: @font-color-1;
36
- .@{ant-prefix}-select-tree-node-content-wrapper {
37
- -webkit-box-sizing: border-box;
38
- box-sizing: border-box;
39
- border-left: 2px solid transparent;
40
- &:hover {
41
- background-color: @tree-node-hover-bg;
42
- color: @tree-node-hover-color;
43
- }
44
- }
45
-
46
- .@{ant-prefix}-select-tree-node-selected {
47
- border-color: @tree-node-selected-color;
48
- background-color: @tree-node-selected-bg;
49
- color: @tree-node-selected-color;
50
- }
51
- }
52
- }
53
- .@{ant-prefix}-empty {
54
- text-align: center;
55
- }
56
- }
1
+ @import 'antd/lib/tree-select/style/index.less';
2
+ @import '../../style/theme.less';
3
+ @import '../../style//mixin.less';
4
+
5
+ .@{sdk-prefix}-tree-select {
6
+ width: 100%;
7
+ color: @font-color-1;
8
+ -webkit-box-sizing: border-box;
9
+ box-sizing: border-box;
10
+ .@{ant-prefix}-select-selection {
11
+ background: @select-bg;
12
+ }
13
+ .@{ant-prefix}-select-multiple {
14
+ .@{ant-prefix}-select-selection-item {
15
+ color: @normal-color;
16
+ background: @theme-color-080;
17
+ }
18
+ .@{ant-prefix}-select-selection-item-remove {
19
+ color: @normal-color;
20
+ opacity: 0.5;
21
+ }
22
+ }
23
+ }
24
+
25
+ .@{sdk-prefix}-tree-select-dropdown {
26
+ -webkit-box-sizing: border-box;
27
+ box-sizing: border-box;
28
+ .@{ant-prefix}-select-tree {
29
+ max-height: 340px;
30
+ padding: 0;
31
+ overflow: auto;
32
+ .scrollbar(rgba(0, 0, 0, 0.5), 8px);
33
+ li {
34
+ margin: 0;
35
+ color: @font-color-1;
36
+ .@{ant-prefix}-select-tree-node-content-wrapper {
37
+ -webkit-box-sizing: border-box;
38
+ box-sizing: border-box;
39
+ border-left: 2px solid transparent;
40
+ &:hover {
41
+ background-color: @tree-node-hover-bg;
42
+ color: @tree-node-hover-color;
43
+ }
44
+ }
45
+
46
+ .@{ant-prefix}-select-tree-node-selected {
47
+ border-color: @tree-node-selected-color;
48
+ background-color: @tree-node-selected-bg;
49
+ color: @tree-node-selected-color;
50
+ }
51
+ }
52
+ }
53
+ .@{ant-prefix}-empty {
54
+ text-align: center;
55
+ }
56
+ }
package/es/index.css CHANGED
@@ -3086,120 +3086,6 @@ a.ant-btn-sm {
3086
3086
  .pandora-sdk-card .ant-card-head .ant-card-extra {
3087
3087
  padding: 0;
3088
3088
  }
3089
- .ant-divider {
3090
- -webkit-box-sizing: border-box;
3091
- box-sizing: border-box;
3092
- margin: 0;
3093
- padding: 0;
3094
- color: rgba(0, 0, 0, 0.85);
3095
- font-size: 14px;
3096
- font-variant: tabular-nums;
3097
- line-height: 1.5715;
3098
- list-style: none;
3099
- -webkit-font-feature-settings: 'tnum';
3100
- font-feature-settings: 'tnum';
3101
- border-top: 1px solid rgba(0, 0, 0, 0.06);
3102
- }
3103
- .ant-divider-vertical {
3104
- position: relative;
3105
- top: -0.06em;
3106
- display: inline-block;
3107
- height: 0.9em;
3108
- margin: 0 8px;
3109
- vertical-align: middle;
3110
- border-top: 0;
3111
- border-left: 1px solid rgba(0, 0, 0, 0.06);
3112
- }
3113
- .ant-divider-horizontal {
3114
- display: -webkit-box;
3115
- display: -ms-flexbox;
3116
- display: flex;
3117
- clear: both;
3118
- width: 100%;
3119
- min-width: 100%;
3120
- margin: 24px 0;
3121
- }
3122
- .ant-divider-horizontal.ant-divider-with-text {
3123
- display: -webkit-box;
3124
- display: -ms-flexbox;
3125
- display: flex;
3126
- margin: 16px 0;
3127
- color: rgba(0, 0, 0, 0.85);
3128
- font-weight: 500;
3129
- font-size: 16px;
3130
- white-space: nowrap;
3131
- text-align: center;
3132
- border-top: 0;
3133
- border-top-color: rgba(0, 0, 0, 0.06);
3134
- }
3135
- .ant-divider-horizontal.ant-divider-with-text::before,
3136
- .ant-divider-horizontal.ant-divider-with-text::after {
3137
- position: relative;
3138
- top: 50%;
3139
- width: 50%;
3140
- border-top: 1px solid transparent;
3141
- border-top-color: inherit;
3142
- border-bottom: 0;
3143
- -webkit-transform: translateY(50%);
3144
- transform: translateY(50%);
3145
- content: '';
3146
- }
3147
- .ant-divider-horizontal.ant-divider-with-text-left::before {
3148
- top: 50%;
3149
- width: 5%;
3150
- }
3151
- .ant-divider-horizontal.ant-divider-with-text-left::after {
3152
- top: 50%;
3153
- width: 95%;
3154
- }
3155
- .ant-divider-horizontal.ant-divider-with-text-right::before {
3156
- top: 50%;
3157
- width: 95%;
3158
- }
3159
- .ant-divider-horizontal.ant-divider-with-text-right::after {
3160
- top: 50%;
3161
- width: 5%;
3162
- }
3163
- .ant-divider-inner-text {
3164
- display: inline-block;
3165
- padding: 0 1em;
3166
- }
3167
- .ant-divider-dashed {
3168
- background: none;
3169
- border-color: rgba(0, 0, 0, 0.06);
3170
- border-style: dashed;
3171
- border-width: 1px 0 0;
3172
- }
3173
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
3174
- border-top: 0;
3175
- }
3176
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
3177
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
3178
- border-style: dashed none none;
3179
- }
3180
- .ant-divider-vertical.ant-divider-dashed {
3181
- border-width: 0 0 0 1px;
3182
- }
3183
- .ant-divider-plain.ant-divider-with-text {
3184
- color: rgba(0, 0, 0, 0.85);
3185
- font-weight: normal;
3186
- font-size: 14px;
3187
- }
3188
- .ant-divider-rtl {
3189
- direction: rtl;
3190
- }
3191
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
3192
- width: 95%;
3193
- }
3194
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
3195
- width: 5%;
3196
- }
3197
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
3198
- width: 5%;
3199
- }
3200
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
3201
- width: 95%;
3202
- }
3203
3089
  @-webkit-keyframes antCheckboxEffect {
3204
3090
  0% {
3205
3091
  -webkit-transform: scale(1);
@@ -3450,6 +3336,131 @@ a.ant-btn-sm {
3450
3336
  .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
3451
3337
  margin-left: 8px;
3452
3338
  }
3339
+ .ant-checkbox-inner::after {
3340
+ left: 20%;
3341
+ }
3342
+ .pandora-sdk-checkbox-item {
3343
+ white-space: nowrap;
3344
+ width: 100%;
3345
+ }
3346
+ .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
3347
+ margin-left: 0;
3348
+ line-height: 25px;
3349
+ }
3350
+ .ant-divider {
3351
+ -webkit-box-sizing: border-box;
3352
+ box-sizing: border-box;
3353
+ margin: 0;
3354
+ padding: 0;
3355
+ color: rgba(0, 0, 0, 0.85);
3356
+ font-size: 14px;
3357
+ font-variant: tabular-nums;
3358
+ line-height: 1.5715;
3359
+ list-style: none;
3360
+ -webkit-font-feature-settings: 'tnum';
3361
+ font-feature-settings: 'tnum';
3362
+ border-top: 1px solid rgba(0, 0, 0, 0.06);
3363
+ }
3364
+ .ant-divider-vertical {
3365
+ position: relative;
3366
+ top: -0.06em;
3367
+ display: inline-block;
3368
+ height: 0.9em;
3369
+ margin: 0 8px;
3370
+ vertical-align: middle;
3371
+ border-top: 0;
3372
+ border-left: 1px solid rgba(0, 0, 0, 0.06);
3373
+ }
3374
+ .ant-divider-horizontal {
3375
+ display: -webkit-box;
3376
+ display: -ms-flexbox;
3377
+ display: flex;
3378
+ clear: both;
3379
+ width: 100%;
3380
+ min-width: 100%;
3381
+ margin: 24px 0;
3382
+ }
3383
+ .ant-divider-horizontal.ant-divider-with-text {
3384
+ display: -webkit-box;
3385
+ display: -ms-flexbox;
3386
+ display: flex;
3387
+ margin: 16px 0;
3388
+ color: rgba(0, 0, 0, 0.85);
3389
+ font-weight: 500;
3390
+ font-size: 16px;
3391
+ white-space: nowrap;
3392
+ text-align: center;
3393
+ border-top: 0;
3394
+ border-top-color: rgba(0, 0, 0, 0.06);
3395
+ }
3396
+ .ant-divider-horizontal.ant-divider-with-text::before,
3397
+ .ant-divider-horizontal.ant-divider-with-text::after {
3398
+ position: relative;
3399
+ top: 50%;
3400
+ width: 50%;
3401
+ border-top: 1px solid transparent;
3402
+ border-top-color: inherit;
3403
+ border-bottom: 0;
3404
+ -webkit-transform: translateY(50%);
3405
+ transform: translateY(50%);
3406
+ content: '';
3407
+ }
3408
+ .ant-divider-horizontal.ant-divider-with-text-left::before {
3409
+ top: 50%;
3410
+ width: 5%;
3411
+ }
3412
+ .ant-divider-horizontal.ant-divider-with-text-left::after {
3413
+ top: 50%;
3414
+ width: 95%;
3415
+ }
3416
+ .ant-divider-horizontal.ant-divider-with-text-right::before {
3417
+ top: 50%;
3418
+ width: 95%;
3419
+ }
3420
+ .ant-divider-horizontal.ant-divider-with-text-right::after {
3421
+ top: 50%;
3422
+ width: 5%;
3423
+ }
3424
+ .ant-divider-inner-text {
3425
+ display: inline-block;
3426
+ padding: 0 1em;
3427
+ }
3428
+ .ant-divider-dashed {
3429
+ background: none;
3430
+ border-color: rgba(0, 0, 0, 0.06);
3431
+ border-style: dashed;
3432
+ border-width: 1px 0 0;
3433
+ }
3434
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
3435
+ border-top: 0;
3436
+ }
3437
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
3438
+ .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
3439
+ border-style: dashed none none;
3440
+ }
3441
+ .ant-divider-vertical.ant-divider-dashed {
3442
+ border-width: 0 0 0 1px;
3443
+ }
3444
+ .ant-divider-plain.ant-divider-with-text {
3445
+ color: rgba(0, 0, 0, 0.85);
3446
+ font-weight: normal;
3447
+ font-size: 14px;
3448
+ }
3449
+ .ant-divider-rtl {
3450
+ direction: rtl;
3451
+ }
3452
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
3453
+ width: 95%;
3454
+ }
3455
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
3456
+ width: 5%;
3457
+ }
3458
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
3459
+ width: 5%;
3460
+ }
3461
+ .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
3462
+ width: 95%;
3463
+ }
3453
3464
  .ant-input-affix-wrapper {
3454
3465
  position: relative;
3455
3466
  display: inline-block;
@@ -4267,17 +4278,6 @@ textarea.ant-input {
4267
4278
  .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4268
4279
  line-height: 40px;
4269
4280
  }
4270
- .ant-checkbox-inner::after {
4271
- left: 20%;
4272
- }
4273
- .pandora-sdk-checkbox-item {
4274
- white-space: nowrap;
4275
- width: 100%;
4276
- }
4277
- .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
4278
- margin-left: 0;
4279
- line-height: 25px;
4280
- }
4281
4281
  .ant-collapse {
4282
4282
  -webkit-box-sizing: border-box;
4283
4283
  box-sizing: border-box;
@@ -20413,6 +20413,18 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20413
20413
  .pandora-sdk-modal-close-icon:hover {
20414
20414
  background: #f4f5f6;
20415
20415
  }
20416
+ .pandora-sdk-popover-inline-list {
20417
+ display: inline-block;
20418
+ vertical-align: middle;
20419
+ }
20420
+ .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
20421
+ display: inline-block;
20422
+ height: 100%;
20423
+ margin-right: 12px;
20424
+ }
20425
+ .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
20426
+ color: #2c6dd2;
20427
+ }
20416
20428
  .pandora-sdk-item {
20417
20429
  color: #2c6dd2;
20418
20430
  cursor: pointer;
@@ -20435,18 +20447,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20435
20447
  color: inherit;
20436
20448
  cursor: inherit;
20437
20449
  }
20438
- .pandora-sdk-popover-inline-list {
20439
- display: inline-block;
20440
- vertical-align: middle;
20441
- }
20442
- .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
20443
- display: inline-block;
20444
- height: 100%;
20445
- margin-right: 12px;
20446
- }
20447
- .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
20448
- color: #2c6dd2;
20449
- }
20450
20450
  .pandora-sdk-popover-item {
20451
20451
  display: inline-block;
20452
20452
  line-height: 18px;
package/es/index.less CHANGED
@@ -1,53 +1,53 @@
1
- @import './style/mixin.less';
2
- @import './style/theme.less';
3
- @import './components/AutoComplete/style.less';
4
- @import './components/Breadcrumb/style.less';
5
- @import './components/Button/style.less';
6
- @import './components/Card/style.less';
7
- @import './components/CheckTransformList/style.less';
8
- @import './components/Checkbox/style.less';
9
- @import './components/CheckboxList/style.less';
10
- @import './components/Collapse/style.less';
11
- @import './components/CollapsiblePanel/style.less';
12
- @import './components/DateTimePicker/style.less';
13
- @import './components/Descriptions/style.less';
14
- @import './components/Drawer/style.less';
15
- @import './components/FileResumable/style.less';
16
- @import './components/Input/style.less';
17
- @import './components/KeyValuePair/style.less';
18
- @import './components/Menu/style.less';
19
- @import './components/Modal/style.less';
20
- @import './components/NameExplainTooltip/style.less';
21
- @import './components/NameLimiter/style.less';
22
- @import './components/OptionList/style.less';
23
- @import './components/RadioGroup/style.less';
24
- @import './components/RangeInput/style.less';
25
- @import './components/RemarkName/style.less';
26
- @import './components/Selector/style.less';
27
- @import './components/Spin/style.less';
28
- @import './components/Steps/style.less';
29
- @import './components/Table/style.less';
30
- @import './components/Tabs/style.less';
31
- @import './components/TagList/style.less';
32
- @import './components/Timeline/style.less';
33
- @import './components/Transfer/style.less';
34
- @import './components/TreeSelector/style.less';
35
- @import './components/Card/RowExtra/style.less';
36
- @import './components/Card/SearchInput/style.less';
37
- @import './components/DateTimePicker/Base/style.less';
38
- @import './components/DateTimePicker/BaseMobile/style.less';
39
- @import './components/DateTimePicker/DisplayInput/style.less';
40
- @import './components/Drawer/CloseIcon/style.less';
41
- @import './components/OptionList/OptionItem/style.less';
42
- @import './components/OptionList/InlineOptionList/style.less';
43
- @import './components/OptionList/PopoverOptionList/style.less';
44
- @import './components/Steps/ControlButton/style.less';
45
- @import './components/Table/ColumnSetting/style.less';
46
- @import './components/Table/ColumnTag/style.less';
47
- @import './components/TagList/Tag/style.less';
48
- @import './components/TagList/TagSwitch/style.less';
49
- @import './components/Timeline/TimelineItem/style.less';
50
- @import './components/Transfer/List/style.less';
51
- @import './components/Transfer/ListBody/style.less';
52
- @import './components/DateTimePicker/BaseMobile/Absolute/style.less';
53
- @import './components/DateTimePicker/Collapse/Panel/style.less';
1
+ @import './style\mixin.less';
2
+ @import './style\theme.less';
3
+ @import './components\AutoComplete\style.less';
4
+ @import './components\Breadcrumb\style.less';
5
+ @import './components\Button\style.less';
6
+ @import './components\Card\style.less';
7
+ @import './components\Checkbox\style.less';
8
+ @import './components\CheckboxList\style.less';
9
+ @import './components\CheckTransformList\style.less';
10
+ @import './components\Collapse\style.less';
11
+ @import './components\CollapsiblePanel\style.less';
12
+ @import './components\DateTimePicker\style.less';
13
+ @import './components\Descriptions\style.less';
14
+ @import './components\Drawer\style.less';
15
+ @import './components\FileResumable\style.less';
16
+ @import './components\Input\style.less';
17
+ @import './components\KeyValuePair\style.less';
18
+ @import './components\Menu\style.less';
19
+ @import './components\Modal\style.less';
20
+ @import './components\NameExplainTooltip\style.less';
21
+ @import './components\NameLimiter\style.less';
22
+ @import './components\OptionList\style.less';
23
+ @import './components\RadioGroup\style.less';
24
+ @import './components\RangeInput\style.less';
25
+ @import './components\RemarkName\style.less';
26
+ @import './components\Selector\style.less';
27
+ @import './components\Spin\style.less';
28
+ @import './components\Steps\style.less';
29
+ @import './components\Table\style.less';
30
+ @import './components\Tabs\style.less';
31
+ @import './components\TagList\style.less';
32
+ @import './components\Timeline\style.less';
33
+ @import './components\Transfer\style.less';
34
+ @import './components\TreeSelector\style.less';
35
+ @import './components\Card\RowExtra\style.less';
36
+ @import './components\Card\SearchInput\style.less';
37
+ @import './components\DateTimePicker\Base\style.less';
38
+ @import './components\DateTimePicker\BaseMobile\style.less';
39
+ @import './components\DateTimePicker\DisplayInput\style.less';
40
+ @import './components\Drawer\CloseIcon\style.less';
41
+ @import './components\OptionList\InlineOptionList\style.less';
42
+ @import './components\OptionList\OptionItem\style.less';
43
+ @import './components\OptionList\PopoverOptionList\style.less';
44
+ @import './components\Steps\ControlButton\style.less';
45
+ @import './components\Table\ColumnSetting\style.less';
46
+ @import './components\Table\ColumnTag\style.less';
47
+ @import './components\TagList\Tag\style.less';
48
+ @import './components\TagList\TagSwitch\style.less';
49
+ @import './components\Timeline\TimelineItem\style.less';
50
+ @import './components\Transfer\List\style.less';
51
+ @import './components\Transfer\ListBody\style.less';
52
+ @import './components\DateTimePicker\BaseMobile\Absolute\style.less';
53
+ @import './components\DateTimePicker\Collapse\Panel\style.less';
@@ -1,45 +1,45 @@
1
- @import './theme.less';
2
- // 配置自定义样式滚动条
3
- .scrollbar(@color: @font-color-1, @width: 6px, @track-color: transparent) {
4
- &::-webkit-scrollbar {
5
- -webkit-appearance: none;
6
- }
7
- &::-webkit-scrollbar:vertical {
8
- width: @width;
9
- }
10
- &::-webkit-scrollbar:horizontal {
11
- height: @width;
12
- }
13
- &::-webkit-scrollbar-thumb {
14
- border-radius: 100px;
15
- background-color: fade(@color, 30);
16
- &:hover {
17
- background: fade(@color, 60);
18
- }
19
- }
20
- &::-webkit-scrollbar-track {
21
- background-color: @track-color;
22
- border-radius: 100px;
23
- }
24
- &::-webkit-scrollbar-corner {
25
- background: @track-color;
26
- }
27
- }
28
-
29
- .ellipsis() {
30
- overflow: hidden;
31
- text-overflow: ellipsis;
32
- white-space: nowrap;
33
- }
34
-
35
- // support webkit only
36
- // http://caniuse.com/#search=line-clamp
37
- // 使用时注意第二个参数
38
- .ellipsis-line-clamp(@n: 3, @maxheight: 80px) {
39
- overflow: hidden;
40
- text-overflow: ellipsis;
41
- display: -webkit-box;
42
- -webkit-line-clamp: @n;
43
- -webkit-box-orient: vertical;
44
- max-height: @maxheight; // 非 webkit 浏览器
45
- }
1
+ @import './theme.less';
2
+ // 配置自定义样式滚动条
3
+ .scrollbar(@color: @font-color-1, @width: 6px, @track-color: transparent) {
4
+ &::-webkit-scrollbar {
5
+ -webkit-appearance: none;
6
+ }
7
+ &::-webkit-scrollbar:vertical {
8
+ width: @width;
9
+ }
10
+ &::-webkit-scrollbar:horizontal {
11
+ height: @width;
12
+ }
13
+ &::-webkit-scrollbar-thumb {
14
+ border-radius: 100px;
15
+ background-color: fade(@color, 30);
16
+ &:hover {
17
+ background: fade(@color, 60);
18
+ }
19
+ }
20
+ &::-webkit-scrollbar-track {
21
+ background-color: @track-color;
22
+ border-radius: 100px;
23
+ }
24
+ &::-webkit-scrollbar-corner {
25
+ background: @track-color;
26
+ }
27
+ }
28
+
29
+ .ellipsis() {
30
+ overflow: hidden;
31
+ text-overflow: ellipsis;
32
+ white-space: nowrap;
33
+ }
34
+
35
+ // support webkit only
36
+ // http://caniuse.com/#search=line-clamp
37
+ // 使用时注意第二个参数
38
+ .ellipsis-line-clamp(@n: 3, @maxheight: 80px) {
39
+ overflow: hidden;
40
+ text-overflow: ellipsis;
41
+ display: -webkit-box;
42
+ -webkit-line-clamp: @n;
43
+ -webkit-box-orient: vertical;
44
+ max-height: @maxheight; // 非 webkit 浏览器
45
+ }