@revolist/vue3-datagrid 4.0.2 → 4.0.11

package/dist/index.d.ts

@@ -21,8 +21,6 @@ export default VGrid;
  * Create editor constructor.
  * This function creates editor constructor by wrapping it with VueEditorAdapter
  * which is responsible for connecting editor with Vue lifecycle events
- * @param vueConstructor editor Vue constructor
- * @returns editor constructor
  */
 export declare const VGridVueEditor: (vueConstructor: any) => EditorCtr;
 
@@ -49,7 +47,7 @@ export declare const VGridVueTemplateConstructor: (vueConstructor: DefineCompone
     el: VueElement | null;
 };
 
-declare interface VueElement extends HTMLElement {
+declare interface VueElement extends Element {
     _vnode?: ComponentPublicInstance<any>;
 }
 

package/dist/vue3-datagrid.js

@@ -1,55 +1,52 @@
-var S = Object.defineProperty;
-var z = (t, e, n) => e in t ? S(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var v = (t, e, n) => (z(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { defineComponent as I, ref as L, getCurrentInstance as C, inject as M, h as G, createVNode as N, render as w, defineAsyncComponent as U } from "vue";
-import { defineCustomElements as D } from "@revolist/revogrid/loader";
-const F = "routerLink", E = "navManager", W = "router", X = "aria", m = Symbol(), P = { default: m }, k = (t) => (t == null ? void 0 : t.split(" ")) || [], Y = (t, e, n = []) => {
+import { defineComponent as x, ref as S, getCurrentInstance as v, inject as z, h as I, createVNode as L, render as V, defineAsyncComponent as M } from "vue";
+import { defineCustomElements as G } from "@revolist/revogrid/loader";
+const N = "routerLink", w = "navManager", U = "router", D = "aria", m = Symbol(), E = { default: m }, P = (t) => (t == null ? void 0 : t.split(" ")) || [], F = (t, e, r = []) => {
   var i;
-  return [...Array.from(((i = t.value) == null ? void 0 : i.classList) || []), ...n].filter(
-    (s, o, r) => !e.has(s) && r.indexOf(s) === o
+  return [...Array.from(((i = t.value) == null ? void 0 : i.classList) || []), ...r].filter(
+    (s, o, n) => !e.has(s) && n.indexOf(s) === o
   );
-}, B = (t, e, n = [], i, s) => {
-  const o = I((r, { attrs: c, slots: u, emit: q }) => {
-    var R;
-    r[i];
-    const g = L(), b = new Set(k(c.class)), h = C(), y = ((R = h == null ? void 0 : h.appContext) == null ? void 0 : R.provides[E]) ? M(E) : void 0, x = (f) => {
-      const { routerLink: p } = r;
+}, W = (t, e, r = [], i, s) => {
+  const o = x((n, { attrs: c, slots: u, emit: H }) => {
+    var y;
+    n[i];
+    const C = S(), g = new Set(P(c.class)), h = v(), b = ((y = h == null ? void 0 : h.appContext) == null ? void 0 : y.provides[w]) ? z(w) : void 0, O = (l) => {
+      const { routerLink: p } = n;
       if (p !== m)
-        if (y !== void 0) {
-          let d = { event: f };
-          for (const l in r) {
-            const a = r[l];
-            r.hasOwnProperty(l) && l.startsWith(W) && a !== m && (d[l] = a);
+        if (b !== void 0) {
+          let d = { event: l };
+          for (const f in n) {
+            const a = n[f];
+            n.hasOwnProperty(f) && f.startsWith(U) && a !== m && (d[f] = a);
           }
-          y.navigate(d);
+          b.navigate(d);
         } else
           console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.");
     };
     return () => {
-      r[i], k(c.class).forEach((a) => {
-        b.add(a);
+      n[i], P(c.class).forEach((a) => {
+        g.add(a);
       });
-      const f = r.onClick, p = (a) => {
-        f !== void 0 && f(a), a.defaultPrevented || x(a);
+      const l = n.onClick, p = (a) => {
+        l !== void 0 && l(a), a.defaultPrevented || O(a);
       };
       let d = {
-        ref: g,
-        class: Y(g, b),
+        ref: C,
+        class: F(C, g),
         onClick: p
       };
-      for (const a in r) {
-        const V = r[a];
-        (r.hasOwnProperty(a) && V !== m || a.startsWith(X)) && (d[a] = V);
+      for (const a in n) {
+        const R = n[a];
+        (n.hasOwnProperty(a) && R !== m || a.startsWith(D)) && (d[a] = R);
       }
-      return G(t, d, u.default && u.default());
+      return I(t, d, u.default && u.default());
     };
   });
   return typeof o != "function" && (o.name = t, o.props = {
-    [F]: P
-  }, n.forEach((r) => {
-    o.props[r] = P;
+    [N]: E
+  }, r.forEach((n) => {
+    o.props[n] = E;
   })), o;
-}, H = /* @__PURE__ */ B("revo-grid", void 0, [
+}, X = /* @__PURE__ */ W("revo-grid", void 0, [
   "rowHeaders",
   "frameSize",
   "rowSize",
@@ -119,10 +116,10 @@ const F = "routerLink", E = "navManager", W = "router", X = "aria", m = Symbol()
   "beforegridrender",
   "aftergridinit"
 ]);
-function T(t, e) {
+function k(t, e) {
   e != null && e.appContext && (t.appContext = e.appContext);
 }
-const O = (t, e, n, i, s = null) => {
+const _ = (t, e, r, i, s = null) => {
   var c;
   if (!e)
     return (c = s == null ? void 0 : s.destroy) == null || c.call(s), {
@@ -132,76 +129,80 @@ const O = (t, e, n, i, s = null) => {
     };
   let o = e._vnode;
   if (o) {
-    T(o, i);
-    for (const u in n)
-      o.component.props[u] = n[u];
+    k(o, i);
+    for (const u in r)
+      o.component.props[u] = r[u];
   } else
-    o = N(t, n), T(o, i), w(o, e);
+    o = L(t, r), k(o, i), V(o, e);
   return {
     vueInstance: o,
-    destroy: () => w(null, e),
+    destroy: () => V(null, e),
     el: e
   };
-}, ee = (t, e) => {
-  const n = C();
+}, J = (t, e) => {
+  const r = v();
   return (i, s, o) => {
-    const r = e ? {
+    const n = e ? {
       ...e,
       ...s
     } : s;
-    r.addition = o;
+    n.addition = o;
     let c = null;
     return i("span", {
       ref: (u) => {
-        c = O(t, u, r, n, c);
+        c = _(t, u, n, r, c);
       }
     }, null);
   };
 };
-class K {
-  constructor(e, n, i, s, o) {
-    v(this, "element", null);
-    v(this, "editCell", null);
-    this.VueEditorConstructor = e, this.column = n, this.save = i, this.close = s, this.vInstance = o;
+class Y {
+  constructor(e, r, i, s, o) {
+    this.VueEditorConstructor = e, this.column = r, this.save = i, this.close = s, this.vInstance = o, this.element = null;
   }
   // optional, called after editor rendered
   componentDidRender() {
   }
   // optional, called after editor destroyed
   disconnectedCallback() {
-    this.vueEl && (this.vueEl.destroy(), this.vueEl = void 0);
+    var e;
+    (e = this.vueEl) == null || e.destroy(), this.vueEl = void 0;
   }
   render(e) {
     return e("span", {
-      ref: (n) => {
-        this.vueEl = O(this.VueEditorConstructor, n, {
-          ...this.editCell,
-          column: this.column,
-          save: this.save,
-          close: this.close
-        }, this.vInstance);
+      ref: (r) => {
+        this.vueEl = _(
+          this.VueEditorConstructor,
+          r,
+          {
+            ...this.editCell,
+            column: this.column,
+            save: this.save,
+            close: this.close
+          },
+          this.vInstance
+        );
       }
-    }, null);
+    });
   }
 }
-const te = (t) => function(e, n, i) {
-  return new K(
+const Q = (t) => function(e, r, i) {
+  return new Y(
     t,
     e,
-    n,
+    r,
     i,
-    C()
+    v()
   );
 };
-function j(t) {
+function B(t) {
   return !!t && (typeof t == "object" || typeof t == "function") && typeof t.then == "function";
 }
-var _;
-const A = (_ = D) == null ? void 0 : _(), ne = U(async () => (j(A) && await A, H));
+var A;
+const T = (A = G) == null ? void 0 : A(), Z = M(async () => (B(T) && await T, X));
 export {
-  ne as VGrid,
-  te as VGridVueEditor,
-  ee as VGridVueTemplate,
-  O as VGridVueTemplateConstructor,
-  ne as default
+  Z as VGrid,
+  Q as VGridVueEditor,
+  J as VGridVueTemplate,
+  _ as VGridVueTemplateConstructor,
+  Z as default
 };

package/dist/vue3-datagrid.umd.cjs

@@ -1 +1 @@
-(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@revolist/revogrid/loader")):typeof define=="function"&&define.amd?define(["exports","vue","@revolist/revogrid/loader"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r.Vue3Datagrid={},r.Vue,r.RevogridLoader))})(this,function(r,e,a){"use strict";var X=Object.defineProperty;var Y=(r,e,a)=>e in r?X(r,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[e]=a;var b=(r,e,a)=>(Y(r,typeof e!="symbol"?e+"":e,a),a);var k;const M="routerLink",R="navManager",L="router",z="aria",C=Symbol(),V={default:C},w=t=>(t==null?void 0:t.split(" "))||[],G=(t,n,s=[])=>{var d;return[...Array.from(((d=t.value)==null?void 0:d.classList)||[]),...s].filter((u,o,i)=>!n.has(u)&&i.indexOf(u)===o)},x=((t,n,s=[],d,u)=>{const o=e.defineComponent((i,{attrs:f,slots:l,emit:q})=>{var S;i[d];const A=e.ref(),_=new Set(w(f.class)),v=e.getCurrentInstance(),O=((S=v==null?void 0:v.appContext)==null?void 0:S.provides[R])?e.inject(R):void 0,W=g=>{const{routerLink:y}=i;if(y!==C)if(O!==void 0){let m={event:g};for(const h in i){const c=i[h];i.hasOwnProperty(h)&&h.startsWith(L)&&c!==C&&(m[h]=c)}O.navigate(m)}else console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.")};return()=>{i[d],w(f.class).forEach(c=>{_.add(c)});const g=i.onClick,y=c=>{g!==void 0&&g(c),c.defaultPrevented||W(c)};let m={ref:A,class:G(A,_),onClick:y};for(const c in i){const I=i[c];(i.hasOwnProperty(c)&&I!==C||c.startsWith(z))&&(m[c]=I)}return e.h(t,m,l.default&&l.default())}});return typeof o!="function"&&(o.name=t,o.props={[M]:V},s.forEach(i=>{o.props[i]=V})),o})("revo-grid",void 0,["rowHeaders","frameSize","rowSize","colSize","range","readonly","resize","canFocus","useClipboard","columns","source","pinnedTopSource","pinnedBottomSource","rowDefinitions","editors","applyOnClose","plugins","columnTypes","theme","rowClass","autoSizeColumn","filter","focusTemplate","canMoveColumns","trimmedRows","exporting","grouping","stretch","additionalData","disableVirtualX","disableVirtualY","hideAttribution","jobsBeforeRender","registerVNode","contentsizechanged","beforeedit","beforerangeedit","afteredit","beforeautofill","beforeange","afterfocus","roworderchanged","beforesortingapply","beforesorting","rowdragstart","headerclick","beforecellfocus","beforefocuslost","beforesourceset","beforeanysource","aftersourceset","afteranysource","beforecolumnsset","beforecolumnapplied","aftercolumnsset","beforefilterapply","beforefiltertrimmed","beforetrimmed","aftertrimmed","viewportscroll","beforeexport","beforeeditstart","aftercolumnresize","beforerowdefinition","filterconfigchanged","rowheaderschanged","beforegridrender","aftergridinit"]);function E(t,n){n!=null&&n.appContext&&(t.appContext=n.appContext)}const p=(t,n,s,d,u=null)=>{var f;if(!n)return(f=u==null?void 0:u.destroy)==null||f.call(u),{vueInstance:null,destroy:()=>null,el:null};let o=n._vnode;if(o){E(o,d);for(const l in s)o.component.props[l]=s[l]}else o=e.createVNode(t,s),E(o,d),e.render(o,n);return{vueInstance:o,destroy:()=>e.render(null,n),el:n}},N=(t,n)=>{const s=e.getCurrentInstance();return(d,u,o)=>{const i=n?{...n,...u}:u;i.addition=o;let f=null;return d("span",{ref:l=>{f=p(t,l,i,s,f)}},null)}};class D{constructor(n,s,d,u,o){b(this,"element",null);b(this,"editCell",null);this.VueEditorConstructor=n,this.column=s,this.save=d,this.close=u,this.vInstance=o}componentDidRender(){}disconnectedCallback(){this.vueEl&&(this.vueEl.destroy(),this.vueEl=void 0)}render(n){return n("span",{ref:s=>{this.vueEl=p(this.VueEditorConstructor,s,{...this.editCell,column:this.column,save:this.save,close:this.close},this.vInstance)}},null)}}const U=t=>function(n,s,d){return new D(t,n,s,d,e.getCurrentInstance())};function F(t){return!!t&&(typeof t=="object"||typeof t=="function")&&typeof t.then=="function"}const T=(k=a.defineCustomElements)==null?void 0:k.call(a),P=e.defineAsyncComponent(async()=>(F(T)&&await T,x));r.VGrid=P,r.VGridVueEditor=U,r.VGridVueTemplate=N,r.VGridVueTemplateConstructor=p,r.default=P,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(u,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("@revolist/revogrid/loader")):typeof define=="function"&&define.amd?define(["exports","vue","@revolist/revogrid/loader"],r):(u=typeof globalThis<"u"?globalThis:u||self,r(u.Vue3Datagrid={},u.Vue,u.RevogridLoader))})(this,function(u,r,C){"use strict";var P;const I="routerLink",b="navManager",M="router",L="aria",h=Symbol(),R={default:h},V=t=>(t==null?void 0:t.split(" "))||[],z=(t,e,i=[])=>{var s;return[...Array.from(((s=t.value)==null?void 0:s.classList)||[]),...i].filter((c,n,o)=>!e.has(c)&&o.indexOf(c)===n)},G=((t,e,i=[],s,c)=>{const n=r.defineComponent((o,{attrs:a,slots:f,emit:X})=>{var O;o[s];const k=r.ref(),A=new Set(V(a.class)),v=r.getCurrentInstance(),_=((O=v==null?void 0:v.appContext)==null?void 0:O.provides[b])?r.inject(b):void 0,F=g=>{const{routerLink:y}=o;if(y!==h)if(_!==void 0){let l={event:g};for(const m in o){const d=o[m];o.hasOwnProperty(m)&&m.startsWith(M)&&d!==h&&(l[m]=d)}_.navigate(l)}else console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.")};return()=>{o[s],V(a.class).forEach(d=>{A.add(d)});const g=o.onClick,y=d=>{g!==void 0&&g(d),d.defaultPrevented||F(d)};let l={ref:k,class:z(k,A),onClick:y};for(const d in o){const S=o[d];(o.hasOwnProperty(d)&&S!==h||d.startsWith(L))&&(l[d]=S)}return r.h(t,l,f.default&&f.default())}});return typeof n!="function"&&(n.name=t,n.props={[I]:R},i.forEach(o=>{n.props[o]=R})),n})("revo-grid",void 0,["rowHeaders","frameSize","rowSize","colSize","range","readonly","resize","canFocus","useClipboard","columns","source","pinnedTopSource","pinnedBottomSource","rowDefinitions","editors","applyOnClose","plugins","columnTypes","theme","rowClass","autoSizeColumn","filter","focusTemplate","canMoveColumns","trimmedRows","exporting","grouping","stretch","additionalData","disableVirtualX","disableVirtualY","hideAttribution","jobsBeforeRender","registerVNode","contentsizechanged","beforeedit","beforerangeedit","afteredit","beforeautofill","beforeange","afterfocus","roworderchanged","beforesortingapply","beforesorting","rowdragstart","headerclick","beforecellfocus","beforefocuslost","beforesourceset","beforeanysource","aftersourceset","afteranysource","beforecolumnsset","beforecolumnapplied","aftercolumnsset","beforefilterapply","beforefiltertrimmed","beforetrimmed","aftertrimmed","viewportscroll","beforeexport","beforeeditstart","aftercolumnresize","beforerowdefinition","filterconfigchanged","rowheaderschanged","beforegridrender","aftergridinit"]);function w(t,e){e!=null&&e.appContext&&(t.appContext=e.appContext)}const p=(t,e,i,s,c=null)=>{var a;if(!e)return(a=c==null?void 0:c.destroy)==null||a.call(c),{vueInstance:null,destroy:()=>null,el:null};let n=e._vnode;if(n){w(n,s);for(const f in i)n.component.props[f]=i[f]}else n=r.createVNode(t,i),w(n,s),r.render(n,e);return{vueInstance:n,destroy:()=>r.render(null,e),el:e}},x=(t,e)=>{const i=r.getCurrentInstance();return(s,c,n)=>{const o=e?{...e,...c}:c;o.addition=n;let a=null;return s("span",{ref:f=>{a=p(t,f,o,i,a)}},null)}};class N{constructor(e,i,s,c,n){this.VueEditorConstructor=e,this.column=i,this.save=s,this.close=c,this.vInstance=n,this.element=null}componentDidRender(){}disconnectedCallback(){var e;(e=this.vueEl)==null||e.destroy(),this.vueEl=void 0}render(e){return e("span",{ref:i=>{this.vueEl=p(this.VueEditorConstructor,i,{...this.editCell,column:this.column,save:this.save,close:this.close},this.vInstance)}})}}const D=t=>function(e,i,s){return new N(t,e,i,s,r.getCurrentInstance())};function U(t){return!!t&&(typeof t=="object"||typeof t=="function")&&typeof t.then=="function"}const T=(P=C.defineCustomElements)==null?void 0:P.call(C),E=r.defineAsyncComponent(async()=>(U(T)&&await T,G));u.VGrid=E,u.VGridVueEditor=D,u.VGridVueTemplate=x,u.VGridVueTemplateConstructor=p,u.default=E,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revolist/vue3-datagrid",
-  "version": "4.0.2",
+  "version": "4.0.11",
   "description": "Vue 3 DataGrid Spreadsheet component with native Vue 3 cell render support",
   "main": "./dist/vue3-datagrid.umd.cjs",
   "module": "./dist/vue3-datagrid.js",
@@ -19,7 +19,8 @@
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "release": "npm run build && npm publish --public --tag pre-release"
   },
   "keywords": [
     "revo-grid",
@@ -64,17 +65,17 @@
   "homepage": "https://github.com/revolist/revogrid#readme",
   "license": "MIT",
   "dependencies": {
-    "@revolist/revogrid": "^4.0.3",
-    "vue": "^3.4.21"
+    "@revolist/revogrid": "4.0.11"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.5",
     "@vitejs/plugin-vue-jsx": "^4.0.0",
     "typescript": "^5.2.2",
     "@stencil/core": "^4.18.3",
-    "vite": "^5.2.0",
-    "vite-plugin-dts": "^3.9.0",
-    "vue-tsc": "^2.0.14"
+    "vite": "^5.3.1",
+    "vite-plugin-dts": "^3.9.1",
+    "vue-tsc": "^2.0.14",
+    "vue": "^3.4.29"
   },
   "publishConfig": {
     "access": "public"