@kdcloudjs/kdesign 1.7.39 → 1.7.41

package/CHANGELOG.md

@@ -1,3 +1,38 @@
+## [1.7.40](https://github.com/kdcloudone/kdesign/compare/v1.7.39...v1.7.40) (2023-11-27)
+
+
+### Bug Fixes
+
+* [alert] 修复点击关闭按钮依旧占位的问题 fix [#652](https://github.com/kdcloudone/kdesign/issues/652) ([f22c2a3](https://github.com/kdcloudone/kdesign/commit/f22c2a3c8b6f864a59e3c1db91ae4ebab06508e0))
+* [cli] 添加剪切板组件预览图 ([0317fb9](https://github.com/kdcloudone/kdesign/commit/0317fb977edaacdff7f658e31d9b968f99d7dee2))
+* [cli] 修复demo中多余的name属性 ([01260a9](https://github.com/kdcloudone/kdesign/commit/01260a984d419e2d948621e6a4a46863b36ad716))
+* [modal] 修复弹窗超出视口高度时无法滚动的问题 fix [#226](https://github.com/kdcloudone/kdesign/issues/226) fix [#581](https://github.com/kdcloudone/kdesign/issues/581) ([11e3d8e](https://github.com/kdcloudone/kdesign/commit/11e3d8ead40e50267acdd70e6ea3646f48c7d60b))
+* [tree] 修复树组件搜索不生效问题 fix [#644](https://github.com/kdcloudone/kdesign/issues/644) ([4cad188](https://github.com/kdcloudone/kdesign/commit/4cad188d6c638da9a1e57c6285536195064ded6d))
+
+
+### Features
+
+* [date-picker]新增自定义单元格API fix [#266](https://github.com/kdcloudone/kdesign/issues/266) ([a70026f](https://github.com/kdcloudone/kdesign/commit/a70026ff77715ac439f0e6570cb39ec5ffd078bb))
+* [QRCode] 新增二维码组件 [#626](https://github.com/kdcloudone/kdesign/issues/626) ([f5f61d6](https://github.com/kdcloudone/kdesign/commit/f5f61d689c0b2cfcd19ad1585dfe47efd6e4c76f))
+
+
+
+## [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;
@@ -5981,12 +5983,16 @@ textarea {
       font-size: @input-small-font-size-inner;
       line-height: 18px;
       background-color: #fff;
-    }
 
-    &-mark-inner {
-      top: auto;
-      bottom: 5px;
-      right: 8px;
+      &-inner {
+        top: auto;
+        bottom: 5px;
+        right: 8px;
+      }
+
+      &-error {
+        color: @input-error-color;
+      }
     }
   }
 
@@ -7387,15 +7393,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 +7478,104 @@ textarea {
       color: @modal-footer-font-color;
       flex-shrink: 0;
     }
-    // each(@modal-footer-type-set, {
-    //   .@{modal-prefix-cls}-@{key}-footer {
-    //     justify-content: @value;
-    //   }
-    // });
+
+    .@{modal-prefix-cls}-resise {
+      &-handle {
+        position: absolute;
+      }
+
+      &-n {
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 6px;
+        cursor: ns-resize;
+      }
+      &-e {
+        top: 0;
+        right: 0;
+        height: 100%;
+        width: 6px;
+        cursor: ew-resize;
+      }
+      &-s {
+        bottom: 0;
+        left: 0;
+        height: 6px;
+        width: 100%;
+        cursor: ns-resize;
+      }
+      &-w {
+        left: 0;
+        top: 0;
+        height: 100%;
+        width: 6px;
+        cursor: ew-resize;
+      }
+      &-ne {
+        top: 0;
+        right: 0;
+        width: 6px;
+        height: 6px;
+        cursor: nesw-resize;
+      }
+      &-se {
+        bottom: 0;
+        right: 0;
+        width: 6px;
+        height: 6px;
+        cursor: nwse-resize;
+      }
+      &-sw {
+        bottom: 0;
+        left: 0;
+        width: 6px;
+        height: 6px;
+        cursor: nesw-resize;
+      }
+      &-nw {
+        top: 0;
+        left: 0;
+        width: 6px;
+        height: 6px;
+        cursor: nwse-resize;
+      }
+    }
   }
 
   &-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: '';
+    }
+
+    &-resizable {
+      text-align: unset;
+      &::before {
+        height: 0;
+      }
+    }
+  }
+  &-dialog {
+    display: inline-block;
+    vertical-align: middle;
+    max-width: calc(100vw);
+  }
 }
 
 .@{modal-prefix-cls}-showline {
@@ -7496,6 +7588,7 @@ textarea {
 }
 
 
+
 .modal-title-icon-type(@squareWidth) {
   border-radius: 50% 50%;
   width: @squareWidth;
@@ -8748,6 +8841,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.40
  * 
  *   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;
@@ -10155,6 +10157,9 @@ textarea {
   bottom: 5px;
   right: 8px;
 }
+.kd-input-textarea-mark-error {
+  color: var(--kd-c-input-color-error, var(--kd-g-color-error, #fb2323));
+}
 .kd-input-no-resize {
   resize: none;
 }
@@ -12077,9 +12082,95 @@ textarea {
   -ms-flex-negative: 0;
       flex-shrink: 0;
 }
+.kd-modal-container-box .kd-modal-resise-handle {
+  position: absolute;
+}
+.kd-modal-container-box .kd-modal-resise-n {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 6px;
+  cursor: ns-resize;
+}
+.kd-modal-container-box .kd-modal-resise-e {
+  top: 0;
+  right: 0;
+  height: 100%;
+  width: 6px;
+  cursor: ew-resize;
+}
+.kd-modal-container-box .kd-modal-resise-s {
+  bottom: 0;
+  left: 0;
+  height: 6px;
+  width: 100%;
+  cursor: ns-resize;
+}
+.kd-modal-container-box .kd-modal-resise-w {
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 6px;
+  cursor: ew-resize;
+}
+.kd-modal-container-box .kd-modal-resise-ne {
+  top: 0;
+  right: 0;
+  width: 6px;
+  height: 6px;
+  cursor: nesw-resize;
+}
+.kd-modal-container-box .kd-modal-resise-se {
+  bottom: 0;
+  right: 0;
+  width: 6px;
+  height: 6px;
+  cursor: nwse-resize;
+}
+.kd-modal-container-box .kd-modal-resise-sw {
+  bottom: 0;
+  left: 0;
+  width: 6px;
+  height: 6px;
+  cursor: nesw-resize;
+}
+.kd-modal-container-box .kd-modal-resise-nw {
+  top: 0;
+  left: 0;
+  width: 6px;
+  height: 6px;
+  cursor: nwse-resize;
+}
 .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-wrapper-resizable {
+  text-align: unset;
+}
+.kd-modal-wrapper-resizable::before {
+  height: 0;
+}
+.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 +13857,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 */
 /* 多行显示省略号 */
 /* 单行显示省略号 */
 /** 浮层箭头样式 **/