@syncfusion/ej2-vue-spreadsheet 19.4.54 → 20.1.47

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 (68) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/dist/ej2-vue-spreadsheet.umd.min.js +2 -2
  3. package/dist/es6/ej2-vue-spreadsheet.es2015.js +325 -23
  4. package/dist/es6/ej2-vue-spreadsheet.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-spreadsheet.es5.js +221 -23
  6. package/dist/es6/ej2-vue-spreadsheet.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-spreadsheet.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/spreadsheet/cells.directive.d.ts +3 -1
  10. package/src/spreadsheet/cells.directive.js +24 -2
  11. package/src/spreadsheet/chart.directive.d.ts +3 -1
  12. package/src/spreadsheet/chart.directive.js +24 -2
  13. package/src/spreadsheet/columns.directive.d.ts +3 -1
  14. package/src/spreadsheet/columns.directive.js +24 -2
  15. package/src/spreadsheet/conditionalformats.directive.d.ts +3 -1
  16. package/src/spreadsheet/conditionalformats.directive.js +24 -2
  17. package/src/spreadsheet/definednames.directive.d.ts +3 -1
  18. package/src/spreadsheet/definednames.directive.js +24 -2
  19. package/src/spreadsheet/image.directive.d.ts +3 -1
  20. package/src/spreadsheet/image.directive.js +24 -2
  21. package/src/spreadsheet/ranges.directive.d.ts +3 -1
  22. package/src/spreadsheet/ranges.directive.js +24 -2
  23. package/src/spreadsheet/rows.directive.d.ts +3 -1
  24. package/src/spreadsheet/rows.directive.js +24 -2
  25. package/src/spreadsheet/sheets.directive.d.ts +3 -1
  26. package/src/spreadsheet/sheets.directive.js +24 -2
  27. package/src/spreadsheet/spreadsheet.component.d.ts +2 -1
  28. package/src/spreadsheet/spreadsheet.component.js +12 -3
  29. package/styles/bootstrap-dark.css +13 -5
  30. package/styles/bootstrap.css +13 -5
  31. package/styles/bootstrap4.css +13 -5
  32. package/styles/bootstrap5-dark.css +36 -9
  33. package/styles/bootstrap5.css +36 -9
  34. package/styles/fabric-dark.css +13 -5
  35. package/styles/fabric.css +13 -5
  36. package/styles/fluent-dark.css +5504 -0
  37. package/styles/fluent-dark.scss +2 -0
  38. package/styles/fluent.css +5504 -0
  39. package/styles/fluent.scss +2 -0
  40. package/styles/highcontrast-light.css +13 -5
  41. package/styles/highcontrast.css +13 -5
  42. package/styles/material-dark.css +13 -7
  43. package/styles/material.css +13 -7
  44. package/styles/ribbon/fluent-dark.css +218 -0
  45. package/styles/ribbon/fluent-dark.scss +1 -0
  46. package/styles/ribbon/fluent.css +218 -0
  47. package/styles/ribbon/fluent.scss +1 -0
  48. package/styles/ribbon/tailwind-dark.css +2 -2
  49. package/styles/ribbon/tailwind.css +2 -2
  50. package/styles/spreadsheet/bootstrap-dark.css +13 -5
  51. package/styles/spreadsheet/bootstrap.css +13 -5
  52. package/styles/spreadsheet/bootstrap4.css +13 -5
  53. package/styles/spreadsheet/bootstrap5-dark.css +36 -9
  54. package/styles/spreadsheet/bootstrap5.css +36 -9
  55. package/styles/spreadsheet/fabric-dark.css +13 -5
  56. package/styles/spreadsheet/fabric.css +13 -5
  57. package/styles/spreadsheet/fluent-dark.css +5285 -0
  58. package/styles/spreadsheet/fluent-dark.scss +1 -0
  59. package/styles/spreadsheet/fluent.css +5285 -0
  60. package/styles/spreadsheet/fluent.scss +1 -0
  61. package/styles/spreadsheet/highcontrast-light.css +13 -5
  62. package/styles/spreadsheet/highcontrast.css +13 -5
  63. package/styles/spreadsheet/material-dark.css +13 -7
  64. package/styles/spreadsheet/material.css +13 -7
  65. package/styles/spreadsheet/tailwind-dark.css +166 -213
  66. package/styles/spreadsheet/tailwind.css +166 -213
  67. package/styles/tailwind-dark.css +168 -215
  68. package/styles/tailwind.css +168 -215
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-vue-spreadsheet@*",
3
- "_id": "@syncfusion/ej2-vue-spreadsheet@19.4.53",
3
+ "_id": "@syncfusion/ej2-vue-spreadsheet@19.59.1",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-DkLBy6OLqiv0B8spiN67va8KRVydLAWk3l37YHEp5FcFLRuAMwPhaza77tf33US9Rva16m+HQ0pHpNuKEnrqCg==",
5
+ "_integrity": "sha512-BKR0szC9a0oa9Mbo6CRrdBeO/GuaNb0+zYZPoWJGA20bX3Z0xmLfuMZbp89bokUHlCMZ70V0AmAVK4XRwFYCWA==",
6
6
  "_location": "/@syncfusion/ej2-vue-spreadsheet",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-spreadsheet/-/ej2-vue-spreadsheet-19.4.53.tgz",
