lakelib 0.1.8 → 0.1.9
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/dist/lake.css +93 -8
- package/dist/lake.min.js +26 -17
- package/dist/lake.min.js.map +1 -1
- package/lib/lake.css +93 -8
- package/lib/lake.js +708 -294
- package/lib/lake.js.map +1 -1
- package/lib/types/boxes/file.d.ts +2 -0
- package/lib/types/css/index.d.ts +3 -0
- package/lib/types/editor.d.ts +5 -1
- package/lib/types/i18n/en-US/index.d.ts +5 -0
- package/lib/types/i18n/ja/index.d.ts +5 -0
- package/lib/types/i18n/ko/index.d.ts +5 -0
- package/lib/types/i18n/types.d.ts +40 -12
- package/lib/types/i18n/zh-CN/index.d.ts +5 -0
- package/lib/types/managers/box-manager.d.ts +3 -5
- package/lib/types/managers/selection.d.ts +3 -3
- package/lib/types/plugins/file.d.ts +3 -0
- package/lib/types/types/box-toolbar.d.ts +21 -0
- package/lib/types/ui/box-toolbar.d.ts +31 -0
- package/lib/types/ui/upload.d.ts +3 -2
- package/lib/types/utils/file-size.d.ts +1 -0
- package/lib/types/utils/get-box.d.ts +4 -0
- package/lib/types/utils/index.d.ts +3 -0
- package/lib/types/utils/node-and-view.d.ts +9 -0
- package/package.json +1 -1
package/dist/lake.css
CHANGED
|
@@ -32,6 +32,15 @@
|
|
|
32
32
|
--input-outline: 2px solid #69b1ff;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
+
@keyframes lakeRotate {
|
|
36
|
+
0% {
|
|
37
|
+
transform: rotate(0);
|
|
38
|
+
}
|
|
39
|
+
100% {
|
|
40
|
+
transform: rotate(360deg);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
35
44
|
.lake-container-wrapper {
|
|
36
45
|
position: relative;
|
|
37
46
|
}
|
|
@@ -666,14 +675,6 @@ lake-box[name="hr"] .lake-box-focused .lake-hr {
|
|
|
666
675
|
border-top: 1px solid var(--border-color);
|
|
667
676
|
}
|
|
668
677
|
|
|
669
|
-
@keyframes lakeRotate {
|
|
670
|
-
0% {
|
|
671
|
-
transform: rotate(0);
|
|
672
|
-
}
|
|
673
|
-
100% {
|
|
674
|
-
transform: rotate(360deg);
|
|
675
|
-
}
|
|
676
|
-
}
|
|
677
678
|
.lake-image-placeholder {
|
|
678
679
|
display: flex;
|
|
679
680
|
align-items: center;
|
|
@@ -865,6 +866,62 @@ lake-box[name="image"] .lake-box-selected .lake-image-error {
|
|
|
865
866
|
cursor: pointer;
|
|
866
867
|
}
|
|
867
868
|
|
|
869
|
+
.lake-file {
|
|
870
|
+
position: relative;
|
|
871
|
+
line-height: 0;
|
|
872
|
+
box-sizing: content-box;
|
|
873
|
+
border: 1px solid transparent;
|
|
874
|
+
border-radius: 4px;
|
|
875
|
+
}
|
|
876
|
+
.lake-file .lake-file-info {
|
|
877
|
+
display: flex;
|
|
878
|
+
align-items: center;
|
|
879
|
+
}
|
|
880
|
+
.lake-file .lake-file-type svg {
|
|
881
|
+
width: 16px;
|
|
882
|
+
height: 16px;
|
|
883
|
+
margin: 4px;
|
|
884
|
+
}
|
|
885
|
+
.lake-file .lake-file-name {
|
|
886
|
+
line-height: 24px;
|
|
887
|
+
margin-right: 6px;
|
|
888
|
+
color: var(--link-color);
|
|
889
|
+
}
|
|
890
|
+
lake-box[name="file"] .lake-box-hovered .lake-file {
|
|
891
|
+
border-color: var(--box-border-color);
|
|
892
|
+
}
|
|
893
|
+
lake-box[name="file"] .lake-box-focused .lake-file {
|
|
894
|
+
border-color: var(--box-border-focus-color);
|
|
895
|
+
}
|
|
896
|
+
/* uploading status */
|
|
897
|
+
.lake-file-uploading .lake-progress {
|
|
898
|
+
display: flex;
|
|
899
|
+
align-items: center;
|
|
900
|
+
margin-right: 6px;
|
|
901
|
+
}
|
|
902
|
+
.lake-file-uploading .lake-progress svg {
|
|
903
|
+
width: 16px;
|
|
904
|
+
height: 16px;
|
|
905
|
+
margin: 4px;
|
|
906
|
+
animation: lakeRotate 1s linear 0s infinite normal none;
|
|
907
|
+
}
|
|
908
|
+
.lake-file-uploading .lake-progress .lake-percent {
|
|
909
|
+
line-height: 24px;
|
|
910
|
+
margin-left: 4px;
|
|
911
|
+
white-space: nowrap;
|
|
912
|
+
}
|
|
913
|
+
/* error status */
|
|
914
|
+
.lake-file-error .lake-file-type svg {
|
|
915
|
+
fill: var(--error-color);
|
|
916
|
+
}
|
|
917
|
+
.lake-file-error .lake-file-name {
|
|
918
|
+
color: var(--error-color);
|
|
919
|
+
}
|
|
920
|
+
/* readonly mode */
|
|
921
|
+
.lake-file-readonly {
|
|
922
|
+
cursor: pointer;
|
|
923
|
+
}
|
|
924
|
+
|
|
868
925
|
/* CodeMirror */
|
|
869
926
|
.cm-editor {
|
|
870
927
|
font-size: 14px;
|
|
@@ -1001,6 +1058,34 @@ lake-box[name="codeBlock"] .lake-box-activated .lake-code-block .lake-dropdown {
|
|
|
1001
1058
|
display: none;
|
|
1002
1059
|
}
|
|
1003
1060
|
|
|
1061
|
+
.lake-box-toolbar {
|
|
1062
|
+
position: absolute;
|
|
1063
|
+
top: 0;
|
|
1064
|
+
left: 0;
|
|
1065
|
+
z-index: 1;
|
|
1066
|
+
box-sizing: content-box;
|
|
1067
|
+
border: 1px solid var(--border-color);
|
|
1068
|
+
border-radius: 5px;
|
|
1069
|
+
font-family: var(--font-family);
|
|
1070
|
+
font-size: 14px;
|
|
1071
|
+
font-weight: normal;
|
|
1072
|
+
line-height: normal;
|
|
1073
|
+
color: var(--text-color);
|
|
1074
|
+
background-color: #fff;
|
|
1075
|
+
padding: 4px;
|
|
1076
|
+
display: flex;
|
|
1077
|
+
flex-wrap: wrap;
|
|
1078
|
+
align-items: center;
|
|
1079
|
+
}
|
|
1080
|
+
.lake-box-toolbar .lake-toolbar-divider {
|
|
1081
|
+
box-sizing: content-box;
|
|
1082
|
+
width: 1px;
|
|
1083
|
+
height: 20px;
|
|
1084
|
+
margin: 0 4px;
|
|
1085
|
+
border-left: 1px solid var(--border-color);
|
|
1086
|
+
user-select: none;
|
|
1087
|
+
}
|
|
1088
|
+
|
|
1004
1089
|
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
|
|
1005
1090
|
|
|
1006
1091
|
.pswp {
|