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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.js +13 -12
  2. package/dist/index.umd.cjs +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +2 -2
  5. package/types/components/GanttVue.vue.d.ts +9 -7
  6. package/types/components/props.d.ts +5 -4
package/dist/index.js CHANGED
@@ -1,17 +1,17 @@
1
1
  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";
2
- import { XGantt as h } from "@xpyjs/gantt-core";
2
+ import { XGantt as w } from "@xpyjs/gantt-core";
3
3
  import { colorjs as j, dayjs as V, generateId as C } from "@xpyjs/gantt-core";
4
- const w = /* @__PURE__ */ f({
4
+ const h = /* @__PURE__ */ f({
5
5
  __name: "GanttVue",
6
6
  props: {
7
7
  options: { default: () => ({}) }
8
8
  },
9
- 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"],
10
- setup(n, { expose: i, emit: o }) {
11
- const l = n, a = o, c = p();
9
+ emits: ["loaded", "error", "update:link", "create:link", "select:link", "contextmenu:link", "select", "click:row", "dblclick:row", "contextmenu:row", "drag:row", "click:slider", "dblclick:slider", "contextmenu:slider", "move", "enter:slider", "hover:slider", "leave:slider", "click:baseline", "contextmenu:baseline", "enter:baseline", "hover:baseline", "leave:baseline"],
10
+ setup(n, { expose: a, emit: o }) {
11
+ const l = n, i = o, c = p();
12
12
  let e = null;
13
13
  const d = async () => {
14
- c.value && (await g(), e = new h(c.value, l.options), u());
14
+ c.value && (await g(), e = new w(c.value, l.options), u());
15
15
  }, u = () => {
16
16
  if (!e) return;
17
17
  [
@@ -25,6 +25,7 @@ const w = /* @__PURE__ */ f({
25
25
  "click:row",
26
26
  "dblclick:row",
27
27
  "contextmenu:row",
28
+ "drag:row",
28
29
  "click:slider",
29
30
  "dblclick:slider",
30
31
  "contextmenu:slider",
@@ -41,7 +42,7 @@ const w = /* @__PURE__ */ f({
41
42
  e.on(
42
43
  r,
43
44
  (...m) => {
44
- a(r, ...m);
45
+ i(r, ...m);
45
46
  }
46
47
  );
47
48
  });
@@ -52,7 +53,7 @@ const w = /* @__PURE__ */ f({
52
53
  e && e.update(t.options);
53
54
  },
54
55
  { deep: !0 }
55
- ), i({
56
+ ), a({
56
57
  /**
57
58
  * 获取甘特图实例
58
59
  */
@@ -113,12 +114,12 @@ const w = /* @__PURE__ */ f({
113
114
  class: "x-gantt-container"
114
115
  }, null, 512));
115
116
  }
116
- }), y = (n, i) => {
117
+ }), y = (n, a) => {
117
118
  const o = n.__vccOpts || n;
118
- for (const [l, a] of i)
119
- o[l] = a;
119
+ for (const [l, i] of a)
120
+ o[l] = i;
120
121
  return o;
121
- }, D = /* @__PURE__ */ y(w, [["__scopeId", "data-v-15dd921b"]]), s = D;
122
+ }, D = /* @__PURE__ */ y(h, [["__scopeId", "data-v-b602ee75"]]), s = D;
122
123
  s.install = (n) => {
123
124
  n.component("XGanttVue", s);
124
125
  };
package/dist/index.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(n,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("@xpyjs/gantt-core")):typeof define=="function"&&define.amd?define(["exports","vue","@xpyjs/gantt-core"],r):(n=typeof globalThis<"u"?globalThis:n||self,r(n.XGanttVue={},n.Vue,n.XGanttCore))})(this,function(n,r,l){"use strict";const a=((i,d)=>{const c=i.__vccOpts||i;for(const[s,u]of d)c[s]=u;return c})(r.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:d,emit:c}){const s=i,u=c,f=r.ref();let e=null;const m=async()=>{f.value&&(await r.nextTick(),e=new l.XGantt(f.value,s.options),p())},p=()=>{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,(...k)=>{u(o,...k)})})};return r.watch(()=>s,t=>{e&&e.update(t.options)},{deep:!0}),d({getInstance:()=>e,jumpTo:t=>{e&&e.jumpTo(t)},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()},removeDataById(t){return(e==null?void 0:e.removeDataById(t))||!1}}),r.onMounted(()=>{m()}),r.onUnmounted(()=>{e&&(e.destroy(),e=null)}),(t,o)=>(r.openBlock(),r.createElementBlock("div",{ref_key:"containerRef",ref:f,class:"x-gantt-container"},null,512))}}),[["__scopeId","data-v-15dd921b"]]);a.install=i=>{i.component("XGanttVue",a)},Object.defineProperty(n,"colorjs",{enumerable:!0,get:()=>l.colorjs}),Object.defineProperty(n,"dayjs",{enumerable:!0,get:()=>l.dayjs}),Object.defineProperty(n,"generateId",{enumerable:!0,get:()=>l.generateId}),n.XGanttVue=a,n.default=a,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
1
+ (function(n,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("@xpyjs/gantt-core")):typeof define=="function"&&define.amd?define(["exports","vue","@xpyjs/gantt-core"],r):(n=typeof globalThis<"u"?globalThis:n||self,r(n.XGanttVue={},n.Vue,n.XGanttCore))})(this,function(n,r,l){"use strict";const a=((i,d)=>{const c=i.__vccOpts||i;for(const[s,u]of d)c[s]=u;return c})(r.defineComponent({__name:"GanttVue",props:{options:{default:()=>({})}},emits:["loaded","error","update:link","create:link","select:link","contextmenu:link","select","click:row","dblclick:row","contextmenu:row","drag: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:d,emit:c}){const s=i,u=c,f=r.ref();let e=null;const m=async()=>{f.value&&(await r.nextTick(),e=new l.XGantt(f.value,s.options),p())},p=()=>{if(!e)return;["loaded","error","update:link","create:link","select:link","contextmenu:link","select","click:row","dblclick:row","contextmenu:row","drag: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,(...k)=>{u(o,...k)})})};return r.watch(()=>s,t=>{e&&e.update(t.options)},{deep:!0}),d({getInstance:()=>e,jumpTo:t=>{e&&e.jumpTo(t)},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()},removeDataById(t){return(e==null?void 0:e.removeDataById(t))||!1}}),r.onMounted(()=>{m()}),r.onUnmounted(()=>{e&&(e.destroy(),e=null)}),(t,o)=>(r.openBlock(),r.createElementBlock("div",{ref_key:"containerRef",ref:f,class:"x-gantt-container"},null,512))}}),[["__scopeId","data-v-b602ee75"]]);a.install=i=>{i.component("XGanttVue",a)},Object.defineProperty(n,"colorjs",{enumerable:!0,get:()=>l.colorjs}),Object.defineProperty(n,"dayjs",{enumerable:!0,get:()=>l.dayjs}),Object.defineProperty(n,"generateId",{enumerable:!0,get:()=>l.generateId}),n.XGanttVue=a,n.default=a,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
package/dist/style.css CHANGED
@@ -1 +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-15dd921b]{position:relative;width:100%;height:100%}
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-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none}.x-gantt-drag-source{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#e0e0e0}.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-b602ee75]{position:relative;width:100%;height:100%}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@xpyjs/gantt-vue",
3
3
  "private": false,
4
- "version": "0.0.1-rc.4",
4
+ "version": "0.0.1",
5
5
  "description": "Vue wrapper for x-gantt",
6
6
  "type": "module",
7
7
  "main": "./dist/index.umd.cjs",
@@ -23,7 +23,7 @@
23
23
  "vue": "^3.0.0"
24
24
  },
