@kdcloudjs/kdesign 1.7.58 → 1.7.60

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 (73) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/kdesign-complete.less +126 -1
  3. package/dist/kdesign.css +212 -1
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +2217 -181
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +2 -2
  8. package/dist/kdesign.min.js +16 -12
  9. package/dist/kdesign.min.js.map +1 -1
  10. package/es/_utils/domUtil.d.ts +2 -0
  11. package/es/_utils/domUtil.js +15 -0
  12. package/es/cascader/cascader.js +41 -10
  13. package/es/config-provider/compDefaultProps.d.ts +7 -0
  14. package/es/config-provider/compDefaultProps.js +7 -0
  15. package/es/date-picker/date-picker.js +19 -17
  16. package/es/date-picker/hooks/use-range-view-dates.js +8 -2
  17. package/es/date-picker/panel/time/time.js +18 -3
  18. package/es/date-picker/range-picker.js +18 -28
  19. package/es/index.d.ts +1 -0
  20. package/es/index.js +2 -1
  21. package/es/locale/locale.d.ts +5 -0
  22. package/es/locale/zh-CN.d.ts +5 -0
  23. package/es/locale/zh-CN.js +6 -1
  24. package/es/signature/drawingBoard.d.ts +15 -0
  25. package/es/signature/drawingBoard.js +163 -0
  26. package/es/signature/index.d.ts +3 -0
  27. package/es/signature/index.js +3 -0
  28. package/es/signature/signature.d.ts +32 -0
  29. package/es/signature/signature.js +268 -0
  30. package/es/signature/style/css.js +2 -0
  31. package/es/signature/style/index.css +210 -0
  32. package/es/signature/style/index.d.ts +2 -0
  33. package/es/signature/style/index.js +2 -0
  34. package/es/signature/style/index.less +95 -0
  35. package/es/signature/style/mixin.less +6 -0
  36. package/es/signature/style/token.less +22 -0
  37. package/es/signature/utils/signature_pad.d.ts +106 -0
  38. package/es/signature/utils/signature_pad.js +690 -0
  39. package/es/style/themes/default.less +1 -1
  40. package/es/tree-select/tree-select.js +1 -1
  41. package/lib/_utils/domUtil.d.ts +2 -0
  42. package/lib/_utils/domUtil.js +23 -0
  43. package/lib/cascader/cascader.js +41 -10
  44. package/lib/config-provider/compDefaultProps.d.ts +7 -0
  45. package/lib/config-provider/compDefaultProps.js +7 -0
  46. package/lib/date-picker/date-picker.js +18 -16
  47. package/lib/date-picker/hooks/use-range-view-dates.js +7 -1
  48. package/lib/date-picker/panel/time/time.js +17 -2
  49. package/lib/date-picker/range-picker.js +18 -28
  50. package/lib/index.d.ts +1 -0
  51. package/lib/index.js +7 -0
  52. package/lib/locale/locale.d.ts +5 -0
  53. package/lib/locale/zh-CN.d.ts +5 -0
  54. package/lib/locale/zh-CN.js +6 -1
  55. package/lib/signature/drawingBoard.d.ts +15 -0
  56. package/lib/signature/drawingBoard.js +176 -0
  57. package/lib/signature/index.d.ts +3 -0
  58. package/lib/signature/index.js +27 -0
  59. package/lib/signature/signature.d.ts +32 -0
  60. package/lib/signature/signature.js +282 -0
  61. package/lib/signature/style/css.js +4 -0
  62. package/lib/signature/style/index.css +210 -0
  63. package/lib/signature/style/index.d.ts +2 -0
  64. package/lib/signature/style/index.js +4 -0
  65. package/lib/signature/style/index.less +95 -0
  66. package/lib/signature/style/mixin.less +6 -0
  67. package/lib/signature/style/token.less +22 -0
  68. package/lib/signature/utils/signature_pad.d.ts +106 -0
  69. package/lib/signature/utils/signature_pad.js +697 -0
  70. package/lib/style/components.less +1 -0
  71. package/lib/style/themes/default.less +1 -1
  72. package/lib/tree-select/tree-select.js +1 -1
  73. package/package.json +3 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,25 @@
