@yoyaflow/yoya-ui 0.2.1 → 0.3.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 +16 -0
- package/README.zh-CN.md +16 -0
- package/dist/yoya-ui.umd.js +2 -2
- package/dist/yoya.core.js +194 -113
- package/dist/yoya.ssr.js +330 -276
- package/dist/yoya.ui.css +35 -11
- package/dist/yoya.ui.js +2916 -2110
- package/package.json +1 -1
- package/types/core.d.ts +63 -0
- package/types/data-display.d.ts +77 -0
- package/types/form.d.ts +21 -0
- package/types/svg.d.ts +1 -0
package/dist/yoya.ui.css
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
@layer yoya;
|
|
2
2
|
|
|
3
|
+
body {
|
|
4
|
+
margin: 0;
|
|
5
|
+
}
|
|
6
|
+
|
|
3
7
|
:root {
|
|
4
8
|
color-scheme: light;
|
|
5
9
|
}
|
|
@@ -640,6 +644,11 @@
|
|
|
640
644
|
display: block;
|
|
641
645
|
}
|
|
642
646
|
|
|
647
|
+
.yoya-vdialog .yoya-vdialog-close:hover {
|
|
648
|
+
background: var(--yoya-color-surface-hover, #eef0f3);
|
|
649
|
+
color: var(--yoya-color-text, #172033);
|
|
650
|
+
}
|
|
651
|
+
|
|
643
652
|
:where(.yoya-vtooltip) {
|
|
644
653
|
box-sizing: border-box;
|
|
645
654
|
display: inline-flex;
|
|
@@ -906,8 +915,8 @@
|
|
|
906
915
|
}
|
|
907
916
|
|
|
908
917
|
:where(.yoya-vsidebar) {
|
|
909
|
-
|
|
910
|
-
|
|
918
|
+
align-content: start;
|
|
919
|
+
background: transparent;
|
|
911
920
|
border-radius: 8px;
|
|
912
921
|
box-sizing: border-box;
|
|
913
922
|
display: grid;
|
|
@@ -929,24 +938,39 @@
|
|
|
929
938
|
justify-content: space-between;
|
|
930
939
|
}
|
|
931
940
|
|
|
941
|
+
.yoya-vsidebar .yoya-vsidebar-menu {
|
|
942
|
+
min-height: 0;
|
|
943
|
+
overflow-y: auto;
|
|
944
|
+
scrollbar-width: none;
|
|
945
|
+
}
|
|
946
|
+
|
|
947
|
+
.yoya-vsidebar .yoya-vsidebar-menu::-webkit-scrollbar {
|
|
948
|
+
display: none;
|
|
949
|
+
height: 0;
|
|
950
|
+
width: 0;
|
|
951
|
+
}
|
|
952
|
+
|
|
953
|
+
.yoya-vtreeranger .yoya-vtreeranger-list {
|
|
954
|
+
scrollbar-width: none;
|
|
955
|
+
}
|
|
956
|
+
|
|
957
|
+
.yoya-vtreeranger .yoya-vtreeranger-list::-webkit-scrollbar {
|
|
958
|
+
display: none;
|
|
959
|
+
height: 0;
|
|
960
|
+
width: 0;
|
|
961
|
+
}
|
|
962
|
+
|
|
932
963
|
:where(.yoya-vnavbar) {
|
|
933
964
|
align-items: center;
|
|
934
|
-
background:
|
|
935
|
-
border: 1px solid var(--yoya-color-border, #dde3ec);
|
|
965
|
+
background: transparent;
|
|
936
966
|
border-radius: 8px;
|
|
937
|
-
box-shadow:
|
|
938
|
-
0 1px 2px rgba(15, 23, 42, 0.04),
|
|
939
|
-
0 8px 20px rgba(15, 23, 42, 0.05);
|
|
940
967
|
box-sizing: border-box;
|
|
941
968
|
column-gap: 16px;
|
|
942
969
|
display: flex;
|
|
943
970
|
flex-wrap: wrap;
|
|
944
971
|
min-height: 56px;
|
|
945
|
-
padding: 10px 16px;
|
|
946
972
|
row-gap: 8px;
|
|
947
|
-
transition:
|
|
948
|
-
border-color 160ms ease,
|
|
949
|
-
box-shadow 160ms ease;
|
|
973
|
+
transition: border-color 160ms ease;
|
|
950
974
|
width: 100%;
|
|
951
975
|
}
|
|
952
976
|
|