gridjs-spreadsheet 25.1.3 → 25.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.
Files changed (24) hide show
  1. package/{a3b683289420fd8ec937908397907279.svg → 2922578eabb1a88d1974da56c65189ba.svg} +907 -907
  2. package/{555f60323063f2b68b6eac7ce9c45b19.svg → 9ab1b217edd126e8925e88cc8f25a154.svg} +88 -88
  3. package/example/Dockerfile +12 -35
  4. package/example/README.md +49 -13
  5. package/example/pom.xml +2 -23
  6. package/example/src/main/java/com/aspose/gridjs/demo/GridjsdemoApplication.java +6 -2
  7. package/example/src/main/resources/application.properties +10 -10
  8. package/example/src/main/resources/templates/fileFromUpload.html +4 -3
  9. package/example/src/main/resources/templates/index.html +4 -2
  10. package/example/src/main/resources/templates/list.html +14 -4
  11. package/package.json +1 -1
  12. package/readme.md +2 -2
  13. package/xspreadsheet.css +3 -3
  14. package/xspreadsheet.js +5 -5
  15. package/example/src/main/resources/static/xspread/content/img/20130527034914143.gif +0 -0
  16. package/example/src/main/resources/static/xspread/content/img/20130527034914229.gif +0 -0
  17. package/example/src/main/resources/static/xspread/content/img/20130527034916363.gif +0 -0
  18. package/example/src/main/resources/static/xspread/content/img/20130527034917946.gif +0 -0
  19. package/example/src/main/resources/static/xspread/content/img/20130527034918372.gif +0 -0
  20. package/example/src/main/resources/static/xspread/content/img/testupdating1.png +0 -0
  21. package/example/src/main/resources/static/xspread/xspreadsheet.css +0 -1953
  22. package/example/src/main/resources/static/xspread/xspreadsheet.js +0 -21
  23. package/example/wb/SampleFile2.xlsx +0 -0
  24. package/preview.gif +0 -0
