lakelib 0.1.7 → 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.
Files changed (28) hide show
  1. package/dist/lake.css +114 -10
  2. package/dist/lake.min.js +30 -15
  3. package/dist/lake.min.js.map +1 -1
  4. package/lib/lake.css +114 -10
  5. package/lib/lake.js +1005 -292
  6. package/lib/lake.js.map +1 -1
  7. package/lib/types/boxes/file.d.ts +2 -0
  8. package/lib/types/css/index.d.ts +3 -0
  9. package/lib/types/editor.d.ts +9 -1
  10. package/lib/types/i18n/en-US/index.d.ts +5 -0
  11. package/lib/types/i18n/ja/index.d.ts +5 -0
  12. package/lib/types/i18n/ko/index.d.ts +5 -0
  13. package/lib/types/i18n/types.d.ts +40 -12
  14. package/lib/types/i18n/zh-CN/index.d.ts +5 -0
  15. package/lib/types/managers/box-manager.d.ts +3 -5
  16. package/lib/types/managers/selection.d.ts +3 -3
  17. package/lib/types/models/nodes.d.ts +1 -0
  18. package/lib/types/models/range.d.ts +1 -0
  19. package/lib/types/plugins/drop.d.ts +3 -0
  20. package/lib/types/plugins/file.d.ts +3 -0
  21. package/lib/types/types/box-toolbar.d.ts +21 -0
  22. package/lib/types/ui/box-toolbar.d.ts +31 -0
  23. package/lib/types/ui/upload.d.ts +3 -2
  24. package/lib/types/utils/file-size.d.ts +1 -0
  25. package/lib/types/utils/get-box.d.ts +4 -0
  26. package/lib/types/utils/index.d.ts +3 -0
  27. package/lib/types/utils/node-and-view.d.ts +9 -0
  28. package/package.json +1 -1
package/dist/lake.css CHANGED
@@ -32,9 +32,20 @@
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
+
44
+ .lake-container-wrapper {
45
+ position: relative;
46
+ }
35
47
  .lake-container {
36
48
  box-sizing: content-box;
37
- position: relative;
38
49
  font-family: var(--font-family);
39
50
  font-size: 16px;
40
51
  font-weight: normal;
@@ -73,6 +84,23 @@
73
84
  color: var(--link-hover-color);
74
85
  text-decoration: underline;
75
86
  }
87
+ .lake-drop-indication {
88
+ position: absolute;
89
+ height: 2px;
90
+ background-color: #1677ff;
91
+ z-index: 1;
92
+ pointer-events: none;
93
+ display: none;
94
+ }
95
+ .lake-drop-indication svg {
96
+ position: absolute;
97
+ top: -7.5px;
98
+ left: -10px;
99
+ width: 16px;
100
+ height: 16px;
101
+ fill: #1677ff;
102
+ pointer-events: none;
103
+ }
76
104
 
77
105
  .lake-container strong {
78
106
  font-weight: 600;
@@ -647,14 +675,6 @@ lake-box[name="hr"] .lake-box-focused .lake-hr {
647
675
  border-top: 1px solid var(--border-color);
648
676
  }
649
677
 
650
- @keyframes lakeRotate {
651
- 0% {
652
- transform: rotate(0);
653
- }
654
- 100% {
655
- transform: rotate(360deg);
656
- }
657
- }
658
678
  .lake-image-placeholder {
659
679
  display: flex;
660
680
  align-items: center;
@@ -846,6 +866,62 @@ lake-box[name="image"] .lake-box-selected .lake-image-error {
846
866
  cursor: pointer;
847
867
  }
848
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
+
849
925
  /* CodeMirror */
850
926
  .cm-editor {
851
927
  font-size: 14px;
@@ -862,7 +938,7 @@ lake-box[name="image"] .lake-box-selected .lake-image-error {
862
938
 
863
939
  /* code block */
864
940
  lake-box[name="codeBlock"] {
865
- margin: 16px 0;
941
+ margin-bottom: 16px;
866
942
  }
867
943
  lake-box[name="codeBlock"] .lake-box-focused .lake-code-block,
868
944
  lake-box[name="codeBlock"] .lake-box-activated .lake-code-block {
@@ -982,6 +1058,34 @@ lake-box[name="codeBlock"] .lake-box-activated .lake-code-block .lake-dropdown {
982
1058
  display: none;
983
1059
  }
984
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
+
985
1089
  /*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
986
1090
 
987
1091
  .pswp {