1
+ ## [1.7.59](https://github.com/kdcloudone/kdesign/compare/v1.7.58...v1.7.59) (2024-05-09)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * [date-picker]修复时间范围顺序问题 fix [#786](https://github.com/kdcloudone/kdesign/issues/786) ([d2721a9](https://github.com/kdcloudone/kdesign/commit/d2721a97d3bcf158cc887727e733c5cfbb1ab3d7))
7
+ * [tree-select] 修复多选点击清空按钮报错问题 fix [#785](https://github.com/kdcloudone/kdesign/issues/785) ([8f91a99](https://github.com/kdcloudone/kdesign/commit/8f91a99053adedef8ec15ffb276f20b09e8dddf7))
8
+
9
+
10
+
11
+ ## [1.7.58](https://github.com/kdcloudone/kdesign/compare/v1.7.57...v1.7.58) (2024-04-22)
12
+
13
+
14
+ ### Bug Fixes
15
+
16
+ * [date-picker] 修复禁止全局mousedown事件后,导致触发元素隐藏后popper面板不隐藏的问题 fix [#780](https://github.com/kdcloudone/kdesign/issues/780) ([9e47ae3](https://github.com/kdcloudone/kdesign/commit/9e47ae3003bdba9fce43eeed4bc73fcf1924570e))
17
+ * [date-picker]处理tab键异常问题 fix [#778](https://github.com/kdcloudone/kdesign/issues/778) ([b9822ae](https://github.com/kdcloudone/kdesign/commit/b9822aef12670df8c3f5e84853d7124a04faf86d))
18
+ * [date-picker]修复值输入问题 fix [#777](https://github.com/kdcloudone/kdesign/issues/777) ([5347cf4](https://github.com/kdcloudone/kdesign/commit/5347cf4004f76732b52da8ac5841a9e6320cd8b3))
19
+ * [tooltip]修复placement受控问题 fix [#776](https://github.com/kdcloudone/kdesign/issues/776) ([05f0112](https://github.com/kdcloudone/kdesign/commit/05f01120420f40bab50b55180dc136037b541047))
20
+
21
+
22
+
1
23
  ## [1.7.57](https://github.com/kdcloudone/kdesign/compare/v1.7.56...v1.7.57) (2024-04-12)
2
24
 
3
25
 
@@ -10872,6 +10872,132 @@ textarea {
10872
10872
 
10873
10873
 
10874
10874
 
10875
+ @signature-prefix-cls: ~'@{kd-prefix}-signature';
10876
+ @signature-board-prefix-cls: ~'@{kd-prefix}-signature-drawing-board';
10877
+
10878
+ .@{signature-prefix-cls} {
10879
+ box-sizing: border-box;
10880
+ border: 1px dashed #e5e5e5;
10881
+ width: 100%;
10882
+ height: 100%;
10883
+ display: flex;
10884
+ flex-direction: column;
10885
+ justify-content: center;
10886
+ align-items: center;
10887
+ background: @signature-bg-color;
10888
+ color: @signature-color-text;
10889
+ font-size: @signature-font-size;
10890
+ cursor: pointer;
10891
+ border-radius: @signature-border-radius;
10892
+ transition: border-color @signature-transition-duration, background-color @signature-transition-duration;
10893
+ &:hover {
10894
+ border-color: @signature-border-color-hover;
10895
+ background-color: @signature-bg-color-hover;
10896
+ }
10897
+ }
10898
+ .@{signature-prefix-cls}.@{signature-prefix-cls}-disabled {
10899
+ cursor: not-allowed;
10900
+ border: 1px solid @color-border-disabled;
10901
+ background: @signature-bg-color;
10902
+ color: @signature-color-text;
10903
+ }
10904
+
10905
+ .@{signature-board-prefix-cls} {
10906
+ width: 100%;
10907
+ height: 100%;
10908
+ border: 1px solid #e5e5e5;
10909
+ box-sizing: border-box;
10910
+ background: @signature-drawing-board-bg-color;
10911
+ position: relative;
10912
+ &-operation {
10913
+ display: flex;
10914
+ align-items: center;
10915
+ position: absolute;
10916
+ top: 9px;
10917
+ right: 9px;
10918
+ color: #b2b2b2;
10919
+ z-index: 9999;
10920
+ & > * {
10921
+ cursor: pointer;
10922
+ }
10923
+ & > *:not(:last-child) {
10924
+ margin-right: 13px;
10925
+ }
10926
+ span:nth-of-type(2) {
10927
+ transform: scaleX(-1) !important;
10928
+ }
10929
+ }
10930
+ &-operation.enabled {
10931
+ color: #666666;
10932
+ }
10933
+ &-tip {
10934
+ position: absolute;
10935
+ top: 50%;
10936
+ left: 50%;
10937
+ transform: translate(-50%, -50%);
10938
+ color: @signature-board-tip-color;
10939
+ font-size: 12px;
10940
+ user-select: none;
10941
+ }
10942
+ }
10943
+ .@{signature-prefix-cls}-modal {
10944
+ .kd-modal-header {
10945
+ position: relative;
10946
+ }
10947
+ &-footer {
10948
+ .kd-btn:not(:last-child) {
10949
+ margin-right: 12px;
10950
+ }
10951
+ }
10952
+ .kd-modal-expand-icon {
10953
+ position: absolute;
10954
+ right: 43.5px;
10955
+ font-size: 14px;
10956
+ cursor: pointer;
10957
+ }
10958
+ }
10959
+ .@{signature-prefix-cls}-modal.@{signature-prefix-cls}-modal-fullscreen {
10960
+ .kd-modal-container-box {
10961
+ width: 90vw !important;
10962
+ height: 90vh !important;
10963
+ top: 5vh;
10964
+ left: 5vw;
10965
+ transform: none !important;
10966
+ }
10967
+ }
10968
+
10969
+
10970
+
10971
+ .signature() {
10972
+ color: @signature-color-text;
10973
+ font-size: @signature-font-size;
10974
+ }
10975
+
10976
+
10977
+
10978
+ @signature-custom-prefix: ~'--@{kd-prefix}-c-signature';
10979
+
10980
+ // color
10981
+ @signature-color-text: var(~'@{signature-custom-prefix}-color-text', #999999);
10982
+ @signature-bg-color: var(~'@{signature-custom-prefix}-bg-color', #fafafa);
10983
+ @signature-border-color: var(~'@{signature-custom-prefix}-border-color-hover', @color-theme-hover);
10984
+ @signature-border-color-hover: var(~'@{signature-custom-prefix}-border-color-hover', @color-theme-hover);
10985
+ @signature-border-color-disabled: var(~'@{signature-custom-prefix}-border-color-disabled', @color-border-disabled);
10986
+ @signature-bg-color-hover: var(~'@{signature-custom-prefix}-bg-color-hover', @color-theme-1);
10987
+ @signature-drawing-board-bg-color:var(~'@{signature-custom-prefix}-drawing-board-bg-color', #fafafa);
10988
+ @signature-board-tip-color: var(~'@{signature-custom-prefix}-board-tip-color', #b2b2b2);
10989
+ // font
10990
+ @signature-font-size: var(~'@{signature-custom-prefix}-font-size', 12px);
10991
+
10992
+ // motion
10993
+ @signature-transition-duration: var(~'@{signature-custom-prefix}-motion-duration', @duration-promptly);
10994
+
10995
+ // radius
10996
+ @signature-border-radius: var(~'@{signature-custom-prefix}-border-radius', @radius-border);
10997
+
10998
+
10999
+
11000
+
10875
11001
  @slider-prefix-cls: ~'@{kd-prefix}-slider';
10876
11002
 
10877
11003
  .@{slider-prefix-cls} {
@@ -13591,7 +13717,6 @@ template {
13591
13717
 
13592
13718
  /* ----------- AdvancedSelector ——————---- end */
13593
13719
 
13594
-
13595
13720
  @global-custom-prefix: '--@{kd-prefix}-g';
13596
13721
 
13597
13722
  @color-theme: var(~'@{global-custom-prefix}-color-theme', @theme-color);
package/dist/kdesign.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  *
3
- * @kdcloudjs/kdesign v1.7.57
3
+ * @kdcloudjs/kdesign v1.7.59
4
4
  *
5
5
  * Copyright 2020-present, Kingdee, Inc.
6
6
  * All rights reserved.
@@ -16494,6 +16494,217 @@ textarea {
16494
16494
  普通组件内部自身层级应设置在0-100间
16495
16495
  */
16496
16496
  /* ----------- zIndex ——————---- end */
16497
+ .kd-signature {
16498
+ -webkit-box-sizing: border-box;
16499
+ box-sizing: border-box;
16500
+ border: 1px dashed #e5e5e5;
16501
+ width: 100%;
16502
+ height: 100%;
16503
+ display: -webkit-box;
16504
+ display: -ms-flexbox;
16505
+ display: flex;
16506
+ -webkit-box-orient: vertical;
16507
+ -webkit-box-direction: normal;
16508
+ -ms-flex-direction: column;
16509
+ flex-direction: column;
16510
+ -webkit-box-pack: center;
16511
+ -ms-flex-pack: center;
16512
+ justify-content: center;
16513
+ -webkit-box-align: center;
16514
+ -ms-flex-align: center;
16515
+ align-items: center;
16516
+ background: var(--kd-c-signature-bg-color, #fafafa);
16517
+ color: var(--kd-c-signature-color-text, #999999);
16518
+ font-size: var(--kd-c-signature-font-size, 12px);
16519
+ cursor: pointer;
16520
+ border-radius: var(--kd-c-signature-border-radius, var(--kd-g-radius-border, 2px));
16521
+ -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));
16522
+ 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));
16523
+ }
16524
+ .kd-signature:hover {
16525
+ border-color: var(--kd-c-signature-border-color-hover, var(--kd-g-color-theme-5, #87adff));
16526
+ background-color: var(--kd-c-signature-bg-color-hover, var(--kd-g-color-theme-1, #f2f8ff));
16527
+ }
16528
+ .kd-signature.kd-signature-disabled {
16529
+ cursor: not-allowed;
16530
+ border: 1px solid var(--kd-g-color-border-disabled, #ccc);
16531
+ background: var(--kd-c-signature-bg-color, #fafafa);
16532
+ color: var(--kd-c-signature-color-text, #999999);
16533
+ }
16534
+ .kd-signature-drawing-board {
16535
+ width: 100%;
16536
+ height: 100%;
16537
+ border: 1px solid #e5e5e5;
16538
+ -webkit-box-sizing: border-box;
16539
+ box-sizing: border-box;
16540
+ background: var(--kd-c-signature-drawing-board-bg-color, #fafafa);
16541
+ position: relative;
16542
+ }
16543
+ .kd-signature-drawing-board-operation {
16544
+ display: -webkit-box;
16545
+ display: -ms-flexbox;
16546
+ display: flex;
16547
+ -webkit-box-align: center;
16548
+ -ms-flex-align: center;
16549
+ align-items: center;
16550
+ position: absolute;
16551
+ top: 9px;
16552
+ right: 9px;
16553
+ color: #b2b2b2;
16554
+ z-index: 9999;
16555
+ }
16556
+ .kd-signature-drawing-board-operation > * {
16557
+ cursor: pointer;
16558
+ }
16559
+ .kd-signature-drawing-board-operation > *:not(:last-child) {
16560
+ margin-right: 13px;
16561
+ }
16562
+ .kd-signature-drawing-board-operation span:nth-of-type(2) {
16563
+ -webkit-transform: scaleX(-1) !important;
16564
+ transform: scaleX(-1) !important;
16565
+ }
16566
+ .kd-signature-drawing-board-operation.enabled {
16567
+ color: #666666;
16568
+ }
16569
+ .kd-signature-drawing-board-tip {
16570
+ position: absolute;
16571
+ top: 50%;
16572
+ left: 50%;
16573
+ -webkit-transform: translate(-50%, -50%);
16574
+ transform: translate(-50%, -50%);
16575
+ color: var(--kd-c-signature-board-tip-color, #b2b2b2);
16576
+ font-size: 12px;
16577
+ -webkit-user-select: none;
16578
+ -moz-user-select: none;
16579
+ -ms-user-select: none;
16580
+ user-select: none;
16581
+ }
16582
+ .kd-signature-modal .kd-modal-header {
16583
+ position: relative;
16584
+ }
16585
+ .kd-signature-modal-footer .kd-btn:not(:last-child) {
16586
+ margin-right: 12px;
16587
+ }
16588
+ .kd-signature-modal .kd-modal-expand-icon {
16589
+ position: absolute;
16590
+ right: 43.5px;
16591
+ font-size: 14px;
16592
+ cursor: pointer;
16593
+ }
16594
+ .kd-signature-modal.kd-signature-modal-fullscreen .kd-modal-container-box {
16595
+ width: 90vw !important;
16596
+ height: 90vh !important;
16597
+ top: 5vh;
16598
+ left: 5vw;
16599
+ -webkit-transform: none !important;
16600
+ transform: none !important;
16601
+ }
16602
+
16603
+ /* ----------- color ——————---- start */
16604
+ /* ----------- color ——————---- end */
16605
+ /* ----------- motion ——————---- start */
16606
+ /* ----------- motion ——————---- end */
16607
+ /* ----------- transition ——————---- start */
16608
+ /* ----------- transition ——————---- end */
16609
+ /* ----------- font ——————---- start */
16610
+ /* ----------- font ——————---- end */
16611
+ /* ----------- zIndex ——————---- start */
16612
+ /*
16613
+ 普通组件内部自身层级应设置在0-100间
16614
+ */
16615
+ /* ----------- zIndex ——————---- end */
16616
+ /* ----------- Button ——————---- start */
16617
+ /* ----------- Button ——————---- end */
16618
+ /* ----------- Collapse ——————---- start */
16619
+ /* ----------- Collapse ——————---- end */
16620
+ /* ----------- Card ——————---- start */
16621
+ /* ----------- Card ——————---- end */
16622
+ /* ----------- Carousel ——————---- start */
16623
+ /* ----------- Carousel ——————---- end */
16624
+ /* ----------- Cascader ——————---- start */
16625
+ /* ----------- Cascader ——————---- end */
16626
+ /* ----------- Switch ——————---- start */
16627
+ /* ----------- Switch ——————---- end */
16628
+ /* ----------- Input ——————---- start */
16629
+ /* ----------- Input ——————---- end */
16630
+ /* ----------- InputNumber ——————---- start */
16631
+ /* ----------- InputNumber ——————---- end */
16632
+ /* ----------- checkbox ——————---- start */
16633
+ /* ----------- checkbox ——————---- start */
16634
+ /* ----------- checkbox ——————---- end */
16635
+ /* ----------- Radio ——————---- start */
16636
+ /* ----------- Radio ——————---- end */
16637
+ /* ----------- icon ——————---- start */
16638
+ /* ----------- icon ——————---- end */
16639
+ /* ----------- Popconfirm ——————---- start */
16640
+ /* ----------- Popconfirm ——————---- end */
16641
+ /* ----------- Progress ——————---- start */
16642
+ /* ----------- Progress ——————---- end */
16643
+ /* ----------- Pagination ——————---- start */
16644
+ /* ----------- Pagination ——————---- end */
16645
+ /* ----------- Timeline ——————---- start */
16646
+ /* ----------- Timeline ——————---- end */
16647
+ /* ----------- Tabs ——————---- start */
16648
+ /* ----------- Tabs ——————---- end */
16649
+ /* ----------- Select ——————---- start */
16650
+ /* ----------- Select ——————---- end */
16651
+ /* ----------- Rate ——————---- start */
16652
+ /* ----------- Rate ——————---- end */
16653
+ /* ----------- Dropdown ——————---- start */
16654
+ /* ----------- Dropdown ——————---- end */
16655
+ /* ----------- Tooltip ——————---- start */
16656
+ /* ----------- Tooltip ——————---- end */
16657
+ /* ----------- Transfer ——————---- start */
16658
+ /* ----------- Transfer ——————---- end */
16659
+ /* ----------- DatePicker ——————---- start */
16660
+ /* ----------- DatePicker ——————---- end */
16661
+ /* ----------- ColorPicker ——————---- start */
16662
+ /* ----------- ColorPicker ——————---- end */
16663
+ /* ----------- Tree ——————---- start */
16664
+ /* ----------- Tree ——————---- end */
16665
+ /* ----------- Alert ——————---- start */
16666
+ /* ----------- Alert ——————---- end */
16667
+ /* ----------- Split-Panel ——————---- start */
16668
+ /* ----------- Split-Panel ——————---- end */
16669
+ /* ----------- Modal ——————---- start */
16670
+ /* ----------- Modal ——————---- end */
16671
+ /* ----------- Steps ——————---- start */
16672
+ /* ----------- Steps ——————---- end */
16673
+ /* ----------- Form ——————---- start */
16674
+ /* ----------- Form ——————---- end */
16675
+ /* ----------- Tag ——————---- start */
16676
+ /* ----------- Tag ——————---- end */
16677
+ /* ----------- Menu ——————---- start */
16678
+ /* ----------- Menu ——————---- end */
16679
+ /* ----------- notice ——————---- start */
16680
+ /* ----------- message ——————---- end */
16681
+ /* ----------- Spin ——————---- start */
16682
+ /* ----------- Spin ——————---- end */
16683
+ /* ----------- Spin ——————---- start */
16684
+ /* ----------- Spin ——————---- end */
16685
+ /* ----------- Layout ——————---- start */
16686
+ /* ----------- Layout ——————---- end */
16687
+ /* ----------- Typography ——————---- start */
16688
+ /* ----------- Typography ——————---- start */
16689
+ /* ----------- Search ——————---- start */
16690
+ /* ----------- Search ——————---- start */
16691
+ /* ----------- Badge ——————---- start */
16692
+ /* ----------- Badge ——————---- end */
16693
+ /* ----------- Anchor ——————---- start */
16694
+ /* ----------- Anchor ——————---- end */
16695
+ /* ----------- Avatar ——————---- start */
16696
+ /* ----------- Avatar ——————---- end */
16697
+ /* ----------- AdvancedSelector ——————---- start */
16698
+ /* ----------- AdvancedSelector ——————---- end */
16699
+ /* ----------- motion ——————---- start */
16700
+ /* ----------- motion ——————---- end */
16701
+ /* ----------- transition ——————---- start */
16702
+ /* ----------- transition ——————---- end */
16703
+ /* ----------- zIndex ——————---- start */
16704
+ /*
16705
+ 普通组件内部自身层级应设置在0-100间
16706
+ */
16707
+ /* ----------- zIndex ——————---- end */
16497
16708
  .slider {
16498
16709
  position: relative;
16499
16710
  -webkit-box-sizing: border-box;