@jspreadsheet/vue 11.4.3 → 11.4.4

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 (4) hide show
  1. package/README.md +489 -489
  2. package/dist/index.d.ts +27 -27
  3. package/dist/index.js +80 -80
  4. package/package.json +28 -28
package/README.md CHANGED
@@ -1,489 +1,489 @@
1
- <img src='https://jspreadsheet.com/templates/default/img/createapplications.png' height=80% width=80%>
2
-
3
- # Jspreasheet Pro
4
-
5
- [Jspreadsheet](https://jspreadsheet.com/) is an extensive yet light JavaScript library to create web-based applications with spreadsheet-like controls. It boasts a wealth of functionalities that mirror Excel's capabilities. [Jspreadsheet](https://jspreadsheet.com/) is fully compatible with React, [Angular](https://jspreadsheet.com/docs/), [Vue](https://jspreadsheet.com/docs/), [JavaScript](https://jspreadsheet.com/docs/), and [TypeScript](https://jspreadsheet.com/docs/).
6
-
7
- You're welcome to explore Jspreadsheet in your development environment without any charges—no need to worry about the license until you're ready to take to deploy your application.
8
-
9
- The [performance](https://jspreadsheet.com/docs/performance) example will create a table from an array with 100 columns x 50000 rows (five million cells) in less than one second.
10
-
11
- <img src='https://jspreadsheet.com/templates/default/img/performancejss.gif' height=80% width=80%>
12
-
13
- <h2>Features</h2>
14
-
15
- * [Cross worksheets](https://jspreadsheet.com/docs/examples/cross-calculations)
16
-
17
- * [Dropdown](https://jspreadsheet.com/docs/dropdown-and-autocomplete)
18
-
19
- * [Filters](https://jspreadsheet.com/docs/filters)
20
-
21
- * [Data binding](https://jspreadsheet.com/docs/examples/data-binding)
22
-
23
- * [Import from XLSX](https://jspreadsheet.com/products/import-from-xlsx)
24
-
25
- * [Export to XLSX](https://jspreadsheet.com/products/export-to-xlsx)
26
-
27
- * [Validations](https://jspreadsheet.com/products/validations)
28
-
29
- * [Search and replace](https://jspreadsheet.com/products/search)
30
-
31
- * [Comments](https://jspreadsheet.com/products/comments)
32
-
33
- * [Forms](https://jspreadsheet.com/products/forms)
34
-
35
- * [CSV](https://jspreadsheet.com/products/csv-importer)
36
-
37
- * [Charts](https://jspreadsheet.com/products/charts)
38
-
39
- * [Export to PDF](https://jspreadsheet.com/products/export-to-pdf)
40
-
41
- * [Edition bar](https://jspreadsheet.com/products/edition-bar)
42
-
43
- * [Import from Google Sheets](https://jspreadsheet.com/products/import-from-google-sheets)
44
-
45
- * [Defined names](https://jspreadsheet.com/docs/defined-names)
46
-
47
- * [Footers](https://jspreadsheet.com/docs/footers)
48
-
49
- * [Freeze columns](https://jspreadsheet.com/docs/freeze-columns)
50
-
51
- * [Freeze rows](https://jspreadsheet.com/docs/freeze-rows)
52
-
53
- * [Group columns](https://jspreadsheet.com/docs/group-columns)
54
-
55
- * [Group rows](https://jspreadsheet.com/docs/group-rows)
56
-
57
- * [Headers](https://jspreadsheet.com/docs/headers)
58
-
59
- * [Pagination](https://jspreadsheet.com/docs/pagination)
60
-
61
- * [Persistence](https://jspreadsheet.com/docs/persistence)
62
-
63
- * [Rows](https://jspreadsheet.com/docs/rows)
64
-
65
- * [Search](https://jspreadsheet.com/docs/search)
66
-
67
- * [Selection](https://jspreadsheet.com/docs/selection)
68
-
69
- * [Sorting](https://jspreadsheet.com/docs/sorting)
70
-
71
- * [Style](https://jspreadsheet.com/docs/style)
72
-
73
- * [Toolbars](https://jspreadsheet.com/docs/toolbars)
74
-
75
- * [Viewport](https://jspreadsheet.com/docs/viewport)
76
-
77
- * [Editors](https://jspreadsheet.com/docs/editors)
78
-
79
- * [Date and calendar](https://jspreadsheet.com/docs/date)
80
-
81
- * [Events](https://jspreadsheet.com/docs/events)
82
-
83
- * [Plugins](https://jspreadsheet.com/docs/plugins)
84
-
85
- * [Formula picker](https://jspreadsheet.com/docs/formula-picker)
86
-
87
- * [Helpers](https://jspreadsheet.com/docs/helpers)
88
-
89
- * [International](https://jspreadsheet.com/docs/international-settings)
90
-
91
- * [Appearance](https://jspreadsheet.com/docs/appearance)
92
-
93
- * [Themes](https://jspreadsheet.com/docs/themes)
94
-
95
- <br>
96
-
97
- <h2>Get Started</h2>
98
-
99
- Get Started - [JavaScript](https://jspreadsheet.com/docs/getting-started)
100
-
101
- Get Started - [React](https://jspreadsheet.com/docs/react)
102
-
103
- Get Started - [Angular](https://jspreadsheet.com/docs/angular)
104
-
105
- Get Started - [Vue](https://jspreadsheet.com/docs/vue)
106
-
107
- <h2>Try it for free</h2>
108
-
109
- After you create a free account, you will receive specific instructions on how to download and start using Jspreadsheet.
110
- There is no time limit for your evaluation period; you will need a valid license only when you are ready to deploy your applications.
111
-
112
- * [Start Free Trial](https://jspreadsheet.com/me/login?create)
113
-
114
- <h2>Commercial License</h2>
115
-
116
- Excellent documentation, technical support, and the freedom to create a custom solution for your project.
117
- * [Pricing](https://jspreadsheet.com/pricing)
118
-
119
-
120
- <h2>Technical Support</h2>
121
-
122
- * For technical support:
123
- https://github.com/jspreadsheet/pro/issues
124
-
125
-
126
- <h2>Contact us</h2>
127
-
128
- * Support: support@jspreadsheet.com
129
-
130
- * General questions: contact@jspreadsheet.com
131
-
132
-
133
-
134
- ## Tools
135
- - [LemonadeJS Reactive Library](https://lemonadejs.net)
136
-
137
- ## jSuites
138
-
139
- ### Image cropper
140
-
141
- #### Documentation
142
-
143
- * [Getting started](https://jsuites.net/v4/image-cropper)
144
- * [Quick reference](https://jsuites.net/v4/image-cropper/quick-reference)
145
-
146
- #### Examples
147
-
148
- * [Rotate and zoom](https://jsuites.net/v4/image-cropper/rotate-and-zoom)
149
- * [Brightness and contrast](https://jsuites.net/v4/image-cropper/brightness-and-contrast-filters "Brightness and contrast")
150
-
151
- #### Integrations
152
-
153
- * [React integration](https://jsuites.net/v4/image-cropper/react-component)
154
- * [Vue integration](https://jsuites.net/v4/image-cropper/image-cropper-vue-example)
155
- * [Angular integration](https://jsuites.net/v4/image-cropper/image-cropper-angular-example)
156
-
157
- ### Javascript Template
158
-
159
- #### Documentation
160
-
161
- * [Getting started](https://jsuites.net/v4/javascript-template)
162
- * [Quick reference](https://jsuites.net/v4/javascript-template/quick-reference)
163
-
164
- #### Examples
165
-
166
- * [Basic](https://jsuites.net/v4/javascript-template/basic)
167
- * [Pagination and Searching](https://jsuites.net/v4/javascript-template/pagination-and-searching)
168
- * [Methods](https://jsuites.net/v4/javascript-template/methods)
169
- * [Event Handling](https://jsuites.net/v4/javascript-template/event-handling)
170
-
171
- ### JavaScript Organogram
172
-
173
- #### Documentation
174
-
175
- * [Getting started](https://jsuites.net/v4/organogram)
176
- * [Quick Reference](https://jsuites.net/v4/organogram/quick-reference)
177
-
178
- #### Examples
179
-
180
- * [Basic](https://jsuites.net/v4/organogram/basic)
181
- * [Methods](https://jsuites.net/v4/organogram/methods)
182
-
183
- #### Integrations
184
-
185
- * [React organogram](https://jsuites.net/v4/organogram/organogram-with-react)
186
- * [Vue organogram](https://jsuites.net/v4/organogram/organogram-with-vue)
187
- * [Angular organogram](https://jsuites.net/v4/organogram/organogram-with-angular)
188
-
189
- ### Javascript Heatmap
190
-
191
- #### Documentation
192
-
193
- * [Getting started](https://jsuites.net/v4/heatmap)
194
- * [Quick reference](https://jsuites.net/v4/heatmap/quick-reference)
195
-
196
- #### Examples
197
-
198
- * [Basic](https://jsuites.net/v4/heatmap/basic)
199
- * [Colors](https://jsuites.net/v4/heatmap/colors)
200
- * [Title and tooltip](https://jsuites.net/v4/heatmap/title-and-tooltip)
201
-
202
- ### Core features
203
-
204
- #### Core
205
-
206
- * [Ajax requests](https://jsuites.net/v4/core/ajax)
207
- * [Animations](https://jsuites.net/v4/core/animations)
208
- * [Toast](https://jsuites.net/v4/core/javascript-toast)
209
- * [Loading spin](https://jsuites.net/v4/core/loading-spin)
210
- * [Drag and drop](https://jsuites.net/v4/core/js-drag-and-drop)
211
-
212
- #### Helpers
213
-
214
- * [Push to refresh](https://jsuites.net/v4/core/push-to-refresh)
215
- * [Custom scroll](https://jsuites.net/v4/core/scroll)
216
- * [Generic lazy loading](https://jsuites.net/v4/core/lazy-loading)
217
- * [File upload](https://jsuites.net/v4/core/files)
218
-
219
- ### JavaScript Dropdown
220
-
221
- #### Documentation
222
-
223
- * [Getting started](https://jsuites.net/v4/dropdown-and-autocomplete)
224
- * [Quick Reference](https://jsuites.net/v4/dropdown-and-autocomplete/quick-reference)
225
-
226
- #### Examples
227
-
228
- * [Basic](https://jsuites.net/v4/dropdown-and-autocomplete/basic)
229
- * [Multiple options](https://jsuites.net/v4/dropdown-and-autocomplete/multiple)
230
- * [Large sample](https://jsuites.net/v4/dropdown-and-autocomplete/large-sample)
231
- * [Remote search](https://jsuites.net/v4/dropdown-and-autocomplete/remote-search)
232
- * [Add new option](https://jsuites.net/v4/dropdown-and-autocomplete/new-options)
233
- * [Images](https://jsuites.net/v4/dropdown-and-autocomplete/images)
234
- * [Colors](https://jsuites.net/v4/dropdown-and-autocomplete/colors)
235
- * [Countries](https://jsuites.net/v4/dropdown-and-autocomplete/countries)
236
- * [Grouping elements](https://jsuites.net/v4/dropdown-and-autocomplete/grouping-elements)
237
- * [Events](https://jsuites.net/v4/dropdown-and-autocomplete/events)
238
- * [Methods](https://jsuites.net/v4/dropdown-and-autocomplete/methods)
239
- * [Mobile rendering](https://jsuites.net/v4/dropdown-and-autocomplete/mobile)
240
-
241
- #### Integrations
242
-
243
- * [React dropdown](https://jsuites.net/v4/dropdown-and-autocomplete/javascript-dropdown-with-react)
244
- * [Vue dropdown](https://jsuites.net/v4/dropdown-and-autocomplete/javascript-dropdown-with-vue)
245
- * [Angular dropdown](https://jsuites.net/v4/dropdown-and-autocomplete/javascript-dropdown-with-angular)
246
-
247
- ### JavaScript Calendar
248
-
249
- #### Documentation
250
-
251
- * [Getting started](https://jsuites.net/v4/javascript-calendar)
252
- * [Quick Reference](https://jsuites.net/v4/javascript-calendar/quick-reference)
253
-
254
- #### Examples
255
-
256
- * [Basic](https://jsuites.net/v4/javascript-calendar/basic)
257
- * [Time picker](https://jsuites.net/v4/javascript-calendar/time-picker)
258
- * [Year and month picker](https://jsuites.net/v4/javascript-calendar/year-month)
259
- * [Events](https://jsuites.net/v4/javascript-calendar/events)
260
- * [Valid range](https://jsuites.net/v4/javascript-calendar/valid-range)
261
- * [International](https://jsuites.net/v4/javascript-calendar/international)
262
- * [Methods](https://jsuites.net/v4/javascript-calendar/methods)
263
- * [Inline calendar](https://jsuites.net/v4/javascript-calendar/inline)
264
- * [Mobile rendering](https://jsuites.net/v4/javascript-calendar/mobile)
265
-
266
- #### Integrations
267
-
268
- * [React calendar](https://jsuites.net/v4/javascript-calendar/javascript-calendar-with-react)
269
- * [Vue calendar](https://jsuites.net/v4/javascript-calendar/javascript-calendar-with-vue)
270
- * [Angular calendar](https://jsuites.net/v4/javascript-calendar/javascript-calendar-with-angular)
271
-
272
- ### Tags and keywords
273
-
274
- #### Documentation
275
-
276
- * [Getting started](https://jsuites.net/v4/javascript-tags)
277
- * [Quick Reference](https://jsuites.net/v4/javascript-tags/quick-reference)
278
-
279
- #### Examples
280
-
281
- * [Basic](https://jsuites.net/v4/javascript-tags/basic)
282
- * [Suggestions](https://jsuites.net/v4/javascript-tags/remote-search)
283
- * [Events](https://jsuites.net/v4/javascript-tags/events)
284
- * [Validations](https://jsuites.net/v4/javascript-tags/validations)
285
-
286
- #### Integrations
287
-
288
- * [React tags](https://jsuites.net/v4/javascript-tags/javascript-tags-with-react)
289
- * [Vue tags](https://jsuites.net/v4/javascript-tags/javascript-tags-with-vue)
290
- * [Angular tags](https://jsuites.net/v4/javascript-tags/javascript-tags-with-angular)
291
-
292
- ### JavaScript tabs plugin
293
-
294
- #### Documentation
295
-
296
- * [Getting started](https://jsuites.net/v4/javascript-tabs)
297
- * [Quick Reference](https://jsuites.net/v4/javascript-tabs/quick-reference)
298
-
299
- #### Examples
300
-
301
- * [Basic](https://jsuites.net/v4/javascript-tabs/basic)
302
- * [Style](https://jsuites.net/v4/javascript-tabs/style)
303
- * [Headers with icons](https://jsuites.net/v4/javascript-tabs/icons)
304
- * [Remote content](https://jsuites.net/v4/javascript-tabs/remote)
305
- * [Events](https://jsuites.net/v4/javascript-tabs/events)
306
- * [Methods](https://jsuites.net/v4/javascript-tabs/methods)
307
-
308
- ### Color picker plugin
309
-
310
- #### Documentation
311
-
312
- * [Getting started](https://jsuites.net/v4/color-picker)
313
- * [Quick Reference](https://jsuites.net/v4/color-picker/quick-reference)
314
-
315
- #### Examples
316
-
317
- * [Basic](https://jsuites.net/v4/color-picker/basic)
318
- * [Events](https://jsuites.net/v4/color-picker/events)
319
- * [Custom colors](https://jsuites.net/v4/color-picker/custom-colors)
320
- * [Palettes](https://jsuites.net/v4/color-picker/color-palettes)
321
- * [Responsive](https://jsuites.net/v4/color-picker/mobile)
322
-
323
- #### Examples
324
-
325
- * [React color picker](https://jsuites.net/v4/color-picker/javascript-color-picker-with-react)
326
- * [Vue color picker](https://jsuites.net/v4/color-picker/javascript-color-picker-with-vue)
327
- * [Angular color picker](https://jsuites.net/v4/color-picker/javascript-color-picker-with-angular)
328
-
329
- ### Context menu plugin
330
-
331
- #### Documentation
332
-
333
- * [Getting started](https://jsuites.net/v4/contextmenu)
334
- * [Quick Reference](https://jsuites.net/v4/contextmenu/quick-reference)
335
-
336
- #### Examples
337
-
338
- * [Basic](https://jsuites.net/v4/contextmenu/basic)
339
- * [Vanilla example](https://jsuites.net/v4/contextmenu/vanilla)
340
- * [Icons](https://jsuites.net/v4/contextmenu/icons)
341
- * [Submenu](https://jsuites.net/v4/contextmenu/submenu)
342
-
343
- ### Input mask plugin
344
-
345
- #### Documentation
346
-
347
- * [Getting started](https://jsuites.net/v4/javascript-mask)
348
- * [Quick reference](https://jsuites.net/v4/javascript-mask/quick-reference)
349
-
350
- #### Examples
351
-
352
- * [Basic](https://jsuites.net/v4/javascript-mask/basic)
353
- * [Events](https://jsuites.net/v4/javascript-mask/events)
354
- * [Programmatically updates](https://jsuites.net/v4/javascript-mask/programmatically-updates)
355
-
356
- ### JavaScript Modal
357
-
358
- #### Documentation
359
-
360
- * [Getting started](https://jsuites.net/v4/modal)
361
- * [Quick reference](https://jsuites.net/v4/modal/quick-reference)
362
-
363
- #### Examples
364
-
365
- * [Basic](https://jsuites.net/v4/modal/basic)
366
- * [Events](https://jsuites.net/v4/modal/events)
367
- * [React modal](https://jsuites.net/v4/modal/javascript-modal-with-react)
368
-
369
- ### Rich HTML Forms
370
-
371
- #### Documentation
372
-
373
- * [Getting started](https://jsuites.net/v4/rich-form)
374
- * [Quick reference](https://jsuites.net/v4/rich-form/quick-reference)
375
-
376
- #### Examples
377
-
378
- * [Tracking changes](https://jsuites.net/v4/rich-form/tracking-for-form-changes)
379
- * [Updates](https://jsuites.net/v4/rich-form/methods)
380
- * [Validations](https://jsuites.net/v4/rich-form/validations)
381
-
382
- ### JavaScript rating plugin
383
-
384
- #### Documentation
385
-
386
- * [Getting started](https://jsuites.net/v4/rating)
387
- * [Quick reference](https://jsuites.net/v4/rating/quick-reference)
388
-
389
- #### Examples
390
-
391
- * [Events](https://jsuites.net/v4/rating/events)
392
-
393
- #### Integrations
394
-
395
- * [React Rating](https://jsuites.net/v4/rating/javascript-rating-with-react)
396
- * [Vue Rating](https://jsuites.net/v4/rating/javascript-rating-with-vue)
397
- * [Angular Rating](https://jsuites.net/v4/rating/javascript-rating-with-angular)
398
-
399
- ### JavaScript toolbar
400
-
401
- #### Documentation
402
-
403
- * [Getting started](https://jsuites.net/v4/toolbar)
404
- * [Quick reference](https://jsuites.net/v4/toolbar/quick-reference)
405
-
406
- #### Examples
407
-
408
- * [Fontawsome](https://jsuites.net/v4/toolbar/fontawsome)
409
- * [Custom icons](https://jsuites.net/v4/toolbar/custom-icons)
410
-
411
- ### Text editor plugin
412
-
413
- #### Documentation
414
-
415
- * [Getting started](https://jsuites.net/v4/text-editor)
416
- * [Quick reference](https://jsuites.net/v4/text-editor/quick-reference)
417
-
418
- #### Examples
419
-
420
- * [Basic](https://jsuites.net/v4/text-editor/basic)
421
- * [Custom toolbar](https://jsuites.net/v4/text-editor/custom-toolbar)
422
- * [Dropping zone](https://jsuites.net/v4/text-editor/dropping-zone)
423
- * [URL Snippets](https://jsuites.net/v4/text-editor/website-snippet)
424
-
425
- ### Picker plugin
426
-
427
- #### Documentation
428
-
429
- * [Getting started](https://jsuites.net/v4/picker)
430
- * [Quick reference](https://jsuites.net/v4/picker/quick-reference)
431
-
432
- #### Examples
433
-
434
- * [Basic](https://jsuites.net/v4/picker/basic)
435
- * [Stylize options](https://jsuites.net/v4/picker/stylize-options)
436
- * [Static front](https://jsuites.net/v4/picker/static-front)
437
- * [Handle changes](https://jsuites.net/v4/picker/handle-changes)
438
-
439
- #### Integrations
440
-
441
- * [React Picker](https://jsuites.net/v4/picker/picker-with-react)
442
- * [Vue Picker](https://jsuites.net/v4/picker/picker-with-vue)
443
- * [Angular Picker](https://jsuites.net/v4/picker/picker-with-angular)
444
-
445
- ### Image slider plugin
446
-
447
- #### Documentation
448
-
449
- * [Getting started](https://jsuites.net/v4/image-slider)
450
- * [Quick reference](https://jsuites.net/v4/image-slider/quick-reference)
451
-
452
- #### Examples
453
-
454
- * [Basic](https://jsuites.net/v4/image-slider/basic)
455
-
456
- ### All Components
457
-
458
- #### Core
459
-
460
- * [Ajax requests](https://jsuites.net/v4/core/ajax)
461
- * [Animations](https://jsuites.net/v4/core/animations)
462
- * [Toast](https://jsuites.net/v4/core/javascript-toast)
463
- * [Loading spin](https://jsuites.net/v4/core/loading-spin)
464
- * [Drag and drop](https://jsuites.net/v4/core/js-drag-and-drop)
465
-
466
- #### Extensions
467
-
468
- * [Cropper](https://jsuites.net/v4/image-cropper)
469
- * [Template](https://jsuites.net/v4/javascript-template)
470
- * [Organogram](https://jsuites.net/v4/organogram)
471
- * [Heatmap](https://jsuites.net/v4/heatmap)
472
-
473
- #### Components
474
-
475
- * [Calendar](https://jsuites.net/v4/javascript-calendar)
476
- * [Color picker](https://jsuites.net/v4/color-picker)
477
- * [Context menu](https://jsuites.net/v4/contextmenu)
478
- * [Dropdown](https://jsuites.net/v4/dropdown-and-autocomplete)
479
- * [Mask](https://jsuites.net/v4/javascript-mask)
480
- * [Modal](https://jsuites.net/v4/modal)
481
- * [Picker](https://jsuites.net/v4/picker)
482
- * [Rating](https://jsuites.net/v4/rating)
483
- * [Rich forms](https://jsuites.net/v4/rich-form)
484
- * [Richtext](https://jsuites.net/v4/text-editor)
485
- * [Slider](https://jsuites.net/v4/image-slider)
486
- * [Tags](https://jsuites.net/v4/javascript-tags)
487
- * [Tabs](https://jsuites.net/v4/javascript-tabs)
488
- * [Toolbars](https://jsuites.net/v4/toolbar)
489
-
1
+ <img src='https://jspreadsheet.com/templates/default/img/createapplications.png' height=80% width=80%>
2
+
3
+ # Jspreasheet Pro
4
+
5
+ [Jspreadsheet](https://jspreadsheet.com/) is an extensive yet light JavaScript library to create web-based applications with spreadsheet-like controls. It boasts a wealth of functionalities that mirror Excel's capabilities. [Jspreadsheet](https://jspreadsheet.com/) is fully compatible with React, [Angular](https://jspreadsheet.com/docs/), [Vue](https://jspreadsheet.com/docs/), [JavaScript](https://jspreadsheet.com/docs/), and [TypeScript](https://jspreadsheet.com/docs/).
6
+
7
+ You're welcome to explore Jspreadsheet in your development environment without any charges—no need to worry about the license until you're ready to take to deploy your application.
8
+
9
+ The [performance](https://jspreadsheet.com/docs/performance) example will create a table from an array with 100 columns x 50000 rows (five million cells) in less than one second.
10
+
11
+ <img src='https://jspreadsheet.com/templates/default/img/performancejss.gif' height=80% width=80%>
12
+
13
+ <h2>Features</h2>
14
+
15
+ * [Cross worksheets](https://jspreadsheet.com/docs/examples/cross-calculations)
16
+
17
+ * [Dropdown](https://jspreadsheet.com/docs/dropdown-and-autocomplete)
18
+
19
+ * [Filters](https://jspreadsheet.com/docs/filters)
20
+
21
+ * [Data binding](https://jspreadsheet.com/docs/examples/data-binding)
22
+
23
+ * [Import from XLSX](https://jspreadsheet.com/products/import-from-xlsx)
24
+
25
+ * [Export to XLSX](https://jspreadsheet.com/products/export-to-xlsx)
26
+
27
+ * [Validations](https://jspreadsheet.com/products/validations)
28
+
29
+ * [Search and replace](https://jspreadsheet.com/products/search)
30
+
31
+ * [Comments](https://jspreadsheet.com/products/comments)
32
+
33
+ * [Forms](https://jspreadsheet.com/products/forms)
34
+
35
+ * [CSV](https://jspreadsheet.com/products/csv-importer)
36
+
37
+ * [Charts](https://jspreadsheet.com/products/charts)
38
+
39
+ * [Export to PDF](https://jspreadsheet.com/products/export-to-pdf)
40
+
41
+ * [Edition bar](https://jspreadsheet.com/products/edition-bar)
42
+
43
+ * [Import from Google Sheets](https://jspreadsheet.com/products/import-from-google-sheets)
44
+
45
+ * [Defined names](https://jspreadsheet.com/docs/defined-names)
46
+
47
+ * [Footers](https://jspreadsheet.com/docs/footers)
48
+
49
+ * [Freeze columns](https://jspreadsheet.com/docs/freeze-columns)
50
+
51
+ * [Freeze rows](https://jspreadsheet.com/docs/freeze-rows)
52
+
53
+ * [Group columns](https://jspreadsheet.com/docs/group-columns)
54
+
55
+ * [Group rows](https://jspreadsheet.com/docs/group-rows)
56
+
57
+ * [Headers](https://jspreadsheet.com/docs/headers)
58
+
59
+ * [Pagination](https://jspreadsheet.com/docs/pagination)
60
+
61
+ * [Persistence](https://jspreadsheet.com/docs/persistence)
62
+
63
+ * [Rows](https://jspreadsheet.com/docs/rows)
64
+
65
+ * [Search](https://jspreadsheet.com/docs/search)
66
+
67
+ * [Selection](https://jspreadsheet.com/docs/selection)
68
+
69
+ * [Sorting](https://jspreadsheet.com/docs/sorting)
70
+
71
+ * [Style](https://jspreadsheet.com/docs/style)
72
+
73
+ * [Toolbars](https://jspreadsheet.com/docs/toolbars)
74
+
75
+ * [Viewport](https://jspreadsheet.com/docs/viewport)
76
+
77
+ * [Editors](https://jspreadsheet.com/docs/editors)
78
+
79
+ * [Date and calendar](https://jspreadsheet.com/docs/date)
80
+
81
+ * [Events](https://jspreadsheet.com/docs/events)
82
+
83
+ * [Plugins](https://jspreadsheet.com/docs/plugins)
84
+
85
+ * [Formula picker](https://jspreadsheet.com/docs/formula-picker)
86
+
87
+ * [Helpers](https://jspreadsheet.com/docs/helpers)
88
+
89
+ * [International](https://jspreadsheet.com/docs/international-settings)
90
+
91
+ * [Appearance](https://jspreadsheet.com/docs/appearance)
92
+
93
+ * [Themes](https://jspreadsheet.com/docs/themes)
94
+
95
+ <br>
96
+
97
+ <h2>Get Started</h2>
98
+
99
+ Get Started - [JavaScript](https://jspreadsheet.com/docs/getting-started)
100
+
101
+ Get Started - [React](https://jspreadsheet.com/docs/react)
102
+
103
+ Get Started - [Angular](https://jspreadsheet.com/docs/angular)
104
+
105
+ Get Started - [Vue](https://jspreadsheet.com/docs/vue)
106
+
107
+ <h2>Try it for free</h2>
108
+
109
+ After you create a free account, you will receive specific instructions on how to download and start using Jspreadsheet.
110
+ There is no time limit for your evaluation period; you will need a valid license only when you are ready to deploy your applications.
111
+
112
+ * [Start Free Trial](https://jspreadsheet.com/me/login?create)
113
+
114
+ <h2>Commercial License</h2>
115
+
116
+ Excellent documentation, technical support, and the freedom to create a custom solution for your project.
117
+ * [Pricing](https://jspreadsheet.com/pricing)
118
+
119
+
120
+ <h2>Technical Support</h2>
121
+
122
+ * For technical support:
123
+ https://github.com/jspreadsheet/pro/issues
124
+
125
+
126
+ <h2>Contact us</h2>
127
+
128
+ * Support: support@jspreadsheet.com
129
+
130
+ * General questions: contact@jspreadsheet.com
131
+
132
+
133
+
134
+ ## Tools
135
+ - [LemonadeJS Reactive Library](https://lemonadejs.net)
136
+
137
+ ## jSuites
138
+
139
+ ### Image cropper
140
+
141
+ #### Documentation
142
+
143
+ * [Getting started](https://jsuites.net/v4/image-cropper)
144
+ * [Quick reference](https://jsuites.net/v4/image-cropper/quick-reference)
145
+
146
+ #### Examples
147
+
148
+ * [Rotate and zoom](https://jsuites.net/v4/image-cropper/rotate-and-zoom)
149
+ * [Brightness and contrast](https://jsuites.net/v4/image-cropper/brightness-and-contrast-filters "Brightness and contrast")
150
+
151
+ #### Integrations
152
+
153
+ * [React integration](https://jsuites.net/v4/image-cropper/react-component)
154
+ * [Vue integration](https://jsuites.net/v4/image-cropper/image-cropper-vue-example)
155
+ * [Angular integration](https://jsuites.net/v4/image-cropper/image-cropper-angular-example)
156
+
157
+ ### Javascript Template
158
+
159
+ #### Documentation
160
+
161
+ * [Getting started](https://jsuites.net/v4/javascript-template)
162
+ * [Quick reference](https://jsuites.net/v4/javascript-template/quick-reference)
163
+
164
+ #### Examples
165
+
166
+ * [Basic](https://jsuites.net/v4/javascript-template/basic)
167
+ * [Pagination and Searching](https://jsuites.net/v4/javascript-template/pagination-and-searching)
168
+ * [Methods](https://jsuites.net/v4/javascript-template/methods)
169
+ * [Event Handling](https://jsuites.net/v4/javascript-template/event-handling)
170
+
171
+ ### JavaScript Organogram
172
+
173
+ #### Documentation
174
+
175
+ * [Getting started](https://jsuites.net/v4/organogram)
176
+ * [Quick Reference](https://jsuites.net/v4/organogram/quick-reference)
177
+
178
+ #### Examples
179
+
180
+ * [Basic](https://jsuites.net/v4/organogram/basic)
181
+ * [Methods](https://jsuites.net/v4/organogram/methods)
182
+
183
+ #### Integrations
184
+
185
+ * [React organogram](https://jsuites.net/v4/organogram/organogram-with-react)
186
+ * [Vue organogram](https://jsuites.net/v4/organogram/organogram-with-vue)
187
+ * [Angular organogram](https://jsuites.net/v4/organogram/organogram-with-angular)
188
+
189
+ ### Javascript Heatmap
190
+
191
+ #### Documentation
192
+
193
+ * [Getting started](https://jsuites.net/v4/heatmap)
194
+ * [Quick reference](https://jsuites.net/v4/heatmap/quick-reference)
195
+
196
+ #### Examples
197
+
198
+ * [Basic](https://jsuites.net/v4/heatmap/basic)
199
+ * [Colors](https://jsuites.net/v4/heatmap/colors)
200
+ * [Title and tooltip](https://jsuites.net/v4/heatmap/title-and-tooltip)
201
+
202
+ ### Core features
203
+
204
+ #### Core
205
+
206
+ * [Ajax requests](https://jsuites.net/v4/core/ajax)
207
+ * [Animations](https://jsuites.net/v4/core/animations)
208
+ * [Toast](https://jsuites.net/v4/core/javascript-toast)
209
+ * [Loading spin](https://jsuites.net/v4/core/loading-spin)
210
+ * [Drag and drop](https://jsuites.net/v4/core/js-drag-and-drop)
211
+
212
+ #### Helpers
213
+
214
+ * [Push to refresh](https://jsuites.net/v4/core/push-to-refresh)
215
+ * [Custom scroll](https://jsuites.net/v4/core/scroll)
216
+ * [Generic lazy loading](https://jsuites.net/v4/core/lazy-loading)
217
+ * [File upload](https://jsuites.net/v4/core/files)
218
+
219
+ ### JavaScript Dropdown
220
+
221
+ #### Documentation
222
+
223
+ * [Getting started](https://jsuites.net/v4/dropdown-and-autocomplete)
224
+ * [Quick Reference](https://jsuites.net/v4/dropdown-and-autocomplete/quick-reference)
225
+
226
+ #### Examples
227
+
228
+ * [Basic](https://jsuites.net/v4/dropdown-and-autocomplete/basic)
229
+ * [Multiple options](https://jsuites.net/v4/dropdown-and-autocomplete/multiple)
230
+ * [Large sample](https://jsuites.net/v4/dropdown-and-autocomplete/large-sample)
231
+ * [Remote search](https://jsuites.net/v4/dropdown-and-autocomplete/remote-search)
232
+ * [Add new option](https://jsuites.net/v4/dropdown-and-autocomplete/new-options)
233
+ * [Images](https://jsuites.net/v4/dropdown-and-autocomplete/images)
234
+ * [Colors](https://jsuites.net/v4/dropdown-and-autocomplete/colors)
235
+ * [Countries](https://jsuites.net/v4/dropdown-and-autocomplete/countries)
236
+ * [Grouping elements](https://jsuites.net/v4/dropdown-and-autocomplete/grouping-elements)
237
+ * [Events](https://jsuites.net/v4/dropdown-and-autocomplete/events)
238
+ * [Methods](https://jsuites.net/v4/dropdown-and-autocomplete/methods)
239
+ * [Mobile rendering](https://jsuites.net/v4/dropdown-and-autocomplete/mobile)
240
+
241
+ #### Integrations
242
+
243
+ * [React dropdown](https://jsuites.net/v4/dropdown-and-autocomplete/javascript-dropdown-with-react)
244
+ * [Vue dropdown](https://jsuites.net/v4/dropdown-and-autocomplete/javascript-dropdown-with-vue)
245
+ * [Angular dropdown](https://jsuites.net/v4/dropdown-and-autocomplete/javascript-dropdown-with-angular)
246
+
247
+ ### JavaScript Calendar
248
+
249
+ #### Documentation
250
+
251
+ * [Getting started](https://jsuites.net/v4/javascript-calendar)
252
+ * [Quick Reference](https://jsuites.net/v4/javascript-calendar/quick-reference)
253
+
254
+ #### Examples
255
+
256
+ * [Basic](https://jsuites.net/v4/javascript-calendar/basic)
257
+ * [Time picker](https://jsuites.net/v4/javascript-calendar/time-picker)
258
+ * [Year and month picker](https://jsuites.net/v4/javascript-calendar/year-month)
259
+ * [Events](https://jsuites.net/v4/javascript-calendar/events)
260
+ * [Valid range](https://jsuites.net/v4/javascript-calendar/valid-range)
261
+ * [International](https://jsuites.net/v4/javascript-calendar/international)
262
+ * [Methods](https://jsuites.net/v4/javascript-calendar/methods)
263
+ * [Inline calendar](https://jsuites.net/v4/javascript-calendar/inline)
264
+ * [Mobile rendering](https://jsuites.net/v4/javascript-calendar/mobile)
265
+
266
+ #### Integrations
267
+
268
+ * [React calendar](https://jsuites.net/v4/javascript-calendar/javascript-calendar-with-react)
269
+ * [Vue calendar](https://jsuites.net/v4/javascript-calendar/javascript-calendar-with-vue)
270
+ * [Angular calendar](https://jsuites.net/v4/javascript-calendar/javascript-calendar-with-angular)
271
+
272
+ ### Tags and keywords
273
+
274
+ #### Documentation
275
+
276
+ * [Getting started](https://jsuites.net/v4/javascript-tags)
277
+ * [Quick Reference](https://jsuites.net/v4/javascript-tags/quick-reference)
278
+
279
+ #### Examples
280
+
281
+ * [Basic](https://jsuites.net/v4/javascript-tags/basic)
282
+ * [Suggestions](https://jsuites.net/v4/javascript-tags/remote-search)
283
+ * [Events](https://jsuites.net/v4/javascript-tags/events)
284
+ * [Validations](https://jsuites.net/v4/javascript-tags/validations)
285
+
286
+ #### Integrations
287
+
288
+ * [React tags](https://jsuites.net/v4/javascript-tags/javascript-tags-with-react)
289
+ * [Vue tags](https://jsuites.net/v4/javascript-tags/javascript-tags-with-vue)
290
+ * [Angular tags](https://jsuites.net/v4/javascript-tags/javascript-tags-with-angular)
291
+
292
+ ### JavaScript tabs plugin
293
+
294
+ #### Documentation
295
+
296
+ * [Getting started](https://jsuites.net/v4/javascript-tabs)
297
+ * [Quick Reference](https://jsuites.net/v4/javascript-tabs/quick-reference)
298
+
299
+ #### Examples
300
+
301
+ * [Basic](https://jsuites.net/v4/javascript-tabs/basic)
302
+ * [Style](https://jsuites.net/v4/javascript-tabs/style)
303
+ * [Headers with icons](https://jsuites.net/v4/javascript-tabs/icons)
304
+ * [Remote content](https://jsuites.net/v4/javascript-tabs/remote)
305
+ * [Events](https://jsuites.net/v4/javascript-tabs/events)
306
+ * [Methods](https://jsuites.net/v4/javascript-tabs/methods)
307
+
308
+ ### Color picker plugin
309
+
310
+ #### Documentation
311
+
312
+ * [Getting started](https://jsuites.net/v4/color-picker)
313
+ * [Quick Reference](https://jsuites.net/v4/color-picker/quick-reference)
314
+
315
+ #### Examples
316
+
317
+ * [Basic](https://jsuites.net/v4/color-picker/basic)
318
+ * [Events](https://jsuites.net/v4/color-picker/events)
319
+ * [Custom colors](https://jsuites.net/v4/color-picker/custom-colors)
320
+ * [Palettes](https://jsuites.net/v4/color-picker/color-palettes)
321
+ * [Responsive](https://jsuites.net/v4/color-picker/mobile)
322
+
323
+ #### Examples
324
+
325
+ * [React color picker](https://jsuites.net/v4/color-picker/javascript-color-picker-with-react)
326
+ * [Vue color picker](https://jsuites.net/v4/color-picker/javascript-color-picker-with-vue)
327
+ * [Angular color picker](https://jsuites.net/v4/color-picker/javascript-color-picker-with-angular)
328
+
329
+ ### Context menu plugin
330
+
331
+ #### Documentation
332
+
333
+ * [Getting started](https://jsuites.net/v4/contextmenu)
334
+ * [Quick Reference](https://jsuites.net/v4/contextmenu/quick-reference)
335
+
336
+ #### Examples
337
+
338
+ * [Basic](https://jsuites.net/v4/contextmenu/basic)
339
+ * [Vanilla example](https://jsuites.net/v4/contextmenu/vanilla)
340
+ * [Icons](https://jsuites.net/v4/contextmenu/icons)
341
+ * [Submenu](https://jsuites.net/v4/contextmenu/submenu)
342
+
343
+ ### Input mask plugin
344
+
345
+ #### Documentation
346
+
347
+ * [Getting started](https://jsuites.net/v4/javascript-mask)
348
+ * [Quick reference](https://jsuites.net/v4/javascript-mask/quick-reference)
349
+
350
+ #### Examples
351
+
352
+ * [Basic](https://jsuites.net/v4/javascript-mask/basic)
353
+ * [Events](https://jsuites.net/v4/javascript-mask/events)
354
+ * [Programmatically updates](https://jsuites.net/v4/javascript-mask/programmatically-updates)
355
+
356
+ ### JavaScript Modal
357
+
358
+ #### Documentation
359
+
360
+ * [Getting started](https://jsuites.net/v4/modal)
361
+ * [Quick reference](https://jsuites.net/v4/modal/quick-reference)
362
+
363
+ #### Examples
364
+
365
+ * [Basic](https://jsuites.net/v4/modal/basic)
366
+ * [Events](https://jsuites.net/v4/modal/events)
367
+ * [React modal](https://jsuites.net/v4/modal/javascript-modal-with-react)
368
+
369
+ ### Rich HTML Forms
370
+
371
+ #### Documentation
372
+
373
+ * [Getting started](https://jsuites.net/v4/rich-form)
374
+ * [Quick reference](https://jsuites.net/v4/rich-form/quick-reference)
375
+
376
+ #### Examples
377
+
378
+ * [Tracking changes](https://jsuites.net/v4/rich-form/tracking-for-form-changes)
379
+ * [Updates](https://jsuites.net/v4/rich-form/methods)
380
+ * [Validations](https://jsuites.net/v4/rich-form/validations)
381
+
382
+ ### JavaScript rating plugin
383
+
384
+ #### Documentation
385
+
386
+ * [Getting started](https://jsuites.net/v4/rating)
387
+ * [Quick reference](https://jsuites.net/v4/rating/quick-reference)
388
+
389
+ #### Examples
390
+
391
+ * [Events](https://jsuites.net/v4/rating/events)
392
+
393
+ #### Integrations
394
+
395
+ * [React Rating](https://jsuites.net/v4/rating/javascript-rating-with-react)
396
+ * [Vue Rating](https://jsuites.net/v4/rating/javascript-rating-with-vue)
397
+ * [Angular Rating](https://jsuites.net/v4/rating/javascript-rating-with-angular)
398
+
399
+ ### JavaScript toolbar
400
+
401
+ #### Documentation
402
+
403
+ * [Getting started](https://jsuites.net/v4/toolbar)
404
+ * [Quick reference](https://jsuites.net/v4/toolbar/quick-reference)
405
+
406
+ #### Examples
407
+
408
+ * [Fontawsome](https://jsuites.net/v4/toolbar/fontawsome)
409
+ * [Custom icons](https://jsuites.net/v4/toolbar/custom-icons)
410
+
411
+ ### Text editor plugin
412
+
413
+ #### Documentation
414
+
415
+ * [Getting started](https://jsuites.net/v4/text-editor)
416
+ * [Quick reference](https://jsuites.net/v4/text-editor/quick-reference)
417
+
418
+ #### Examples
419
+
420
+ * [Basic](https://jsuites.net/v4/text-editor/basic)
421
+ * [Custom toolbar](https://jsuites.net/v4/text-editor/custom-toolbar)
422
+ * [Dropping zone](https://jsuites.net/v4/text-editor/dropping-zone)
423
+ * [URL Snippets](https://jsuites.net/v4/text-editor/website-snippet)
424
+
425
+ ### Picker plugin
426
+
427
+ #### Documentation
428
+
429
+ * [Getting started](https://jsuites.net/v4/picker)
430
+ * [Quick reference](https://jsuites.net/v4/picker/quick-reference)
431
+
432
+ #### Examples
433
+
434
+ * [Basic](https://jsuites.net/v4/picker/basic)
435
+ * [Stylize options](https://jsuites.net/v4/picker/stylize-options)
436
+ * [Static front](https://jsuites.net/v4/picker/static-front)
437
+ * [Handle changes](https://jsuites.net/v4/picker/handle-changes)
438
+
439
+ #### Integrations
440
+
441
+ * [React Picker](https://jsuites.net/v4/picker/picker-with-react)
442
+ * [Vue Picker](https://jsuites.net/v4/picker/picker-with-vue)
443
+ * [Angular Picker](https://jsuites.net/v4/picker/picker-with-angular)
444
+
445
+ ### Image slider plugin
446
+
447
+ #### Documentation
448
+
449
+ * [Getting started](https://jsuites.net/v4/image-slider)
450
+ * [Quick reference](https://jsuites.net/v4/image-slider/quick-reference)
451
+
452
+ #### Examples
453
+
454
+ * [Basic](https://jsuites.net/v4/image-slider/basic)
455
+
456
+ ### All Components
457
+
458
+ #### Core
459
+
460
+ * [Ajax requests](https://jsuites.net/v4/core/ajax)
461
+ * [Animations](https://jsuites.net/v4/core/animations)
462
+ * [Toast](https://jsuites.net/v4/core/javascript-toast)
463
+ * [Loading spin](https://jsuites.net/v4/core/loading-spin)
464
+ * [Drag and drop](https://jsuites.net/v4/core/js-drag-and-drop)
465
+
466
+ #### Extensions
467
+
468
+ * [Cropper](https://jsuites.net/v4/image-cropper)
469
+ * [Template](https://jsuites.net/v4/javascript-template)
470
+ * [Organogram](https://jsuites.net/v4/organogram)
471
+ * [Heatmap](https://jsuites.net/v4/heatmap)
472
+
473
+ #### Components
474
+
475
+ * [Calendar](https://jsuites.net/v4/javascript-calendar)
476
+ * [Color picker](https://jsuites.net/v4/color-picker)
477
+ * [Context menu](https://jsuites.net/v4/contextmenu)
478
+ * [Dropdown](https://jsuites.net/v4/dropdown-and-autocomplete)
479
+ * [Mask](https://jsuites.net/v4/javascript-mask)
480
+ * [Modal](https://jsuites.net/v4/modal)
481
+ * [Picker](https://jsuites.net/v4/picker)
482
+ * [Rating](https://jsuites.net/v4/rating)
483
+ * [Rich forms](https://jsuites.net/v4/rich-form)
484
+ * [Richtext](https://jsuites.net/v4/text-editor)
485
+ * [Slider](https://jsuites.net/v4/image-slider)
486
+ * [Tags](https://jsuites.net/v4/javascript-tags)
487
+ * [Tabs](https://jsuites.net/v4/javascript-tabs)
488
+ * [Toolbars](https://jsuites.net/v4/toolbar)
489
+
package/dist/index.d.ts CHANGED
@@ -1,28 +1,28 @@
1
- /**
2
- * Official Type definitions for Jspreadsheet React
3
- * https://jspreadsheet.com/v10/docs/react
4
- * Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
5
- */
6
-
7
- interface Spreadsheet {
8
- (): any
9
- [key: string]: any
10
- }
11
-
12
- interface Worksheet {
13
- (): any
14
- [key: string]: any
15
- }
16
-
17
- interface Picker {
18
- (): any
19
- [key: string]: any
20
- }
21
-
22
- declare function Spreadsheet<Spreadsheet>(props: Spreadsheet): any;
23
- declare function Worksheet<Worksheet>(props: Worksheet): any;
24
- declare function Picker <Picker>(props: Picker): any;
25
-
26
- import jspreadsheet from "jspreadsheet";
27
-
1
+ /**
2
+ * Official Type definitions for Jspreadsheet React
3
+ * https://jspreadsheet.com/v10/docs/react
4
+ * Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
5
+ */
6
+
7
+ interface Spreadsheet {
8
+ (): any
9
+ [key: string]: any
10
+ }
11
+
12
+ interface Worksheet {
13
+ (): any
14
+ [key: string]: any
15
+ }
16
+
17
+ interface Picker {
18
+ (): any
19
+ [key: string]: any
20
+ }
21
+
22
+ declare function Spreadsheet<Spreadsheet>(props: Spreadsheet): any;
23
+ declare function Worksheet<Worksheet>(props: Worksheet): any;
24
+ declare function Picker <Picker>(props: Picker): any;
25
+
26
+ import jspreadsheet from "jspreadsheet";
27
+
28
28
  export { Spreadsheet, Worksheet, Picker, jspreadsheet };
package/dist/index.js CHANGED
@@ -1,81 +1,81 @@
1
- import { h, getCurrentInstance } from 'vue';
2
- import jss from "jspreadsheet";
3
-
4
- export const Worksheet = {
5
- name: 'Worksheet',
6
- }
7
-
8
- export const Spreadsheet = {
9
- inheritAttrs: false,
10
- mounted() {
11
- const { attrs, slots } = getCurrentInstance();
12
-
13
- let options = {
14
- ...attrs
15
- };
16
- if (slots && typeof(slots.default) === 'function') {
17
- options.worksheets = slots.default().reduce((acc, vnode) => {
18
- if (vnode.type.name === "Worksheet") {
19
- acc.push({
20
- minDimensions: [4, 4],
21
- ...vnode.props
22
- });
23
- }
24
- return acc;
25
- }, []);
26
- } else {
27
- if (attrs.worksheets) {
28
- options.worksheets = attrs.worksheets;
29
- }
30
- }
31
-
32
- if (attrs.license) {
33
- jss.setLicense(attrs.license);
34
- }
35
- if (attrs.extensions) {
36
- jss.setExtensions(attrs.extensions);
37
- }
38
- if (attrs.id) {
39
- this.$refs.container.id = attrs.id;
40
- }
41
-
42
- this.el = this.$refs.container;
43
-
44
- this.current = jss(this.$refs.container, options);
45
- },
46
- setup() {
47
- let containerProps = {
48
- ref: 'container'
49
- };
50
- return () => h('div', containerProps);
51
- }
52
- }
53
-
54
- export let jspreadsheet = jss;
55
-
56
- export const Picker = {
57
- inheritAttrs: false,
58
- mounted() {
59
- const { attrs } = getCurrentInstance();
60
-
61
- let options = {
62
- ...attrs
63
- };
64
-
65
- if (typeof(options.id) !== 'undefined') {
66
- attrs.id = options.id;
67
- }
68
-
69
- this.el = this.$refs.container;
70
-
71
- this.current = jss.picker(this.$refs.container, options);
72
- },
73
- setup() {
74
- let containerProps = {
75
- ref: 'container'
76
- };
77
- return () => h('div', containerProps);
78
- }
79
- }
80
-
1
+ import { h, getCurrentInstance } from 'vue';
2
+ import jss from "jspreadsheet";
3
+
4
+ export const Worksheet = {
5
+ name: 'Worksheet',
6
+ }
7
+
8
+ export const Spreadsheet = {
9
+ inheritAttrs: false,
10
+ mounted() {
11
+ const { attrs, slots } = getCurrentInstance();
12
+
13
+ let options = {
14
+ ...attrs
15
+ };
16
+ if (slots && typeof(slots.default) === 'function') {
17
+ options.worksheets = slots.default().reduce((acc, vnode) => {
18
+ if (vnode.type.name === "Worksheet") {
19
+ acc.push({
20
+ minDimensions: [4, 4],
21
+ ...vnode.props
22
+ });
23
+ }
24
+ return acc;
25
+ }, []);
26
+ } else {
27
+ if (attrs.worksheets) {
28
+ options.worksheets = attrs.worksheets;
29
+ }
30
+ }
31
+
32
+ if (attrs.license) {
33
+ jss.setLicense(attrs.license);
34
+ }
35
+ if (attrs.extensions) {
36
+ jss.setExtensions(attrs.extensions);
37
+ }
38
+ if (attrs.id) {
39
+ this.$refs.container.id = attrs.id;
40
+ }
41
+
42
+ this.el = this.$refs.container;
43
+
44
+ this.current = jss(this.$refs.container, options);
45
+ },
46
+ setup() {
47
+ let containerProps = {
48
+ ref: 'container'
49
+ };
50
+ return () => h('div', containerProps);
51
+ }
52
+ }
53
+
54
+ export let jspreadsheet = jss;
55
+
56
+ export const Picker = {
57
+ inheritAttrs: false,
58
+ mounted() {
59
+ const { attrs } = getCurrentInstance();
60
+
61
+ let options = {
62
+ ...attrs
63
+ };
64
+
65
+ if (typeof(options.id) !== 'undefined') {
66
+ attrs.id = options.id;
67
+ }
68
+
69
+ this.el = this.$refs.container;
70
+
71
+ this.current = jss.picker(this.$refs.container, options);
72
+ },
73
+ setup() {
74
+ let containerProps = {
75
+ ref: 'container'
76
+ };
77
+ return () => h('div', containerProps);
78
+ }
79
+ }
80
+
81
81
  export default { Worksheet, Spreadsheet, jspreadsheet };
package/package.json CHANGED
@@ -1,28 +1,28 @@
1
- {
2
- "name": "@jspreadsheet/vue",
3
- "title": "Jspreadsheet Pro Vue Wrapper",
4
- "description": "Jspreadsheet is a lightweight, vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.",
5
- "author": {
6
- "name": "Contact <contact@jspreadsheet.com>",
7
- "url": "https://jspreadsheet.com/v9"
8
- },
9
- "keywords": [
10
- "spreadsheet",
11
- "spreadsheets",
12
- "tables",
13
- "table",
14
- "excel",
15
- "grid",
16
- "grid-editor",
17
- "data-table",
18
- "data-grid",
19
- "data-spreadsheet",
20
- "vue"
21
- ],
22
- "dependencies": {
23
- "jspreadsheet": "^11.4.3"
24
- },
25
- "main": "dist/index.js",
26
- "types": "dist/index.d.ts",
27
- "version": "11.4.3"
28
- }
1
+ {
2
+ "name": "@jspreadsheet/vue",
3
+ "title": "Jspreadsheet Pro Vue Wrapper",
4
+ "description": "Jspreadsheet is a lightweight, vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.",
5
+ "author": {
6
+ "name": "Contact <contact@jspreadsheet.com>",
7
+ "url": "https://jspreadsheet.com/v9"
8
+ },
9
+ "keywords": [
10
+ "spreadsheet",
11
+ "spreadsheets",
12
+ "tables",
13
+ "table",
14
+ "excel",
15
+ "grid",
16
+ "grid-editor",
17
+ "data-table",
18
+ "data-grid",
19
+ "data-spreadsheet",
20
+ "vue"
21
+ ],
22
+ "dependencies": {
23
+ "jspreadsheet": "^11.4.4"
24
+ },
25
+ "main": "dist/index.js",
26
+ "types": "dist/index.d.ts",
27
+ "version": "11.4.4"
28
+ }