@handsontable/vue 11.0.1 → 12.0.1
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/BaseEditorComponent.vue.d.ts +1 -0
- package/README.md +11 -11
- package/commonjs/vue-handsontable.js +38 -39
- package/dist/vue-handsontable.js +39 -40
- package/dist/vue-handsontable.js.map +1 -1
- package/dist/vue-handsontable.min.js +2 -2
- package/dist/vue-handsontable.min.js.map +1 -1
- package/es/vue-handsontable.js +38 -39
- package/package.json +9 -3
|
@@ -35,6 +35,7 @@ declare class BaseEditorComponent extends Vue implements Handsontable.editors.Ba
|
|
|
35
35
|
removeHooksByKey(...args: any[]): any;
|
|
36
36
|
clearHooks(...args: any[]): any;
|
|
37
37
|
getEditedCell(...args: any[]): any;
|
|
38
|
+
getEditedCellRect(...args: any[]): any;
|
|
38
39
|
getEditedCellsZIndex(...args: any[]): any;
|
|
39
40
|
getEditedCellsLayerClass(...args: any[]): any;
|
|
40
41
|
}
|
package/README.md
CHANGED
|
@@ -9,13 +9,13 @@ It provides data binding, data validation, filtering, sorting, and CRUD operatio
|
|
|
9
9
|
|
|
10
10
|
[](https://npmjs.com/package/@handsontable/vue)
|
|
11
11
|
[](https://npmjs.com/package/@handsontable/vue)
|
|
12
|
-
[](https://github.com/handsontable/handsontable/actions/workflows/test.yml?query=branch%3Amaster)
|
|
13
13
|
[](https://app.fossa.io/projects/git%2Bgithub.com%2Fhandsontable%2Fhandsontable?ref=badge_shield)
|
|
14
|
-
[](https://sonarcloud.io/dashboard?id=handsontable_handsontable)
|
|
15
15
|
|
|
16
16
|
---
|
|
17
17
|
|
|
18
|
-
<a href="https://handsontable.com/
|
|
18
|
+
<a href="https://handsontable.com/demo"><img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/handsontable-github-preview.png" alt="Handsontable data grid for Vue" width="805"/></a>
|
|
19
19
|
|
|
20
20
|
</div>
|
|
21
21
|
|
|
@@ -39,10 +39,10 @@ The most popular features of Handsontable for Vue:
|
|
|
39
39
|
|
|
40
40
|
## Documentation
|
|
41
41
|
|
|
42
|
-
- [Developer guides](https://handsontable.com/docs/
|
|
43
|
-
- [API Reference](https://handsontable.com/docs/
|
|
44
|
-
- [
|
|
45
|
-
- [Demo](https://handsontable.com/
|
|
42
|
+
- [Developer guides](https://handsontable.com/docs/vue-installation/)
|
|
43
|
+
- [API Reference](https://handsontable.com/docs/api/core/)
|
|
44
|
+
- [Changelog](https://handsontable.com/docs/release-notes/)
|
|
45
|
+
- [Demo](https://handsontable.com/demo)
|
|
46
46
|
|
|
47
47
|
<div id="installation"></div>
|
|
48
48
|
|
|
@@ -54,7 +54,7 @@ Run the following command in your terminal
|
|
|
54
54
|
npm install handsontable @handsontable/vue
|
|
55
55
|
```
|
|
56
56
|
|
|
57
|
-
You can load it directly from [jsDelivr](
|
|
57
|
+
You can load it directly from [jsDelivr](https:jsdelivr.com/package/npm/@handsontable/vue) as well.
|
|
58
58
|
```html
|
|
59
59
|
<script src="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.js"></script>
|
|
60
60
|
<script src="https://cdn.jsdelivr.net/npm/@handsontable/vue/dist/vue-handsontable.min.js"></script>
|
|
@@ -66,7 +66,7 @@ The component will be available as `Handsontable.vue.HotTable`.
|
|
|
66
66
|
|
|
67
67
|
### Usage
|
|
68
68
|
|
|
69
|
-
Use this data grid as you would any other component in your application. [Options](
|
|
69
|
+
Use this data grid as you would any other component in your application. [Options](https://handsontable.com/docs/api/options/) can be set as `HotTable` props.
|
|
70
70
|
|
|
71
71
|
**Styles**
|
|
72
72
|
```css
|
|
@@ -100,7 +100,7 @@ Use this data grid as you would any other component in your application. [Option
|
|
|
100
100
|
</script>
|
|
101
101
|
```
|
|
102
102
|
|
|
103
|
-
### [View live demo](
|
|
103
|
+
### [View live demo](https://handsontable.com/docs/vue-simple-example/)
|
|
104
104
|
|
|
105
105
|
## Support
|
|
106
106
|
|
|
@@ -119,7 +119,7 @@ Handsontable is a commercial software with two licenses available:
|
|
|
119
119
|
|
|
120
120
|
If you use Handsontable for Vue in a project that supports your commercial activity, then you must purchase the license key at [handsontable.com](https://handsontable.com/pricing).
|
|
121
121
|
|
|
122
|
-
If you use the free for non-commercial license of Handsontable, then pass the phrase `'non-commercial-and-evaluation'`, as described in [this documentation](https://handsontable.com/docs/
|
|
122
|
+
If you use the free for non-commercial license of Handsontable, then pass the phrase `'non-commercial-and-evaluation'`, as described in [this documentation](https://handsontable.com/docs/license-key/).
|
|
123
123
|
|
|
124
124
|
<br>
|
|
125
125
|
<br>
|
|
@@ -15,14 +15,9 @@ function ownKeys(object, enumerableOnly) {
|
|
|
15
15
|
|
|
16
16
|
if (Object.getOwnPropertySymbols) {
|
|
17
17
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
keys.push.apply(keys, symbols);
|
|
18
|
+
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
19
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
20
|
+
})), keys.push.apply(keys, symbols);
|
|
26
21
|
}
|
|
27
22
|
|
|
28
23
|
return keys;
|
|
@@ -30,19 +25,12 @@ function ownKeys(object, enumerableOnly) {
|
|
|
30
25
|
|
|
31
26
|
function _objectSpread2(target) {
|
|
32
27
|
for (var i = 1; i < arguments.length; i++) {
|
|
33
|
-
var source = arguments[i]
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
} else if (Object.getOwnPropertyDescriptors) {
|
|
40
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
41
|
-
} else {
|
|
42
|
-
ownKeys(Object(source)).forEach(function (key) {
|
|
43
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
44
|
-
});
|
|
45
|
-
}
|
|
28
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
29
|
+
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
30
|
+
_defineProperty$1(target, key, source[key]);
|
|
31
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
|
|
32
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
33
|
+
});
|
|
46
34
|
}
|
|
47
35
|
|
|
48
36
|
return target;
|
|
@@ -51,17 +39,11 @@ function _objectSpread2(target) {
|
|
|
51
39
|
function _typeof$1(obj) {
|
|
52
40
|
"@babel/helpers - typeof";
|
|
53
41
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
_typeof$1 = function (obj) {
|
|
60
|
-
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
61
|
-
};
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
return _typeof$1(obj);
|
|
42
|
+
return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
43
|
+
return typeof obj;
|
|
44
|
+
} : function (obj) {
|
|
45
|
+
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
46
|
+
}, _typeof$1(obj);
|
|
65
47
|
}
|
|
66
48
|
|
|
67
49
|
function _classCallCheck(instance, Constructor) {
|
|
@@ -83,6 +65,9 @@ function _defineProperties(target, props) {
|
|
|
83
65
|
function _createClass(Constructor, protoProps, staticProps) {
|
|
84
66
|
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
85
67
|
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
68
|
+
Object.defineProperty(Constructor, "prototype", {
|
|
69
|
+
writable: false
|
|
70
|
+
});
|
|
86
71
|
return Constructor;
|
|
87
72
|
}
|
|
88
73
|
|
|
@@ -113,6 +98,9 @@ function _inherits(subClass, superClass) {
|
|
|
113
98
|
configurable: true
|
|
114
99
|
}
|
|
115
100
|
});
|
|
101
|
+
Object.defineProperty(subClass, "prototype", {
|
|
102
|
+
writable: false
|
|
103
|
+
});
|
|
116
104
|
if (superClass) _setPrototypeOf(subClass, superClass);
|
|
117
105
|
}
|
|
118
106
|
|
|
@@ -382,7 +370,7 @@ function simpleEqual(objectA, objectB) {
|
|
|
382
370
|
return JSON.stringify(objectA) === JSON.stringify(objectB);
|
|
383
371
|
}
|
|
384
372
|
|
|
385
|
-
var version="
|
|
373
|
+
var version="12.0.1";
|
|
386
374
|
|
|
387
375
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
388
376
|
|
|
@@ -1672,26 +1660,37 @@ var BaseEditorComponent = /*#__PURE__*/function (_Vue) {
|
|
|
1672
1660
|
return (_Handsontable$editors23 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCell).call.apply(_Handsontable$editors23, [this.$data.hotCustomEditorInstance].concat(args));
|
|
1673
1661
|
}
|
|
1674
1662
|
}, {
|
|
1675
|
-
key: "
|
|
1676
|
-
value: function
|
|
1663
|
+
key: "getEditedCellRect",
|
|
1664
|
+
value: function getEditedCellRect() {
|
|
1677
1665
|
var _Handsontable$editors24;
|
|
1678
1666
|
|
|
1679
1667
|
for (var _len24 = arguments.length, args = new Array(_len24), _key24 = 0; _key24 < _len24; _key24++) {
|
|
1680
1668
|
args[_key24] = arguments[_key24];
|
|
1681
1669
|
}
|
|
1682
1670
|
|
|
1683
|
-
return (_Handsontable$editors24 = Handsontable__default["default"].editors.BaseEditor.prototype.
|
|
1671
|
+
return (_Handsontable$editors24 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCellRect).call.apply(_Handsontable$editors24, [this.$data.hotCustomEditorInstance].concat(args));
|
|
1684
1672
|
}
|
|
1685
1673
|
}, {
|
|
1686
|
-
key: "
|
|
1687
|
-
value: function
|
|
1674
|
+
key: "getEditedCellsZIndex",
|
|
1675
|
+
value: function getEditedCellsZIndex() {
|
|
1688
1676
|
var _Handsontable$editors25;
|
|
1689
1677
|
|
|
1690
1678
|
for (var _len25 = arguments.length, args = new Array(_len25), _key25 = 0; _key25 < _len25; _key25++) {
|
|
1691
1679
|
args[_key25] = arguments[_key25];
|
|
1692
1680
|
}
|
|
1693
1681
|
|
|
1694
|
-
return (_Handsontable$editors25 = Handsontable__default["default"].editors.BaseEditor.prototype.
|
|
1682
|
+
return (_Handsontable$editors25 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCellsZIndex).call.apply(_Handsontable$editors25, [this.$data.hotCustomEditorInstance].concat(args));
|
|
1683
|
+
}
|
|
1684
|
+
}, {
|
|
1685
|
+
key: "getEditedCellsLayerClass",
|
|
1686
|
+
value: function getEditedCellsLayerClass() {
|
|
1687
|
+
var _Handsontable$editors26;
|
|
1688
|
+
|
|
1689
|
+
for (var _len26 = arguments.length, args = new Array(_len26), _key26 = 0; _key26 < _len26; _key26++) {
|
|
1690
|
+
args[_key26] = arguments[_key26];
|
|
1691
|
+
}
|
|
1692
|
+
|
|
1693
|
+
return (_Handsontable$editors26 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCellsLayerClass).call.apply(_Handsontable$editors26, [this.$data.hotCustomEditorInstance].concat(args));
|
|
1695
1694
|
}
|
|
1696
1695
|
}]);
|
|
1697
1696
|
|
package/dist/vue-handsontable.js
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
* INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
|
|
26
26
|
* USE OR INABILITY TO USE THIS SOFTWARE.
|
|
27
27
|
*
|
|
28
|
-
* Version:
|
|
28
|
+
* Version: 12.0.1 (built at Fri May 13 2022 13:52:49 GMT+0200 (Central European Summer Time))
|
|
29
29
|
*/
|
|
30
30
|
(function (global, factory) {
|
|
31
31
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('handsontable/base'), require('vue')) :
|
|
@@ -43,14 +43,9 @@ function ownKeys(object, enumerableOnly) {
|
|
|
43
43
|
|
|
44
44
|
if (Object.getOwnPropertySymbols) {
|
|
45
45
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
keys.push.apply(keys, symbols);
|
|
46
|
+
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
47
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
48
|
+
})), keys.push.apply(keys, symbols);
|
|
54
49
|
}
|
|
55
50
|
|
|
56
51
|
return keys;
|
|
@@ -58,19 +53,12 @@ function ownKeys(object, enumerableOnly) {
|
|
|
58
53
|
|
|
59
54
|
function _objectSpread2(target) {
|
|
60
55
|
for (var i = 1; i < arguments.length; i++) {
|
|
61
|
-
var source = arguments[i]
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
} else if (Object.getOwnPropertyDescriptors) {
|
|
68
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
69
|
-
} else {
|
|
70
|
-
ownKeys(Object(source)).forEach(function (key) {
|
|
71
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
72
|
-
});
|
|
73
|
-
}
|
|
56
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
57
|
+
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
58
|
+
_defineProperty$1(target, key, source[key]);
|
|
59
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
|
|
60
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
61
|
+
});
|
|
74
62
|
}
|
|
75
63
|
|
|
76
64
|
return target;
|
|
@@ -79,17 +67,11 @@ function _objectSpread2(target) {
|
|
|
79
67
|
function _typeof$1(obj) {
|
|
80
68
|
"@babel/helpers - typeof";
|
|
81
69
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
}
|
|
87
|
-
_typeof$1 = function (obj) {
|
|
88
|
-
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
89
|
-
};
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
return _typeof$1(obj);
|
|
70
|
+
return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
71
|
+
return typeof obj;
|
|
72
|
+
} : function (obj) {
|
|
73
|
+
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
74
|
+
}, _typeof$1(obj);
|
|
93
75
|
}
|
|
94
76
|
|
|
95
77
|
function _classCallCheck(instance, Constructor) {
|
|
@@ -111,6 +93,9 @@ function _defineProperties(target, props) {
|
|
|
111
93
|
function _createClass(Constructor, protoProps, staticProps) {
|
|
112
94
|
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
113
95
|
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
96
|
+
Object.defineProperty(Constructor, "prototype", {
|
|
97
|
+
writable: false
|
|
98
|
+
});
|
|
114
99
|
return Constructor;
|
|
115
100
|
}
|
|
116
101
|
|
|
@@ -141,6 +126,9 @@ function _inherits(subClass, superClass) {
|
|
|
141
126
|
configurable: true
|
|
142
127
|
}
|
|
143
128
|
});
|
|
129
|
+
Object.defineProperty(subClass, "prototype", {
|
|
130
|
+
writable: false
|
|
131
|
+
});
|
|
144
132
|
if (superClass) _setPrototypeOf(subClass, superClass);
|
|
145
133
|
}
|
|
146
134
|
|
|
@@ -410,7 +398,7 @@ function simpleEqual(objectA, objectB) {
|
|
|
410
398
|
return JSON.stringify(objectA) === JSON.stringify(objectB);
|
|
411
399
|
}
|
|
412
400
|
|
|
413
|
-
var version="
|
|
401
|
+
var version="12.0.1";
|
|
414
402
|
|
|
415
403
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
416
404
|
|
|
@@ -1700,26 +1688,37 @@ var BaseEditorComponent = /*#__PURE__*/function (_Vue) {
|
|
|
1700
1688
|
return (_Handsontable$editors23 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCell).call.apply(_Handsontable$editors23, [this.$data.hotCustomEditorInstance].concat(args));
|
|
1701
1689
|
}
|
|
1702
1690
|
}, {
|
|
1703
|
-
key: "
|
|
1704
|
-
value: function
|
|
1691
|
+
key: "getEditedCellRect",
|
|
1692
|
+
value: function getEditedCellRect() {
|
|
1705
1693
|
var _Handsontable$editors24;
|
|
1706
1694
|
|
|
1707
1695
|
for (var _len24 = arguments.length, args = new Array(_len24), _key24 = 0; _key24 < _len24; _key24++) {
|
|
1708
1696
|
args[_key24] = arguments[_key24];
|
|
1709
1697
|
}
|
|
1710
1698
|
|
|
1711
|
-
return (_Handsontable$editors24 = Handsontable__default["default"].editors.BaseEditor.prototype.
|
|
1699
|
+
return (_Handsontable$editors24 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCellRect).call.apply(_Handsontable$editors24, [this.$data.hotCustomEditorInstance].concat(args));
|
|
1712
1700
|
}
|
|
1713
1701
|
}, {
|
|
1714
|
-
key: "
|
|
1715
|
-
value: function
|
|
1702
|
+
key: "getEditedCellsZIndex",
|
|
1703
|
+
value: function getEditedCellsZIndex() {
|
|
1716
1704
|
var _Handsontable$editors25;
|
|
1717
1705
|
|
|
1718
1706
|
for (var _len25 = arguments.length, args = new Array(_len25), _key25 = 0; _key25 < _len25; _key25++) {
|
|
1719
1707
|
args[_key25] = arguments[_key25];
|
|
1720
1708
|
}
|
|
1721
1709
|
|
|
1722
|
-
return (_Handsontable$editors25 = Handsontable__default["default"].editors.BaseEditor.prototype.
|
|
1710
|
+
return (_Handsontable$editors25 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCellsZIndex).call.apply(_Handsontable$editors25, [this.$data.hotCustomEditorInstance].concat(args));
|
|
1711
|
+
}
|
|
1712
|
+
}, {
|
|
1713
|
+
key: "getEditedCellsLayerClass",
|
|
1714
|
+
value: function getEditedCellsLayerClass() {
|
|
1715
|
+
var _Handsontable$editors26;
|
|
1716
|
+
|
|
1717
|
+
for (var _len26 = arguments.length, args = new Array(_len26), _key26 = 0; _key26 < _len26; _key26++) {
|
|
1718
|
+
args[_key26] = arguments[_key26];
|
|
1719
|
+
}
|
|
1720
|
+
|
|
1721
|
+
return (_Handsontable$editors26 = Handsontable__default["default"].editors.BaseEditor.prototype.getEditedCellsLayerClass).call.apply(_Handsontable$editors26, [this.$data.hotCustomEditorInstance].concat(args));
|
|
1723
1722
|
}
|
|
1724
1723
|
}]);
|
|
1725
1724
|
|