@douyinfe/semi-ui 2.31.2 → 2.32.0-beta.0

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 (99) hide show
  1. package/dist/css/semi.css +40 -11
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +490 -179
  4. package/dist/umd/semi-ui.js.map +1 -1
  5. package/dist/umd/semi-ui.min.js +1 -1
  6. package/dist/umd/semi-ui.min.js.map +1 -1
  7. package/lib/cjs/cascader/index.d.ts +1 -0
  8. package/lib/cjs/cascader/index.js +10 -1
  9. package/lib/cjs/datePicker/dateInput.d.ts +5 -1
  10. package/lib/cjs/datePicker/dateInput.js +16 -9
  11. package/lib/cjs/datePicker/datePicker.d.ts +32 -4
  12. package/lib/cjs/datePicker/datePicker.js +104 -23
  13. package/lib/cjs/datePicker/index.d.ts +1 -0
  14. package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
  15. package/lib/cjs/datePicker/monthsGrid.js +11 -3
  16. package/lib/cjs/datePicker/yearAndMonth.d.ts +10 -6
  17. package/lib/cjs/datePicker/yearAndMonth.js +84 -30
  18. package/lib/cjs/form/baseForm.d.ts +2 -2
  19. package/lib/cjs/form/field.d.ts +1 -1
  20. package/lib/cjs/locale/interface.d.ts +1 -0
  21. package/lib/cjs/locale/source/ar.js +2 -1
  22. package/lib/cjs/locale/source/de.js +2 -1
  23. package/lib/cjs/locale/source/en_GB.js +2 -1
  24. package/lib/cjs/locale/source/en_US.js +2 -1
  25. package/lib/cjs/locale/source/es.js +2 -1
  26. package/lib/cjs/locale/source/fr.js +2 -1
  27. package/lib/cjs/locale/source/id_ID.js +2 -1
  28. package/lib/cjs/locale/source/it.js +2 -1
  29. package/lib/cjs/locale/source/ja_JP.js +2 -1
  30. package/lib/cjs/locale/source/ko_KR.js +2 -1
  31. package/lib/cjs/locale/source/ms_MY.js +2 -1
  32. package/lib/cjs/locale/source/nl_NL.js +2 -1
  33. package/lib/cjs/locale/source/pl_PL.js +2 -1
  34. package/lib/cjs/locale/source/pt_BR.js +2 -1
  35. package/lib/cjs/locale/source/ro.d.ts +1 -0
  36. package/lib/cjs/locale/source/ro.js +2 -1
  37. package/lib/cjs/locale/source/ru_RU.js +2 -1
  38. package/lib/cjs/locale/source/sv_SE.js +2 -1
  39. package/lib/cjs/locale/source/th_TH.js +2 -1
  40. package/lib/cjs/locale/source/tr_TR.js +2 -1
  41. package/lib/cjs/locale/source/vi_VN.js +2 -1
  42. package/lib/cjs/locale/source/zh_CN.js +2 -1
  43. package/lib/cjs/locale/source/zh_TW.js +2 -1
  44. package/lib/cjs/select/index.d.ts +18 -1
  45. package/lib/cjs/select/index.js +4 -1
  46. package/lib/cjs/sideSheet/SideSheetContent.d.ts +3 -1
  47. package/lib/cjs/sideSheet/SideSheetContent.js +3 -2
  48. package/lib/cjs/sideSheet/index.js +6 -3
  49. package/lib/cjs/space/index.js +5 -2
  50. package/lib/cjs/switch/index.js +1 -1
  51. package/lib/cjs/treeSelect/index.d.ts +1 -0
  52. package/lib/cjs/treeSelect/index.js +7 -3
  53. package/lib/es/cascader/index.d.ts +1 -0
  54. package/lib/es/cascader/index.js +10 -1
  55. package/lib/es/datePicker/dateInput.d.ts +5 -1
  56. package/lib/es/datePicker/dateInput.js +16 -9
  57. package/lib/es/datePicker/datePicker.d.ts +32 -4
  58. package/lib/es/datePicker/datePicker.js +109 -23
  59. package/lib/es/datePicker/index.d.ts +1 -0
  60. package/lib/es/datePicker/monthsGrid.d.ts +1 -1
  61. package/lib/es/datePicker/monthsGrid.js +11 -3
  62. package/lib/es/datePicker/yearAndMonth.d.ts +10 -6
  63. package/lib/es/datePicker/yearAndMonth.js +83 -29
  64. package/lib/es/form/baseForm.d.ts +2 -2
  65. package/lib/es/form/field.d.ts +1 -1
  66. package/lib/es/locale/interface.d.ts +1 -0
  67. package/lib/es/locale/source/ar.js +2 -1
  68. package/lib/es/locale/source/de.js +2 -1
  69. package/lib/es/locale/source/en_GB.js +2 -1
  70. package/lib/es/locale/source/en_US.js +2 -1
  71. package/lib/es/locale/source/es.js +2 -1
  72. package/lib/es/locale/source/fr.js +2 -1
  73. package/lib/es/locale/source/id_ID.js +2 -1
  74. package/lib/es/locale/source/it.js +2 -1
  75. package/lib/es/locale/source/ja_JP.js +2 -1
  76. package/lib/es/locale/source/ko_KR.js +2 -1
  77. package/lib/es/locale/source/ms_MY.js +2 -1
  78. package/lib/es/locale/source/nl_NL.js +2 -1
  79. package/lib/es/locale/source/pl_PL.js +2 -1
  80. package/lib/es/locale/source/pt_BR.js +2 -1
  81. package/lib/es/locale/source/ro.d.ts +1 -0
  82. package/lib/es/locale/source/ro.js +2 -1
  83. package/lib/es/locale/source/ru_RU.js +2 -1
  84. package/lib/es/locale/source/sv_SE.js +2 -1
  85. package/lib/es/locale/source/th_TH.js +2 -1
  86. package/lib/es/locale/source/tr_TR.js +2 -1
  87. package/lib/es/locale/source/vi_VN.js +2 -1
  88. package/lib/es/locale/source/zh_CN.js +2 -1
  89. package/lib/es/locale/source/zh_TW.js +2 -1
  90. package/lib/es/select/index.d.ts +18 -1
  91. package/lib/es/select/index.js +4 -1
  92. package/lib/es/sideSheet/SideSheetContent.d.ts +3 -1
  93. package/lib/es/sideSheet/SideSheetContent.js +3 -2
  94. package/lib/es/sideSheet/index.js +6 -3
  95. package/lib/es/space/index.js +4 -2
  96. package/lib/es/switch/index.js +1 -1
  97. package/lib/es/treeSelect/index.d.ts +1 -0
  98. package/lib/es/treeSelect/index.js +7 -3
  99. package/package.json +8 -8
