UNPKG

@xpyjs/gantt-vue

Version:

Vue wrapper for x-gantt

2 lines (1 loc) 1.99 kB
(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("@xpyjs/gantt-core")):typeof define=="function"&&define.amd?define(["exports","vue","@xpyjs/gantt-core"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.XGanttVue={},e.Vue,e.XGanttCore))})(this,function(e,t,c){"use strict";const r=((o,a)=>{const l=o.__vccOpts||o;for(const[s,u]of a)l[s]=u;return l})(t.defineComponent({__name:"GanttVue",props:{options:{default:()=>({})}},emits:["loaded","error","update:link","create:link","select:link","contextmenu:link","select","click:row","dblclick:row","contextmenu:row","click:slider","dblclick:slider","contextmenu:slider","move","hover:slider","leave:slider","click:baseline","contextmenu:baseline","hover:baseline","leave:baseline"],setup(o,{expose:a,emit:l}){const s=o,u=l,d=t.ref();let n=null;const p=async()=>{d.value&&(await t.nextTick(),n=new c.XGantt(d.value,s.options),m())},m=()=>{if(!n)return;["loaded","error","update:link","create:link","select:link","contextmenu:link","select","click:row","dblclick:row","contextmenu:row","click:slider","dblclick:slider","contextmenu:slider","move","hover:slider","leave:slider","click:baseline","contextmenu:baseline","hover:baseline","leave:baseline"].forEach(f=>{n.on(f,(...k)=>{u(f,...k)})})};return t.watch(()=>s,i=>{n&&n.update(i.options)},{deep:!0}),a({getInstance:()=>n,jumpTo:i=>{n&&n.jumpTo(i)}}),t.onMounted(()=>{p()}),t.onUnmounted(()=>{n&&(n.destroy(),n=null)}),(i,f)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"containerRef",ref:d,class:"x-gantt-container"},null,512))}}),[["__scopeId","data-v-668d94f2"]]);r.install=o=>{o.component("XGanttVue",r)},Object.defineProperty(e,"colorjs",{enumerable:!0,get:()=>c.colorjs}),Object.defineProperty(e,"dayjs",{enumerable:!0,get:()=>c.dayjs}),Object.defineProperty(e,"generateId",{enumerable:!0,get:()=>c.generateId}),e.XGanttVue=r,e.default=r,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});