gridjs-spreadsheet 25.3.0 → 25.4.0

package/example/Dockerfile

@@ -1,30 +1,53 @@
-FROM maven:3.8.6-amazoncorretto-17 AS build
-# 设置工作目录
+
+ 
+# FROM mcr.microsoft.com/java/openjdk:11  AS build
+  FROM eclipse/ubuntu_jdk8
+
+# ���ù���Ŀ¼
 WORKDIR /usr/src/app
 
-# 将本地的 Maven 设置文件和环境变量设置文件复制到容器中
+ 
+
+
+# �����ص� Maven �����ļ��ͻ������������ļ����Ƶ�������
+COPY mvnw .
 COPY .mvn .mvn
 COPY pom.xml .
 COPY src src
- 
+
+# ʹ�� Maven ����Ӧ�ã�������ʹ�õ��� Maven��
+RUN ./mvnw package -DskipTests
+
+
+
+
+
+# Set the user
+USER root
+
 RUN ls -l *
-# 使用 Maven 构建应用 
-RUN mvn  package -DskipTests
 
-FROM eclipse/ubuntu_jdk8
-WORKDIR /app
-# 将构建的 jar 文件复制到新的容器中
-COPY --from=build /usr/src/app/target/*.jar /app/app.jar
+# �������� jar �ļ����Ƶ��µ�������
+COPY  target/*.jar /app/app.jar
+
+# ɾ��������Ҫ��Դ��� Maven ���棬���پ������
+RUN rm -rf target && rm -rf .mvn && rm -rf src
+
+
+
+
+ 
+
 
 
 # web port
 EXPOSE 8080
-# 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.
+# 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.
 # COPY fonts/* /usr/share/fonts/
 RUN mkdir -p /app/wb
 RUN mkdir -p /app/grid_cache/streamcache
 RUN mkdir -p /app/upload
 COPY wb/*.xlsx /app/wb/
 # RUN ls -l /app/
-# 启动应用
+# ����Ӧ��
 ENTRYPOINT ["java","-Djava.security.egd=file:/dev/./urandom","-jar","/app/app.jar"]

package/example/README.md

@@ -1,12 +1,6 @@
-[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) 
-
-Try our [free online apps](https://products.aspose.app/cells/family) demonstrating some of the most popular Aspose.Cells functionality.
-
+# Aspose.Cells for Java
 [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.
 
-This is a  demo to show how we can use GridJs to implment a spreadsheet Editor .
- 
-
 ## Preview
 
  <img alt='demo' src='https://unpkg.com/gridjs-spreadsheet@25.1.0/preview.gif' />
@@ -35,32 +29,12 @@ open browser and navigate to view all the files in the directory at http://local
 1. docker build -t gridjs-demo-java .
 
 2. run with aspose license file:
-
-```bash
       docker run -d -p 8080:8080  -v C:/path/to/license.txt:/app/license gridjs-demo-java
-```
-
    or just run the demo in trial mode:
-   
-```bash
       docker run -d -p 8080:8080 gridjs-demo-java
-```
       
 3. open browser and enter the url: http://localhost:8080/gridjsdemo/list
 
-## Reference js lib used in the demo project:
-jquery.js    v2.1.1
-
-jquery-ui.js v1.12.1 
-
-jquery-ui.css v1.12.1 
-
-jszip.min.js v3.6.0 
-
-bootstrap.css   v22.5.5.2
-
-quantumui.css   v22.5.5.2
-
 ## Resources
 
 + **Website:** [www.aspose.com](http://www.aspose.com) 

package/example/pom.xml

@@ -51,12 +51,12 @@
 	   <dependency>  
   			<groupId>com.aspose</groupId>  
  			<artifactId>aspose-cells</artifactId>  
- 			<version>25.3</version> 
+ 			<version>25.2</version> 
  	    </dependency>  
        <dependency>  
   			<groupId>com.aspose</groupId>  
  			<artifactId>aspose-cells</artifactId>  
- 			<version>25.3</version> 
+ 			<version>25.2</version> 
  			<classifier>gridjs</classifier>  
  	    </dependency>  
 	<!--	<dependency>

package/example/src/main/resources/application.properties

@@ -2,16 +2,12 @@ spring.application.name=gridjsdemo
 spring.servlet.multipart.enabled=true
 spring.servlet.multipart.max-file-size=10MB
 spring.servlet.multipart.max-request-size=10MB
-#for local test
 #testconfig.ListDir=D:\\codebase\\customerissue\\wb\\tempfromdownload\\
-#testconfig.FileName=excelColumnWordBreak.xlsm
-#testconfig.CachePath=F:\\storage\\gridjs_temp
-#testconfig.UploadPath=F:\\storage\\upload
-#testconfig.AsposeLicensePath=F:\\aspose.lic
-#for docker linux
+#for linux
 testconfig.ListDir=/app/wb
-testconfig.FileName=controls.xlsx
+testconfig.FileName=chart.xlsx
 testconfig.CachePath=/app/grid_cache
 testconfig.UploadPath=/app/upload
 testconfig.AsposeLicensePath=/app/license
+ 
 

package/example/src/main/resources/templates/fileFromUpload.html

@@ -5,24 +5,23 @@
     <meta name="viewport" content="width=device-width" />
     <title>gridjs-web-demo</title>
 
-<style>
-::-webkit-scrollbar, ::-webkit-scrollbar-button {
-	width: 8px;
-	height: 8px;
-}
-
-::-webkit-scrollbar-track {
-	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-	border-radius: 10px;
-	background-color: #FFF;
-}
+    <style>
+        ::-webkit-scrollbar, ::-webkit-scrollbar-button {
+            width: 8px;
+            height: 8px;
+        }
 
-::-webkit-scrollbar-thumb {
-	border-radius: 10px;
-	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
-	background-color: #AAA;
-}
+        ::-webkit-scrollbar-track {
+            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+            border-radius: 10px;
+            background-color: #FFF;
+        }
 
+        ::-webkit-scrollbar-thumb {
+            border-radius: 10px;
+            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+            background-color: #AAA;
+        }
 html, body {
 	margin: 0;
 	padding: 0;
@@ -43,8 +42,8 @@ html, body {
 	height: 100%;
 	object-fit: contain; /* 对于图像或视频很有用 */
 }
