@xpyjs/gantt-core 0.0.1-rc.1 → 0.0.1-rc.2

package/dist/x-gantt.js

@@ -3,10 +3,10 @@ var Yt = (f, t, e) => t in f ? Pt(f, t, { enumerable: !0, configurable: !0, writ
 var a = (f, t, e) => Yt(f, typeof t != "symbol" ? t + "" : t, e);
 import G from "dayjs";
 import { default as ai } from "dayjs";
-import { merge as rt, isArray as X, isString as K, isFunction as j, cloneDeep as Z, isObject as Et, isNumber as Ut, omit as yt, throttle as wt, isBoolean as ht, debounce as Xt } from "lodash-es";
+import { merge as rt, isArray as X, isString as V, isFunction as j, cloneDeep as Z, isObject as Et, isNumber as Ut, omit as yt, throttle as wt, isBoolean as ht, debounce as Xt } from "lodash-es";
 import S from "konva";
-const Ct = "0.0.1-rc.1";
-function Kt() {
+const Ct = "0.0.1-rc.2";
+function Vt() {
   const f = "#eca710", t = "#ffffff", e = "#e7209e", i = "#ffffff", s = "#1c42e8";
   [
     " __ __  _____  _____  _____  _____  _____ ",
@@ -316,7 +316,7 @@ const lt = () => ({
     opacity: 0.1
   }
 });
-class Vt {
+class Kt {
   constructor() {
     a(this, "options", lt());
   }
@@ -354,7 +354,7 @@ class Vt {
     var s;
     let e = "";
     const i = (s = this.options.row) == null ? void 0 : s.backgroundColor;
-    return K(i) ? e = i : X(i) && i.length > 0 ? e = i[t.level] : j(i) && (e = i(t.getEmitData())), e;
+    return V(i) ? e = i : X(i) && i.length > 0 ? e = i[t.level] : j(i) && (e = i(t.getEmitData())), e;
   }
   unpackFunc(t, e) {
     return j(t) ? t(e.getEmitData()) : t;
@@ -413,7 +413,7 @@ function $(f, t, e) {
 }
 function nt(f, t) {
   let e = f;
-  return K(e) && (/%$/.test(e) ? e = t * parseFloat(e) / 100 : e = parseFloat(e)), isNaN(e) ? 0 : e;
+  return V(e) && (/%$/.test(e) ? e = t * parseFloat(e) / 100 : e = parseFloat(e)), isNaN(e) ? 0 : e;
 }
 function ct(f, t) {
   if (t === 0)
@@ -532,7 +532,7 @@ class mt {
     this.store = t, this.event = e, this.fields = this.store.getOptionManager().getOptions().fields, this.id = n || i[this.fields.id] || Q(), this.data = i, this.name = i[this.fields.name] || "", this.type = i[this.fields.type] || "task", this.updateMode(), this.progress = i[this.fields.progress], this.expanded = this.store.getOptionManager().getOptions().expand.show ? this.store.getOptionManager().getOptions().expand.enabled : !0, this.children = [], this.level = s && s.level !== void 0 ? s.level + 1 : 0, this.parent = s, this.flatIndex = 0, this.store.updateTime(this.startTime, this.endTime);
   }
   getField(t) {
-    if (!t || K(t) && t.trim() === "")
+    if (!t || V(t) && t.trim() === "")
       return;
     if (!t.includes("."))
       return this.data[t];
@@ -844,6 +844,18 @@ class Jt {
     };
     return this.tasks.forEach((s) => i(s)), this.visibleTasksCache = t, this.isDirty = !1, t;
   }
+  /**
+   * 获取一个任务是否可展示
+   */
+  isTaskVisible(t) {
+    let e = t.parent;
+    for (; e; ) {
+      if (this.collapsedTaskIds.has(e.id))
+        return !1;
+      e = e.parent;
+    }
+    return !0;
+  }
   /**
    * 获取可展示任务数量
    */
@@ -2807,7 +2819,7 @@ class Oe {
       week: s.cellWidth,
       month: s.cellWidth,
       quarter: s.cellWidth
-    } : K(s.cellWidth) ? this.cellWidth = Z(
+    } : V(s.cellWidth) ? this.cellWidth = Z(
       ut()[s.cellWidth] || ut().normal
     ) : Et(s.cellWidth) && (this.cellWidth = Object.assign(this.cellWidth, s.cellWidth))), this.headerCellFormat = s.headerCellFormat, this.headerGroupFormat = s.headerGroupFormat;
   }
@@ -2887,7 +2899,7 @@ class Oe {
       const i = this.headerGroupFormat(t.toDate(), this.unit);
       if (i) return i;
     }
-    if (K(this.headerGroupFormat))
+    if (V(this.headerGroupFormat))
       return t.format(this.headerGroupFormat);
     switch (this.getGroupUnit()) {
       case "month":
@@ -2907,7 +2919,7 @@ class Oe {
       const i = this.headerCellFormat(t.toDate(), this.unit);
       if (i) return i;
     }
-    if (K(this.headerCellFormat))
+    if (V(this.headerCellFormat))
       return t.format(this.headerCellFormat);
     switch (this.getChildUnit()) {
       case "hour":
@@ -2956,7 +2968,7 @@ class De {
     const i = yt(e, ["data"]), s = e == null ? void 0 : e.data;
     if (s && !X(s))
       throw O.exception("Data should be a array.");
-    this.optionManager = new Vt(), this.optionManager.setOptions(i), i.locale && vt(i.locale), this.timeAxis = new Oe(), this.timeAxis.init(this.optionManager.getOptions()), this.columnManager = new ee(this.context), i.table && i.table.columns && this.columnManager.init(i.table.columns), this.dataManager = new Jt(this, this.context.event), s && this.dataManager.setData(s, !0), (n = e == null ? void 0 : e.baselines) != null && n.data && this.dataManager.setBaselines(e.baselines.data), this.linkManager = new ft(this, this.context.event), X((o = e == null ? void 0 : e.links) == null ? void 0 : o.data) && this.linkManager.setLinks(e.links.data, !0), this.linkManager.setCycleDetection(((r = e == null ? void 0 : e.links) == null ? void 0 : r.enableCycleDetection) ?? !0);
+    this.optionManager = new Kt(), this.optionManager.setOptions(i), i.locale && vt(i.locale), this.timeAxis = new Oe(), this.timeAxis.init(this.optionManager.getOptions()), this.columnManager = new ee(this.context), i.table && i.table.columns && this.columnManager.init(i.table.columns), this.dataManager = new Jt(this, this.context.event), s && this.dataManager.setData(s, !0), (n = e == null ? void 0 : e.baselines) != null && n.data && this.dataManager.setBaselines(e.baselines.data), this.linkManager = new ft(this, this.context.event), X((o = e == null ? void 0 : e.links) == null ? void 0 : o.data) && this.linkManager.setLinks(e.links.data, !0), this.linkManager.setCycleDetection(((r = e == null ? void 0 : e.links) == null ? void 0 : r.enableCycleDetection) ?? !0);
   }
   getOptionManager() {
     return this.optionManager;
@@ -4419,23 +4431,23 @@ class We {
             fontFamily: zt
           }), at = it.measureSize(F);
           it.width(at.width);
-          const V = { x: 0, y: 0 };
+          const K = { x: 0, y: 0 };
           switch (z) {
             case "top-left":
-              V.x = -(12 + at.width), V.y = -8;
+              K.x = -(12 + at.width), K.y = -8;
               break;
             case "bottom-left":
-              V.x = -(12 + at.width), V.y = 10;
+              K.x = -(12 + at.width), K.y = 10;
               break;
             case "bottom-right":
-              V.x = 12, V.y = 10;
+              K.x = 12, K.y = 10;
               break;
             case "top-right":
             default:
-              V.x = 12, V.y = -8;
+              K.x = 12, K.y = -8;
               break;
           }
-          it.setAttrs(V), this.slider.add(it);
+          it.setAttrs(K), this.slider.add(it);
         }
       }
       this.sliderType = "milestone";
@@ -5163,7 +5175,7 @@ class Fe {
     if (!this.selectedRect || this.selectedRowId === null) return;
     const e = this.rowsCache.get(`chart-row-${this.selectedRowId}`);
     if (e)
-      if (this.tasks.find((i) => i.id === e.task.id)) {
+      if (this.context.store.getDataManager().getVisibleTasks().find((i) => i.id === e.task.id)) {
         const s = e.task.flatIndex * this.context.getOptions().row.height + this.context.getOptions().header.height;
         this.selectedRect.y(s + this.offsetY), this.layer.batchDraw();
       } else
@@ -5862,7 +5874,7 @@ class Ye {
         l.isMilestone() && (u += i / 2);
         const y = s + i * l.flatIndex;
         let x = !0, T = !0, b = this.context.store.getOptionManager().unpackFunc(this.context.getOptions().links.create.from, l);
-        if (ht(b) ? x = T = b : K(b) && (x = b === "S", T = b === "F"), x) {
+        if (ht(b) ? x = T = b : V(b) && (x = b === "S", T = b === "F"), x) {
           const w = new S.Circle({
             id: `point-${l.id}-left`,
             x: m - u,
@@ -5936,7 +5948,7 @@ class Ye {
         );
         return;
       }
-      if (o.flatIndex < this.tasks[0].flatIndex && r.flatIndex < this.tasks[0].flatIndex || o.flatIndex > this.tasks[this.tasks.length - 1].flatIndex && r.flatIndex > this.tasks[this.tasks.length - 1].flatIndex)
+      if (!this.context.store.getDataManager().isTaskVisible(o) || !this.context.store.getDataManager().isTaskVisible(r) || o.flatIndex < this.tasks[0].flatIndex && r.flatIndex < this.tasks[0].flatIndex || o.flatIndex > this.tasks[this.tasks.length - 1].flatIndex && r.flatIndex > this.tasks[this.tasks.length - 1].flatIndex)
         return;
       const h = Math.max(0, -this.offsetX), c = h + this.width;
       if (!(this.context.store.getTimeAxis().getTimeLeft(((g = s.type) == null ? void 0 : g[0]) === "S" ? o.startTime : o.endTime) < h && this.context.store.getTimeAxis().getTimeLeft(((d = s.type) == null ? void 0 : d[1]) === "F" ? r.endTime : r.startTime) < h) && !(this.context.store.getTimeAxis().getTimeLeft(((l = s.type) == null ? void 0 : l[0]) === "S" ? o.startTime : o.endTime) > c && this.context.store.getTimeAxis().getTimeLeft(((m = s.type) == null ? void 0 : m[1]) === "F" ? r.endTime : r.startTime) > c) && this.context.store.getOptionManager().unpackFunc(this.context.getOptions().bar.show, o) && this.context.store.getOptionManager().unpackFunc(this.context.getOptions().bar.show, r)) {
@@ -6321,7 +6333,7 @@ class Ye {
     j(r) && (r = r(
       t.getEmitData(),
       this.context.store.getDataManager().getTaskById(e).getEmitData()
-    )), ht(r) ? n = o = r : K(r) && (n = r === "S", o = r === "F");
+    )), ht(r) ? n = o = r : V(r) && (n = r === "S", o = r === "F");
     const h = this.validateChain(t.id, e, i, s);
     return {
       allowLeft: n && h.ok,
@@ -6337,7 +6349,7 @@ class Ye {
     j(r) && (r = r(
       t.getEmitData(),
       this.context.store.getDataManager().getTaskById(e).getEmitData()
-    )), ht(r) ? n = o = r : K(r) && (n = r === "S", o = r === "F");
+    )), ht(r) ? n = o = r : V(r) && (n = r === "S", o = r === "F");
     const h = this.validateChain(e, t.id, i, s);
     return {
       allowLeft: n && h.ok,
@@ -6581,7 +6593,7 @@ class Ue {
         this.indicatorGroup.add(p);
         let u = `${gt(i.startDiff)}${i.unit} ${m}`;
         const y = s.compare.indicator[m].text;
-        j(y) ? u = y(i.startDiff, { ...t.getEmitData(), baseline: e }) : K(y) && (u = y);
+        j(y) ? u = y(i.startDiff, { ...t.getEmitData(), baseline: e }) : V(y) && (u = y);
         const x = new S.Text({
           y: l - n.fontSize / 2,
           text: u,
@@ -6605,7 +6617,7 @@ class Ue {
         this.indicatorGroup.add(p);
         let u = `${gt(i.endDiff)}${i.unit} ${m}`;
         const y = s.compare.indicator[m].text;
-        j(y) ? u = y(i.endDiff, { ...t.getEmitData(), baseline: e }) : K(y) && (u = y);
+        j(y) ? u = y(i.endDiff, { ...t.getEmitData(), baseline: e }) : V(y) && (u = y);
         const x = new S.Text({
           x: d + n.size + 5,
           y: l - n.fontSize / 2,
@@ -6679,8 +6691,8 @@ class Xe {
     this.headerLayer.destroy(), this.gridGroup.destroy(), this.bodyLayer.destroy(), this.todayLayer.destroy(), this.holidayGroup.destroy(), this.flagGroup.destroy(), this.weekendGroup.destroy(), this.linkGroup.destroy(), this.baselineGroup.destroy(), this.axisLayer.destroy(), this.bgLayer.destroy(), this.stage.destroy();
   }
 }
-const Ke = '<svg style="transition: all 0.3s" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M8.293 12.707a1 1 0 0 1 0-1.414l5.657-5.657a1 1 0 1 1 1.414 1.414L10.414 12l4.95 4.95a1 1 0 0 1-1.414 1.414z"/></g></svg>';
-class Ve {
+const Ve = '<svg style="transition: all 0.3s" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M8.293 12.707a1 1 0 0 1 0-1.414l5.657-5.657a1 1 0 1 1 1.414 1.414L10.414 12l4.95 4.95a1 1 0 0 1-1.414 1.414z"/></g></svg>';
+class Ke {
   constructor(t, e) {
     a(this, "line");
     a(this, "initialX", 0);
@@ -6690,7 +6702,7 @@ class Ve {
       "border-left-color",
       this.root.store.getOptionManager().getOptions().border.color,
       "important"
-    ), this.line.style.cursor = "col-resize", this.collapseButton = document.createElement("div"), this.collapseButton.className = "x-gantt-collapse-button", this.collapseButton.style.position = "absolute", this.collapseButton.style.top = "50%", this.collapseButton.style.left = "0", this.collapseButton.style.transform = "translateY(-50%)", this.collapseButton.style.cursor = "pointer", this.collapseButton.style.width = "16px", this.collapseButton.style.height = "30px", this.collapseButton.style.backgroundColor = "#fff", this.collapseButton.style.borderRadius = "0 6px 6px 0", this.collapseButton.style.boxShadow = "0 0 2px rgba(0, 0, 0, 0.2)", this.collapseButton.style.display = "flex", this.collapseButton.style.alignItems = "center", this.collapseButton.style.justifyContent = "center", this.collapseButton.innerHTML = Ke, this.collapseButton.addEventListener("click", (i) => {
+    ), this.line.style.cursor = "col-resize", this.collapseButton = document.createElement("div"), this.collapseButton.className = "x-gantt-collapse-button", this.collapseButton.style.position = "absolute", this.collapseButton.style.top = "50%", this.collapseButton.style.left = "0", this.collapseButton.style.transform = "translateY(-50%)", this.collapseButton.style.cursor = "pointer", this.collapseButton.style.width = "16px", this.collapseButton.style.height = "30px", this.collapseButton.style.backgroundColor = "#fff", this.collapseButton.style.borderRadius = "0 6px 6px 0", this.collapseButton.style.boxShadow = "0 0 2px rgba(0, 0, 0, 0.2)", this.collapseButton.style.display = "flex", this.collapseButton.style.alignItems = "center", this.collapseButton.style.justifyContent = "center", this.collapseButton.innerHTML = Ve, this.collapseButton.addEventListener("click", (i) => {
       i.stopPropagation(), this.root.store.getColumnManager().collapse();
     }), this.line.appendChild(this.collapseButton), this.container.appendChild(this.line), this.addDragEvents();
   }
@@ -7008,7 +7020,7 @@ class Qe {
     a(this, "handleColumnWidthChange", () => {
       this.table.updateWidth(), this.updateSize();
     });
-    this.context = t, this.container = e, this.rootElement = document.createElement("div"), this.rootElement.id = `x-gantt-${this._id}`, this.rootElement.className = "x-gantt", this.rootElement.style.overflow = "hidden", this.rootElement.style.display = "flex", this.rootElement.style.position = "relative", this.container.appendChild(this.rootElement), this.tableContainer = document.createElement("div"), this.tableContainer.className = "x-gantt-table", this.rootElement.appendChild(this.tableContainer), new je(this.context, this.container), this.middleLine = new Ve(this.context, this.rootElement), this.chartContainer = document.createElement("div"), this.chartContainer.className = "x-gantt-chart", this.rootElement.appendChild(this.chartContainer), this.table = new He(this.context, this.tableContainer), this.chart = new Xe(this.context, this.chartContainer), this.scrollbar = new _e(
+    this.context = t, this.container = e, this.rootElement = document.createElement("div"), this.rootElement.id = `x-gantt-${this._id}`, this.rootElement.className = "x-gantt", this.rootElement.style.overflow = "hidden", this.rootElement.style.display = "flex", this.rootElement.style.position = "relative", this.container.appendChild(this.rootElement), this.tableContainer = document.createElement("div"), this.tableContainer.className = "x-gantt-table", this.rootElement.appendChild(this.tableContainer), new je(this.context, this.container), this.middleLine = new Ke(this.context, this.rootElement), this.chartContainer = document.createElement("div"), this.chartContainer.className = "x-gantt-chart", this.rootElement.appendChild(this.chartContainer), this.table = new He(this.context, this.tableContainer), this.chart = new Xe(this.context, this.chartContainer), this.scrollbar = new _e(
       this.context,
       this.rootElement,
       this.context.store.getOptionManager().getOptions().scrollbar || {}
@@ -7591,7 +7603,7 @@ class si {
     return this.context.store.getDataManager().getVisibleSize();
   }
 }
-Kt();
+Vt();
 const ni = Ct;
 export {
   si as XGantt,