@douyinfe/semi-ui 2.20.3 → 2.21.0-beta.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/README.md +4 -4
- package/dist/css/semi.css +14 -0
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +66 -20
- 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/lib/cjs/autoComplete/index.d.ts +3 -0
- package/lib/cjs/autoComplete/index.js +6 -1
- package/lib/cjs/dropdown/index.js +1 -1
- package/lib/cjs/locale/source/fr.js +1 -1
- package/lib/cjs/locale/source/ro.d.ts +156 -0
- package/lib/cjs/locale/source/ro.js +165 -0
- package/lib/cjs/table/HeadTable.js +12 -2
- package/lib/cjs/table/Table.js +10 -3
- package/lib/cjs/table/interface.d.ts +4 -0
- package/lib/cjs/upload/index.d.ts +5 -0
- package/lib/cjs/upload/index.js +9 -0
- package/lib/es/autoComplete/index.d.ts +3 -0
- package/lib/es/autoComplete/index.js +6 -1
- package/lib/es/dropdown/index.js +1 -1
- package/lib/es/locale/source/fr.js +1 -1
- package/lib/es/locale/source/ro.d.ts +156 -0
- package/lib/es/locale/source/ro.js +157 -0
- package/lib/es/table/HeadTable.js +13 -2
- package/lib/es/table/Table.js +10 -3
- package/lib/es/table/interface.d.ts +4 -0
- package/lib/es/upload/index.d.ts +5 -0
- package/lib/es/upload/index.js +9 -0
- package/package.json +7 -7
package/README.md
CHANGED
|
@@ -19,10 +19,10 @@ import ReactDOM from 'react-dom';
|
|
|
19
19
|
import { Button, Switch } from '@douyinfe/semi-ui';
|
|
20
20
|
|
|
21
21
|
const App = () => (
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
<>
|
|
23
|
+
<Button type="primary">primary button</Button>
|
|
24
|
+
<Switch size='large' />
|
|
25
|
+
</>
|
|
26
26
|
);
|
|
27
27
|
|
|
28
28
|
ReactDOM.render(<App />, document.querySelector('#app'));
|
package/dist/css/semi.css
CHANGED
|
@@ -813,6 +813,7 @@ body {
|
|
|
813
813
|
.semi-avatar-extra-extra-small {
|
|
814
814
|
width: 20px;
|
|
815
815
|
height: 20px;
|
|
816
|
+
border-radius: 3px;
|
|
816
817
|
}
|
|
817
818
|
.semi-avatar-extra-extra-small .semi-avatar-content {
|
|
818
819
|
transform-origin: center;
|
|
@@ -825,6 +826,7 @@ body {
|
|
|
825
826
|
.semi-avatar-extra-small {
|
|
826
827
|
width: 24px;
|
|
827
828
|
height: 24px;
|
|
829
|
+
border-radius: 3px;
|
|
828
830
|
}
|
|
829
831
|
.semi-avatar-extra-small .semi-avatar-content {
|
|
830
832
|
transform-origin: center;
|
|
@@ -837,6 +839,7 @@ body {
|
|
|
837
839
|
.semi-avatar-small {
|
|
838
840
|
width: 32px;
|
|
839
841
|
height: 32px;
|
|
842
|
+
border-radius: 3px;
|
|
840
843
|
}
|
|
841
844
|
.semi-avatar-small .semi-avatar-label {
|
|
842
845
|
font-size: 12px;
|
|
@@ -846,6 +849,7 @@ body {
|
|
|
846
849
|
.semi-avatar-default {
|
|
847
850
|
width: 40px;
|
|
848
851
|
height: 40px;
|
|
852
|
+
border-radius: 3px;
|
|
849
853
|
}
|
|
850
854
|
.semi-avatar-default .semi-avatar-label {
|
|
851
855
|
font-size: 18px;
|
|
@@ -855,6 +859,7 @@ body {
|
|
|
855
859
|
.semi-avatar-medium {
|
|
856
860
|
width: 48px;
|
|
857
861
|
height: 48px;
|
|
862
|
+
border-radius: 3px;
|
|
858
863
|
}
|
|
859
864
|
.semi-avatar-medium .semi-avatar-label {
|
|
860
865
|
font-size: 20px;
|
|
@@ -864,6 +869,7 @@ body {
|
|
|
864
869
|
.semi-avatar-large {
|
|
865
870
|
width: 72px;
|
|
866
871
|
height: 72px;
|
|
872
|
+
border-radius: 6px;
|
|
867
873
|
}
|
|
868
874
|
.semi-avatar-large .semi-avatar-label {
|
|
869
875
|
font-size: 32px;
|
|
@@ -873,6 +879,7 @@ body {
|
|
|
873
879
|
.semi-avatar-extra-large {
|
|
874
880
|
width: 128px;
|
|
875
881
|
height: 128px;
|
|
882
|
+
border-radius: 12px;
|
|
876
883
|
}
|
|
877
884
|
.semi-avatar-extra-large .semi-avatar-label {
|
|
878
885
|
font-size: 64px;
|
|
@@ -16370,6 +16377,13 @@ img[src=""], img:not([src]) {
|
|
|
16370
16377
|
background-color: transparent;
|
|
16371
16378
|
border-bottom: 2px solid var(--semi-color-border);
|
|
16372
16379
|
}
|
|
16380
|
+
.semi-table-header-sticky {
|
|
16381
|
+
position: sticky;
|
|
16382
|
+
z-index: 102;
|
|
16383
|
+
}
|
|
16384
|
+
.semi-table-header-sticky .semi-table-thead > .semi-table-row > .semi-table-row-head {
|
|
16385
|
+
background-color: var(--semi-color-bg-2);
|
|
16386
|
+
}
|
|
16373
16387
|
.semi-table-body {
|
|
16374
16388
|
overflow: auto;
|
|
16375
16389
|
width: 100%;
|