package/{555f60323063f2b68b6eac7ce9c45b19.svg → 9ab1b217edd126e8925e88cc8f25a154.svg} RENAMED
@@ -1,88 +1,88 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
- viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
5
- <style type="text/css">
6
- .st0{fill:url(#SVGID_1_);}
7
- .st1{fill:url(#SVGID_2_);}
8
- .st2{fill:url(#SVGID_3_);}
9
- .st3{fill:url(#SVGID_4_);}
10
- .st4{opacity:0.6;}
11
- .st5{opacity:0.38;fill:url(#SVGID_5_);enable-background:new ;}
12
- .st6{opacity:0.38;fill:url(#SVGID_6_);enable-background:new ;}
13
- .st7{opacity:0.38;fill:url(#SVGID_7_);enable-background:new ;}
14
- .st8{opacity:0.38;fill:url(#SVGID_8_);enable-background:new ;}
15
- </style>
16
- <g>
17
-
18
- <radialGradient id="SVGID_1_" cx="519.1851" cy="-127.3083" r="8.2454" gradientTransform="matrix(0 1 -0.9943 0 -113.4659 -506.377)" gradientUnits="userSpaceOnUse">
19
- <stop offset="0.1429" style="stop-color:#D5EFFC"/>
20
- <stop offset="0.8424" style="stop-color:#3C8EC6"/>
21
- <stop offset="1" style="stop-color:#3399CC"/>
22
- </radialGradient>
23
- <path class="st0" d="M21,13.6c0-0.5,0.5-6.4-4.6-9.1C14.1,3.2,10.9,3.2,9.1,5C6,8.2,8.6,11.5,9.6,11.8c0,0,0,0,0-0.1
24
- c-1.6-6.3,9.3-7.4,11.2,1.8C20.9,13.9,21,13.9,21,13.6z"/>
25
-
26
- <radialGradient id="SVGID_2_" cx="446.2906" cy="702.4343" r="5.9862" gradientTransform="matrix(0.9943 0 0 1 -430.3552 -688)" gradientUnits="userSpaceOnUse">
27
- <stop offset="0.1429" style="stop-color:#FEE588"/>
28
- <stop offset="0.5636" style="stop-color:#F79B30"/>
29
- <stop offset="0.6867" style="stop-color:#F58B2D"/>
30
- <stop offset="0.8883" style="stop-color:#F3752A"/>
31
- <stop offset="1" style="stop-color:#F36C29"/>
32
- </radialGradient>
33
- <path class="st1" d="M8.5,21.2c0.5,0,6.4,0.5,9.1-4.6c1.3-2.4,1.2-5.6-0.5-7.4c-3.1-3.1-6.4-0.5-6.8,0.5c0,0,0,0,0.1,0
34
- c6.2-1.6,7.3,9.3-1.8,11.3C8.3,21,8.3,21.1,8.5,21.2z"/>
35
-
36
- <radialGradient id="SVGID_3_" cx="-378.6884" cy="623.4329" r="8.246" gradientTransform="matrix(0 -1 0.9943 0 -610.95 -369.3066)" gradientUnits="userSpaceOnUse">
37
- <stop offset="0" style="stop-color:#FCB116"/>
38
- <stop offset="0.193" style="stop-color:#FBB318"/>
39
- <stop offset="0.3352" style="stop-color:#F9B91C"/>
40
- <stop offset="0.461" style="stop-color:#F6C323"/>
41
- <stop offset="0.5767" style="stop-color:#F4D12D"/>
42
- <stop offset="0.6727" style="stop-color:#F0E03A"/>
43
- <stop offset="0.7439" style="stop-color:#E5D534"/>
44
- <stop offset="0.8645" style="stop-color:#CFBD24"/>
45
- <stop offset="1" style="stop-color:#B19E11"/>
46
- </radialGradient>
47
- <path class="st2" d="M1,8.6c0,0.5-0.5,6.4,4.6,9.1C8,19,11.2,18.9,13,17.2c3.1-3.2,0.5-6.5-0.5-6.8c0,0,0,0,0,0.1
48
- c1.6,6.3-9.3,7.4-11.2-1.8C1.2,8.3,1.1,8.3,1,8.6z"/>
49
-
50
- <radialGradient id="SVGID_4_" cx="445.619" cy="696.9989" r="8.2461" gradientTransform="matrix(0.9943 0 0 1 -430.3552 -688)" gradientUnits="userSpaceOnUse">
51
- <stop offset="0" style="stop-color:#A1C43A"/>
52
- <stop offset="0.4545" style="stop-color:#A0CC3A"/>
53
- <stop offset="1" style="stop-color:#3C943A"/>
54
- </radialGradient>
55
- <path class="st3" d="M13.5,1C13,1,7.1,0.6,4.5,5.7C3.2,8.1,3.2,11.3,5,13c3.1,3.1,6.4,0.5,6.8-0.5c0,0,0,0-0.1,0
56
- c-6.2,1.6-7.3-9.3,1.8-11.3C13.8,1.2,13.8,1.1,13.5,1z"/>
57
- <g class="st4">
58
-
59
- <radialGradient id="SVGID_5_" cx="413.168" cy="345.1736" r="9.5277" gradientTransform="matrix(1.0925 0 0 1.6216 -440.2973 -540.7683)" gradientUnits="userSpaceOnUse">
60
- <stop offset="0" style="stop-color:#F9E788"/>
61
- <stop offset="1" style="stop-color:#FFFFFF"/>
62
- </radialGradient>
63
- <path class="st5" d="M11,5.2c-0.9,0-1.7,0.2-2.4,0.5c-2.3,3,0.1,5.9,1,6.2c0,0,0,0,0-0.1C8.7,8,12.4,6,15.8,7.2
64
- C14.7,6,12.9,5.2,11,5.2z"/>
65
-
66
- <radialGradient id="SVGID_6_" cx="413.1686" cy="345.1745" r="9.5274" gradientTransform="matrix(1.0925 0 0 1.6216 -440.2973 -540.7683)" gradientUnits="userSpaceOnUse">
67
- <stop offset="0" style="stop-color:#F9E788"/>
68
- <stop offset="1" style="stop-color:#FFFFFF"/>
69
- </radialGradient>
70
- <path class="st6" d="M10.3,9.7C10.3,9.7,10.3,9.7,10.3,9.7c3.8-0.9,5.7,2.7,4.6,6.1c1.5-1.1,2.4-2.8,2.4-4.7
71
- c0-0.7-0.1-1.4-0.4-2.1C13.8,6.1,10.6,8.7,10.3,9.7z"/>
72
-
73
- <radialGradient id="SVGID_7_" cx="413.1689" cy="345.1732" r="9.526" gradientTransform="matrix(1.0925 0 0 1.6216 -440.2973 -540.7683)" gradientUnits="userSpaceOnUse">
74
- <stop offset="0" style="stop-color:#F9E788"/>
75
- <stop offset="1" style="stop-color:#FFFFFF"/>
76
- </radialGradient>
77
- <path class="st7" d="M12.5,10.4C12.4,10.3,12.4,10.4,12.5,10.4c0.9,3.9-2.7,5.8-6.2,4.6C7.4,16.2,9.1,17,11,17
78
- c0.9,0,1.7-0.2,2.4-0.5C15.7,13.6,13.4,10.7,12.5,10.4z"/>
79
-
80
- <radialGradient id="SVGID_8_" cx="413.168" cy="345.1736" r="9.5275" gradientTransform="matrix(1.0925 0 0 1.6216 -440.2973 -540.7683)" gradientUnits="userSpaceOnUse">
81
- <stop offset="0" style="stop-color:#F9E788"/>
82
- <stop offset="1" style="stop-color:#FFFFFF"/>
83
- </radialGradient>
84
- <path class="st8" d="M11.8,12.5C11.8,12.5,11.8,12.5,11.8,12.5C8,13.5,6.1,9.9,7.2,6.4c-1.5,1.1-2.4,2.8-2.4,4.7
85
- c0,0.7,0.1,1.4,0.4,2.1C8.3,16.1,11.4,13.5,11.8,12.5z"/>
86
- </g>
87
- </g>
88
- </svg>
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:url(#SVGID_1_);}
7
+ .st1{fill:url(#SVGID_2_);}
8
+ .st2{fill:url(#SVGID_3_);}
9
+ .st3{fill:url(#SVGID_4_);}
10
+ .st4{opacity:0.6;}
11
+ .st5{opacity:0.38;fill:url(#SVGID_5_);enable-background:new ;}
12
+ .st6{opacity:0.38;fill:url(#SVGID_6_);enable-background:new ;}
13
+ .st7{opacity:0.38;fill:url(#SVGID_7_);enable-background:new ;}
14
+ .st8{opacity:0.38;fill:url(#SVGID_8_);enable-background:new ;}
15
+ </style>
16
+ <g>
17
+
18
+ <radialGradient id="SVGID_1_" cx="519.1851" cy="-127.3083" r="8.2454" gradientTransform="matrix(0 1 -0.9943 0 -113.4659 -506.377)" gradientUnits="userSpaceOnUse">
19
+ <stop offset="0.1429" style="stop-color:#D5EFFC"/>
20
+ <stop offset="0.8424" style="stop-color:#3C8EC6"/>
21
+ <stop offset="1" style="stop-color:#3399CC"/>
22
+ </radialGradient>
23
+ <path class="st0" d="M21,13.6c0-0.5,0.5-6.4-4.6-9.1C14.1,3.2,10.9,3.2,9.1,5C6,8.2,8.6,11.5,9.6,11.8c0,0,0,0,0-0.1
24
+ c-1.6-6.3,9.3-7.4,11.2,1.8C20.9,13.9,21,13.9,21,13.6z"/>
25
+
26
+ <radialGradient id="SVGID_2_" cx="446.2906" cy="702.4343" r="5.9862" gradientTransform="matrix(0.9943 0 0 1 -430.3552 -688)" gradientUnits="userSpaceOnUse">
27
+ <stop offset="0.1429" style="stop-color:#FEE588"/>
28
+ <stop offset="0.5636" style="stop-color:#F79B30"/>
29
+ <stop offset="0.6867" style="stop-color:#F58B2D"/>
30
+ <stop offset="0.8883" style="stop-color:#F3752A"/>
31
+ <stop offset="1" style="stop-color:#F36C29"/>
32
+ </radialGradient>
33
+ <path class="st1" d="M8.5,21.2c0.5,0,6.4,0.5,9.1-4.6c1.3-2.4,1.2-5.6-0.5-7.4c-3.1-3.1-6.4-0.5-6.8,0.5c0,0,0,0,0.1,0
34
+ c6.2-1.6,7.3,9.3-1.8,11.3C8.3,21,8.3,21.1,8.5,21.2z"/>
35
+
36
+ <radialGradient id="SVGID_3_" cx="-378.6884" cy="623.4329" r="8.246" gradientTransform="matrix(0 -1 0.9943 0 -610.95 -369.3066)" gradientUnits="userSpaceOnUse">
37
+ <stop offset="0" style="stop-color:#FCB116"/>
38
+ <stop offset="0.193" style="stop-color:#FBB318"/>
39
+ <stop offset="0.3352" style="stop-color:#F9B91C"/>
40
+ <stop offset="0.461" style="stop-color:#F6C323"/>
41
+ <stop offset="0.5767" style="stop-color:#F4D12D"/>
42
+ <stop offset="0.6727" style="stop-color:#F0E03A"/>
43
+ <stop offset="0.7439" style="stop-color:#E5D534"/>
44
+ <stop offset="0.8645" style="stop-color:#CFBD24"/>
45
+ <stop offset="1" style="stop-color:#B19E11"/>
46
+ </radialGradient>
47
+ <path class="st2" d="M1,8.6c0,0.5-0.5,6.4,4.6,9.1C8,19,11.2,18.9,13,17.2c3.1-3.2,0.5-6.5-0.5-6.8c0,0,0,0,0,0.1
48
+ c1.6,6.3-9.3,7.4-11.2-1.8C1.2,8.3,1.1,8.3,1,8.6z"/>
49
+
50
+ <radialGradient id="SVGID_4_" cx="445.619" cy="696.9989" r="8.2461" gradientTransform="matrix(0.9943 0 0 1 -430.3552 -688)" gradientUnits="userSpaceOnUse">
51
+ <stop offset="0" style="stop-color:#A1C43A"/>
52
+ <stop offset="0.4545" style="stop-color:#A0CC3A"/>
53
+ <stop offset="1" style="stop-color:#3C943A"/>
54
+ </radialGradient>
55
+ <path class="st3" d="M13.5,1C13,1,7.1,0.6,4.5,5.7C3.2,8.1,3.2,11.3,5,13c3.1,3.1,6.4,0.5,6.8-0.5c0,0,0,0-0.1,0
56
+ c-6.2,1.6-7.3-9.3,1.8-11.3C13.8,1.2,13.8,1.1,13.5,1z"/>
57
+ <g class="st4">
58
+
59
+ <radialGradient id="SVGID_5_" cx="413.168" cy="345.1736" r="9.5277" gradientTransform="matrix(1.0925 0 0 1.6216 -440.2973 -540.7683)" gradientUnits="userSpaceOnUse">
60
+ <stop offset="0" style="stop-color:#F9E788"/>
61
+ <stop offset="1" style="stop-color:#FFFFFF"/>
62
+ </radialGradient>
63
+ <path class="st5" d="M11,5.2c-0.9,0-1.7,0.2-2.4,0.5c-2.3,3,0.1,5.9,1,6.2c0,0,0,0,0-0.1C8.7,8,12.4,6,15.8,7.2
64
+ C14.7,6,12.9,5.2,11,5.2z"/>
65
+
66
+ <radialGradient id="SVGID_6_" cx="413.1686" cy="345.1745" r="9.5274" gradientTransform="matrix(1.0925 0 0 1.6216 -440.2973 -540.7683)" gradientUnits="userSpaceOnUse">
67
+ <stop offset="0" style="stop-color:#F9E788"/>
68
+ <stop offset="1" style="stop-color:#FFFFFF"/>
69
+ </radialGradient>
70
+ <path class="st6" d="M10.3,9.7C10.3,9.7,10.3,9.7,10.3,9.7c3.8-0.9,5.7,2.7,4.6,6.1c1.5-1.1,2.4-2.8,2.4-4.7
71
+ c0-0.7-0.1-1.4-0.4-2.1C13.8,6.1,10.6,8.7,10.3,9.7z"/>
72
+
73
+ <radialGradient id="SVGID_7_" cx="413.1689" cy="345.1732" r="9.526" gradientTransform="matrix(1.0925 0 0 1.6216 -440.2973 -540.7683)" gradientUnits="userSpaceOnUse">
74
+ <stop offset="0" style="stop-color:#F9E788"/>
75
+ <stop offset="1" style="stop-color:#FFFFFF"/>
76
+ </radialGradient>
77
+ <path class="st7" d="M12.5,10.4C12.4,10.3,12.4,10.4,12.5,10.4c0.9,3.9-2.7,5.8-6.2,4.6C7.4,16.2,9.1,17,11,17
78
+ c0.9,0,1.7-0.2,2.4-0.5C15.7,13.6,13.4,10.7,12.5,10.4z"/>
79
+
80
+ <radialGradient id="SVGID_8_" cx="413.168" cy="345.1736" r="9.5275" gradientTransform="matrix(1.0925 0 0 1.6216 -440.2973 -540.7683)" gradientUnits="userSpaceOnUse">
81
+ <stop offset="0" style="stop-color:#F9E788"/>
82
+ <stop offset="1" style="stop-color:#FFFFFF"/>
83
+ </radialGradient>
84
+ <path class="st8" d="M11.8,12.5C11.8,12.5,11.8,12.5,11.8,12.5C8,13.5,6.1,9.9,7.2,6.4c-1.5,1.1-2.4,2.8-2.4,4.7
85
+ c0,0.7,0.1,1.4,0.4,2.1C8.3,16.1,11.4,13.5,11.8,12.5z"/>
86
+ </g>
87
+ </g>
88
+ </svg>
package/example/Dockerfile CHANGED
@@ -1,53 +1,30 @@
1
-
2
-
3
- # FROM mcr.microsoft.com/java/openjdk:11 AS build
4
- FROM eclipse/ubuntu_jdk8
5
-
6
- # ���ù���Ŀ¼
1
+ FROM maven:3.8.6-amazoncorretto-17 AS build
2
+ # 设置工作目录
7
3
  WORKDIR /usr/src/app
8
4
 
9
-
10
-
11
-
12
- # �����ص� Maven �����ļ��ͻ������������ļ����Ƶ�������
13
- COPY mvnw .
5
+ # 将本地的 Maven 设置文件和环境变量设置文件复制到容器中
14
6
  COPY .mvn .mvn
15
7
  COPY pom.xml .
16
8
  COPY src src
17
-
18
- # ʹ�� Maven ����Ӧ�ã�������ʹ�õ��� Maven��
19
- RUN ./mvnw package -DskipTests
20
-
21
-
22
-
23
-
24
-
25
- # Set the user
26
- USER root
27
-
28
- RUN ls -l *
29
-
30
- # �������� jar �ļ����Ƶ��µ�������
31
- COPY target/*.jar /app/app.jar
32
-
33
- # ɾ��������Ҫ��Դ��� Maven ���棬���پ������
34
- RUN rm -rf target && rm -rf .mvn && rm -rf src
35
-
36
-
37
-
38
-
39
9
 
10
+ RUN ls -l *
11
+ # 使用 Maven 构建应用
12
+ RUN mvn package -DskipTests
40
13
 
14
+ FROM eclipse/ubuntu_jdk8
15
+ WORKDIR /app
16
+ # 将构建的 jar 文件复制到新的容器中
17
+ COPY --from=build /usr/src/app/target/*.jar /app/app.jar
41
18
 
42
19
 
43
20
  # web port
44
21
  EXPOSE 8080
45
- # Install Fonts because the SDK image contains very few fonts. The command copies font files from local to docker image. Make sure you have a local ��fonts�� directory that contains all the fonts you need to install. In this example, the local ��fonts�� directory is put in the same directory as the Dockerfile.
22
+ # Install Fonts because the SDK image contains very few fonts. The command copies font files from local to docker image. Make sure you have a local “fonts” directory that contains all the fonts you need to install. In this example, the local “fonts” directory is put in the same directory as the Dockerfile.
46
23
  # COPY fonts/* /usr/share/fonts/
47
24
  RUN mkdir -p /app/wb
48
25
  RUN mkdir -p /app/grid_cache/streamcache
49
26
  RUN mkdir -p /app/upload
50
27
  COPY wb/*.xlsx /app/wb/
51
28
  # RUN ls -l /app/
52
-
29
+ # 启动应用
53
30
  ENTRYPOINT ["java","-Djava.security.egd=file:/dev/./urandom","-jar","/app/app.jar"]
package/example/README.md CHANGED
@@ -1,29 +1,65 @@
1
- # Aspose.Cells.GridJs Java Demo
1
+ [Product Page](https://products.aspose.com/cells/java) | [Docs](https://docs.aspose.com/cells/java/aspose-cells-gridjs/) | [API Reference](https://reference.aspose.com/cells/java/com.aspose.gridjs/) | [Demos](https://products.aspose.app/cells/family/) | [Blog](https://blog.aspose.com/category/cells/) | [Code Samples](https://github.com/aspose-cells/Aspose.Cells-for-Java/tree/master/Examples.GridJs) | [Free Support](https://forum.aspose.com/c/cells) | [Temporary License](https://purchase.aspose.com/temporary-license) | [EULA](https://company.aspose.com/legal/eula)
2
+
3
+ Try our [free online apps](https://products.aspose.app/cells/family) demonstrating some of the most popular Aspose.Cells functionality.
4
+
2
5
  [Aspose.Cells.GridJs for Java](http://www.aspose.com/products/cells/java) is a lightweight, scalable, and customizable toolkit that provides cross-platform web applications, enables convenient development for editing or viewing Excel/Spreadsheet files, offers simple deployment, and provides easy-to-use APIs.
3
6
 
4
- ## How to Run the Examples
5
- 1.edit the properties in src\main\resources\application.properties
7
+ This is a demo to show how we can use GridJs to implment a spreadsheet Editor .
8
+
6
9
 
7
- #This is the excel directory to browse
8
- testconfig.ListDir=/app/wb
10
+ ## Preview
9
11
 
10
- #Specific the spreadsheet file name in the directory to browse
11
- testconfig.FileName=chart.xlsx
12
+ <img alt='demo' src='https://unpkg.com/gridjs-spreadsheet@25.1.0/preview.gif' />
12
13
 
13
- #Directory for storing cache files
14
+ ## How to Run the Examples
15
+ ###1.edit the properties in src\main\resources\application.properties to meet your local environment
16
+ ```properties
17
+ # This is the directory contains the spread sheet files
18
+ testconfig.ListDir=/app/wb
19
+
20
+ # Directory for storing cache files
14
21
  testconfig.CachePath=/app/grid_cache
15
22
 
16
- 2.run src\main\java\com\aspose\gridjs\demo\GridjsdemoApplication.java
23
+ # Directory for storing upload files
24
+ testconfig.UploadPath=/app/upload
25
+
26
+ # License file for Aspose.Cells
27
+ testconfig.AsposeLicensePath=/app/license
28
+ ```
29
+ ###2.run src\main\java\com\aspose\gridjs\demo\GridjsdemoApplication.java
17
30
 
18
- open browser and navigate to http://localhost:8080/gridjsdemo/index
31
+ open browser and navigate to view all the files in the directory at http://localhost:8080/gridjsdemo/list
19
32
 
20
33
  ## Step to run in docker
21
34
 
22
- docker build -t gridjs-demo-java .
35
+ 1. docker build -t gridjs-demo-java .
36
+
37
+ 2. run with aspose license file:
38
+
39
+ ```bash
40
+ docker run -d -p 8080:8080 -v C:/path/to/license.txt:/app/license gridjs-demo-java
41
+ ```
42
+
43
+ or just run the demo in trial mode:
44
+
45
+ ```bash
46
+ docker run -d -p 8080:8080 gridjs-demo-java
47
+ ```
48
+
49
+ 3. open browser and enter the url: http://localhost:8080/gridjsdemo/list
50
+
51
+ ## Reference js lib used in the demo project:
52
+ jquery.js v2.1.1
53
+
54
+ jquery-ui.js v1.12.1
55
+
56
+ jquery-ui.css v1.12.1
57
+
58
+ jszip.min.js v3.6.0
23
59
 
24
- docker run -d -p 8080:8080 gridjs-demo-java
60
+ bootstrap.css v22.5.5.2
25
61
 
26
- open browser and enter the url:http://localhost:8080/gridjsdemo/index
62
+ quantumui.css v22.5.5.2
27
63
 
28
64
  ## Resources
29
65
 
package/example/pom.xml CHANGED
@@ -51,12 +51,12 @@
51
51
  <dependency>
52
52
  <groupId>com.aspose</groupId>
53
53
  <artifactId>aspose-cells</artifactId>
54
- <version>25.1</version>
54
+ <version>25.3</version>
55
55
  </dependency>
56
56
  <dependency>
57
57
  <groupId>com.aspose</groupId>
58
58
  <artifactId>aspose-cells</artifactId>
59
- <version>25.1</version>
59
+ <version>25.3</version>
60
60
  <classifier>gridjs</classifier>
61
61
  </dependency>
62
62
  <!-- <dependency>
@@ -74,27 +74,6 @@
74
74
  <groupId>org.springframework.boot</groupId>
75
75
  <artifactId>spring-boot-starter-test</artifactId>
76
76
  <scope>test</scope>
77
- <exclusions>
78
- <exclusion>
79
- <groupId>org.junit.vintage</groupId>
80
- <artifactId>junit-vintage-engine</artifactId>
81
- </exclusion>
82
- </exclusions>
83
- </dependency>
84
- <!-- JUnit Jupiter for writing tests -->
85
- <dependency>
86
- <groupId>org.junit.jupiter</groupId>
87
- <artifactId>junit-jupiter-api</artifactId>
88
- <version>5.6.0</version>
89
- <scope>test</scope>
90
- </dependency>
91
-
92
- <!-- JUnit Jupiter Engine for running tests -->
93
- <dependency>
94
- <groupId>org.junit.jupiter</groupId>
95
- <artifactId>junit-jupiter-engine</artifactId>
96
- <version>5.6.0</version>
97
- <scope>test</scope>
98
77
  </dependency>
99
78
  </dependencies>
100
79
 
package/example/src/main/java/com/aspose/gridjs/demo/GridjsdemoApplication.java CHANGED
@@ -10,6 +10,8 @@ import com.aspose.cells.Workbook;
10
10
  import com.aspose.gridjs.Config;
11
11
  import com.aspose.gridjs.GridJsWorkbook;
12
12
 
13
+ import java.io.File;
14
+
13
15
  import javax.annotation.PostConstruct;
14
16
 
15
17
 
@@ -81,9 +83,11 @@ public class GridjsdemoApplication {
81
83
 
82
84
  MyConfig myConfig = context.getBean(MyConfig.class);
83
85
 
84
- //set license for aspose cells
86
+ //set license for Aspose.Cells
85
87
  com.aspose.cells.License lic=new com.aspose.cells.License();
86
- //lic.setLicense(myConfig.asposeLicensePath);
88
+ if ((new File(myConfig.asposeLicensePath)).exists()) {
89
+ lic.setLicense(myConfig.asposeLicensePath);
90
+ }
87
91
  init(myConfig);
88
92
 
89
93
  }
package/example/src/main/resources/application.properties CHANGED
@@ -3,15 +3,15 @@ spring.servlet.multipart.enabled=true
3
3
  spring.servlet.multipart.max-file-size=10MB
4
4
  spring.servlet.multipart.max-request-size=10MB
5
5
  #for local test
6
- testconfig.ListDir=D:\\codebase\\customerissue\\wb\\tempfromdownload\\
7
- testconfig.FileName=excelColumnWordBreak.xlsm
8
- testconfig.CachePath=F:\\storage\\gridjs_temp
9
- testconfig.UploadPath=F:\\storage\\upload
10
- testconfig.AsposeLicensePath=F:\\aspose.lic
6
+ #testconfig.ListDir=D:\\codebase\\customerissue\\wb\\tempfromdownload\\
7
+ #testconfig.FileName=excelColumnWordBreak.xlsm
8
+ #testconfig.CachePath=F:\\storage\\gridjs_temp
9
+ #testconfig.UploadPath=F:\\storage\\upload
10
+ #testconfig.AsposeLicensePath=F:\\aspose.lic
11
11
  #for docker linux
12
- #testconfig.ListDir=/app/wb
13
- #testconfig.FileName=controls.xlsx
14
- #testconfig.CachePath=/app/grid_cache
15
- #testconfig.UploadPath=/app/upload
16
- #testconfig.AsposeLicensePath=/app/aspose.lic
12
+ testconfig.ListDir=/app/wb
13
+ testconfig.FileName=controls.xlsx
14
+ testconfig.CachePath=/app/grid_cache
15
+ testconfig.UploadPath=/app/upload
16
+ testconfig.AsposeLicensePath=/app/license
17
17
 
package/example/src/main/resources/templates/fileFromUpload.html CHANGED
@@ -52,12 +52,13 @@ html, body {
52
52
  <script src="/xspread/jszip.min.js"></script>
53
53
  <!-- <script src="vconsole.min.js"></script> -->
54
54
  <!--for local reference-->
55
+ <!--
55
56
  <link rel="stylesheet" href="/xspread/xspreadsheet.css?v=20230525" />
56
57
  <script src="/xspread/xspreadsheet.js?v=20230525"></script>
57
-
58
+ -->
58
59
  <!--for release reference-->
59
- <!-- <link rel="stylesheet" href="https://unpkg.com/gridjs-spreadsheet@24.12.0/xspreadsheet.css">
60
- <script src="https://unpkg.com/gridjs-spreadsheet@24.12.0/xspreadsheet.js"></script> -->
60
+ <link rel="stylesheet" href="https://unpkg.com/gridjs-spreadsheet/xspreadsheet.css">
61
+ <script src="https://unpkg.com/gridjs-spreadsheet/xspreadsheet.js"></script>
61
62
 
62
63
 
63
64
 
package/example/src/main/resources/templates/index.html CHANGED
@@ -51,12 +51,14 @@ html, body {
51
51
  <script src="/xspread/jszip.min.js"></script>
52
52
  <!-- <script src="vconsole.min.js"></script> -->
53
53
  <!--for local reference-->
54
+ <!--
54
55
  <link rel="stylesheet" href="/xspread/xspreadsheet.css?v=20230525" />
55
56
  <script src="/xspread/xspreadsheet.js?v=20230525"></script>
57
+ -->
56
58
 
57
59
  <!--for release reference-->
58
- <!-- <link rel="stylesheet" href="https://unpkg.com/gridjs-spreadsheet@24.12.0/xspreadsheet.css">
59
- <script src="https://unpkg.com/gridjs-spreadsheet@24.12.0/xspreadsheet.js"></script> -->
60
+ <link rel="stylesheet" href="https://unpkg.com/gridjs-spreadsheet/xspreadsheet.css">
61
+ <script src="https://unpkg.com/gridjs-spreadsheet/xspreadsheet.js"></script>
60
62
 
61
63
 
62
64
 
package/example/src/main/resources/templates/list.html CHANGED
@@ -71,18 +71,28 @@
71
71
  const url = '/gridjsdemo/Uidtml?filename=' + filename+'&uid='+uid;
72
72
  window.open(url, "_blank");
73
73
  }
74
+ document.addEventListener('DOMContentLoaded', function() {
75
+ document.getElementById('fileInput').addEventListener('change', function(event) {
76
+ const file = event.target.files[0];
77
+ if (file) {
78
+ //console.log('文件已选择:', file.name);
79
+ document.getElementById('uploadForm').submit();
80
+ }
81
+ });
82
+ });
74
83
  </script>
75
84
  <!-- 文件上传表单 -->
76
85
 
77
86
  <div class="upload-form">
78
- <form method="post" action="/gridjsdemo/upload" enctype="multipart/form-data">
87
+ <h4>Upload a local file to start show workbook</h4>
88
+ <form id="uploadForm" method="post" action="/gridjsdemo/upload" enctype="multipart/form-data" >
79
89
  <!-- accept属性用于限定可接受的文件类型 -->
80
- <input type="file" name="file" accept=".xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" required/>
81
- <button type="submit">upload</button>
90
+ <input id="fileInput" type="file" name="file" accept=".xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" required/>
91
+
82
92
  </form>
83
93
  </div>
84
94
  <div class="file-list">
85
- <h2>choose a file from the navigation path</h2>
95
+ <h4>Navigate one of the below file to start show workbook</h4>
86
96
  <div th:each="item : ${filelist}">
87
97
  <a href="javascript:void(0)" target="_blank" th:data-filename="${item[0]}" th:data-uid="${item[1]}" onclick="openfile(this)">
88
98
  <em th:text="${item[0]}"></em>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gridjs-spreadsheet",
3
- "version": "25.1.3",
3
+ "version": "25.3.0",
4
4
  "description": "this is the client side script for GridJs which is a lightweight, scalable, and customizable toolkit that provides cross-platform web applications, enables convenient development for editing or viewing Excel/Spreadsheet files, offers simple deployment, and provides easy-to-use APIs based on JSON format.",
5
5
  "types": "index.d.ts",
6
6
  "main": "xspreadsheet.js",
package/readme.md CHANGED
@@ -37,8 +37,8 @@ APIs are available on the [API page](https://docs.aspose.com/cells/net/aspose-ce
37
37
  <script src="https://unpkg.com/jquery-ui@1.13.2/dist/jquery-ui.min.js"></script>
38
38
  <script src="https://unpkg.com/jszip@3.10.1/dist/jszip.min.js"></script>
39
39
  <!-- other dependency end -->
40
- <link rel="stylesheet" href="https://unpkg.com/gridjs-spreadsheet@24.9.0/xspreadsheet.css">
41
- <script src="https://unpkg.com/gridjs-spreadsheet@24.9.0/xspreadsheet.js"></script>
40
+ <link rel="stylesheet" href="https://unpkg.com/gridjs-spreadsheet/xspreadsheet.css">
41
+ <script src="https://unpkg.com/gridjs-spreadsheet/xspreadsheet.js"></script>
42
42
 
43
43
  <script>
44
44
  const option = {
package/xspreadsheet.css CHANGED
@@ -145,14 +145,14 @@ body {
145
145
  height: 60px;
146
146
  margin: 10px;
147
147
  background-repeat: no-repeat;
148
- background-image: url(555f60323063f2b68b6eac7ce9c45b19.svg);
148
+ background-image: url(9ab1b217edd126e8925e88cc8f25a154.svg);
149
149
  }
150
150
  .x-spreadsheet-banner-icon-s {
151
151
  width: 30px;
152
152
  height: 30px;
153
153
  margin: 5px;
154
154
  background-repeat: no-repeat;
155
- background-image: url(555f60323063f2b68b6eac7ce9c45b19.svg);
155
+ background-image: url(9ab1b217edd126e8925e88cc8f25a154.svg);
156
156
  }
157
157
  .x-spreadsheet-banner-filename {
158
158
  width: max-content;
@@ -1274,7 +1274,7 @@ form fieldset select {
1274
1274
  display: inline-block;
1275
1275
  }
1276
1276
  .x-spreadsheet-icon .x-spreadsheet-icon-img {
1277
- background-image: url(a3b683289420fd8ec937908397907279.svg);
1277
+ background-image: url(2922578eabb1a88d1974da56c65189ba.svg);
1278
1278
  position: absolute;
1279
1279
  width: 262px;
1280
1280
  height: 444px;