@revolist/vue-datagrid 4.2.0-next.1 → 4.2.0-next.7

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 (9) hide show
  1. package/dist/component.d.ts +2 -0
  2. package/dist/revogrid.d.ts +172 -0
  3. package/dist/vgrid.d.ts +8 -2
  4. package/dist/vgrid.js +1 -1
  5. package/dist/vue-component-lib/utils.d.ts +5 -0
  6. package/package.json +3 -3
  7. package/public/App.vue +0 -1
  8. package/src/component.tsx +34 -30
  9. package/src/vgrid.ts +12 -25
package/dist/component.d.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  import Vue, { CreateElement } from "vue";
2
+ import { RevoGrid as RevoGridComponent } from "@revolist/revogrid/custom-element";
2
3
  declare type WatchFunction = (this: Vue, newVal: any, oldVal: any) => void;
3
4
  declare type WatchResult = {
4
5
  [prop: string]: WatchFunction;
5
6
  };
7
+ export { RevoGridComponent };
6
8
  declare const _default: {
7
9
  name: string;
8
10
  props: string[];
package/dist/revogrid.d.ts ADDED
@@ -0,0 +1,172 @@
1
+ import Vue from 'vue';
2
+ import * as Default from '@revolist/revogrid/custom-element';
3
+ export default Default;
4
+ export declare const RevoGrid: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
5
+ refresh: (type?: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows | "all" | undefined) => Promise<void>;
6
+ scrollToRow: (coordinate?: number | undefined) => Promise<void>;
7
+ scrollToColumnIndex: (coordinate?: number | undefined) => Promise<void>;
8
+ scrollToColumnProp: (prop: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnProp) => Promise<void>;
9
+ updateColumns: (cols: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnRegular[]) => Promise<void>;
10
+ addTrimmed: (trimmed: Record<number, boolean>, trimmedType?: string | undefined, type?: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows | undefined) => Promise<CustomEvent<{
11
+ trimmed: Record<number, boolean>;
12
+ trimmedType: string;
13
+ type: string;
14
+ }>>;
15
+ scrollToCoordinate: (cell: Partial<import("@revolist/revogrid/dist/types/interfaces").Selection.Cell>) => Promise<void>;
16
+ setCellEdit: (rgRow: number, prop: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnProp, rowSource?: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows | undefined) => Promise<void>;
17
+ setCellsFocus: (cellStart?: import("@revolist/revogrid/dist/types/interfaces").Selection.Cell | undefined, cellEnd?: import("@revolist/revogrid/dist/types/interfaces").Selection.Cell | undefined, colType?: string | undefined, rowType?: string | undefined) => Promise<void>;
18
+ registerVNode: (elements: import("@revolist/revogrid/dist/types/stencil-public-runtime").VNode[]) => Promise<void>;
19
+ getSource: (type?: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows | undefined) => Promise<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DataType[]>;
20
+ getVisibleSource: (type?: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows | undefined) => Promise<any[]>;
21
+ getSourceStore: (type?: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows | undefined) => Promise<import("@revolist/revogrid/dist/types/components/data/columnService").RowSource>;
22
+ getColumnStore: (type?: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionCols | undefined) => Promise<import("@revolist/revogrid/dist/types/components/data/columnService").ColumnSource>;
23
+ updateColumnSorting: (column: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnRegular, index: number, order: "asc" | "desc", additive: boolean) => Promise<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnRegular>;
24
+ clearSorting: () => Promise<void>;
25
+ getColumns: () => Promise<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnRegular[]>;
26
+ clearFocus: () => Promise<void>;
27
+ getPlugins: () => Promise<import("@revolist/revogrid/dist/types/interfaces").RevoPlugin.Plugin[]>;
28
+ getFocused: () => Promise<import("@revolist/revogrid/dist/types/components/revoGrid/viewport.service").FocusedData | null>;
29
+ getContentSize: () => Promise<import("@revolist/revogrid/dist/types/interfaces").Selection.Cell>;
30
+ getSelectedRange: () => Promise<import("@revolist/revogrid/dist/types/interfaces").Selection.RangeArea | null>;
31
+ }, unknown, {
32
+ rowHeaders: boolean | import("@revolist/revogrid/dist/types/interfaces").RevoGrid.RowHeaders;
33
+ frameSize: number;
34
+ rowSize: number;
35
+ colSize: number;
36
+ range: boolean;
37
+ readonly: boolean;
38
+ resize: boolean;
39
+ canFocus: boolean;
40
+ useClipboard: boolean;
41
+ columns: (import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnRegular | import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnGrouping)[];
42
+ source: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DataType[];
43
+ pinnedTopSource: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DataType[];
44
+ pinnedBottomSource: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DataType[];
45
+ rowDefinitions: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.RowDefinition[];
46
+ editors: import("@revolist/revogrid/dist/types/interfaces").Edition.Editors;
47
+ applyEditorChangesOnClose: boolean;
48
+ plugins: typeof import("@revolist/revogrid/dist/types/interfaces").RevoPlugin.Plugin[];
49
+ columnTypes: {
50
+ [name: string]: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnType;
51
+ };
52
+ theme: import("@revolist/revogrid/dist/types/interfaces").ThemeSpace.Theme;
53
+ rowClass: string;
54
+ autoSizeColumn: boolean | import("@revolist/revogrid/dist/types/plugins/autoSizeColumn").AutoSizeColumnConfig;
55
+ filter: boolean | import("@revolist/revogrid/dist/types/plugins/filter/filter.plugin").ColumnFilterConfig;
56
+ focusTemplate: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.FocusTemplateFunc;
57
+ canMoveColumns: boolean;
58
+ trimmedRows: Record<number, boolean>;
59
+ exporting: boolean;
60
+ grouping: import("@revolist/revogrid/dist/types/plugins/groupingRow/grouping.row.types").GroupingOptions;
61
+ stretch: string | boolean;
62
+ }, {}>;
63
+ export declare const RevogrClipboard: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
64
+ doCopy: (e: DataTransfer, data?: any[][] | undefined) => Promise<void>;
65
+ }, unknown, Record<never, any>, {}>;
66
+ export declare const RevogrData: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, {
67
+ readonly: boolean;
68
+ range: boolean;
69
+ rowClass: string;
70
+ rowSelectionStore: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").Selection.SelectionStoreState>;
71
+ viewportRow: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ViewportState>;
72
+ viewportCol: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ViewportState>;
73
+ dimensionRow: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionSettingsState>;
74
+ colData: import("@revolist/revogrid/dist/types/components/data/columnService").ColumnSource;
75
+ dataStore: import("@revolist/revogrid/dist/types/components/data/columnService").RowSource;
76
+ type: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows;
77
+ }, {}>;
78
+ export declare const RevogrEdit: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
79
+ cancel: () => Promise<void>;
80
+ }, unknown, {
81
+ editCell: import("@revolist/revogrid/dist/types/interfaces").Edition.EditCell;
82
+ column: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnRegular | null;
83
+ editor: import("@revolist/revogrid/dist/types/interfaces").Edition.EditorCtr | null;
84
+ saveOnClose: boolean;
85
+ }, {}>;
86
+ export declare const RevogrFilterPanel: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
87
+ show: (newEntity?: import("@revolist/revogrid/dist/types/plugins/filter/filter.pop").ShowData | undefined) => Promise<void>;
88
+ getChanges: () => Promise<import("@revolist/revogrid/dist/types/plugins/filter/filter.pop").ShowData>;
89
+ }, unknown, {
90
+ uuid: string;
91
+ filterItems: import("@revolist/revogrid/dist/types/plugins/filter/filter.pop").MultiFilterItem;
92
+ filterTypes: Record<string, string[]>;
93
+ filterNames: Record<string, string>;
94
+ filterEntities: Record<string, import("@revolist/revogrid/dist/types/plugins/filter/filter.types").LogicFunction>;
95
+ filterCaptions: import("@revolist/revogrid/dist/types/plugins/filter/filter.plugin").FilterCaptions | undefined;
96
+ disableDynamicFiltering: boolean;
97
+ }, {}>;
98
+ export declare const RevogrFocus: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, {
99
+ selectionStore: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").Selection.SelectionStoreState>;
100
+ dimensionRow: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionSettingsState>;
101
+ dimensionCol: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionSettingsState>;
102
+ dataStore: import("@revolist/revogrid/dist/types/components/data/columnService").RowSource;
103
+ colData: import("@revolist/revogrid/dist/types/components/data/columnService").ColumnSource;
104
+ colType: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionCols;
105
+ rowType: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows;
106
+ focusTemplate: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.FocusTemplateFunc | null;
107
+ }, {}>;
108
+ export declare const RevogrHeader: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, {
109
+ viewportCol: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ViewportState>;
110
+ dimensionCol: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionSettingsState>;
111
+ selectionStore: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").Selection.SelectionStoreState>;
112
+ parent: string;
113
+ groups: import("@revolist/revogrid/dist/types/store/dataSource/data.store").Groups;
114
+ groupingDepth: number;
115
+ canResize: boolean;
116
+ colData: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnRegular[];
117
+ columnFilter: boolean;
118
+ type: string;
119
+ }, {}>;
120
+ export declare const RevogrOrderEditor: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
121
+ dragStart: (e: MouseEvent) => Promise<void>;
122
+ endOrder: (e: MouseEvent) => Promise<void>;
123
+ clearOrder: () => Promise<void>;
124
+ }, unknown, {
125
+ parent: HTMLElement;
126
+ dimensionRow: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionSettingsState>;
127
+ dimensionCol: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionSettingsState>;
128
+ dataStore: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/store/dataSource/data.store").DataSourceState<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DataType, import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows>>;
129
+ }, {}>;
130
+ export declare const RevogrOverlaySelection: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, {
131
+ readonly: boolean;
132
+ range: boolean;
133
+ canDrag: boolean;
134
+ useClipboard: boolean;
135
+ selectionStore: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").Selection.SelectionStoreState>;
136
+ dimensionRow: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionSettingsState>;
137
+ dimensionCol: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionSettingsState>;
138
+ dataStore: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/store/dataSource/data.store").DataSourceState<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DataType, import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows>>;
139
+ colData: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/store/dataSource/data.store").DataSourceState<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnRegular, import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionCols>>;
140
+ lastCell: import("@revolist/revogrid/dist/types/interfaces").Selection.Cell;
141
+ editors: import("@revolist/revogrid/dist/types/interfaces").Edition.Editors;
142
+ applyChangesOnClose: boolean;
143
+ }, {}>;
144
+ export declare const RevogrRowHeaders: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, {
145
+ height: number;
146
+ dataPorts: import("@revolist/revogrid/dist/types/components/revoGrid/viewport.interfaces").ViewportData[];
147
+ headerProp: Record<string, any>;
148
+ uiid: string;
149
+ rowClass: string;
150
+ resize: boolean;
151
+ rowHeaderColumn: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.RowHeaders;
152
+ }, {}>;
153
+ export declare const RevogrScrollVirtual: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
154
+ setScroll: (e: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ViewPortScrollEvent) => Promise<void>;
155
+ changeScroll: (e: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ViewPortScrollEvent) => Promise<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ViewPortScrollEvent>;
156
+ }, unknown, {
157
+ dimension: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionType;
158
+ viewportStore: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ViewportState>;
159
+ dimensionStore: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionSettingsState>;
160
+ }, {}>;
161
+ export declare const RevogrTempRange: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, {
162
+ selectionStore: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").Selection.SelectionStoreState>;
163
+ dimensionRow: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionSettingsState>;
164
+ dimensionCol: import("@revolist/revogrid/dist/types/interfaces").Observable<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionSettingsState>;
165
+ }, {}>;
166
+ export declare const RevogrViewportScroll: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
167
+ setScroll: (e: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ViewPortScrollEvent) => Promise<void>;
168
+ changeScroll: (e: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ViewPortScrollEvent) => Promise<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ViewPortScrollEvent>;
169
+ }, unknown, {
170
+ contentWidth: number;
171
+ contentHeight: number;
172
+ }, {}>;
package/dist/vgrid.d.ts CHANGED
@@ -1,9 +1,15 @@
1
- import { AsyncComponent } from "vue/types/options";
2
- export declare const VGrid: AsyncComponent;
3
1
  declare function install(Vue: any): void;
