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

package/dist/vgrid.d.ts

@@ -2,65 +2,14 @@ declare function install(Vue: any): void;
 export declare const VGridPlugin: {
     install: typeof install;
 };
-export declare const VGrid: import("vue/types/vue").ExtendedVue<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>>, unknown, {
-    refresh: (type?: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows | "all" | undefined) => Promise<void>;
-    scrollToRow: (coordinate?: number | undefined) => Promise<void>;
-    scrollToColumnIndex: (coordinate?: number | undefined) => Promise<void>;
-    scrollToColumnProp: (prop: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnProp) => Promise<void>;
-    updateColumns: (cols: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnRegular[]) => Promise<void>;
-    addTrimmed: (trimmed: Record<number, boolean>, trimmedType?: string | undefined, type?: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows | undefined) => Promise<CustomEvent<{
-        trimmed: Record<number, boolean>;
-        trimmedType: string;
-        type: string;
-    }>>;
-    scrollToCoordinate: (cell: Partial<import("@revolist/revogrid/dist/types/interfaces").Selection.Cell>) => Promise<void>;
-    setCellEdit: (rgRow: number, prop: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnProp, rowSource?: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows | undefined) => Promise<void>;
-    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>;
-    registerVNode: (elements: import("@revolist/revogrid/dist/types/stencil-public-runtime").VNode[]) => Promise<void>;
-    getSource: (type?: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows | undefined) => Promise<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DataType[]>;
-    getVisibleSource: (type?: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows | undefined) => Promise<any[]>;
-    getSourceStore: (type?: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionRows | undefined) => Promise<import("@revolist/revogrid/dist/types/components/data/columnService").RowSource>;
-    getColumnStore: (type?: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DimensionCols | undefined) => Promise<import("@revolist/revogrid/dist/types/components/data/columnService").ColumnSource>;
-    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>;
-    clearSorting: () => Promise<void>;
-    getColumns: () => Promise<import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnRegular[]>;
-    clearFocus: () => Promise<void>;
-    getPlugins: () => Promise<import("@revolist/revogrid/dist/types/interfaces").RevoPlugin.Plugin[]>;
-    getFocused: () => Promise<import("@revolist/revogrid/dist/types/components/revoGrid/viewport.service").FocusedData | null>;
-    getContentSize: () => Promise<import("@revolist/revogrid/dist/types/interfaces").Selection.Cell>;
-    getSelectedRange: () => Promise<import("@revolist/revogrid/dist/types/interfaces").Selection.RangeArea | null>;
-}, unknown, {
-    rowHeaders: boolean | import("@revolist/revogrid/dist/types/interfaces").RevoGrid.RowHeaders;
-    frameSize: number;
-    rowSize: number;
-    colSize: number;
-    range: boolean;
-    readonly: boolean;
-    resize: boolean;
-    canFocus: boolean;
-    useClipboard: boolean;
-    columns: (import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnRegular | import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnGrouping)[];
-    source: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DataType[];
-    pinnedTopSource: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DataType[];
-    pinnedBottomSource: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.DataType[];
-    rowDefinitions: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.RowDefinition[];
-    editors: import("@revolist/revogrid/dist/types/interfaces").Edition.Editors;
-    applyEditorChangesOnClose: boolean;
-    plugins: typeof import("@revolist/revogrid/dist/types/interfaces").RevoPlugin.Plugin[];
-    columnTypes: {
-        [name: string]: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.ColumnType;
+export declare const VGrid: {
+    name: string;
+    props: string[];
+    watch: {
+        [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;
     };
-    theme: import("@revolist/revogrid/dist/types/interfaces").ThemeSpace.Theme;
-    rowClass: string;
-    autoSizeColumn: boolean | import("@revolist/revogrid/dist/types/plugins/autoSizeColumn").AutoSizeColumnConfig;
-    filter: boolean | import("@revolist/revogrid/dist/types/plugins/filter/filter.plugin").ColumnFilterConfig;
-    focusTemplate: import("@revolist/revogrid/dist/types/interfaces").RevoGrid.FocusTemplateFunc;
-    canMoveColumns: boolean;
-    trimmedRows: Record<number, boolean>;
-    exporting: boolean;
-    grouping: import("@revolist/revogrid/dist/types/plugins/groupingRow/grouping.row.types").GroupingOptions;
-    stretch: string | boolean;
-}, {}>;
+    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;
+};
 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;
 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;
 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

@@ -1 +1 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("vue"),require("@revolist/revogrid/custom-element")):"function"==typeof define&&define.amd?define("VGrid",["vue","@revolist/revogrid/custom-element"],r):"object"==typeof exports?exports.VGrid=r(require("vue"),require("@revolist/revogrid/custom-element")):e.VGrid=r(e.vue,e["@revolist/revogrid/custom-element"])}(self,(function(e,r){return function(){"use strict";var o={239:function(e){e.exports=r},748:function(r){r.exports=e}},t={};function n(e){var r=t[e];if(void 0!==r)return r.exports;var i=t[e]={exports:{}};return o[e](i,i.exports,n),i.exports}n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,{a:r}),r},n.d=function(e,r){for(var o in r)n.o(r,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},n.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(){n.r(i),n.d(i,{VGrid:function(){return m},VGridPlugin:function(){return v},VGridVueEditor:function(){return y},VGridVueTemplate:function(){return h},VGridVueTemplateConstructor:function(){return b},default:function(){return w}});var e=n(748),r=n.n(e),o=function(){return o=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var n in r=arguments[o])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},o.apply(this,arguments)},t=function(e,r){return void 0===r&&(r=[]),function(t){var n=this,i=r.reduce((function(e,r){var t;return o(o({},e),((t={})[r]=function(e){var o,t=e.detail;(null===(o=e.detail)||void 0===o?void 0:o.value)&&(t=e.detail.value),n.$emit(r,t)},t))}),n.$listeners),l=n.$props?Object.keys(n.$props).reduce((function(e,r){return e[u(r)]=n.$props[r],e}),{}):{};return t(e,{ref:"wc",domProps:n.$props,on:i,attrs:o(o({},l),{"data-testid":e})},[n.$slots.default])}},l=function(e){return function(){for(var r,o=[],t=0;t<arguments.length;t++)o[t]=arguments[t];(r=this.$refs.wc)[e].apply(r,o)}},u=function(e){return function(e){return e.toLowerCase()}(e.replace(/([A-Z0-9])/g,(function(e){return" "+e[0]})).trim().replace(/ /g,"-"))},a=(n(239),function(e,r,o){if(o||2===arguments.length)for(var t,n=0,i=r.length;n<i;n++)!t&&n in r||(t||(t=Array.prototype.slice.call(r,0,n)),t[n]=r[n]);return e.concat(t||Array.prototype.slice.call(r))});r().config.ignoredElements=a(a([],r().config.ignoredElements,!0),["revo-grid","revogr-clipboard","revogr-data","revogr-edit","revogr-filter-panel","revogr-focus","revogr-header","revogr-order-editor","revogr-overlay-selection","revogr-row-headers","revogr-scroll-virtual","revogr-temp-range","revogr-viewport-scroll"],!0);var c=r().extend({props:{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:{}},methods:{refresh:l("refresh"),scrollToRow:l("scrollToRow"),scrollToColumnIndex:l("scrollToColumnIndex"),scrollToColumnProp:l("scrollToColumnProp"),updateColumns:l("updateColumns"),addTrimmed:l("addTrimmed"),scrollToCoordinate:l("scrollToCoordinate"),setCellEdit:l("setCellEdit"),setCellsFocus:l("setCellsFocus"),registerVNode:l("registerVNode"),getSource:l("getSource"),getVisibleSource:l("getVisibleSource"),getSourceStore:l("getSourceStore"),getColumnStore:l("getColumnStore"),updateColumnSorting:l("updateColumnSorting"),clearSorting:l("clearSorting"),getColumns:l("getColumns"),clearFocus:l("clearFocus"),getPlugins:l("getPlugins"),getFocused:l("getFocused"),getContentSize:l("getContentSize"),getSelectedRange:l("getSelectedRange")},render:t("revo-grid",["contentsizechanged","beforeedit","beforerangeedit","afteredit","beforeautofill","beforeange","afterfocus","roworderchanged","beforesourcesortingapply","beforesortingapply","beforesorting","rowdragstart","headerclick","beforecellfocus","beforefocuslost","beforesourceset","before-any-source","aftersourceset","beforecolumnsset","beforecolumnapplied","aftercolumnsset","beforefilterapply","beforefiltertrimmed","beforetrimmed","aftertrimmed","viewportscroll","beforeexport","beforeeditstart","aftercolumnresize","beforerowdefinition","filterconfigchanged","rowheaderschanged"])}),s=(l("doCopy"),t("revogr-clipboard",["copyRegion","pasteRegion"]),t("revogr-data",["dragStartCell","beforeRowRender","before-cell-render"]),l("cancel"),t("revogr-edit",["cellEdit","closeEdit"]),l("show"),l("getChanges"),t("revogr-filter-panel",["filterChange"]),t("revogr-focus",["before-focus-render","afterfocus"]),t("revogr-header",["initialHeaderClick","headerresize","before-resize","headerdblClick"]),l("dragStart"),l("endOrder"),l("clearOrder"),t("revogr-order-editor",["internalRowDragStart","internalRowDragEnd","internalRowDrag","internalRowMouseMove","initialRowDropped"]),t("revogr-overlay-selection",["internalCopy","internalPaste","internalCellEdit","beforeFocusCell","setEdit","before-apply-range","before-set-range","before-edit-render","setRange","setTempRange","applyFocus","focusCell","beforeRangeDataApply","internalSelectionChanged","beforeRangeCopyApply","internalRangeDataApply","rangeClipboardCopy","rangeClipboardPaste","before-cell-save"]),t("revogr-row-headers",["scrollViewport","elementToScroll"]),l("setScroll"),l("changeScroll"),t("revogr-scroll-virtual",["scrollVirtual"]),t("revogr-temp-range",[]),l("setScroll"),l("changeScroll"),t("revogr-viewport-scroll",["scrollViewport","resizeViewport","scrollchange"]),function(){return s=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var n in r=arguments[o])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},s.apply(this,arguments)}),d=function(e,o,t){if(!o)return null;var n;if((null==o?void 0:o.childNodes.length)&&(n=o.childNodes[0]),!n)return n=document.createElement("span"),o.appendChild(n),"object"==typeof e&&(e=r().extend(e)),new e({el:n,propsData:t});var i=n.__vue__;if(i)for(var l in t)i.$props[l]=t[l];return i},f=function(){return f=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var n in r=arguments[o])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},f.apply(this,arguments)},p=function(){function e(e,r,o,t){this.VueEditorConstructor=e,this.column=r,this.save=o,this.close=t,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,f(f({},this.editCell),{save:this.save,close:this.close}));r&&(this.vueEl=r)}},e}(),g=!1,v={install:function(e){g||(g=!0,e.component("vue-data-grid",m))}},m=c,h=function(e,r){return function(o,t){var n=r?s(s({},r),t):t;return o("span",{ref:function(r){return d(e,r,n)}})}},b=d,y=function(e){return function(r,o,t){return new p(e,r,o,t)}},C=null;"undefined"!=typeof window?C=window.Vue:void 0!==n.g&&(C=n.g.Vue),C&&C.use(v);var w=m}(),i}()}));
+!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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revolist/vue-datagrid",
-  "version": "4.2.0-next.6",
+  "version": "4.2.0-next.7",
   "description": "Vue data grid spreadsheet",
   "main": "dist/vgrid.js",
   "scripts": {

package/src/component.tsx

@@ -0,0 +1,84 @@
+import Vue, { CreateElement } from "vue";
+import { RevoGrid as RevoGridComponent } from "@revolist/revogrid/custom-element";
+
+
+type Prop = any;
+type WatchFunction = (this: Vue, newVal: any, oldVal: any) => void;
+type WatchResult = { [prop: string]: WatchFunction };
+const REVOGRID_PROPS = [
+  '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'
+];
+
+const propsKeys: Record<string, any> = {};
+const propsExtended: string[] = [];
+REVOGRID_PROPS.forEach((prop) => {
+  let p: string = prop;
+  propsKeys[p] = prop; // regular
+  propsExtended.push(p);
+
+  p = prop.toLowerCase();
+  propsKeys[p] = prop; // lower cased
+  propsExtended.push(p);
+
+  p = prop.split(/(?=[A-Z])/).join("-");
+  propsKeys[p] = prop; // kebab
+  propsExtended.push(p);
+});
+
+const watch = REVOGRID_PROPS.reduce((res: WatchResult, p: Prop) => {
+  const watchFunc = function (this: Vue, newVal: any) {
+    const grid = this.$refs.grid as any;
+    grid[p] = newVal as never;
+  };
+  res[p] = watchFunc;
+  return res;
+}, {});
+
+export { RevoGridComponent };
+export default {
+  name: "vue-data-grid",
+  props: propsExtended,
+  watch,
+  render(this: Vue, h: CreateElement) {
+    const domProps: Record<string, any> = {};
+    for (const key in this.$props) {
+      domProps[key] = this.$props[key];
+    }
+    return (
+      <revo-grid
+        ref="grid"
+        domProps={domProps}
+        on={{
+          ...this.$listeners,
+        }}
+      />
+    );
+  },
+};

package/src/vgrid.ts

@@ -1,4 +1,4 @@
-import { RevoGrid as vueGrid} from "./revogrid";
+import vueGrid from "./component";
 import vueTemplate, { vueTemplateConstructor } from "./vue-template";
 import vueEditor from "./vue-editor";
 

package/src/revogrid.ts

@@ -1,306 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-/* auto-generated vue proxies */
-import Vue, { PropOptions } from 'vue';
-import { createCommonRender, createCommonMethod } from './vue-component-lib/utils';
-
-import type { Components } from '@revolist/revogrid';
-
-
-    import * as Default from '@revolist/revogrid/custom-element';
-
-    export default Default;
-
-    
-
-
-const customElementTags: string[] = [
- 'revo-grid',
- 'revogr-clipboard',
- 'revogr-data',
- 'revogr-edit',
- 'revogr-filter-panel',
- 'revogr-focus',
- 'revogr-header',
- 'revogr-order-editor',
- 'revogr-overlay-selection',
- 'revogr-row-headers',
- 'revogr-scroll-virtual',
- 'revogr-temp-range',
- 'revogr-viewport-scroll',
-];
-Vue.config.ignoredElements = [...Vue.config.ignoredElements, ...customElementTags];
-
-
-export const RevoGrid = /*@__PURE__*/ Vue.extend({
-
-  props: {
-    rowHeaders: {} as PropOptions<Components.RevoGrid['rowHeaders']>,
-    frameSize: {} as PropOptions<Components.RevoGrid['frameSize']>,
-    rowSize: {} as PropOptions<Components.RevoGrid['rowSize']>,
-    colSize: {} as PropOptions<Components.RevoGrid['colSize']>,
-    range: {} as PropOptions<Components.RevoGrid['range']>,
-    readonly: {} as PropOptions<Components.RevoGrid['readonly']>,
-    resize: {} as PropOptions<Components.RevoGrid['resize']>,
-    canFocus: {} as PropOptions<Components.RevoGrid['canFocus']>,
-    useClipboard: {} as PropOptions<Components.RevoGrid['useClipboard']>,
-    columns: {} as PropOptions<Components.RevoGrid['columns']>,
-    source: {} as PropOptions<Components.RevoGrid['source']>,
-    pinnedTopSource: {} as PropOptions<Components.RevoGrid['pinnedTopSource']>,
-    pinnedBottomSource: {} as PropOptions<Components.RevoGrid['pinnedBottomSource']>,
-    rowDefinitions: {} as PropOptions<Components.RevoGrid['rowDefinitions']>,
-    editors: {} as PropOptions<Components.RevoGrid['editors']>,
-    applyEditorChangesOnClose: {} as PropOptions<Components.RevoGrid['applyEditorChangesOnClose']>,
-    plugins: {} as PropOptions<Components.RevoGrid['plugins']>,
-    columnTypes: {} as PropOptions<Components.RevoGrid['columnTypes']>,
-    theme: {} as PropOptions<Components.RevoGrid['theme']>,
-    rowClass: {} as PropOptions<Components.RevoGrid['rowClass']>,
-    autoSizeColumn: {} as PropOptions<Components.RevoGrid['autoSizeColumn']>,
-    filter: {} as PropOptions<Components.RevoGrid['filter']>,
-    focusTemplate: {} as PropOptions<Components.RevoGrid['focusTemplate']>,
-    canMoveColumns: {} as PropOptions<Components.RevoGrid['canMoveColumns']>,
-    trimmedRows: {} as PropOptions<Components.RevoGrid['trimmedRows']>,
-    exporting: {} as PropOptions<Components.RevoGrid['exporting']>,
-    grouping: {} as PropOptions<Components.RevoGrid['grouping']>,
-    stretch: {} as PropOptions<Components.RevoGrid['stretch']>,
-  },
-
-
-  methods: {
-    refresh: createCommonMethod('refresh') as Components.RevoGrid['refresh'],
-    scrollToRow: createCommonMethod('scrollToRow') as Components.RevoGrid['scrollToRow'],
-    scrollToColumnIndex: createCommonMethod('scrollToColumnIndex') as Components.RevoGrid['scrollToColumnIndex'],
-    scrollToColumnProp: createCommonMethod('scrollToColumnProp') as Components.RevoGrid['scrollToColumnProp'],
-    updateColumns: createCommonMethod('updateColumns') as Components.RevoGrid['updateColumns'],
-    addTrimmed: createCommonMethod('addTrimmed') as Components.RevoGrid['addTrimmed'],
-    scrollToCoordinate: createCommonMethod('scrollToCoordinate') as Components.RevoGrid['scrollToCoordinate'],
-    setCellEdit: createCommonMethod('setCellEdit') as Components.RevoGrid['setCellEdit'],
-    setCellsFocus: createCommonMethod('setCellsFocus') as Components.RevoGrid['setCellsFocus'],
-    registerVNode: createCommonMethod('registerVNode') as Components.RevoGrid['registerVNode'],
-    getSource: createCommonMethod('getSource') as Components.RevoGrid['getSource'],
-    getVisibleSource: createCommonMethod('getVisibleSource') as Components.RevoGrid['getVisibleSource'],
-    getSourceStore: createCommonMethod('getSourceStore') as Components.RevoGrid['getSourceStore'],
-    getColumnStore: createCommonMethod('getColumnStore') as Components.RevoGrid['getColumnStore'],
-    updateColumnSorting: createCommonMethod('updateColumnSorting') as Components.RevoGrid['updateColumnSorting'],
-    clearSorting: createCommonMethod('clearSorting') as Components.RevoGrid['clearSorting'],
-    getColumns: createCommonMethod('getColumns') as Components.RevoGrid['getColumns'],
-    clearFocus: createCommonMethod('clearFocus') as Components.RevoGrid['clearFocus'],
-    getPlugins: createCommonMethod('getPlugins') as Components.RevoGrid['getPlugins'],
-    getFocused: createCommonMethod('getFocused') as Components.RevoGrid['getFocused'],
-    getContentSize: createCommonMethod('getContentSize') as Components.RevoGrid['getContentSize'],
-    getSelectedRange: createCommonMethod('getSelectedRange') as Components.RevoGrid['getSelectedRange'],
-  },
-  render: createCommonRender('revo-grid', ['contentsizechanged', 'beforeedit', 'beforerangeedit', 'afteredit', 'beforeautofill', 'beforeange', 'afterfocus', 'roworderchanged', 'beforesourcesortingapply', 'beforesortingapply', 'beforesorting', 'rowdragstart', 'headerclick', 'beforecellfocus', 'beforefocuslost', 'beforesourceset', 'before-any-source', 'aftersourceset', 'beforecolumnsset', 'beforecolumnapplied', 'aftercolumnsset', 'beforefilterapply', 'beforefiltertrimmed', 'beforetrimmed', 'aftertrimmed', 'viewportscroll', 'beforeexport', 'beforeeditstart', 'aftercolumnresize', 'beforerowdefinition', 'filterconfigchanged', 'rowheaderschanged']),
-});
-
-
-export const RevogrClipboard = /*@__PURE__*/ Vue.extend({
-
-
-
-  methods: {
-    doCopy: createCommonMethod('doCopy') as Components.RevogrClipboard['doCopy'],
-  },
-  render: createCommonRender('revogr-clipboard', ['copyRegion', 'pasteRegion']),
-});
-
-
-export const RevogrData = /*@__PURE__*/ Vue.extend({
-
-  props: {
-    readonly: {} as PropOptions<Components.RevogrData['readonly']>,
-    range: {} as PropOptions<Components.RevogrData['range']>,
-    rowClass: {} as PropOptions<Components.RevogrData['rowClass']>,
-    rowSelectionStore: {} as PropOptions<Components.RevogrData['rowSelectionStore']>,
-    viewportRow: {} as PropOptions<Components.RevogrData['viewportRow']>,
-    viewportCol: {} as PropOptions<Components.RevogrData['viewportCol']>,
-    dimensionRow: {} as PropOptions<Components.RevogrData['dimensionRow']>,
-    colData: {} as PropOptions<Components.RevogrData['colData']>,
-    dataStore: {} as PropOptions<Components.RevogrData['dataStore']>,
-    type: {} as PropOptions<Components.RevogrData['type']>,
-  },
-
-
-  render: createCommonRender('revogr-data', ['dragStartCell', 'beforeRowRender', 'before-cell-render']),
-});
-
-
-export const RevogrEdit = /*@__PURE__*/ Vue.extend({
-
-  props: {
-    editCell: {} as PropOptions<Components.RevogrEdit['editCell']>,
-    column: {} as PropOptions<Components.RevogrEdit['column']>,
-    editor: {} as PropOptions<Components.RevogrEdit['editor']>,
-    saveOnClose: {} as PropOptions<Components.RevogrEdit['saveOnClose']>,
-  },
-
-
-  methods: {
-    cancel: createCommonMethod('cancel') as Components.RevogrEdit['cancel'],
-  },
-  render: createCommonRender('revogr-edit', ['cellEdit', 'closeEdit']),
-});
-
-
-export const RevogrFilterPanel = /*@__PURE__*/ Vue.extend({
-
-  props: {
-    uuid: {} as PropOptions<Components.RevogrFilterPanel['uuid']>,
-    filterItems: {} as PropOptions<Components.RevogrFilterPanel['filterItems']>,
-    filterTypes: {} as PropOptions<Components.RevogrFilterPanel['filterTypes']>,
-    filterNames: {} as PropOptions<Components.RevogrFilterPanel['filterNames']>,
-    filterEntities: {} as PropOptions<Components.RevogrFilterPanel['filterEntities']>,
-    filterCaptions: {} as PropOptions<Components.RevogrFilterPanel['filterCaptions']>,
-    disableDynamicFiltering: {} as PropOptions<Components.RevogrFilterPanel['disableDynamicFiltering']>,
-  },
-
-
-  methods: {
-    show: createCommonMethod('show') as Components.RevogrFilterPanel['show'],
-    getChanges: createCommonMethod('getChanges') as Components.RevogrFilterPanel['getChanges'],
-  },
-  render: createCommonRender('revogr-filter-panel', ['filterChange']),
-});
-
-
-export const RevogrFocus = /*@__PURE__*/ Vue.extend({
-
-  props: {
-    selectionStore: {} as PropOptions<Components.RevogrFocus['selectionStore']>,
-    dimensionRow: {} as PropOptions<Components.RevogrFocus['dimensionRow']>,
-    dimensionCol: {} as PropOptions<Components.RevogrFocus['dimensionCol']>,
-    dataStore: {} as PropOptions<Components.RevogrFocus['dataStore']>,
-    colData: {} as PropOptions<Components.RevogrFocus['colData']>,
-    colType: {} as PropOptions<Components.RevogrFocus['colType']>,
-    rowType: {} as PropOptions<Components.RevogrFocus['rowType']>,
-    focusTemplate: {} as PropOptions<Components.RevogrFocus['focusTemplate']>,
-  },
-
-
-  render: createCommonRender('revogr-focus', ['before-focus-render', 'afterfocus']),
-});
-
-
-export const RevogrHeader = /*@__PURE__*/ Vue.extend({
-
-  props: {
-    viewportCol: {} as PropOptions<Components.RevogrHeader['viewportCol']>,
-    dimensionCol: {} as PropOptions<Components.RevogrHeader['dimensionCol']>,
-    selectionStore: {} as PropOptions<Components.RevogrHeader['selectionStore']>,
-    parent: {} as PropOptions<Components.RevogrHeader['parent']>,
-    groups: {} as PropOptions<Components.RevogrHeader['groups']>,
-    groupingDepth: {} as PropOptions<Components.RevogrHeader['groupingDepth']>,
-    canResize: {} as PropOptions<Components.RevogrHeader['canResize']>,
-    colData: {} as PropOptions<Components.RevogrHeader['colData']>,
-    columnFilter: {} as PropOptions<Components.RevogrHeader['columnFilter']>,
-    type: {} as PropOptions<Components.RevogrHeader['type']>,
-  },
-
-
-  render: createCommonRender('revogr-header', ['initialHeaderClick', 'headerresize', 'before-resize', 'headerdblClick']),
-});
-
-
-export const RevogrOrderEditor = /*@__PURE__*/ Vue.extend({
-
-  props: {
-    parent: {} as PropOptions<Components.RevogrOrderEditor['parent']>,
-    dimensionRow: {} as PropOptions<Components.RevogrOrderEditor['dimensionRow']>,
-    dimensionCol: {} as PropOptions<Components.RevogrOrderEditor['dimensionCol']>,
-    dataStore: {} as PropOptions<Components.RevogrOrderEditor['dataStore']>,
-  },
-
-
-  methods: {
-    dragStart: createCommonMethod('dragStart') as Components.RevogrOrderEditor['dragStart'],
-    endOrder: createCommonMethod('endOrder') as Components.RevogrOrderEditor['endOrder'],
-    clearOrder: createCommonMethod('clearOrder') as Components.RevogrOrderEditor['clearOrder'],
-  },
-  render: createCommonRender('revogr-order-editor', ['internalRowDragStart', 'internalRowDragEnd', 'internalRowDrag', 'internalRowMouseMove', 'initialRowDropped']),
-});
-
-
-export const RevogrOverlaySelection = /*@__PURE__*/ Vue.extend({
-
-  props: {
-    readonly: {} as PropOptions<Components.RevogrOverlaySelection['readonly']>,
-    range: {} as PropOptions<Components.RevogrOverlaySelection['range']>,
-    canDrag: {} as PropOptions<Components.RevogrOverlaySelection['canDrag']>,
-    useClipboard: {} as PropOptions<Components.RevogrOverlaySelection['useClipboard']>,
-    selectionStore: {} as PropOptions<Components.RevogrOverlaySelection['selectionStore']>,
-    dimensionRow: {} as PropOptions<Components.RevogrOverlaySelection['dimensionRow']>,
-    dimensionCol: {} as PropOptions<Components.RevogrOverlaySelection['dimensionCol']>,
-    dataStore: {} as PropOptions<Components.RevogrOverlaySelection['dataStore']>,
-    colData: {} as PropOptions<Components.RevogrOverlaySelection['colData']>,
-    lastCell: {} as PropOptions<Components.RevogrOverlaySelection['lastCell']>,
-    editors: {} as PropOptions<Components.RevogrOverlaySelection['editors']>,
-    applyChangesOnClose: {} as PropOptions<Components.RevogrOverlaySelection['applyChangesOnClose']>,
-  },
-
-
-  render: createCommonRender('revogr-overlay-selection', ['internalCopy', 'internalPaste', 'internalCellEdit', 'beforeFocusCell', 'setEdit', 'before-apply-range', 'before-set-range', 'before-edit-render', 'setRange', 'setTempRange', 'applyFocus', 'focusCell', 'beforeRangeDataApply', 'internalSelectionChanged', 'beforeRangeCopyApply', 'internalRangeDataApply', 'rangeClipboardCopy', 'rangeClipboardPaste', 'before-cell-save']),
-});
-
-
-export const RevogrRowHeaders = /*@__PURE__*/ Vue.extend({
-
-  props: {
-    height: {} as PropOptions<Components.RevogrRowHeaders['height']>,
-    dataPorts: {} as PropOptions<Components.RevogrRowHeaders['dataPorts']>,
-    headerProp: {} as PropOptions<Components.RevogrRowHeaders['headerProp']>,
-    uiid: {} as PropOptions<Components.RevogrRowHeaders['uiid']>,
-    rowClass: {} as PropOptions<Components.RevogrRowHeaders['rowClass']>,
-    resize: {} as PropOptions<Components.RevogrRowHeaders['resize']>,
-    rowHeaderColumn: {} as PropOptions<Components.RevogrRowHeaders['rowHeaderColumn']>,
-  },
-
-
-  render: createCommonRender('revogr-row-headers', ['scrollViewport', 'elementToScroll']),
-});
-
-
-export const RevogrScrollVirtual = /*@__PURE__*/ Vue.extend({
-
-  props: {
-    dimension: {} as PropOptions<Components.RevogrScrollVirtual['dimension']>,
-    viewportStore: {} as PropOptions<Components.RevogrScrollVirtual['viewportStore']>,
-    dimensionStore: {} as PropOptions<Components.RevogrScrollVirtual['dimensionStore']>,
-  },
-
-
-  methods: {
-    setScroll: createCommonMethod('setScroll') as Components.RevogrScrollVirtual['setScroll'],
-    changeScroll: createCommonMethod('changeScroll') as Components.RevogrScrollVirtual['changeScroll'],
-  },
-  render: createCommonRender('revogr-scroll-virtual', ['scrollVirtual']),
-});
-
-
-export const RevogrTempRange = /*@__PURE__*/ Vue.extend({
-
-  props: {
-    selectionStore: {} as PropOptions<Components.RevogrTempRange['selectionStore']>,
-    dimensionRow: {} as PropOptions<Components.RevogrTempRange['dimensionRow']>,
-    dimensionCol: {} as PropOptions<Components.RevogrTempRange['dimensionCol']>,
-  },
-
-
-  render: createCommonRender('revogr-temp-range', []),
-});
-
-
-export const RevogrViewportScroll = /*@__PURE__*/ Vue.extend({
-
-  props: {
-    contentWidth: {} as PropOptions<Components.RevogrViewportScroll['contentWidth']>,
-    contentHeight: {} as PropOptions<Components.RevogrViewportScroll['contentHeight']>,
-  },
-
-
-  methods: {
-    setScroll: createCommonMethod('setScroll') as Components.RevogrViewportScroll['setScroll'],
-    changeScroll: createCommonMethod('changeScroll') as Components.RevogrViewportScroll['changeScroll'],
-  },
-  render: createCommonRender('revogr-viewport-scroll', ['scrollViewport', 'resizeViewport', 'scrollchange']),
-});
-

package/src/vue-component-lib/utils.ts

@@ -1,53 +0,0 @@
-import Vue, { VNode, CreateElement } from "vue";
-
-export const createCommonRender = (
-  tagName: string,
-  eventNames: string[] = []
-) =>
-  function (this: Vue, createElement: CreateElement): VNode {
-    const vueElement = this;
-    const allListeners = eventNames.reduce((listeners, eventName) => {
-      return {
-        ...listeners,
-        [eventName]: (event: CustomEvent<any>) => {
-          let emittedValue = event.detail;
-          if (event.detail?.value) {
-            emittedValue = event.detail.value;
-          }
-          vueElement.$emit(eventName, emittedValue);
-        },
-      };
-    }, vueElement.$listeners);
-    const attributes = vueElement.$props
-      ? Object.keys(vueElement.$props).reduce((attrs: any, prop: string) => {
-          const attributeName = toDashCase(prop);
-          attrs[attributeName] = vueElement.$props[prop];
-          return attrs;
-        }, {})
-      : {};
-    return createElement(
-      tagName,
-      {
-        ref: "wc",
-        domProps: vueElement.$props,
-        on: allListeners,
-        attrs: { ...attributes, "data-testid": tagName },
-      },
-      [vueElement.$slots.default]
-    );
-  };
-
-export const createCommonMethod = (methodName: string) =>
-  function (this: any, ...args: any[]) {
-    this.$refs.wc[methodName](...args);
-  } as unknown;
-
-export const toLowerCase = (str: string) => str.toLowerCase();
-
-export const toDashCase = (str: string) =>
-  toLowerCase(
-    str
-      .replace(/([A-Z0-9])/g, (g) => " " + g[0])
-      .trim()
-      .replace(/ /g, "-")
-  );