@kdcloudjs/kdesign 1.2.1 → 1.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.
- package/CHANGELOG.md +16 -0
- package/dist/kdesign-complete.less +68 -3
- package/dist/kdesign.css +73 -9
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +45 -31
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +3 -3
- package/dist/kdesign.min.js +3 -3
- package/dist/kdesign.min.js.map +1 -1
- package/es/carousel/displayList.js +8 -4
- package/es/carousel/fadeList.js +9 -5
- package/es/carousel/slideList.js +6 -3
- package/es/carousel/style/index.css +65 -0
- package/es/carousel/style/index.less +66 -1
- package/es/collapse/panel.js +1 -1
- package/es/radio/style/index.css +7 -8
- package/es/radio/style/index.less +2 -2
- package/es/tabs/tabs.js +5 -1
- package/lib/carousel/displayList.js +9 -4
- package/lib/carousel/fadeList.js +10 -5
- package/lib/carousel/slideList.js +6 -3
- package/lib/carousel/style/index.css +65 -0
- package/lib/carousel/style/index.less +66 -1
- package/lib/collapse/panel.js +1 -1
- package/lib/radio/style/index.css +7 -8
- package/lib/radio/style/index.less +2 -2
- package/lib/tabs/tabs.js +6 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
## [1.2.1](https://github.com/kdcloudone/kdesign/compare/v1.2.0...v1.2.1) (2022-04-21)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* [collapse] 修复视觉走查问题点 ([265a244](https://github.com/kdcloudone/kdesign/commit/265a244042bbfe349457ca6410de3717144e39ba))
|
|
7
|
+
* [drawer] 抽屉顶部关闭会出现闪烁 ([fea1c79](https://github.com/kdcloudone/kdesign/commit/fea1c79db3c611fef2ca078798ac0bcaac93f000))
|
|
8
|
+
* [radio] 修复视觉走查问题点 ([9a4a5c8](https://github.com/kdcloudone/kdesign/commit/9a4a5c8798c67f0c3014918dd210c9f294fd3526))
|
|
9
|
+
* [select] 修复视觉走查问题点 ([b56fddd](https://github.com/kdcloudone/kdesign/commit/b56fddd1ff426ca957688fe85066d5e244e6bc14))
|
|
10
|
+
* [steps] fix token ([e4df3aa](https://github.com/kdcloudone/kdesign/commit/e4df3aacb9074dad1a766dfeb494327ff842104d))
|
|
11
|
+
* [tag] 修复标签视觉走查问题点 ([511fd9e](https://github.com/kdcloudone/kdesign/commit/511fd9ea77871dc745b6dd2ff87c298a28430ea8))
|
|
12
|
+
* [tree] 修复点击整行的触发意图混淆的问题 ([44c662c](https://github.com/kdcloudone/kdesign/commit/44c662c9f3039345ef361d0afbd9b490cdb40a57))
|
|
13
|
+
* 修复了usePopper没有把borderWidth加入计算的bug ([14aa6fb](https://github.com/kdcloudone/kdesign/commit/14aa6fb878a874cbd8f10d94de698f573188fa57))
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
1
17
|
# [1.2.0](https://github.com/kdcloudone/kdesign/compare/v1.1.3...v1.2.0) (2022-04-14)
|
|
2
18
|
|
|
3
19
|
|
|
@@ -1589,6 +1589,71 @@
|
|
|
1589
1589
|
}
|
|
1590
1590
|
}
|
|
1591
1591
|
}
|
|
1592
|
+
|
|
1593
|
+
&-list {
|
|
1594
|
+
list-style: none;
|
|
1595
|
+
display: flex;
|
|
1596
|
+
flex-direction: row;
|
|
1597
|
+
flex: 1;
|
|
1598
|
+
position: relative;
|
|
1599
|
+
|
|
1600
|
+
&-item {
|
|
1601
|
+
position: relative;
|
|
1602
|
+
flex-shrink: 0;
|
|
1603
|
+
height: 100%;
|
|
1604
|
+
width: 100%;
|
|
1605
|
+
}
|
|
1606
|
+
|
|
1607
|
+
&-slide {
|
|
1608
|
+
.@{carousel-prefix-cls}-list-item {
|
|
1609
|
+
opacity: 1;
|
|
1610
|
+
border-radius: @carousel-boder-radius;
|
|
1611
|
+
&-animation {
|
|
1612
|
+
transition: opacity 0.3s ease;
|
|
1613
|
+
}
|
|
1614
|
+
&-none-animation {
|
|
1615
|
+
transition: none;
|
|
1616
|
+
}
|
|
1617
|
+
&-not-hidden {
|
|
1618
|
+
opacity: 1;
|
|
1619
|
+
}
|
|
1620
|
+
&-hidden {
|
|
1621
|
+
opacity: 0;
|
|
1622
|
+
}
|
|
1623
|
+
}
|
|
1624
|
+
}
|
|
1625
|
+
|
|
1626
|
+
&-fade {
|
|
1627
|
+
.@{carousel-prefix-cls}-list-item {
|
|
1628
|
+
opacity: 1;
|
|
1629
|
+
&-animation {
|
|
1630
|
+
transition: opacity 0.3s ease;
|
|
1631
|
+
}
|
|
1632
|
+
&-none-animation {
|
|
1633
|
+
transition: none;
|
|
1634
|
+
}
|
|
1635
|
+
&-not-hidden {
|
|
1636
|
+
opacity: 1;
|
|
1637
|
+
}
|
|
1638
|
+
&-hidden {
|
|
1639
|
+
opacity: 0;
|
|
1640
|
+
}
|
|
1641
|
+
}
|
|
1642
|
+
}
|
|
1643
|
+
|
|
1644
|
+
&-display {
|
|
1645
|
+
.@{carousel-prefix-cls}-list-item {
|
|
1646
|
+
display: block;
|
|
1647
|
+
&-not-hidden {
|
|
1648
|
+
display: block;
|
|
1649
|
+
}
|
|
1650
|
+
&-hidden {
|
|
1651
|
+
display: none;
|
|
1652
|
+
}
|
|
1653
|
+
}
|
|
1654
|
+
}
|
|
1655
|
+
}
|
|
1656
|
+
|
|
1592
1657
|
&-slidebar {
|
|
1593
1658
|
position: absolute;
|
|
1594
1659
|
&-left {
|
|
@@ -1607,7 +1672,7 @@
|
|
|
1607
1672
|
.horizontal;
|
|
1608
1673
|
top: @carousel-dots-margin-top;
|
|
1609
1674
|
}
|
|
1610
|
-
|
|
1675
|
+
|
|
1611
1676
|
&-dot > button {
|
|
1612
1677
|
display: block;
|
|
1613
1678
|
border-radius: @carousel-dots-boder-radius;
|
|
@@ -7539,12 +7604,11 @@ textarea {
|
|
|
7539
7604
|
@radio-square-prefix-cls: ~'@{radio-prefix-cls}-square';
|
|
7540
7605
|
@radio-button-prefix-cls: ~'@{radio-prefix-cls}-button';
|
|
7541
7606
|
@radio-group-prefix-cls: ~'@{radio-prefix-cls}-group';
|
|
7542
|
-
@radio-focus-shadow: 0 0 0 3px rgba(
|
|
7607
|
+
@radio-focus-shadow: 0 0 0 3px rgba(85, 130, 243, 10%);
|
|
7543
7608
|
|
|
7544
7609
|
// 默认类型(单选项)
|
|
7545
7610
|
.@{radio-prefix-cls} {
|
|
7546
7611
|
.reset-component();
|
|
7547
|
-
.ellipsis();
|
|
7548
7612
|
|
|
7549
7613
|
// 默认状态
|
|
7550
7614
|
position: relative;
|
|
@@ -7552,6 +7616,7 @@ textarea {
|
|
|
7552
7616
|
padding-left: @radio-circle-size;
|
|
7553
7617
|
margin-right: @radio-margin-right;
|
|
7554
7618
|
white-space: nowrap;
|
|
7619
|
+
text-overflow: ellipsis;
|
|
7555
7620
|
cursor: pointer;
|
|
7556
7621
|
vertical-align: middle;
|
|
7557
7622
|
color: @radio-font-color;
|
package/dist/kdesign.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/kdesign v1.2.
|
|
3
|
+
* @kdcloudjs/kdesign v1.2.1
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -4128,6 +4128,71 @@ template {
|
|
|
4128
4128
|
.kd-carousel-displaylist-item-hidden {
|
|
4129
4129
|
display: none;
|
|
4130
4130
|
}
|
|
4131
|
+
.kd-carousel-list {
|
|
4132
|
+
list-style: none;
|
|
4133
|
+
display: -webkit-box;
|
|
4134
|
+
display: -ms-flexbox;
|
|
4135
|
+
display: flex;
|
|
4136
|
+
-webkit-box-orient: horizontal;
|
|
4137
|
+
-webkit-box-direction: normal;
|
|
4138
|
+
-ms-flex-direction: row;
|
|
4139
|
+
flex-direction: row;
|
|
4140
|
+
-webkit-box-flex: 1;
|
|
4141
|
+
-ms-flex: 1;
|
|
4142
|
+
flex: 1;
|
|
4143
|
+
position: relative;
|
|
4144
|
+
}
|
|
4145
|
+
.kd-carousel-list-item {
|
|
4146
|
+
position: relative;
|
|
4147
|
+
-ms-flex-negative: 0;
|
|
4148
|
+
flex-shrink: 0;
|
|
4149
|
+
height: 100%;
|
|
4150
|
+
width: 100%;
|
|
4151
|
+
}
|
|
4152
|
+
.kd-carousel-list-slide .kd-carousel-list-item {
|
|
4153
|
+
opacity: 1;
|
|
4154
|
+
border-radius: var(--kd-c-carousel-border-radius, 0px);
|
|
4155
|
+
}
|
|
4156
|
+
.kd-carousel-list-slide .kd-carousel-list-item-animation {
|
|
4157
|
+
-webkit-transition: opacity 0.3s ease;
|
|
4158
|
+
transition: opacity 0.3s ease;
|
|
4159
|
+
}
|
|
4160
|
+
.kd-carousel-list-slide .kd-carousel-list-item-none-animation {
|
|
4161
|
+
-webkit-transition: none;
|
|
4162
|
+
transition: none;
|
|
4163
|
+
}
|
|
4164
|
+
.kd-carousel-list-slide .kd-carousel-list-item-not-hidden {
|
|
4165
|
+
opacity: 1;
|
|
4166
|
+
}
|
|
4167
|
+
.kd-carousel-list-slide .kd-carousel-list-item-hidden {
|
|
4168
|
+
opacity: 0;
|
|
4169
|
+
}
|
|
4170
|
+
.kd-carousel-list-fade .kd-carousel-list-item {
|
|
4171
|
+
opacity: 1;
|
|
4172
|
+
}
|
|
4173
|
+
.kd-carousel-list-fade .kd-carousel-list-item-animation {
|
|
4174
|
+
-webkit-transition: opacity 0.3s ease;
|
|
4175
|
+
transition: opacity 0.3s ease;
|
|
4176
|
+
}
|
|
4177
|
+
.kd-carousel-list-fade .kd-carousel-list-item-none-animation {
|
|
4178
|
+
-webkit-transition: none;
|
|
4179
|
+
transition: none;
|
|
4180
|
+
}
|
|
4181
|
+
.kd-carousel-list-fade .kd-carousel-list-item-not-hidden {
|
|
4182
|
+
opacity: 1;
|
|
4183
|
+
}
|
|
4184
|
+
.kd-carousel-list-fade .kd-carousel-list-item-hidden {
|
|
4185
|
+
opacity: 0;
|
|
4186
|
+
}
|
|
4187
|
+
.kd-carousel-list-display .kd-carousel-list-item {
|
|
4188
|
+
display: block;
|
|
4189
|
+
}
|
|
4190
|
+
.kd-carousel-list-display .kd-carousel-list-item-not-hidden {
|
|
4191
|
+
display: block;
|
|
4192
|
+
}
|
|
4193
|
+
.kd-carousel-list-display .kd-carousel-list-item-hidden {
|
|
4194
|
+
display: none;
|
|
4195
|
+
}
|
|
4131
4196
|
.kd-carousel-slidebar {
|
|
4132
4197
|
position: absolute;
|
|
4133
4198
|
}
|
|
@@ -12314,13 +12379,12 @@ textarea {
|
|
|
12314
12379
|
list-style: none;
|
|
12315
12380
|
-webkit-font-feature-settings: 'tnum';
|
|
12316
12381
|
font-feature-settings: 'tnum';
|
|
12317
|
-
overflow: hidden;
|
|
12318
|
-
text-overflow: ellipsis;
|
|
12319
12382
|
position: relative;
|
|
12320
12383
|
display: inline-block;
|
|
12321
12384
|
padding-left: var(--kd-c-radio-square-sizing-width-height, 14px);
|
|
12322
12385
|
margin-right: var(--kd-c-radio-spacing-margin-right, 8px);
|
|
12323
12386
|
white-space: nowrap;
|
|
12387
|
+
text-overflow: ellipsis;
|
|
12324
12388
|
cursor: pointer;
|
|
12325
12389
|
vertical-align: middle;
|
|
12326
12390
|
color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
|
|
@@ -12380,8 +12444,8 @@ textarea {
|
|
|
12380
12444
|
border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
|
|
12381
12445
|
}
|
|
12382
12446
|
.kd-radio-checked:focus-within::before {
|
|
12383
|
-
-webkit-box-shadow: 0 0 0 3px rgba(
|
|
12384
|
-
box-shadow: 0 0 0 3px rgba(
|
|
12447
|
+
-webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
|
|
12448
|
+
box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
|
|
12385
12449
|
}
|
|
12386
12450
|
.kd-radio-checked::after {
|
|
12387
12451
|
position: absolute;
|
|
@@ -12494,8 +12558,8 @@ textarea {
|
|
|
12494
12558
|
border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
|
|
12495
12559
|
}
|
|
12496
12560
|
.kd-radio-square-checked:focus-within {
|
|
12497
|
-
-webkit-box-shadow: 0 0 0 3px rgba(
|
|
12498
|
-
box-shadow: 0 0 0 3px rgba(
|
|
12561
|
+
-webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
|
|
12562
|
+
box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
|
|
12499
12563
|
}
|
|
12500
12564
|
.kd-radio-square-checked::after {
|
|
12501
12565
|
position: absolute;
|
|
@@ -12603,8 +12667,8 @@ textarea {
|
|
|
12603
12667
|
background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
|
|
12604
12668
|
}
|
|
12605
12669
|
.kd-radio-button-checked:focus-within {
|
|
12606
|
-
-webkit-box-shadow: 0 0 0 3px rgba(
|
|
12607
|
-
box-shadow: 0 0 0 3px rgba(
|
|
12670
|
+
-webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
|
|
12671
|
+
box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1);
|
|
12608
12672
|
}
|
|
12609
12673
|
.kd-radio-button-checked:hover {
|
|
12610
12674
|
color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
|