25
25
  "dependencies": {
26
- "@xpyjs/gantt-core": "0.0.1-rc.4"
26
+ "@xpyjs/gantt-core": "0.0.1"
27
27
  },
28
28
  "devDependencies": {
29
29
  "@vitejs/plugin-vue": "^5.0.0",
package/types/components/GanttVue.vue.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { XGantt, DataChain, ErrorType, ILink, IOptions } from '@xpyjs/gantt-core';
1
+ import { XGantt, DataChain, ErrorType, ILink, Dayjs, IOptions } from '@xpyjs/gantt-core';
2
2
  import { XGanttVueProps } from './props';
3
3
  import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, PropType } from 'vue';
4
4
 
@@ -48,9 +48,10 @@ declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VL
48
48
  "select:link": (add: ILink | null, cancel: ILink | null, all: ILink[]) => void;
49
49
  "contextmenu:link": (e: MouseEvent, link: ILink) => void;
50
50
  select: (data: any[], checked: boolean, all: any[]) => void;
51
- "click:row": (e: MouseEvent, data: any) => void;
52
- "dblclick:row": (e: MouseEvent, data: any) => void;
53
- "contextmenu:row": (e: MouseEvent, data: any) => void;
51
+ "click:row": (e: MouseEvent, data: any, time?: Dayjs | undefined) => void;
52
+ "dblclick:row": (e: MouseEvent, data: any, time?: Dayjs | undefined) => void;
53
+ "contextmenu:row": (e: MouseEvent, data: any, time?: Dayjs | undefined) => void;
54
+ "drag:row": (target: any, source: any) => void;
54
55
  "click:slider": (e: MouseEvent, data: any) => void;