package/dist/css/semi.css CHANGED
@@ -4053,6 +4053,15 @@ body {
4053
4053
  .semi-datepicker-panel-yam {
4054
4054
  max-width: 484px;
4055
4055
  }
4056
+ .semi-datepicker-panel-yam[x-type=monthRange] {
4057
+ max-width: 584px;
4058
+ }
4059
+ .semi-datepicker-panel-yam .semi-datepicker-yearmonth-body {
4060
+ display: flex;
4061
+ }
4062
+ .semi-datepicker-panel-yam .semi-datepicker-yearmonth-body .semi-scrolllist:nth-child(2) {
4063
+ border-left: 1px solid var(--semi-color-border);
4064
+ }
4056
4065
  .semi-datepicker-panel-yam .semi-scrolllist {
4057
4066
  box-shadow: none;
4058
4067
  height: 266px;
@@ -4067,10 +4076,7 @@ body {
4067
4076
  padding: 0;
4068
4077
  overflow: hidden;
4069
4078
  }
4070
- .semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item-wheel {
4071
- border: none;
4072
- }
4073
- .semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item {
4079
+ .semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item-wheel:not(#neverExistElement) {
4074
4080
  border: none;
4075
4081
  }
4076
4082
  .semi-datepicker-footer {
@@ -4391,16 +4397,16 @@ body {
4391
4397
  .semi-datepicker-quick-control-top-month-content, .semi-datepicker-quick-control-bottom-month-content {
4392
4398
  box-sizing: border-box;
4393
4399
  display: grid;
4394
- grid-template-columns: repeat(2, minmax(65.5px, 73px));
4400
+ grid-template-columns: repeat(2, minmax(51px, 58.5px));
4395
4401
  grid-gap: 8px;
4396
4402
  align-content: flex-start;
4397
4403
  padding: 8px 20px;
4398
4404
  }
4399
4405
  .semi-datepicker-quick-control-top-month-content-item, .semi-datepicker-quick-control-bottom-month-content-item {
4400
- max-width: 73px;
4406
+ max-width: 58.5px;
4401
4407
  }
4402
4408
  .semi-datepicker-quick-control-top-month-content-item-ellipsis, .semi-datepicker-quick-control-bottom-month-content-item-ellipsis {
4403
- max-width: 57px;
4409
+ max-width: 42.5px;
4404
4410
  color: var(--semi-color-primary);
4405
4411
  }
4406
4412
  .semi-datepicker-quick-control-month {
@@ -4490,7 +4496,10 @@ body {
4490
4496
  width: 568px;
4491
4497
  }
4492
4498
  .semi-datepicker-inset-input-wrapper[x-type=month] {
4493
- width: 204px;
4499
+ width: 165px;
4500
+ }
4501
+ .semi-datepicker-inset-input-wrapper[x-type=monthRange] {
4502
+ width: 331px;
4494
4503
  }
4495
4504
  .semi-datepicker-inset-input-wrapper .semi-input-wrapper {
4496
4505
  flex: 1;
@@ -4520,6 +4529,9 @@ body {
4520
4529
  .semi-datepicker-range-input:active {
4521
4530
  border-color: transparent;
4522
4531
  }
4532
+ .semi-datepicker-range-input .semi-datepicker-monthRange-input {
4533
+ background-color: transparent;
4534
+ }
4523
4535
  .semi-datepicker-range-input-wrapper {
4524
4536
  box-sizing: border-box;
4525
4537
  background-color: transparent;
@@ -4689,6 +4701,12 @@ body {
4689
4701
  height: 48px;
4690
4702
  padding: 12px;
4691
4703
  }
4704
+ .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-body {
4705
+ display: flex;
4706
+ }
4707
+ .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-body .semi-scrolllist:nth-child(2) {
4708
+ border: 1px solid var(--semi-color-border);
4709
+ }
4692
4710
  .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist {
4693
4711
  font-size: 12px;
4694
4712
  line-height: 16px;
@@ -4890,16 +4908,16 @@ body {
4890
4908
  }
4891
4909
  .semi-datepicker-compact .semi-datepicker-quick-control-top-month-content, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content {
4892
4910
  display: grid;
4893
- grid-template-columns: repeat(2, minmax(75.5px, 83px));
4911
+ grid-template-columns: repeat(2, minmax(61px, 68.5px));
4894
4912
  grid-gap: 8px;
4895
4913
  align-content: flex-start;
4896
4914
  padding: 8px 10px;
4897
4915
  }
4898
4916
  .semi-datepicker-compact .semi-datepicker-quick-control-top-month-content-item, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content-item {
4899
- max-width: 83px;
4917
+ max-width: 68.5px;
4900
4918
  }
4901
4919
  .semi-datepicker-compact .semi-datepicker-quick-control-top-month-content-item-ellipsis, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content-item-ellipsis {
4902
- max-width: 67px;
4920
+ max-width: 52.5px;
4903
4921
  font-size: 12px;
4904
4922
  color: var(--semi-color-primary);
4905
4923
  }
@@ -12373,6 +12391,7 @@ img[src=""], img:not([src]) {
12373
12391
  .semi-modal-content-fullScreen {
12374
12392
  border-radius: 0;
12375
12393
  border: none;
12394
+ top: 0px;
12376
12395
  }
12377
12396
  .semi-modal-header {
12378
12397
  display: flex;
@@ -15403,12 +15422,22 @@ img[src=""], img:not([src]) {
15403
15422
  align-items: flex-start;
15404
15423
  padding: 24px;
15405
15424
  padding-bottom: 20px;
15425
+ border-bottom: 0px solid var(--semi-color-border);
15406
15426
  }
15407
15427
  .semi-sidesheet-body {
15408
15428
  padding: 0 24px;
15409
15429
  flex: 1;
15410
15430
  overflow: auto;
15411
15431
  }
15432
+ .semi-sidesheet-size-small {
15433
+ width: 448px;
15434
+ }
15435
+ .semi-sidesheet-size-medium {
15436
+ width: 684px;
15437
+ }
15438
+ .semi-sidesheet-size-large {
15439
+ width: 920px;
15440
+ }
15412
15441
  .semi-sidesheet-content {
15413
15442
  height: 100%;
15414
15443
  display: flex;