@kdcloudjs/kdesign 1.7.1 → 1.7.3

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+## [1.7.2](https://github.com/kdcloudone/kdesign/compare/v1.7.1...v1.7.2) (2023-04-07)
+
+
+### Bug Fixes
+
+* [color-picker] 修复单测问题点 ([59128c8](https://github.com/kdcloudone/kdesign/commit/59128c8b41411adf2974466e5e434e656c27d724))
+* [color-picker] 修复ColorPicker中第三方包color不被babel编译的问题 ([de871df](https://github.com/kdcloudone/kdesign/commit/de871df72dee2e17aa14553daa811406a98dcf35))
+* [color-picker] 颜色面板下拉框中的option未固定位置 [#307](https://github.com/kdcloudone/kdesign/issues/307) ([ed81af8](https://github.com/kdcloudone/kdesign/commit/ed81af8b0cb9d00da07677dc160c5ad2436eb497))
+* [modal] 修复多层弹窗拖拽会同时移动问题 fix [#312](https://github.com/kdcloudone/kdesign/issues/312) ([1adc288](https://github.com/kdcloudone/kdesign/commit/1adc288ddfde66bd3c4951fd71e6ae8ae6739a5c))
+* [modal] 修复modal传入style不生效问题 fix [#317](https://github.com/kdcloudone/kdesign/issues/317) ([1325ee6](https://github.com/kdcloudone/kdesign/commit/1325ee6001e2de6b2abcad490c5620c303faf69c))
+* [modal] 修复modal拖拽不能控制拖拽边界 fix [#318](https://github.com/kdcloudone/kdesign/issues/318) ([c7d909d](https://github.com/kdcloudone/kdesign/commit/c7d909d9740ff8e73f2a5f76ec388d1e8ac26a7c))
+* [select] 更新选择器单测 ([2d78242](https://github.com/kdcloudone/kdesign/commit/2d78242ffa0717aee79467d480dd14f0834661ee))
+* 当子元素只有一个时，Dropdown.menu设置的属性不生效 [#308](https://github.com/kdcloudone/kdesign/issues/308) ([c7111ec](https://github.com/kdcloudone/kdesign/commit/c7111ec1e3b2c3e56aa63ba1be09c8dd6bc92c3c))
+
+
+
+## [1.7.1](https://github.com/kdcloudone/kdesign/compare/v1.7.0...v1.7.1) (2023-03-24)
+
+
+### Bug Fixes
+
+* [cli] 添加组件概览缩略图默认值 ([9ad9386](https://github.com/kdcloudone/kdesign/commit/9ad9386fa64702605942c8bddfa8179b869db348))
+* [cli] 修复国际化配置需全量传入参数问题 fix [#297](https://github.com/kdcloudone/kdesign/issues/297) ([90de9ad](https://github.com/kdcloudone/kdesign/commit/90de9ad3f5bf952432161de40a4067f678365a9c))
+* [pagination]修复样式问题 fix [#288](https://github.com/kdcloudone/kdesign/issues/288) ([37ec001](https://github.com/kdcloudone/kdesign/commit/37ec00156fe68c7188150158ceffa0e0457d784c))
+* [pagination]修复样式问题 fix [#288](https://github.com/kdcloudone/kdesign/issues/288) ([8283ed8](https://github.com/kdcloudone/kdesign/commit/8283ed89af37eebfe2dc06c85769715558760857))
+
+
+### Features
+
+* [color-picker] add color-picker component ([74c8266](https://github.com/kdcloudone/kdesign/commit/74c8266fa426ba3d6b7b2ba03eac7cac75990fdc))
+
+
+
 # [1.7.0](https://github.com/kdcloudone/kdesign/compare/v1.6.40...v1.7.0) (2023-03-23)
 
 

package/dist/kdesign-complete.less

@@ -3068,7 +3068,11 @@
                 }
 
                 .@{kd-prefix}-select-dropdown {
-                    overflow: hidden;
+                    .@{kd-prefix}-select-item-option {
+                        display: flex;
+                        justify-content: center;
+                        min-width: unset;
+                    }
                 }
             }
 
@@ -14592,11 +14596,9 @@ template {
     box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
     max-height: 200px;
 
-    .@{tree-prefix-cls} {
-      padding-left: 16px;
-      padding-right: 16px;
+    .@{tree-prefix-cls}-node-item {
+      padding: 0 @tree-select-dropdown-node-horizontal;
     }
-    
 
     &-scroll {
       overflow-y: auto;
@@ -14878,58 +14880,58 @@ template {
 
 
 
-@select-custom-prefix: ~'--@{kd-prefix}-c-tree-select';
-
+@tree-select-custom-prefix: ~'--@{kd-prefix}-c-tree-select';
 
 // color
-@tree-select-dropdown-bg: var(~'@{select-custom-prefix}-dropdown-color-background', @color-background);
-@tree-select-disabled-option-bg: var(~'@{select-custom-prefix}-item-color-background-disabled', #fff);
-@tree-select-item-active-bg: var(~'@{select-custom-prefix}-color-background', #f5f5f5);
-@tree-select-item-selected-bg: var(~'@{select-custom-prefix}-color-background-selected', @color-theme-3);
-@tree-select-g-color-border: var(~'@{select-custom-prefix}-color-border', @color-input);
-@tree-select-g-color-border-foucs: var(~'@{select-custom-prefix}-color-border-foucs', @color-theme);
-@tree-select-g-color-border-hover: var(~'@{select-custom-prefix}-color-border-hover', @color-theme);
-@tree-select-border-g-color-border: var(~'@{select-custom-prefix}-border-color-border', @color-border-strong);
-@tree-select-placeholder-color: var(~'@{select-custom-prefix}-placeholder-color-text', #b2b2b2);
-@tree-select-item-selected-color: var(~'@{select-custom-prefix}-item-color-text-selected', @color-theme);
-@tree-select-font-color: var(~'@{select-custom-prefix}-footer-color-text', @color-text-primary);
-@tree-select-footer-g-text-color-selected: var(~'@{select-custom-prefix}-footer-color-text-selected', #0e5fd8);
-@tree-select-g-item-text-color-disabled: var(~'@{select-custom-prefix}-item-color-text-disabled', @color-disabled);
-@tree-select-color-background-disabled: var(~'@{select-custom-prefix}-color-background-disabled', #f5f5f5);
-@tree-select-color-text-disabled: var(~'@{select-custom-prefix}-color-text-disabled', @color-disabled);
-@tree-select-arrow-icon-color-text-disabled: var(~'@{select-custom-prefix}-arrow-icon-color-text-disabled', #b2b2b2);
-@tree-select-single-color-text: var(~'@{select-custom-prefix}-single-color-text', @color-text-primary);
-@tree-select-clear-color: var(~'@{select-custom-prefix}-icon-clear-color-text', #d9d9d9);
-@tree-select-clear-color-hover: var(~'@{select-custom-prefix}-icon-clear-color-text-hover', #999);
+@tree-select-dropdown-bg: var(~'@{tree-select-custom-prefix}-dropdown-color-background', @color-background);
+@tree-select-disabled-option-bg: var(~'@{tree-select-custom-prefix}-item-color-background-disabled', #fff);
+@tree-select-item-active-bg: var(~'@{tree-select-custom-prefix}-color-background', #f5f5f5);
+@tree-select-item-selected-bg: var(~'@{tree-select-custom-prefix}-color-background-selected', @color-theme-3);
+@tree-select-g-color-border: var(~'@{tree-select-custom-prefix}-color-border', @color-input);
+@tree-select-g-color-border-foucs: var(~'@{tree-select-custom-prefix}-color-border-foucs', @color-theme);
+@tree-select-g-color-border-hover: var(~'@{tree-select-custom-prefix}-color-border-hover', @color-theme);
+@tree-select-border-g-color-border: var(~'@{tree-select-custom-prefix}-border-color-border', @color-border-strong);
+@tree-select-placeholder-color: var(~'@{tree-select-custom-prefix}-placeholder-color-text', #b2b2b2);
+@tree-select-item-selected-color: var(~'@{tree-select-custom-prefix}-item-color-text-selected', @color-theme);
+@tree-select-font-color: var(~'@{tree-select-custom-prefix}-footer-color-text', @color-text-primary);
+@tree-select-footer-g-text-color-selected: var(~'@{tree-select-custom-prefix}-footer-color-text-selected', #0e5fd8);
+@tree-select-g-item-text-color-disabled: var(~'@{tree-select-custom-prefix}-item-color-text-disabled', @color-disabled);
+@tree-select-color-background-disabled: var(~'@{tree-select-custom-prefix}-color-background-disabled', #f5f5f5);
+@tree-select-color-text-disabled: var(~'@{tree-select-custom-prefix}-color-text-disabled', @color-disabled);
+@tree-select-arrow-icon-color-text-disabled: var(~'@{tree-select-custom-prefix}-arrow-icon-color-text-disabled', #b2b2b2);
+@tree-select-single-color-text: var(~'@{tree-select-custom-prefix}-single-color-text', @color-text-primary);
+@tree-select-clear-color: var(~'@{tree-select-custom-prefix}-icon-clear-color-text', #d9d9d9);
+@tree-select-clear-color-hover: var(~'@{tree-select-custom-prefix}-icon-clear-color-text-hover', #999);
 
 // font
-@tree-select-list-font-size: var(~'@{select-custom-prefix}-dropdown-font-size', 12px); // 下拉列表文字大小
-@tree-select-large-font-size: var(~'@{select-custom-prefix}-font-size-large', 16px); // 大号字体
-@tree-select-middle-font-size: var(~'@{select-custom-prefix}-font-size-middle', 14px); // 中号高度
-@tree-select-small-font-size: var(~'@{select-custom-prefix}-font-size-small', 12px); // 小号高度
+@tree-select-list-font-size: var(~'@{tree-select-custom-prefix}-dropdown-font-size', 12px); // 下拉列表文字大小
+@tree-select-large-font-size: var(~'@{tree-select-custom-prefix}-font-size-large', 16px); // 大号字体
+@tree-select-middle-font-size: var(~'@{tree-select-custom-prefix}-font-size-middle', 14px); // 中号高度
+@tree-select-small-font-size: var(~'@{tree-select-custom-prefix}-font-size-small', 12px); // 小号高度
 
 // line-height
-@tree-select-dropdown-line-height: var(~'@{select-custom-prefix}-dropdown-line-height', 22px);
-@tree-select-large-line-height: var(~'@{select-custom-prefix}-line-height-large', 28px);
-@tree-select-middle-line-height: var(~'@{select-custom-prefix}-line-height-middle', 22px);
-@tree-select-small-line-height: var(~'@{select-custom-prefix}-line-height-small', 14px);
+@tree-select-dropdown-line-height: var(~'@{tree-select-custom-prefix}-dropdown-line-height', 22px);
+@tree-select-large-line-height: var(~'@{tree-select-custom-prefix}-line-height-large', 28px);
+@tree-select-middle-line-height: var(~'@{tree-select-custom-prefix}-line-height-middle', 22px);
+@tree-select-small-line-height: var(~'@{tree-select-custom-prefix}-line-height-small', 14px);
 
 // sizing
-@tree-select-dropdown-height: var(~'@{select-custom-prefix}-item-sizing-height', 22px);
-@tree-select-large-height: var(~'@{select-custom-prefix}-sizing-height-large', 36px); // 大号高度 lh:28px
-@tree-select-middle-height: var(~'@{select-custom-prefix}-sizing-height-middle', 32px); // 中号高度lh:22px
-@tree-select-small-height: var(~'@{select-custom-prefix}-sizing-height-small', 24px); // 小号高度lh:12px
+@tree-select-dropdown-height: var(~'@{tree-select-custom-prefix}-item-sizing-height', 22px);
+@tree-select-large-height: var(~'@{tree-select-custom-prefix}-sizing-height-large', 36px); // 大号高度 lh:28px
+@tree-select-middle-height: var(~'@{tree-select-custom-prefix}-sizing-height-middle', 32px); // 中号高度lh:22px
+@tree-select-small-height: var(~'@{tree-select-custom-prefix}-sizing-height-small', 24px); // 小号高度lh:12px
 
 // spacing
-@tree-select-bordered: var(~'@{select-custom-prefix}-bordered-spacing-padding-left', 8px);
-@tree-select-wrapper-padding: var(~'@{select-custom-prefix}-wrapper-spacing-padding', 1px 28px 1px 0);
+@tree-select-bordered: var(~'@{tree-select-custom-prefix}-bordered-spacing-padding-left', 8px);
+@tree-select-wrapper-padding: var(~'@{tree-select-custom-prefix}-wrapper-spacing-padding', 1px 28px 1px 0);
+@tree-select-dropdown-node-horizontal: var(~'@{tree-select-custom-prefix}-dropdown-node-spacing-padding-horizontal', 16px);
 
 // radius
-@tree-select-g-radius-border: var(~'@{select-custom-prefix}-radius-border', @radius-border);
-@tree-select-border-radius-border: var(~'@{select-custom-prefix}-bordered-radius-border', 2px);
+@tree-select-g-radius-border: var(~'@{tree-select-custom-prefix}-radius-border', @radius-border);
+@tree-select-border-radius-border: var(~'@{tree-select-custom-prefix}-bordered-radius-border', 2px);
 
 // z-index
-@tree-select-z-index: var(~'@{select-custom-prefix}-z-index', @z-index-popper);
+@tree-select-z-index: var(~'@{tree-select-custom-prefix}-z-index', @z-index-popper);
 
 
 

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.0
+ *   @kdcloudjs/kdesign v1.7.2
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -6140,8 +6140,14 @@ template {
           box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
   border-radius: 2px;
 }
-.kd-color-picker-pop .kd-color-picker-panel-input .kd-select .kd-select-dropdown {
-  overflow: hidden;
+.kd-color-picker-pop .kd-color-picker-panel-input .kd-select .kd-select-dropdown .kd-select-item-option {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  min-width: unset;
 }
 .kd-color-picker-pop .kd-color-picker-panel-input .kd-select-bordered {
   border-radius: 2px;
@@ -19373,9 +19379,8 @@ textarea {
           box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
   max-height: 200px;
 }
-.kd-tree-select-dropdown .kd-tree {
-  padding-left: 16px;
-  padding-right: 16px;
+.kd-tree-select-dropdown .kd-tree-node-item {
+  padding: 0 var(--kd-c-tree-select-dropdown-node-spacing-padding-horizontal, 16px);
 }
 .kd-tree-select-dropdown-scroll {
   overflow-y: auto;