@revolist/vue-datagrid 3.2.8 → 3.2.17

package/dist/component.d.ts

@@ -1,12 +1,5 @@
-import Vue, { CreateElement } from "vue";
-declare type WatchFunction = (this: Vue, newVal: any, oldVal: any) => void;
-declare type WatchResult = {
-    [prop: string]: WatchFunction;
-};
-declare const _default: {
-    name: string;
-    props: string[];
-    watch: WatchResult;
-    render(this: Vue, h: CreateElement): JSX.Element;
-};
+import Vue from "vue";
+import { RevoGrid as RevoGridComponent } from "@revolist/revogrid/custom-element";
+export { RevoGridComponent };
+declare const _default: 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, Record<string, any>, {}>;
 export default _default;

package/dist/vgrid.d.ts

@@ -1,9 +1,8 @@
-import { AsyncComponent } from "vue/types/options";
-export declare const VGrid: AsyncComponent;
 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, unknown, unknown, Record<string, any>, {}>;
 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("@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,((e,r)=>(()=>{"use strict";var t={239:r=>{r.exports=e},748: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=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return o.d(r,{a:r}),r},o.d=(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=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{o.r(i),o.d(i,{VGrid:()=>m,VGridPlugin:()=>g,VGridVueEditor:()=>j,VGridVueTemplate:()=>b,VGridVueTemplateConstructor:()=>w,default:()=>C});var e=o(239),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}),{});const l={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)})}};var c=o(748),a=o.n(c),d=function(){return d=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},d.apply(this,arguments)},p=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=a().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};var 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)};const 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=p(this.VueEditorConstructor,e,f(f({},this.editCell),{save:this.save,close:this.close}));r&&(this.vueEl=r)}},e}();var h=!1,m=function(r){!h&&(null==e?void 0:e.defineCustomElements)&&(null==e||e.defineCustomElements(),h=!0),r(l)},y=!1,g={install:function(e){y||(y=!0,e.component("vue-data-grid",m))}},b=function(e,r){return function(t,n){var o=r?d(d({},r),n):n;return t("span",{ref:function(r){return p(e,r,o)}})}},w=p,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(g);const C=m})(),i})()));
+!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,((e,r)=>(()=>{"use strict";var t={239:e=>{e.exports=r},748:r=>{r.exports=e}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var i=o[e]={exports:{}};return t[e](i,i.exports,n),i.exports}n.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return n.d(r,{a:r}),r},n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},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=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{n.r(i),n.d(i,{VGrid:()=>m,VGridPlugin:()=>h,VGridVueEditor:()=>b,VGridVueTemplate:()=>y,VGridVueTemplateConstructor:()=>g,default:()=>j});var e=n(748),r=n.n(e),t=(n(239),function(){return t=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},t.apply(this,arguments)}),o=["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"],u={},s=[];o.forEach((function(e){var r=e;u[r]=e,s.push(r),r=e.toLowerCase(),u[r]=e,s.push(r),r=e.split(/(?=[A-Z])/).join("-"),u[r]=e,s.push(r)}));var l=o.reduce((function(e,r){return e[r]=function(e){this.$refs.grid[r]=e},e}),{});const c=r().extend({name:"vue-data-grid",props:s,watch:l,render:function(e){var r={};for(var o in this.$props)r[o]=this.$props[o];return e("revo-grid",{ref:"grid",domProps:r,on:t({},this.$listeners)})}});var a=function(){return a=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},a.apply(this,arguments)},d=function(e,t,o){if(!t)return null;var n;if((null==t?void 0:t.childNodes.length)&&(n=t.childNodes[0]),!n)return n=document.createElement("span"),t.appendChild(n),"object"==typeof e&&(e=r().extend(e)),new e({el:n,propsData:o});var i=n.__vue__;if(i)for(var u in o)i.$props[u]=o[u];return i};var p=function(){return p=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},p.apply(this,arguments)};const f=function(){function e(e,r,t,o){this.VueEditorConstructor=e,this.column=r,this.save=t,this.close=o,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}();var v=!1,h={install:function(e){v||(v=!0,e.component("vue-data-grid",m))}},m=c,y=function(e,r){return function(t,o){var n=r?a(a({},r),o):o;return t("span",{ref:function(r){return d(e,r,n)}})}},g=d,b=function(e){return function(r,t,o){return new f(e,r,t,o)}},w=null;"undefined"!=typeof window?w=window.Vue:void 0!==n.g&&(w=n.g.Vue),w&&w.use(h);const j=m})(),i})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revolist/vue-datagrid",
-  "version": "3.2.8",
+  "version": "3.2.17",
   "description": "Vue data grid spreadsheet",
   "main": "dist/vgrid.js",
   "scripts": {
@@ -31,7 +31,7 @@
   "homepage": "https://github.com/revolist/vue-datagrid#readme",
   "license": "MIT",
   "dependencies": {
-    "@revolist/revogrid": "^3.2.8",
+    "@revolist/revogrid": "^3.2.17",
     "@stencil/core": "^2.17.3"
   },
   "devDependencies": {

package/src/component.tsx

@@ -1,5 +1,6 @@
 import Vue, { CreateElement } from "vue";
 import RevoGrid from "@revolist/revogrid";
+import { RevoGrid as RevoGridComponent } from "@revolist/revogrid/custom-element";
 
 type Prop = keyof RevoGrid.Components.RevoGrid;
 type Grid = RevoGrid.Components.RevoGrid;
@@ -60,7 +61,8 @@ const watch = props.reduce((res: WatchResult, p: Prop) => {
   return res;
 }, {});
 
-export default {
+export { RevoGridComponent };
+export default Vue.extend({
   name: "vue-data-grid",
   props: propsExtended,
   watch,
@@ -79,4 +81,4 @@ export default {
       />
     );
   },
-};
+});

package/src/vgrid.ts

@@ -1,33 +1,20 @@
-import { Component } from "vue";
-import * as loader from "@revolist/revogrid/custom-element";
-import vueGrid from './component';
-import { AsyncComponent } from "vue/types/options";
-import vueTemplate, {vueTemplateConstructor} from "./vue-template";
+import vueGrid from "./component";
+import vueTemplate, { vueTemplateConstructor } from "./vue-template";
 import vueEditor from "./vue-editor";
 
-let isDefined = false;
-export const VGrid: AsyncComponent = (resolve: (c: Component) => void) => {
-  if (!isDefined && loader?.defineCustomElements) {
-    loader?.defineCustomElements();
-    isDefined = true;
-  }
-  resolve(vueGrid);
-  return;
-};
-
 let installed = false;
-
-function install (Vue: any) {
+function install(Vue: any) {
   if (installed) {
     return;
   }
   installed = true;
-  Vue.component('vue-data-grid', VGrid);
+  Vue.component("vue-data-grid", VGrid);
 }
 export const VGridPlugin = {
-  install
+  install,
 };
 
+export const VGrid = vueGrid;
 // Vue template wrapper for virtual nodes
 export const VGridVueTemplate = vueTemplate;
 
@@ -38,13 +25,13 @@ export const VGridVueTemplateConstructor = vueTemplateConstructor;
 export const VGridVueEditor = vueEditor;
 
 // Auto-install
-let GlobalVue = null
-if (typeof window !== 'undefined') {
-  GlobalVue = window.Vue
-} else if (typeof global !== 'undefined') {
-  GlobalVue = global.Vue
+let GlobalVue = null;
+if (typeof window !== "undefined") {
+  GlobalVue = window.Vue;
+} else if (typeof global !== "undefined") {
+  GlobalVue = global.Vue;
 }
 if (GlobalVue) {
-  GlobalVue.use(VGridPlugin)
+  GlobalVue.use(VGridPlugin);
 }
 export default VGrid;