@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 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(@radio-color-theme, 10%);
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.0
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(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
12384
- box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
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(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
12498
- box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
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(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
12607
- box-shadow: 0 0 0 3px rgba(var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)), 10%);
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));