@xpyjs/gantt-vue 0.0.1-beta.4 → 0.0.1-rc.2

package/dist/index.js

@@ -1,18 +1,18 @@
-import { defineComponent as p, ref as k, watch as f, onMounted as v, onUnmounted as x, createElementBlock as _, openBlock as b, nextTick as h } from "vue";
-import { XGantt as w } from "@xpyjs/gantt-core";
-import { colorjs as E, dayjs as T, generateId as X } from "@xpyjs/gantt-core";
-const g = /* @__PURE__ */ p({
+import { defineComponent as f, ref as p, watch as k, onMounted as v, onUnmounted as b, createElementBlock as x, openBlock as _, nextTick as g } from "vue";
+import { XGantt as h } from "@xpyjs/gantt-core";
+import { colorjs as B, dayjs as V, generateId as C } from "@xpyjs/gantt-core";
+const w = /* @__PURE__ */ f({
   __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(n, { expose: r, emit: o }) {
-    const l = n, c = o, i = k();
+  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", "enter:slider", "hover:slider", "leave:slider", "click:baseline", "contextmenu:baseline", "enter:baseline", "hover:baseline", "leave:baseline"],
+  setup(n, { expose: i, emit: r }) {
+    const l = n, a = r, c = p();
     let e = null;
-    const u = async () => {
-      i.value && (await h(), e = new w(i.value, l.options), d());
-    }, d = () => {
+    const d = async () => {
+      c.value && (await g(), e = new h(c.value, l.options), u());
+    }, u = () => {
       if (!e) return;
       [
         "loaded",
@@ -29,28 +29,30 @@ const g = /* @__PURE__ */ p({
         "dblclick:slider",
         "contextmenu:slider",
         "move",
+        "enter:slider",
         "hover:slider",
         "leave:slider",
         "click:baseline",
         "contextmenu:baseline",
+        "enter:baseline",
         "hover:baseline",
         "leave:baseline"
-      ].forEach((a) => {
+      ].forEach((o) => {
         e.on(
-          a,
+          o,
           (...m) => {
-            c(a, ...m);
+            a(o, ...m);
           }
         );
       });
     };
-    return f(
+    return k(
       () => l,
       (t) => {
         e && e.update(t.options);
       },
       { deep: !0 }
-    ), r({
+    ), i({
       /**
        * 获取甘特图实例
        */
@@ -67,30 +69,50 @@ const g = /* @__PURE__ */ p({
       getDataChain: (t) => {
         if (e)
           return e.getDataChain(t);
+      },
+      /**
+       * 滚动到指定任务位置
+       */
+      scrollTo: (t, o) => {
+        e && e.scrollTo(t, o);
+      },
+      /**
+       * 获取某一条数据
+       */
+      getDataById: (t) => {
+        if (e)
+          return e.getDataById(t);
+      },
+      /**
+       * 获取当前数据集合的数量
+       */
+      getDataSize: () => {
+        if (e)
+          return e.getDataSize();
       }
     }), v(() => {
-      u();
-    }), x(() => {
+      d();
+    }), b(() => {
       e && (e.destroy(), e = null);
-    }), (t, a) => (b(), _("div", {
+    }), (t, o) => (_(), x("div", {
       ref_key: "containerRef",
-      ref: i,
+      ref: c,
       class: "x-gantt-container"
     }, null, 512));
   }
-}), G = (n, r) => {
-  const o = n.__vccOpts || n;
-  for (const [l, c] of r)
-    o[l] = c;
-  return o;
-}, y = /* @__PURE__ */ G(g, [["__scopeId", "data-v-220f3198"]]), s = y;
+}), y = (n, i) => {
+  const r = n.__vccOpts || n;
+  for (const [l, a] of i)
+    r[l] = a;
+  return r;
+}, D = /* @__PURE__ */ y(w, [["__scopeId", "data-v-7fb9b32a"]]), s = D;
 s.install = (n) => {
   n.component("XGanttVue", s);
 };
 export {
   s as XGanttVue,
-  E as colorjs,
-  T as dayjs,
+  B as colorjs,
+  V as dayjs,
   s as default,
-  X as generateId
+  C as generateId
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(t,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("@xpyjs/gantt-core")):typeof define=="function"&&define.amd?define(["exports","vue","@xpyjs/gantt-core"],n):(t=typeof globalThis<"u"?globalThis:t||self,n(t.XGanttVue={},t.Vue,t.XGanttCore))})(this,function(t,n,r){"use strict";const c=((o,a)=>{const l=o.__vccOpts||o;for(const[s,u]of a)l[s]=u;return l})(n.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=n.ref();let e=null;const p=async()=>{d.value&&(await n.nextTick(),e=new r.XGantt(d.value,s.options),m())},m=()=>{if(!e)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=>{e.on(f,(...k)=>{u(f,...k)})})};return n.watch(()=>s,i=>{e&&e.update(i.options)},{deep:!0}),a({getInstance:()=>e,jumpTo:i=>{e&&e.jumpTo(i)},getDataChain:i=>{if(e)return e.getDataChain(i)}}),n.onMounted(()=>{p()}),n.onUnmounted(()=>{e&&(e.destroy(),e=null)}),(i,f)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"containerRef",ref:d,class:"x-gantt-container"},null,512))}}),[["__scopeId","data-v-220f3198"]]);c.install=o=>{o.component("XGanttVue",c)},Object.defineProperty(t,"colorjs",{enumerable:!0,get:()=>r.colorjs}),Object.defineProperty(t,"dayjs",{enumerable:!0,get:()=>r.dayjs}),Object.defineProperty(t,"generateId",{enumerable:!0,get:()=>r.generateId}),t.XGanttVue=c,t.default=c,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(t,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("@xpyjs/gantt-core")):typeof define=="function"&&define.amd?define(["exports","vue","@xpyjs/gantt-core"],n):(t=typeof globalThis<"u"?globalThis:t||self,n(t.XGanttVue={},t.Vue,t.XGanttCore))})(this,function(t,n,l){"use strict";const c=((i,u)=>{const a=i.__vccOpts||i;for(const[s,d]of u)a[s]=d;return a})(n.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","enter:slider","hover:slider","leave:slider","click:baseline","contextmenu:baseline","enter:baseline","hover:baseline","leave:baseline"],setup(i,{expose:u,emit:a}){const s=i,d=a,f=n.ref();let e=null;const p=async()=>{f.value&&(await n.nextTick(),e=new l.XGantt(f.value,s.options),m())},m=()=>{if(!e)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","enter:slider","hover:slider","leave:slider","click:baseline","contextmenu:baseline","enter:baseline","hover:baseline","leave:baseline"].forEach(o=>{e.on(o,(...b)=>{d(o,...b)})})};return n.watch(()=>s,r=>{e&&e.update(r.options)},{deep:!0}),u({getInstance:()=>e,jumpTo:r=>{e&&e.jumpTo(r)},getDataChain:r=>{if(e)return e.getDataChain(r)},scrollTo:(r,o)=>{e&&e.scrollTo(r,o)},getDataById:r=>{if(e)return e.getDataById(r)},getDataSize:()=>{if(e)return e.getDataSize()}}),n.onMounted(()=>{p()}),n.onUnmounted(()=>{e&&(e.destroy(),e=null)}),(r,o)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"containerRef",ref:f,class:"x-gantt-container"},null,512))}}),[["__scopeId","data-v-7fb9b32a"]]);c.install=i=>{i.component("XGanttVue",c)},Object.defineProperty(t,"colorjs",{enumerable:!0,get:()=>l.colorjs}),Object.defineProperty(t,"dayjs",{enumerable:!0,get:()=>l.dayjs}),Object.defineProperty(t,"generateId",{enumerable:!0,get:()=>l.generateId}),t.XGanttVue=c,t.default=c,Object.defineProperties(t,{__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{position:relative;height:100%;overflow:hidden}.x-gantt-container[data-v-220f3198]{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-7fb9b32a]{position:relative;width:100%;height:100%}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xpyjs/gantt-vue",
   "private": false,
-  "version": "0.0.1-beta.4",
+  "version": "0.0.1-rc.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-beta.4"
+    "@xpyjs/gantt-core": "0.0.1-rc.2"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.0",

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

@@ -17,6 +17,18 @@ declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VL
      * 获取指定任务的所有相关联的完整路径，包含所有连接线与任务节点
      */
     getDataChain: (taskId: string) => DataChain | undefined;
+    /**
+     * 滚动到指定任务位置
+     */
+    scrollTo: (id?: string, highlight?: boolean) => void;
+    /**
+     * 获取某一条数据
+     */
+    getDataById: (id: string) => any;
+    /**
+     * 获取当前数据集合的数量
+     */
+    getDataSize: () => number | undefined;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     loaded: () => void;
     error: (error: ErrorType) => void;
@@ -35,10 +47,12 @@ declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VL
         row: any;
         old: any;
     }[]) => void;