23
- "_shasum": "e27f32ad3a88da76f26a7b3389c8bf34017b9e84",
22
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-spreadsheet/-/ej2-vue-spreadsheet-19.59.1.tgz",
23
+ "_shasum": "e0f3360faabb7c125ce3d40bae1d551658bd4e96",
24
24
  "_spec": "@syncfusion/ej2-vue-spreadsheet@*",
25
25
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~19.4.52",
35
- "@syncfusion/ej2-spreadsheet": "19.4.54",
36
- "@syncfusion/ej2-vue-base": "~19.4.53"
34
+ "@syncfusion/ej2-base": "~20.1.47",
35
+ "@syncfusion/ej2-spreadsheet": "20.1.47",
36
+ "@syncfusion/ej2-vue-base": "~20.1.47"
37
37
  },
38
38
  "deprecated": false,
39
39
  "description": "Feature-rich JavaScript Spreadsheet (Excel) control with built-in support for selection, editing, formatting, importing and exporting to Excel for Vue",
@@ -65,6 +65,6 @@
65
65
  "type": "git",
66
66
  "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
67
67
  },
68
- "version": "19.4.54",
68
+ "version": "20.1.47",
69
69
  "sideEffects": false
70
70
  }
@@ -1,7 +1,9 @@
1
1
  export declare const isExecute: any;
2
2
  declare let vueImport: any;
3
3
  export declare class CellsDirective extends vueImport {
4
- render(): void;
4
+ constructor();
5
+ render(createElement: any): void;
6
+ updated(): void;
5
7
  getTag(): string;
6
8
  }
7
9
  export declare const CellsPlugin: {
@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  };
20
20
  import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
21
21
  import * as Vue3 from 'vue-class-component';
22
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
22
23
  import Vue from 'vue';
24
+ import { Options } from 'vue-class-component';
23
25
  export var isExecute = gh ? false : true;
24
26
  var vueImport;