4
2
  export declare const VGridPlugin: {
5
3
  install: typeof install;
6
4
  };
5
+ export declare const VGrid: {
6
+ name: string;
7
+ props: string[];
8
+ watch: {
9
+ [prop: string]: (this: import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, newVal: any, oldVal: any) => void;
10
+ };
11
+ render(this: import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, h: import("vue").CreateElement): JSX.Element;
12
+ };
7
13
  export declare const VGridVueTemplate: (cntr: import("vue").VueConstructor<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>>, customProps?: any) => (h: Function, p: any) => JSX.Element;
8
14
  export declare const VGridVueTemplateConstructor: (vueConstructor: import("vue").VueConstructor<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>>, e: HTMLElement, p: Record<string, any>) => import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>> | null | undefined;
9
15
  export declare const VGridVueEditor: (vueConstructor: import("vue/types/umd").VueConstructor<import("vue/types/umd")>) => (column: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnDataSchemaModel, save: Function, close: Function) => import("./vue-editor-adapter").default;
package/dist/vgrid.js CHANGED
@@ -1 +1 @@
1
- !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("@revolist/revogrid/loader"),require("vue")):"function"==typeof define&&define.amd?define("VGrid",["@revolist/revogrid/loader","vue"],r):"object"==typeof exports?exports.VGrid=r(require("@revolist/revogrid/loader"),require("vue")):e.VGrid=r(e["@revolist/revogrid/loader"],e.vue)}(self,(function(e,r){return function(){"use strict";var t={829:function(r){r.exports=e},748:function(e){e.exports=r}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,o),i.exports}o.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(r,{a:r}),r},o.d=function(e,r){for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return function(){o.r(i),o.d(i,{VGrid:function(){return y},VGridPlugin:function(){return m},VGridVueEditor:function(){return j},VGridVueTemplate:function(){return b},VGridVueTemplateConstructor:function(){return w},default:function(){return C}});var e=o(829),r=function(){return r=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},r.apply(this,arguments)},t=["rowHeaders","frameSize","rowSize","colSize","range","readonly","resize","canFocus","useClipboard","columns","source","pinnedTopSource","pinnedBottomSource","rowDefinitions","editors","plugins","columnTypes","theme","rowClass","autoSizeColumn","filter","canMoveColumns","trimmedRows","exporting","grouping","stretch"],n={},u=[];t.forEach((function(e){var r=e;n[r]=e,u.push(r),r=e.toLowerCase(),n[r]=e,u.push(r),r=e.split(/(?=[A-Z])/).join("-"),n[r]=e,u.push(r)}));var s=t.reduce((function(e,r){return e[r]=function(e){this.$refs.grid[r]=e},e}),{}),c={name:"vue-data-grid",props:u,watch:s,render:function(e){var t={};for(var n in this.$props)t[n]=this.$props[n];return e("revo-grid",{ref:"grid",domProps:t,on:r({},this.$listeners)})}},f=o(748),l=o.n(f),a=function(){return a=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},a.apply(this,arguments)},d=function(e,r,t){if(!r)return null;var n;if((null==r?void 0:r.childNodes.length)&&(n=r.childNodes[0]),!n)return n=document.createElement("span"),r.appendChild(n),"object"==typeof e&&(e=l().extend(e)),new e({el:n,propsData:t});var o=n.__vue__;if(o)for(var i in t)o.$props[i]=t[i];return o},p=function(){return p=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},p.apply(this,arguments)},v=function(){function e(e,r,t,n){this.VueEditorConstructor=e,this.column=r,this.save=t,this.close=n,this.element=null,this.editCell=null}return e.prototype.componentDidRender=function(){},e.prototype.disconnectedCallback=function(){var e;null===(e=this.vueEl)||void 0===e||e.$destroy(),this.vueEl=void 0},e.prototype.render=function(e){var r=this;return e("span",{ref:function(e){return r.renderAdapter(e)}})},e.prototype.renderAdapter=function(e){if(e){var r=d(this.VueEditorConstructor,e,p(p({},this.editCell),{save:this.save,close:this.close}));r&&(this.vueEl=r)}},e}(),h=!1,y=function(r){!h&&e.defineCustomElements&&((0,e.defineCustomElements)(),h=!0),r(c)},g=!1,m={install:function(e){g||(g=!0,e.component("vue-data-grid",y))}},b=function(e,r){return function(t,n){var o=r?a(a({},r),n):n;return t("span",{ref:function(r){return d(e,r,o)}})}},w=d,j=function(e){return function(r,t,n){return new v(e,r,t,n)}},V=null;"undefined"!=typeof window?V=window.Vue:void 0!==o.g&&(V=o.g.Vue),V&&V.use(m);var C=y}(),i}()}));
1
+ !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("@revolist/revogrid/custom-element"),require("vue")):"function"==typeof define&&define.amd?define("VGrid",["@revolist/revogrid/custom-element","vue"],r):"object"==typeof exports?exports.VGrid=r(require("@revolist/revogrid/custom-element"),require("vue")):e.VGrid=r(e["@revolist/revogrid/custom-element"],e.vue)}(self,(function(e,r){return function(){"use strict";var t={239:function(r){r.exports=e},748:function(e){e.exports=r}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,o),i.exports}o.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(r,{a:r}),r},o.d=function(e,r){for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return function(){o.r(i),o.d(i,{VGrid:function(){return m},VGridPlugin:function(){return h},VGridVueEditor:function(){return b},VGridVueTemplate:function(){return y},VGridVueTemplateConstructor:function(){return g},default:function(){return j}}),o(239);var e=function(){return e=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},e.apply(this,arguments)},r=["rowHeaders","frameSize","rowSize","colSize","range","readonly","resize","canFocus","useClipboard","columns","source","pinnedTopSource","pinnedBottomSource","rowDefinitions","editors","applyEditorChangesOnClose","plugins","columnTypes","theme","rowClass","autoSizeColumn","filter","focusTemplate","canMoveColumns","trimmedRows","exporting","grouping","stretch"],t={},n=[];r.forEach((function(e){var r=e;t[r]=e,n.push(r),r=e.toLowerCase(),t[r]=e,n.push(r),r=e.split(/(?=[A-Z])/).join("-"),t[r]=e,n.push(r)}));var u=r.reduce((function(e,r){return e[r]=function(e){this.$refs.grid[r]=e},e}),{}),s={name:"vue-data-grid",props:n,watch:u,render:function(r){var t={};for(var n in this.$props)t[n]=this.$props[n];return r("revo-grid",{ref:"grid",domProps:t,on:e({},this.$listeners)})}},c=o(748),l=o.n(c),f=function(){return f=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},f.apply(this,arguments)},a=function(e,r,t){if(!r)return null;var n;if((null==r?void 0:r.childNodes.length)&&(n=r.childNodes[0]),!n)return n=document.createElement("span"),r.appendChild(n),"object"==typeof e&&(e=l().extend(e)),new e({el:n,propsData:t});var o=n.__vue__;if(o)for(var i in t)o.$props[i]=t[i];return o},p=function(){return p=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},p.apply(this,arguments)},d=function(){function e(e,r,t,n){this.VueEditorConstructor=e,this.column=r,this.save=t,this.close=n,this.element=null,this.editCell=null}return e.prototype.componentDidRender=function(){},e.prototype.disconnectedCallback=function(){var e;null===(e=this.vueEl)||void 0===e||e.$destroy(),this.vueEl=void 0},e.prototype.render=function(e){var r=this;return e("span",{ref:function(e){return r.renderAdapter(e)}})},e.prototype.renderAdapter=function(e){if(e){var r=a(this.VueEditorConstructor,e,p(p({},this.editCell),{save:this.save,close:this.close}));r&&(this.vueEl=r)}},e}(),v=!1,h={install:function(e){v||(v=!0,e.component("vue-data-grid",m))}},m=s,y=function(e,r){return function(t,n){var o=r?f(f({},r),n):n;return t("span",{ref:function(r){return a(e,r,o)}})}},g=a,b=function(e){return function(r,t,n){return new d(e,r,t,n)}},w=null;"undefined"!=typeof window?w=window.Vue:void 0!==o.g&&(w=o.g.Vue),w&&w.use(h);var j=m}(),i}()}));
package/dist/vue-component-lib/utils.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import Vue, { VNode, CreateElement } from "vue";
2
+ export declare const createCommonRender: (tagName: string, eventNames?: string[]) => (this: Vue, createElement: CreateElement) => VNode;
3
+ export declare const createCommonMethod: (methodName: string) => unknown;
4
+ export declare const toLowerCase: (str: string) => string;
5
+ export declare const toDashCase: (str: string) => string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@revolist/vue-datagrid",
3
- "version": "4.2.0-next.1",
3
+ "version": "4.2.0-next.7",
4
4
  "description": "Vue data grid spreadsheet",
