@douyinfe/semi-foundation 2.18.0-beta.0 → 2.18.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.
- package/gulpfile.js +1 -1
- package/lib/cjs/radio/radioFoundation.d.ts +2 -0
- package/lib/cjs/radio/radioFoundation.js +4 -0
- package/lib/cjs/select/option.scss +0 -2
- package/lib/cjs/select/select.css +0 -2
- package/lib/cjs/table/table.css +8 -4
- package/lib/cjs/table/table.scss +8 -2
- package/lib/cjs/table/variables.scss +2 -2
- package/lib/es/radio/radioFoundation.d.ts +2 -0
- package/lib/es/radio/radioFoundation.js +4 -0
- package/lib/es/select/option.scss +0 -2
- package/lib/es/select/select.css +0 -2
- package/lib/es/table/table.css +8 -4
- package/lib/es/table/table.scss +8 -2
- package/lib/es/table/variables.scss +2 -2
- package/package.json +2 -2
- package/radio/radioFoundation.ts +5 -0
- package/select/option.scss +0 -2
- package/table/table.scss +8 -2
- package/table/variables.scss +2 -2
- package/lib/cjs/anchor/animation.css +0 -3
- package/lib/cjs/autoComplete/animation.css +0 -3
- package/lib/cjs/breadcrumb/animation.css +0 -3
- package/lib/cjs/button/animation.css +0 -3
- package/lib/cjs/carousel/animation.css +0 -3
- package/lib/cjs/cascader/animation.css +0 -3
- package/lib/cjs/checkbox/animation.css +0 -3
- package/lib/cjs/datePicker/animation.css +0 -3
- package/lib/cjs/dropdown/animation.css +0 -3
- package/lib/cjs/input/animation.css +0 -3
- package/lib/cjs/inputNumber/animation.css +0 -3
- package/lib/cjs/navigation/animation.css +0 -3
- package/lib/cjs/pagination/animation.css +0 -3
- package/lib/cjs/radio/animation.css +0 -3
- package/lib/cjs/rating/animation.css +0 -3
- package/lib/cjs/scrollList/animation.css +0 -3
- package/lib/cjs/select/animation.css +0 -3
- package/lib/cjs/sideSheet/animation.css +0 -3
- package/lib/cjs/slider/animation.css +0 -3
- package/lib/cjs/steps/animation.css +0 -3
- package/lib/cjs/switch/animation.css +0 -3
- package/lib/cjs/table/animation.css +0 -3
- package/lib/cjs/tabs/animation.css +0 -3
- package/lib/cjs/tagInput/animation.css +0 -3
- package/lib/cjs/timePicker/utils/animation.css +0 -3
- package/lib/cjs/transfer/animation.css +0 -3
- package/lib/cjs/tree/animation.css +0 -3
- package/lib/es/anchor/animation.css +0 -3
- package/lib/es/autoComplete/animation.css +0 -3
- package/lib/es/breadcrumb/animation.css +0 -3
- package/lib/es/button/animation.css +0 -3
- package/lib/es/carousel/animation.css +0 -3
- package/lib/es/cascader/animation.css +0 -3
- package/lib/es/checkbox/animation.css +0 -3
- package/lib/es/datePicker/animation.css +0 -3
- package/lib/es/dropdown/animation.css +0 -3
- package/lib/es/input/animation.css +0 -3
- package/lib/es/inputNumber/animation.css +0 -3
- package/lib/es/navigation/animation.css +0 -3
- package/lib/es/pagination/animation.css +0 -3
- package/lib/es/radio/animation.css +0 -3
- package/lib/es/rating/animation.css +0 -3
- package/lib/es/scrollList/animation.css +0 -3
- package/lib/es/select/animation.css +0 -3
- package/lib/es/sideSheet/animation.css +0 -3
- package/lib/es/slider/animation.css +0 -3
- package/lib/es/steps/animation.css +0 -3
- package/lib/es/switch/animation.css +0 -3
- package/lib/es/table/animation.css +0 -3
- package/lib/es/tabs/animation.css +0 -3
- package/lib/es/tagInput/animation.css +0 -3
- package/lib/es/timePicker/utils/animation.css +0 -3
- package/lib/es/transfer/animation.css +0 -3
- package/lib/es/tree/animation.css +0 -3
package/gulpfile.js
CHANGED
|
@@ -44,7 +44,7 @@ const excludeScss = [
|
|
|
44
44
|
'!**/select/option.scss',
|
|
45
45
|
];
|
|
46
46
|
gulp.task('compileScss', function compileScss() {
|
|
47
|
-
return gulp.src(['**/*.scss', '!node_modules/**/*.*', '!**/rtl.scss', '!**/variables.scss', ...excludeScss])
|
|
47
|
+
return gulp.src(['**/*.scss', '!node_modules/**/*.*', '!**/rtl.scss', '!**/variables.scss', "!**/animation.scss", ...excludeScss])
|
|
48
48
|
.pipe(through2.obj(
|
|
49
49
|
function (chunk, enc, cb) {
|
|
50
50
|
const rootPath = path.join(__dirname, '../../');
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import BaseFoundation, { DefaultAdapter } from '../base/foundation';
|
|
2
2
|
export interface RadioAdapter extends DefaultAdapter {
|
|
3
3
|
setHover: (hover: boolean) => void;
|
|
4
|
+
setChecked: (checked: boolean) => void;
|
|
4
5
|
setAddonId: () => void;
|
|
5
6
|
setExtraId: () => void;
|
|
6
7
|
setFocusVisible: (focusVisible: boolean) => void;
|
|
@@ -8,6 +9,7 @@ export interface RadioAdapter extends DefaultAdapter {
|
|
|
8
9
|
export default class RadioFoundation extends BaseFoundation<RadioAdapter> {
|
|
9
10
|
init(): void;
|
|
10
11
|
setHover(hover: boolean): void;
|
|
12
|
+
setChecked(checked: boolean): void;
|
|
11
13
|
handleFocusVisible: (event: any) => void;
|
|
12
14
|
handleBlur: () => void;
|
|
13
15
|
}
|
|
@@ -25,7 +25,6 @@ $multiple: #{$module}-multiple;
|
|
|
25
25
|
&-icon {
|
|
26
26
|
width: $width-select_option_tick;
|
|
27
27
|
color: $color-select_option-icon-default;
|
|
28
|
-
visibility: hidden;
|
|
29
28
|
margin-right: $spacing-select_option_tick-marginRight;
|
|
30
29
|
display: flex;
|
|
31
30
|
justify-content: center;
|
|
@@ -78,7 +77,6 @@ $multiple: #{$module}-multiple;
|
|
|
78
77
|
font-weight: $font-weight-bold;
|
|
79
78
|
|
|
80
79
|
.#{$module}-option-icon {
|
|
81
|
-
visibility: visible;
|
|
82
80
|
color: $color-select_option-icon-active;
|
|
83
81
|
}
|
|
84
82
|
}
|
|
@@ -23,7 +23,6 @@
|
|
|
23
23
|
.semi-select-option-icon {
|
|
24
24
|
width: 12px;
|
|
25
25
|
color: transparent;
|
|
26
|
-
visibility: hidden;
|
|
27
26
|
margin-right: 8px;
|
|
28
27
|
display: flex;
|
|
29
28
|
justify-content: center;
|
|
@@ -64,7 +63,6 @@
|
|
|
64
63
|
font-weight: 600;
|
|
65
64
|
}
|
|
66
65
|
.semi-select-option-selected .semi-select-option-icon {
|
|
67
|
-
visibility: visible;
|
|
68
66
|
color: var(--semi-color-text-2);
|
|
69
67
|
}
|
|
70
68
|
.semi-select-option-focused {
|
package/lib/cjs/table/table.css
CHANGED
|
@@ -317,10 +317,14 @@
|
|
|
317
317
|
display: inline-block;
|
|
318
318
|
width: 16px;
|
|
319
319
|
height: 16px;
|
|
320
|
-
cursor: pointer;
|
|
321
320
|
vertical-align: middle;
|
|
322
321
|
text-align: center;
|
|
323
322
|
}
|
|
323
|
+
.semi-table .semi-table-column-sorter-wrapper {
|
|
324
|
+
display: inline-flex;
|
|
325
|
+
align-items: center;
|
|
326
|
+
cursor: pointer;
|
|
327
|
+
}
|
|
324
328
|
.semi-table .semi-table-column-sorter-up, .semi-table .semi-table-column-sorter-down {
|
|
325
329
|
height: 0;
|
|
326
330
|
display: block;
|
|
@@ -343,11 +347,11 @@
|
|
|
343
347
|
display: inline-flex;
|
|
344
348
|
cursor: pointer;
|
|
345
349
|
color: var(--semi-color-text-2);
|
|
346
|
-
|
|
350
|
+
align-items: center;
|
|
347
351
|
}
|
|
348
352
|
.semi-table .semi-table-column-filter svg {
|
|
349
|
-
width:
|
|
350
|
-
height:
|
|
353
|
+
width: 16px;
|
|
354
|
+
height: 16px;
|
|
351
355
|
}
|
|
352
356
|
.semi-table .semi-table-column-filter.on {
|
|
353
357
|
color: var(--semi-color-primary);
|
package/lib/cjs/table/table.scss
CHANGED
|
@@ -375,10 +375,15 @@ $module: #{$prefix}-table;
|
|
|
375
375
|
display: inline-block;
|
|
376
376
|
width: $width-table_column_sorter-icon;
|
|
377
377
|
height: $height-table_column_sorter-icon;
|
|
378
|
-
cursor: pointer;
|
|
379
378
|
vertical-align: middle;
|
|
380
379
|
text-align: center;
|
|
381
380
|
|
|
381
|
+
&-wrapper {
|
|
382
|
+
display: inline-flex;
|
|
383
|
+
align-items: center;
|
|
384
|
+
cursor: pointer;
|
|
385
|
+
}
|
|
386
|
+
|
|
382
387
|
&-up,
|
|
383
388
|
&-down {
|
|
384
389
|
height: 0;
|
|
@@ -408,7 +413,8 @@ $module: #{$prefix}-table;
|
|
|
408
413
|
display: inline-flex;
|
|
409
414
|
cursor: pointer;
|
|
410
415
|
color: $color-table_filter-text-default;
|
|
411
|
-
vertical-align: middle;
|
|
416
|
+
// vertical-align: middle;
|
|
417
|
+
align-items: center;
|
|
412
418
|
|
|
413
419
|
svg {
|
|
414
420
|
width: $width-table_column_filter-icon;
|
|
@@ -36,8 +36,8 @@ $radius-table_base: 4px;
|
|
|
36
36
|
$width-table_column_selection: 48px; // 表格默认列宽
|
|
37
37
|
$width-table_column_sorter-icon: 16px; // 表格排序按钮宽度
|
|
38
38
|
$height-table_column_sorter-icon: 16px; // 表格排序按钮高度
|
|
39
|
-
$width-table_column_filter-icon:
|
|
40
|
-
$height-table_column_filter-icon:
|
|
39
|
+
$width-table_column_filter-icon: 16px; // 表格过滤按钮宽度
|
|
40
|
+
$height-table_column_filter-icon: 16px; // 表格过滤按钮高度
|
|
41
41
|
$width-table_cell_fixed_left_last: 1px; // 表格左上角单元格底部描边宽度
|
|
42
42
|
$width-table_cell_fixed_right_first: 1px; // 表格左上角单元格右侧描边宽度
|
|
43
43
|
$width-table_react_resizable_handle: 9px; // 表格伸缩列调节热区宽度
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import BaseFoundation, { DefaultAdapter } from '../base/foundation';
|
|
2
2
|
export interface RadioAdapter extends DefaultAdapter {
|
|
3
3
|
setHover: (hover: boolean) => void;
|
|
4
|
+
setChecked: (checked: boolean) => void;
|
|
4
5
|
setAddonId: () => void;
|
|
5
6
|
setExtraId: () => void;
|
|
6
7
|
setFocusVisible: (focusVisible: boolean) => void;
|
|
@@ -8,6 +9,7 @@ export interface RadioAdapter extends DefaultAdapter {
|
|
|
8
9
|
export default class RadioFoundation extends BaseFoundation<RadioAdapter> {
|
|
9
10
|
init(): void;
|
|
10
11
|
setHover(hover: boolean): void;
|
|
12
|
+
setChecked(checked: boolean): void;
|
|
11
13
|
handleFocusVisible: (event: any) => void;
|
|
12
14
|
handleBlur: () => void;
|
|
13
15
|
}
|
|
@@ -25,7 +25,6 @@ $multiple: #{$module}-multiple;
|
|
|
25
25
|
&-icon {
|
|
26
26
|
width: $width-select_option_tick;
|
|
27
27
|
color: $color-select_option-icon-default;
|
|
28
|
-
visibility: hidden;
|
|
29
28
|
margin-right: $spacing-select_option_tick-marginRight;
|
|
30
29
|
display: flex;
|
|
31
30
|
justify-content: center;
|
|
@@ -78,7 +77,6 @@ $multiple: #{$module}-multiple;
|
|
|
78
77
|
font-weight: $font-weight-bold;
|
|
79
78
|
|
|
80
79
|
.#{$module}-option-icon {
|
|
81
|
-
visibility: visible;
|
|
82
80
|
color: $color-select_option-icon-active;
|
|
83
81
|
}
|
|
84
82
|
}
|
package/lib/es/select/select.css
CHANGED
|
@@ -23,7 +23,6 @@
|
|
|
23
23
|
.semi-select-option-icon {
|
|
24
24
|
width: 12px;
|
|
25
25
|
color: transparent;
|
|
26
|
-
visibility: hidden;
|
|
27
26
|
margin-right: 8px;
|
|
28
27
|
display: flex;
|
|
29
28
|
justify-content: center;
|
|
@@ -64,7 +63,6 @@
|
|
|
64
63
|
font-weight: 600;
|
|
65
64
|
}
|
|
66
65
|
.semi-select-option-selected .semi-select-option-icon {
|
|
67
|
-
visibility: visible;
|
|
68
66
|
color: var(--semi-color-text-2);
|
|
69
67
|
}
|
|
70
68
|
.semi-select-option-focused {
|
package/lib/es/table/table.css
CHANGED
|
@@ -317,10 +317,14 @@
|
|
|
317
317
|
display: inline-block;
|
|
318
318
|
width: 16px;
|
|
319
319
|
height: 16px;
|
|
320
|
-
cursor: pointer;
|
|
321
320
|
vertical-align: middle;
|
|
322
321
|
text-align: center;
|
|
323
322
|
}
|
|
323
|
+
.semi-table .semi-table-column-sorter-wrapper {
|
|
324
|
+
display: inline-flex;
|
|
325
|
+
align-items: center;
|
|
326
|
+
cursor: pointer;
|
|
327
|
+
}
|
|
324
328
|
.semi-table .semi-table-column-sorter-up, .semi-table .semi-table-column-sorter-down {
|
|
325
329
|
height: 0;
|
|
326
330
|
display: block;
|
|
@@ -343,11 +347,11 @@
|
|
|
343
347
|
display: inline-flex;
|
|
344
348
|
cursor: pointer;
|
|
345
349
|
color: var(--semi-color-text-2);
|
|
346
|
-
|
|
350
|
+
align-items: center;
|
|
347
351
|
}
|
|
348
352
|
.semi-table .semi-table-column-filter svg {
|
|
349
|
-
width:
|
|
350
|
-
height:
|
|
353
|
+
width: 16px;
|
|
354
|
+
height: 16px;
|
|
351
355
|
}
|
|
352
356
|
.semi-table .semi-table-column-filter.on {
|
|
353
357
|
color: var(--semi-color-primary);
|
package/lib/es/table/table.scss
CHANGED
|
@@ -375,10 +375,15 @@ $module: #{$prefix}-table;
|
|
|
375
375
|
display: inline-block;
|
|
376
376
|
width: $width-table_column_sorter-icon;
|
|
377
377
|
height: $height-table_column_sorter-icon;
|
|
378
|
-
cursor: pointer;
|
|
379
378
|
vertical-align: middle;
|
|
380
379
|
text-align: center;
|
|
381
380
|
|
|
381
|
+
&-wrapper {
|
|
382
|
+
display: inline-flex;
|
|
383
|
+
align-items: center;
|
|
384
|
+
cursor: pointer;
|
|
385
|
+
}
|
|
386
|
+
|
|
382
387
|
&-up,
|
|
383
388
|
&-down {
|
|
384
389
|
height: 0;
|
|
@@ -408,7 +413,8 @@ $module: #{$prefix}-table;
|
|
|
408
413
|
display: inline-flex;
|
|
409
414
|
cursor: pointer;
|
|
410
415
|
color: $color-table_filter-text-default;
|
|
411
|
-
vertical-align: middle;
|
|
416
|
+
// vertical-align: middle;
|
|
417
|
+
align-items: center;
|
|
412
418
|
|
|
413
419
|
svg {
|
|
414
420
|
width: $width-table_column_filter-icon;
|
|
@@ -36,8 +36,8 @@ $radius-table_base: 4px;
|
|
|
36
36
|
$width-table_column_selection: 48px; // 表格默认列宽
|
|
37
37
|
$width-table_column_sorter-icon: 16px; // 表格排序按钮宽度
|
|
38
38
|
$height-table_column_sorter-icon: 16px; // 表格排序按钮高度
|
|
39
|
-
$width-table_column_filter-icon:
|
|
40
|
-
$height-table_column_filter-icon:
|
|
39
|
+
$width-table_column_filter-icon: 16px; // 表格过滤按钮宽度
|
|
40
|
+
$height-table_column_filter-icon: 16px; // 表格过滤按钮高度
|
|
41
41
|
$width-table_cell_fixed_left_last: 1px; // 表格左上角单元格底部描边宽度
|
|
42
42
|
$width-table_cell_fixed_right_first: 1px; // 表格左上角单元格右侧描边宽度
|
|
43
43
|
$width-table_react_resizable_handle: 9px; // 表格伸缩列调节热区宽度
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-foundation",
|
|
3
|
-
"version": "2.18.0
|
|
3
|
+
"version": "2.18.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build:lib": "node ./scripts/compileLib.js",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"*.scss",
|
|
25
25
|
"*.css"
|
|
26
26
|
],
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "fc619e55276fb8d6a04192d5737237abc77b3394",
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@babel/plugin-proposal-decorators": "^7.15.8",
|
|
30
30
|
"@babel/plugin-transform-runtime": "^7.15.8",
|
package/radio/radioFoundation.ts
CHANGED
|
@@ -3,6 +3,7 @@ import warning from '../utils/warning';
|
|
|
3
3
|
|
|
4
4
|
export interface RadioAdapter extends DefaultAdapter {
|
|
5
5
|
setHover: (hover: boolean) => void;
|
|
6
|
+
setChecked: (checked: boolean) => void;
|
|
6
7
|
setAddonId: () => void;
|
|
7
8
|
setExtraId: () => void;
|
|
8
9
|
setFocusVisible: (focusVisible: boolean) => void;
|
|
@@ -21,6 +22,10 @@ export default class RadioFoundation extends BaseFoundation<RadioAdapter> {
|
|
|
21
22
|
this._adapter.setHover(hover);
|
|
22
23
|
}
|
|
23
24
|
|
|
25
|
+
setChecked(checked: boolean) {
|
|
26
|
+
this._adapter.setChecked(checked);
|
|
27
|
+
}
|
|
28
|
+
|
|
24
29
|
handleFocusVisible = (event: any) => {
|
|
25
30
|
const { target } = event;
|
|
26
31
|
try {
|
package/select/option.scss
CHANGED
|
@@ -25,7 +25,6 @@ $multiple: #{$module}-multiple;
|
|
|
25
25
|
&-icon {
|
|
26
26
|
width: $width-select_option_tick;
|
|
27
27
|
color: $color-select_option-icon-default;
|
|
28
|
-
visibility: hidden;
|
|
29
28
|
margin-right: $spacing-select_option_tick-marginRight;
|
|
30
29
|
display: flex;
|
|
31
30
|
justify-content: center;
|
|
@@ -78,7 +77,6 @@ $multiple: #{$module}-multiple;
|
|
|
78
77
|
font-weight: $font-weight-bold;
|
|
79
78
|
|
|
80
79
|
.#{$module}-option-icon {
|
|
81
|
-
visibility: visible;
|
|
82
80
|
color: $color-select_option-icon-active;
|
|
83
81
|
}
|
|
84
82
|
}
|
package/table/table.scss
CHANGED
|
@@ -375,10 +375,15 @@ $module: #{$prefix}-table;
|
|
|
375
375
|
display: inline-block;
|
|
376
376
|
width: $width-table_column_sorter-icon;
|
|
377
377
|
height: $height-table_column_sorter-icon;
|
|
378
|
-
cursor: pointer;
|
|
379
378
|
vertical-align: middle;
|
|
380
379
|
text-align: center;
|
|
381
380
|
|
|
381
|
+
&-wrapper {
|
|
382
|
+
display: inline-flex;
|
|
383
|
+
align-items: center;
|
|
384
|
+
cursor: pointer;
|
|
385
|
+
}
|
|
386
|
+
|
|
382
387
|
&-up,
|
|
383
388
|
&-down {
|
|
384
389
|
height: 0;
|
|
@@ -408,7 +413,8 @@ $module: #{$prefix}-table;
|
|
|
408
413
|
display: inline-flex;
|
|
409
414
|
cursor: pointer;
|
|
410
415
|
color: $color-table_filter-text-default;
|
|
411
|
-
vertical-align: middle;
|
|
416
|
+
// vertical-align: middle;
|
|
417
|
+
align-items: center;
|
|
412
418
|
|
|
413
419
|
svg {
|
|
414
420
|
width: $width-table_column_filter-icon;
|
package/table/variables.scss
CHANGED
|
@@ -36,8 +36,8 @@ $radius-table_base: 4px;
|
|
|
36
36
|
$width-table_column_selection: 48px; // 表格默认列宽
|
|
37
37
|
$width-table_column_sorter-icon: 16px; // 表格排序按钮宽度
|
|
38
38
|
$height-table_column_sorter-icon: 16px; // 表格排序按钮高度
|
|
39
|
-
$width-table_column_filter-icon:
|
|
40
|
-
$height-table_column_filter-icon:
|
|
39
|
+
$width-table_column_filter-icon: 16px; // 表格过滤按钮宽度
|
|
40
|
+
$height-table_column_filter-icon: 16px; // 表格过滤按钮高度
|
|
41
41
|
$width-table_cell_fixed_left_last: 1px; // 表格左上角单元格底部描边宽度
|
|
42
42
|
$width-table_cell_fixed_right_first: 1px; // 表格左上角单元格右侧描边宽度
|
|
43
43
|
$width-table_react_resizable_handle: 9px; // 表格伸缩列调节热区宽度
|