@douyinfe/semi-foundation 2.63.1 → 2.63.2-alpha.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 (55) hide show
  1. package/chat/foundation.ts +18 -23
  2. package/datePicker/foundation.ts +1 -1
  3. package/image/image.scss +6 -1
  4. package/image/previewImageFoundation.ts +233 -150
  5. package/image/previewInnerFoundation.ts +11 -6
  6. package/lib/cjs/base/foundation.js +1 -1
  7. package/lib/cjs/chat/foundation.d.ts +1 -2
  8. package/lib/cjs/chat/foundation.js +2 -7
  9. package/lib/cjs/checkbox/checkboxGroupFoundation.js +1 -1
  10. package/lib/cjs/datePicker/foundation.js +1 -1
  11. package/lib/cjs/image/image.css +5 -1
  12. package/lib/cjs/image/image.scss +6 -1
  13. package/lib/cjs/image/previewImageFoundation.d.ts +46 -13
  14. package/lib/cjs/image/previewImageFoundation.js +207 -181
  15. package/lib/cjs/image/previewInnerFoundation.d.ts +4 -3
  16. package/lib/cjs/image/previewInnerFoundation.js +5 -2
  17. package/lib/cjs/navigation/foundation.d.ts +8 -8
  18. package/lib/cjs/navigation/itemFoundation.d.ts +5 -4
  19. package/lib/cjs/radio/radioInnerFoundation.js +1 -1
  20. package/lib/cjs/table/utils.d.ts +1 -1
  21. package/lib/cjs/tabs/constants.d.ts +1 -0
  22. package/lib/cjs/tabs/constants.js +2 -1
  23. package/lib/cjs/tabs/tabs.css +28 -199
  24. package/lib/cjs/tabs/tabs.scss +336 -297
  25. package/lib/cjs/tabs/variables.scss +21 -2
  26. package/lib/cjs/tree/treeUtil.d.ts +1 -1
  27. package/lib/cjs/upload/constants.d.ts +1 -1
  28. package/lib/es/base/foundation.js +1 -1
  29. package/lib/es/chat/foundation.d.ts +1 -2
  30. package/lib/es/chat/foundation.js +2 -7
  31. package/lib/es/checkbox/checkboxGroupFoundation.js +1 -1
  32. package/lib/es/datePicker/foundation.js +1 -1
  33. package/lib/es/image/image.css +5 -1
  34. package/lib/es/image/image.scss +6 -1
  35. package/lib/es/image/previewImageFoundation.d.ts +46 -13
  36. package/lib/es/image/previewImageFoundation.js +207 -181
  37. package/lib/es/image/previewInnerFoundation.d.ts +4 -3
  38. package/lib/es/image/previewInnerFoundation.js +5 -2
  39. package/lib/es/navigation/foundation.d.ts +8 -8
  40. package/lib/es/navigation/itemFoundation.d.ts +5 -4
  41. package/lib/es/radio/radioInnerFoundation.js +1 -1
  42. package/lib/es/table/utils.d.ts +1 -1
  43. package/lib/es/tabs/constants.d.ts +1 -0
  44. package/lib/es/tabs/constants.js +2 -1
  45. package/lib/es/tabs/tabs.css +28 -199
  46. package/lib/es/tabs/tabs.scss +336 -297
  47. package/lib/es/tabs/variables.scss +21 -2
  48. package/lib/es/tree/treeUtil.d.ts +1 -1
  49. package/lib/es/upload/constants.d.ts +1 -1
  50. package/navigation/foundation.ts +8 -8
  51. package/navigation/itemFoundation.ts +6 -4
  52. package/package.json +3 -3
  53. package/tabs/constants.ts +2 -1
  54. package/tabs/tabs.scss +336 -297
  55. package/tabs/variables.scss +21 -2
package/tabs/variables.scss CHANGED
@@ -26,9 +26,13 @@ $color-tabs_tab_line_disabled-text-hover: var(--semi-color-disabled-text); //
26
26
 
27
27
  $color-tabs_tab_card_default-border-default: var(--semi-color-border); // 卡片式页签描边颜色 - 默认
28
28
 
29
+ $color-tabs_tab_button-bg-default: transparent; // 按钮式页签背景颜色 - 默认
29
30
  $color-tabs_tab_button_selected-bg-default: var(--semi-color-primary-light-default); // 按钮式页签背景颜色 - 选中
