@kdcloudjs/kdesign 1.7.23 → 1.7.25

package/CHANGELOG.md

@@ -1,3 +1,67 @@
+## [1.7.24](https://github.com/kdcloudone/kdesign/compare/v1.7.23...v1.7.24) (2023-08-25)
+
+
+### Bug Fixes
+
+* [city-picker] 修复国内版页签切换到国际/中国港澳台时下拉面板显示问题 fix [#539](https://github.com/kdcloudone/kdesign/issues/539) ([fa4ca55](https://github.com/kdcloudone/kdesign/commit/fa4ca552c56fdc8c5bf8bcb25f87f8cd5849aa92))
+* [city-picker] 修复下拉面板动效与选择器不一致问题 fix [#548](https://github.com/kdcloudone/kdesign/issues/548) ([d5a6b66](https://github.com/kdcloudone/kdesign/commit/d5a6b66c35f9c5d56b9f3db31dd90cb4d6e16801))
+* [city-picker] 修复下拉面板最后一行显示不全 fix [#549](https://github.com/kdcloudone/kdesign/issues/549) ([1a4a997](https://github.com/kdcloudone/kdesign/commit/1a4a9976647e155a430edc849d2fab2932c74858))
+* [cli] 更新input ref导致的报错 ([247aa40](https://github.com/kdcloudone/kdesign/commit/247aa40089a6ec02e78d406f4c78d3777bd9c954))
+* [select] 修复下拉面板样式与视觉稿差异 fix [#543](https://github.com/kdcloudone/kdesign/issues/543) ([8db7d64](https://github.com/kdcloudone/kdesign/commit/8db7d642fab36ecfca6c41882bf9bdb47fed4145))
+* [select] 修复showSearch为false时focus后直接enter键报错问题 fix [#547](https://github.com/kdcloudone/kdesign/issues/547) ([ce51857](https://github.com/kdcloudone/kdesign/commit/ce51857bb7f92bfb1c869fa7ca5193602417a127))
+* [table] 更新版本 ([bdc1ead](https://github.com/kdcloudone/kdesign/commit/bdc1ead18102917635e7091dace5ef6d27f1475d))
+* [usepopper] 修复由于ref返回值变化导致报错 fix [#538](https://github.com/kdcloudone/kdesign/issues/538) ([c7da260](https://github.com/kdcloudone/kdesign/commit/c7da26013149acbc64d1766817c9fd891f917492))
+* fix: [radio] 修复没有文本的时候radio消失的问题 fix [#544](https://github.com/kdcloudone/kdesign/issues/544) ([63ad3f4](https://github.com/kdcloudone/kdesign/commit/63ad3f4941923110125346d86658244c6d397f5d))
+
+
+### Features
+
+* [city-picker] 新增切换页签时的回调 fix [#536](https://github.com/kdcloudone/kdesign/issues/536) ([e36057e](https://github.com/kdcloudone/kdesign/commit/e36057ed966a744c04dee7e91250f3e21011e03e))
+* [input-number] 新增键盘事件回调 fix [#529](https://github.com/kdcloudone/kdesign/issues/529) ([808cf0b](https://github.com/kdcloudone/kdesign/commit/808cf0b19b5b6276faf1562ca200117e203720b1))
+
+
+
+## [1.7.23](https://github.com/kdcloudone/kdesign/compare/v1.7.22...v1.7.23) (2023-08-18)
+
+
+### Features
+
+* 国际化token开放 取消checkbox的label的display属性修改 ([a87bdd9](https://github.com/kdcloudone/kdesign/commit/a87bdd91a4e97e5b94c595d3cd87008819315bf3))
+* 国际化token开放 取消checkbox的label的display属性修改 ([7667025](https://github.com/kdcloudone/kdesign/commit/7667025082d03a5f9cda3bd66fe166753b90065c))
+* 国际化token开放 取消checkbox的label的display属性修改 ([9015d5b](https://github.com/kdcloudone/kdesign/commit/9015d5bdf9da8ae668f6f9a17c9410b8963204d1))
+* 国际化token开放 取消checkbox的label的display属性修改 ([bd550f0](https://github.com/kdcloudone/kdesign/commit/bd550f0b7be7f82659bbc3c63dd51f25f6f5d385))
+
+
+
+## [1.7.22](https://github.com/kdcloudone/kdesign/compare/v1.7.21...v1.7.22) (2023-08-18)
+
+
+### Bug Fixes
+
+* [base-data] 修复demo中历史记录会重复的问题 fix [#361](https://github.com/kdcloudone/kdesign/issues/361) ([4967bb6](https://github.com/kdcloudone/kdesign/commit/4967bb63bcfe7ee508bc9a9e24f89e19175ad3c9))
+* [checkboxgroup]checbox.Group ConfigProver 配置不生效 [#418](https://github.com/kdcloudone/kdesign/issues/418) ([5134661](https://github.com/kdcloudone/kdesign/commit/51346614a2e4dc183801e39d29b323ec0cb14d45))
+* [cli] 更新单测 ([5241f79](https://github.com/kdcloudone/kdesign/commit/5241f797dc572bb7e4c757973b5e85a96fe04ff9))
+* [cli] 添加页面的title显示 fix [#394](https://github.com/kdcloudone/kdesign/issues/394) ([08557fa](https://github.com/kdcloudone/kdesign/commit/08557fa8b21f658069b1c56909610d651a676a72))
+* [collapse]修复边框问题 fix [#433](https://github.com/kdcloudone/kdesign/issues/433) ([3efbd79](https://github.com/kdcloudone/kdesign/commit/3efbd797205aaed04fab42039e8907eebf7baa54))
+* [dropdown] 子元素为空的时候，报错 [#421](https://github.com/kdcloudone/kdesign/issues/421) ([e2ba6ae](https://github.com/kdcloudone/kdesign/commit/e2ba6ae8617f3f52fcf7ea2ad01ccb82ed1166df))
+* [input-number] 修复文档描述与实际效果不符 fix [#420](https://github.com/kdcloudone/kdesign/issues/420) ([6e5c1be](https://github.com/kdcloudone/kdesign/commit/6e5c1be50201afcbde6dd04973990d3554eee831))
+* [input-number] 修复defaultValue不生效问题 fix [#407](https://github.com/kdcloudone/kdesign/issues/407) ([5827b20](https://github.com/kdcloudone/kdesign/commit/5827b208d4b510abb654a7346a596bf81a9f4a03))
+* [menu]修复二级菜单渲染问题 fix [#344](https://github.com/kdcloudone/kdesign/issues/344) ([bcb12f4](https://github.com/kdcloudone/kdesign/commit/bcb12f4ef377439a8e76f66ad0b5b691db3f1275))
+* [menu]修复defaultOpenKeys问题 fix [#353](https://github.com/kdcloudone/kdesign/issues/353) ([7616f25](https://github.com/kdcloudone/kdesign/commit/7616f25429801e96b7a96cda42f619449002a94a))
+* [modal] 修复button点击不失焦,按enter多次弹出modal问题 fix [#414](https://github.com/kdcloudone/kdesign/issues/414) ([3a053db](https://github.com/kdcloudone/kdesign/commit/3a053db8c657a3811958a5be9d2e07b4ee4e754c))
+* [timeline] 修复设置reverse后的视觉偏差 fix [#409](https://github.com/kdcloudone/kdesign/issues/409) ([a6d64d8](https://github.com/kdcloudone/kdesign/commit/a6d64d8d4ded6b658a5df1c5c29e17117eab08f6))
+* [tooltip]: Tooltip文字提示 没有子元素的时候报错 [#406](https://github.com/kdcloudone/kdesign/issues/406) ([6effeaa](https://github.com/kdcloudone/kdesign/commit/6effeaa8b53cfc92cd989a9bd1a118fd6be7a0f7))
+* [tree] 修复虚拟滚动节点过长无滚动条问题 fix [#530](https://github.com/kdcloudone/kdesign/issues/530) ([080b3b0](https://github.com/kdcloudone/kdesign/commit/080b3b05a3972f48e0e3b6e7962a4768dffea060))
+* [tree] 修复虚拟滚动列表高度未撑满整个树组件 fix [#526](https://github.com/kdcloudone/kdesign/issues/526) ([4ac601a](https://github.com/kdcloudone/kdesign/commit/4ac601a3d04fdc0aeae184619c60f6b86c9229b2))
+
+
+### Features
+
+* [input]新增focus/blur实例方法 fix [#523](https://github.com/kdcloudone/kdesign/issues/523) ([045d829](https://github.com/kdcloudone/kdesign/commit/045d8290afbc49565a1f143d186a1a3641cf3cbd))
+* [select] 新增focus,blur实例方法 fix [#429](https://github.com/kdcloudone/kdesign/issues/429) ([f9436c2](https://github.com/kdcloudone/kdesign/commit/f9436c24f1d0b6bfa00db698554bcba7dcdb55ed))
+
+
+
 ## [1.7.21](https://github.com/kdcloudone/kdesign/compare/v1.7.20...v1.7.21) (2023-08-11)
 
 

package/dist/kdesign-complete.less

@@ -2646,6 +2646,11 @@
         &-type-line {
           padding: 0 12px;
           font-size: 12px;
+
+          .@{kd-prefix}-tab-pane-text {
+            .over();
+            width: 100%;
+          }
         }
       }
     }
@@ -2687,17 +2692,14 @@
     padding: 8px 0;
     max-height: 320px;
     overflow-y: auto;
+    box-sizing: content-box;
 
     // 下拉列表选项
     &-item {
+      .over();
       .item();
-      display: flex;
       cursor: pointer;
 
-      &-content {
-        .over();
-      }
-
       &-info {
         color: @city-picker-placeholder-color;
         white-space: nowrap;
@@ -2709,6 +2711,7 @@
 
       &-selected:not(&-disabled) {
         background-color: @city-picker-item-selected-bg;
+        color: @city-picker-list-item-color-selected;
       }
 
       &-disabled {
@@ -2720,7 +2723,7 @@
   }
 
   &-highlight {
-    color: #5582f3;
+    color: @city-picker-highlight-color;
   }
 
   // 选择器框大小
@@ -2855,7 +2858,7 @@
 @city-picker-dropdown-bg: var(~'@{city-picker-custom-prefix}-dropdown-color-background', @color-background);
 @city-picker-disabled-option-bg: var(~'@{city-picker-custom-prefix}-item-color-background-disabled', #fff);
 @city-picker-item-active-bg: var(~'@{city-picker-custom-prefix}-color-background', #f5f5f5);
-@city-picker-item-selected-bg: var(~'@{city-picker-custom-prefix}-color-background-selected', #f2f6ff);
+@city-picker-item-selected-bg: var(~'@{city-picker-custom-prefix}-color-background-selected', @color-theme-3);
 @city-picker-g-color-border: var(~'@{city-picker-custom-prefix}-color-border', @color-input);
 @city-picker-g-color-border-foucs: var(~'@{city-picker-custom-prefix}-color-border-foucs', @color-theme);
 @city-picker-g-color-border-hover: var(~'@{city-picker-custom-prefix}-color-border-hover', @color-theme);
@@ -2865,12 +2868,11 @@
 @city-picker-g-item-text-color-disabled: var(~'@{city-picker-custom-prefix}-item-color-text-disabled', @color-disabled);
 @city-picker-color-background-disabled: var(~'@{city-picker-custom-prefix}-color-background-disabled', #fff);
 @city-picker-color-text-disabled: var(~'@{city-picker-custom-prefix}-color-text-disabled', @color-disabled);
-@city-picker-arrow-icon-color-text-disabled: var(
-  ~'@{city-picker-custom-prefix}-arrow-icon-color-text-disabled',
-  #b2b2b2
-);
+@city-picker-arrow-icon-color-text-disabled: var(~'@{city-picker-custom-prefix}-arrow-icon-color-text-disabled', #b2b2b2);
 @city-picker-clear-color: var(~'@{city-picker-custom-prefix}-icon-clear-color-text', #d9d9d9);
 @city-picker-clear-color-hover: var(~'@{city-picker-custom-prefix}-icon-clear-color-text-hover', #999);
+@city-picker-list-item-color-selected: var(~'@{city-picker-custom-prefix}-list-item-color-text-selected', @color-theme);
+@city-picker-highlight-color: var(~'@{city-picker-custom-prefix}-highlight-color-text', @color-theme);
 
 // font
 @city-picker-list-font-size: var(~'@{city-picker-custom-prefix}-dropdown-font-size', 12px); // 下拉列表文字大小
@@ -8565,6 +8567,7 @@ textarea {
   font-size: @radio-font-size;
   max-width: @radio-default-label-max-width;
   overflow: hidden;
+  min-height: @radio-circle-size;
 
   &::before {
     position: absolute;
@@ -8600,6 +8603,7 @@ textarea {
   &-input {
     position: absolute;
     opacity: 0;
+    left: 0;
   }
 
   &>span {
@@ -9789,10 +9793,10 @@ textarea {
     left: 0;
     z-index: @select-z-index;
     box-sizing: border-box;
-    padding: 8px 0; // update
+    padding: @select-dropdown-padding-vertical 0;
     margin: 0;
     overflow: auto;
-    font-size: @select-list-font-size; // update
+    font-size: @select-list-font-size;
     font-variant: initial;
     background-color: @select-dropdown-bg;
     border-radius: @select-g-radius-border;
@@ -9816,6 +9820,12 @@ textarea {
     }
   }
 
+  &-multiple-dropdown-panel {
+    .@{select-prefix-cls}-dropdown {
+      padding-bottom: 0;
+    }
+  }
+
   // 下拉列表选项
   &-item {
     .item();
@@ -10061,8 +10071,8 @@ textarea {
       align-items: center;
       width: 100%;
       padding: 0 12px;
-      height: 32px;
-      line-height: 32px;
+      height: 40px;
+      line-height: 40px;
       border-top: 1px solid #d9d9d9;
       box-sizing: border-box;
 
@@ -10171,7 +10181,6 @@ textarea {
 
 @select-custom-prefix: ~'--@{kd-prefix}-c-select';
 
-
 // color
 @select-dropdown-bg: var(~'@{select-custom-prefix}-dropdown-color-background', @color-background);
 @select-disabled-option-bg: var(~'@{select-custom-prefix}-item-color-background-disabled', #fff);
@@ -10214,6 +10223,7 @@ textarea {
 // spacing
 @select-bordered: var(~'@{select-custom-prefix}-bordered-spacing-padding-left', 8px);
 @select-wrapper-padding: var(~'@{select-custom-prefix}-wrapper-spacing-padding', 1px 28px 1px 0);
+@select-dropdown-padding-vertical: var(~'@{select-custom-prefix}-dropdown-spacing-padding-vertical', 8px);
 
 // radius
 @select-g-radius-border: var(~'@{select-custom-prefix}-radius-border', @radius-border);
@@ -11524,12 +11534,15 @@ textarea {
 .slide-motion(topLeft, kdSlideDown, kd-cascader-menus);
 .slide-motion(bottomLeft, kdSlideUp, kd-cascader-menus);
 
-.slide-motion(topLeft, kdSlideDown, kd-select);
-.slide-motion(bottomLeft, kdSlideUp, kd-select);
+.slide-motion(topLeft, kdSlideDown, kd-select-dropdown-panel);
+.slide-motion(bottomLeft, kdSlideUp, kd-select-dropdown-panel);
 
 .slide-motion(topLeft, kdSlideDown, kd-date-picker-panel);
 .slide-motion(bottomLeft, kdSlideUp, kd-date-picker-panel);
 
+.slide-motion(topLeft, kdSlideDown, kd-city-picker-dropdown);
+.slide-motion(bottomLeft, kdSlideUp, kd-city-picker-dropdown);
+
 @keyframes kdSlideCenterIn {
   0% {
     opacity: 0;

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.22
+ *   @kdcloudjs/kdesign v1.7.24
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -1598,7 +1598,7 @@
   -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
           animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
 }
-.kd-select.topLeft-active {
+.kd-select-dropdown-panel.topLeft-active {
   -webkit-animation-name: kdSlideDownIn;
           animation-name: kdSlideDownIn;
   -webkit-animation-duration: calc(0.3s - 0.1s);
@@ -1606,7 +1606,7 @@
   -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
           animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
 }
-.kd-select.topLeft.hidden {
+.kd-select-dropdown-panel.topLeft.hidden {
   -webkit-animation-name: kdSlideDownOut;
           animation-name: kdSlideDownOut;
   -webkit-animation-duration: 0.1s;
@@ -1614,7 +1614,7 @@
   -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
           animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
 }
-.kd-select.bottomLeft-active {
+.kd-select-dropdown-panel.bottomLeft-active {
   -webkit-animation-name: kdSlideUpIn;
           animation-name: kdSlideUpIn;
   -webkit-animation-duration: calc(0.3s - 0.1s);
@@ -1622,7 +1622,7 @@
   -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
           animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
 }
-.kd-select.bottomLeft.hidden {
+.kd-select-dropdown-panel.bottomLeft.hidden {
   -webkit-animation-name: kdSlideUpOut;
           animation-name: kdSlideUpOut;
   -webkit-animation-duration: 0.1s;
@@ -1662,6 +1662,38 @@
   -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
           animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
 }
+.kd-city-picker-dropdown.topLeft-active {
+  -webkit-animation-name: kdSlideDownIn;
+          animation-name: kdSlideDownIn;
+  -webkit-animation-duration: calc(0.3s - 0.1s);
+          animation-duration: calc(0.3s - 0.1s);
+  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+}
+.kd-city-picker-dropdown.topLeft.hidden {
+  -webkit-animation-name: kdSlideDownOut;
+          animation-name: kdSlideDownOut;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+}
+.kd-city-picker-dropdown.bottomLeft-active {
+  -webkit-animation-name: kdSlideUpIn;
+          animation-name: kdSlideUpIn;
+  -webkit-animation-duration: calc(0.3s - 0.1s);
+          animation-duration: calc(0.3s - 0.1s);
+  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1);
+}
+.kd-city-picker-dropdown.bottomLeft.hidden {
+  -webkit-animation-name: kdSlideUpOut;
+          animation-name: kdSlideUpOut;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
+}
 @-webkit-keyframes kdSlideCenterIn {
   0% {
     opacity: 0;
@@ -5495,6 +5527,12 @@ template {
   padding: 0 12px;
   font-size: 12px;
 }
+.kd-city-picker-dropdown .kd-tabs-tab-list .kd-tab-pane-type-line .kd-tab-pane-text {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  width: 100%;
+}
 .kd-city-picker-dropdown .kd-tabs-noContainer {
   height: unset;
 }
@@ -5538,8 +5576,13 @@ template {
   padding: 8px 0;
   max-height: 320px;
   overflow-y: auto;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
 }
 .kd-city-picker-list-item {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
   position: relative;
   display: block;
   font-weight: normal;
@@ -5548,16 +5591,8 @@ template {
   padding: 5px 12px;
   color: var(--kd-c-city-picker-footer-color-text, var(--kd-g-color-text-primary, #212121));
   line-height: var(--kd-c-city-picker-dropdown-line-height, 22px);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
   cursor: pointer;
 }
-.kd-city-picker-list-item-content {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
 .kd-city-picker-list-item-info {
   color: var(--kd-c-city-picker-placeholder-color-text, #b2b2b2);
   white-space: nowrap;
@@ -5566,7 +5601,8 @@ template {
   background-color: var(--kd-c-city-picker-color-background, #f5f5f5);
 }
 .kd-city-picker-list-item-selected:not(.kd-city-picker-list-item-disabled) {
-  background-color: var(--kd-c-city-picker-color-background-selected, #f2f6ff);
+  background-color: var(--kd-c-city-picker-color-background-selected, var(--kd-g-color-theme-3, #e3eeff));
+  color: var(--kd-c-city-picker-list-item-color-text-selected, var(--kd-g-color-theme, #5582f3));
 }
 .kd-city-picker-list-item-disabled {
   color: var(--kd-c-city-picker-item-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
@@ -5574,7 +5610,7 @@ template {
   background-color: var(--kd-c-city-picker-item-color-background-disabled, #fff);
 }
 .kd-city-picker-highlight {
-  color: #5582f3;
+  color: var(--kd-c-city-picker-highlight-color-text, var(--kd-g-color-theme, #5582f3));
 }
 .kd-city-picker-size-small {
   min-height: var(--kd-c-city-picker-sizing-height-small, 24px);
@@ -13487,6 +13523,7 @@ textarea {
   font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px));
   max-width: var(--kd-c-radio-default-label-max-width);
   overflow: hidden;
+  min-height: var(--kd-c-radio-square-sizing-width-height, 14px);
 }
 .kd-radio::before {
   position: absolute;
@@ -13528,6 +13565,7 @@ textarea {
 .kd-radio-input {
   position: absolute;
   opacity: 0;
+  left: 0;
 }
 .kd-radio > span {
   padding: 0 6px 0 var(--kd-c-radio-spacing-padding-left, 4px);
@@ -15118,7 +15156,7 @@ textarea {
   z-index: var(--kd-c-select-z-index, var(--kd-g-z-index-popper, 1050));
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  padding: 8px 0;
+  padding: var(--kd-c-select-dropdown-spacing-padding-vertical, 8px) 0;
   margin: 0;
   overflow: auto;
   font-size: var(--kd-c-select-dropdown-font-size, 12px);
@@ -15141,6 +15179,9 @@ textarea {
 .kd-select-dropdown-search-hidden {
   display: none;
 }
+.kd-select-multiple-dropdown-panel .kd-select-dropdown {
+  padding-bottom: 0;
+}
 .kd-select-item {
   position: relative;
   display: block;
@@ -15407,8 +15448,8 @@ textarea {
           align-items: center;
   width: 100%;
   padding: 0 12px;
-  height: 32px;
-  line-height: 32px;
+  height: 40px;
+  line-height: 40px;
   border-top: 1px solid #d9d9d9;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;