+    "enter:slider": (e: MouseEvent, data: any) => void;
     "hover:slider": (e: MouseEvent, data: any) => void;
     "leave:slider": (e: MouseEvent, data: any) => void;
     "click:baseline": (e: MouseEvent, data: any, baseline: any) => void;
     "contextmenu:baseline": (e: MouseEvent, data: any, baseline: any) => void;
+    "enter:baseline": (e: MouseEvent, data: any, baseline: any) => void;
     "hover:baseline": (e: MouseEvent, data: any, baseline: any) => void;
     "leave:baseline": (e: MouseEvent, data: any, baseline: any) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<XGanttVueProps>, {
@@ -61,10 +75,12 @@ declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VL
         row: any;
         old: any;
     }[]) => any) | undefined;
+    "onEnter:slider"?: ((e: MouseEvent, data: any) => any) | undefined;
     "onHover:slider"?: ((e: MouseEvent, data: any) => any) | undefined;
     "onLeave:slider"?: ((e: MouseEvent, data: any) => any) | undefined;
     "onClick:baseline"?: ((e: MouseEvent, data: any, baseline: any) => any) | undefined;
     "onContextmenu:baseline"?: ((e: MouseEvent, data: any, baseline: any) => any) | undefined;
+    "onEnter:baseline"?: ((e: MouseEvent, data: any, baseline: any) => any) | undefined;
     "onHover:baseline"?: ((e: MouseEvent, data: any, baseline: any) => any) | undefined;
     "onLeave:baseline"?: ((e: MouseEvent, data: any, baseline: any) => any) | undefined;
 }>, {

package/types/components/props.d.ts

@@ -19,10 +19,12 @@ export type XGanttVueEmits = {
         row: any;
         old: any;
     }[]];
+    "enter:slider": [e: MouseEvent, data: any];
     "hover:slider": [e: MouseEvent, data: any];
     "leave:slider": [e: MouseEvent, data: any];
     "click:baseline": [e: MouseEvent, data: any, baseline: any];
     "contextmenu:baseline": [e: MouseEvent, data: any, baseline: any];
+    "enter:baseline": [e: MouseEvent, data: any, baseline: any];
     "hover:baseline": [e: MouseEvent, data: any, baseline: any];
     "leave:baseline": [e: MouseEvent, data: any, baseline: any];
 };