@kdcloudjs/kdesign 1.7.13 → 1.7.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/CHANGELOG.md +40 -0
  2. package/dist/kdesign-complete.less +28 -11
  3. package/dist/kdesign.css +93 -10
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +743 -595
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +3 -3
  8. package/dist/kdesign.min.js +8 -8
  9. package/dist/kdesign.min.js.map +1 -1
  10. package/es/alert/alert.d.ts +1 -0
  11. package/es/alert/alert.js +15 -3
  12. package/es/cascader/cascader.d.ts +2 -0
  13. package/es/cascader/cascader.js +16 -4
  14. package/es/checkbox/checkbox.js +11 -10
  15. package/es/checkbox/group.d.ts +2 -1
  16. package/es/checkbox/group.js +16 -4
  17. package/es/city-picker/city-picker.js +1 -0
  18. package/es/city-picker/style/index.css +6 -0
  19. package/es/city-picker/style/index.less +8 -0
  20. package/es/color-picker/color-picker-panel.js +2 -2
  21. package/es/dropdown/dropdown.d.ts +2 -0
  22. package/es/empty/defaultEmptyImg.d.ts +1 -1
  23. package/es/empty/defaultEmptyImg.js +3 -2
  24. package/es/empty/empty.js +3 -1
  25. package/es/empty/illustrationEmptyImg.d.ts +1 -1
  26. package/es/empty/illustrationEmptyImg.js +3 -2
  27. package/es/form/Field.d.ts +4 -0
  28. package/es/form/Field.js +2 -5
  29. package/es/form/index.js +1 -0
  30. package/es/input/input.d.ts +1 -0
  31. package/es/input/style/index.css +86 -9
  32. package/es/input/style/index.less +1 -10
  33. package/es/input/style/mixin.less +18 -0
  34. package/es/input/style/token.less +1 -1
  35. package/es/modal/modal.js +0 -1
  36. package/es/search/quick-search.js +13 -3
  37. package/es/search/search.js +3 -3
  38. package/es/select/option.d.ts +2 -0
  39. package/es/select/option.js +10 -3
  40. package/es/select/select.js +119 -12
  41. package/es/transfer/list.js +1 -1
  42. package/es/tree/tree.d.ts +2 -0
  43. package/es/tree/tree.js +15 -4
  44. package/es/tree-select/interface.d.ts +5 -1
  45. package/es/tree-select/tree-select.js +1 -1
  46. package/lib/alert/alert.d.ts +1 -0
  47. package/lib/alert/alert.js +15 -3
  48. package/lib/cascader/cascader.d.ts +2 -0
  49. package/lib/cascader/cascader.js +20 -8
  50. package/lib/checkbox/checkbox.js +11 -10
  51. package/lib/checkbox/group.d.ts +2 -1
  52. package/lib/checkbox/group.js +17 -7
  53. package/lib/city-picker/city-picker.js +1 -0
  54. package/lib/city-picker/style/index.css +6 -0
  55. package/lib/city-picker/style/index.less +8 -0
  56. package/lib/color-picker/color-picker-panel.js +2 -2
  57. package/lib/dropdown/dropdown.d.ts +2 -0
  58. package/lib/empty/defaultEmptyImg.d.ts +1 -1
  59. package/lib/empty/defaultEmptyImg.js +3 -2
  60. package/lib/empty/empty.js +3 -1
  61. package/lib/empty/illustrationEmptyImg.d.ts +1 -1
  62. package/lib/empty/illustrationEmptyImg.js +3 -2
  63. package/lib/form/Field.d.ts +4 -0
  64. package/lib/form/Field.js +3 -5
  65. package/lib/form/index.js +1 -0
  66. package/lib/input/input.d.ts +1 -0
  67. package/lib/input/style/index.css +86 -9
  68. package/lib/input/style/index.less +1 -10
  69. package/lib/input/style/mixin.less +18 -0
  70. package/lib/input/style/token.less +1 -1
  71. package/lib/modal/modal.js +0 -1
  72. package/lib/search/quick-search.js +17 -7
  73. package/lib/search/search.js +3 -3
  74. package/lib/select/option.d.ts +2 -0
  75. package/lib/select/option.js +10 -3
  76. package/lib/select/select.js +119 -12
  77. package/lib/transfer/list.js +1 -1
  78. package/lib/tree/tree.d.ts +2 -0
  79. package/lib/tree/tree.js +19 -8
  80. package/lib/tree-select/interface.d.ts +5 -1
  81. package/lib/tree-select/tree-select.js +1 -1
  82. package/package.json +2 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,43 @@