55
56
  "dblclick:slider": (e: MouseEvent, data: any) => void;
56
57
  "contextmenu:slider": (e: MouseEvent, data: any) => void;
@@ -76,9 +77,10 @@ declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VL
76
77
  "onSelect:link"?: ((add: ILink | null, cancel: ILink | null, all: ILink[]) => any) | undefined;
77
78
  "onContextmenu:link"?: ((e: MouseEvent, link: ILink) => any) | undefined;
78
79
  onSelect?: ((data: any[], checked: boolean, all: any[]) => any) | undefined;
79
- "onClick:row"?: ((e: MouseEvent, data: any) => any) | undefined;
80
- "onDblclick:row"?: ((e: MouseEvent, data: any) => any) | undefined;
81
- "onContextmenu:row"?: ((e: MouseEvent, data: any) => any) | undefined;
80
+ "onClick:row"?: ((e: MouseEvent, data: any, time?: Dayjs | undefined) => any) | undefined;
81
+ "onDblclick:row"?: ((e: MouseEvent, data: any, time?: Dayjs | undefined) => any) | undefined;
82
+ "onContextmenu:row"?: ((e: MouseEvent, data: any, time?: Dayjs | undefined) => any) | undefined;
83
+ "onDrag:row"?: ((target: any, source: any) => any) | undefined;
82
84
  "onClick:slider"?: ((e: MouseEvent, data: any) => any) | undefined;
83
85
  "onDblclick:slider"?: ((e: MouseEvent, data: any) => any) | undefined;
84
86
  "onContextmenu:slider"?: ((e: MouseEvent, data: any) => any) | undefined;
package/types/components/props.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SlotsType } from 'vue';
2
- import { IOptions, ILink, ErrorType } from '@xpyjs/gantt-core';
2
+ import { IOptions, ILink, ErrorType, Dayjs } from '@xpyjs/gantt-core';
3
3
 
4
4
  export type XGanttVueEmits = {
5
5
  loaded: [];
@@ -9,9 +9,10 @@ export type XGanttVueEmits = {
9
9
  "select:link": [add: ILink | null, cancel: ILink | null, all: ILink[]];
10
10
  "contextmenu:link": [e: MouseEvent, link: ILink];
11
11
  select: [data: any[], checked: boolean, all: any[]];
12
- "click:row": [e: MouseEvent, data: any];
13
- "dblclick:row": [e: MouseEvent, data: any];
14
- "contextmenu:row": [e: MouseEvent, data: any];
12
+ "click:row": [e: MouseEvent, data: any, time?: Dayjs];
13
+ "dblclick:row": [e: MouseEvent, data: any, time?: Dayjs];
14
+ "contextmenu:row": [e: MouseEvent, data: any, time?: Dayjs];
15
+ "drag:row": [target: any, source: any];
15
16
  "click:slider": [e: MouseEvent, data: any];
16
17
  "dblclick:slider": [e: MouseEvent, data: any];
17
18
  "contextmenu:slider": [e: MouseEvent, data: any];