@douyinfe/semi-foundation 2.8.0-beta.0 → 2.8.1
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.
- package/datePicker/variables.scss +2 -2
- package/form/interface.ts +2 -2
- package/form/variables.scss +16 -16
- package/input/variables.scss +4 -4
- package/lib/cjs/datePicker/variables.scss +2 -2
- package/lib/cjs/form/interface.d.ts +2 -2
- package/lib/cjs/form/variables.scss +16 -16
- package/lib/cjs/input/variables.scss +4 -4
- package/lib/cjs/popover/variables.scss +5 -7
- package/lib/cjs/scrollList/variables.scss +2 -2
- package/lib/cjs/select/variables.scss +2 -2
- package/lib/cjs/tabs/tabs.css +1 -1
- package/lib/cjs/tabs/variables.scss +4 -4
- package/lib/cjs/tooltip/variables.scss +7 -6
- package/lib/cjs/upload/foundation.d.ts +1 -1
- package/lib/cjs/utils/getHighlight.js +1 -1
- package/lib/es/datePicker/variables.scss +2 -2
- package/lib/es/form/interface.d.ts +2 -2
- package/lib/es/form/variables.scss +16 -16
- package/lib/es/input/variables.scss +4 -4
- package/lib/es/popover/variables.scss +5 -7
- package/lib/es/scrollList/variables.scss +2 -2
- package/lib/es/select/variables.scss +2 -2
- package/lib/es/tabs/tabs.css +1 -1
- package/lib/es/tabs/variables.scss +4 -4
- package/lib/es/tooltip/variables.scss +7 -6
- package/lib/es/upload/foundation.d.ts +1 -1
- package/lib/es/utils/getHighlight.js +1 -1
- package/package.json +3 -3
- package/popover/variables.scss +5 -7
- package/scrollList/variables.scss +2 -2
- package/select/variables.scss +2 -2
- package/tabs/variables.scss +4 -4
- package/tooltip/variables.scss +7 -6
- package/upload/foundation.ts +1 -1
- package/utils/getHighlight.ts +1 -1
|
@@ -45,7 +45,7 @@ $spacing-datepicker_footer_cancel_button-marginRight: 12px; // 确认选择 foot
|
|
|
45
45
|
$spacing-datepicker_footer_confirm_button-marginRight: 8px; // 确认选择 footer 确认按钮右外边距
|
|
46
46
|
$spacing-datepicker_navigation-paddingY: $spacing-base-tight; // 年月切换 header 垂直内边距
|
|
47
47
|
$spacing-datepicker_navigation-paddingX: $spacing-base; // 年月切换 header 水平内边距
|
|
48
|
-
$spacing-datepicker_month-padding: $spacing-base;
|
|
48
|
+
$spacing-datepicker_month-padding: $spacing-base;
|
|
49
49
|
$spacing-datepicker_switch_datetime-paddingTop: $spacing-base; // 日期时间切换顶部内边距
|
|
50
50
|
$spacing-datepicker_switch_datetime-paddingBottom: $spacing-base; // 日期时间切换底部内边距
|
|
51
51
|
$spacing-datepicker_switch_text-paddingLeft: $spacing-tight; // 日期时间切换左侧内边距
|
|
@@ -176,7 +176,7 @@ $fontSize-datepicker_insetInput_compact-fontSize: 12px;
|
|
|
176
176
|
$spacing-datepicker_switch_compact-padding: 6px;
|
|
177
177
|
$spacing-datepicker_day_compact-margin: ($width-datepicker_day_compact - $width-datepicker_day_main_compact) / 2;
|
|
178
178
|
$spacing-datepicker_weeks_compact-padding: 10px;
|
|
179
|
-
$spacing-datepicker_weeks_compact-paddingTop: $spacing-tight -
|
|
179
|
+
$spacing-datepicker_weeks_compact-paddingTop: $spacing-tight - 2px;
|
|
180
180
|
$spacing-datepicker_weekday_compact-paddingLeft: 10px;
|
|
181
181
|
$spacing-datepicker_weekday_compact-paddingRight: 10px;
|
|
182
182
|
$spacing-datepicker_weekday_compact-paddingBottom: $spacing-tight;
|
package/form/interface.ts
CHANGED
|
@@ -111,8 +111,8 @@ export interface ArrayFieldStaff {
|
|
|
111
111
|
export interface FormUpdaterContextType {
|
|
112
112
|
register: (field: string, fieldState: FieldState, fieldStuff: FieldStaff) => void;
|
|
113
113
|
unRegister: (field: string) => void;
|
|
114
|
-
updateStateValue: (field: string, value: any, opts
|
|
115
|
-
updateStateError: (field: string, error: any, opts
|
|
114
|
+
updateStateValue: (field: string, value: any, opts?: CallOpts) => void;
|
|
115
|
+
updateStateError: (field: string, error: any, opts?: CallOpts) => void;
|
|
116
116
|
updateStateTouched: (field: string, isTouched: boolean, opts?: CallOpts) => void;
|
|
117
117
|
getValue: (field?: string | undefined, opts?: CallOpts) => any;
|
|
118
118
|
getError: (field?: string) => any;
|
package/form/variables.scss
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
$spacing-form_label-paddingTop: ($height-control-default -
|
|
2
|
-
$spacing-form_label_small-paddingTop: ($height-control-default -
|
|
1
|
+
$spacing-form_label-paddingTop: ($height-control-default - 20px) / 2; // 水平布局表单标题顶部内边距
|
|
2
|
+
$spacing-form_label_small-paddingTop: ($height-control-default - 24px) / 2; // 水平布局 小尺寸表单标题顶部内边距
|
|
3
3
|
|
|
4
4
|
$spacing-form_field_horizontal-paddingRight: $spacing-base; // 水平布局表单标题右侧内边距
|
|
5
|
-
$spacing-form_field_group_horizontal-paddingRight: $spacing-base; // 水平布局表单组标题右侧内边距
|
|
5
|
+
$spacing-form_field_group_horizontal-paddingRight: $spacing-base; // 水平布局表单组标题右侧内边距
|
|
6
6
|
|
|
7
7
|
$spacing-form_field_vertical-paddingTop: $spacing-base-tight; // 垂直布局表单顶部内边距
|
|
8
8
|
$spacing-form_field_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单底部内边距
|
|
9
9
|
|
|
10
|
-
$spacing-form_field_group_vertical-paddingTop: $spacing-base-tight; // 垂直布局表单组顶部内边距
|
|
11
|
-
$spacing-form_field_group_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单组底部内边距
|
|
12
|
-
$spacing-form_section-marginTop: $spacing-super-loose - $spacing-base-tight; // 表单分组顶部内边距
|
|
13
|
-
$spacing-form_section_text-paddingBottom: $spacing-tight; // 表单分组标题底部内边距
|
|
14
|
-
$spacing-form_section_text-marginBottom: $spacing-extra-tight; // 表单分组标题底部外边距
|
|
15
|
-
|
|
16
|
-
$spacing-form_label-paddingRight: $spacing-base; // 表单标题右侧内边距
|
|
17
|
-
$spacing-form_label-marginBottom: $spacing-extra-tight; // 表单标题底部外边距
|
|
18
|
-
$spacing-form_label_extra-marginLeft: $spacing-extra-tight; // 表单标题图标左侧内边距
|
|
19
|
-
$spacing-form_label_required-marginLeft: $spacing-extra-tight; // 表单标题必填标志左侧内边距
|
|
20
|
-
$spacing-form_label_posLeft-marginRight: 0; // 水平布局表单标题右侧外边距
|
|
21
|
-
$spacing-form_label_posLeft-marginBottom: 0; // 水平布局表单标题底部外边距
|
|
10
|
+
$spacing-form_field_group_vertical-paddingTop: $spacing-base-tight; // 垂直布局表单组顶部内边距
|
|
11
|
+
$spacing-form_field_group_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单组底部内边距
|
|
12
|
+
$spacing-form_section-marginTop: $spacing-super-loose - $spacing-base-tight; // 表单分组顶部内边距
|
|
13
|
+
$spacing-form_section_text-paddingBottom: $spacing-tight; // 表单分组标题底部内边距
|
|
14
|
+
$spacing-form_section_text-marginBottom: $spacing-extra-tight; // 表单分组标题底部外边距
|
|
15
|
+
|
|
16
|
+
$spacing-form_label-paddingRight: $spacing-base; // 表单标题右侧内边距
|
|
17
|
+
$spacing-form_label-marginBottom: $spacing-extra-tight; // 表单标题底部外边距
|
|
18
|
+
$spacing-form_label_extra-marginLeft: $spacing-extra-tight; // 表单标题图标左侧内边距
|
|
19
|
+
$spacing-form_label_required-marginLeft: $spacing-extra-tight; // 表单标题必填标志左侧内边距
|
|
20
|
+
$spacing-form_label_posLeft-marginRight: 0; // 水平布局表单标题右侧外边距
|
|
21
|
+
$spacing-form_label_posLeft-marginBottom: 0; // 水平布局表单标题底部外边距
|
|
22
22
|
$spacing-form_label_posTop-paddingTop: $spacing-extra-tight; // 垂直布局表单标题顶部内边距
|
|
23
23
|
$spacing-form_label_posTop-paddingBottom: $spacing-extra-tight; // 垂直布局表单标题底部内边距
|
|
24
24
|
$spacing-form_label_extra_posMid-marginTop: $spacing-extra-tight; // 表单额外信息辅助文字顶部外边距 - 居中
|
|
@@ -41,4 +41,4 @@ $color-form_alertIcon-icon-default: var(--semi-color-warning); // 警告表单
|
|
|
41
41
|
$color-form_message_error-text-default: var(--semi-color-danger); // 错误表单项图标颜色
|
|
42
42
|
$color-form_section-text-default: var(--semi-color-text-0); // 表单分组标题文字颜色
|
|
43
43
|
$color-form_section-border-default: var(--semi-color-border); // 表单分组描边颜色
|
|
44
|
-
$width-form_section-border: $border-thickness-control; // 表单分组描边宽度
|
|
44
|
+
$width-form_section-border: $border-thickness-control; // 表单分组描边宽度
|
package/input/variables.scss
CHANGED
|
@@ -56,9 +56,9 @@ $color-input_counter_danger-text-default: var(--semi-color-danger); // 多行文
|
|
|
56
56
|
|
|
57
57
|
$color-input_group-border-default: var(--semi-color-border); // 输入框组合分割线颜色
|
|
58
58
|
|
|
59
|
-
$height-input_large: $height-control-large -
|
|
60
|
-
$height-input_small: $height-control-small -
|
|
61
|
-
$height-input_default: $height-control-default -
|
|
59
|
+
$height-input_large: $height-control-large - 2px; // 输入框高度 & 行高 - 大尺寸
|
|
60
|
+
$height-input_small: $height-control-small - 2px; // 输入框高度 & 行高 - 小尺寸
|
|
61
|
+
$height-input_default: $height-control-default - 2px; // 输入框高度 & 行高 - 默认尺寸
|
|
62
62
|
$height-input_wrapper_large: $height-control-large;
|
|
63
63
|
$height-input_wrapper_small: $height-control-small;
|
|
64
64
|
$height-input_wrapper_default: $height-control-default;
|
|
@@ -72,7 +72,7 @@ $motion-scale_size-inactive: 1;
|
|
|
72
72
|
|
|
73
73
|
$width-input_append-border: $border-thickness-control; // 后置标签描边宽度
|
|
74
74
|
$width-input_prepend-border: $border-thickness-control; // 前置标签描边宽度
|
|
75
|
-
$width-input_group_pseudo-border: $border-thickness-control;
|
|
75
|
+
$width-input_group_pseudo-border: $border-thickness-control;
|
|
76
76
|
$width-input_wrapper-border: $border-thickness-control-focus; // 输入框描边宽度
|
|
77
77
|
$width-input_wrapper_focus-border: $border-thickness-control-focus; // 输入框描边宽度 - 选中态
|
|
78
78
|
|
|
@@ -45,7 +45,7 @@ $spacing-datepicker_footer_cancel_button-marginRight: 12px; // 确认选择 foot
|
|
|
45
45
|
$spacing-datepicker_footer_confirm_button-marginRight: 8px; // 确认选择 footer 确认按钮右外边距
|
|
46
46
|
$spacing-datepicker_navigation-paddingY: $spacing-base-tight; // 年月切换 header 垂直内边距
|
|
47
47
|
$spacing-datepicker_navigation-paddingX: $spacing-base; // 年月切换 header 水平内边距
|
|
48
|
-
$spacing-datepicker_month-padding: $spacing-base;
|
|
48
|
+
$spacing-datepicker_month-padding: $spacing-base;
|
|
49
49
|
$spacing-datepicker_switch_datetime-paddingTop: $spacing-base; // 日期时间切换顶部内边距
|
|
50
50
|
$spacing-datepicker_switch_datetime-paddingBottom: $spacing-base; // 日期时间切换底部内边距
|
|
51
51
|
$spacing-datepicker_switch_text-paddingLeft: $spacing-tight; // 日期时间切换左侧内边距
|
|
@@ -176,7 +176,7 @@ $fontSize-datepicker_insetInput_compact-fontSize: 12px;
|
|
|
176
176
|
$spacing-datepicker_switch_compact-padding: 6px;
|
|
177
177
|
$spacing-datepicker_day_compact-margin: ($width-datepicker_day_compact - $width-datepicker_day_main_compact) / 2;
|
|
178
178
|
$spacing-datepicker_weeks_compact-padding: 10px;
|
|
179
|
-
$spacing-datepicker_weeks_compact-paddingTop: $spacing-tight -
|
|
179
|
+
$spacing-datepicker_weeks_compact-paddingTop: $spacing-tight - 2px;
|
|
180
180
|
$spacing-datepicker_weekday_compact-paddingLeft: 10px;
|
|
181
181
|
$spacing-datepicker_weekday_compact-paddingRight: 10px;
|
|
182
182
|
$spacing-datepicker_weekday_compact-paddingBottom: $spacing-tight;
|
|
@@ -104,8 +104,8 @@ export interface ArrayFieldStaff {
|
|
|
104
104
|
export interface FormUpdaterContextType {
|
|
105
105
|
register: (field: string, fieldState: FieldState, fieldStuff: FieldStaff) => void;
|
|
106
106
|
unRegister: (field: string) => void;
|
|
107
|
-
updateStateValue: (field: string, value: any, opts
|
|
108
|
-
updateStateError: (field: string, error: any, opts
|
|
107
|
+
updateStateValue: (field: string, value: any, opts?: CallOpts) => void;
|
|
108
|
+
updateStateError: (field: string, error: any, opts?: CallOpts) => void;
|
|
109
109
|
updateStateTouched: (field: string, isTouched: boolean, opts?: CallOpts) => void;
|
|
110
110
|
getValue: (field?: string | undefined, opts?: CallOpts) => any;
|
|
111
111
|
getError: (field?: string) => any;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
$spacing-form_label-paddingTop: ($height-control-default -
|
|
2
|
-
$spacing-form_label_small-paddingTop: ($height-control-default -
|
|
1
|
+
$spacing-form_label-paddingTop: ($height-control-default - 20px) / 2; // 水平布局表单标题顶部内边距
|
|
2
|
+
$spacing-form_label_small-paddingTop: ($height-control-default - 24px) / 2; // 水平布局 小尺寸表单标题顶部内边距
|
|
3
3
|
|
|
4
4
|
$spacing-form_field_horizontal-paddingRight: $spacing-base; // 水平布局表单标题右侧内边距
|
|
5
|
-
$spacing-form_field_group_horizontal-paddingRight: $spacing-base; // 水平布局表单组标题右侧内边距
|
|
5
|
+
$spacing-form_field_group_horizontal-paddingRight: $spacing-base; // 水平布局表单组标题右侧内边距
|
|
6
6
|
|
|
7
7
|
$spacing-form_field_vertical-paddingTop: $spacing-base-tight; // 垂直布局表单顶部内边距
|
|
8
8
|
$spacing-form_field_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单底部内边距
|
|
9
9
|
|
|
10
|
-
$spacing-form_field_group_vertical-paddingTop: $spacing-base-tight; // 垂直布局表单组顶部内边距
|
|
11
|
-
$spacing-form_field_group_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单组底部内边距
|
|
12
|
-
$spacing-form_section-marginTop: $spacing-super-loose - $spacing-base-tight; // 表单分组顶部内边距
|
|
13
|
-
$spacing-form_section_text-paddingBottom: $spacing-tight; // 表单分组标题底部内边距
|
|
14
|
-
$spacing-form_section_text-marginBottom: $spacing-extra-tight; // 表单分组标题底部外边距
|
|
15
|
-
|
|
16
|
-
$spacing-form_label-paddingRight: $spacing-base; // 表单标题右侧内边距
|
|
17
|
-
$spacing-form_label-marginBottom: $spacing-extra-tight; // 表单标题底部外边距
|
|
18
|
-
$spacing-form_label_extra-marginLeft: $spacing-extra-tight; // 表单标题图标左侧内边距
|
|
19
|
-
$spacing-form_label_required-marginLeft: $spacing-extra-tight; // 表单标题必填标志左侧内边距
|
|
20
|
-
$spacing-form_label_posLeft-marginRight: 0; // 水平布局表单标题右侧外边距
|
|
21
|
-
$spacing-form_label_posLeft-marginBottom: 0; // 水平布局表单标题底部外边距
|
|
10
|
+
$spacing-form_field_group_vertical-paddingTop: $spacing-base-tight; // 垂直布局表单组顶部内边距
|
|
11
|
+
$spacing-form_field_group_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单组底部内边距
|
|
12
|
+
$spacing-form_section-marginTop: $spacing-super-loose - $spacing-base-tight; // 表单分组顶部内边距
|
|
13
|
+
$spacing-form_section_text-paddingBottom: $spacing-tight; // 表单分组标题底部内边距
|
|
14
|
+
$spacing-form_section_text-marginBottom: $spacing-extra-tight; // 表单分组标题底部外边距
|
|
15
|
+
|
|
16
|
+
$spacing-form_label-paddingRight: $spacing-base; // 表单标题右侧内边距
|
|
17
|
+
$spacing-form_label-marginBottom: $spacing-extra-tight; // 表单标题底部外边距
|
|
18
|
+
$spacing-form_label_extra-marginLeft: $spacing-extra-tight; // 表单标题图标左侧内边距
|
|
19
|
+
$spacing-form_label_required-marginLeft: $spacing-extra-tight; // 表单标题必填标志左侧内边距
|
|
20
|
+
$spacing-form_label_posLeft-marginRight: 0; // 水平布局表单标题右侧外边距
|
|
21
|
+
$spacing-form_label_posLeft-marginBottom: 0; // 水平布局表单标题底部外边距
|
|
22
22
|
$spacing-form_label_posTop-paddingTop: $spacing-extra-tight; // 垂直布局表单标题顶部内边距
|
|
23
23
|
$spacing-form_label_posTop-paddingBottom: $spacing-extra-tight; // 垂直布局表单标题底部内边距
|
|
24
24
|
$spacing-form_label_extra_posMid-marginTop: $spacing-extra-tight; // 表单额外信息辅助文字顶部外边距 - 居中
|
|
@@ -41,4 +41,4 @@ $color-form_alertIcon-icon-default: var(--semi-color-warning); // 警告表单
|
|
|
41
41
|
$color-form_message_error-text-default: var(--semi-color-danger); // 错误表单项图标颜色
|
|
42
42
|
$color-form_section-text-default: var(--semi-color-text-0); // 表单分组标题文字颜色
|
|
43
43
|
$color-form_section-border-default: var(--semi-color-border); // 表单分组描边颜色
|
|
44
|
-
$width-form_section-border: $border-thickness-control; // 表单分组描边宽度
|
|
44
|
+
$width-form_section-border: $border-thickness-control; // 表单分组描边宽度
|
|
@@ -56,9 +56,9 @@ $color-input_counter_danger-text-default: var(--semi-color-danger); // 多行文
|
|
|
56
56
|
|
|
57
57
|
$color-input_group-border-default: var(--semi-color-border); // 输入框组合分割线颜色
|
|
58
58
|
|
|
59
|
-
$height-input_large: $height-control-large -
|
|
60
|
-
$height-input_small: $height-control-small -
|
|
61
|
-
$height-input_default: $height-control-default -
|
|
59
|
+
$height-input_large: $height-control-large - 2px; // 输入框高度 & 行高 - 大尺寸
|
|
60
|
+
$height-input_small: $height-control-small - 2px; // 输入框高度 & 行高 - 小尺寸
|
|
61
|
+
$height-input_default: $height-control-default - 2px; // 输入框高度 & 行高 - 默认尺寸
|
|
62
62
|
$height-input_wrapper_large: $height-control-large;
|
|
63
63
|
$height-input_wrapper_small: $height-control-small;
|
|
64
64
|
$height-input_wrapper_default: $height-control-default;
|
|
@@ -72,7 +72,7 @@ $motion-scale_size-inactive: 1;
|
|
|
72
72
|
|
|
73
73
|
$width-input_append-border: $border-thickness-control; // 后置标签描边宽度
|
|
74
74
|
$width-input_prepend-border: $border-thickness-control; // 前置标签描边宽度
|
|
75
|
-
$width-input_group_pseudo-border: $border-thickness-control;
|
|
75
|
+
$width-input_group_pseudo-border: $border-thickness-control;
|
|
76
76
|
$width-input_wrapper-border: $border-thickness-control-focus; // 输入框描边宽度
|
|
77
77
|
$width-input_wrapper_focus-border: $border-thickness-control-focus; // 输入框描边宽度 - 选中态
|
|
78
78
|
|
|
@@ -4,25 +4,23 @@ $color-popover-bg-default: var(--semi-color-bg-3); // 默认背景色
|
|
|
4
4
|
$color-popover-border-default: var(--semi-color-border); // 默认描边颜色
|
|
5
5
|
|
|
6
6
|
// Width/Height
|
|
7
|
-
$width-popover_arrow: 24px; // 水平箭头宽度
|
|
7
|
+
$width-popover_arrow: 24px; // 水平箭头宽度 ignore-semi-css-trans
|
|
8
8
|
$height-popover_arrow: 8px; // 水平箭头高度
|
|
9
9
|
$height-popover_arrow_vertical: 24px; // 垂直箭头高度
|
|
10
10
|
$width-popover_arrow_vertical: 8px; // 垂直箭头宽度
|
|
11
11
|
$height-tooltip_arrow: $height-popover_arrow;
|
|
12
|
-
$width-tooltip_arrow: $width-popover_arrow;
|
|
12
|
+
$width-tooltip_arrow: $width-popover_arrow; //ignore-semi-css-trans
|
|
13
13
|
$width-tooltip_arrow_vertical: $width-popover_arrow_vertical;
|
|
14
14
|
$height-tooltip_arrow_vertical: $height-popover_arrow_vertical;
|
|
15
|
-
$width-popover_title-border: 1px;
|
|
15
|
+
$width-popover_title-border: 1px;
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
// Spacing
|
|
19
19
|
$spacing-popover_title-padding: 8px; // 气泡卡片标题内边距
|
|
20
20
|
$spacing-popover_withArrow-padding: 12px; // 带箭头的气泡卡片标题内边距
|
|
21
|
-
$spacing-popover_arrow_adjusted_offset-y:
|
|
21
|
+
$spacing-popover_arrow_adjusted_offset-y: 6px; // 垂直方向上的校正偏移量,主要修正三角形有棱角的问题
|
|
22
22
|
$spacing-tooltip_arrow_adjusted_offset-y: $spacing-popover_arrow_adjusted_offset-y; // 垂直方向上的校正偏移量,主要修正三角形有棱角的问题
|
|
23
|
-
$spacing-tooltip_arrow_adjusted_offset-x: round(
|
|
24
|
-
$horizontal-rate * $width-tooltip_arrow
|
|
25
|
-
); // 水平方向上的校正偏移量,主要修正三角形有棱角的问题
|
|
23
|
+
$spacing-tooltip_arrow_adjusted_offset-x: round($horizontal-rate * $width-tooltip_arrow); // 水平方向上的校正偏移量,主要修正三角形有棱角的问题 ignore-semi-css-trans
|
|
26
24
|
|
|
27
25
|
// Radius
|
|
28
26
|
$radius-popover: var(--semi-border-radius-medium); // 气泡卡片的圆角大小
|
|
@@ -13,7 +13,7 @@ $color-scrollList_selected_item-icon: var(--semi-color-text-2); // 滚动列表
|
|
|
13
13
|
$color-scrollList_footer-border: var(--semi-color-border); // 滚动列表底部描边颜色
|
|
14
14
|
|
|
15
15
|
// Width/Height
|
|
16
|
-
$height-scrollList: 300px;
|
|
16
|
+
$height-scrollList: 300px;
|
|
17
17
|
$height-scrollList_item: 36px;
|
|
18
18
|
$width-scrollList_item-border: $border-thickness-control;
|
|
19
19
|
$width-scrollList_item_sel_svg: 16px;
|
|
@@ -34,7 +34,7 @@ $spacing-scrollList_item_ul-margin: 0;
|
|
|
34
34
|
$spacing-scrollList_item_ul-paddingBottom: ($height-scrollList - $height-scrollList_item) / 2;
|
|
35
35
|
$spacing-scrollList_item_sel_svg-marginRight: 12px;
|
|
36
36
|
$spacing-scrollList_item_wheel_list_outer-paddingRight: $height-scrollList_item / 2;
|
|
37
|
-
$spacing-scrollList_item_wheel_list_shade_pre-marginTop: -($height-scrollList_item / 2 + $border-thickness-control);
|
|
37
|
+
$spacing-scrollList_item_wheel_list_shade_pre-marginTop: -1 * ($height-scrollList_item / 2 + $border-thickness-control);
|
|
38
38
|
$spacing-scrollList_item_wheel_list_shade_post-marginTop: $height-scrollList_item / 2 + $border-thickness-control;
|
|
39
39
|
$spacing-scrollList_footer-padding: 10px;
|
|
40
40
|
|
|
@@ -86,9 +86,9 @@ $spacing-select_option-paddingTop: $spacing-tight; // 选择器菜单项顶部
|
|
|
86
86
|
$spacing-select_option-paddingBottom: $spacing-tight; // 选择器菜单项底部内边距
|
|
87
87
|
$spacing-select_option_first-marginTop: $spacing-extra-tight; // 选择器第一个菜单项顶部外边距
|
|
88
88
|
$spacing-select_option_last-marginBottom: $spacing-extra-tight; // 选择器最后一个菜单项顶部外边距
|
|
89
|
-
$spacing-select_tag-marginTop: $spacing-super-tight -
|
|
89
|
+
$spacing-select_tag-marginTop: $spacing-super-tight - 1px; // 多项选择器标签顶部外边距
|
|
90
90
|
$spacing-select_tag-marginRight: $spacing-extra-tight; // 多项选择器标签右侧外边距
|
|
91
|
-
$spacing-select_tag-marginBottom: $spacing-super-tight -
|
|
91
|
+
$spacing-select_tag-marginBottom: $spacing-super-tight - 1px; // 多项选择器标签底部外边距
|
|
92
92
|
$spacing-select_selection-marginLeft: $spacing-base-tight; // 选择器内容区左侧外边距
|
|
93
93
|
$spacing-select_insetLabel-marginRight: $spacing-base-tight; // 选择器内嵌标签右侧外边距
|
|
94
94
|
$spacing-select_option_list-paddingTop: 0; // 选择器内容区顶部内边距
|
package/lib/cjs/tabs/tabs.css
CHANGED
|
@@ -61,7 +61,7 @@ $font-tabs_bar_extra_large-lineHeight: $height-tabs_bar_extra_large; // 大尺
|
|
|
61
61
|
$height-tabs_bar_extra_small: 36px; // 小尺寸页签高度
|
|
62
62
|
$font-tabs_bar_extra_small-lineHeight: $height-tabs_bar_extra_small; // 小尺寸页签文字行高
|
|
63
63
|
|
|
64
|
-
$spacing-tabs_bar_extra-paddingY:
|
|
64
|
+
$spacing-tabs_bar_extra-paddingY: 0px; // 附加操作垂直内边距
|
|
65
65
|
$spacing-tabs_bar_extra-paddingX: 5px; // 附加操作水平内边距
|
|
66
66
|
$spacing-tabs_tab_icon-marginRight: $spacing-tight; // 附加操作垂直内边距
|
|
67
67
|
$spacing-tabs_tab_icon-top: 3px; // 页签图标顶部位置
|
|
@@ -85,8 +85,8 @@ $spacing-tabs_bar_line_tab_medium-paddingBottom: $spacing-base-tight - $width-ta
|
|
|
85
85
|
$spacing-tabs_bar_line_tab_medium-paddingLeft: $spacing-extra-tight; // 中等尺寸线条式页签左侧内边距
|
|
86
86
|
|
|
87
87
|
$spacing-tabs_bar_line_tab_left-padding: 12px; // 垂直线条式页签左侧内边距
|
|
88
|
-
$spacing-tabs_bar_line_tab_left_small-padding: $spacing-tight -
|
|
89
|
-
$spacing-tabs_bar_line_tab_left_medium-padding: $spacing-base-tight -
|
|
88
|
+
$spacing-tabs_bar_line_tab_left_small-padding: $spacing-tight - 2px; // 小尺寸垂直线条式页签左侧内边距
|
|
89
|
+
$spacing-tabs_bar_line_tab_left_medium-padding: $spacing-base-tight - 2px; // 中等尺寸垂直线条式页签左侧内边距
|
|
90
90
|
|
|
91
91
|
$spacing-tabs_content-paddingY: 5px; // 页签内容区垂直方向内边距
|
|
92
92
|
$spacing-tabs_content-paddingX: 0; // 页签内容区水平方向内边距
|
|
@@ -96,7 +96,7 @@ $spacing-tabs_content_left-paddingY: 0; // 垂直页签内容区水平方向内
|
|
|
96
96
|
|
|
97
97
|
$spacing-tabs_bar_card_tab-marginRight: $spacing-tight; // 卡片式页签右侧外边距
|
|
98
98
|
$spacing-tabs_bar_card_tab_active-paddingTop: $spacing-tight; // 卡片式选中页签顶部内边距
|
|
99
|
-
$spacing-tabs_bar_card_tab_active-paddingBottom: $spacing-tight -
|
|
99
|
+
$spacing-tabs_bar_card_tab_active-paddingBottom: $spacing-tight - 1px; // 卡片式选中页签底部内边距
|
|
100
100
|
$spacing-tabs_bar_card_tab_active-paddingLeft: $spacing-base-tight; // 卡片式选中页签左侧内边距
|
|
101
101
|
$spacing-tabs_bar_card_tab_active-paddingRight: $spacing-base-tight; // 卡片式选中页签右侧内边距
|
|
102
102
|
$spacing-tabs_bar_card_tab_left-marginBottom: $spacing-tight; // 垂直卡片式页签底部外边距
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
$horizontal-rate: 0.24; // 水平方向矫正因子
|
|
2
|
-
$vertical-rate: 0; // 垂直方向矫正因子
|
|
1
|
+
$horizontal-rate: 0.24; // 水平方向矫正因子 ignore-semi-css-trans
|
|
2
|
+
$vertical-rate: 0; // 垂直方向矫正因子 ignore-semi-css-trans
|
|
3
3
|
|
|
4
4
|
$motion-zoom_scale-from: 0.8; // 初始缩放 - 动画用
|
|
5
5
|
$motion-zoom_opacity-from: 0; // 初始透明度 - 动画用
|
|
@@ -24,8 +24,9 @@ $height-tooltip_arrow: 7px; // 工具提示小三角箭头高度 - 水平
|
|
|
24
24
|
|
|
25
25
|
$height-tooltip_arrow_vertical: 24px; // 工具提示小三角箭头高度 - 垂直
|
|
26
26
|
$width-tooltip_arrow_vertical: 7px; // 工具提示小三角箭头宽度度 - 垂直
|
|
27
|
-
$spacing-tooltip_arrow_offset-x:
|
|
28
|
-
$spacing-tooltip_arrow_offset-y:
|
|
27
|
+
$spacing-tooltip_arrow_offset-x: 1px; // 水平方向渲染会有缝隙,所以加个偏移量
|
|
28
|
+
$spacing-tooltip_arrow_offset-y: 1px; // 垂直方向渲染会有缝隙,所以加个偏移量
|
|
29
29
|
|
|
30
|
-
$spacing-tooltip_arrow_adjusted_offset-y:
|
|
31
|
-
|
|
30
|
+
$spacing-tooltip_arrow_adjusted_offset-y: 5px; // 垂直方向上的校正偏移量,主要修正三角形有棱角的问题
|
|
31
|
+
|
|
32
|
+
$spacing-tooltip_arrow_adjusted_offset-x: round($horizontal-rate * $width-tooltip_arrow); // 水平方向上的校正偏移量,主要修正三角形有棱角的问题 ignore-semi-css-trans
|
|
@@ -45,7 +45,7 @@ $spacing-datepicker_footer_cancel_button-marginRight: 12px; // 确认选择 foot
|
|
|
45
45
|
$spacing-datepicker_footer_confirm_button-marginRight: 8px; // 确认选择 footer 确认按钮右外边距
|
|
46
46
|
$spacing-datepicker_navigation-paddingY: $spacing-base-tight; // 年月切换 header 垂直内边距
|
|
47
47
|
$spacing-datepicker_navigation-paddingX: $spacing-base; // 年月切换 header 水平内边距
|
|
48
|
-
$spacing-datepicker_month-padding: $spacing-base;
|
|
48
|
+
$spacing-datepicker_month-padding: $spacing-base;
|
|
49
49
|
$spacing-datepicker_switch_datetime-paddingTop: $spacing-base; // 日期时间切换顶部内边距
|
|
50
50
|
$spacing-datepicker_switch_datetime-paddingBottom: $spacing-base; // 日期时间切换底部内边距
|
|
51
51
|
$spacing-datepicker_switch_text-paddingLeft: $spacing-tight; // 日期时间切换左侧内边距
|
|
@@ -176,7 +176,7 @@ $fontSize-datepicker_insetInput_compact-fontSize: 12px;
|
|
|
176
176
|
$spacing-datepicker_switch_compact-padding: 6px;
|
|
177
177
|
$spacing-datepicker_day_compact-margin: ($width-datepicker_day_compact - $width-datepicker_day_main_compact) / 2;
|
|
178
178
|
$spacing-datepicker_weeks_compact-padding: 10px;
|
|
179
|
-
$spacing-datepicker_weeks_compact-paddingTop: $spacing-tight -
|
|
179
|
+
$spacing-datepicker_weeks_compact-paddingTop: $spacing-tight - 2px;
|
|
180
180
|
$spacing-datepicker_weekday_compact-paddingLeft: 10px;
|
|
181
181
|
$spacing-datepicker_weekday_compact-paddingRight: 10px;
|
|
182
182
|
$spacing-datepicker_weekday_compact-paddingBottom: $spacing-tight;
|
|
@@ -104,8 +104,8 @@ export interface ArrayFieldStaff {
|
|
|
104
104
|
export interface FormUpdaterContextType {
|
|
105
105
|
register: (field: string, fieldState: FieldState, fieldStuff: FieldStaff) => void;
|
|
106
106
|
unRegister: (field: string) => void;
|
|
107
|
-
updateStateValue: (field: string, value: any, opts
|
|
108
|
-
updateStateError: (field: string, error: any, opts
|
|
107
|
+
updateStateValue: (field: string, value: any, opts?: CallOpts) => void;
|
|
108
|
+
updateStateError: (field: string, error: any, opts?: CallOpts) => void;
|
|
109
109
|
updateStateTouched: (field: string, isTouched: boolean, opts?: CallOpts) => void;
|
|
110
110
|
getValue: (field?: string | undefined, opts?: CallOpts) => any;
|
|
111
111
|
getError: (field?: string) => any;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
$spacing-form_label-paddingTop: ($height-control-default -
|
|
2
|
-
$spacing-form_label_small-paddingTop: ($height-control-default -
|
|
1
|
+
$spacing-form_label-paddingTop: ($height-control-default - 20px) / 2; // 水平布局表单标题顶部内边距
|
|
2
|
+
$spacing-form_label_small-paddingTop: ($height-control-default - 24px) / 2; // 水平布局 小尺寸表单标题顶部内边距
|
|
3
3
|
|
|
4
4
|
$spacing-form_field_horizontal-paddingRight: $spacing-base; // 水平布局表单标题右侧内边距
|
|
5
|
-
$spacing-form_field_group_horizontal-paddingRight: $spacing-base; // 水平布局表单组标题右侧内边距
|
|
5
|
+
$spacing-form_field_group_horizontal-paddingRight: $spacing-base; // 水平布局表单组标题右侧内边距
|
|
6
6
|
|
|
7
7
|
$spacing-form_field_vertical-paddingTop: $spacing-base-tight; // 垂直布局表单顶部内边距
|
|
8
8
|
$spacing-form_field_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单底部内边距
|
|
9
9
|
|
|
10
|
-
$spacing-form_field_group_vertical-paddingTop: $spacing-base-tight; // 垂直布局表单组顶部内边距
|
|
11
|
-
$spacing-form_field_group_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单组底部内边距
|
|
12
|
-
$spacing-form_section-marginTop: $spacing-super-loose - $spacing-base-tight; // 表单分组顶部内边距
|
|
13
|
-
$spacing-form_section_text-paddingBottom: $spacing-tight; // 表单分组标题底部内边距
|
|
14
|
-
$spacing-form_section_text-marginBottom: $spacing-extra-tight; // 表单分组标题底部外边距
|
|
15
|
-
|
|
16
|
-
$spacing-form_label-paddingRight: $spacing-base; // 表单标题右侧内边距
|
|
17
|
-
$spacing-form_label-marginBottom: $spacing-extra-tight; // 表单标题底部外边距
|
|
18
|
-
$spacing-form_label_extra-marginLeft: $spacing-extra-tight; // 表单标题图标左侧内边距
|
|
19
|
-
$spacing-form_label_required-marginLeft: $spacing-extra-tight; // 表单标题必填标志左侧内边距
|
|
20
|
-
$spacing-form_label_posLeft-marginRight: 0; // 水平布局表单标题右侧外边距
|
|
21
|
-
$spacing-form_label_posLeft-marginBottom: 0; // 水平布局表单标题底部外边距
|
|
10
|
+
$spacing-form_field_group_vertical-paddingTop: $spacing-base-tight; // 垂直布局表单组顶部内边距
|
|
11
|
+
$spacing-form_field_group_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单组底部内边距
|
|
12
|
+
$spacing-form_section-marginTop: $spacing-super-loose - $spacing-base-tight; // 表单分组顶部内边距
|
|
13
|
+
$spacing-form_section_text-paddingBottom: $spacing-tight; // 表单分组标题底部内边距
|
|
14
|
+
$spacing-form_section_text-marginBottom: $spacing-extra-tight; // 表单分组标题底部外边距
|
|
15
|
+
|
|
16
|
+
$spacing-form_label-paddingRight: $spacing-base; // 表单标题右侧内边距
|
|
17
|
+
$spacing-form_label-marginBottom: $spacing-extra-tight; // 表单标题底部外边距
|
|
18
|
+
$spacing-form_label_extra-marginLeft: $spacing-extra-tight; // 表单标题图标左侧内边距
|
|
19
|
+
$spacing-form_label_required-marginLeft: $spacing-extra-tight; // 表单标题必填标志左侧内边距
|
|
20
|
+
$spacing-form_label_posLeft-marginRight: 0; // 水平布局表单标题右侧外边距
|
|
21
|
+
$spacing-form_label_posLeft-marginBottom: 0; // 水平布局表单标题底部外边距
|
|
22
22
|
$spacing-form_label_posTop-paddingTop: $spacing-extra-tight; // 垂直布局表单标题顶部内边距
|
|
23
23
|
$spacing-form_label_posTop-paddingBottom: $spacing-extra-tight; // 垂直布局表单标题底部内边距
|
|
24
24
|
$spacing-form_label_extra_posMid-marginTop: $spacing-extra-tight; // 表单额外信息辅助文字顶部外边距 - 居中
|
|
@@ -41,4 +41,4 @@ $color-form_alertIcon-icon-default: var(--semi-color-warning); // 警告表单
|
|
|
41
41
|
$color-form_message_error-text-default: var(--semi-color-danger); // 错误表单项图标颜色
|
|
42
42
|
$color-form_section-text-default: var(--semi-color-text-0); // 表单分组标题文字颜色
|
|
43
43
|
$color-form_section-border-default: var(--semi-color-border); // 表单分组描边颜色
|
|
44
|
-
$width-form_section-border: $border-thickness-control; // 表单分组描边宽度
|
|
44
|
+
$width-form_section-border: $border-thickness-control; // 表单分组描边宽度
|
|
@@ -56,9 +56,9 @@ $color-input_counter_danger-text-default: var(--semi-color-danger); // 多行文
|
|
|
56
56
|
|
|
57
57
|
$color-input_group-border-default: var(--semi-color-border); // 输入框组合分割线颜色
|
|
58
58
|
|
|
59
|
-
$height-input_large: $height-control-large -
|
|
60
|
-
$height-input_small: $height-control-small -
|
|
61
|
-
$height-input_default: $height-control-default -
|
|
59
|
+
$height-input_large: $height-control-large - 2px; // 输入框高度 & 行高 - 大尺寸
|
|
60
|
+
$height-input_small: $height-control-small - 2px; // 输入框高度 & 行高 - 小尺寸
|
|
61
|
+
$height-input_default: $height-control-default - 2px; // 输入框高度 & 行高 - 默认尺寸
|
|
62
62
|
$height-input_wrapper_large: $height-control-large;
|
|
63
63
|
$height-input_wrapper_small: $height-control-small;
|
|
64
64
|
$height-input_wrapper_default: $height-control-default;
|
|
@@ -72,7 +72,7 @@ $motion-scale_size-inactive: 1;
|
|
|
72
72
|
|
|
73
73
|
$width-input_append-border: $border-thickness-control; // 后置标签描边宽度
|
|
74
74
|
$width-input_prepend-border: $border-thickness-control; // 前置标签描边宽度
|
|
75
|
-
$width-input_group_pseudo-border: $border-thickness-control;
|
|
75
|
+
$width-input_group_pseudo-border: $border-thickness-control;
|
|
76
76
|
$width-input_wrapper-border: $border-thickness-control-focus; // 输入框描边宽度
|
|
77
77
|
$width-input_wrapper_focus-border: $border-thickness-control-focus; // 输入框描边宽度 - 选中态
|
|
78
78
|
|
|
@@ -4,25 +4,23 @@ $color-popover-bg-default: var(--semi-color-bg-3); // 默认背景色
|
|
|
4
4
|
$color-popover-border-default: var(--semi-color-border); // 默认描边颜色
|
|
5
5
|
|
|
6
6
|
// Width/Height
|
|
7
|
-
$width-popover_arrow: 24px; // 水平箭头宽度
|
|
7
|
+
$width-popover_arrow: 24px; // 水平箭头宽度 ignore-semi-css-trans
|
|
8
8
|
$height-popover_arrow: 8px; // 水平箭头高度
|
|
9
9
|
$height-popover_arrow_vertical: 24px; // 垂直箭头高度
|
|
10
10
|
$width-popover_arrow_vertical: 8px; // 垂直箭头宽度
|
|
11
11
|
$height-tooltip_arrow: $height-popover_arrow;
|
|
12
|
-
$width-tooltip_arrow: $width-popover_arrow;
|
|
12
|
+
$width-tooltip_arrow: $width-popover_arrow; //ignore-semi-css-trans
|
|
13
13
|
$width-tooltip_arrow_vertical: $width-popover_arrow_vertical;
|
|
14
14
|
$height-tooltip_arrow_vertical: $height-popover_arrow_vertical;
|
|
15
|
-
$width-popover_title-border: 1px;
|
|
15
|
+
$width-popover_title-border: 1px;
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
// Spacing
|
|
19
19
|
$spacing-popover_title-padding: 8px; // 气泡卡片标题内边距
|
|
20
20
|
$spacing-popover_withArrow-padding: 12px; // 带箭头的气泡卡片标题内边距
|
|
21
|
-
$spacing-popover_arrow_adjusted_offset-y:
|
|
21
|
+
$spacing-popover_arrow_adjusted_offset-y: 6px; // 垂直方向上的校正偏移量,主要修正三角形有棱角的问题
|
|
22
22
|
$spacing-tooltip_arrow_adjusted_offset-y: $spacing-popover_arrow_adjusted_offset-y; // 垂直方向上的校正偏移量,主要修正三角形有棱角的问题
|
|
23
|
-
$spacing-tooltip_arrow_adjusted_offset-x: round(
|
|
24
|
-
$horizontal-rate * $width-tooltip_arrow
|
|
25
|
-
); // 水平方向上的校正偏移量,主要修正三角形有棱角的问题
|
|
23
|
+
$spacing-tooltip_arrow_adjusted_offset-x: round($horizontal-rate * $width-tooltip_arrow); // 水平方向上的校正偏移量,主要修正三角形有棱角的问题 ignore-semi-css-trans
|
|
26
24
|
|
|
27
25
|
// Radius
|
|
28
26
|
$radius-popover: var(--semi-border-radius-medium); // 气泡卡片的圆角大小
|
|
@@ -13,7 +13,7 @@ $color-scrollList_selected_item-icon: var(--semi-color-text-2); // 滚动列表
|
|
|
13
13
|
$color-scrollList_footer-border: var(--semi-color-border); // 滚动列表底部描边颜色
|
|
14
14
|
|
|
15
15
|
// Width/Height
|
|
16
|
-
$height-scrollList: 300px;
|
|
16
|
+
$height-scrollList: 300px;
|
|
17
17
|
$height-scrollList_item: 36px;
|
|
18
18
|
$width-scrollList_item-border: $border-thickness-control;
|
|
19
19
|
$width-scrollList_item_sel_svg: 16px;
|
|
@@ -34,7 +34,7 @@ $spacing-scrollList_item_ul-margin: 0;
|
|
|
34
34
|
$spacing-scrollList_item_ul-paddingBottom: ($height-scrollList - $height-scrollList_item) / 2;
|
|
35
35
|
$spacing-scrollList_item_sel_svg-marginRight: 12px;
|
|
36
36
|
$spacing-scrollList_item_wheel_list_outer-paddingRight: $height-scrollList_item / 2;
|
|
37
|
-
$spacing-scrollList_item_wheel_list_shade_pre-marginTop: -($height-scrollList_item / 2 + $border-thickness-control);
|
|
37
|
+
$spacing-scrollList_item_wheel_list_shade_pre-marginTop: -1 * ($height-scrollList_item / 2 + $border-thickness-control);
|
|
38
38
|
$spacing-scrollList_item_wheel_list_shade_post-marginTop: $height-scrollList_item / 2 + $border-thickness-control;
|
|
39
39
|
$spacing-scrollList_footer-padding: 10px;
|
|
40
40
|
|
|
@@ -86,9 +86,9 @@ $spacing-select_option-paddingTop: $spacing-tight; // 选择器菜单项顶部
|
|
|
86
86
|
$spacing-select_option-paddingBottom: $spacing-tight; // 选择器菜单项底部内边距
|
|
87
87
|
$spacing-select_option_first-marginTop: $spacing-extra-tight; // 选择器第一个菜单项顶部外边距
|
|
88
88
|
$spacing-select_option_last-marginBottom: $spacing-extra-tight; // 选择器最后一个菜单项顶部外边距
|
|
89
|
-
$spacing-select_tag-marginTop: $spacing-super-tight -
|
|
89
|
+
$spacing-select_tag-marginTop: $spacing-super-tight - 1px; // 多项选择器标签顶部外边距
|
|
90
90
|
$spacing-select_tag-marginRight: $spacing-extra-tight; // 多项选择器标签右侧外边距
|
|
91
|
-
$spacing-select_tag-marginBottom: $spacing-super-tight -
|
|
91
|
+
$spacing-select_tag-marginBottom: $spacing-super-tight - 1px; // 多项选择器标签底部外边距
|
|
92
92
|
$spacing-select_selection-marginLeft: $spacing-base-tight; // 选择器内容区左侧外边距
|
|
93
93
|
$spacing-select_insetLabel-marginRight: $spacing-base-tight; // 选择器内嵌标签右侧外边距
|
|
94
94
|
$spacing-select_option_list-paddingTop: 0; // 选择器内容区顶部内边距
|
package/lib/es/tabs/tabs.css
CHANGED
|
@@ -61,7 +61,7 @@ $font-tabs_bar_extra_large-lineHeight: $height-tabs_bar_extra_large; // 大尺
|
|
|
61
61
|
$height-tabs_bar_extra_small: 36px; // 小尺寸页签高度
|
|
62
62
|
$font-tabs_bar_extra_small-lineHeight: $height-tabs_bar_extra_small; // 小尺寸页签文字行高
|
|
63
63
|
|
|
64
|
-
$spacing-tabs_bar_extra-paddingY:
|
|
64
|
+
$spacing-tabs_bar_extra-paddingY: 0px; // 附加操作垂直内边距
|
|
65
65
|
$spacing-tabs_bar_extra-paddingX: 5px; // 附加操作水平内边距
|
|
66
66
|
$spacing-tabs_tab_icon-marginRight: $spacing-tight; // 附加操作垂直内边距
|
|
67
67
|
$spacing-tabs_tab_icon-top: 3px; // 页签图标顶部位置
|
|
@@ -85,8 +85,8 @@ $spacing-tabs_bar_line_tab_medium-paddingBottom: $spacing-base-tight - $width-ta
|
|
|
85
85
|
$spacing-tabs_bar_line_tab_medium-paddingLeft: $spacing-extra-tight; // 中等尺寸线条式页签左侧内边距
|
|
86
86
|
|
|
87
87
|
$spacing-tabs_bar_line_tab_left-padding: 12px; // 垂直线条式页签左侧内边距
|
|
88
|
-
$spacing-tabs_bar_line_tab_left_small-padding: $spacing-tight -
|
|
89
|
-
$spacing-tabs_bar_line_tab_left_medium-padding: $spacing-base-tight -
|
|
88
|
+
$spacing-tabs_bar_line_tab_left_small-padding: $spacing-tight - 2px; // 小尺寸垂直线条式页签左侧内边距
|
|
89
|
+
$spacing-tabs_bar_line_tab_left_medium-padding: $spacing-base-tight - 2px; // 中等尺寸垂直线条式页签左侧内边距
|
|
90
90
|
|
|
91
91
|
$spacing-tabs_content-paddingY: 5px; // 页签内容区垂直方向内边距
|
|
92
92
|
$spacing-tabs_content-paddingX: 0; // 页签内容区水平方向内边距
|
|
@@ -96,7 +96,7 @@ $spacing-tabs_content_left-paddingY: 0; // 垂直页签内容区水平方向内
|
|
|
96
96
|
|
|
97
97
|
$spacing-tabs_bar_card_tab-marginRight: $spacing-tight; // 卡片式页签右侧外边距
|
|
98
98
|
$spacing-tabs_bar_card_tab_active-paddingTop: $spacing-tight; // 卡片式选中页签顶部内边距
|
|
99
|
-
$spacing-tabs_bar_card_tab_active-paddingBottom: $spacing-tight -
|
|
99
|
+
$spacing-tabs_bar_card_tab_active-paddingBottom: $spacing-tight - 1px; // 卡片式选中页签底部内边距
|
|
100
100
|
$spacing-tabs_bar_card_tab_active-paddingLeft: $spacing-base-tight; // 卡片式选中页签左侧内边距
|
|
101
101
|
$spacing-tabs_bar_card_tab_active-paddingRight: $spacing-base-tight; // 卡片式选中页签右侧内边距
|
|
102
102
|
$spacing-tabs_bar_card_tab_left-marginBottom: $spacing-tight; // 垂直卡片式页签底部外边距
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
$horizontal-rate: 0.24; // 水平方向矫正因子
|
|
2
|
-
$vertical-rate: 0; // 垂直方向矫正因子
|
|
1
|
+
$horizontal-rate: 0.24; // 水平方向矫正因子 ignore-semi-css-trans
|
|
2
|
+
$vertical-rate: 0; // 垂直方向矫正因子 ignore-semi-css-trans
|
|
3
3
|
|
|
4
4
|
$motion-zoom_scale-from: 0.8; // 初始缩放 - 动画用
|
|
5
5
|
$motion-zoom_opacity-from: 0; // 初始透明度 - 动画用
|
|
@@ -24,8 +24,9 @@ $height-tooltip_arrow: 7px; // 工具提示小三角箭头高度 - 水平
|
|
|
24
24
|
|
|
25
25
|
$height-tooltip_arrow_vertical: 24px; // 工具提示小三角箭头高度 - 垂直
|
|
26
26
|
$width-tooltip_arrow_vertical: 7px; // 工具提示小三角箭头宽度度 - 垂直
|
|
27
|
-
$spacing-tooltip_arrow_offset-x:
|
|
28
|
-
$spacing-tooltip_arrow_offset-y:
|
|
27
|
+
$spacing-tooltip_arrow_offset-x: 1px; // 水平方向渲染会有缝隙,所以加个偏移量
|
|
28
|
+
$spacing-tooltip_arrow_offset-y: 1px; // 垂直方向渲染会有缝隙,所以加个偏移量
|
|
29
29
|
|
|
30
|
-
$spacing-tooltip_arrow_adjusted_offset-y:
|
|
31
|
-
|
|
30
|
+
$spacing-tooltip_arrow_adjusted_offset-y: 5px; // 垂直方向上的校正偏移量,主要修正三角形有棱角的问题
|
|
31
|
+
|
|
32
|
+
$spacing-tooltip_arrow_adjusted_offset-x: round($horizontal-rate * $width-tooltip_arrow); // 水平方向上的校正偏移量,主要修正三角形有棱角的问题 ignore-semi-css-trans
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-foundation",
|
|
3
|
-
"version": "2.8.
|
|
3
|
+
"version": "2.8.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build:lib": "node ./scripts/compileLib.js",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"@babel/runtime-corejs3": "^7.15.4",
|
|
11
|
-
"@douyinfe/semi-animation": "2.8.
|
|
11
|
+
"@douyinfe/semi-animation": "2.8.1",
|
|
12
12
|
"async-validator": "^3.5.0",
|
|
13
13
|
"classnames": "^2.2.6",
|
|
14
14
|
"date-fns": "^2.9.0",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"*.scss",
|
|
25
25
|
"*.css"
|
|
26
26
|
],
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "43bb8935513df752b32b2687b99bd5c5f49a0118",
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@babel/plugin-proposal-decorators": "^7.15.8",
|
|
30
30
|
"@babel/plugin-transform-runtime": "^7.15.8",
|
package/popover/variables.scss
CHANGED
|
@@ -4,25 +4,23 @@ $color-popover-bg-default: var(--semi-color-bg-3); // 默认背景色
|
|
|
4
4
|
$color-popover-border-default: var(--semi-color-border); // 默认描边颜色
|
|
5
5
|
|
|
6
6
|
// Width/Height
|
|
7
|
-
$width-popover_arrow: 24px; // 水平箭头宽度
|
|
7
|
+
$width-popover_arrow: 24px; // 水平箭头宽度 ignore-semi-css-trans
|
|
8
8
|
$height-popover_arrow: 8px; // 水平箭头高度
|
|
9
9
|
$height-popover_arrow_vertical: 24px; // 垂直箭头高度
|
|
10
10
|
$width-popover_arrow_vertical: 8px; // 垂直箭头宽度
|
|
11
11
|
$height-tooltip_arrow: $height-popover_arrow;
|
|
12
|
-
$width-tooltip_arrow: $width-popover_arrow;
|
|
12
|
+
$width-tooltip_arrow: $width-popover_arrow; //ignore-semi-css-trans
|
|
13
13
|
$width-tooltip_arrow_vertical: $width-popover_arrow_vertical;
|
|
14
14
|
$height-tooltip_arrow_vertical: $height-popover_arrow_vertical;
|
|
15
|
-
$width-popover_title-border: 1px;
|
|
15
|
+
$width-popover_title-border: 1px;
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
// Spacing
|
|
19
19
|
$spacing-popover_title-padding: 8px; // 气泡卡片标题内边距
|
|
20
20
|
$spacing-popover_withArrow-padding: 12px; // 带箭头的气泡卡片标题内边距
|
|
21
|
-
$spacing-popover_arrow_adjusted_offset-y:
|
|
21
|
+
$spacing-popover_arrow_adjusted_offset-y: 6px; // 垂直方向上的校正偏移量,主要修正三角形有棱角的问题
|
|
22
22
|
$spacing-tooltip_arrow_adjusted_offset-y: $spacing-popover_arrow_adjusted_offset-y; // 垂直方向上的校正偏移量,主要修正三角形有棱角的问题
|
|
23
|
-
$spacing-tooltip_arrow_adjusted_offset-x: round(
|
|
24
|
-
$horizontal-rate * $width-tooltip_arrow
|
|
25
|
-
); // 水平方向上的校正偏移量,主要修正三角形有棱角的问题
|
|
23
|
+
$spacing-tooltip_arrow_adjusted_offset-x: round($horizontal-rate * $width-tooltip_arrow); // 水平方向上的校正偏移量,主要修正三角形有棱角的问题 ignore-semi-css-trans
|
|
26
24
|
|
|
27
25
|
// Radius
|
|
28
26
|
$radius-popover: var(--semi-border-radius-medium); // 气泡卡片的圆角大小
|
|
@@ -13,7 +13,7 @@ $color-scrollList_selected_item-icon: var(--semi-color-text-2); // 滚动列表
|
|
|
13
13
|
$color-scrollList_footer-border: var(--semi-color-border); // 滚动列表底部描边颜色
|
|
14
14
|
|
|
15
15
|
// Width/Height
|
|
16
|
-
$height-scrollList: 300px;
|
|
16
|
+
$height-scrollList: 300px;
|
|
17
17
|
$height-scrollList_item: 36px;
|
|
18
18
|
$width-scrollList_item-border: $border-thickness-control;
|
|
19
19
|
$width-scrollList_item_sel_svg: 16px;
|
|
@@ -34,7 +34,7 @@ $spacing-scrollList_item_ul-margin: 0;
|
|
|
34
34
|
$spacing-scrollList_item_ul-paddingBottom: ($height-scrollList - $height-scrollList_item) / 2;
|
|
35
35
|
$spacing-scrollList_item_sel_svg-marginRight: 12px;
|
|
36
36
|
$spacing-scrollList_item_wheel_list_outer-paddingRight: $height-scrollList_item / 2;
|
|
37
|
-
$spacing-scrollList_item_wheel_list_shade_pre-marginTop: -($height-scrollList_item / 2 + $border-thickness-control);
|
|
37
|
+
$spacing-scrollList_item_wheel_list_shade_pre-marginTop: -1 * ($height-scrollList_item / 2 + $border-thickness-control);
|
|
38
38
|
$spacing-scrollList_item_wheel_list_shade_post-marginTop: $height-scrollList_item / 2 + $border-thickness-control;
|
|
39
39
|
$spacing-scrollList_footer-padding: 10px;
|
|
40
40
|
|
package/select/variables.scss
CHANGED
|
@@ -86,9 +86,9 @@ $spacing-select_option-paddingTop: $spacing-tight; // 选择器菜单项顶部
|
|
|
86
86
|
$spacing-select_option-paddingBottom: $spacing-tight; // 选择器菜单项底部内边距
|
|
87
87
|
$spacing-select_option_first-marginTop: $spacing-extra-tight; // 选择器第一个菜单项顶部外边距
|
|
88
88
|
$spacing-select_option_last-marginBottom: $spacing-extra-tight; // 选择器最后一个菜单项顶部外边距
|
|
89
|
-
$spacing-select_tag-marginTop: $spacing-super-tight -
|
|
89
|
+
$spacing-select_tag-marginTop: $spacing-super-tight - 1px; // 多项选择器标签顶部外边距
|
|
90
90
|
$spacing-select_tag-marginRight: $spacing-extra-tight; // 多项选择器标签右侧外边距
|
|
91
|
-
$spacing-select_tag-marginBottom: $spacing-super-tight -
|
|
91
|
+
$spacing-select_tag-marginBottom: $spacing-super-tight - 1px; // 多项选择器标签底部外边距
|
|
92
92
|
$spacing-select_selection-marginLeft: $spacing-base-tight; // 选择器内容区左侧外边距
|
|
93
93
|
$spacing-select_insetLabel-marginRight: $spacing-base-tight; // 选择器内嵌标签右侧外边距
|
|
94
94
|
$spacing-select_option_list-paddingTop: 0; // 选择器内容区顶部内边距
|
package/tabs/variables.scss
CHANGED
|
@@ -61,7 +61,7 @@ $font-tabs_bar_extra_large-lineHeight: $height-tabs_bar_extra_large; // 大尺
|
|
|
61
61
|
$height-tabs_bar_extra_small: 36px; // 小尺寸页签高度
|
|
62
62
|
$font-tabs_bar_extra_small-lineHeight: $height-tabs_bar_extra_small; // 小尺寸页签文字行高
|
|
63
63
|
|
|
64
|
-
$spacing-tabs_bar_extra-paddingY:
|
|
64
|
+
$spacing-tabs_bar_extra-paddingY: 0px; // 附加操作垂直内边距
|
|
65
65
|
$spacing-tabs_bar_extra-paddingX: 5px; // 附加操作水平内边距
|
|
66
66
|
$spacing-tabs_tab_icon-marginRight: $spacing-tight; // 附加操作垂直内边距
|
|
67
67
|
$spacing-tabs_tab_icon-top: 3px; // 页签图标顶部位置
|
|
@@ -85,8 +85,8 @@ $spacing-tabs_bar_line_tab_medium-paddingBottom: $spacing-base-tight - $width-ta
|
|
|
85
85
|
$spacing-tabs_bar_line_tab_medium-paddingLeft: $spacing-extra-tight; // 中等尺寸线条式页签左侧内边距
|
|
86
86
|
|
|
87
87
|
$spacing-tabs_bar_line_tab_left-padding: 12px; // 垂直线条式页签左侧内边距
|
|
88
|
-
$spacing-tabs_bar_line_tab_left_small-padding: $spacing-tight -
|
|
89
|
-
$spacing-tabs_bar_line_tab_left_medium-padding: $spacing-base-tight -
|
|
88
|
+
$spacing-tabs_bar_line_tab_left_small-padding: $spacing-tight - 2px; // 小尺寸垂直线条式页签左侧内边距
|
|
89
|
+
$spacing-tabs_bar_line_tab_left_medium-padding: $spacing-base-tight - 2px; // 中等尺寸垂直线条式页签左侧内边距
|
|
90
90
|
|
|
91
91
|
$spacing-tabs_content-paddingY: 5px; // 页签内容区垂直方向内边距
|
|
92
92
|
$spacing-tabs_content-paddingX: 0; // 页签内容区水平方向内边距
|
|
@@ -96,7 +96,7 @@ $spacing-tabs_content_left-paddingY: 0; // 垂直页签内容区水平方向内
|
|
|
96
96
|
|
|
97
97
|
$spacing-tabs_bar_card_tab-marginRight: $spacing-tight; // 卡片式页签右侧外边距
|
|
98
98
|
$spacing-tabs_bar_card_tab_active-paddingTop: $spacing-tight; // 卡片式选中页签顶部内边距
|
|
99
|
-
$spacing-tabs_bar_card_tab_active-paddingBottom: $spacing-tight -
|
|
99
|
+
$spacing-tabs_bar_card_tab_active-paddingBottom: $spacing-tight - 1px; // 卡片式选中页签底部内边距
|
|
100
100
|
$spacing-tabs_bar_card_tab_active-paddingLeft: $spacing-base-tight; // 卡片式选中页签左侧内边距
|
|
101
101
|
$spacing-tabs_bar_card_tab_active-paddingRight: $spacing-base-tight; // 卡片式选中页签右侧内边距
|
|
102
102
|
$spacing-tabs_bar_card_tab_left-marginBottom: $spacing-tight; // 垂直卡片式页签底部外边距
|
package/tooltip/variables.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
$horizontal-rate: 0.24; // 水平方向矫正因子
|
|
2
|
-
$vertical-rate: 0; // 垂直方向矫正因子
|
|
1
|
+
$horizontal-rate: 0.24; // 水平方向矫正因子 ignore-semi-css-trans
|
|
2
|
+
$vertical-rate: 0; // 垂直方向矫正因子 ignore-semi-css-trans
|
|
3
3
|
|
|
4
4
|
$motion-zoom_scale-from: 0.8; // 初始缩放 - 动画用
|
|
5
5
|
$motion-zoom_opacity-from: 0; // 初始透明度 - 动画用
|
|
@@ -24,8 +24,9 @@ $height-tooltip_arrow: 7px; // 工具提示小三角箭头高度 - 水平
|
|
|
24
24
|
|
|
25
25
|
$height-tooltip_arrow_vertical: 24px; // 工具提示小三角箭头高度 - 垂直
|
|
26
26
|
$width-tooltip_arrow_vertical: 7px; // 工具提示小三角箭头宽度度 - 垂直
|
|
27
|
-
$spacing-tooltip_arrow_offset-x:
|
|
28
|
-
$spacing-tooltip_arrow_offset-y:
|
|
27
|
+
$spacing-tooltip_arrow_offset-x: 1px; // 水平方向渲染会有缝隙,所以加个偏移量
|
|
28
|
+
$spacing-tooltip_arrow_offset-y: 1px; // 垂直方向渲染会有缝隙,所以加个偏移量
|
|
29
29
|
|
|
30
|
-
$spacing-tooltip_arrow_adjusted_offset-y:
|
|
31
|
-
|
|
30
|
+
$spacing-tooltip_arrow_adjusted_offset-y: 5px; // 垂直方向上的校正偏移量,主要修正三角形有棱角的问题
|
|
31
|
+
|
|
32
|
+
$spacing-tooltip_arrow_adjusted_offset-x: round($horizontal-rate * $width-tooltip_arrow); // 水平方向上的校正偏移量,主要修正三角形有棱角的问题 ignore-semi-css-trans
|
package/upload/foundation.ts
CHANGED
package/utils/getHighlight.ts
CHANGED