@douyinfe/semi-ui 2.1.4 → 2.1.5
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/Button.tsx +1 -0
- package/checkbox/checkbox.tsx +2 -0
- package/checkbox/checkboxGroup.tsx +3 -2
- package/dist/css/semi.css +7 -7
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +16 -10
- package/dist/umd/semi-ui.js.map +1 -1
- package/dist/umd/semi-ui.min.js +1 -1
- package/dist/umd/semi-ui.min.js.map +1 -1
- package/form/hoc/withField.tsx +1 -1
- package/lib/cjs/_base/base.css +2 -2
- package/lib/cjs/button/Button.d.ts +1 -0
- package/lib/cjs/checkbox/checkbox.js +3 -1
- package/lib/cjs/checkbox/checkboxGroup.d.ts +1 -0
- package/lib/cjs/checkbox/checkboxGroup.js +3 -1
- package/lib/cjs/form/baseForm.d.ts +1 -0
- package/lib/cjs/form/field.d.ts +1 -0
- package/lib/cjs/form/hoc/withField.js +3 -1
- package/lib/cjs/modal/Modal.d.ts +2 -2
- package/lib/cjs/modal/Modal.js +2 -2
- package/lib/cjs/modal/confirm.d.ts +10 -10
- package/lib/cjs/navigation/index.d.ts +2 -2
- package/lib/cjs/select/index.d.ts +1 -0
- package/lib/cjs/select/index.js +2 -0
- package/lib/cjs/timeline/item.d.ts +2 -2
- package/lib/cjs/timeline/item.js +3 -3
- package/lib/cjs/tree/treeNode.js +0 -2
- package/lib/es/_base/base.css +2 -2
- package/lib/es/button/Button.d.ts +1 -0
- package/lib/es/checkbox/checkbox.js +3 -1
- package/lib/es/checkbox/checkboxGroup.d.ts +1 -0
- package/lib/es/checkbox/checkboxGroup.js +3 -1
- package/lib/es/form/baseForm.d.ts +1 -0
- package/lib/es/form/field.d.ts +1 -0
- package/lib/es/form/hoc/withField.js +3 -1
- package/lib/es/modal/Modal.d.ts +2 -2
- package/lib/es/modal/Modal.js +2 -2
- package/lib/es/modal/confirm.d.ts +10 -10
- package/lib/es/navigation/index.d.ts +2 -2
- package/lib/es/select/index.d.ts +1 -0
- package/lib/es/select/index.js +2 -0
- package/lib/es/timeline/item.d.ts +2 -2
- package/lib/es/timeline/item.js +3 -3
- package/lib/es/tree/treeNode.js +0 -2
- package/modal/Modal.tsx +4 -4
- package/navigation/index.tsx +2 -2
- package/package.json +8 -8
- package/radio/_story/radio.stories.js +12 -1
- package/select/index.tsx +3 -0
- package/timeline/__test__/timeline.test.js +17 -1
- package/timeline/item.tsx +4 -4
- package/tree/_story/tree.stories.js +2 -2
- package/tree/treeNode.tsx +0 -2
package/button/Button.tsx
CHANGED
package/checkbox/checkbox.tsx
CHANGED
|
@@ -123,6 +123,7 @@ class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
|
|
|
123
123
|
onMouseLeave,
|
|
124
124
|
extra,
|
|
125
125
|
value,
|
|
126
|
+
id,
|
|
126
127
|
} = this.props;
|
|
127
128
|
const { checked } = this.state;
|
|
128
129
|
const props: Record<string, any> = {
|
|
@@ -174,6 +175,7 @@ class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
|
|
|
174
175
|
<span
|
|
175
176
|
style={style}
|
|
176
177
|
className={wrapper}
|
|
178
|
+
id={id}
|
|
177
179
|
onMouseEnter={onMouseEnter}
|
|
178
180
|
onMouseLeave={onMouseLeave}
|
|
179
181
|
onClick={this.handleChange}
|
|
@@ -25,6 +25,7 @@ export type CheckboxGroupProps = {
|
|
|
25
25
|
style?: React.CSSProperties;
|
|
26
26
|
className?: string;
|
|
27
27
|
type?: CheckboxType;
|
|
28
|
+
id?: string;
|
|
28
29
|
};
|
|
29
30
|
|
|
30
31
|
export type CheckboxGroupState = {
|
|
@@ -96,7 +97,7 @@ class CheckboxGroup extends BaseComponent<CheckboxGroupProps, CheckboxGroupState
|
|
|
96
97
|
}
|
|
97
98
|
|
|
98
99
|
render() {
|
|
99
|
-
const { children, options, prefixCls, direction, className, style, type } = this.props;
|
|
100
|
+
const { children, options, prefixCls, direction, className, id, style, type } = this.props;
|
|
100
101
|
|
|
101
102
|
const isPureCardType = type === strings.TYPE_PURECARD;
|
|
102
103
|
const isCardType = type === strings.TYPE_CARD || isPureCardType;
|
|
@@ -148,7 +149,7 @@ class CheckboxGroup extends BaseComponent<CheckboxGroupProps, CheckboxGroupState
|
|
|
148
149
|
}
|
|
149
150
|
|
|
150
151
|
return (
|
|
151
|
-
<div className={prefixClsDisplay} style={style}>
|
|
152
|
+
<div className={prefixClsDisplay} style={style} id={id}>
|
|
152
153
|
<Context.Provider
|
|
153
154
|
value={{
|
|
154
155
|
checkboxGroup: {
|
package/dist/css/semi.css
CHANGED
|
@@ -400,7 +400,7 @@ body, body[theme-mode=dark] .semi-always-light {
|
|
|
400
400
|
--semi-color-link-visited: rgba(var(--semi-blue-5), 1);
|
|
401
401
|
--semi-color-border: rgba(var(--semi-grey-9), .08);
|
|
402
402
|
--semi-color-nav-bg: rgba(var(--semi-white), 1);
|
|
403
|
-
--semi-overlay-bg: rgba(22, 22, 26, .6);
|
|
403
|
+
--semi-color-overlay-bg: rgba(22, 22, 26, .6);
|
|
404
404
|
--semi-color-fill-0: rgba(var(--semi-grey-8), .05);
|
|
405
405
|
--semi-color-fill-1: rgba(var(--semi-grey-8), .09);
|
|
406
406
|
--semi-color-fill-2: rgba(var(--semi-grey-8), .13);
|
|
@@ -487,7 +487,7 @@ body[theme-mode=dark], body .semi-always-dark {
|
|
|
487
487
|
--semi-color-link-visited: rgba(var(--semi-blue-5), 1);
|
|
488
488
|
--semi-color-nav-bg: rgba(35, 36, 41, 1);
|
|
489
489
|
--semi-shadow-elevated: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 4px 14px rgba(0, 0, 0, .25);
|
|
490
|
-
--semi-overlay-bg: rgba(22, 22, 26, .6);
|
|
490
|
+
--semi-color-overlay-bg: rgba(22, 22, 26, .6);
|
|
491
491
|
--semi-color-fill-0: rgba(var(--semi-white), .05);
|
|
492
492
|
--semi-color-fill-1: rgba(var(--semi-white), .09);
|
|
493
493
|
--semi-color-fill-2: rgba(var(--semi-white), .13);
|
|
@@ -11975,7 +11975,7 @@ body[theme-mode=dark], body .semi-always-dark {
|
|
|
11975
11975
|
right: 0;
|
|
11976
11976
|
left: 0;
|
|
11977
11977
|
bottom: 0;
|
|
11978
|
-
background-color: var(--semi-overlay-bg);
|
|
11978
|
+
background-color: var(--semi-color-overlay-bg);
|
|
11979
11979
|
height: 100%;
|
|
11980
11980
|
z-index: 1000;
|
|
11981
11981
|
}
|
|
@@ -14842,7 +14842,7 @@ body[theme-mode=dark], body .semi-always-dark {
|
|
|
14842
14842
|
left: 0;
|
|
14843
14843
|
width: 100%;
|
|
14844
14844
|
height: 100%;
|
|
14845
|
-
background-color: var(--semi-overlay-bg);
|
|
14845
|
+
background-color: var(--semi-color-overlay-bg);
|
|
14846
14846
|
}
|
|
14847
14847
|
.semi-sidesheet-mask-hidden {
|
|
14848
14848
|
display: none;
|
|
@@ -16154,7 +16154,7 @@ body[theme-mode=dark], body .semi-always-dark {
|
|
|
16154
16154
|
user-select: none;
|
|
16155
16155
|
}
|
|
16156
16156
|
.semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right {
|
|
16157
|
-
z-index:
|
|
16157
|
+
z-index: 101;
|
|
16158
16158
|
position: sticky;
|
|
16159
16159
|
background-color: var(--semi-color-bg-2);
|
|
16160
16160
|
}
|
|
@@ -16268,7 +16268,7 @@ body[theme-mode=dark], body .semi-always-dark {
|
|
|
16268
16268
|
background-color: var(--semi-color-fill-0);
|
|
16269
16269
|
}
|
|
16270
16270
|
.semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right {
|
|
16271
|
-
z-index:
|
|
16271
|
+
z-index: 101;
|
|
16272
16272
|
position: sticky;
|
|
16273
16273
|
background-color: var(--semi-color-bg-2);
|
|
16274
16274
|
}
|
|
@@ -19623,7 +19623,7 @@ p.semi-typography-extended,
|
|
|
19623
19623
|
.semi-upload-picture-file-card-close {
|
|
19624
19624
|
width: 16px;
|
|
19625
19625
|
height: 16px;
|
|
19626
|
-
background-color: var(--semi-overlay-bg);
|
|
19626
|
+
background-color: var(--semi-color-overlay-bg);
|
|
19627
19627
|
position: absolute;
|
|
19628
19628
|
top: 8px;
|
|
19629
19629
|
right: 8px;
|