@revolist/vue3-datagrid 4.9.21 → 4.9.23

package/dist/vue3-datagrid.js

@@ -1,52 +1,56 @@
-import { defineComponent as O, ref as I, getCurrentInstance as v, inject as S, h as z, createVNode as L, render as w, defineAsyncComponent as M } from "vue";
+import { defineComponent as I, ref as S, getCurrentInstance as C, inject as z, h as L, createVNode as M, render as V, defineAsyncComponent as D } from "vue";
 import { defineCustomElements as G } from "@revolist/revogrid/loader";
 export * from "@revolist/revogrid";
-const N = "routerLink", V = "navManager", D = "router", U = "aria", m = Symbol(), k = { default: m }, E = (t) => (t == null ? void 0 : t.split(" ")) || [], F = (t, e, i = []) => {
+const v = "routerLink", k = "navManager", N = "router", U = "aria", m = Symbol(), E = { default: m }, P = (t) => (t == null ? void 0 : t.split(" ")) || [], F = (t, e, i = []) => {
   var s;
   return [...Array.from(((s = t.value) == null ? void 0 : s.classList) || []), ...i].filter(
-    (o, n, r) => !e.has(o) && r.indexOf(o) === n
+    (o, r, n) => !e.has(o) && n.indexOf(o) === r
   );
 }, $ = (t, e, i = [], s, o) => {
-  const n = O((r, { attrs: c, slots: d, emit: B }) => {
-    var b;
-    r[s];
-    const C = I(), g = new Set(E(c.class)), h = v(), y = ((b = h == null ? void 0 : h.appContext) == null ? void 0 : b.provides[V]) ? S(V) : void 0, _ = (l) => {
-      const { routerLink: p } = r;
+  const r = I((n, { attrs: c, slots: d, emit: B }) => {
+    var R;
+    n[s];
+    const g = S(), y = new Set(P(c.class)), h = C(), b = ((R = h == null ? void 0 : h.appContext) == null ? void 0 : R.provides[k]) ? z(k) : void 0, O = (f) => {
+      const { routerLink: p } = n;
       if (p !== m)
-        if (y !== void 0) {
-          let u = { event: l };
-          for (const f in r) {
-            const a = r[f];
-            r.hasOwnProperty(f) && f.startsWith(D) && a !== m && (u[f] = a);
+        if (b !== void 0) {
+          f.preventDefault();
+          let u = { event: f };
+          for (const l in n) {
+            const a = n[l];
+            n.hasOwnProperty(l) && l.startsWith(N) && a !== m && (u[l] = a);
           }
-          y.navigate(u);
+          b.navigate(u);
         } else
           console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.");
     };
     return () => {
-      r[s], E(c.class).forEach((a) => {
-        g.add(a);
+      n[s], P(c.class).forEach((a) => {
+        y.add(a);
       });
-      const l = r.onClick, p = (a) => {
-        l !== void 0 && l(a), a.defaultPrevented || _(a);
+      const f = n.onClick, p = (a) => {
+        f !== void 0 && f(a), a.defaultPrevented || O(a);
       };
       let u = {
-        ref: C,
-        class: F(C, g),
+        ref: g,
+        class: F(g, y),
         onClick: p
       };
-      for (const a in r) {
-        const R = r[a];
-        (r.hasOwnProperty(a) && R !== m || a.startsWith(U)) && (u[a] = R);
+      for (const a in n) {
+        const w = n[a];
+        (n.hasOwnProperty(a) && w !== m || a.startsWith(U)) && (u[a] = w);
       }
-      return z(t, u, d.default && d.default());
+      return n[v] !== m && (u = {
+        ...u,
+        href: n[v]
+      }), L(t, u, d.default && d.default());
     };
   });
-  return typeof n != "function" && (n.name = t, n.props = {
-    [N]: k
-  }, i.forEach((r) => {
-    n.props[r] = k;
-  })), n;
+  return typeof r != "function" && (r.name = t, r.props = {
+    [v]: E
+  }, i.forEach((n) => {
+    r.props[n] = E;
+  })), r;
 }, W = /* @__PURE__ */ $("revo-grid", void 0, [
   "rowHeaders",
   "frameSize",
@@ -120,38 +124,38 @@ const N = "routerLink", V = "navManager", D = "router", U = "aria", m = Symbol()
   "additionaldatachanged",
   "afterthemechanged"
 ]);
-function P(t, e) {
+function T(t, e) {
   e != null && e.appContext && (t.appContext = e.appContext);
 }
-const x = (t, e, i, s, o = null) => {
+const _ = (t, e, i, s, o = null) => {
   var c;
   if (!e)
     return (c = o == null ? void 0 : o.destroy) == null || c.call(o), { vueInstance: null, destroy: () => null, el: null };
-  let n = e._vnode;
-  if (n) {
-    P(n, s);
+  let r = e._vnode;
+  if (r) {
+    T(r, s);
     for (const d in i)
-      n.component.props[d] = i[d];
+      r.component.props[d] = i[d];
   } else
-    n = L(t, i), P(n, s), w(n, e);
-  return { vueInstance: n, destroy: () => w(null, e), el: e };
+    r = M(t, i), T(r, s), V(r, e);
+  return { vueInstance: r, destroy: () => V(null, e), el: e };
 }, q = (t, e) => {
-  const i = v();
-  return (s, o, n) => {
-    const r = e ? { ...e, ...o } : o;
-    r.addition = n;
+  const i = C();
+  return (s, o, r) => {
+    const n = e ? { ...e, ...o } : o;
+    n.addition = r;
     let c = null;
     return s("span", {
       key: `${o.prop}-${o.rowIndex || 0}`,
       ref: (d) => {
-        c = x(t, d, r, i, c);
+        c = _(t, d, n, i, c);
       }
     });
   };
 };
 class X {
-  constructor(e, i, s, o, n) {
-    this.VueEditorConstructor = e, this.column = i, this.save = s, this.close = o, this.vInstance = n, this.element = null;
+  constructor(e, i, s, o, r) {
+    this.VueEditorConstructor = e, this.column = i, this.save = s, this.close = o, this.vInstance = r, this.element = null;
   }
   // optional, called after editor rendered
   componentDidRender() {
@@ -172,7 +176,7 @@ class X {
           save: this.save,
           close: this.close
         };
-        this.vueEl = x(
+        this.vueEl = _(
           this.VueEditorConstructor,
           s,
           o,
@@ -183,7 +187,7 @@ class X {
   }
 }
 const J = (t) => {
-  const e = v();
+  const e = C();
   return function(i, s, o) {
     return new X(
       t,
@@ -197,12 +201,12 @@ const J = (t) => {
 function Y(t) {
   return !!t && (typeof t == "object" || typeof t == "function") && typeof t.then == "function";
 }
-var A;
-const T = (A = G) == null ? void 0 : A(), Q = M(async () => (Y(T) && await T, W));
+var x;
+const A = (x = G) == null ? void 0 : x(), Q = D(async () => (Y(A) && await A, W));
 export {
   Q as VGrid,
   J as VGridVueEditor,
   q as VGridVueTemplate,
-  x as VGridVueTemplateConstructor,
+  _ as VGridVueTemplateConstructor,
   Q as default
 };

package/dist/vue3-datagrid.umd.cjs

@@ -1 +1 @@
-(function(c,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("vue"),require("@revolist/revogrid/loader"),require("@revolist/revogrid")):typeof define=="function"&&define.amd?define(["exports","vue","@revolist/revogrid/loader","@revolist/revogrid"],d):(c=typeof globalThis<"u"?globalThis:c||self,d(c.Vue3Datagrid={},c.Vue,c.RevogridLoader,c.Revogrid))})(this,function(c,d,p,b){"use strict";var O;const M="routerLink",R="navManager",L="router",z="aria",m=Symbol(),V={default:m},w=e=>(e==null?void 0:e.split(" "))||[],G=(e,t,i=[])=>{var s;return[...Array.from(((s=e.value)==null?void 0:s.classList)||[]),...i].filter((n,o,r)=>!t.has(n)&&r.indexOf(n)===o)},x=((e,t,i=[],s,n)=>{const o=d.defineComponent((r,{attrs:u,slots:f,emit:q})=>{var I;r[s];const k=d.ref(),A=new Set(w(u.class)),v=d.getCurrentInstance(),_=((I=v==null?void 0:v.appContext)==null?void 0:I.provides[R])?d.inject(R):void 0,F=g=>{const{routerLink:C}=r;if(C!==m)if(_!==void 0){let l={event:g};for(const h in r){const a=r[h];r.hasOwnProperty(h)&&h.startsWith(L)&&a!==m&&(l[h]=a)}_.navigate(l)}else console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.")};return()=>{r[s],w(u.class).forEach(a=>{A.add(a)});const g=r.onClick,C=a=>{g!==void 0&&g(a),a.defaultPrevented||F(a)};let l={ref:k,class:G(k,A),onClick:C};for(const a in r){const S=r[a];(r.hasOwnProperty(a)&&S!==m||a.startsWith(z))&&(l[a]=S)}return d.h(e,l,f.default&&f.default())}});return typeof o!="function"&&(o.name=e,o.props={[M]:V},i.forEach(r=>{o.props[r]=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","accessible","contentsizechanged","beforeedit","beforerangeedit","afteredit","beforeautofill","beforerange","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","additionaldatachanged","afterthemechanged"]);function P(e,t){t!=null&&t.appContext&&(e.appContext=t.appContext)}const y=(e,t,i,s,n=null)=>{var u;if(!t)return(u=n==null?void 0:n.destroy)==null||u.call(n),{vueInstance:null,destroy:()=>null,el:null};let o=t._vnode;if(o){P(o,s);for(const f in i)o.component.props[f]=i[f]}else o=d.createVNode(e,i),P(o,s),d.render(o,t);return{vueInstance:o,destroy:()=>d.render(null,t),el:t}},D=(e,t)=>{const i=d.getCurrentInstance();return(s,n,o)=>{const r=t?{...t,...n}:n;r.addition=o;let u=null;return s("span",{key:`${n.prop}-${n.rowIndex||0}`,ref:f=>{u=y(e,f,r,i,u)}})}};class N{constructor(t,i,s,n,o){this.VueEditorConstructor=t,this.column=i,this.save=s,this.close=n,this.vInstance=o,this.element=null}componentDidRender(){}disconnectedCallback(){var t;(t=this.vueEl)==null||t.destroy(),this.vueEl=void 0}render(t){var i;return t("span",{key:`${this.column.prop}-${((i=this.editCell)==null?void 0:i.rowIndex)||0}`,ref:s=>{const n={...this.editCell,column:this.column,save:this.save,close:this.close};this.vueEl=y(this.VueEditorConstructor,s,n,this.vInstance)}})}}const j=e=>{const t=d.getCurrentInstance();return function(i,s,n){return new N(e,i,s,n,t)}};function U(e){return!!e&&(typeof e=="object"||typeof e=="function")&&typeof e.then=="function"}const E=(O=p.defineCustomElements)==null?void 0:O.call(p),T=d.defineAsyncComponent(async()=>(U(E)&&await E,x));c.VGrid=T,c.VGridVueEditor=j,c.VGridVueTemplate=D,c.VGridVueTemplateConstructor=y,c.default=T,Object.keys(b).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(c,e)&&Object.defineProperty(c,e,{enumerable:!0,get:()=>b[e]})}),Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(c,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("vue"),require("@revolist/revogrid/loader"),require("@revolist/revogrid")):typeof define=="function"&&define.amd?define(["exports","vue","@revolist/revogrid/loader","@revolist/revogrid"],d):(c=typeof globalThis<"u"?globalThis:c||self,d(c.Vue3Datagrid={},c.Vue,c.RevogridLoader,c.Revogrid))})(this,function(c,d,y,R){"use strict";var k;const v="routerLink",V="navManager",L="router",z="aria",h=Symbol(),w={default:h},P=e=>(e==null?void 0:e.split(" "))||[],D=(e,t,i=[])=>{var s;return[...Array.from(((s=e.value)==null?void 0:s.classList)||[]),...i].filter((n,r,o)=>!t.has(n)&&o.indexOf(n)===r)},G=((e,t,i=[],s,n)=>{const r=d.defineComponent((o,{attrs:u,slots:f,emit:q})=>{var S;o[s];const A=d.ref(),_=new Set(P(u.class)),p=d.getCurrentInstance(),I=((S=p==null?void 0:p.appContext)==null?void 0:S.provides[V])?d.inject(V):void 0,F=m=>{const{routerLink:b}=o;if(b!==h)if(I!==void 0){m.preventDefault();let l={event:m};for(const g in o){const a=o[g];o.hasOwnProperty(g)&&g.startsWith(L)&&a!==h&&(l[g]=a)}I.navigate(l)}else console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.")};return()=>{o[s],P(u.class).forEach(a=>{_.add(a)});const m=o.onClick,b=a=>{m!==void 0&&m(a),a.defaultPrevented||F(a)};let l={ref:A,class:D(A,_),onClick:b};for(const a in o){const M=o[a];(o.hasOwnProperty(a)&&M!==h||a.startsWith(z))&&(l[a]=M)}return o[v]!==h&&(l={...l,href:o[v]}),d.h(e,l,f.default&&f.default())}});return typeof r!="function"&&(r.name=e,r.props={[v]:w},i.forEach(o=>{r.props[o]=w})),r})("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","accessible","contentsizechanged","beforeedit","beforerangeedit","afteredit","beforeautofill","beforerange","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","additionaldatachanged","afterthemechanged"]);function E(e,t){t!=null&&t.appContext&&(e.appContext=t.appContext)}const C=(e,t,i,s,n=null)=>{var u;if(!t)return(u=n==null?void 0:n.destroy)==null||u.call(n),{vueInstance:null,destroy:()=>null,el:null};let r=t._vnode;if(r){E(r,s);for(const f in i)r.component.props[f]=i[f]}else r=d.createVNode(e,i),E(r,s),d.render(r,t);return{vueInstance:r,destroy:()=>d.render(null,t),el:t}},x=(e,t)=>{const i=d.getCurrentInstance();return(s,n,r)=>{const o=t?{...t,...n}:n;o.addition=r;let u=null;return s("span",{key:`${n.prop}-${n.rowIndex||0}`,ref:f=>{u=C(e,f,o,i,u)}})}};class N{constructor(t,i,s,n,r){this.VueEditorConstructor=t,this.column=i,this.save=s,this.close=n,this.vInstance=r,this.element=null}componentDidRender(){}disconnectedCallback(){var t;(t=this.vueEl)==null||t.destroy(),this.vueEl=void 0}render(t){var i;return t("span",{key:`${this.column.prop}-${((i=this.editCell)==null?void 0:i.rowIndex)||0}`,ref:s=>{const n={...this.editCell,column:this.column,save:this.save,close:this.close};this.vueEl=C(this.VueEditorConstructor,s,n,this.vInstance)}})}}const j=e=>{const t=d.getCurrentInstance();return function(i,s,n){return new N(e,i,s,n,t)}};function U(e){return!!e&&(typeof e=="object"||typeof e=="function")&&typeof e.then=="function"}const T=(k=y.defineCustomElements)==null?void 0:k.call(y),O=d.defineAsyncComponent(async()=>(U(T)&&await T,G));c.VGrid=O,c.VGridVueEditor=j,c.VGridVueTemplate=x,c.VGridVueTemplateConstructor=C,c.default=O,Object.keys(R).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(c,e)&&Object.defineProperty(c,e,{enumerable:!0,get:()=>R[e]})}),Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revolist/vue3-datagrid",
-  "version": "4.9.21",
+  "version": "4.9.23",
   "description": "Vue 3 DataGrid Spreadsheet component with native Vue 3 cell render support",
   "main": "./dist/vue3-datagrid.umd.cjs",
   "module": "./dist/vue3-datagrid.js",
@@ -65,7 +65,7 @@
   "homepage": "https://github.com/revolist/revogrid#readme",
   "license": "MIT",
   "dependencies": {
-    "@revolist/revogrid": "4.9.21"
+    "@revolist/revogrid": "4.9.23"
   },
   "devDependencies": {
     "@stencil/core": "^4.19.2",