@rivercoders/vue3-datagrid/dist/vgrid.js

Vue 3 DataGrid Spreadsheet

!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("vue"),require("@rivercoders/revogrid/custom-element/")):"function"==typeof define&&define.amd?define("VGrid",["vue","@rivercoders/revogrid/custom-element/"],r):"object"==typeof exports?exports.VGrid=r(require("vue"),require("@rivercoders/revogrid/custom-element/")):e.VGrid=r(e.vue,e["@rivercoders/revogrid/custom-element/"])}(self,((e,r)=>(()=>{"use strict";var t={820: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 s=o[e]={exports:{}};return t[e](s,s.exports,n),s.exports}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.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 s={};return(()=>{n.r(s),n.d(s,{VGrid:()=>v,VGridPlugin:()=>b,VGridVueEditor:()=>y,VGridVueTemplate:()=>g,VGridVueTemplateConstructor:()=>h,default:()=>C});var e=n(748);const r="update:modelValue",t="modelValue",o="navManager",i=Symbol(),l={default:i},a=e=>(null==e?void 0:e.split(" "))||[],u=(e,r,t=[])=>{var o;return[...Array.from((null===(o=e.value)||void 0===o?void 0:o.classList)||[]),...t].filter(((e,t,o)=>!r.has(e)&&o.indexOf(e)===t))},d=(n,s,d=[],c,f,p)=>{void 0!==s&&s();const v=(0,e.defineComponent)(((s,{attrs:l,slots:d,emit:v})=>{var m;let b=s[c];const g=(0,e.ref)(),h=new Set(a(l.class)),y=e=>{e.el&&(Array.isArray(f)?f:[f]).forEach((t=>{e.el.addEventListener(t.toLowerCase(),(e=>{b=(null==e?void 0:e.target)[c],v(r,b),p&&v(p,e)}))}))},C=(0,e.getCurrentInstance)(),x=(null===(m=null==C?void 0:C.appContext)||void 0===m?void 0:m.provides[o])?(0,e.inject)(o):void 0;return()=>{b=s[c],a(l.class).forEach((e=>{h.add(e)}));const r=s.onClick;let o={ref:g,class:u(g,h),onClick:e=>{void 0!==r&&r(e),e.defaultPrevented||(e=>{const{routerLink:r}=s;if(r!==i)if(void 0!==x){let r={event:e};for(const e in s){const t=s[e];s.hasOwnProperty(e)&&e.startsWith("router")&&t!==i&&(r[e]=t)}x.navigate(r)}else console.warn("Tried to navigate, but no router was found. Make sure you have mounted Vue Router.")})(e)},onVnodeBeforeMount:f?y:void 0};for(const e in s){const r=s[e];s.hasOwnProperty(e)&&r!==i&&(o[e]=r)}return c&&(s[t]!==i?o=Object.assign(Object.assign({},o),{[c]:s[t]}):b!==i&&(o=Object.assign(Object.assign({},o),{[c]:b}))),(0,e.h)(n,o,d.default&&d.default())}}));return v.displayName=n,v.props={routerLink:l},d.forEach((e=>{v.props[e]=l})),c&&(v.props[t]=l,v.emits=[r,p]),v};n(820);const c=d("revo-grid",void 0,["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","beforeedit","beforerangeedit","afteredit","beforeautofill","beforeaange","afterfocus","roworderchanged","beforesourcesortingapply","beforesortingapply","beforesorting","rowdragstart","headerclick","beforecellfocus","beforefocuslost","beforesourceset","aftersourceset","beforecolumnsset","beforecolumnapplied","aftercolumnsset","beforefilterapply","beforefiltertrimmed","beforetrimmed","aftertrimmed","viewportscroll","beforeexport","beforeeditstart","aftercolumnresize"]),f=(r,t,o,n)=>{if(!t)return null;let s=t._vnode;if(s){n&&(s.appContext=n);for(const e in o)s.component.props[e]=o[e]}else s=(0,e.createVNode)(r,o),n&&(s.appContext=n),(0,e.render)(s,t);return{vueInstance:s,destroy:()=>(0,e.render)(null,t),el:t}};class p{constructor(e,r,t,o,n){this.VueEditorConstructor=e,this.column=r,this.save=t,this.close=o,this.appContext=n,this.element=null,this.editCell=null}componentDidRender(){}disconnectedCallback(){this.vueEl&&(this.vueEl.destroy(),this.vueEl=void 0)}render(e){return e("span",{ref:e=>{this.vueEl=f(this.VueEditorConstructor,e,Object.assign(Object.assign({},this.editCell),{column:this.column,save:this.save,close:this.close}),this.appContext)}})}}const v=c;let m=!1;const b={install(e){m||(m=!0,e.component("vue-data-grid",v))}},g=r=>{const t=(0,e.getCurrentInstance)(),o=null==t?void 0:t.appContext;return(e,t)=>e("span",{ref:e=>f(r,e,t,o)})},h=f,y=r=>{const t=(0,e.getCurrentInstance)(),o=null==t?void 0:t.appContext;return function(e,t,n){return new p(r,e,t,n,o)}},C=c})(),s})()));