-</style>
-<!--<link rel="stylesheet" href="./quantumui.min.22.5.5.2.css?v=20220312" />-->
+    </style>
+    <!--<link rel="stylesheet" href="./quantumui.min.22.5.5.2.css?v=20220312" />-->
     <link rel="stylesheet" href="/xspread/bootstrap.min.22.5.5.2.css?v=20220315" />
     <script src="/xspread/jquery-2.1.1.js"></script>
     <link rel="stylesheet" href="/xspread/jquery-ui.min.css" />

package/example/src/main/resources/templates/index.html

@@ -52,7 +52,7 @@ html, body {
     <!--    <script src="vconsole.min.js"></script> -->
     <!--for local reference-->
     <!--
-  <link rel="stylesheet" href="/xspread/xspreadsheet.css?v=20230525" />
+     <link rel="stylesheet" href="/xspread/xspreadsheet.css?v=20230525" />
      <script src="/xspread/xspreadsheet.js?v=20230525"></script>
      -->
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gridjs-spreadsheet",
-  "version": "25.3.0",
+  "version": "25.4.0",
   "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.",
   "types": "index.d.ts",
   "main": "xspreadsheet.js",

package/readme.md

@@ -163,14 +163,42 @@ const s = new Spreadsheet("#gridjs-demo")
 
 ## Bind events
 ```javascript
-//single selection
+// single selection
 xs.on('cell-selected', (cell, ri, ci) => {});
-//range selection
+// range selection
 xs.on('cells-selected', (cell, { sri, sci, eri, eci }) => {});
-//shape/image selection
+// shape/image selection
 xs.on('object-selected', (obj) => {  console.log('obj id:', obj.id, ', type: ', obj.type); })
 // edited on cell
 xs.on('cell-edited', (text, ri, ci) => {});
+// cells updated
+xs.on('cells-updated', (name, cells) => {
+    console.log('cells updated for sheet name:', name);
+    cells.forEach((acell, index, array) => {
+        console.log('acell got updated:', acell);
+    })
+})
+// cells deleted
+xs.on('cells-deleted', (range) => {
+    console.log('cells deleted :', range);
+})
+// rows deleted
+xs.on('rows-deleted', (ri, n) => {
+    console.log('rows-deleted :', ri, ",size", n);
+})
+// columns deleted
+xs.on('columns-deleted', (ci, n) => {
+    console.log('columns-deleted :', ci, ",size", n);
+})
+// rows inserted
+xs.on('rows-inserted', (ri, n) => {
+    console.log('rows-inserted :', ri, ",size", n);
+})
+// columns inserted
+xs.on('columns-inserted', (ci, n) => {
+    console.log('columns-inserted :', ci, ",size", n);
+})
+
 ```
 
 ## update cell-text
@@ -196,6 +224,7 @@ xs.cellStyle(ri, ci);
   - Paint format
   - Clear format
   - Format
+  - Number Format
   - Font/Font size/ bold/italic/Underline/Strike
   - Highlight
   - Shape/Image resize/rotate/position ajustment
@@ -226,6 +255,7 @@ xs.cellStyle(ri, ci);
   - Insert/Delete form controls
   - Insert/Delete common shapes for autoshape
   - Support display two colors gradient in fill effects 
+  - Mobile compatibility
 
 
 ## Github-Demos
@@ -283,12 +313,26 @@ v25.1:
 
 - support copy/paste from MS-Excel
 
+v25.2: 
+
+- support copy/paste from MS-Excel
+- enhancement for automatic operations for user’s convenience, such as extending blank row/column, page scrolling, …
+
+v25.3: 
+
+- support more shotcut keys 
+- support pasting the content copied from excel to multiple target areas
+
+v25.4: 
+
+- support show statistics information in the lower right corner when cells are selected
+
 ## License
 
 MIT
 
 ## Support
 
-You can ask any question or request features using the [Forum](https://forum.aspose.com/c/cells).
+You can ask any question or request features or report bugs using the [Forum](https://forum.aspose.com/c/cells).
 
 [Product Page](https://products.aspose.com/cells) | [Product Documentation](https://docs.aspose.com/cells/net/aspose-cells-gridjs/) | [Blog](https://blog.aspose.com/category/cells/) |[API Reference](https://reference.aspose.com/cells/net/aspose.cells.gridjs/) | [Source Code Samples](https://github.com/aspose-cells/Aspose.Cells-for-.NET/tree/master/Examples_GridJs) | [Free Support](https://forum.aspose.com/c/cells)  

package/xspreadsheet.css

@@ -656,6 +656,8 @@ body {
 .x-spreadsheet-bottombar {
   position: relative;
   border-top: 1px solid #e0e2e4;
+  display: flex;
+  justify-content: space-between;
 }
 .x-spreadsheet-bottombar .x-spreadsheet-menu > li {
   line-height: 40px;
@@ -665,6 +667,24 @@ body {
   vertical-align: middle;
   border-right: 1px solid #e8eaed;
 }
+.x-spreadsheet-bottombar .x-spreadsheet-stats {
+  border-left: 1px solid #e0e2e4;
+  padding: 0 10px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  color: #666;
+  font-size: 12px;
+  overflow: hidden;
+}
+.x-spreadsheet-bottombar .x-spreadsheet-stat-item {
+  margin-right: 12px;
+  white-space: nowrap;
+}
+.x-spreadsheet-bottombar [class^="x-spreadsheet-stat-value-"] {
+  font-weight: bold;
+  color: #333;
+}
 .x-spreadsheet-menu {
   list-style: none;
   margin: 0;
@@ -1835,6 +1855,34 @@ input[type=number]::-webkit-outer-spin-button {
   border-top: none;
   flex: 1;
 }
+.x-spreadsheet-selector-dropdown-button {
+  position: absolute;
+  width: 24px;
+  height: 18px;
+  background-color: rgba(224, 224, 224, 0.32);
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  transition: background-color 0.2s;
+  z-index: 1000;
+}
+.x-spreadsheet-hover-highlight {
+  background-color: rgba(75, 137, 255, 0.1);
+  position: absolute;
+}
+.x-spreadsheet-selector-dropdown-button:hover {
+  background-color: #d5d5d5;
+}
+.x-spreadsheet-selector-dropdown-button::after {
+  content: '';
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 6px solid #777;
+}
 .x-spreadsheet-bar-label {
   flex: 0 0 auto;
   display: inline-block;