@kdcloudjs/kdesign 1.7.37 → 1.7.40

package/CHANGELOG.md

@@ -1,3 +1,58 @@
+## [1.7.39](https://github.com/kdcloudone/kdesign/compare/v1.7.37...v1.7.39) (2023-10-27)
+
+
+### Bug Fixes
+
+* [cascader] 修复多选选中项很多时,滚动内容清空按钮不垂直居中问题 fix [#332](https://github.com/kdcloudone/kdesign/issues/332) ([77e64a8](https://github.com/kdcloudone/kdesign/commit/77e64a8cdafcf0229bc55cc9b3265246c08bf81c))
+* [input-number] 修复配置digitLength和decimalLength时的交互问题 fix [#630](https://github.com/kdcloudone/kdesign/issues/630) ([717187c](https://github.com/kdcloudone/kdesign/commit/717187cf6a7269899d435b9f929c832e5e204d17))
+* [tree-select] 修复单选设置placeholder不生效问题 fix [#631](https://github.com/kdcloudone/kdesign/issues/631) ([10687cb](https://github.com/kdcloudone/kdesign/commit/10687cba08535e225bb0dca487a5ca552548be9a))
+
+
+### Features
+
+* [cli] readme文件新增官网链接 ([15e33e3](https://github.com/kdcloudone/kdesign/commit/15e33e3359b47c26acf5ede8c7177edf97c957d0))
+
+
+
+## [1.7.37](https://github.com/kdcloudone/kdesign/compare/v1.7.35...v1.7.37) (2023-10-19)
+
+
+### Bug Fixes
+
+* [city-picker] 修复空值输入搜索内容时显示清空按钮问题 fix [#623](https://github.com/kdcloudone/kdesign/issues/623) ([5101a95](https://github.com/kdcloudone/kdesign/commit/5101a9518346fc188277407586ac7f0a601336e3))
+* [message] 修复设置content为reactNode时图标和关闭按钮不出现的问题 fix [#293](https://github.com/kdcloudone/kdesign/issues/293) ([7e8943c](https://github.com/kdcloudone/kdesign/commit/7e8943c355ad636922ed51328cc7c185b41f3654))
+* [select] 去除单选的backspace快捷键功能 fix [#632](https://github.com/kdcloudone/kdesign/issues/632) ([2915ddb](https://github.com/kdcloudone/kdesign/commit/2915ddbb31711c44cb30c92e0ccb7db9ffb8154e))
+* [tree-select] 修复在表单中无法重置树选择下拉面板选中项问题 fix [#588](https://github.com/kdcloudone/kdesign/issues/588) ([e602dfa](https://github.com/kdcloudone/kdesign/commit/e602dfae0dd7570f4d75b1ad63b7445ab99143b0))
+* [tree] 修复树组件设置节点过滤后无法展开收起节点问题 fix [#509](https://github.com/kdcloudone/kdesign/issues/509) ([a0e8577](https://github.com/kdcloudone/kdesign/commit/a0e8577c0ef3befede84a2590dd3edb487d10827))
+
+
+### Features
+
+* [clipboard] 新增剪贴板组件 fix [#584](https://github.com/kdcloudone/kdesign/issues/584) ([dbc6d0e](https://github.com/kdcloudone/kdesign/commit/dbc6d0e69f9659f4316769b190ddd0d7b6c84c79))
+* [select] 新增错误状态  fix [#627](https://github.com/kdcloudone/kdesign/issues/627) ([7e3fd35](https://github.com/kdcloudone/kdesign/commit/7e3fd357c861d246b3d91d617120dc1531b15ad1))
+* [tree-select] 新增错误状态  fix [#628](https://github.com/kdcloudone/kdesign/issues/628) ([f97d614](https://github.com/kdcloudone/kdesign/commit/f97d6147b0267f424ebc2f6167dad5e1024640c8))
+* [tree] 新增连接线 fix [#214](https://github.com/kdcloudone/kdesign/issues/214) ([de79d0d](https://github.com/kdcloudone/kdesign/commit/de79d0da2a52749025a90eda774e421e76513a5c))
+
+
+
+## [1.7.35](https://github.com/kdcloudone/kdesign/compare/v1.7.34...v1.7.35) (2023-10-19)
+
+
+### Bug Fixes
+
+* [select] 修复传入dropdownRender属性导致页面卡死问题 fix [#573](https://github.com/kdcloudone/kdesign/issues/573) ([a258c48](https://github.com/kdcloudone/kdesign/commit/a258c4831351e45f6f143b832a0f9071ec0e9ef1))
+* [select] 修复select下拉面板浮层位置变动为bottomRight后导致面板无法关闭问题 fix [#622](https://github.com/kdcloudone/kdesign/issues/622) ([fa5f040](https://github.com/kdcloudone/kdesign/commit/fa5f040aad962311ce4bc863f3227c89fa51bbc1))
+
+
+### Features
+
+* [cli] 修改开发环境的地址 ([3cd110d](https://github.com/kdcloudone/kdesign/commit/3cd110dec15e9aa6fbda1ea482b01b350df523f2))
+* [color-picker] 修改输入框和下拉框的样式 ([914d6b7](https://github.com/kdcloudone/kdesign/commit/914d6b70bbc8114af40b1a277ac0db5186324aef))
+* [select] 新增选择器国际化功能 fix [#592](https://github.com/kdcloudone/kdesign/issues/592) ([98ef1f8](https://github.com/kdcloudone/kdesign/commit/98ef1f89dde249566fb9f838260613c1ad908df7))
+* 新增visible和onVisibleChange API close [#580](https://github.com/kdcloudone/kdesign/issues/580) ([0b94801](https://github.com/kdcloudone/kdesign/commit/0b94801a478f8145d76b583a6ce6e6104921c636))
+
+
+
 ## [1.7.34](https://github.com/kdcloudone/kdesign/compare/v1.7.33...v1.7.34) (2023-10-11)
 
 

package/README.md

@@ -2,6 +2,7 @@
 
 KDesign of React 是基于金蝶的企业级设计系统KDesign 实现的一套React UI组件库，主要用于企业级系统的构建。
 
+官网：[https://react.kingdee.design/](https://react.kingdee.design/)
 
 ## 特性
 - 提供开箱即用的 丰富的企业级 React UI 组件。
@@ -88,4 +89,4 @@ reactDom.render((
 参与贡献前请先阅读 [贡献指南](./CONTRIBUTING.md)
 
 ## License
-kdesign 使用了 Apache License, Version 2.0. 详细license 请查看 [LICENSE](./LICENSE)
+kdesign 使用了 Apache License, Version 2.0. 详细license 请查看 [LICENSE](./LICENSE)

package/dist/kdesign-complete.less

@@ -81,10 +81,12 @@
     cursor: default;
   }
   &-leave {
-    transition: min-height @duration-promptly @alert-transition-fn, opacity @duration-promptly @alert-transition-fn,
+    transition: padding @duration-promptly @alert-transition-fn, opacity @duration-promptly @alert-transition-fn,
       margin @duration-promptly @alert-transition-fn, height @duration-promptly @alert-transition-fn,
       line-height @duration-promptly @alert-transition-fn;
     display: flex;
+    padding: 0 @alert-padding-horizontal;
+    border-width: 0;
     min-height: 0;
     margin: 0 !important;
     overflow: hidden;
@@ -2009,11 +2011,12 @@
 
     .@{kd-prefix}-cascader-suffix {
       right: 9px;
+      top: 50%;
+      transform: translateY(-50%);
     }
   }
 
   &-multiple {
-    padding: 1px 28px 1px 0;
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     width: 100%;
     min-height: 30px;
@@ -2022,7 +2025,6 @@
     display: flex;
     cursor: pointer;
     box-sizing: border-box;
-    overflow-y: auto;
     overflow-x: hidden;
     position: relative;
     border-bottom: 1px solid #d9d9d9;
@@ -2039,6 +2041,8 @@
     align-items: center;
     flex-wrap: wrap;
     width: 100%;
+    padding: 1px 28px 1px 0;
+    overflow-y: auto;
   }
 
   &-placeholder {
@@ -7385,15 +7389,13 @@ textarea {
     }
 
     &-hidden {
-      display: none
+      display: none;
     }
   }
   &-mask {
     .overlay(@modal-mask-color-background, 0);
   }
-  // &-mask + &-container-box {
 
-  // }
   &-has-container-box {
     position: fixed;
     left: 50%;
@@ -7472,16 +7474,34 @@ textarea {
       color: @modal-footer-font-color;
       flex-shrink: 0;
     }
-    // each(@modal-footer-type-set, {
-    //   .@{modal-prefix-cls}-@{key}-footer {
-    //     justify-content: @value;
-    //   }
-    // });
   }
 
   &-margin-btn {
     margin-right: @modal-footer-button-spacing;
   }
+
+  &-wrapper {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    overflow: auto;
+    text-align: center;
+
+    &::before {
+      display: inline-block;
+      width: 0;
+      height: 100%;
+      vertical-align: middle;
+      content: '';
+    }
+  }
+  &-dialog {
+    display: inline-block;
+    vertical-align: middle;
+    max-width: calc(100vw);
+  }
 }
 
 .@{modal-prefix-cls}-showline {
@@ -7494,6 +7514,7 @@ textarea {
 }
 
 
+
 .modal-title-icon-type(@squareWidth) {
   border-radius: 50% 50%;
   width: @squareWidth;
@@ -8746,6 +8767,81 @@ textarea {
 
 
 
+@qrcode-prefix-cls: ~'@{kd-prefix}-qrcode';
+@qrcode-prefix-icon-cls: ~'@{kd-prefix}-icon';
+@--kd-c-spin-page-dot-spin-sizing-square: 30px;
+
+.@{qrcode-prefix-cls} {
+  .qrcode;
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  border-radius: @qrcode-border-radius;
+  border: @qrcode-size-boder solid @qrcode-color-border;
+  padding: @qrcode-spacing-padding-horizontal;
+  font-size: @qrcode-font-size;
+  list-style: none;
+  overflow: hidden;
+
+  &-expired{
+    margin-bottom: @qrcode-spacing-margin-vertical;
+  }
+
+  &-mask{
+    position: absolute;
+    z-index: 10;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    color: @qrcode-color-text;
+    background: @qrcode-color-background;
+    text-align: center;
+  }
+  &-borderless{
+    border: none;
+  }
+}
+
+
+
+.qrcode() {
+  // color: @qrcode-color-text;
+  // font-size: @qrcode-font-size;
+}
+
+
+@qrcode-custom-prefix: ~'--@{kd-prefix}-c-qrcode';
+// color
+@qrcode-color-text: var(~'@{qrcode-custom-prefix}-color-text', #111111);
+@qrcode-color-border: var(~'@{qrcode-custom-prefix}-color-border',rgba(5, 5, 5, 0.06));
+@qrcode-color-background: var(~'@{qrcode-custom-prefix}-color-background',rgba(255, 255, 255, 0.96));
+// font
+@qrcode-font-size: var(~'@{qrcode-custom-prefix}-font-size', 12px); // 组件级token
+
+// line-height
+
+// motion
+
+// radius
+@qrcode-border-radius: var(~'@{qrcode-custom-prefix}-border-radius', 2px);
+// shadow
+
+// sizing
+@qrcode-size-boder: var(~'@{qrcode-custom-prefix}-size-border',1px);
+@qrcode-size-spin: var(--kd-c-spin-page-dot-spin-sizing-square,28px);
+// spacing
+@qrcode-spacing-padding-horizontal: var(~'@{qrcode-custom-prefix}-spacing-padding-horizontal', 8px);
+@qrcode-spacing-margin-vertical: var(~'@{qrcode-custom-prefix}-spacing-margin-vertical',4px);
+// z-index
+
+
+
 
 @radio-prefix-cls: ~'@{kd-prefix}-radio';
 @radio-square-prefix-cls: ~'@{radio-prefix-cls}-square';

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.35
+ *   @kdcloudjs/kdesign v1.7.39
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -2291,11 +2291,13 @@ template {
   cursor: default;
 }
 .kd-alert-leave {
-  -webkit-transition: min-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), margin var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), line-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1);
-  transition: min-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), margin var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), line-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1);
+  -webkit-transition: padding var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), margin var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), line-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1);
+  transition: padding var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), margin var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), line-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  padding: 0 var(--kd-c-alert-sizing-padding-horizontal, 20px);
+  border-width: 0;
   min-height: 0;
   margin: 0 !important;
   overflow: hidden;
@@ -4713,9 +4715,11 @@ template {
 }
 .kd-cascader-bordered.kd-cascader-multiple .kd-cascader-suffix {
   right: 9px;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
 }
 .kd-cascader-multiple {
-  padding: 1px 28px 1px 0;
   -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   width: 100%;
@@ -4728,7 +4732,6 @@ template {
   cursor: pointer;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  overflow-y: auto;
   overflow-x: hidden;
   position: relative;
   border-bottom: 1px solid #d9d9d9;
@@ -4748,6 +4751,8 @@ template {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   width: 100%;
+  padding: 1px 28px 1px 0;
+  overflow-y: auto;
 }
 .kd-cascader-placeholder {
   position: absolute;
@@ -12077,6 +12082,27 @@ textarea {
 .kd-modal-margin-btn {
   margin-right: var(--kd-c-modal-footer-button-spacing, 12px);
 }
+.kd-modal-wrapper {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: auto;
+  text-align: center;
+}
+.kd-modal-wrapper::before {
+  display: inline-block;
+  width: 0;
+  height: 100%;
+  vertical-align: middle;
+  content: '';
+}
+.kd-modal-dialog {
+  display: inline-block;
+  vertical-align: middle;
+  max-width: calc(100vw);
+}
 .kd-modal-showline .kd-modal-header {
   border-bottom: var(--kd-c-modal-sizing-border, 1px) solid var(--kd-c-modal-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
 }
@@ -13763,6 +13789,161 @@ textarea {
     普通组件内部自身层级应设置在0-100间
 */
 /* -----------  zIndex  ——————---- end */
+.kd-qrcode {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin: 0;
+  border-radius: var(--kd-c-qrcode-border-radius, 2px);
+  border: var(--kd-c-qrcode-size-border, 1px) solid var(--kd-c-qrcode-color-border, rgba(5, 5, 5, 0.06));
+  padding: var(--kd-c-qrcode-spacing-padding-horizontal, 8px);
+  font-size: var(--kd-c-qrcode-font-size, 12px);
+  list-style: none;
+  overflow: hidden;
+}
+.kd-qrcode-expired {
+  margin-bottom: var(--kd-c-qrcode-spacing-margin-vertical, 4px);
+}
+.kd-qrcode-mask {
+  position: absolute;
+  z-index: 10;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  height: 100%;
+  color: var(--kd-c-qrcode-color-text, #111111);
+  background: var(--kd-c-qrcode-color-background, rgba(255, 255, 255, 0.96));
+  text-align: center;
+}
+.kd-qrcode-borderless {
+  border: none;
+}
+
+/* -----------  color  ——————---- start */
+/* -----------  color  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  font  ——————---- start */
+/* -----------  font  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
+/* -----------  Button  ——————---- start */
+/* -----------  Button  ——————---- end */
+/* -----------  Collapse  ——————---- start */
+/* -----------  Collapse  ——————---- end */
+/* -----------  Card  ——————---- start */
+/* -----------  Card  ——————---- end */
+/* -----------  Carousel  ——————---- start */
+/* -----------  Carousel  ——————---- end */
+/* -----------  Cascader  ——————---- start */
+/* -----------  Cascader  ——————---- end */
+/* -----------  Switch  ——————---- start */
+/* -----------  Switch  ——————---- end */
+/* -----------  Input  ——————---- start */
+/* -----------  Input  ——————---- end */
+/* -----------  InputNumber  ——————---- start */
+/* -----------  InputNumber  ——————---- end */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- end */
+/* -----------  Radio  ——————---- start */
+/* -----------  Radio  ——————---- end */
+/* -----------  icon  ——————---- start */
+/* -----------  icon  ——————---- end */
+/* -----------  Popconfirm  ——————---- start */
+/* -----------  Popconfirm  ——————---- end */
+/* -----------  Progress  ——————---- start */
+/* -----------  Progress  ——————---- end */
+/* -----------  Pagination  ——————---- start */
+/* -----------  Pagination  ——————---- end */
+/* -----------  Timeline  ——————---- start */
+/* -----------  Timeline  ——————---- end */
+/* -----------  Tabs  ——————---- start */
+/* -----------  Tabs  ——————---- end */
+/* -----------  Select  ——————---- start */
+/* -----------  Select  ——————---- end */
+/* -----------  Rate  ——————---- start */
+/* -----------  Rate  ——————---- end */
+/* -----------  Dropdown  ——————---- start */
+/* -----------  Dropdown  ——————---- end */
+/* -----------  Tooltip  ——————---- start */
+/* -----------  Tooltip  ——————---- end */
+/* -----------  Transfer  ——————---- start */
+/* -----------  Transfer  ——————---- end */
+/* -----------  DatePicker  ——————---- start */
+/* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
+/* -----------  Tree  ——————---- start */
+/* -----------  Tree  ——————---- end */
+/* -----------  Alert  ——————---- start */
+/* -----------  Alert  ——————---- end */
+/* -----------  Split-Panel ——————---- start */
+/* -----------  Split-Panel ——————---- end */
+/* -----------  Modal  ——————---- start */
+/* -----------  Modal  ——————---- end */
+/* -----------  Steps  ——————---- start */
+/* -----------  Steps  ——————---- end */
+/* -----------  Form  ——————---- start */
+/* -----------  Form  ——————---- end */
+/* -----------  Tag ——————---- start */
+/* -----------  Tag ——————---- end */
+/* -----------  Menu  ——————---- start */
+/* -----------  Menu  ——————---- end */
+/* -----------  notice  ——————---- start */
+/* -----------  message  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Layout  ——————---- start */
+/* -----------  Layout  ——————---- end */
+/* -----------  Typography  ——————---- start */
+/* -----------  Typography  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Badge  ——————---- start */
+/* -----------  Badge  ——————---- end */
+/* -----------  Anchor  ——————---- start */
+/* -----------  Anchor  ——————---- end */
+/* -----------  Avatar  ——————---- start */
+/* -----------  Avatar  ——————---- end */
+/* -----------  AdvancedSelector  ——————---- start */
+/* -----------  AdvancedSelector  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
 /* 多行显示省略号 */
 /* 单行显示省略号 */
 /** 浮层箭头样式 **/