25
27
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
31
33
  var CellsDirective = /** @class */ (function (_super) {
32
34
  __extends(CellsDirective, _super);
33
35
  function CellsDirective() {
34
- return _super !== null && _super.apply(this, arguments) || this;
36
+ return _super.call(this, arguments) || this;
35
37
  }
36
- CellsDirective.prototype.render = function () {
38
+ CellsDirective.prototype.render = function (createElement) {
39
+ if (gh) {
40
+ var h = gh || createElement;
41
+ var slots = null;
42
+ if (!isNullOrUndefined(this.$slots.default)) {
43
+ slots = gh ? this.$slots.default() : this.$slots.default;
44
+ }
45
+ return h('div', { class: 'e-directive' }, slots);
46
+ }
37
47
  return;
38
48
  };
49
+ CellsDirective.prototype.updated = function () {
50
+ if (gh && this.custom) {
51
+ this.custom();
52
+ }
53
+ };
39
54
  CellsDirective.prototype.getTag = function () {
40
55
  return 'e-cells';
41
56
  };
42
57
  CellsDirective = __decorate([
43
58
  EJComponentDecorator({}, isExecute)
59
+ ,Options({
60
+ inject: {
61
+ custom: {
62
+ default: null
63
+ }
64
+ }
65
+ })
44
66
  ], CellsDirective);
45
67
  return CellsDirective;
46
68
  }(vueImport));
@@ -1,7 +1,9 @@
1
1
  export declare const isExecute: any;
2
2
  declare let vueImport: any;
3
3
  export declare class ChartsDirective extends vueImport {
4
- render(): void;
4
+ constructor();
5
+ render(createElement: any): void;
6
+ updated(): void;
5
7
  getTag(): string;
6
8
  }
7
9
  export declare const ChartsPlugin: {
@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  };
20
20
  import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
21
21
  import * as Vue3 from 'vue-class-component';
22
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
22
23
  import Vue from 'vue';
24
+ import { Options } from 'vue-class-component';
23
25
  export var isExecute = gh ? false : true;
24
26
  var vueImport;
25
27
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
31
33
  var ChartsDirective = /** @class */ (function (_super) {
32
34
  __extends(ChartsDirective, _super);
33
35
  function ChartsDirective() {
34
- return _super !== null && _super.apply(this, arguments) || this;
36
+ return _super.call(this, arguments) || this;
35
37
  }
36
- ChartsDirective.prototype.render = function () {
38
+ ChartsDirective.prototype.render = function (createElement) {
39
+ if (gh) {
40
+ var h = gh || createElement;
41
+ var slots = null;
42
+ if (!isNullOrUndefined(this.$slots.default)) {
43
+ slots = gh ? this.$slots.default() : this.$slots.default;
44
+ }
45
+ return h('div', { class: 'e-directive' }, slots);
46
+ }
37
47
  return;
38
48
  };
49
+ ChartsDirective.prototype.updated = function () {
50
+ if (gh && this.custom) {
51
+ this.custom();
52
+ }
53
+ };
39
54
  ChartsDirective.prototype.getTag = function () {
40
55
  return 'e-charts';
41
56
  };
42
57
  ChartsDirective = __decorate([
43
58
  EJComponentDecorator({}, isExecute)
59
+ ,Options({
60
+ inject: {
61
+ custom: {
62
+ default: null
63
+ }
64
+ }
65
+ })
44
66
  ], ChartsDirective);
45
67
  return ChartsDirective;
46
68
  }(vueImport));
@@ -1,7 +1,9 @@
1
1
  export declare const isExecute: any;
2
2
  declare let vueImport: any;
3
3
  export declare class ColumnsDirective extends vueImport {
4
- render(): void;
4
+ constructor();
5
+ render(createElement: any): void;
6
+ updated(): void;
5
7
  getTag(): string;
6
8
  }
7
9
  export declare const ColumnsPlugin: {
@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  };
20
20
  import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
21
21
  import * as Vue3 from 'vue-class-component';
22
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
22
23
  import Vue from 'vue';
24
+ import { Options } from 'vue-class-component';
23
25
  export var isExecute = gh ? false : true;
24
26
  var vueImport;
25
27
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
31
33
  var ColumnsDirective = /** @class */ (function (_super) {
32
34
  __extends(ColumnsDirective, _super);
33
35
  function ColumnsDirective() {
34
- return _super !== null && _super.apply(this, arguments) || this;
36
+ return _super.call(this, arguments) || this;
35
37
  }
36
- ColumnsDirective.prototype.render = function () {
38
+ ColumnsDirective.prototype.render = function (createElement) {
39
+ if (gh) {
40
+ var h = gh || createElement;
41
+ var slots = null;
42
+ if (!isNullOrUndefined(this.$slots.default)) {
43
+ slots = gh ? this.$slots.default() : this.$slots.default;
44
+ }
45
+ return h('div', { class: 'e-directive' }, slots);
46
+ }
37
47
  return;
38
48
  };
49
+ ColumnsDirective.prototype.updated = function () {
50
+ if (gh && this.custom) {
51
+ this.custom();
52
+ }
53
+ };
39
54
  ColumnsDirective.prototype.getTag = function () {
40
55
  return 'e-columns';
41
56
  };
42
57
  ColumnsDirective = __decorate([
43
58
  EJComponentDecorator({}, isExecute)
59
+ ,Options({
60
+ inject: {
61
+ custom: {
62
+ default: null
63
+ }
64
+ }
65
+ })
44
66
  ], ColumnsDirective);
45
67
  return ColumnsDirective;
46
68
  }(vueImport));
@@ -1,7 +1,9 @@
1
1
  export declare const isExecute: any;
2
2
  declare let vueImport: any;
3
3
  export declare class ConditionalFormatsDirective extends vueImport {
4
- render(): void;
4
+ constructor();
5
+ render(createElement: any): void;
6
+ updated(): void;
5
7
  getTag(): string;
6
8
  }
7
9
  export declare const ConditionalFormatsPlugin: {
@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  };
20
20
  import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
21
21
  import * as Vue3 from 'vue-class-component';
22
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
22
23
  import Vue from 'vue';
24
+ import { Options } from 'vue-class-component';
23
25
  export var isExecute = gh ? false : true;
24
26
  var vueImport;
25
27
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
31
33
  var ConditionalFormatsDirective = /** @class */ (function (_super) {
32
34
  __extends(ConditionalFormatsDirective, _super);
33
35
  function ConditionalFormatsDirective() {
34
- return _super !== null && _super.apply(this, arguments) || this;
36
+ return _super.call(this, arguments) || this;
35
37
  }
36
- ConditionalFormatsDirective.prototype.render = function () {
38
+ ConditionalFormatsDirective.prototype.render = function (createElement) {
39
+ if (gh) {
40
+ var h = gh || createElement;
41
+ var slots = null;
42
+ if (!isNullOrUndefined(this.$slots.default)) {
43
+ slots = gh ? this.$slots.default() : this.$slots.default;
44
+ }
45
+ return h('div', { class: 'e-directive' }, slots);
46
+ }
37
47
  return;
38
48
  };
49
+ ConditionalFormatsDirective.prototype.updated = function () {
50
+ if (gh && this.custom) {
51
+ this.custom();
52
+ }
53
+ };
39
54
  ConditionalFormatsDirective.prototype.getTag = function () {
40
55
  return 'e-conditionalformats';
41
56
  };
42
57
  ConditionalFormatsDirective = __decorate([
43
58
  EJComponentDecorator({}, isExecute)
59
+ ,Options({
60
+ inject: {
61
+ custom: {
62
+ default: null
63
+ }
64
+ }
65
+ })
44
66
  ], ConditionalFormatsDirective);
45
67
  return ConditionalFormatsDirective;
46
68
  }(vueImport));
@@ -1,7 +1,9 @@
1
1
  export declare const isExecute: any;
2
2
  declare let vueImport: any;
3
3
  export declare class DefinedNamesDirective extends vueImport {
4
- render(): void;
4
+ constructor();
5
+ render(createElement: any): void;
6
+ updated(): void;
5
7
  getTag(): string;
6
8
  }
7
9
  export declare const DefinedNamesPlugin: {
@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  };
20
20
  import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
21
21
  import * as Vue3 from 'vue-class-component';
22
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
22
23
  import Vue from 'vue';
24
+ import { Options } from 'vue-class-component';
23
25
  export var isExecute = gh ? false : true;
24
26
  var vueImport;
25
27
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
31
33
  var DefinedNamesDirective = /** @class */ (function (_super) {
32
34
  __extends(DefinedNamesDirective, _super);
33
35
  function DefinedNamesDirective() {
34
- return _super !== null && _super.apply(this, arguments) || this;
36
+ return _super.call(this, arguments) || this;
35
37
  }
36
- DefinedNamesDirective.prototype.render = function () {
38
+ DefinedNamesDirective.prototype.render = function (createElement) {
39
+ if (gh) {
40
+ var h = gh || createElement;
41
+ var slots = null;
42
+ if (!isNullOrUndefined(this.$slots.default)) {
43
+ slots = gh ? this.$slots.default() : this.$slots.default;
44
+ }
45
+ return h('div', { class: 'e-directive' }, slots);
46
+ }
37
47
  return;
38
48
  };
49
+ DefinedNamesDirective.prototype.updated = function () {
50
+ if (gh && this.custom) {
51
+ this.custom();
52
+ }
53
+ };
39
54
  DefinedNamesDirective.prototype.getTag = function () {
40
55
  return 'e-definednames';
41
56
  };
42
57
  DefinedNamesDirective = __decorate([
43
58
  EJComponentDecorator({}, isExecute)
59
+ ,Options({
60
+ inject: {
61
+ custom: {
62
+ default: null
63
+ }
64
+ }
65
+ })
44
66
  ], DefinedNamesDirective);
45
67
  return DefinedNamesDirective;
46
68
  }(vueImport));
@@ -1,7 +1,9 @@
1
1
  export declare const isExecute: any;
2
2
  declare let vueImport: any;
3
3
  export declare class ImagesDirective extends vueImport {
4
- render(): void;
4
+ constructor();
5
+ render(createElement: any): void;
6
+ updated(): void;
5
7
  getTag(): string;
6
8
  }
7
9
  export declare const ImagesPlugin: {
@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  };
20
20
  import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
21
21
  import * as Vue3 from 'vue-class-component';
22
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
22
23
  import Vue from 'vue';
24
+ import { Options } from 'vue-class-component';
23
25
  export var isExecute = gh ? false : true;
24
26
  var vueImport;
25
27
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
31
33
  var ImagesDirective = /** @class */ (function (_super) {
32
34
  __extends(ImagesDirective, _super);
33
35
  function ImagesDirective() {
34
- return _super !== null && _super.apply(this, arguments) || this;
36
+ return _super.call(this, arguments) || this;
35
37
  }
36
- ImagesDirective.prototype.render = function () {
38
+ ImagesDirective.prototype.render = function (createElement) {
39
+ if (gh) {
40
+ var h = gh || createElement;
41
+ var slots = null;
42
+ if (!isNullOrUndefined(this.$slots.default)) {
43
+ slots = gh ? this.$slots.default() : this.$slots.default;
44
+ }
45
+ return h('div', { class: 'e-directive' }, slots);
46
+ }
37
47
  return;
38
48
  };
49
+ ImagesDirective.prototype.updated = function () {
50
+ if (gh && this.custom) {
51
+ this.custom();
52
+ }
53
+ };
39
54
  ImagesDirective.prototype.getTag = function () {
40
55
  return 'e-images';
41
56
  };
42
57
  ImagesDirective = __decorate([
43
58
  EJComponentDecorator({}, isExecute)
59
+ ,Options({
60
+ inject: {
61
+ custom: {
62
+ default: null
63
+ }
64
+ }
65
+ })
44
66
  ], ImagesDirective);
45
67
  return ImagesDirective;
46
68
  }(vueImport));
@@ -1,7 +1,9 @@
1
1
  export declare const isExecute: any;
2
2
  declare let vueImport: any;
3
3
  export declare class RangesDirective extends vueImport {
4
- render(): void;
4
+ constructor();
5
+ render(createElement: any): void;
6
+ updated(): void;
5
7
  getTag(): string;
6
8
  }
7
9
  export declare const RangesPlugin: {
@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  };
20
20
  import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
21
21
  import * as Vue3 from 'vue-class-component';
22
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
22
23
  import Vue from 'vue';
24
+ import { Options } from 'vue-class-component';
23
25
  export var isExecute = gh ? false : true;
24
26
  var vueImport;
25
27
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
31
33
  var RangesDirective = /** @class */ (function (_super) {
32
34
  __extends(RangesDirective, _super);
33
35
  function RangesDirective() {
34
- return _super !== null && _super.apply(this, arguments) || this;
36
+ return _super.call(this, arguments) || this;
35
37
  }
36
- RangesDirective.prototype.render = function () {
38
+ RangesDirective.prototype.render = function (createElement) {
39
+ if (gh) {
40
+ var h = gh || createElement;
41
+ var slots = null;
42
+ if (!isNullOrUndefined(this.$slots.default)) {
43
+ slots = gh ? this.$slots.default() : this.$slots.default;
44
+ }
45
+ return h('div', { class: 'e-directive' }, slots);
46
+ }
37
47
  return;
38
48
  };
49
+ RangesDirective.prototype.updated = function () {
50
+ if (gh && this.custom) {
51
+ this.custom();
52
+ }
53
+ };
39
54
  RangesDirective.prototype.getTag = function () {
40
55
  return 'e-ranges';
41
56
  };
42
57
  RangesDirective = __decorate([
43
58
  EJComponentDecorator({}, isExecute)
59
+ ,Options({
60
+ inject: {
61
+ custom: {
62
+ default: null
63
+ }
64
+ }
65
+ })
44
66
  ], RangesDirective);
45
67
  return RangesDirective;
46
68
  }(vueImport));
@@ -1,7 +1,9 @@
1
1
  export declare const isExecute: any;
2
2
  declare let vueImport: any;
3
3
  export declare class RowsDirective extends vueImport {
4
- render(): void;
4
+ constructor();
5
+ render(createElement: any): void;
6
+ updated(): void;
5
7
  getTag(): string;
6
8
  }
7
9
  export declare const RowsPlugin: {
@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  };
20
20
  import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
21
21
  import * as Vue3 from 'vue-class-component';
22
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
22
23
  import Vue from 'vue';
24
+ import { Options } from 'vue-class-component';
23
25
  export var isExecute = gh ? false : true;
24
26
  var vueImport;
25
27
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
31
33
  var RowsDirective = /** @class */ (function (_super) {
32
34
  __extends(RowsDirective, _super);
33
35
  function RowsDirective() {
34
- return _super !== null && _super.apply(this, arguments) || this;
36
+ return _super.call(this, arguments) || this;
35
37
  }
36
- RowsDirective.prototype.render = function () {
38
+ RowsDirective.prototype.render = function (createElement) {
39
+ if (gh) {
40
+ var h = gh || createElement;
41
+ var slots = null;
42
+ if (!isNullOrUndefined(this.$slots.default)) {
43
+ slots = gh ? this.$slots.default() : this.$slots.default;
44
+ }
45
+ return h('div', { class: 'e-directive' }, slots);
46
+ }
37
47
  return;
38
48
  };
49
+ RowsDirective.prototype.updated = function () {
50
+ if (gh && this.custom) {
51
+ this.custom();
52
+ }
53
+ };
39
54
  RowsDirective.prototype.getTag = function () {
40
55
  return 'e-rows';
41
56
  };
42
57
  RowsDirective = __decorate([
43
58
  EJComponentDecorator({}, isExecute)
59
+ ,Options({
60
+ inject: {
61
+ custom: {
62
+ default: null
63
+ }
64
+ }
65
+ })
44
66
  ], RowsDirective);
45
67
  return RowsDirective;
46
68
  }(vueImport));
@@ -1,7 +1,9 @@
1
1
  export declare const isExecute: any;
2
2
  declare let vueImport: any;
3
3
  export declare class SheetsDirective extends vueImport {
4
- render(): void;
4
+ constructor();
5
+ render(createElement: any): void;
6
+ updated(): void;
5
7
  getTag(): string;
6
8
  }
7
9
  export declare const SheetsPlugin: {
@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  };
20
20
  import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
21
21
  import * as Vue3 from 'vue-class-component';
22
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
22
23
  import Vue from 'vue';
24
+ import { Options } from 'vue-class-component';
23
25
  export var isExecute = gh ? false : true;
24
26
  var vueImport;
25
27
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
31
33
  var SheetsDirective = /** @class */ (function (_super) {
32
34
  __extends(SheetsDirective, _super);
33
35
  function SheetsDirective() {
34
- return _super !== null && _super.apply(this, arguments) || this;
36
+ return _super.call(this, arguments) || this;
35
37
  }
36
- SheetsDirective.prototype.render = function () {
38
+ SheetsDirective.prototype.render = function (createElement) {
39
+ if (gh) {
40
+ var h = gh || createElement;
41
+ var slots = null;
42
+ if (!isNullOrUndefined(this.$slots.default)) {
43
+ slots = gh ? this.$slots.default() : this.$slots.default;
44
+ }
45
+ return h('div', { class: 'e-directive' }, slots);
46
+ }
37
47
  return;
38
48
  };
49
+ SheetsDirective.prototype.updated = function () {
50
+ if (gh && this.custom) {
51
+ this.custom();
52
+ }
53
+ };
39
54
  SheetsDirective.prototype.getTag = function () {
40
55
  return 'e-sheets';
41
56
  };
42
57
  SheetsDirective = __decorate([
43
58
  EJComponentDecorator({}, isExecute)
59
+ ,Options({
60
+ inject: {
61
+ custom: {
62
+ default: null
63
+ }
64
+ }
65
+ })
44
66
  ], SheetsDirective);
45
67
  return SheetsDirective;
46
68
  }(vueImport));
@@ -28,13 +28,14 @@ export declare class SpreadsheetComponent extends ComponentBase {
28
28
  clearTemplate(templateNames?: string[]): any;
29
29
  setProperties(prop: any, muteOnChange: boolean): void;
30
30
  render(createElement: any): any;
31
+ custom(): void;
31
32
  Unfreeze(sheet?: number | string): void;
32
33
  addContextMenuItems(items: Object[], text: string, insertAfter: boolean, isUniqueId?: boolean): void;
33
34
  addCustomFunction(functionHandler: string | Object, functionName?: string): void;
34
35
  addDataValidation(rules: Object, range?: string): void;
35
36
  addDefinedName(definedName: Object): boolean;
36
37
  addFileMenuItems(items: Object[], text: string, insertAfter: boolean, isUniqueId?: boolean): void;
37
- addHyperlink(hyperlink: string | Object, address: string): void;
38
+ addHyperlink(hyperlink: string | Object, address: string, displayText?: string): void;
38
39
  addInvalidHighlight(range?: string): void;
39
40
  addRibbonTabs(items: Object[], insertBefore?: string): void;
40
41
  addToolbarItems(tab: string, items: Object[], index?: number): void;
@@ -64,6 +64,7 @@ var SpreadsheetComponent = /** @class */ (function (_super) {
64
64
  _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
65
65
  _this.ej2Instances.setProperties = _this.setProperties;
66
66
  _this.ej2Instances.clearTemplate = _this.clearTemplate;
67
+ _this.updated = _this.updated;
67
68
  return _this;
68
69
  }
69
70
  SpreadsheetComponent.prototype.clearTemplate = function (templateNames) {
@@ -122,6 +123,9 @@ var SpreadsheetComponent = /** @class */ (function (_super) {
122
123
  }
123
124
  return h('div', slots);
124
125
  };
126
+ SpreadsheetComponent.prototype.custom = function () {
127
+ this.updated();
128
+ };
125
129
  SpreadsheetComponent.prototype.Unfreeze = function (sheet) {
126
130
  return this.ej2Instances.Unfreeze(sheet);
127
131
  };
@@ -140,8 +144,8 @@ var SpreadsheetComponent = /** @class */ (function (_super) {
140
144
  SpreadsheetComponent.prototype.addFileMenuItems = function (items, text, insertAfter, isUniqueId) {
141
145
  return this.ej2Instances.addFileMenuItems(items, text, insertAfter, isUniqueId);
142
146
  };
143
- SpreadsheetComponent.prototype.addHyperlink = function (hyperlink, address) {
144
- return this.ej2Instances.addHyperlink(hyperlink, address);
147
+ SpreadsheetComponent.prototype.addHyperlink = function (hyperlink, address, displayText) {
148
+ return this.ej2Instances.addHyperlink(hyperlink, address, displayText);
145
149
  };
146
150
  SpreadsheetComponent.prototype.addInvalidHighlight = function (range) {
147
151
  return this.ej2Instances.addInvalidHighlight(range);
@@ -384,7 +388,12 @@ var SpreadsheetComponent = /** @class */ (function (_super) {
384
388
  ,Options({
385
389
  props: props,
386
390
  watch: watch,
387
- emits: emitProbs
391
+ emits: emitProbs,
392
+ provide: function provide() {
393
+ return {
394
+ custom: this.custom
395
+ };
396
+ }
388
397
  })
389
398
  ], SpreadsheetComponent);
390
399
  return SpreadsheetComponent;