1
+ ## [1.7.14](https://github.com/kdcloudone/kdesign/compare/v1.7.13...v1.7.14) (2023-06-09)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * [cli] 本地启动项目,docs-search 匹配结果url主站为 react.kingdee.design,不是localhost fixes:kdcloudone[#359](https://github.com/kdcloudone/kdesign/issues/359) ([5e4585b](https://github.com/kdcloudone/kdesign/commit/5e4585b13803ed924ee2dece6adf4dc866c84642))
7
+ * [empty] 修复imageStyle不生效的问题 fix [#393](https://github.com/kdcloudone/kdesign/issues/393) ([2e15b71](https://github.com/kdcloudone/kdesign/commit/2e15b71b7ba58d15105c5b11d729a461d9204c53))
8
+ * [select] 新增select快捷键 fix [#405](https://github.com/kdcloudone/kdesign/issues/405) ([51d20f8](https://github.com/kdcloudone/kdesign/commit/51d20f8fb0ba669ceaac75bb8083d3d451fe93a0))
9
+
10
+
11
+
12
+ ## [1.7.13](https://github.com/kdcloudone/kdesign/compare/v1.7.12...v1.7.13) (2023-06-02)
13
+
14
+
15
+ ### Bug Fixes
16
+
17
+ * [anchor] 纵向锚点增加背景色 fix [#360](https://github.com/kdcloudone/kdesign/issues/360) ([6877618](https://github.com/kdcloudone/kdesign/commit/687761873629043b649f04e2b514b334edef559c))
18
+ * [cli] 修复在窗口尺寸变化时首页退出登录的问题 [#399](https://github.com/kdcloudone/kdesign/issues/399) ([612cbce](https://github.com/kdcloudone/kdesign/commit/612cbce48f571da10534f2e84e915c9d87933bb1))
19
+ * [modal] 修复maskClassName不生效 fix [#413](https://github.com/kdcloudone/kdesign/issues/413) ([a4cba12](https://github.com/kdcloudone/kdesign/commit/a4cba12d53c020cce4952692a6b6a41923a91ef9))
20
+ * [stepper] 修复大数字时自增或自减操作丢失精度 fix [#385](https://github.com/kdcloudone/kdesign/issues/385) ([03db1f8](https://github.com/kdcloudone/kdesign/commit/03db1f8ca23f34a942e1c1cd3da0b9e5aaa2c31e))
21
+ * [tree-select] 多选时onChange第二个参数返回nodes数组 fix [#388](https://github.com/kdcloudone/kdesign/issues/388) ([0531718](https://github.com/kdcloudone/kdesign/commit/053171869ed05fe86fb4d0ad586bd16fb6b18588))
22
+ * [tree-select]修复单选初始化时设置value无行选中效果问题 fix [#387](https://github.com/kdcloudone/kdesign/issues/387) ([62b7b6e](https://github.com/kdcloudone/kdesign/commit/62b7b6e456be8939775b8b2dd6bea5de795f034a))
23
+ * [tree] 去除多选时行选中效果 fix [#401](https://github.com/kdcloudone/kdesign/issues/401) ([7630aa2](https://github.com/kdcloudone/kdesign/commit/7630aa27db5e27f047b02ac5a9bcd2b0254f3fcc))
24
+
25
+
26
+ ### Features
27
+
28
+ * [color-picker] 新增颜色类型下拉面板选项背景色的design token [#386](https://github.com/kdcloudone/kdesign/issues/386) ([fbe667d](https://github.com/kdcloudone/kdesign/commit/fbe667dd69b8d2d74b146cde35114de3131466bc))
29
+
30
+
31
+
32
+ ## [1.7.12](https://github.com/kdcloudone/kdesign/compare/v1.7.11...v1.7.12) (2023-05-26)
33
+
34
+
35
+ ### Bug Fixes
36
+
37
+ * [tree-select] 修复面板高度超出时无法滚动的bug ([73f5bd9](https://github.com/kdcloudone/kdesign/commit/73f5bd96d9bd4fa8e08db137354e68703753e2bb))
38
+
39
+
40
+
1
41
  ## [1.7.11](https://github.com/kdcloudone/kdesign/compare/v1.7.10...v1.7.11) (2023-05-26)
2
42
 
3
43
 
@@ -2491,6 +2491,14 @@
2491
2491
  }
2492
2492
  }
2493
2493
 
2494
+ .@{city-picker-prefix-cls}-panel {
2495
+ &.hidden {
2496
+ opacity: 0;
2497
+ visibility: hidden;
2498
+ transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
2499
+ }
2500
+ }
2501
+
2494
2502
  .@{city-picker-prefix-cls}-panel-container {
2495
2503
  width: @city-picker-panel-sizing-width;
2496
2504
  height: @city-picker-panel-sizing-height;
@@ -5614,7 +5622,6 @@ textarea {
5614
5622
 
5615
5623
  &-borderless {
5616
5624
  border: 0;
5617
- padding-left: 0 !important;
5618
5625
 
5619
5626
  &:focus {
5620
5627
  border: 0;
@@ -5654,7 +5661,7 @@ textarea {
5654
5661
  }
5655
5662
 
5656
5663
  &-wrapper {
5657
- padding-left: @input-wrapper-padding-left !important;
5664
+ padding-left: @input-wrapper-padding-left;
5658
5665
  .input(@wrapper-prefix-cls);
5659
5666
  transition: border-color @transition-duration-inner;
5660
5667
  display: inline-flex;
@@ -5678,14 +5685,6 @@ textarea {
5678
5685
  word-break: keep-all;
5679
5686
  color: @input-affix-color;
5680
5687
  }
5681
-
5682
- &-suffix {
5683
- margin-left: 4px;
5684
- }
5685
-
5686
- &-prefix {
5687
- margin-right: 4px;
5688
- }
5689
5688
  }
5690
5689
 
5691
5690
  &-size-small {
@@ -5922,6 +5921,24 @@ textarea {
5922
5921
  line-height: calc(@height - (@padding-vertical * 2) - (@input-border-width * 2));
5923
5922
  font-size: @fonSize;
5924
5923
  padding: @padding-vertical @padding-horizontal;
5924
+
5925
+ .@{input-prefix-cls}-suffix {
5926
+ margin-left: calc(@padding-vertical * 2);
5927
+ }
5928
+
5929
+ .@{input-prefix-cls}-prefix {
5930
+ margin-right: calc(@padding-vertical * 2);
5931
+ }
5932
+
5933
+ &.@{input-prefix-cls}-underline {
5934
+ padding-right: 0;
5935
+ padding-left: 0;
5936
+ }
5937
+
5938
+ &.@{input-prefix-cls}-wrapper-underline {
5939
+ padding-right: 0;
5940
+ padding-left: 0;
5941
+ }
5925
5942
  }
5926
5943
 
5927
5944
  .input-clear-icon() {
@@ -5995,7 +6012,7 @@ textarea {
5995
6012
  @input-large-height-inner: var(~'@{input-prefix}-sizing-height-large', 36px);
5996
6013
  @input-border-width-inner: var(~'@{input-prefix}-sizing-border', 1px);
5997
6014
  @input-wrapper-padding-left: var(~'@{input-prefix}-wrapper-padding-left', 0px);
5998
- @input-padding-left: var(~'@{input-prefix}-padding-left', 9px);
6015
+ @input-padding-left: var(~'@{input-prefix}-padding-left', 0px);
5999
6016
 
6000
6017
  // spacing
6001
6018
  @input-small-padding-vertical-inner: var(~'@{input-prefix}-spacing-padding-vertical-small', 3px);
package/dist/kdesign.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  *
3
- * @kdcloudjs/kdesign v1.7.12
3
+ * @kdcloudjs/kdesign v1.7.14
4
4
  *
5
5
  * Copyright 2020-present, Kingdee, Inc.
6
6
  * All rights reserved.
@@ -5374,6 +5374,12 @@ template {
5374
5374
  -webkit-transform: rotate(180deg);
5375
5375
  transform: rotate(180deg);
5376
5376
  }
5377
+ .kd-city-picker-panel.hidden {
5378
+ opacity: 0;
5379
+ visibility: hidden;
5380
+ -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
5381
+ transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
5382
+ }
5377
5383
  .kd-city-picker-panel-container {
5378
5384
  width: var(--kd-c-city-picker-panel-sizing-width, 460px);
5379
5385
  height: var(--kd-c-city-picker-panel-sizing-height, 373px);
@@ -9790,7 +9796,6 @@ textarea {
9790
9796
  }
9791
9797
  .kd-input-borderless {
9792
9798
  border: 0;
9793
- padding-left: 0 !important;
9794
9799
  }
9795
9800
  .kd-input-borderless:focus {
9796
9801
  border: 0;
@@ -9818,20 +9823,62 @@ textarea {
9818
9823
  font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px));
9819
9824
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
9820
9825
  }
9826
+ .kd-input-size-small .kd-input-suffix {
9827
+ margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
9828
+ }
9829
+ .kd-input-size-small .kd-input-prefix {
9830
+ margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
9831
+ }
9832
+ .kd-input-size-small.kd-input-underline {
9833
+ padding-right: 0;
9834
+ padding-left: 0;
9835
+ }
9836
+ .kd-input-size-small.kd-input-wrapper-underline {
9837
+ padding-right: 0;
9838
+ padding-left: 0;
9839
+ }
9821
9840
  .kd-input-size-middle {
9822
9841
  height: var(--kd-c-input-sizing-height-middle, 30px);
9823
9842
  line-height: calc(var(--kd-c-input-sizing-height-middle, 30px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
9824
9843
  font-size: var(--kd-c-input-font-size-middle, var(--kd-g-font-size-middle, 14px));
9825
9844
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
9826
9845
  }
9846
+ .kd-input-size-middle .kd-input-suffix {
9847
+ margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
9848
+ }
9849
+ .kd-input-size-middle .kd-input-prefix {
9850
+ margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
9851
+ }
9852
+ .kd-input-size-middle.kd-input-underline {
9853
+ padding-right: 0;
9854
+ padding-left: 0;
9855
+ }
9856
+ .kd-input-size-middle.kd-input-wrapper-underline {
9857
+ padding-right: 0;
9858
+ padding-left: 0;
9859
+ }
9827
9860
  .kd-input-size-large {
9828
9861
  height: var(--kd-c-input-sizing-height-large, 36px);
9829
9862
  line-height: calc(var(--kd-c-input-sizing-height-large, 36px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
9830
9863
  font-size: var(--kd-c-input-font-size-large, var(--kd-g-font-size-large, 16px));
9831
9864
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
9832
9865
  }
9866
+ .kd-input-size-large .kd-input-suffix {
9867
+ margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
9868
+ }
9869
+ .kd-input-size-large .kd-input-prefix {
9870
+ margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
9871
+ }
9872
+ .kd-input-size-large.kd-input-underline {
9873
+ padding-right: 0;
9874
+ padding-left: 0;
9875
+ }
9876
+ .kd-input-size-large.kd-input-wrapper-underline {
9877
+ padding-right: 0;
9878
+ padding-left: 0;
9879
+ }
9833
9880
  .kd-input-wrapper {
9834
- padding-left: var(--kd-c-input-wrapper-padding-left, 0px) !important;
9881
+ padding-left: var(--kd-c-input-wrapper-padding-left, 0px);
9835
9882
  width: 100%;
9836
9883
  min-width: 0;
9837
9884
  border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
@@ -9879,7 +9926,7 @@ textarea {
9879
9926
  }
9880
9927
  .kd-input-wrapper .kd-input {
9881
9928
  border: none;
9882
- padding-left: var(--kd-c-input-padding-left, 9px);
9929
+ padding-left: var(--kd-c-input-padding-left, 0px);
9883
9930
  padding-right: 0;
9884
9931
  height: 100%;
9885
9932
  }
@@ -9900,30 +9947,66 @@ textarea {
9900
9947
  word-break: keep-all;
9901
9948
  color: var(--kd-c-input-affix-color-text, #666);
9902
9949
  }
9903
- .kd-input-wrapper .kd-input-suffix {
9904
- margin-left: 4px;
9905
- }
9906
- .kd-input-wrapper .kd-input-prefix {
9907
- margin-right: 4px;
9908
- }
9909
9950
  .kd-input-wrapper-size-small {
9910
9951
  height: var(--kd-c-input-sizing-height-small, 20px);
9911
9952
  line-height: calc(var(--kd-c-input-sizing-height-small, 20px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
9912
9953
  font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px));
9913
9954
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
9914
9955
  }
9956
+ .kd-input-wrapper-size-small .kd-input-suffix {
9957
+ margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
9958
+ }
9959
+ .kd-input-wrapper-size-small .kd-input-prefix {
9960
+ margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
9961
+ }
9962
+ .kd-input-wrapper-size-small.kd-input-underline {
9963
+ padding-right: 0;
9964
+ padding-left: 0;
9965
+ }
9966
+ .kd-input-wrapper-size-small.kd-input-wrapper-underline {
9967
+ padding-right: 0;
9968
+ padding-left: 0;
9969
+ }
9915
9970
  .kd-input-wrapper-size-middle {
9916
9971
  height: var(--kd-c-input-sizing-height-middle, 30px);
9917
9972
  line-height: calc(var(--kd-c-input-sizing-height-middle, 30px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
9918
9973
  font-size: var(--kd-c-input-font-size-middle, var(--kd-g-font-size-middle, 14px));
9919
9974
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-middle, 9px);
9920
9975
  }
9976
+ .kd-input-wrapper-size-middle .kd-input-suffix {
9977
+ margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
9978
+ }
9979
+ .kd-input-wrapper-size-middle .kd-input-prefix {
9980
+ margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
9981
+ }
9982
+ .kd-input-wrapper-size-middle.kd-input-underline {
9983
+ padding-right: 0;
9984
+ padding-left: 0;
9985
+ }
9986
+ .kd-input-wrapper-size-middle.kd-input-wrapper-underline {
9987
+ padding-right: 0;
9988
+ padding-left: 0;
9989
+ }
9921
9990
  .kd-input-wrapper-size-large {
9922
9991
  height: var(--kd-c-input-sizing-height-large, 36px);
9923
9992
  line-height: calc(var(--kd-c-input-sizing-height-large, 36px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
9924
9993
  font-size: var(--kd-c-input-font-size-large, var(--kd-g-font-size-large, 16px));
9925
9994
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-large, 9px);
9926
9995
  }
9996
+ .kd-input-wrapper-size-large .kd-input-suffix {
9997
+ margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
9998
+ }
9999
+ .kd-input-wrapper-size-large .kd-input-prefix {
10000
+ margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
10001
+ }
10002
+ .kd-input-wrapper-size-large.kd-input-underline {
10003
+ padding-right: 0;
10004
+ padding-left: 0;
10005
+ }
10006
+ .kd-input-wrapper-size-large.kd-input-wrapper-underline {
10007
+ padding-right: 0;
10008
+ padding-left: 0;
10009
+ }
9927
10010
  .kd-input-wrapper-borderless {
9928
10011
  border: none !important;
9929
10012
  }