@douyinfe/semi-ui 2.24.0-alpha.1 → 2.24.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 (65) hide show
  1. package/dist/css/semi.css +33 -10
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +384 -225
  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/_utils/index.d.ts +3 -3
  8. package/lib/cjs/carousel/CarouselIndicator.d.ts +1 -1
  9. package/lib/cjs/carousel/index.d.ts +2 -2
  10. package/lib/cjs/form/baseForm.d.ts +3 -3
  11. package/lib/cjs/form/field.d.ts +3 -3
  12. package/lib/cjs/form/hoc/withField.js +4 -0
  13. package/lib/cjs/highlight/index.d.ts +37 -0
  14. package/lib/cjs/highlight/index.js +72 -0
  15. package/lib/cjs/image/image.js +4 -1
  16. package/lib/cjs/image/index.d.ts +1 -1
  17. package/lib/cjs/image/interface.d.ts +2 -0
  18. package/lib/cjs/image/previewImage.js +4 -2
  19. package/lib/cjs/image/previewInner.d.ts +5 -0
  20. package/lib/cjs/image/previewInner.js +43 -0
  21. package/lib/cjs/index.d.ts +1 -0
  22. package/lib/cjs/index.js +8 -0
  23. package/lib/cjs/modal/Modal.d.ts +1 -1
  24. package/lib/cjs/modal/Modal.js +4 -4
  25. package/lib/cjs/navigation/SubNav.js +6 -1
  26. package/lib/cjs/navigation/index.d.ts +2 -0
  27. package/lib/cjs/navigation/index.js +6 -3
  28. package/lib/cjs/navigation/nav-context.d.ts +3 -1
  29. package/lib/cjs/radio/radio.d.ts +1 -1
  30. package/lib/cjs/radio/radioGroup.d.ts +1 -1
  31. package/lib/cjs/select/index.d.ts +2 -0
  32. package/lib/cjs/select/index.js +9 -1
  33. package/lib/cjs/timePicker/TimePicker.js +0 -1
  34. package/lib/cjs/typography/numeral.d.ts +1 -1
  35. package/lib/cjs/typography/title.d.ts +1 -1
  36. package/lib/es/_utils/index.d.ts +3 -3
  37. package/lib/es/carousel/CarouselIndicator.d.ts +1 -1
  38. package/lib/es/carousel/index.d.ts +2 -2
  39. package/lib/es/form/baseForm.d.ts +3 -3
  40. package/lib/es/form/field.d.ts +3 -3
  41. package/lib/es/form/hoc/withField.js +4 -0
  42. package/lib/es/highlight/index.d.ts +37 -0
  43. package/lib/es/highlight/index.js +56 -0
  44. package/lib/es/image/image.js +3 -1
  45. package/lib/es/image/index.d.ts +1 -1
  46. package/lib/es/image/interface.d.ts +2 -0
  47. package/lib/es/image/previewImage.js +4 -2
  48. package/lib/es/image/previewInner.d.ts +5 -0
  49. package/lib/es/image/previewInner.js +43 -0
  50. package/lib/es/index.d.ts +1 -0
  51. package/lib/es/index.js +1 -0
  52. package/lib/es/modal/Modal.d.ts +1 -1
  53. package/lib/es/modal/Modal.js +4 -4
  54. package/lib/es/navigation/SubNav.js +6 -1
  55. package/lib/es/navigation/index.d.ts +2 -0
  56. package/lib/es/navigation/index.js +6 -3
  57. package/lib/es/navigation/nav-context.d.ts +3 -1
  58. package/lib/es/radio/radio.d.ts +1 -1
  59. package/lib/es/radio/radioGroup.d.ts +1 -1
  60. package/lib/es/select/index.d.ts +2 -0
  61. package/lib/es/select/index.js +8 -1
  62. package/lib/es/timePicker/TimePicker.js +0 -1
  63. package/lib/es/typography/numeral.d.ts +1 -1
  64. package/lib/es/typography/title.d.ts +1 -1
  65. package/package.json +8 -8
package/dist/css/semi.css CHANGED
@@ -3181,18 +3181,28 @@ body {
3181
3181
  background: transparent;
3182
3182
  margin-left: -4px;
3183
3183
  }
3184
+ .semi-cascader-selection .semi-tagInput-wrapper-default {
3185
+ min-height: 30px;
3186
+ }
3187
+ .semi-cascader-selection .semi-tagInput-wrapper-small {
3188
+ min-height: 22px;
3189
+ }
3190
+ .semi-cascader-selection .semi-tagInput-wrapper-large {
3191
+ min-height: 38px;
3192
+ }
3184
3193
  .semi-cascader-selection .semi-tagInput .semi-input-wrapper {
3185
- height: 30px;
3186
3194
  margin-left: 4px;
3187
3195
  }
3188
3196
  .semi-cascader-selection .semi-tagInput .semi-input-wrapper .semi-input {
3189
3197
  padding-left: 0;
3190
3198
  }
3191
- .semi-cascader-selection .semi-tagInput .semi-input-wrapper-small {
3192
- height: 22px;
3199
+ .semi-cascader-selection .semi-tagInput .semi-input-wrapper-default {
3200
+ margin-top: 1px;
3201
+ margin-bottom: 1px;
3193
3202
  }
3194
3203
  .semi-cascader-selection .semi-tagInput .semi-input-wrapper-large {
3195
- height: 38px;
3204
+ margin-top: 1px;
3205
+ margin-bottom: 1px;
3196
3206
  }
3197
3207
  .semi-cascader-selection-text-inactive {
3198
3208
  color: var(--semi-color-text-2);
@@ -11143,6 +11153,12 @@ body {
11143
11153
  direction: rtl;
11144
11154
  }
11145
11155
 
11156
+ .semi-highlight-tag {
11157
+ color: rgba(var(--semi-yellow-4), 1);
11158
+ background-color: transparent;
11159
+ font-weight: 600;
11160
+ }
11161
+
11146
11162
  .semi-image {
11147
11163
  border-radius: var(--semi-border-radius-small);
11148
11164
  position: relative;
@@ -18317,7 +18333,6 @@ img[src=""], img:not([src]) {
18317
18333
  .semi-tagInput-wrapper .semi-tagInput-wrapper-input {
18318
18334
  flex-grow: 1;
18319
18335
  width: min-content;
18320
- min-width: 38px;
18321
18336
  border: none;
18322
18337
  outline: none;
18323
18338
  background-color: transparent;
@@ -19811,17 +19826,25 @@ img[src=""], img:not([src]) {
19811
19826
  padding-left: 4px;
19812
19827
  padding-right: 4px;
19813
19828
  }
19814
- .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper {
19815
- height: 30px;
19829
+ .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper-default {
19830
+ min-height: 30px;
19831
+ }
19832
+ .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper-small {
19833
+ min-height: 22px;
19834
+ }
19835
+ .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper-large {
19836
+ min-height: 38px;
19816
19837
  }
19817
19838
  .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper .semi-input {
19818
19839
  padding-left: 0;
19819
19840
  }
19820
- .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper-small {
19821
- height: 22px;
19841
+ .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper-default {
19842
+ margin-top: 1px;
19843
+ margin-bottom: 1px;
19822
19844
  }
19823
19845
  .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper-large {
19824
- height: 38px;
19846
+ margin-top: 1px;
19847
+ margin-bottom: 1px;
19825
19848
  }
19826
19849
  .semi-tree-select-multiple-tagInput-notEmpty .semi-tagInput {
19827
19850
  margin-left: -4px;