30
31
  $color-tabs_tab_button_selected-text-default: var(--semi-color-primary); // 按钮式页签文本颜色 - 选中
31
32
  $color-tabs_tab_button-text-default: var(--semi-color-text-2); // 按钮式页签文本颜色 - 默认
33
+ $color-tabs_tab_button-text-active: var(--semi-color-text-0); // 按钮式页签文本颜色 - 按下
34
+ $color-tabs_tab_button-text-hover: var(--semi-color-text-0); // 按钮式页签文本颜色 - 按下
35
+
32
36
  $color-tabs_tab_button-bg-hover: var(--semi-color-fill-0); // 按钮式页签背景颜色 - 悬浮
33
37
  $color-tabs_tab_button-bg-active: var(--semi-color-fill-1); // 按钮式页签背景颜色 - 按下
34
38
 
@@ -65,6 +69,10 @@ $color-tabs_tab-pane_arrow_disabled-bg-hover: transparent;
65
69
  $color-tabs_tab-pane_arrow_disabled-text-default: var(--semi-color-disabled-text);
66
70
  $color-tabs_tab-pane_arrow_disabled-text-hover: var(--semi-color-disabled-text);
67
71
 
72
+ $color-tabs_tab_slash_line: var(--semi-color-text-2); //斜线式页签分割线字体颜色
73
+ // $font-tabs_tab_slash_line-fontWeight: $font-weight-regular; //斜线式页签分割线字重
74
+ $font-tabs_tab_slash_line-fontSize: $font-size-regular; //斜线式页签分割线字体大小
75
+
68
76
  $font-tabs_tab-fontWeight: $font-weight-regular; // 页签文本字重 - 默认
69
77
  $font-tabs_tab_active-fontWeight: $font-weight-bold; // 页签文本字重 - 选中
70
78
 
@@ -118,6 +126,11 @@ $spacing-tabs_bar_line_tab_left-padding: 12px; // 垂直线条式页签左侧内
118
126
  $spacing-tabs_bar_line_tab_left_small-padding: $spacing-tight - 2px; // 小尺寸垂直线条式页签左侧内边距
119
127
  $spacing-tabs_bar_line_tab_left_medium-padding: $spacing-base-tight - 2px; // 中等尺寸垂直线条式页签左侧内边距
120
128
 
129
+ $spacing-tabs_bar_slash_tab-paddingY: 12px; // 斜线式页签上下内边距
130
+ $spacing-tabs_bar_slash_tab-paddingX: 4px; // 斜线式页签水平内边距
131
+ $spacing-tabs_bar_slash-marginRight: 16px; // 斜线式页签右侧外边距
132
+ $spacing-tabs_bar_slash_line_marginLeft: 16px; // 斜线式页签斜线左侧外边距
133
+
121
134
  $spacing-tabs_content-paddingY: 5px; // 页签内容区垂直方向内边距
122
135
  $spacing-tabs_content-paddingX: 0; // 页签内容区水平方向内边距
123
136
 
@@ -148,5 +161,11 @@ $radius-tabs_tab_button: var(--semi-border-radius-small); // 按钮式页签圆
148
161
  $font-tabs_bar_large-fontSize: $font-size-regular; // 大号模式 字体大小
149
162
  $font-tabs_bar_small-fontSize: $font-size-regular; // 小号模式 字体大小
150
163
  $font-tabs_bar_medium-fontSize: $font-size-regular; // 中等模式 字体大小
151
-
152
-
164
+ $font-tabs_bar_button-fontSize: $font-size-regular; // 按钮式页签 字体大小
165
+ $font-tabs_bar_slash-fontSize: $font-size-regular; // 斜线式页签 字体大小
166
+
167
+ $font-tabs_bar_large-lineHeight: 20px; // 线条式页签大号模式 行高
168
+ $font-tabs_bar_small-lineHeight: 20px; // 线条式页签小号模式 行高
169
+ $font-tabs_bar_medium-lineHeight: 20px; // 线条式页签中等模式 行高
170
+ $font-tabs_bar_button-lineHeight: 20px; // 按钮式页签 行高
171
+ $font-tabs_bar_slash-lineHeight: 20px; // 卡片式页签 行高