gridjs-spreadsheet 25.2.0 → 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.
- package/example/Dockerfile +12 -35
- package/example/README.md +27 -1
- package/example/pom.xml +2 -2
- package/example/src/main/resources/application.properties +7 -3
- package/example/src/main/resources/static/xspread/555f60323063f2b68b6eac7ce9c45b19.svg +88 -0
- package/example/src/main/resources/static/xspread/a3b683289420fd8ec937908397907279.svg +907 -0
- package/example/src/main/resources/templates/fileFromUpload.html +18 -17
- package/example/src/main/resources/templates/index.html +1 -1
- package/package.json +1 -1
- package/readme.md +4 -34
- package/xspreadsheet.js +1 -1
- package/example/src/main/resources/static/xspread/content/img/20130527034914143.gif +0 -0
- package/example/src/main/resources/static/xspread/content/img/20130527034914229.gif +0 -0
- package/example/src/main/resources/static/xspread/content/img/20130527034916363.gif +0 -0
- package/example/src/main/resources/static/xspread/content/img/20130527034917946.gif +0 -0
- package/example/src/main/resources/static/xspread/content/img/20130527034918372.gif +0 -0
- package/example/src/main/resources/static/xspread/content/img/testupdating1.png +0 -0
- package/example/wb/SampleFile2.xlsx +0 -0
- package/preview.gif +0 -0
|
@@ -5,23 +5,24 @@
|
|
|
5
5
|
<meta name="viewport" content="width=device-width" />
|
|
6
6
|
<title>gridjs-web-demo</title>
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
<style>
|
|
9
|
+
::-webkit-scrollbar, ::-webkit-scrollbar-button {
|
|
10
|
+
width: 8px;
|
|
11
|
+
height: 8px;
|
|
12
|
+
}
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
::-webkit-scrollbar-track {
|
|
15
|
+
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
16
|
+
border-radius: 10px;
|
|
17
|
+
background-color: #FFF;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
::-webkit-scrollbar-thumb {
|
|
21
|
+
border-radius: 10px;
|
|
22
|
+
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
|
|
23
|
+
background-color: #AAA;
|
|
24
|
+
}
|
|
19
25
|
|
|
20
|
-
::-webkit-scrollbar-thumb {
|
|
21
|
-
border-radius: 10px;
|
|
22
|
-
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
|
|
23
|
-
background-color: #AAA;
|
|
24
|
-
}
|
|
25
26
|
html, body {
|
|
26
27
|
margin: 0;
|
|
27
28
|
padding: 0;
|
|
@@ -42,8 +43,8 @@ html, body {
|
|
|
42
43
|
height: 100%;
|
|
43
44
|
object-fit: contain; /* 对于图像或视频很有用 */
|
|
44
45
|
}
|
|
45
|
-
|
|
46
|
-
|
|
46
|
+
</style>
|
|
47
|
+
<!--<link rel="stylesheet" href="./quantumui.min.22.5.5.2.css?v=20220312" />-->
|
|
47
48
|
<link rel="stylesheet" href="/xspread/bootstrap.min.22.5.5.2.css?v=20220315" />
|
|
48
49
|
<script src="/xspread/jquery-2.1.1.js"></script>
|
|
49
50
|
<link rel="stylesheet" href="/xspread/jquery-ui.min.css" />
|
|
@@ -52,7 +52,7 @@ html, body {
|
|
|
52
52
|
<!-- <script src="vconsole.min.js"></script> -->
|
|
53
53
|
<!--for local reference-->
|
|
54
54
|
<!--
|
|
55
|
-
|
|
55
|
+
<link rel="stylesheet" href="/xspread/xspreadsheet.css?v=20230525" />
|
|
56
56
|
<script src="/xspread/xspreadsheet.js?v=20230525"></script>
|
|
57
57
|
-->
|
|
58
58
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "gridjs-spreadsheet",
|
|
3
|
-
"version": "25.
|
|
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
|
@@ -163,42 +163,14 @@ const s = new Spreadsheet("#gridjs-demo")
|
|
|
163
163
|
|
|
164
164
|
## Bind events
|
|
165
165
|
```javascript
|
|
166
|
-
//
|
|
166
|
+
//single selection
|
|
167
167
|
xs.on('cell-selected', (cell, ri, ci) => {});
|
|
168
|
-
//
|
|
168
|
+
//range selection
|
|
169
169
|
xs.on('cells-selected', (cell, { sri, sci, eri, eci }) => {});
|
|
170
|
-
//
|
|
170
|
+
//shape/image selection
|
|
171
171
|
xs.on('object-selected', (obj) => { console.log('obj id:', obj.id, ', type: ', obj.type); })
|
|
172
172
|
// edited on cell
|
|
173
173
|
xs.on('cell-edited', (text, ri, ci) => {});
|
|
174
|
-
// cells updated
|
|
175
|
-
xs.on('cells-updated', (name, cells) => {
|
|
176
|
-
console.log('cells updated for sheet name:', name);
|
|
177
|
-
cells.forEach((acell, index, array) => {
|
|
178
|
-
console.log('acell got updated:', acell);
|
|
179
|
-
})
|
|
180
|
-
})
|
|
181
|
-
// cells deleted
|
|
182
|
-
xs.on('cells-deleted', (range) => {
|
|
183
|
-
console.log('cells deleted :', range);
|
|
184
|
-
})
|
|
185
|
-
// rows deleted
|
|
186
|
-
xs.on('rows-deleted', (ri, n) => {
|
|
187
|
-
console.log('rows-deleted :', ri, ",size", n);
|
|
188
|
-
})
|
|
189
|
-
// columns deleted
|
|
190
|
-
xs.on('columns-deleted', (ci, n) => {
|
|
191
|
-
console.log('columns-deleted :', ci, ",size", n);
|
|
192
|
-
})
|
|
193
|
-
// rows inserted
|
|
194
|
-
xs.on('rows-inserted', (ri, n) => {
|
|
195
|
-
console.log('rows-inserted :', ri, ",size", n);
|
|
196
|
-
})
|
|
197
|
-
// columns inserted
|
|
198
|
-
xs.on('columns-inserted', (ci, n) => {
|
|
199
|
-
console.log('columns-inserted :', ci, ",size", n);
|
|
200
|
-
})
|
|
201
|
-
|
|
202
174
|
```
|
|
203
175
|
|
|
204
176
|
## update cell-text
|
|
@@ -224,7 +196,6 @@ xs.cellStyle(ri, ci);
|
|
|
224
196
|
- Paint format
|
|
225
197
|
- Clear format
|
|
226
198
|
- Format
|
|
227
|
-
- Number Format
|
|
228
199
|
- Font/Font size/ bold/italic/Underline/Strike
|
|
229
200
|
- Highlight
|
|
230
201
|
- Shape/Image resize/rotate/position ajustment
|
|
@@ -255,7 +226,6 @@ xs.cellStyle(ri, ci);
|
|
|
255
226
|
- Insert/Delete form controls
|
|
256
227
|
- Insert/Delete common shapes for autoshape
|
|
257
228
|
- Support display two colors gradient in fill effects
|
|
258
|
-
- Mobile compatibility
|
|
259
229
|
|
|
260
230
|
|
|
261
231
|
## Github-Demos
|
|
@@ -319,6 +289,6 @@ MIT
|
|
|
319
289
|
|
|
320
290
|
## Support
|
|
321
291
|
|
|
322
|
-
You can ask any question or request features
|
|
292
|
+
You can ask any question or request features using the [Forum](https://forum.aspose.com/c/cells).
|
|
323
293
|
|
|
324
294
|
[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)
|