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.
@@ -5,23 +5,24 @@
5
5
  <meta name="viewport" content="width=device-width" />
6
6
  <title>gridjs-web-demo</title>
7
7
 
8
- <style>
9
- ::-webkit-scrollbar, ::-webkit-scrollbar-button {
10
- width: 8px;
11
- height: 8px;
12
- }
8
+ <style>
9
+ ::-webkit-scrollbar, ::-webkit-scrollbar-button {
10
+ width: 8px;
11
+ height: 8px;
12
+ }
13
13
 
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
- }
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
- </style>
46
- <!--<link rel="stylesheet" href="./quantumui.min.22.5.5.2.css?v=20220312" />-->
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
- <link rel="stylesheet" href="/xspread/xspreadsheet.css?v=20230525" />
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.2.0",
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
- // single selection
166
+ //single selection
167
167
  xs.on('cell-selected', (cell, ri, ci) => {});
168
- // range selection
168
+ //range selection
169
169
  xs.on('cells-selected', (cell, { sri, sci, eri, eci }) => {});
170
- // shape/image selection
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 or report bugs using the [Forum](https://forum.aspose.com/c/cells).
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)