@kdcloudjs/kdesign 1.7.39 → 1.7.40

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [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)
 
 

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;
@@ -7387,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%;
@@ -7474,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 {
@@ -7496,6 +7514,7 @@ textarea {
 }
 
 
+
 .modal-title-icon-type(@squareWidth) {
   border-radius: 50% 50%;
   width: @squareWidth;
@@ -8748,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.37
+ *   @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;
@@ -12080,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));
 }
@@ -13766,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 */
 /* 多行显示省略号 */
 /* 单行显示省略号 */
 /** 浮层箭头样式 **/