@douyinfe/semi-foundation 2.71.1-alpha → 2.71.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/button/iconButton.scss +6 -0
- package/button/variables.scss +6 -0
- package/lib/cjs/button/iconButton.css +6 -0
- package/lib/cjs/button/iconButton.scss +6 -0
- package/lib/cjs/button/variables.scss +6 -0
- package/lib/cjs/overflowList/constants.d.ts +1 -1
- package/lib/cjs/tree/treeUtil.d.ts +1 -1
- package/lib/es/button/iconButton.css +6 -0
- package/lib/es/button/iconButton.scss +6 -0
- package/lib/es/button/variables.scss +6 -0
- package/lib/es/overflowList/constants.d.ts +1 -1
- package/lib/es/tree/treeUtil.d.ts +1 -1
- package/package.json +4 -4
package/button/iconButton.scss
CHANGED
|
@@ -35,6 +35,8 @@ $module: #{$prefix}-button;
|
|
|
35
35
|
padding-right: $spacing-button_iconOnly_default-paddingRight;
|
|
36
36
|
padding-top: $spacing-button_iconOnly_default-paddingTop;
|
|
37
37
|
padding-bottom: $spacing-button_iconOnly_default-paddingRight;
|
|
38
|
+
height: $height-button_iconOnly_default;
|
|
39
|
+
width: $width-button_iconOnly_default;
|
|
38
40
|
justify-content: center;
|
|
39
41
|
align-items: center;
|
|
40
42
|
|
|
@@ -45,6 +47,8 @@ $module: #{$prefix}-button;
|
|
|
45
47
|
padding-right: $spacing-button_iconOnly_small-paddingRight;
|
|
46
48
|
padding-top: $spacing-button_iconOnly_small-paddingTop;
|
|
47
49
|
padding-bottom: $spacing-button_iconOnly_small-paddingBottom;
|
|
50
|
+
height: $height-button_iconOnly_small;
|
|
51
|
+
width: $width-button_iconOnly_small;
|
|
48
52
|
}
|
|
49
53
|
|
|
50
54
|
&-large {
|
|
@@ -52,6 +56,8 @@ $module: #{$prefix}-button;
|
|
|
52
56
|
padding-right: $spacing-button_iconOnly_large-paddingRight;
|
|
53
57
|
padding-top: $spacing-button_iconOnly_large-paddingTop;
|
|
54
58
|
padding-bottom: $spacing-button_iconOnly_large-paddingBottom;
|
|
59
|
+
height: $height-button_iconOnly_large;
|
|
60
|
+
width: $width-button_iconOnly_large;
|
|
55
61
|
}
|
|
56
62
|
}
|
|
57
63
|
}
|
package/button/variables.scss
CHANGED
|
@@ -154,6 +154,12 @@ $spacing-button_iconOnly_small-paddingLeft: $spacing-extra-tight; // 图标按
|
|
|
154
154
|
$spacing-button_iconOnly_small-paddingRight: $spacing-extra-tight; // 图标按钮右侧内边距 - 小尺寸
|
|
155
155
|
$spacing-button_iconOnly_small-paddingTop: $spacing-extra-tight; // 图标按钮顶部内边距 - 小尺寸
|
|
156
156
|
$spacing-button_iconOnly_small-paddingBottom: $spacing-extra-tight; // 图标按钮底部内边距 - 小尺寸
|
|
157
|
+
$height-button_iconOnly_small: $height-control-small; // 图标按钮 height - 小尺寸
|
|
158
|
+
$width-button_iconOnly_small: $height-control-small; // 图标按钮 width - 小尺寸
|
|
159
|
+
$height-button_iconOnly_default:$height-control-default; // 图标按钮 height - 默认
|
|
160
|
+
$width-button_iconOnly_default: $height-control-default; // 图标按钮 width - 默认
|
|
161
|
+
$height-button_iconOnly_large: $height-control-large; // 图标按钮 height - 大尺寸
|
|
162
|
+
$width-button_iconOnly_large: $height-control-large; // 图标按钮 width - 大尺寸
|
|
157
163
|
|
|
158
164
|
// margin
|
|
159
165
|
$spacing-button_iconOnly_content-marginLeft: $spacing-tight; // 按钮左侧图标距离文字间距
|
|
@@ -25,6 +25,8 @@
|
|
|
25
25
|
padding-right: 8px;
|
|
26
26
|
padding-top: 8px;
|
|
27
27
|
padding-bottom: 8px;
|
|
28
|
+
height: 32px;
|
|
29
|
+
width: 32px;
|
|
28
30
|
justify-content: center;
|
|
29
31
|
align-items: center;
|
|
30
32
|
}
|
|
@@ -33,12 +35,16 @@
|
|
|
33
35
|
padding-right: 4px;
|
|
34
36
|
padding-top: 4px;
|
|
35
37
|
padding-bottom: 4px;
|
|
38
|
+
height: 24px;
|
|
39
|
+
width: 24px;
|
|
36
40
|
}
|
|
37
41
|
.semi-button.semi-button-with-icon-only.semi-button-size-large {
|
|
38
42
|
padding-left: 12px;
|
|
39
43
|
padding-right: 12px;
|
|
40
44
|
padding-top: 12px;
|
|
41
45
|
padding-bottom: 12px;
|
|
46
|
+
height: 40px;
|
|
47
|
+
width: 40px;
|
|
42
48
|
}
|
|
43
49
|
.semi-button-content-left {
|
|
44
50
|
margin-right: 8px;
|
|
@@ -35,6 +35,8 @@ $module: #{$prefix}-button;
|
|
|
35
35
|
padding-right: $spacing-button_iconOnly_default-paddingRight;
|
|
36
36
|
padding-top: $spacing-button_iconOnly_default-paddingTop;
|
|
37
37
|
padding-bottom: $spacing-button_iconOnly_default-paddingRight;
|
|
38
|
+
height: $height-button_iconOnly_default;
|
|
39
|
+
width: $width-button_iconOnly_default;
|
|
38
40
|
justify-content: center;
|
|
39
41
|
align-items: center;
|
|
40
42
|
|
|
@@ -45,6 +47,8 @@ $module: #{$prefix}-button;
|
|
|
45
47
|
padding-right: $spacing-button_iconOnly_small-paddingRight;
|
|
46
48
|
padding-top: $spacing-button_iconOnly_small-paddingTop;
|
|
47
49
|
padding-bottom: $spacing-button_iconOnly_small-paddingBottom;
|
|
50
|
+
height: $height-button_iconOnly_small;
|
|
51
|
+
width: $width-button_iconOnly_small;
|
|
48
52
|
}
|
|
49
53
|
|
|
50
54
|
&-large {
|
|
@@ -52,6 +56,8 @@ $module: #{$prefix}-button;
|
|
|
52
56
|
padding-right: $spacing-button_iconOnly_large-paddingRight;
|
|
53
57
|
padding-top: $spacing-button_iconOnly_large-paddingTop;
|
|
54
58
|
padding-bottom: $spacing-button_iconOnly_large-paddingBottom;
|
|
59
|
+
height: $height-button_iconOnly_large;
|
|
60
|
+
width: $width-button_iconOnly_large;
|
|
55
61
|
}
|
|
56
62
|
}
|
|
57
63
|
}
|
|
@@ -154,6 +154,12 @@ $spacing-button_iconOnly_small-paddingLeft: $spacing-extra-tight; // 图标按
|
|
|
154
154
|
$spacing-button_iconOnly_small-paddingRight: $spacing-extra-tight; // 图标按钮右侧内边距 - 小尺寸
|
|
155
155
|
$spacing-button_iconOnly_small-paddingTop: $spacing-extra-tight; // 图标按钮顶部内边距 - 小尺寸
|
|
156
156
|
$spacing-button_iconOnly_small-paddingBottom: $spacing-extra-tight; // 图标按钮底部内边距 - 小尺寸
|
|
157
|
+
$height-button_iconOnly_small: $height-control-small; // 图标按钮 height - 小尺寸
|
|
158
|
+
$width-button_iconOnly_small: $height-control-small; // 图标按钮 width - 小尺寸
|
|
159
|
+
$height-button_iconOnly_default:$height-control-default; // 图标按钮 height - 默认
|
|
160
|
+
$width-button_iconOnly_default: $height-control-default; // 图标按钮 width - 默认
|
|
161
|
+
$height-button_iconOnly_large: $height-control-large; // 图标按钮 height - 大尺寸
|
|
162
|
+
$width-button_iconOnly_large: $height-control-large; // 图标按钮 width - 大尺寸
|
|
157
163
|
|
|
158
164
|
// margin
|
|
159
165
|
$spacing-button_iconOnly_content-marginLeft: $spacing-tight; // 按钮左侧图标距离文字间距
|
|
@@ -83,6 +83,6 @@ export declare function getValueOrKey(data: any, keyMaps?: KeyMapProps): any;
|
|
|
83
83
|
export declare function normalizeValue(value: any, withObject: boolean, keyMaps?: KeyMapProps): any;
|
|
84
84
|
export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
|
|
85
85
|
export declare function calcDisabledKeys(keyEntities: KeyEntities, keyMaps?: KeyMapProps): Set<string>;
|
|
86
|
-
export declare function calcDropRelativePosition(event: any, treeNode: any):
|
|
86
|
+
export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
|
|
87
87
|
export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
|
|
88
88
|
export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;
|
|
@@ -25,6 +25,8 @@
|
|
|
25
25
|
padding-right: 8px;
|
|
26
26
|
padding-top: 8px;
|
|
27
27
|
padding-bottom: 8px;
|
|
28
|
+
height: 32px;
|
|
29
|
+
width: 32px;
|
|
28
30
|
justify-content: center;
|
|
29
31
|
align-items: center;
|
|
30
32
|
}
|
|
@@ -33,12 +35,16 @@
|
|
|
33
35
|
padding-right: 4px;
|
|
34
36
|
padding-top: 4px;
|
|
35
37
|
padding-bottom: 4px;
|
|
38
|
+
height: 24px;
|
|
39
|
+
width: 24px;
|
|
36
40
|
}
|
|
37
41
|
.semi-button.semi-button-with-icon-only.semi-button-size-large {
|
|
38
42
|
padding-left: 12px;
|
|
39
43
|
padding-right: 12px;
|
|
40
44
|
padding-top: 12px;
|
|
41
45
|
padding-bottom: 12px;
|
|
46
|
+
height: 40px;
|
|
47
|
+
width: 40px;
|
|
42
48
|
}
|
|
43
49
|
.semi-button-content-left {
|
|
44
50
|
margin-right: 8px;
|
|
@@ -35,6 +35,8 @@ $module: #{$prefix}-button;
|
|
|
35
35
|
padding-right: $spacing-button_iconOnly_default-paddingRight;
|
|
36
36
|
padding-top: $spacing-button_iconOnly_default-paddingTop;
|
|
37
37
|
padding-bottom: $spacing-button_iconOnly_default-paddingRight;
|
|
38
|
+
height: $height-button_iconOnly_default;
|
|
39
|
+
width: $width-button_iconOnly_default;
|
|
38
40
|
justify-content: center;
|
|
39
41
|
align-items: center;
|
|
40
42
|
|
|
@@ -45,6 +47,8 @@ $module: #{$prefix}-button;
|
|
|
45
47
|
padding-right: $spacing-button_iconOnly_small-paddingRight;
|
|
46
48
|
padding-top: $spacing-button_iconOnly_small-paddingTop;
|
|
47
49
|
padding-bottom: $spacing-button_iconOnly_small-paddingBottom;
|
|
50
|
+
height: $height-button_iconOnly_small;
|
|
51
|
+
width: $width-button_iconOnly_small;
|
|
48
52
|
}
|
|
49
53
|
|
|
50
54
|
&-large {
|
|
@@ -52,6 +56,8 @@ $module: #{$prefix}-button;
|
|
|
52
56
|
padding-right: $spacing-button_iconOnly_large-paddingRight;
|
|
53
57
|
padding-top: $spacing-button_iconOnly_large-paddingTop;
|
|
54
58
|
padding-bottom: $spacing-button_iconOnly_large-paddingBottom;
|
|
59
|
+
height: $height-button_iconOnly_large;
|
|
60
|
+
width: $width-button_iconOnly_large;
|
|
55
61
|
}
|
|
56
62
|
}
|
|
57
63
|
}
|
|
@@ -154,6 +154,12 @@ $spacing-button_iconOnly_small-paddingLeft: $spacing-extra-tight; // 图标按
|
|
|
154
154
|
$spacing-button_iconOnly_small-paddingRight: $spacing-extra-tight; // 图标按钮右侧内边距 - 小尺寸
|
|
155
155
|
$spacing-button_iconOnly_small-paddingTop: $spacing-extra-tight; // 图标按钮顶部内边距 - 小尺寸
|
|
156
156
|
$spacing-button_iconOnly_small-paddingBottom: $spacing-extra-tight; // 图标按钮底部内边距 - 小尺寸
|
|
157
|
+
$height-button_iconOnly_small: $height-control-small; // 图标按钮 height - 小尺寸
|
|
158
|
+
$width-button_iconOnly_small: $height-control-small; // 图标按钮 width - 小尺寸
|
|
159
|
+
$height-button_iconOnly_default:$height-control-default; // 图标按钮 height - 默认
|
|
160
|
+
$width-button_iconOnly_default: $height-control-default; // 图标按钮 width - 默认
|
|
161
|
+
$height-button_iconOnly_large: $height-control-large; // 图标按钮 height - 大尺寸
|
|
162
|
+
$width-button_iconOnly_large: $height-control-large; // 图标按钮 width - 大尺寸
|
|
157
163
|
|
|
158
164
|
// margin
|
|
159
165
|
$spacing-button_iconOnly_content-marginLeft: $spacing-tight; // 按钮左侧图标距离文字间距
|
|
@@ -83,6 +83,6 @@ export declare function getValueOrKey(data: any, keyMaps?: KeyMapProps): any;
|
|
|
83
83
|
export declare function normalizeValue(value: any, withObject: boolean, keyMaps?: KeyMapProps): any;
|
|
84
84
|
export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
|
|
85
85
|
export declare function calcDisabledKeys(keyEntities: KeyEntities, keyMaps?: KeyMapProps): Set<string>;
|
|
86
|
-
export declare function calcDropRelativePosition(event: any, treeNode: any):
|
|
86
|
+
export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
|
|
87
87
|
export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
|
|
88
88
|
export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-foundation",
|
|
3
|
-
"version": "2.71.1
|
|
3
|
+
"version": "2.71.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build:lib": "node ./scripts/compileLib.js",
|
|
7
7
|
"prepublishOnly": "npm run build:lib"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@douyinfe/semi-animation": "2.71.
|
|
11
|
-
"@douyinfe/semi-json-viewer-core": "2.71.1
|
|
10
|
+
"@douyinfe/semi-animation": "2.71.1",
|
|
11
|
+
"@douyinfe/semi-json-viewer-core": "2.71.1",
|
|
12
12
|
"@mdx-js/mdx": "^3.0.1",
|
|
13
13
|
"async-validator": "^3.5.0",
|
|
14
14
|
"classnames": "^2.2.6",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"*.scss",
|
|
30
30
|
"*.css"
|
|
31
31
|
],
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "e109344a9a8f3aff3e4c5ac020c90dc134b8ea7f",
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@babel/plugin-transform-runtime": "^7.15.8",
|
|
35
35
|
"@babel/preset-env": "^7.15.8",
|