@xpyjs/gantt-vue 0.0.1-alpha.1 → 0.0.1-alpha.2

package/dist/index.js

@@ -1,20 +1,21 @@
 import { defineComponent as m, ref as f, watch as k, onMounted as _, onUnmounted as x, createElementBlock as v, openBlock as w, nextTick as g } from "vue";
 import { XGantt as G } from "@xpyjs/gantt-core";
 import { colorjs as T, dayjs as X, generateId as B } from "@xpyjs/gantt-core";
-const b = /* @__PURE__ */ m({
+const y = /* @__PURE__ */ m({
   __name: "GanttVue",
   props: {
     options: { default: () => ({}) }
   },
-  emits: ["error", "update:link", "create:link", "select:link", "select", "click:row", "dblclick:row", "contextmenu:row", "click:slider", "dblclick:slider", "contextmenu:slider", "move"],
+  emits: ["loaded", "error", "update:link", "create:link", "select:link", "select", "click:row", "dblclick:row", "contextmenu:row", "click:slider", "dblclick:slider", "contextmenu:slider", "move"],
   setup(t, { expose: r, emit: o }) {
-    const c = t, s = o, i = f();
+    const c = t, l = o, s = f();
     let e = null;
     const u = async () => {
-      i.value && (await g(), e = new G(i.value, c.options), p());
-    }, p = () => {
+      s.value && (await g(), e = new G(s.value, c.options), d());
+    }, d = () => {
       if (!e) return;
       [
+        "loaded",
         "error",
         "update:link",
         "create:link",
@@ -27,11 +28,11 @@ const b = /* @__PURE__ */ m({
         "dblclick:slider",
         "contextmenu:slider",
         "move"
-      ].forEach((l) => {
+      ].forEach((i) => {
         e.on(
-          l,
-          (...d) => {
-            s(l, ...d);
+          i,
+          (...p) => {
+            l(i, ...p);
           }
         );
       });
@@ -39,7 +40,7 @@ const b = /* @__PURE__ */ m({
     return k(
       () => c,
       (n) => {
-        e && e.updateOptions(n.options);
+        e && e.update(n.options);
       },
       { deep: !0 }
     ), r({
@@ -57,18 +58,18 @@ const b = /* @__PURE__ */ m({
       u();
     }), x(() => {
       e && (e.destroy(), e = null);
-    }), (n, l) => (w(), v("div", {
+    }), (n, i) => (w(), v("div", {
       ref_key: "containerRef",
-      ref: i,
+      ref: s,
       class: "x-gantt-container"
     }, null, 512));
   }
-}), y = (t, r) => {
+}), b = (t, r) => {
   const o = t.__vccOpts || t;
-  for (const [c, s] of r)
-    o[c] = s;
+  for (const [c, l] of r)
+    o[c] = l;
   return o;
-}, j = /* @__PURE__ */ y(b, [["__scopeId", "data-v-fefb876a"]]), a = j;
+}, j = /* @__PURE__ */ b(y, [["__scopeId", "data-v-8c20afe3"]]), a = j;
 a.install = (t) => {
   t.component("XGanttVue", a);
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(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,r){"use strict";const i=((o,a)=>{const s=o.__vccOpts||o;for(const[l,u]of a)s[l]=u;return s})(t.defineComponent({__name:"GanttVue",props:{options:{default:()=>({})}},emits:["error","update:link","create:link","select:link","select","click:row","dblclick:row","contextmenu:row","click:slider","dblclick:slider","contextmenu:slider","move"],setup(o,{expose:a,emit:s}){const l=o,u=s,d=t.ref();let n=null;const p=async()=>{d.value&&(await t.nextTick(),n=new r.XGantt(d.value,l.options),m())},m=()=>{if(!n)return;["error","update:link","create:link","select:link","select","click:row","dblclick:row","contextmenu:row","click:slider","dblclick:slider","contextmenu:slider","move"].forEach(f=>{n.on(f,(...k)=>{u(f,...k)})})};return t.watch(()=>l,c=>{n&&n.updateOptions(c.options)},{deep:!0}),a({getInstance:()=>n,jumpTo:c=>{n&&n.jumpTo(c)}}),t.onMounted(()=>{p()}),t.onUnmounted(()=>{n&&(n.destroy(),n=null)}),(c,f)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"containerRef",ref:d,class:"x-gantt-container"},null,512))}}),[["__scopeId","data-v-fefb876a"]]);i.install=o=>{o.component("XGanttVue",i)},Object.defineProperty(e,"colorjs",{enumerable:!0,get:()=>r.colorjs}),Object.defineProperty(e,"dayjs",{enumerable:!0,get:()=>r.dayjs}),Object.defineProperty(e,"generateId",{enumerable:!0,get:()=>r.generateId}),e.XGanttVue=i,e.default=i,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(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,r){"use strict";const i=((o,a)=>{const s=o.__vccOpts||o;for(const[l,u]of a)s[l]=u;return s})(t.defineComponent({__name:"GanttVue",props:{options:{default:()=>({})}},emits:["loaded","error","update:link","create:link","select:link","select","click:row","dblclick:row","contextmenu:row","click:slider","dblclick:slider","contextmenu:slider","move"],setup(o,{expose:a,emit:s}){const l=o,u=s,d=t.ref();let n=null;const p=async()=>{d.value&&(await t.nextTick(),n=new r.XGantt(d.value,l.options),m())},m=()=>{if(!n)return;["loaded","error","update:link","create:link","select:link","select","click:row","dblclick:row","contextmenu:row","click:slider","dblclick:slider","contextmenu:slider","move"].forEach(f=>{n.on(f,(...k)=>{u(f,...k)})})};return t.watch(()=>l,c=>{n&&n.update(c.options)},{deep:!0}),a({getInstance:()=>n,jumpTo:c=>{n&&n.jumpTo(c)}}),t.onMounted(()=>{p()}),t.onUnmounted(()=>{n&&(n.destroy(),n=null)}),(c,f)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"containerRef",ref:d,class:"x-gantt-container"},null,512))}}),[["__scopeId","data-v-8c20afe3"]]);i.install=o=>{o.component("XGanttVue",i)},Object.defineProperty(e,"colorjs",{enumerable:!0,get:()=>r.colorjs}),Object.defineProperty(e,"dayjs",{enumerable:!0,get:()=>r.dayjs}),Object.defineProperty(e,"generateId",{enumerable:!0,get:()=>r.generateId}),e.XGanttVue=i,e.default=i,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -1 +1 @@
-.x-gantt{--x-gantt-border-color: #e5e5e5}.x-gantt-table-container{flex-shrink:0;box-sizing:border-box;height:100%;overflow:hidden;display:flex;flex-direction:column;width:100%}.x-gantt-table-header{flex-shrink:0;box-sizing:border-box;border-bottom:1px solid var(--x-gantt-border-color)!important;display:flex;flex-direction:row;overflow:hidden;position:relative;flex-wrap:nowrap}.x-gantt-table-header .x-gantt-table-header-cell{position:relative;box-sizing:border-box;overflow:hidden;font-weight:var(--x-gantt-header-font-weight);flex-shrink:0;padding:0 8px}.x-gantt-table-header .x-gantt-table-header-cell.border{border-right:1px solid var(--x-gantt-border-color)!important}.x-gantt-table-header .x-gantt-table-header-cell .x-gantt-column-resize-handle{transition:background-color .2s ease}.x-gantt-table-header .x-gantt-table-header-cell .x-gantt-column-resize-handle:hover{background-color:#0000001a!important}.x-gantt-table-header>div:last-child.x-gantt-table-header-group.border>.x-gantt-table-header-cell.border{border-right:none}.x-gantt-table-header>div:last-child .x-gantt-table-header-group.border>.x-gantt-table-header-cell.border{border-right:none}.x-gantt-table-header>div:last-child.x-gantt-table-header-cell.border{border-right:none}.x-gantt-table-header-group{display:flex;flex-direction:column;box-sizing:border-box}.x-gantt-table-header-group>.x-gantt-table-header-cell{border-bottom:1px solid var(--x-gantt-border-color)!important}.x-gantt-table-header-group>.x-gantt-table-header-cell>.x-gantt-table-header-title{text-align:center}.x-gantt-table-header-children{display:flex;flex-direction:row}.x-gantt-table-body{flex:1;overflow:hidden;box-sizing:border-box;position:relative;width:100%;height:100%}.x-gantt-table-row{box-sizing:border-box}.x-gantt-table-row.hover>.x-gantt-table-cell{background-color:var(--x-gantt-row-hover-color, rgba(0, 0, 0, .05))!important}.x-gantt-table-row.selected>.x-gantt-table-cell{background-color:var(--x-gantt-row-selected-color, rgba(0, 0, 0, .1))!important}.x-gantt-table-cell{box-sizing:border-box;display:inline-block;border-bottom:1px solid var(--x-gantt-border-color)!important;padding:var(--x-gantt-cell-padding, 4px 8px)}.x-gantt-table-cell .x-gantt-table-cell__content{box-sizing:border-box}.x-gantt-table-cell.border{border-right:1px solid var(--x-gantt-border-color)!important}.x-gantt-content-wrapper{width:100%;height:100%;scrollbar-width:none}.x-gantt-content-wrapper::-webkit-scrollbar{display:none}.gantt-scrollbar{position:absolute;z-index:10;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.gantt-scrollbar.visible{opacity:1;pointer-events:auto}.gantt-scrollbar-thumb{position:absolute;cursor:pointer;transition:background-color .2s ease-in-out,height .1s ease-out,width .1s ease-out,transform .05s linear}.gantt-scrollbar-vertical{top:0;right:0;bottom:0}.gantt-scrollbar-vertical .gantt-scrollbar-thumb-vertical{top:0;left:0;right:0}.gantt-scrollbar-horizontal{left:0;bottom:0;right:0}.gantt-scrollbar-horizontal .gantt-scrollbar-thumb-horizontal{left:0;top:0;bottom:0}.x-gantt-checkbox{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--x-gantt-border-color);border-radius:3px;cursor:pointer;transition:all .15s ease-in-out;box-sizing:border-box;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.x-gantt-checkbox:focus{outline:none}.x-gantt-checkbox:focus-visible{outline:none}.x-gantt-checkbox__icon svg{transition:all .15s ease-in-out}.x-gantt-checkbox:hover{border-color:var(--x-gantt-primary-color)}.x-gantt{width:100%;height:100%;display:flex;box-sizing:border-box;flex-wrap:nowrap;padding:0;margin:0;overflow:hidden;position:relative}.x-gantt.border{border:1px solid var(--x-gantt-border-color)}.x-gantt-container[data-v-fefb876a]{position:relative;width:100%;height:100%}
+.x-gantt{--x-gantt-border-color: #e5e5e5}.x-gantt-table-container{flex-shrink:0;box-sizing:border-box;height:100%;overflow:hidden;display:flex;flex-direction:column;width:100%}.x-gantt-table-header{flex-shrink:0;box-sizing:border-box;border-bottom:1px solid var(--x-gantt-border-color)!important;display:flex;flex-direction:row;overflow:hidden;position:relative;flex-wrap:nowrap}.x-gantt-table-header .x-gantt-table-header-cell{position:relative;box-sizing:border-box;overflow:hidden;font-weight:var(--x-gantt-header-font-weight);flex-shrink:0;padding:0 8px}.x-gantt-table-header .x-gantt-table-header-cell.border{border-right:1px solid var(--x-gantt-border-color)!important}.x-gantt-table-header .x-gantt-table-header-cell .x-gantt-column-resize-handle{transition:background-color .2s ease}.x-gantt-table-header .x-gantt-table-header-cell .x-gantt-column-resize-handle:hover{background-color:#0000001a!important}.x-gantt-table-header>div:last-child.x-gantt-table-header-group.border>.x-gantt-table-header-cell.border{border-right:none}.x-gantt-table-header>div:last-child .x-gantt-table-header-group.border>.x-gantt-table-header-cell.border{border-right:none}.x-gantt-table-header>div:last-child.x-gantt-table-header-cell.border{border-right:none}.x-gantt-table-header-group{display:flex;flex-direction:column;box-sizing:border-box}.x-gantt-table-header-group>.x-gantt-table-header-cell{border-bottom:1px solid var(--x-gantt-border-color)!important}.x-gantt-table-header-group>.x-gantt-table-header-cell>.x-gantt-table-header-title{text-align:center}.x-gantt-table-header-children{display:flex;flex-direction:row}.x-gantt-table-body{flex:1;overflow:hidden;box-sizing:border-box;position:relative;width:100%;height:100%}.x-gantt-table-row{box-sizing:border-box}.x-gantt-table-row.hover>.x-gantt-table-cell{background-color:var(--x-gantt-row-hover-color, rgba(0, 0, 0, .05))!important}.x-gantt-table-row.selected>.x-gantt-table-cell{background-color:var(--x-gantt-row-selected-color, rgba(0, 0, 0, .1))!important}.x-gantt-table-cell{box-sizing:border-box;display:inline-block;border-bottom:1px solid var(--x-gantt-border-color)!important;padding:var(--x-gantt-cell-padding, 4px 8px)}.x-gantt-table-cell .x-gantt-table-cell__content{box-sizing:border-box}.x-gantt-table-cell.border{border-right:1px solid var(--x-gantt-border-color)!important}.x-gantt-content-wrapper{width:100%;height:100%;scrollbar-width:none}.x-gantt-content-wrapper::-webkit-scrollbar{display:none}.gantt-scrollbar{position:absolute;z-index:10;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.gantt-scrollbar.visible{opacity:1;pointer-events:auto}.gantt-scrollbar-thumb{position:absolute;cursor:pointer;transition:background-color .2s ease-in-out,height .1s ease-out,width .1s ease-out,transform .05s linear}.gantt-scrollbar-vertical{top:0;right:0;bottom:0}.gantt-scrollbar-vertical .gantt-scrollbar-thumb-vertical{top:0;left:0;right:0}.gantt-scrollbar-horizontal{left:0;bottom:0;right:0}.gantt-scrollbar-horizontal .gantt-scrollbar-thumb-horizontal{left:0;top:0;bottom:0}.x-gantt-checkbox{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--x-gantt-border-color);border-radius:3px;cursor:pointer;transition:all .15s ease-in-out;box-sizing:border-box;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.x-gantt-checkbox:focus{outline:none}.x-gantt-checkbox:focus-visible{outline:none}.x-gantt-checkbox__icon svg{transition:all .15s ease-in-out}.x-gantt-checkbox:hover{border-color:var(--x-gantt-primary-color)}.x-gantt{width:100%;height:100%;display:flex;box-sizing:border-box;flex-wrap:nowrap;padding:0;margin:0;overflow:hidden;position:relative}.x-gantt.border{border:1px solid var(--x-gantt-border-color)}.x-gantt-container{position:relative;height:100%;overflow:hidden}.x-gantt-container[data-v-8c20afe3]{position:relative;width:100%;height:100%}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xpyjs/gantt-vue",
   "private": false,
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.2",
   "description": "Vue wrapper for x-gantt",
   "type": "module",
   "main": "./dist/index.umd.cjs",
@@ -23,7 +23,7 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@xpyjs/gantt-core": "0.0.1-alpha.1"
+    "@xpyjs/gantt-core": "0.0.1-alpha.2"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.0",
@@ -57,6 +57,6 @@
     "dev": "vite build --watch",
     "build": "tsc && vite build",
     "preview": "vite preview",
-    "release": "pnpm publish --access public --no-git-checks"
+    "release": "pnpm publish --access public"
   }
 }

package/types/components/GanttVue.vue.d.ts

@@ -14,6 +14,7 @@ declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VL
      */
     jumpTo: (date?: any) => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    loaded: () => void;
     error: (error: ErrorType) => void;
     "update:link": (link: ILink) => void;
     "create:link": (link: ILink) => void;
@@ -32,6 +33,7 @@ declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VL
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<XGanttVueProps>, {
     options: () => {};
 }>>> & Readonly<{
+    onLoaded?: (() => any) | undefined;
     onError?: ((error: ErrorType) => any) | undefined;
     "onUpdate:link"?: ((link: ILink) => any) | undefined;
     "onCreate:link"?: ((link: ILink) => any) | undefined;

package/types/components/props.d.ts

@@ -2,6 +2,7 @@ import { SlotsType } from 'vue';
 import { IOptions, ILink, ErrorType } from '@xpyjs/gantt-core';
 
 export type XGanttVueEmits = {
+    loaded: [];
     error: [error: ErrorType];
     "update:link": [link: ILink];
     "create:link": [link: ILink];

package/types/index.d.ts

@@ -9,5 +9,5 @@ declare const XGanttVue: typeof GanttVue & {
 };
 export { XGanttVue };
 export default XGanttVue;
-export type { IOptions, IOptionConfig, EmitData, EventMap, ILink, ErrorType, Dayjs, Colorjs } from '@xpyjs/gantt-core';
+export type { IOptions, IOptionConfig, EmitData, EventMap, ILink, ErrorType, Dayjs, Colorjs, XGanttUnit } from '@xpyjs/gantt-core';
 export { generateId, dayjs, colorjs } from '@xpyjs/gantt-core';