@kdcloudjs/kdesign 1.7.59 → 1.7.61

package/CHANGELOG.md

@@ -1,19 +1,32 @@
-## [1.7.48-usePopper.2](https://github.com/kdcloudone/kdesign/compare/v1.7.58...v1.7.48-usePopper.2) (2024-04-24)
+## [1.7.60](https://github.com/kdcloudone/kdesign/compare/v1.7.59...v1.7.60) (2024-05-17)
 
 
 ### Bug Fixes
 
-* [popper] 修复bug ([613305e](https://github.com/kdcloudone/kdesign/commit/613305e4f1aad27d73262d355e083498be74d2b6))
-* [popper] 修复bug ([0082463](https://github.com/kdcloudone/kdesign/commit/00824638c7e7b7232c76b298605ce0f530d70c78))
-* [popper]修复问题添加单测 ([ef33f41](https://github.com/kdcloudone/kdesign/commit/ef33f41e9d2b685f1e1a47a627a2d88ac4c60177))
-* [popper]修复bug ([17af0aa](https://github.com/kdcloudone/kdesign/commit/17af0aa62aae885ef684691bf421ee9050a8e00b))
-* [popper]fix bug ([a9c68f3](https://github.com/kdcloudone/kdesign/commit/a9c68f3afeb98dfa1fcd2fcdf0347d9b87813747))
-* [tooltip] 更新快照 ([d72eacf](https://github.com/kdcloudone/kdesign/commit/d72eacf08852189d7a731db7afb9a62adb24449a))
+* [cascader]修复初次渲染问题 fix [#791](https://github.com/kdcloudone/kdesign/issues/791) ([36b177d](https://github.com/kdcloudone/kdesign/commit/36b177d68cd1c0cc36da64eaab2e4d0debda96c2))
+* [cli] 更新品牌logo ([024a574](https://github.com/kdcloudone/kdesign/commit/024a5749b18a315eae1f45000781ed4472f90ecf))
+* [date-picker]修复非法日期显示问题 fix [#787](https://github.com/kdcloudone/kdesign/issues/787) ([479cb53](https://github.com/kdcloudone/kdesign/commit/479cb53c0e932438a76a952b0feaa913a39559ca))
+* [signature] 更新快照 ([a1eec0f](https://github.com/kdcloudone/kdesign/commit/a1eec0f93b4252af469b8a3540242ba69c840b93))
 
 
 ### Features
 
-* [popper] 新增popper组件 ([c428886](https://github.com/kdcloudone/kdesign/commit/c42888666496931981cab267cf8cb19bd8cf24c8))
+* [signature] 手写签名组件新组件开发 [#658](https://github.com/kdcloudone/kdesign/issues/658) ([244d911](https://github.com/kdcloudone/kdesign/commit/244d9116049a0fc823027460cda2f798d91066e8))
+* [signature]处理细节 ([aa05cb3](https://github.com/kdcloudone/kdesign/commit/aa05cb3738593d1462d0bd082aa98a548a347212))
+* [signature]解决不兼容ie11的问题 ([42f2df9](https://github.com/kdcloudone/kdesign/commit/42f2df9df9fbd8cc2982b7282822c7a03b854b83))
+* [signature]解决ie11兼容问题 ([19b6058](https://github.com/kdcloudone/kdesign/commit/19b605875f1077892978571c55e21d641e7c317b))
+* [signature]手写签名组件单测快照文件提交 ([f566202](https://github.com/kdcloudone/kdesign/commit/f5662020bcad66c5b7a3ec5e1759d16512323e39))
+* [signature]手写签名组件文档说明补充 ([37f4137](https://github.com/kdcloudone/kdesign/commit/37f4137ff2c8a81682f2257450ec51b9975e3a89))
+
+
+
+## [1.7.59](https://github.com/kdcloudone/kdesign/compare/v1.7.58...v1.7.59) (2024-05-09)
+
+
+### Bug Fixes
+
+* [date-picker]修复时间范围顺序问题 fix [#786](https://github.com/kdcloudone/kdesign/issues/786) ([d2721a9](https://github.com/kdcloudone/kdesign/commit/d2721a97d3bcf158cc887727e733c5cfbb1ab3d7))
+* [tree-select] 修复多选点击清空按钮报错问题 fix [#785](https://github.com/kdcloudone/kdesign/issues/785) ([8f91a99](https://github.com/kdcloudone/kdesign/commit/8f91a99053adedef8ec15ffb276f20b09e8dddf7))
 
 
 

package/dist/kdesign-complete.less

@@ -2667,6 +2667,9 @@
       z-index: 1;
       position: absolute;
       top: 0;
+      bottom: 0;
+      display: flex;
+      align-items: center;
       background: #fff;
       transition: opacity 0.15s ease;
       font-size: @city-picker-clear-font-size;
@@ -10835,8 +10838,8 @@ textarea {
 @select-color-text-disabled: var(~'@{select-custom-prefix}-color-text-disabled', @color-disabled);
 @select-arrow-icon-color-text-disabled: var(~'@{select-custom-prefix}-arrow-icon-color-text-disabled', #b2b2b2);
 @select-single-color-text: var(~'@{select-custom-prefix}-single-color-text', @color-text-primary);
-@select-clear-color: var(~'@{select-custom-prefix}-icon-clear-color-text', #d9d9d9);
-@select-clear-color-hover: var(~'@{select-custom-prefix}-icon-clear-color-text-hover', #999);
+@select-clear-color: var(~'@{select-custom-prefix}-icon-clear-color-text', #666);
+@select-clear-color-hover: var(~'@{select-custom-prefix}-icon-clear-color-text-hover', @color-theme);
 @select-error-color: var(~'@{select-custom-prefix}-color-error', @color-error);
 
 // font
@@ -10872,6 +10875,132 @@ textarea {
 
 
 
+@signature-prefix-cls: ~'@{kd-prefix}-signature';
+@signature-board-prefix-cls: ~'@{kd-prefix}-signature-drawing-board';
+
+.@{signature-prefix-cls} {
+  box-sizing: border-box;
+  border: 1px dashed #e5e5e5;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background: @signature-bg-color;
+  color: @signature-color-text;
+  font-size: @signature-font-size;
+  cursor: pointer;
+  border-radius: @signature-border-radius;
+  transition: border-color @signature-transition-duration, background-color @signature-transition-duration;
+  &:hover {
+    border-color: @signature-border-color-hover;
+    background-color: @signature-bg-color-hover;
+  }
+}
+.@{signature-prefix-cls}.@{signature-prefix-cls}-disabled {
+  cursor: not-allowed;
+  border: 1px solid @color-border-disabled;
+  background: @signature-bg-color;
+  color: @signature-color-text;
+}
+
+.@{signature-board-prefix-cls} {
+  width: 100%;
+  height: 100%;
+  border: 1px solid #e5e5e5;
+  box-sizing: border-box;
+  background: @signature-drawing-board-bg-color;
+  position: relative;
+  &-operation {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 9px;
+    right: 9px;
+    color: #b2b2b2;
+    z-index: 9999;
+    & > * {
+      cursor: pointer;
+    }
+    & > *:not(:last-child) {
+      margin-right: 13px;
+    }
+    span:nth-of-type(2) {
+      transform: scaleX(-1) !important;
+    }
+  }
+  &-operation.enabled {
+    color: #666666;
+  }
+  &-tip {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: @signature-board-tip-color;
+    font-size: 12px;
+    user-select: none;
+  }
+}
+.@{signature-prefix-cls}-modal {
+  .kd-modal-header {
+    position: relative;
+  }
+  &-footer {
+    .kd-btn:not(:last-child) {
+      margin-right: 12px;
+    }
+  }
+  .kd-modal-expand-icon {
+    position: absolute;
+    right: 43.5px;
+    font-size: 14px;
+    cursor: pointer;
+  }
+}
+.@{signature-prefix-cls}-modal.@{signature-prefix-cls}-modal-fullscreen {
+  .kd-modal-container-box {
+    width: 90vw !important;
+    height: 90vh !important;
+    top: 5vh;
+    left: 5vw;
+    transform: none !important;
+  }
+}
+
+
+
+.signature() {
+  color: @signature-color-text;
+  font-size: @signature-font-size;
+}
+
+
+
+@signature-custom-prefix: ~'--@{kd-prefix}-c-signature';
+
+// color
+@signature-color-text: var(~'@{signature-custom-prefix}-color-text', #999999);
+@signature-bg-color: var(~'@{signature-custom-prefix}-bg-color', #fafafa);
+@signature-border-color: var(~'@{signature-custom-prefix}-border-color-hover', @color-theme-hover);
+@signature-border-color-hover: var(~'@{signature-custom-prefix}-border-color-hover', @color-theme-hover);
+@signature-border-color-disabled: var(~'@{signature-custom-prefix}-border-color-disabled', @color-border-disabled);
+@signature-bg-color-hover: var(~'@{signature-custom-prefix}-bg-color-hover', @color-theme-1);
+@signature-drawing-board-bg-color:var(~'@{signature-custom-prefix}-drawing-board-bg-color', #fafafa);
+@signature-board-tip-color: var(~'@{signature-custom-prefix}-board-tip-color', #b2b2b2);
+// font
+@signature-font-size: var(~'@{signature-custom-prefix}-font-size', 12px);
+
+// motion
+@signature-transition-duration: var(~'@{signature-custom-prefix}-motion-duration', @duration-promptly);
+
+// radius
+@signature-border-radius: var(~'@{signature-custom-prefix}-border-radius', @radius-border);
+
+
+
+
 @slider-prefix-cls: ~'@{kd-prefix}-slider';
 
 .@{slider-prefix-cls} {
@@ -13591,7 +13720,6 @@ template {
 
 /* -----------  AdvancedSelector  ——————---- end */
 
-
 @global-custom-prefix: '--@{kd-prefix}-g';
 
 @color-theme: var(~'@{global-custom-prefix}-color-theme', @theme-color);

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.58
+ *   @kdcloudjs/kdesign v1.7.60
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -5622,6 +5622,13 @@ template {
   z-index: 1;
   position: absolute;
   top: 0;
+  bottom: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   background: #fff;
   -webkit-transition: opacity 0.15s ease;
   transition: opacity 0.15s ease;
@@ -16213,10 +16220,10 @@ textarea {
   opacity: 1;
 }
 .kd-select .kd-select-single .kd-select-icon-clear {
-  color: var(--kd-c-select-icon-clear-color-text, #d9d9d9);
+  color: var(--kd-c-select-icon-clear-color-text, #666);
 }
 .kd-select .kd-select-single .kd-select-icon-clear:hover {
-  color: var(--kd-c-select-icon-clear-color-text-hover, #999);
+  color: var(--kd-c-select-icon-clear-color-text-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-select .kd-select-single-text {
   color: var(--kd-c-select-single-color-text, var(--kd-g-color-text-primary, #212121));
@@ -16331,10 +16338,10 @@ textarea {
   opacity: 1;
 }
 .kd-select-multiple .kd-select-icon-clear {
-  color: var(--kd-c-select-icon-clear-color-text, #d9d9d9);
+  color: var(--kd-c-select-icon-clear-color-text, #666);
 }
 .kd-select-multiple .kd-select-icon-clear:hover {
-  color: var(--kd-c-select-icon-clear-color-text-hover, #999);
+  color: var(--kd-c-select-icon-clear-color-text-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-select-multiple-selector {
   position: relative;
@@ -16494,6 +16501,217 @@ textarea {
     普通组件内部自身层级应设置在0-100间
 */
 /* -----------  zIndex  ——————---- end */
+.kd-signature {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border: 1px dashed #e5e5e5;
+  width: 100%;
+  height: 100%;
+  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;
+  background: var(--kd-c-signature-bg-color, #fafafa);
+  color: var(--kd-c-signature-color-text, #999999);
+  font-size: var(--kd-c-signature-font-size, 12px);
+  cursor: pointer;
+  border-radius: var(--kd-c-signature-border-radius, var(--kd-g-radius-border, 2px));
+  -webkit-transition: border-color var(--kd-c-signature-motion-duration, var(--kd-g-duration, 0.3s)), background-color var(--kd-c-signature-motion-duration, var(--kd-g-duration, 0.3s));
+  transition: border-color var(--kd-c-signature-motion-duration, var(--kd-g-duration, 0.3s)), background-color var(--kd-c-signature-motion-duration, var(--kd-g-duration, 0.3s));
+}
+.kd-signature:hover {
+  border-color: var(--kd-c-signature-border-color-hover, var(--kd-g-color-theme-5, #87adff));
+  background-color: var(--kd-c-signature-bg-color-hover, var(--kd-g-color-theme-1, #f2f8ff));
+}
+.kd-signature.kd-signature-disabled {
+  cursor: not-allowed;
+  border: 1px solid var(--kd-g-color-border-disabled, #ccc);
+  background: var(--kd-c-signature-bg-color, #fafafa);
+  color: var(--kd-c-signature-color-text, #999999);
+}
+.kd-signature-drawing-board {
+  width: 100%;
+  height: 100%;
+  border: 1px solid #e5e5e5;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  background: var(--kd-c-signature-drawing-board-bg-color, #fafafa);
+  position: relative;
+}
+.kd-signature-drawing-board-operation {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: absolute;
+  top: 9px;
+  right: 9px;
+  color: #b2b2b2;
+  z-index: 9999;
+}
+.kd-signature-drawing-board-operation > * {
+  cursor: pointer;
+}
+.kd-signature-drawing-board-operation > *:not(:last-child) {
+  margin-right: 13px;
+}
+.kd-signature-drawing-board-operation span:nth-of-type(2) {
+  -webkit-transform: scaleX(-1) !important;
+          transform: scaleX(-1) !important;
+}
+.kd-signature-drawing-board-operation.enabled {
+  color: #666666;
+}
+.kd-signature-drawing-board-tip {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  color: var(--kd-c-signature-board-tip-color, #b2b2b2);
+  font-size: 12px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.kd-signature-modal .kd-modal-header {
+  position: relative;
+}
+.kd-signature-modal-footer .kd-btn:not(:last-child) {
+  margin-right: 12px;
+}
+.kd-signature-modal .kd-modal-expand-icon {
+  position: absolute;
+  right: 43.5px;
+  font-size: 14px;
+  cursor: pointer;
+}
+.kd-signature-modal.kd-signature-modal-fullscreen .kd-modal-container-box {
+  width: 90vw !important;
+  height: 90vh !important;
+  top: 5vh;
+  left: 5vw;
+  -webkit-transform: none !important;
+          transform: none !important;
+}
+
+/* -----------  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 */
 .slider {
   position: relative;
   -webkit-box-sizing: border-box;