5
5
  "main": "dist/vgrid.js",
6
6
  "scripts": {
@@ -31,8 +31,8 @@
31
31
  "homepage": "https://github.com/revolist/vue-datagrid#readme",
32
32
  "license": "MIT",
33
33
  "dependencies": {
34
- "@revolist/revogrid": "^4.2.0-next.1",
35
- "@stencil/core": "^2.17.3"
34
+ "@revolist/revogrid": "^4.2.0-next.7",
35
+ "@stencil/core": "^2.17.4"
36
36
  },
37
37
  "devDependencies": {
38
38
  "@vue/compiler-sfc": "^3.2.37",
package/public/App.vue CHANGED
@@ -17,7 +17,6 @@ const NewEditor = Vue.extend({
17
17
  click: (e: MouseEvent) => {
18
18
  e.stopPropagation();
19
19
  this.close();
20
- console.log('click', this.rowIndex);
21
20
  }
22
21
  }
23
22
  }, 'I am vue');
package/src/component.tsx CHANGED
@@ -1,41 +1,44 @@
1
1
  import Vue, { CreateElement } from "vue";
2
+ import { RevoGrid as RevoGridComponent } from "@revolist/revogrid/custom-element";
3
+
2
4
 
3
5
  type Prop = any;
4
6
  type WatchFunction = (this: Vue, newVal: any, oldVal: any) => void;
5
7
  type WatchResult = { [prop: string]: WatchFunction };
6
-
7
- const props: Prop[] = [
8
- "rowHeaders",
9
- "frameSize",
10
- "rowSize",
11
- "colSize",
12
- "range",
13
- "readonly",
14
- "resize",
15
- "canFocus",
16
- "useClipboard",
17
- "columns",
18
- "source",
19
- "pinnedTopSource",
20
- "pinnedBottomSource",
21
- "rowDefinitions",
22
- "editors",
23
- "plugins",
24
- "columnTypes",
25
- "theme",
26
- "rowClass",
27
- "autoSizeColumn",
28
- "filter",
29
- "canMoveColumns",
30
- "trimmedRows",
31
- "exporting",
32
- "grouping",
33
- "stretch",
8
+ const REVOGRID_PROPS = [
9
+ 'rowHeaders',
10
+ 'frameSize',
11
+ 'rowSize',
12
+ 'colSize',
13
+ 'range',
14
+ 'readonly',
15
+ 'resize',
16
+ 'canFocus',
17
+ 'useClipboard',
18
+ 'columns',
19
+ 'source',
20
+ 'pinnedTopSource',
21
+ 'pinnedBottomSource',
22
+ 'rowDefinitions',
23
+ 'editors',
24
+ 'applyEditorChangesOnClose',
25
+ 'plugins',
26
+ 'columnTypes',
27
+ 'theme',
28
+ 'rowClass',
29
+ 'autoSizeColumn',
30
+ 'filter',
31
+ 'focusTemplate',
32
+ 'canMoveColumns',
33
+ 'trimmedRows',
34
+ 'exporting',
35
+ 'grouping',
36
+ 'stretch'
34
37
  ];
35
38
 
36
39
  const propsKeys: Record<string, any> = {};
37
40
  const propsExtended: string[] = [];
38
- props.forEach((prop) => {
41
+ REVOGRID_PROPS.forEach((prop) => {
39
42
  let p: string = prop;
40
43
  propsKeys[p] = prop; // regular
41
44
  propsExtended.push(p);
@@ -49,7 +52,7 @@ props.forEach((prop) => {
49
52
  propsExtended.push(p);
50
53
  });
51
54
 
52
- const watch = props.reduce((res: WatchResult, p: Prop) => {
55
+ const watch = REVOGRID_PROPS.reduce((res: WatchResult, p: Prop) => {
53
56
  const watchFunc = function (this: Vue, newVal: any) {
54
57
  const grid = this.$refs.grid as any;
55
58
  grid[p] = newVal as never;
@@ -58,6 +61,7 @@ const watch = props.reduce((res: WatchResult, p: Prop) => {
58
61
  return res;
59
62
  }, {});
60
63
 
64
+ export { RevoGridComponent };
61
65
  export default {
62
66
  name: "vue-data-grid",
63
67
  props: propsExtended,
package/src/vgrid.ts CHANGED
@@ -1,33 +1,20 @@
1
- import { Component } from "vue";
2
- import { defineCustomElements } from '@revolist/revogrid/loader';
3
- import vueGrid from './component';
4
- import { AsyncComponent } from "vue/types/options";
5
- import vueTemplate, {vueTemplateConstructor} from "./vue-template";
1
+ import vueGrid from "./component";
2
+ import vueTemplate, { vueTemplateConstructor } from "./vue-template";
6
3
  import vueEditor from "./vue-editor";
7
4
 
8
- let isDefined = false;
9
- export const VGrid: AsyncComponent = (resolve: (c: Component) => void) => {
10
- if (!isDefined && defineCustomElements) {
11
- defineCustomElements();
12
- isDefined = true;
13
- }
14
- resolve(vueGrid);
15
- return;
16
- };
17
-
18
5
  let installed = false;
19
-
20
- function install (Vue: any) {
6
+ function install(Vue: any) {
21
7
  if (installed) {
22
8
  return;
23
9
  }
24
10
  installed = true;
25
- Vue.component('vue-data-grid', VGrid);
11
+ Vue.component("vue-data-grid", VGrid);
26
12
  }
27
13
  export const VGridPlugin = {
28
- install
14
+ install,
29
15
  };
30
16
 
17
+ export const VGrid = vueGrid;
31
18
  // Vue template wrapper for virtual nodes
32
19
  export const VGridVueTemplate = vueTemplate;
33
20
 
@@ -38,13 +25,13 @@ export const VGridVueTemplateConstructor = vueTemplateConstructor;
38
25
  export const VGridVueEditor = vueEditor;
39
26
 
40
27
  // Auto-install
41
- let GlobalVue = null
42
- if (typeof window !== 'undefined') {
43
- GlobalVue = window.Vue
44
- } else if (typeof global !== 'undefined') {
45
- GlobalVue = global.Vue
28
+ let GlobalVue = null;
29
+ if (typeof window !== "undefined") {
30
+ GlobalVue = window.Vue;
31
+ } else if (typeof global !== "undefined") {
32
+ GlobalVue = global.Vue;
46
33
  }
47
34
  if (GlobalVue) {
48
- GlobalVue.use(VGridPlugin)
35
+ GlobalVue.use(VGridPlugin);
49
36
  }
50
37
  export default VGrid;