@xpyjs/gantt-core 0.0.2 → 0.0.3

package/dist/x-gantt.js

@@ -1,12 +1,12 @@
-var Yt = Object.defineProperty;
-var Ut = (f, t, e) => t in f ? Yt(f, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[t] = e;
-var h = (f, t, e) => Ut(f, typeof t != "symbol" ? t + "" : t, e);
-import R from "dayjs";
-import { default as li } from "dayjs";
-import { merge as at, isArray as X, isString as V, isFunction as j, cloneDeep as J, isObject as Ct, remove as st, isNumber as Xt, omit as wt, throttle as bt, isBoolean as lt, debounce as Vt } from "lodash-es";
+var Ut = Object.defineProperty;
+var Xt = (f, t, e) => t in f ? Ut(f, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[t] = e;
+var h = (f, t, e) => Xt(f, typeof t != "symbol" ? t + "" : t, e);
+import H from "dayjs";
+import { default as ci } from "dayjs";
+import { merge as at, isArray as X, isString as V, isFunction as j, cloneDeep as J, isObject as Mt, remove as st, isNumber as Vt, omit as bt, throttle as vt, isBoolean as ct, debounce as Kt } from "lodash-es";
 import k from "konva";
-const Mt = "0.0.2";
-function Kt() {
+const Ot = "0.0.3";
+function jt() {
   const f = "#eca710", t = "#ffffff", e = "#e7209e", i = "#ffffff", s = "#1c42e8";
   [
     " __ __  _____  _____  _____  _____  _____ ",
@@ -19,7 +19,7 @@ function Kt() {
       `color: ${f}; font-weight: bold; font-family: monospace;`
     );
   }), console.log(
-    `%c 🚀 欢迎使用 XGantt %c Version: ${Mt} `,
+    `%c 🚀 欢迎使用 XGantt %c Version: ${Ot} `,
     `background-color: ${e}; color: ${t}; padding: 2px 4px; border-radius: 6px 0 0 6px; font-weight: bold; margin: 4px 0;`,
     `background-color: ${s}; color: ${i}; padding: 2px 4px; border-radius: 0 6px 6px 0; font-weight: normal; margin: 4px 0;`
   );
@@ -114,7 +114,7 @@ const P = class P {
    */
   static formatArgs(...t) {
     const e = [P.Prefix];
-    return P.options.showTimestamp && e.unshift(`[${R().format("YYYY-MM-DD HH:mm:ss.SSS")}]`), [e.join(""), ...t];
+    return P.options.showTimestamp && e.unshift(`[${H().format("YYYY-MM-DD HH:mm:ss.SSS")}]`), [e.join(""), ...t];
   }
 };
 h(P, "Prefix", "[XGantt]"), h(P, "options", {
@@ -123,8 +123,8 @@ h(P, "Prefix", "[XGantt]"), h(P, "options", {
   // 默认不显示时间戳
   showTimestamp: !1
 });
-let O = P;
-const ct = () => ({
+let L = P;
+const dt = () => ({
   data: [],
   links: {
     show: !1,
@@ -275,9 +275,14 @@ const ct = () => ({
   border: {
     color: "#e5e5e5"
   },
+  collapse: {
+    show: !0,
+    backgroundColor: "#fff",
+    radius: 6
+  },
   header: {
     height: 80,
-    color: "#000",
+    color: "auto",
     fontSize: 14,
     fontWeight: 600,
     fontFamily: "Arial"
@@ -321,20 +326,20 @@ const ct = () => ({
     opacity: 0.1
   }
 });
-class jt {
+class qt {
   constructor() {
-    h(this, "options", ct());
+    h(this, "options", dt());
   }
   getOptions() {
     return this.options;
   }
   setOptions(t, e = { merge: !0 }) {
     var i;
-    if (this.options = e.merge ? at(ct(), this.options, t) : at(ct(), t), (i = t.holiday) != null && i.holidays && t.holiday.holidays.length > 0) {
+    if (this.options = e.merge ? at(dt(), this.options, t) : at(dt(), t), (i = t.holiday) != null && i.holidays && t.holiday.holidays.length > 0) {
       const s = [];
       t.holiday.holidays.forEach((n) => {
         if (X(n.date)) {
-          const o = n.date.map((r) => R(r)).sort((r, a) => r.diff(a));
+          const o = n.date.map((r) => H(r)).sort((r, a) => r.diff(a));
           for (let r = 1; r < o.length; r++)
             if (o[r].diff(o[r - 1], "day") > 1) {
               s.push({
@@ -365,7 +370,7 @@ class jt {
     return j(t) ? t(e.getEmitData()) : t;
   }
 }
-class qt {
+class Qt {
   constructor() {
     h(this, "events", /* @__PURE__ */ new Map());
   }
@@ -406,7 +411,7 @@ class qt {
     this.events.clear();
   }
 }
-var S = /* @__PURE__ */ ((f) => (f.LOADED = "loaded", f.COLUMN_WIDTH_CHANGE = "column-width-change", f.MOVE_GUIDELINE = "move-guideline", f.SHOW_GUIDELINE = "show-guideline", f.HIDE_GUIDELINE = "hide-guideline", f.TOGGLE_COLLAPSE = "toggle-collapse", f.SCROLL = "scroll", f.CHART_OFFSET_CHANGE = "chart_offset_change", f.DATA_UPDATE = "data-update", f.VIEW_UPDATE = "view-update", f.UPDATE_TABLE_HEADER = "update_table_header", f.UPDATE_TABLE_BODY = "update_table_body", f.UPDATE_CHART_HEADER = "update_chart_header", f.UPDATE_TASK = "update_task", f.UPDATE_LINK = "update_link", f.CREATE_LINK = "create_link", f.TASK_SELECTED = "task_selected", f.TASK_UNSELECTED = "task_unselected", f.SELECT_LINK = "select_link", f.CHECK_TASK = "check_task", f.CONTEXT_LINK = "context_link", f.ROW_CLICK = "row-click", f.ROW_DBL_CLICK = "row-dbl-click", f.ROW_CONTEXTMENU = "row-contextmenu", f.SLIDER_CLICK = "slider-click", f.SLIDER_DBL_CLICK = "slider-dbl-click", f.SLIDER_CONTEXTMENU = "slider-contextmenu", f.SLIDER_DRAGGING = "slider-dragging", f.SLIDER_ENTER = "slider-enter", f.SLIDER_HOVER = "slider-hover", f.SLIDER_LEAVE = "slider-leave", f.SLIDER_BLINK = "slider-blink", f.LINK_BLINK = "link-blink", f.ROW_HIGHLIGHT = "row-highlight", f.ROW_UNHIGHLIGHT = "row-unhighlight", f.TASK_DRAG_START = "task-drag-start", f.TASK_DRAG_MOVE = "task-drag-move", f.TASK_DRAG_END = "task-drag-end", f.BASELINE_CLICK = "baseline-click", f.BASELINE_CONTEXTMENU = "baseline-contextmenu", f.BASELINE_MOUSEENTER = "baseline-mouseenter", f.BASELINE_MOUSEMOVE = "baseline-mousemove", f.BASELINE_MOUSEOUT = "baseline-mouseout", f.ROW_DRAG_START = "row-drag-start", f.ROW_DRAGGING = "row-dragging", f.ROW_DRAG_END = "row-drag-end", f.ERROR = "error", f))(S || {}), Y = /* @__PURE__ */ ((f) => (f.INVALID_TYPE = "INVALID_TYPE", f.TASK_NOT_FOUND = "TASK_NOT_FOUND", f.LINK_NOT_ALLOWED = "LINK_NOT_ALLOWED", f.LINK_SAME = "LINK_SAME", f.LINK_EXIST = "LINK_EXIST", f.LINK_INVALID_ARG = "LINK_INVALID_ARG", f.LINK_CYCLE = "LINK_CYCLE", f))(Y || {});
+var S = /* @__PURE__ */ ((f) => (f.LOADED = "loaded", f.COLUMN_WIDTH_CHANGE = "column-width-change", f.MOVE_GUIDELINE = "move-guideline", f.SHOW_GUIDELINE = "show-guideline", f.HIDE_GUIDELINE = "hide-guideline", f.TOGGLE_COLLAPSE = "toggle-collapse", f.SCROLL = "scroll", f.CHART_OFFSET_CHANGE = "chart_offset_change", f.DATA_UPDATE = "data-update", f.VIEW_UPDATE = "view-update", f.OPTIONS_UPDATE = "options-update", f.UPDATE_TABLE_HEADER = "update_table_header", f.UPDATE_TABLE_BODY = "update_table_body", f.UPDATE_CHART_HEADER = "update_chart_header", f.UPDATE_TASK = "update_task", f.UPDATE_LINK = "update_link", f.CREATE_LINK = "create_link", f.TASK_SELECTED = "task_selected", f.TASK_UNSELECTED = "task_unselected", f.SELECT_LINK = "select_link", f.CHECK_TASK = "check_task", f.CONTEXT_LINK = "context_link", f.ROW_CLICK = "row-click", f.ROW_DBL_CLICK = "row-dbl-click", f.ROW_CONTEXTMENU = "row-contextmenu", f.SLIDER_CLICK = "slider-click", f.SLIDER_DBL_CLICK = "slider-dbl-click", f.SLIDER_CONTEXTMENU = "slider-contextmenu", f.SLIDER_DRAGGING = "slider-dragging", f.SLIDER_ENTER = "slider-enter", f.SLIDER_HOVER = "slider-hover", f.SLIDER_LEAVE = "slider-leave", f.SLIDER_BLINK = "slider-blink", f.LINK_BLINK = "link-blink", f.ROW_HIGHLIGHT = "row-highlight", f.ROW_UNHIGHLIGHT = "row-unhighlight", f.TASK_DRAG_START = "task-drag-start", f.TASK_DRAG_MOVE = "task-drag-move", f.TASK_DRAG_END = "task-drag-end", f.BASELINE_CLICK = "baseline-click", f.BASELINE_CONTEXTMENU = "baseline-contextmenu", f.BASELINE_MOUSEENTER = "baseline-mouseenter", f.BASELINE_MOUSEMOVE = "baseline-mousemove", f.BASELINE_MOUSEOUT = "baseline-mouseout", f.ROW_DRAG_START = "row-drag-start", f.ROW_DRAGGING = "row-dragging", f.ROW_DRAG_END = "row-drag-end", f.ERROR = "error", f))(S || {}), Y = /* @__PURE__ */ ((f) => (f.INVALID_TYPE = "INVALID_TYPE", f.TASK_NOT_FOUND = "TASK_NOT_FOUND", f.LINK_NOT_ALLOWED = "LINK_NOT_ALLOWED", f.LINK_SAME = "LINK_SAME", f.LINK_EXIST = "LINK_EXIST", f.LINK_INVALID_ARG = "LINK_INVALID_ARG", f.LINK_CYCLE = "LINK_CYCLE", f))(Y || {});
 function Q() {
   return Math.random().toString(36).substring(2, 15);
 }
@@ -420,7 +425,7 @@ function ot(f, t) {
   let e = f;
   return V(e) && (/%$/.test(e) ? e = t * parseFloat(e) / 100 : e = parseFloat(e)), isNaN(e) ? 0 : e;
 }
-function dt(f, t, e = "round") {
+function ut(f, t, e = "round") {
   if (t === 0)
     throw new Error("基准值不能为0");
   if (Math.abs(f) <= t / 2)
@@ -436,19 +441,19 @@ function rt(f, t = 4) {
     f[3] ?? t
   ] : [t, t, t, t];
 }
-function Qt(f, t = 100) {
+function Zt(f, t = 100) {
   if (!Number.isFinite(f) || !Number.isFinite(t) || t === 0 || f < 0)
     return 0;
   const e = f / Math.abs(t);
   return Math.min(e, 1);
 }
-function ft(f, t = 2, e = !1) {
+function pt(f, t = 2, e = !1) {
   const i = f.toFixed(t);
   return e ? i : i.replace(/\.?0+$/, "");
 }
-const ut = /* @__PURE__ */ new Map();
-function vt(f, t = 16, e = 16) {
-  const i = ut.get(f);
+const gt = /* @__PURE__ */ new Map();
+function Tt(f, t = 16, e = 16) {
+  const i = gt.get(f);
   if (i) return i;
   const s = new Promise((n, o) => {
     let r = f;
@@ -467,14 +472,14 @@ function vt(f, t = 16, e = 16) {
     c.onload = () => {
       URL.revokeObjectURL(c.src), n(c);
     }, c.onerror = (l) => {
-      URL.revokeObjectURL(c.src), ut.delete(f), o(l);
+      URL.revokeObjectURL(c.src), gt.delete(f), o(l);
     };
     const u = new Blob([r], { type: "image/svg+xml" }), d = URL.createObjectURL(u);
     c.src = d;
   });
-  return ut.set(f, s), s;
+  return gt.set(f, s), s;
 }
-class xt {
+class yt {
   constructor(t, e, i, s, n) {
     h(this, "__key__", Q());
     /**
@@ -549,12 +554,12 @@ class xt {
         return;
       i = i[n];
     }
-    return Ct(i) ? J(i) : i;
+    return Mt(i) ? J(i) : i;
   }
   /** 切换展示模式时，需要调整时间 */
   updateMode() {
     let t = !1, e = !1;
-    return this.data[this.fields.startTime] && (!this.startTime || !this.startTime.isSame(R(this.data[this.fields.startTime]))) && (this.startTime = R(this.data[this.fields.startTime]), t = !0, e = !0), this.data[this.fields.endTime] && (!this.endTime || !this.endTime.isSame(R(this.data[this.fields.endTime]))) && (this.endTime = R(this.data[this.fields.endTime]), t = !0, e = !0), e && this.store.updateTime(this.startTime, this.endTime), this.startTime && this.endTime && this.duration === 0 && (this.duration = this.endTime.diff(this.startTime)), this.isMilestone() && (!this.endTime || !this.endTime.isSame(this.startTime)) && (this.endTime = this.startTime, t = !0), t;
+    return this.data[this.fields.startTime] && (!this.startTime || !this.startTime.isSame(H(this.data[this.fields.startTime]))) && (this.startTime = H(this.data[this.fields.startTime]), t = !0, e = !0), this.data[this.fields.endTime] && (!this.endTime || !this.endTime.isSame(H(this.data[this.fields.endTime]))) && (this.endTime = H(this.data[this.fields.endTime]), t = !0, e = !0), e && this.store.updateTime(this.startTime, this.endTime), this.startTime && this.endTime && this.duration === 0 && (this.duration = this.endTime.diff(this.startTime)), this.isMilestone() && (!this.endTime || !this.endTime.isSame(this.startTime)) && (this.endTime = this.startTime, t = !0), t;
   }
   updateData(t) {
     this.data = t;
@@ -568,7 +573,7 @@ class xt {
     this.data[this.fields.startTime || "startTime"] = this.startTime.format(i), this.isMilestone() ? this.data[this.fields.endTime || "endTime"] = this.startTime.add(this.duration).format(i) : this.data[this.fields.endTime || "endTime"] = this.endTime.format(i), this.event.emit(S.UPDATE_TASK, this);
   }
   clone() {
-    return new xt(
+    return new yt(
       this.store,
       this.event,
       J(this.data),
@@ -607,7 +612,7 @@ class xt {
     return !1;
   }
 }
-class Zt {
+class Jt {
   constructor(t, e, i) {
     /** 基线ID */
     h(this, "id");
@@ -629,9 +634,9 @@ class Zt {
     const s = this.store.getOptionManager().getOptions().fields, n = this.store.getOptionManager().getOptions().baselines.fields;
     this.taskId = i[t.getOptionManager().getOptions().baselines.taskKey], this.id = i[s.id] || i[n.id] || Q(), this.name = i[s.name] || i[n.name] || "", this.highlight = i[n.highlight] !== !1, this.target = i[n.target] === !0;
     const o = i[s.startTime] || i[n.startTime];
-    o && (this.startTime = R(o));
+    o && (this.startTime = H(o));
     const r = i[s.endTime] || i[n.endTime];
-    r && (this.endTime = R(r)), this.data = i;
+    r && (this.endTime = H(r)), this.data = i;
   }
   getField(t) {
     return this.data[t];
@@ -653,7 +658,7 @@ class Zt {
     return { startDiff: i, endDiff: s, startStatus: o, endStatus: r, progressDiff: u, unit: e };
   }
 }
-class Jt {
+class te {
   constructor(t, e) {
     /**
      * 原始数据
@@ -702,38 +707,36 @@ class Jt {
   initTasks(t = !1) {
     t ? (this.dataLevel = 0, this.tasks = [], this.taskMap.clear(), this.collapsedTaskIds.clear(), this.rawData.forEach((e) => {
       this.tasks.push(this.createTask(e));
-    })) : (this.dataLevel = 0, this.tasks = [], this.taskMap.clear(), this.rawData.forEach((e) => {
-      this.tasks.push(this.createTask(e));
-    }));
+    })) : this.rawData.length > 0 ? (this.dataLevel = 0, this.updateTask(this.rawData, this.tasks)) : (this.tasks = [], this.taskMap.clear(), this.collapsedTaskIds.clear(), this.dataLevel = 0);
   }
   createTask(t, e, i = !0) {
-    const s = this.store.getOptionManager().getOptions().fields, n = new xt(this.store, this.event, t, e);
+    const s = this.store.getOptionManager().getOptions().fields, n = new yt(this.store, this.event, t, e);
     return i && Array.isArray(t[s.children]) && (n.children = t[s.children].map(
       (o) => this.createTask(o, n)
     )), this.taskMap.set(n.id, n), this.dataLevel = Math.max(this.dataLevel, n.level), n;
   }
   updateTask(t, e, i) {
-    let s = 0;
-    for (; s < t.length; ) {
-      const n = t[s], o = e[s];
-      if (n && !o) {
-        const a = this.createTask(n, i, !1);
-        e.push(a), this.dataLevel = Math.max(this.dataLevel, a.level);
-      } else !n && o ? e.splice(s, 1) : n && o && (n[this.store.getOptionManager().getOptions().fields.id] === o.id ? (o.updateData(n), this.taskMap.set(o.id, o), this.dataLevel = Math.max(this.dataLevel, o.level)) : (e[s] = this.createTask(n, o.parent, !1), this.dataLevel = Math.max(this.dataLevel, e[s].level)));
-      const r = n[this.store.getOptionManager().getOptions().fields.children];
-      if (r)
-        if (o && o.children)
-          this.updateTask(r, o.children, o);
-        else {
-          const a = r.map(
-            (c) => this.createTask(c, e[s], !1)
-          );
-          e[s].children = a;
-        }
-      else o && o.children && (o.children = []);
-      s++;
+    const s = this.store.getOptionManager().getOptions(), n = s.fields.id, o = s.fields.children, r = /* @__PURE__ */ new Map();
+    e.forEach((a) => r.set(a.id, a)), e.length = 0;
+    for (const a of t) {
+      const c = a[n];
+      let u = r.get(c);
+      u ? (u.updateData(a), u.parent = i, r.delete(c)) : u = this.createTask(a, i, !1), u.level = i ? i.level + 1 : 0, this.dataLevel = Math.max(this.dataLevel, u.level);
+      const d = a[o];
+      Array.isArray(d) && d.length > 0 ? (u.children || (u.children = []), this.updateTask(d, u.children, u)) : u.children && u.children.length > 0 && (this.removeTasksRecursive(u.children), u.children = []), e.push(u);
     }
-    e.length >= s && e.splice(s);
+    r.size > 0 && this.removeTasksRecursive(Array.from(r.values()));
+  }
+  /**
+   * 递归清理任务（从全局 Map、选中状态等中移除）
+   * 这是一个内部辅助方法，不触发视图更新事件，仅清理数据引用
+   */
+  removeTasksRecursive(t) {
+    t.forEach((e) => {
+      this.taskMap.delete(e.id), this.collapsedTaskIds.delete(e.id), this.selectedTaskId === e.id && (this.selectedTaskId = null, this.event.emit(S.TASK_UNSELECTED, e.id));
+      const i = this.checkedList.findIndex((s) => s.id === e.id);
+      i !== -1 && this.checkedList.splice(i, 1), e.children && e.children.length > 0 && this.removeTasksRecursive(e.children);
+    });
   }
   /**
    * 获取源数据
@@ -969,7 +972,7 @@ class Jt {
   setBaselines(t) {
     this.baselines = [], this.baselineMap.clear(), this.baselineTaskMap.clear(), t.forEach((e) => {
       var s, n;
-      const i = new Zt(this.store, this.event, e);
+      const i = new Jt(this.store, this.event, e);
       this.baselines.push(i), this.baselineMap.set(i.id, i), this.baselineTaskMap.has(i.taskId) || this.baselineTaskMap.set(i.taskId, []), i.target ? (s = this.baselineTaskMap.get(i.taskId)) == null || s.unshift(i) : (n = this.baselineTaskMap.get(i.taskId)) == null || n.push(i);
     });
   }
@@ -985,7 +988,7 @@ class Jt {
     return this.baselineTaskMap.get(t) || [];
   }
 }
-function te(f) {
+function ee(f) {
   var s;
   if (typeof f == "object" && f !== null)
     return {
@@ -995,7 +998,7 @@ function te(f) {
       a: $(f.a ?? 1, 0, 1)
     };
   if (typeof f != "string")
-    return O.warn(`Invalid color value type: ${typeof f}`), null;
+    return L.warn(`Invalid color value type: ${typeof f}`), null;
   let t = f.trim();
   const e = (s = document == null ? void 0 : document.createElement("canvas")) == null ? void 0 : s.getContext("2d");
   if (e && (e.fillStyle = t, t = e.fillStyle), t.startsWith("#")) {
@@ -1004,7 +1007,7 @@ function te(f) {
     try {
       o = parseInt(n, 16);
     } catch {
-      return O.warn(`Invalid hex color: ${f}`), null;
+      return L.warn(`Invalid hex color: ${f}`), null;
     }
     if (n.length === 3)
       r = (o >> 8 & 15) * 17, a = (o >> 4 & 15) * 17, c = (o & 15) * 17;
@@ -1013,7 +1016,7 @@ function te(f) {
     else if (n.length === 8)
       r = o >> 24 & 255, a = o >> 16 & 255, c = o >> 8 & 255, u = (o & 255) / 255;
     else
-      return O.warn(`Invalid hex color length: ${f}`), null;
+      return L.warn(`Invalid hex color length: ${f}`), null;
     return { r, g: a, b: c, a: u };
   }
   let i = t.match(
@@ -1028,9 +1031,9 @@ function te(f) {
       a: i[4] !== void 0 ? $(parseFloat(i[4]), 0, 1) : 1
     };
   }
-  return O.warn(`Could not parse color: ${f}`), null;
+  return L.warn(`Could not parse color: ${f}`), null;
 }
-function ee(f, t, e, i, s = !1, n = !1) {
+function ie(f, t, e, i, s = !1, n = !1) {
   const o = (l) => {
     const m = Math.round($(l, 0, 255)).toString(16);
     return m.length === 1 ? "0" + m : m;
@@ -1054,8 +1057,8 @@ class et {
     h(this, "_g");
     h(this, "_b");
     h(this, "_a");
-    const e = te(t);
-    e === null ? (O.error(`Failed to parse color: ${t}. Using default black.`), this._r = 0, this._g = 0, this._b = 0, this._a = 1) : (this._r = Math.round(e.r), this._g = Math.round(e.g), this._b = Math.round(e.b), this._a = e.a);
+    const e = ee(t);
+    e === null ? (L.error(`Failed to parse color: ${t}. Using default black.`), this._r = 0, this._g = 0, this._b = 0, this._a = 1) : (this._r = Math.round(e.r), this._g = Math.round(e.g), this._b = Math.round(e.b), this._a = e.a);
   }
   // --- Getters ---
   /** 获取 Red 通道值 (0-255) */
@@ -1094,7 +1097,7 @@ class et {
    * @returns Hex/HexA 字符串。
    */
   toHex(t = !1, e = !1) {
-    return ee(
+    return ie(
       this._r,
       this._g,
       this._b,
@@ -1201,12 +1204,12 @@ class et {
    * @param option - 传递给插件的选项 (可选)。
    */
   static extend(t, e) {
-    typeof t == "function" ? t(e, et, B) : O.warn(
+    typeof t == "function" ? t(e, et, B) : L.warn(
       "Invalid plugin provided to Colorjs.extend. Expected a function."
     );
   }
 }
-const B = (f) => f instanceof et ? f : new et(f);
+const B = (f) => f instanceof et ? f : new et(f), ht = (f, t) => f.toLowerCase() === "auto" ? B(t).isLight() ? "#000000" : "#FFFFFF" : f;
 class Lt {
   constructor(t, e, i) {
     h(this, "element");
@@ -1366,8 +1369,8 @@ class Lt {
     this.element && this.element.parentNode && this.element.parentNode.removeChild(this.element);
   }
 }
-const Tt = "handler_column";
-class ie {
+const St = "handler_column";
+class se {
   constructor(t) {
     /** 源列数据 */
     h(this, "sourceColumns", []);
@@ -1377,6 +1380,8 @@ class ie {
     h(this, "leafColumns", []);
     /** 临时叶子列数据，用于更新源数据，读取宽度等原信息 */
     h(this, "temporaryLeafColumns", []);
+    /** 记录每一列的列宽 */
+    h(this, "columnWidths", /* @__PURE__ */ new Map());
     /**
      * 保存所有行列合并的信息
      *
@@ -1406,7 +1411,7 @@ class ie {
       r ? c = `group-${o}` : c = `field-${n.field}`;
       const u = [...(i == null ? void 0 : i.path) || [], c];
       c = "column-" + o + "-" + u.join("-");
-      const d = n.label || (a ? n.field : ""), l = a ? ((p = this.temporaryLeafColumns.find((g) => g.key === c)) == null ? void 0 : p.width) || n.width || 100 : "auto", m = {
+      const d = n.label || (a ? n.field : ""), l = this.columnWidths.get(c) ?? (a ? ((p = this.temporaryLeafColumns.find((g) => g.key === c)) == null ? void 0 : p.width) || n.width || 100 : "auto"), m = {
         label: d,
         level: s,
         maxLevel: s,
@@ -1455,13 +1460,13 @@ class ie {
     return this.isCollapsed() ? 0 : this.leafColumns.reduce((t, e) => t + e.width, this.getHandlerColumn().width);
   }
   getColumnWidth(t) {
-    if (t === Tt) return this.getHandlerColumn().width;
+    if (t === St) return this.getHandlerColumn().width;
     const e = this.leafColumns.find((i) => i.key === t);
     return typeof (e == null ? void 0 : e.width) == "number" ? e.width : 0;
   }
   setColumnWidth(t, e) {
     const i = this.leafColumns.find((s) => s.key === t);
-    i && (i.width = e), this.context.event.emit(S.COLUMN_WIDTH_CHANGE, t, e);
+    i && (i.width = e, this.columnWidths.set(t, e)), this.context.event.emit(S.COLUMN_WIDTH_CHANGE, t, e);
   }
   isLastColumn(t) {
     return this.leafColumns.findIndex((i) => i.key === t) === this.leafColumns.length - 1;
@@ -1500,7 +1505,7 @@ class ie {
       },
       children: [],
       path: [],
-      key: Tt,
+      key: St,
       isLeaf: !0,
       width: t
     };
@@ -1602,23 +1607,23 @@ const tt = class tt {
     return !t || t.from == null || t.to == null ? {
       ok: !1,
       reason: Y.LINK_INVALID_ARG,
-      message: O.getMessage("Missing endpoint")
+      message: L.getMessage("Missing endpoint")
     } : t.from === t.to ? {
       ok: !1,
       reason: Y.LINK_SAME,
-      message: O.getMessage("Cannot link task to itself")
+      message: L.getMessage("Cannot link task to itself")
     } : !this.getTask(t.from) || !this.getTask(t.to) ? {
       ok: !1,
       reason: Y.TASK_NOT_FOUND,
-      message: O.getMessage("Task not found")
+      message: L.getMessage("Task not found")
     } : t.type && !this.validateLinkType(t.type) ? {
       ok: !1,
       reason: Y.INVALID_TYPE,
-      message: O.getMessage(`Invalid link type: ${t.type}. It must be one of: ${Object.keys(tt.LINK_TYPE_MAP).join(", ")}`)
+      message: L.getMessage(`Invalid link type: ${t.type}. It must be one of: ${Object.keys(tt.LINK_TYPE_MAP).join(", ")}`)
     } : this.isLinkExist(t.from, t.to, t.type) ? {
       ok: !1,
       reason: Y.LINK_EXIST,
-      message: O.getMessage("Link already exists")
+      message: L.getMessage("Link already exists")
     } : { ok: !0 };
   }
   /** 校验新增连线是否会产生环 */
@@ -1631,7 +1636,7 @@ const tt = class tt {
         return {
           ok: !1,
           reason: Y.LINK_CYCLE,
-          message: O.getMessage("Adding this link would create a cycle"),
+          message: L.getMessage("Adding this link would create a cycle"),
           cycleInfo: o
         };
     }
@@ -1732,8 +1737,8 @@ const tt = class tt {
       else {
         for (const E of C) {
           const T = r(E, v, b);
-          for (const L of T)
-            M.push([x, ...L]);
+          for (const O of T)
+            M.push([x, ...O]);
         }
         M.length === 0 && (M = [[x]]);
       }
@@ -1752,8 +1757,8 @@ const tt = class tt {
       else {
         for (const E of C) {
           const T = a(E, v, b);
-          for (const L of T)
-            M.push([...L, x]);
+          for (const O of T)
+            M.push([...O, x]);
         }
         M.length === 0 && (M = [[x]]);
       }
@@ -1769,8 +1774,8 @@ const tt = class tt {
         for (let C = 0; C < w.length - 1; C++) {
           const M = w[C].id, E = w[C + 1].id, T = this.findLinkFast(M, E);
           if (T) {
-            const L = `${T.from}-${T.to}-${T.type || "default"}`;
-            m.has(L) || (b.push(T), m.set(L, T));
+            const O = `${T.from}-${T.to}-${T.type || "default"}`;
+            m.has(O) || (b.push(T), m.set(O, T));
           }
         }
       }
@@ -1828,7 +1833,7 @@ const tt = class tt {
       cycles: u,
       nodes: Array.from(new Set(c.flat()))
     };
-    return this.lastCycleReport = d, t && d.hasCycle && O.warn("Cycle detected in task dependencies", d), d;
+    return this.lastCycleReport = d, t && d.hasCycle && L.warn("Cycle detected in task dependencies", d), d;
   }
   /** 获取最近一次环检测报告 */
   getCycleReport() {
@@ -2129,12 +2134,12 @@ h(tt, "LINK_TYPE_MAP", {
   FF: { from: "F", to: "F", description: "结束到结束" },
   SS: { from: "S", to: "S", description: "开始到开始" }
 });
-let pt = tt;
+let mt = tt;
 var N = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function U(f) {
   return f && f.__esModule && Object.prototype.hasOwnProperty.call(f, "default") ? f.default : f;
 }
-var Ot = { exports: {} };
+var Dt = { exports: {} };
 (function(f, t) {
   (function(e, i) {
     f.exports = i();
@@ -2154,20 +2159,20 @@ var Ot = { exports: {} };
     }, b = function(M, E) {
       return M ? y(M) ? { negative: !0, format: "" + v(M) + E } : { negative: !1, format: "" + M + E } : { negative: !1, format: "" };
     }, w = function() {
-      function M(T, L, A) {
-        var _ = this;
-        if (this.$d = {}, this.$l = A, T === void 0 && (this.$ms = 0, this.parseFromMilliseconds()), L) return p(T * l[g(L)], this);
+      function M(T, O, A) {
+        var D = this;
+        if (this.$d = {}, this.$l = A, T === void 0 && (this.$ms = 0, this.parseFromMilliseconds()), O) return p(T * l[g(O)], this);
         if (typeof T == "number") return this.$ms = T, this.parseFromMilliseconds(), this;
         if (typeof T == "object") return Object.keys(T).forEach(function(W) {
-          _.$d[g(W)] = T[W];
+          D.$d[g(W)] = T[W];
         }), this.calMilliseconds(), this;
         if (typeof T == "string") {
-          var D = T.match(d);
-          if (D) {
-            var H = D.slice(2).map(function(W) {
+          var _ = T.match(d);
+          if (_) {
+            var R = _.slice(2).map(function(W) {
               return W != null ? Number(W) : 0;
             });
-            return this.$d.years = H[0], this.$d.months = H[1], this.$d.weeks = H[2], this.$d.days = H[3], this.$d.hours = H[4], this.$d.minutes = H[5], this.$d.seconds = H[6], this.calMilliseconds(), this;
+            return this.$d.years = R[0], this.$d.months = R[1], this.$d.weeks = R[2], this.$d.days = R[3], this.$d.hours = R[4], this.$d.minutes = R[5], this.$d.seconds = R[6], this.calMilliseconds(), this;
           }
         }
         return this;
@@ -2175,39 +2180,39 @@ var Ot = { exports: {} };
       var E = M.prototype;
       return E.calMilliseconds = function() {
         var T = this;
-        this.$ms = Object.keys(this.$d).reduce(function(L, A) {
-          return L + (T.$d[A] || 0) * l[A];
+        this.$ms = Object.keys(this.$d).reduce(function(O, A) {
+          return O + (T.$d[A] || 0) * l[A];
         }, 0);
       }, E.parseFromMilliseconds = function() {
         var T = this.$ms;
         this.$d.years = x(T / c), T %= c, this.$d.months = x(T / u), T %= u, this.$d.days = x(T / r), T %= r, this.$d.hours = x(T / o), T %= o, this.$d.minutes = x(T / n), T %= n, this.$d.seconds = x(T / s), T %= s, this.$d.milliseconds = T;
       }, E.toISOString = function() {
-        var T = b(this.$d.years, "Y"), L = b(this.$d.months, "M"), A = +this.$d.days || 0;
+        var T = b(this.$d.years, "Y"), O = b(this.$d.months, "M"), A = +this.$d.days || 0;
         this.$d.weeks && (A += 7 * this.$d.weeks);
-        var _ = b(A, "D"), D = b(this.$d.hours, "H"), H = b(this.$d.minutes, "M"), W = this.$d.seconds || 0;
+        var D = b(A, "D"), _ = b(this.$d.hours, "H"), R = b(this.$d.minutes, "M"), W = this.$d.seconds || 0;
         this.$d.milliseconds && (W += this.$d.milliseconds / 1e3, W = Math.round(1e3 * W) / 1e3);
-        var I = b(W, "S"), G = T.negative || L.negative || _.negative || D.negative || H.negative || I.negative, F = D.format || H.format || I.format ? "T" : "", z = (G ? "-" : "") + "P" + T.format + L.format + _.format + F + D.format + H.format + I.format;
+        var I = b(W, "S"), G = T.negative || O.negative || D.negative || _.negative || R.negative || I.negative, F = _.format || R.format || I.format ? "T" : "", z = (G ? "-" : "") + "P" + T.format + O.format + D.format + F + _.format + R.format + I.format;
         return z === "P" || z === "-P" ? "P0D" : z;
       }, E.toJSON = function() {
         return this.toISOString();
       }, E.format = function(T) {
-        var L = T || "YYYY-MM-DDTHH:mm:ss", A = { Y: this.$d.years, YY: i.s(this.$d.years, 2, "0"), YYYY: i.s(this.$d.years, 4, "0"), M: this.$d.months, MM: i.s(this.$d.months, 2, "0"), D: this.$d.days, DD: i.s(this.$d.days, 2, "0"), H: this.$d.hours, HH: i.s(this.$d.hours, 2, "0"), m: this.$d.minutes, mm: i.s(this.$d.minutes, 2, "0"), s: this.$d.seconds, ss: i.s(this.$d.seconds, 2, "0"), SSS: i.s(this.$d.milliseconds, 3, "0") };
-        return L.replace(a, function(_, D) {
-          return D || String(A[_]);
+        var O = T || "YYYY-MM-DDTHH:mm:ss", A = { Y: this.$d.years, YY: i.s(this.$d.years, 2, "0"), YYYY: i.s(this.$d.years, 4, "0"), M: this.$d.months, MM: i.s(this.$d.months, 2, "0"), D: this.$d.days, DD: i.s(this.$d.days, 2, "0"), H: this.$d.hours, HH: i.s(this.$d.hours, 2, "0"), m: this.$d.minutes, mm: i.s(this.$d.minutes, 2, "0"), s: this.$d.seconds, ss: i.s(this.$d.seconds, 2, "0"), SSS: i.s(this.$d.milliseconds, 3, "0") };
+        return O.replace(a, function(D, _) {
+          return _ || String(A[D]);
         });
       }, E.as = function(T) {
         return this.$ms / l[g(T)];
       }, E.get = function(T) {
-        var L = this.$ms, A = g(T);
-        return A === "milliseconds" ? L %= 1e3 : L = A === "weeks" ? x(L / l[A]) : this.$d[A], L || 0;
-      }, E.add = function(T, L, A) {
-        var _;
-        return _ = L ? T * l[g(L)] : m(T) ? T.$ms : p(T, this).$ms, p(this.$ms + _ * (A ? -1 : 1), this);
-      }, E.subtract = function(T, L) {
-        return this.add(T, L, !0);
+        var O = this.$ms, A = g(T);
+        return A === "milliseconds" ? O %= 1e3 : O = A === "weeks" ? x(O / l[A]) : this.$d[A], O || 0;
+      }, E.add = function(T, O, A) {
+        var D;
+        return D = O ? T * l[g(O)] : m(T) ? T.$ms : p(T, this).$ms, p(this.$ms + D * (A ? -1 : 1), this);
+      }, E.subtract = function(T, O) {
+        return this.add(T, O, !0);
       }, E.locale = function(T) {
-        var L = this.clone();
-        return L.$l = T, L;
+        var O = this.clone();
+        return O.$l = T, O;
       }, E.clone = function() {
         return p(this.$ms, this);
       }, E.humanize = function(T) {
@@ -2251,22 +2256,22 @@ var Ot = { exports: {} };
       return M.add(E.years() * T, "y").add(E.months() * T, "M").add(E.days() * T, "d").add(E.hours() * T, "h").add(E.minutes() * T, "m").add(E.seconds() * T, "s").add(E.milliseconds() * T, "ms");
     };
     return function(M, E, T) {
-      e = T, i = T().$utils(), T.duration = function(_, D) {
-        var H = T.locale();
-        return p(_, { $l: H }, D);
+      e = T, i = T().$utils(), T.duration = function(D, _) {
+        var R = T.locale();
+        return p(D, { $l: R }, _);
       }, T.isDuration = m;
-      var L = E.prototype.add, A = E.prototype.subtract;
-      E.prototype.add = function(_, D) {
-        return m(_) ? C(this, _, 1) : L.bind(this)(_, D);
-      }, E.prototype.subtract = function(_, D) {
-        return m(_) ? C(this, _, -1) : A.bind(this)(_, D);
+      var O = E.prototype.add, A = E.prototype.subtract;
+      E.prototype.add = function(D, _) {
+        return m(D) ? C(this, D, 1) : O.bind(this)(D, _);
+      }, E.prototype.subtract = function(D, _) {
+        return m(D) ? C(this, D, -1) : A.bind(this)(D, _);
       };
     };
   });
-})(Ot);
-var se = Ot.exports;
-const ne = /* @__PURE__ */ U(se);
-var Dt = { exports: {} };
+})(Dt);
+var ne = Dt.exports;
+const oe = /* @__PURE__ */ U(ne);
+var _t = { exports: {} };
 (function(f, t) {
   (function(e, i) {
     f.exports = i();
@@ -2278,10 +2283,10 @@ var Dt = { exports: {} };
       };
     };
   });
-})(Dt);
-var oe = Dt.exports;
-const re = /* @__PURE__ */ U(oe);
-var _t = { exports: {} };
+})(_t);
+var re = _t.exports;
+const ae = /* @__PURE__ */ U(re);
+var At = { exports: {} };
 (function(f, t) {
   (function(e, i) {
     f.exports = i();
@@ -2292,10 +2297,10 @@ var _t = { exports: {} };
       };
     };
   });
-})(_t);
-var ae = _t.exports;
-const he = /* @__PURE__ */ U(ae);
-var At = { exports: {} };
+})(At);
+var he = At.exports;
+const le = /* @__PURE__ */ U(he);
+var It = { exports: {} };
 (function(f, t) {
   (function(e, i) {
     f.exports = i();
@@ -2306,10 +2311,10 @@ var At = { exports: {} };
       };
     };
   });
-})(At);
-var le = At.exports;
-const ce = /* @__PURE__ */ U(le);
-var It = { exports: {} };
+})(It);
+var ce = It.exports;
+const de = /* @__PURE__ */ U(ce);
+var Ht = { exports: {} };
 (function(f, t) {
   (function(e, i) {
     f.exports = i();
@@ -2384,10 +2389,10 @@ var It = { exports: {} };
       };
     };
   });
-})(It);
-var de = It.exports;
-const ue = /* @__PURE__ */ U(de);
-var Ht = { exports: {} };
+})(Ht);
+var ue = Ht.exports;
+const ge = /* @__PURE__ */ U(ue);
+var Rt = { exports: {} };
 (function(f, t) {
   (function(e, i) {
     f.exports = i();
@@ -2409,10 +2414,10 @@ var Ht = { exports: {} };
       };
     };
   });
-})(Ht);
-var ge = Ht.exports;
-const fe = /* @__PURE__ */ U(ge);
-var Rt = { exports: {} };
+})(Rt);
+var fe = Rt.exports;
+const pe = /* @__PURE__ */ U(fe);
+var Gt = { exports: {} };
 (function(f, t) {
   (function(e, i) {
     f.exports = i();
@@ -2424,10 +2429,10 @@ var Rt = { exports: {} };
       };
     };
   });
-})(Rt);
-var pe = Rt.exports;
-const me = /* @__PURE__ */ U(pe);
-var Gt = { exports: {} };
+})(Gt);
+var me = Gt.exports;
+const xe = /* @__PURE__ */ U(me);
+var Wt = { exports: {} };
 (function(f, t) {
   (function(e, i) {
     f.exports = i();
@@ -2474,10 +2479,10 @@ var Gt = { exports: {} };
       };
     };
   });
-})(Gt);
-var xe = Gt.exports;
-const ye = /* @__PURE__ */ U(xe);
-var Wt = { exports: {} };
+})(Wt);
+var ye = Wt.exports;
+const we = /* @__PURE__ */ U(ye);
+var $t = { exports: {} };
 (function(f, t) {
   (function(e, i) {
     f.exports = i();
@@ -2491,10 +2496,10 @@ var Wt = { exports: {} };
       };
     };
   });
-})(Wt);
-var we = Wt.exports;
-const be = /* @__PURE__ */ U(we);
-var $t = { exports: {} };
+})($t);
+var be = $t.exports;
+const ve = /* @__PURE__ */ U(be);
+var Ft = { exports: {} };
 (function(f, t) {
   (function(e, i) {
     f.exports = i();
@@ -2520,10 +2525,10 @@ var $t = { exports: {} };
       };
     };
   });
-})($t);
-var ve = $t.exports;
-const Te = /* @__PURE__ */ U(ve);
-var Ft = { exports: {} };
+})(Ft);
+var Te = Ft.exports;
+const Se = /* @__PURE__ */ U(Te);
+var Bt = { exports: {} };
 (function(f, t) {
   (function(e, i) {
     f.exports = i();
@@ -2570,10 +2575,10 @@ var Ft = { exports: {} };
         var g = p && m, y = p || m || r, x = c(+o(), y);
         if (typeof l != "string") return o(l).tz(y);
         var v = function(M, E, T) {
-          var L = M - 60 * E * 1e3, A = c(L, T);
-          if (E === A) return [L, E];
-          var _ = c(L -= 60 * (A - E) * 1e3, T);
-          return A === _ ? [L, A] : [M - 60 * Math.min(A, _) * 1e3, Math.max(A, _)];
+          var O = M - 60 * E * 1e3, A = c(O, T);
+          if (E === A) return [O, E];
+          var D = c(O -= 60 * (A - E) * 1e3, T);
+          return A === D ? [O, A] : [M - 60 * Math.min(A, D) * 1e3, Math.max(A, D)];
         }(o.utc(l, g).valueOf(), x, y), b = v[0], w = v[1], C = o(b).utcOffset(w);
         return C.$x.$timezone = y, C;
       }, o.tz.guess = function() {
@@ -2583,10 +2588,10 @@ var Ft = { exports: {} };
       };
     };
   });
-})(Ft);
-var Se = Ft.exports;
-const ke = /* @__PURE__ */ U(Se);
-var Bt = { exports: {} };
+})(Bt);
+var ke = Bt.exports;
+const Ee = /* @__PURE__ */ U(ke);
+var zt = { exports: {} };
 (function(f, t) {
   (function(e, i) {
     f.exports = i();
@@ -2622,8 +2627,8 @@ var Bt = { exports: {} };
           C === void 0 && (C = "");
           var M = C.match(i);
           if (!M) return null;
-          var E = ("" + M[0]).match(s) || ["-", 0, 0], T = E[0], L = 60 * +E[1] + +E[2];
-          return L === 0 ? 0 : T === "+" ? L : -L;
+          var E = ("" + M[0]).match(s) || ["-", 0, 0], T = E[0], O = 60 * +E[1] + +E[2];
+          return O === 0 ? 0 : T === "+" ? O : -O;
         }(g), g === null)) return this;
         var v = Math.abs(g) <= 16 ? 60 * g : g, b = this;
         if (y) return b.$offset = v, b.$u = g === 0, b;
@@ -2659,10 +2664,10 @@ var Bt = { exports: {} };
       };
     };
   });
-})(Bt);
-var Ee = Bt.exports;
-const Ce = /* @__PURE__ */ U(Ee);
-var Me = { exports: {} };
+})(zt);
+var Ce = zt.exports;
+const Me = /* @__PURE__ */ U(Ce);
+var Oe = { exports: {} };
 (function(f, t) {
   (function(e, i) {
     f.exports = i();
@@ -2672,11 +2677,11 @@ var Me = { exports: {} };
       return "[" + e + (i[(s - 20) % 10] || i[s] || i[0]) + "]";
     } };
   });
-})(Me);
+})(Oe);
 var Le = { exports: {} };
 (function(f, t) {
   (function(e, i) {
-    f.exports = i(R);
+    f.exports = i(H);
   })(N, function(e) {
     function i(o) {
       return o && typeof o == "object" && "default" in o ? o : { default: o };
@@ -2690,39 +2695,39 @@ var Le = { exports: {} };
     return s.default.locale(n, null, !0), n;
   });
 })(Le);
-const Oe = (f, t) => {
+const De = (f, t) => {
   const e = t.prototype;
   e.setLocale = function(s) {
-    return this.$locale = s || R().locale(), this.$L = this.$locale, this;
+    return this.$locale = s || H().locale(), this.$L = this.$locale, this;
   };
   const i = e.format;
   e.format = function(s) {
-    return this.$L = R().locale(), i.bind(this)(s);
+    return this.$L = H().locale(), i.bind(this)(s);
   };
 };
-R.extend(ne);
-R.extend(re);
-R.extend(he);
-R.extend(ce);
-R.extend(fe);
-R.extend(ue);
-R.extend(me);
-R.extend(ye);
-R.extend(be);
-R.extend(Te);
-R.extend(ke);
-R.extend(Ce);
-R.extend(Oe);
-function St(f) {
+H.extend(oe);
+H.extend(ae);
+H.extend(le);
+H.extend(de);
+H.extend(pe);
+H.extend(ge);
+H.extend(xe);
+H.extend(we);
+H.extend(ve);
+H.extend(Se);
+H.extend(Ee);
+H.extend(Me);
+H.extend(De);
+function kt(f) {
   try {
-    if (R.locale() === f) return;
-    if (R.locale(f) !== f) throw Error();
-    O.info(`Locale set to ${f}`);
+    if (H.locale() === f) return;
+    if (H.locale(f) !== f) throw Error();
+    L.info(`Locale set to ${f}`);
   } catch {
-    O.warn(`Failed to set locale ${f}, fallback to en`), R.locale("en");
+    L.warn(`Failed to set locale ${f}, fallback to en`), H.locale("en");
   }
 }
-const gt = () => ({
+const ft = () => ({
   small: {
     hour: 15,
     day: 15,
@@ -2745,12 +2750,12 @@ const gt = () => ({
     quarter: 14
   }
 });
-class De {
+class _e {
   constructor() {
-    h(this, "startTime", R().startOf("day"));
-    h(this, "endTime", R().endOf("day"));
+    h(this, "startTime", H().startOf("day"));
+    h(this, "endTime", H().endOf("day"));
     /** 结束的标准时间。切换单位会影响结尾的扩展，需要单独记录一个标准时间 */
-    h(this, "targetEnd", R().endOf("day"));
+    h(this, "targetEnd", H().endOf("day"));
     /** 固定起始日期 */
     h(this, "strictStart", !1);
     /** 固定截止日期 */
@@ -2771,7 +2776,7 @@ class De {
     h(this, "cellWidth");
     /** 用户设定的单位 */
     h(this, "unit", "day");
-    this.cellWidth = J(gt().normal);
+    this.cellWidth = J(ft().normal);
   }
   getStartTime() {
     return this.startTime;
@@ -2829,15 +2834,15 @@ class De {
       month: "month",
       quarter: "quarter"
     }[i];
-    n || O.warn(`Unknown unit: [${i}]. Falling back to "day".`), this.unit = n || "day", s.startTime && (this.startTime = R(s.startTime).startOf(this.getFinelyUnit()), this.strictStart = !0), s.endTime && (this.endTime = R(s.endTime).endOf(this.getFinelyUnit()), this.strictEnd = !0), s.cellWidth && (Xt(s.cellWidth) ? this.cellWidth = {
+    n || L.warn(`Unknown unit: [${i}]. Falling back to "day".`), this.unit = n || "day", s.startTime && (this.startTime = H(s.startTime).startOf(this.getFinelyUnit()), this.strictStart = !0), s.endTime && (this.endTime = H(s.endTime).endOf(this.getFinelyUnit()), this.strictEnd = !0), s.cellWidth && (Vt(s.cellWidth) ? this.cellWidth = {
       hour: s.cellWidth,
       day: s.cellWidth,
       week: s.cellWidth,
       month: s.cellWidth,
       quarter: s.cellWidth
     } : V(s.cellWidth) ? this.cellWidth = J(
-      gt()[s.cellWidth] || gt().normal
-    ) : Ct(s.cellWidth) && (this.cellWidth = Object.assign(this.cellWidth, s.cellWidth))), this.headerCellFormat = s.headerCellFormat, this.headerGroupFormat = s.headerGroupFormat;
+      ft()[s.cellWidth] || ft().normal
+    ) : Mt(s.cellWidth) && (this.cellWidth = Object.assign(this.cellWidth, s.cellWidth))), this.headerCellFormat = s.headerCellFormat, this.headerGroupFormat = s.headerGroupFormat;
   }
   update(t) {
     this.init(t, !1), this.endTime = this.targetEnd.clone();
@@ -2970,7 +2975,7 @@ class De {
     return t.isSameOrAfter(this.startTime) && t.isSameOrBefore(this.endTime);
   }
 }
-class _e {
+class Ae {
   // 使用私有构造函数防止直接创建实例
   constructor(t, e) {
     // 声明成员属性类型
@@ -2981,10 +2986,10 @@ class _e {
     h(this, "timeAxis");
     var n, o, r;
     this.context = t;
-    const i = wt(e, ["data"]), s = e == null ? void 0 : e.data;
+    const i = bt(e, ["data"]), s = e == null ? void 0 : e.data;
     if (s && !X(s))
-      throw O.exception("Data should be a array.");
-    this.optionManager = new jt(), this.optionManager.setOptions(i), i.locale && St(i.locale), this.timeAxis = new De(), this.timeAxis.init(this.optionManager.getOptions()), this.columnManager = new ie(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 pt(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);
+      throw L.exception("Data should be a array.");
+    this.optionManager = new qt(), this.optionManager.setOptions(i), i.locale && kt(i.locale), this.timeAxis = new _e(), this.timeAxis.init(this.optionManager.getOptions()), this.columnManager = new se(this.context), i.table && i.table.columns && this.columnManager.init(i.table.columns), this.dataManager = new te(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 mt(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;
@@ -3003,16 +3008,18 @@ class _e {
   }
   setOption(t, e = { merge: !0 }) {
     var n, o, r, a;
-    const i = wt(t, ["data"]), s = t == null ? void 0 : t.data;
+    const i = bt(t, ["data"]), s = t == null ? void 0 : t.data;
     this.optionManager.setOptions(i, e), ((n = i.milestone) == null ? void 0 : n.show) !== void 0 && this.dataManager.getVisibleTasks().forEach((c) => {
       c.updateMode();
-    }), X(s) && this.dataManager.setData(s, !1), X((o = t.baselines) == null ? void 0 : o.data) && this.dataManager.setBaselines(t.baselines.data), X((r = t.links) == null ? void 0 : r.data) && this.linkManager.setLinks(t.links.data, !0), this.linkManager.setCycleDetection(((a = t.links) == null ? void 0 : a.enableCycleDetection) ?? !0), i.locale && St(i.locale), i.table && i.table.columns && this.columnManager.update(i.table.columns), this.timeAxis.update(this.optionManager.getOptions());
+    }), this.context.getScrollbar().updateOptions(
+      this.context.store.getOptionManager().getOptions().scrollbar || {}
+    ), this.context.event.emit(S.OPTIONS_UPDATE), X(s) && this.dataManager.setData(s, !1), X((o = t.baselines) == null ? void 0 : o.data) && this.dataManager.setBaselines(t.baselines.data), X((r = t.links) == null ? void 0 : r.data) && this.linkManager.setLinks(t.links.data, !0), this.linkManager.setCycleDetection(((a = t.links) == null ? void 0 : a.enableCycleDetection) ?? !0), i.locale && kt(i.locale), i.table && i.table.columns && this.columnManager.update(i.table.columns), this.timeAxis.update(this.optionManager.getOptions());
   }
   updateTime(t, e) {
     this.timeAxis.setDate(t, e);
   }
 }
-class Ae {
+class Ie {
   constructor(t, e, i) {
     h(this, "rootElement");
     h(this, "options");
@@ -3101,7 +3108,16 @@ class Ae {
       const e = t - this.animationStartTime, i = this.options.animationDuration, s = Math.min(1, e / i), n = s * (2 - s), o = this.animationStartScrollLeft + (this.animationTargetScrollLeft - this.animationStartScrollLeft) * n, r = this.animationStartScrollTop + (this.animationTargetScrollTop - this.animationStartScrollTop) * n, a = this.scrollLeft !== o, c = this.scrollTop !== r;
       (a || c) && this.emit(this.animationSource, o, r), s < 1 ? this.animationFrameId = requestAnimationFrame(this.animationStep) : (this.isAnimating = !1, this.animationFrameId = null, (this.scrollLeft !== this.animationTargetScrollLeft || this.scrollTop !== this.animationTargetScrollTop) && this.emit(this.animationSource, this.animationTargetScrollLeft, this.animationTargetScrollTop), this.scheduleHide());
     });
-    this.root = t, this.rootElement = e, this.options = at(
+    this.root = t, this.rootElement = e, this.createElements(), this.updateOptions(i), this.throttledHandleMouseMove = vt(
+      this.handleMouseMove.bind(this),
+      16
+    ), this.throttledHandleWheel = vt(this.handleWheel.bind(this), 16, {
+      leading: !0,
+      trailing: !1
+    }), this.bindEvents(), this.rootElement.matches(":hover") ? this.handleMouseEnter() : (this.clearTimeouts(), this.hideScrollbars(!0));
+  }
+  updateOptions(t) {
+    this.options = at(
       {
         showHorizontal: !0,
         showVertical: !0,
@@ -3126,14 +3142,8 @@ class Ae {
         hideDuration: 200
         // 滚动条隐藏动画时长 (ms)
       },
-      i
-    ), this.throttledHandleMouseMove = bt(
-      this.handleMouseMove.bind(this),
-      16
-    ), this.throttledHandleWheel = bt(this.handleWheel.bind(this), 16, {
-      leading: !0,
-      trailing: !1
-    }), this.createElements(), this.applyStyles(), this.bindEvents(), this.rootElement.matches(":hover") ? this.handleMouseEnter() : (this.clearTimeouts(), this.hideScrollbars(!0));
+      t
+    ), this.applyStyles();
   }
   // --- 元素创建与管理 ---
   createElements() {
@@ -3245,11 +3255,11 @@ class Ae {
     }
   }
   handleWheel(t) {
-    if (t.target !== this.rootElement && !this.rootElement.contains(t.target) && O.debug(
+    if (t.target !== this.rootElement && !this.rootElement.contains(t.target) && L.debug(
       "Wheel event ignored, target not root or descendant:",
       t.target
     ), !this.isMouseOverRoot && !this.isMouseOverScrollbar) {
-      O.debug("Wheel event ignored, mouse not over root or scrollbar");
+      L.debug("Wheel event ignored, mouse not over root or scrollbar");
       return;
     }
     const e = this.canScrollHorizontal(), i = this.canScrollVertical();
@@ -3418,7 +3428,7 @@ class Ae {
   }
   // --- 销毁 ---
   destroy() {
-    this.unbindEvents(), this.clearTimeouts(), this.cancelAnimation(), this.scrollbarContainer.parentNode && this.scrollbarContainer.parentNode.removeChild(this.scrollbarContainer), this.rootElement = null, this.eventManager = null, this.hScrollbar = null, this.vScrollbar = null, this.hScrollThumb = null, this.vScrollThumb = null, this.scrollbarContainer = null, O.debug("Scrollbar destroyed");
+    this.unbindEvents(), this.clearTimeouts(), this.cancelAnimation(), this.scrollbarContainer.parentNode && this.scrollbarContainer.parentNode.removeChild(this.scrollbarContainer), this.rootElement = null, this.eventManager = null, this.hScrollbar = null, this.vScrollbar = null, this.hScrollThumb = null, this.vScrollThumb = null, this.scrollbarContainer = null, L.debug("Scrollbar destroyed");
   }
 }
 function Z(f, t = "") {
@@ -3444,7 +3454,7 @@ function Z(f, t = "") {
   }
   return t;
 }
-class Ie {
+class He {
   constructor(t, e, i) {
     h(this, "element");
     h(this, "isDragging", !1);
@@ -3459,16 +3469,16 @@ class Ie {
     h(this, "rowElement", null);
     h(this, "handleMouseDown", (t) => {
       if (!this.task || !this.container) {
-        O.warn("DragHandler: task or container is not defined");
+        L.warn("DragHandler: task or container is not defined");
         return;
       }
       if (this.rowElement = this.container.closest(".x-gantt-table-row"), !this.rowElement) {
-        O.warn("Row element not found", this.container);
+        L.warn("Row element not found", this.container);
         return;
       }
       t.preventDefault(), t.stopPropagation(), this.isDragging = !0, this.dragStartY = t.clientY + this.context.getScrollbar().getScrollPosition().y, this.dragStartIndex = this.task.flatIndex, this.currentIndex = this.dragStartIndex, this.createGhostElement(t), this.createPlaceholderElement(t), document.addEventListener("mousemove", this.handleMouseMove), document.addEventListener("mouseup", this.handleMouseUp), document.addEventListener("keydown", (e) => {
         e.key === "Escape" && this.isDragging && this.cleanup();
-      }), O.debug(`Drag started for task ${this.task.id} at index ${this.dragStartIndex}`);
+      }), L.debug(`Drag started for task ${this.task.id} at index ${this.dragStartIndex}`);
     });
     h(this, "handleMouseMove", (t) => {
       !this.isDragging || !this.task || !this.container || (this.animationFrameId && cancelAnimationFrame(this.animationFrameId), this.animationFrameId = requestAnimationFrame(() => {
@@ -3516,7 +3526,7 @@ class Ie {
         rgba(255,255,255,0.3) 50%,
         rgba(255,255,255,0.9) 100%);
       pointer-events: none;
-    `, (this.context.getRootElement() || document.body).appendChild(this.ghostElement), O.debug("Ghost element created");
+    `, (this.context.getRootElement() || document.body).appendChild(this.ghostElement), L.debug("Ghost element created");
   }
   /**
    * 更新 ghost 元素位置
@@ -3584,7 +3594,7 @@ class Ie {
    * 销毁组件
    */
   destroy() {
-    this.cleanup(), this.element.removeEventListener("mousedown", this.handleMouseDown), this.element.removeEventListener("selectstart", (t) => t.preventDefault()), this.element && this.element.parentNode && this.element.parentNode.removeChild(this.element), O.debug("DragHandler destroyed");
+    this.cleanup(), this.element.removeEventListener("mousedown", this.handleMouseDown), this.element.removeEventListener("selectstart", (t) => t.preventDefault()), this.element && this.element.parentNode && this.element.parentNode.removeChild(this.element), L.debug("DragHandler destroyed");
   }
 }
 class nt {
@@ -3621,12 +3631,12 @@ class nt {
     )), typeof this.column.column.render == "function")
       try {
         const e = this.column.column.render(this.task.getEmitData());
-        typeof e == "string" ? t.innerHTML = e : e instanceof HTMLElement ? t.appendChild(e) : O.warn(
+        typeof e == "string" ? t.innerHTML = e : e instanceof HTMLElement ? t.appendChild(e) : L.warn(
           "Table cell render function does not return a valid value.",
           e
         );
       } catch (e) {
-        O.error("Table cell render error:", e), t.textContent = this.task.getField(this.column.column.field) ?? this.context.getOptions().table.emptyText;
+        L.error("Table cell render error:", e), t.textContent = this.task.getField(this.column.column.field) ?? this.context.getOptions().table.emptyText;
       }
     else
       t.textContent = this.task.getField(this.column.column.field) ?? this.context.getOptions().table.emptyText;
@@ -3638,7 +3648,7 @@ class nt {
     const e = this.context.getOptions().drag.enabled !== !1, i = this.context.store.getOptionManager().unpackFunc(this.context.getOptions().drag.enabled, this.task), s = ["0.3", "0.3", "0.4"];
     if (e || (s[0] = "0", s[1] = "0.5", s[2] = "0.5"), e) {
       const n = document.createElement("div");
-      n.style.flex = s[0], n.style.display = "flex", n.style.justifyContent = "center", n.style.alignItems = "center", i && new Ie(this.context, n, this.task), t.appendChild(n);
+      n.style.flex = s[0], n.style.display = "flex", n.style.justifyContent = "center", n.style.alignItems = "center", i && new He(this.context, n, this.task), t.appendChild(n);
     }
     if (this.context.getOptions().selection.enabled) {
       const n = document.createElement("div");
@@ -3648,6 +3658,8 @@ class nt {
       const n = document.createElement("div");
       n.className = "x-gantt-table-cell__expand", n.style.flex = s[2], n.style.color = this.context.getOptions().primaryColor, n.style.display = "flex", n.style.alignItems = "center", n.style.justifyContent = "center", n.style.height = "100%", n.style.width = "14px", n.style.height = "100%", n.style.cursor = "pointer", n.innerHTML = '<svg t="1746693752280" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2612" width="14" height="14"><path d="M724.48 521.728c-1.8432 7.7824-5.7344 14.848-11.3664 20.48l-341.9136 342.016c-16.6912 16.6912-43.7248 16.6912-60.3136 0s-16.6912-43.7248 0-60.3136L622.6944 512 310.8864 200.0896c-16.6912-16.6912-16.6912-43.7248 0-60.3136 16.6912-16.6912 43.7248-16.6912 60.3136 0l341.9136 341.9136c10.8544 10.8544 14.6432 26.112 11.3664 40.0384z" fill="currentColor" p-id="2613"></path></svg>', n.style.transform = this.task.expanded ? "rotate(90deg)" : "", n.addEventListener("click", (o) => {
         o.stopPropagation(), this.context.store.getDataManager().expandTask(this.task.id, !1);
+      }), n.addEventListener("dblclick", (o) => {
+        o.stopPropagation();
       }), t.appendChild(n);
     }
     this.element.appendChild(t);
@@ -3679,7 +3691,7 @@ class nt {
     this.element.style.height = Z(t * Math.max(1, this.rowspan));
   }
 }
-class kt {
+class Et {
   /**
    * 创建表格行
    * @param context 上下文
@@ -3803,7 +3815,7 @@ class kt {
           n,
           this.task.level + 1
         );
-        if (u && (typeof u.col != "number" ? O.error("colspan function must returned a number") : a = u.col, typeof u.row != "number" ? O.error("rowspan function must returned a number") : c = u.row), a > 1 || c > 1) {
+        if (u && (typeof u.col != "number" ? L.error("colspan function must returned a number") : a = u.col, typeof u.row != "number" ? L.error("rowspan function must returned a number") : c = u.row), a > 1 || c > 1) {
           if (c > 1)
             for (let p = 1; p < c; p++) {
               const g = this.context.store.getDataManager().getVisibleTasks()[this.task.flatIndex + p];
@@ -3869,7 +3881,7 @@ class kt {
     this.clearCells(), this.element.parentNode && this.element.parentNode.removeChild(this.element);
   }
 }
-class He {
+class Re {
   constructor(t, e) {
     h(this, "element");
     h(this, "rows", /* @__PURE__ */ new Map());
@@ -3894,7 +3906,7 @@ class He {
         const a = this.rows.get(r);
         a.update(n), a.updateTop(t);
       } else {
-        const a = new kt(this.context, this.element, n, t);
+        const a = new Et(this.context, this.element, n, t);
         a.create(), this.rows.set(r, a);
       }
       this.context.store.getColumnManager().getLeafColumns().forEach((a, c) => {
@@ -3902,7 +3914,7 @@ class He {
         if (u && u.rowspan > 1) {
           const d = u.task.id;
           if (!this.rows.has(d) && !this.mergeRows.has(d)) {
-            const l = new kt(
+            const l = new Et(
               this.context,
               this.element,
               u.task,
@@ -3946,7 +3958,7 @@ class He {
     });
   }
 }
-class mt {
+class xt {
   constructor(t, e, i, s) {
     h(this, "columnElement");
     this.context = t, this.root = e, this.container = i, this.column = s, this.columnElement = document.createElement("div"), this.initElement(), this.container.appendChild(this.columnElement);
@@ -3963,7 +3975,7 @@ class mt {
       this.context.getOptions().header.fontSize
     ), n.style.setProperty(
       "color",
-      this.context.getOptions().header.color,
+      ht(this.context.getOptions().header.color, this.context.getOptions().header.backgroundColor || this.context.getOptions().primaryColor),
       "important"
     ), n.style.fontFamily = this.context.getOptions().header.fontFamily, this.column.column.headerRender) {
       const o = this.column.column.headerRender();
@@ -4004,7 +4016,7 @@ class mt {
     t.addEventListener("mousedown", o);
   }
 }
-class yt {
+class wt {
   constructor(t, e, i, s) {
     h(this, "groupElement");
     h(this, "titleContainer");
@@ -4022,14 +4034,14 @@ class yt {
       this.context.getOptions().header.fontSize
     ), this.titleContainer.style.fontFamily = this.context.getOptions().header.fontFamily, this.titleContainer.style.setProperty(
       "color",
-      this.context.getOptions().header.color,
+      ht(this.context.getOptions().header.color, this.context.getOptions().header.backgroundColor || this.context.getOptions().primaryColor),
       "important"
     ), this.titleContainer.textContent = this.column.label || "", this.childContainer.className = "x-gantt-table-header-children", this.childContainer.style.flex = "1 0 auto", this.childContainer.style.display = "flex", this.childContainer.style.width = "100%", this.groupElement.appendChild(this.titleContainer), this.groupElement.appendChild(this.childContainer);
   }
   initChildren() {
     this.column.children.forEach((t) => {
       if (t.isLeaf) {
-        const e = new mt(
+        const e = new xt(
           this.context,
           this.root,
           this.childContainer,
@@ -4037,7 +4049,7 @@ class yt {
         );
         this.children.push(e);
       } else if (t.children.length > 0) {
-        const e = new yt(
+        const e = new wt(
           this.context,
           this.root,
           this.childContainer,
@@ -4048,7 +4060,7 @@ class yt {
     });
   }
 }
-class Re {
+class Ge {
   constructor(t, e) {
     h(this, "headerElement");
     h(this, "headerColumns", []);
@@ -4064,7 +4076,7 @@ class Re {
       "important"
     ), this.headerElement.style.setProperty(
       "color",
-      this.context.getOptions().header.color,
+      ht(this.context.getOptions().header.color, this.context.getOptions().header.backgroundColor || this.context.getOptions().primaryColor),
       "important"
     ), this.headerElement.style.fontSize = `${this.context.getOptions().header.fontSize}px`, this.headerElement.style.fontWeight = `${this.context.getOptions().header.fontWeight}`, this.headerElement.style.zIndex = "10", this.headerElement.style.width = "100%", this.headerElement.style.flexShrink = "0", this.headerElement.style.borderBottom = `1px solid ${this.context.getOptions().border.color}`, this.headerElement.style.setProperty(
       "border-color",
@@ -4079,7 +4091,7 @@ class Re {
     this.headerColumns = [], this.headerElement.innerHTML = "", this.initElement();
     const t = this.context.store.getColumnManager(), e = t.getColumns();
     if (t.getHandlerColumn().width !== 0) {
-      const i = new mt(
+      const i = new xt(
         this.context,
         this.headerElement,
         this.headerElement,
@@ -4089,7 +4101,7 @@ class Re {
     }
     e.forEach((i) => {
       if (i.isLeaf) {
-        const s = new mt(
+        const s = new xt(
           this.context,
           this.headerElement,
           this.headerElement,
@@ -4097,7 +4109,7 @@ class Re {
         );
         this.headerColumns.push(s);
       } else if (i.children.length > 0) {
-        const s = new yt(
+        const s = new wt(
           this.context,
           this.headerElement,
           this.headerElement,
@@ -4108,12 +4120,12 @@ class Re {
     });
   }
 }
-class Ge {
+class We {
   constructor(t, e) {
     h(this, "tableContainer");
     h(this, "tableHeader");
     h(this, "tableBody");
-    this.context = t, this.container = e, this.tableContainer = document.createElement("div"), this.tableContainer.className = "x-gantt-table-container", this.tableContainer.style.position = "relative", this.tableContainer.style.width = "100%", this.tableContainer.style.height = "100%", this.tableContainer.style.overflow = "hidden", this.tableContainer.style.display = "flex", this.tableContainer.style.flexDirection = "column", this.container.appendChild(this.tableContainer), this.tableHeader = new Re(t, this.tableContainer), this.tableBody = new He(t, this.tableContainer), this.listenEvents();
+    this.context = t, this.container = e, this.tableContainer = document.createElement("div"), this.tableContainer.className = "x-gantt-table-container", this.tableContainer.style.position = "relative", this.tableContainer.style.width = "100%", this.tableContainer.style.height = "100%", this.tableContainer.style.overflow = "hidden", this.tableContainer.style.display = "flex", this.tableContainer.style.flexDirection = "column", this.container.appendChild(this.tableContainer), this.tableHeader = new Ge(t, this.tableContainer), this.tableBody = new Re(t, this.tableContainer), this.listenEvents();
   }
   render(t, e) {
     this.tableHeader.render(), this.refresh(t, e);
@@ -4135,7 +4147,7 @@ class Ge {
     });
   }
 }
-class We {
+class $e {
   constructor(t, e) {
     h(this, "background");
     // 表头背景
@@ -4290,7 +4302,7 @@ class We {
       fontSize: u,
       fontFamily: this.context.getOptions().header.fontFamily,
       fontStyle: `${this.context.getOptions().header.fontWeight}`,
-      fill: this.context.getOptions().header.color,
+      fill: ht(this.context.getOptions().header.color, this.context.getOptions().header.backgroundColor || this.context.getOptions().primaryColor),
       align: "center",
       verticalAlign: "middle",
       wrap: "none",
@@ -4351,7 +4363,7 @@ class We {
     }).play()));
   }
 }
-class $e {
+class Fe {
   constructor(t, e) {
     // 网格线组
     h(this, "verticalLines");
@@ -4432,8 +4444,8 @@ class $e {
     this.verticalLines.destroyChildren(), this.horizontalLines.destroyChildren();
   }
 }
-const Et = '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M5.5 4.625a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25m4 0a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25M10.625 7.5a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0M5.5 8.625a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25m5.125 2.875a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0M5.5 12.625a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25" clip-rule="evenodd"/></svg>';
-class Fe {
+const Ct = '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M5.5 4.625a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25m4 0a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25M10.625 7.5a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0M5.5 8.625a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25m5.125 2.875a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0M5.5 12.625a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25" clip-rule="evenodd"/></svg>';
+class Be {
   constructor(t, e, i, s, n) {
     h(this, "offsetX", 0);
     h(this, "offsetY", 0);
@@ -4485,10 +4497,10 @@ class Fe {
     });
   }
   render() {
-    var p, g, y, x, v, b, w, C, M, E, T, L, A;
+    var p, g, y, x, v, b, w, C, M, E, T, O, A;
     if (!this.task.startTime || !this.task.endTime) return;
     if (this.task.endTime.isBefore(this.task.startTime)) {
-      O.error("The endTime of the current task is earlier than the startTime.", this.task);
+      L.error("The endTime of the current task is earlier than the startTime.", this.task);
       return;
     }
     const t = this.context.getOptions().row.height, e = ot(
@@ -4498,14 +4510,12 @@ class Fe {
       this.unpackFunc(this.context.getOptions().bar.radius)
     ), c = this.unpackFunc(this.context.getOptions().bar.shadowColor) || "rgba(0, 0, 0, 0.2)", u = this.unpackFunc(this.context.getOptions().bar.shadowBlur) || 0, d = this.unpackFunc(this.context.getOptions().bar.shadowOffsetX) || 0, l = this.unpackFunc(this.context.getOptions().bar.shadowOffsetY) || 0;
     this.slider || (this.slider = new k.Group({
-      dragBoundFunc: (_) => {
-        let D = Math.min(0, -(-this.offsetX - this.slider.x()));
-        const H = this.context.store.getTimeAxis().getTimeLeft(this.task.endTime);
-        let W = this.sliderGroup.getStage().width() - this.slider.width() + Math.abs(H - (-this.offsetX + this.sliderGroup.getStage().width()));
+      dragBoundFunc: (D) => {
+        let _ = Math.min(0, -(-this.offsetX - this.slider.x())), W = this.context.store.getTimeAxis().getTimeLeft(this.context.store.getTimeAxis().getEndTime()) + this.offsetX - this.slider.width();
         if (this.context.getOptions().bar.move.link.parent === "strict" && this.task.parent) {
           if (this.task.parent.startTime) {
             const G = this.task.parent.startTime;
-            D = this.context.store.getTimeAxis().getTimeLeft(G);
+            _ = this.context.store.getTimeAxis().getTimeLeft(G);
           }
           if (this.task.parent.endTime) {
             const G = this.task.parent.endTime, F = this.context.store.getTimeAxis().getTimeLeft(G);
@@ -4513,64 +4523,64 @@ class Fe {
           }
         }
         return {
-          x: $(_.x, D, W),
+          x: $(D.x, _, W),
           y: this.y + i + this.offsetY
         };
       }
     })), this.slider.position({ x: s, y: i }), this.slider.size({ width: o, height: e });
     const m = !!this.unpackFunc(this.context.getOptions().bar.move.enabled) && (this.task.isSummary() ? this.context.getOptions().summary.move.enabled : !0);
-    if (this.slider.draggable(m), this.slider.on("mouseover", (_) => {
-      m && !this.isDragging && (_.target.getStage().container().style.cursor = "grab"), this.handleBarHighlight({
+    if (this.slider.draggable(m), this.slider.on("mouseover", (D) => {
+      m && !this.isDragging && (D.target.getStage().container().style.cursor = "grab"), this.handleBarHighlight({
         shadowColor: B(c).alpha(B(c).alpha() + 0.1).toHex(),
         shadowBlur: Math.max((u || 1) * 2, 4),
         shadowOffsetX: Math.max(d || 1, 2),
         shadowOffsetY: Math.max((l || 1) * 1.5, 4)
-      }), this.context.event.emit(S.SLIDER_ENTER, _.evt, this.task);
-    }), this.slider.on("mousemove", (_) => {
-      this.context.event.emit(S.SLIDER_HOVER, _.evt, this.task);
-    }), this.slider.on("mouseout", (_) => {
-      m && !this.isDragging && (_.target.getStage().container().style.cursor = "default"), this.isDragging || this.handleBarHighlight({
+      }), this.context.event.emit(S.SLIDER_ENTER, D.evt, this.task);
+    }), this.slider.on("mousemove", (D) => {
+      this.context.event.emit(S.SLIDER_HOVER, D.evt, this.task);
+    }), this.slider.on("mouseout", (D) => {
+      m && !this.isDragging && (D.target.getStage().container().style.cursor = "default"), this.isDragging || this.handleBarHighlight({
         shadowColor: c,
         shadowBlur: u,
         shadowOffsetX: d,
         shadowOffsetY: l
-      }), this.context.event.emit(S.SLIDER_LEAVE, _.evt, this.task);
+      }), this.context.event.emit(S.SLIDER_LEAVE, D.evt, this.task);
     }), this.task.isMilestone()) {
       this.sliderBar && !this.sliderType.startsWith("milestone") && (this.slider.destroyChildren(), this.sliderBar = null, this.progressGroup = null, this.leftHandleGroup = null, this.rightHandleGroup = null);
-      const _ = this.unpackFunc(this.context.getOptions().milestone.size), D = Math.min(_ || e, t / 2), H = this.unpackFunc(this.context.getOptions().milestone.color) || r, W = this.unpackFunc(this.context.getOptions().milestone.border.color), I = this.unpackFunc(this.context.getOptions().milestone.border.width), G = this.unpackFunc(this.context.getOptions().milestone.shape);
+      const D = this.unpackFunc(this.context.getOptions().milestone.size), _ = Math.min(D || e, t / 2), R = this.unpackFunc(this.context.getOptions().milestone.color) || r, W = this.unpackFunc(this.context.getOptions().milestone.border.color), I = this.unpackFunc(this.context.getOptions().milestone.border.width), G = this.unpackFunc(this.context.getOptions().milestone.shape);
       if (!this.sliderBar) {
         switch (G) {
           case "triangle":
             this.sliderBar = new k.RegularPolygon({
               sides: 3,
-              radius: D,
+              radius: _,
               rotation: 0,
-              fill: H,
+              fill: R,
               stroke: W,
               strokeWidth: I,
-              y: D / 3 * 2
+              y: e / 2
               // 居中
             });
             break;
           case "circle":
             this.sliderBar = new k.Circle({
-              radius: D,
-              fill: H,
+              radius: _,
+              fill: R,
               stroke: W,
               strokeWidth: I,
-              y: D / 2
+              y: e / 2
               // 居中
             });
             break;
           case "star":
             this.sliderBar = new k.Star({
               numPoints: 5,
-              innerRadius: D / 2,
-              outerRadius: D,
-              fill: H,
+              innerRadius: _ / 2,
+              outerRadius: _,
+              fill: R,
               stroke: W,
               strokeWidth: I,
-              y: D / 2
+              y: e / 2
               // 居中
             });
             break;
@@ -4578,31 +4588,31 @@ class Fe {
           default:
             this.sliderBar = new k.RegularPolygon({
               sides: 4,
-              radius: D,
+              radius: _,
               rotation: 0,
-              fill: H,
+              fill: R,
               stroke: W,
               strokeWidth: I,
-              y: D / 2
+              y: e / 2
               // 居中
             });
         }
         if (this.slider.add(this.sliderBar), this.unpackFunc(this.context.getOptions().milestone.label.show)) {
-          const F = this.unpackFunc(this.context.getOptions().milestone.label.text), z = this.unpackFunc(this.context.getOptions().milestone.label.position), q = this.unpackFunc(this.context.getOptions().milestone.label.fontSize), Pt = this.unpackFunc(this.context.getOptions().milestone.label.fontFamily), Nt = this.unpackFunc(this.context.getOptions().milestone.label.color), it = new k.Text({
+          const F = this.unpackFunc(this.context.getOptions().milestone.label.text), z = this.unpackFunc(this.context.getOptions().milestone.label.position), q = this.unpackFunc(this.context.getOptions().milestone.label.fontSize), Nt = this.unpackFunc(this.context.getOptions().milestone.label.fontFamily), Yt = this.unpackFunc(this.context.getOptions().milestone.label.color), it = new k.Text({
             height: e,
             text: F,
-            fill: Nt || H,
+            fill: Yt || R,
             fontSize: q,
-            fontFamily: Pt
-          }), ht = it.measureSize(F);
-          it.width(ht.width);
+            fontFamily: Nt
+          }), lt = it.measureSize(F);
+          it.width(lt.width);
           const K = { x: 0, y: 0 };
           switch (z) {
             case "top-left":
-              K.x = -(12 + ht.width), K.y = -8;
+              K.x = -(12 + lt.width), K.y = -8;
               break;
             case "bottom-left":
-              K.x = -(12 + ht.width), K.y = 10;
+              K.x = -(12 + lt.width), K.y = 10;
               break;
             case "bottom-right":
               K.x = 12, K.y = 10;
@@ -4618,21 +4628,21 @@ class Fe {
       this.sliderType = "milestone";
     } else if (this.task.isSummary() && (this.context.getOptions().summary.mode === "always" || this.task.expanded)) {
       this.sliderBar && this.sliderType !== "summary" && (this.slider.destroyChildren(), this.sliderBar = null, this.progressGroup = null, this.leftHandleGroup = null, this.rightHandleGroup = null);
-      const _ = this.unpackFunc(this.context.getOptions().summary.color) || r, D = t * 0.2, H = t * 0.3, W = (I) => new k.Shape({
+      const D = this.unpackFunc(this.context.getOptions().summary.color) || r, _ = t * 0.2, R = t * 0.3, W = (I) => new k.Shape({
         sceneFunc: (G, F) => {
-          const z = H * 0.5;
-          G.beginPath(), G.moveTo(0, (t - D) / 2), G.lineTo(z, (t - D) / 2), G.lineTo(z, (t - D) / 2 + D), G.lineTo(0, (t - D) / 2 + D + H), G.lineTo(0, (t - D) / 2), G.rect(z, (t - D) / 2, I - 2 * z, D), G.moveTo(I - z, (t - D) / 2), G.lineTo(I, (t - D) / 2), G.lineTo(I, (t - D) / 2 + D + H), G.lineTo(I - z, (t - D) / 2 + D), G.lineTo(I - z, (t - D) / 2), G.fillStrokeShape(F);
+          const z = R * 0.5;
+          G.beginPath(), G.moveTo(0, (t - _) / 2), G.lineTo(z, (t - _) / 2), G.lineTo(z, (t - _) / 2 + _), G.lineTo(0, (t - _) / 2 + _ + R), G.lineTo(0, (t - _) / 2), G.rect(z, (t - _) / 2, I - 2 * z, _), G.moveTo(I - z, (t - _) / 2), G.lineTo(I, (t - _) / 2), G.lineTo(I, (t - _) / 2 + _ + R), G.lineTo(I - z, (t - _) / 2 + _), G.lineTo(I - z, (t - _) / 2), G.fillStrokeShape(F);
         },
         width: I,
-        fill: _,
+        fill: D,
         shadowColor: c,
         shadowBlur: u,
         shadowOffsetX: d,
         shadowOffsetY: l,
-        y: -(H + D) / 2 - i / 2
+        y: -(R + _) / 2 - i / 2
       });
       !this.sliderBar || this.sliderBar.width() !== o ? (this.sliderBar && this.sliderBar.destroy(), this.sliderBar = W(o), this.slider.add(this.sliderBar)) : this.sliderBar.setAttrs({
-        fill: _,
+        fill: D,
         shadowColor: c,
         shadowBlur: u,
         shadowOffsetX: d,
@@ -4648,7 +4658,7 @@ class Fe {
         fill: r,
         cornerRadius: a
       }), this.renderProgress(o, e);
-      const _ = (p = this.context.getOptions().bar.move.single) == null ? void 0 : p.icon, D = (g = this.context.getOptions().bar.move.single) == null ? void 0 : g.backgroundColor, H = D ? B(D).alpha(((y = this.context.getOptions().bar.move.single) == null ? void 0 : y.opacity) ?? 1).toHex() : B(r).brighten(30 * (this.unpackFunc((x = this.context.getOptions().bar.progress) == null ? void 0 : x.show) ? -1 : 1)).alpha(((v = this.context.getOptions().bar.move.single) == null ? void 0 : v.opacity) ?? 1).toHex();
+      const D = (p = this.context.getOptions().bar.move.single) == null ? void 0 : p.icon, _ = (g = this.context.getOptions().bar.move.single) == null ? void 0 : g.backgroundColor, R = _ ? B(_).alpha(((y = this.context.getOptions().bar.move.single) == null ? void 0 : y.opacity) ?? 1).toHex() : B(r).brighten(30 * (this.unpackFunc((x = this.context.getOptions().bar.progress) == null ? void 0 : x.show) ? -1 : 1)).alpha(((v = this.context.getOptions().bar.move.single) == null ? void 0 : v.opacity) ?? 1).toHex();
       if (!!this.unpackFunc((b = this.context.getOptions().bar.move.single) == null ? void 0 : b.left)) {
         if (!this.leftHandleGroup) {
           this.leftHandleGroup = new k.Group({
@@ -4668,7 +4678,7 @@ class Fe {
             x: 0,
             y: 0
           });
-          this.leftHandleGroup.add(G), _ !== null && vt(_ || Et, this.handlerWidth, e).then((F) => {
+          this.leftHandleGroup.add(G), D !== null && Tt(D || Ct, this.handlerWidth, e).then((F) => {
             var q;
             const z = new k.Image({
               image: F,
@@ -4683,7 +4693,7 @@ class Fe {
         (w = this.leftHandleGroup.findOne("Rect")) == null || w.setAttrs({
           width: this.handlerWidth,
           height: e,
-          fill: H,
+          fill: R,
           cornerRadius: [a[0], 0, 0, a[3]]
         }), (C = this.leftHandleGroup.findOne("Image")) == null || C.setAttrs({
           x: 0,
@@ -4711,7 +4721,7 @@ class Fe {
             x: 0,
             y: 0
           });
-          this.rightHandleGroup.add(G), _ !== null && vt(_ || Et, this.handlerWidth, e).then((F) => {
+          this.rightHandleGroup.add(G), D !== null && Tt(D || Ct, this.handlerWidth, e).then((F) => {
             var q;
             const z = new k.Image({
               image: F,
@@ -4727,7 +4737,7 @@ class Fe {
           x: o - this.handlerWidth,
           width: this.handlerWidth,
           height: e,
-          fill: H,
+          fill: R,
           cornerRadius: [0, a[1], a[2], 0]
         }), (T = this.rightHandleGroup.findOne("Image")) == null || T.setAttrs({
           x: o - this.handlerWidth,
@@ -4736,7 +4746,7 @@ class Fe {
           height: this.handlerWidth
         });
       } else this.rightHandleGroup && (this.rightHandleGroup.remove(), this.rightHandleGroup = null);
-      this.renderText(o, e), (L = this.leftHandleGroup) == null || L.moveToTop(), (A = this.rightHandleGroup) == null || A.moveToTop();
+      this.renderText(o, e), (O = this.leftHandleGroup) == null || O.moveToTop(), (A = this.rightHandleGroup) == null || A.moveToTop();
     }
     this.isDragging || this.sliderBar.setAttrs({
       shadowColor: c,
@@ -4783,7 +4793,7 @@ class Fe {
       return;
     }
     if (this.task.progress) {
-      const g = Qt(
+      const g = Zt(
         this.task.progress,
         ((s = this.context.getOptions().bar.progress) == null ? void 0 : s.targetVal) ?? 100
       );
@@ -4816,10 +4826,10 @@ class Fe {
         opacity: this.unpackFunc((a = this.context.getOptions().bar.progress) == null ? void 0 : a.opacity)
       });
       this.progressGroup.add(C);
-      const M = `${ft(
+      const M = `${pt(
         g * 100,
         (c = this.context.getOptions().bar.progress) == null ? void 0 : c.decimal
-      )}%`, E = new k.Text().measureSize(M).width, T = this.unpackFunc((u = this.context.getOptions().bar.progress) == null ? void 0 : u.textAlign), L = new k.Text({
+      )}%`, E = new k.Text().measureSize(M).width, T = this.unpackFunc((u = this.context.getOptions().bar.progress) == null ? void 0 : u.textAlign), O = new k.Text({
         x: 0,
         y: T === "top" ? -e : 0,
         width: T === "right" ? w + E : Math.max(w, E),
@@ -4832,7 +4842,7 @@ class Fe {
         verticalAlign: T === "top" ? "bottom" : "middle",
         align: "right"
       });
-      (p = this.progressGroup) == null || p.add(L);
+      (p = this.progressGroup) == null || p.add(O);
     }
   }
   // 绑定事件，包括拖拽和边缘检测
@@ -4864,13 +4874,13 @@ class Fe {
     const e = t.target.getStage();
     if (!e) return;
     this.isDragging = !0, this.oldTasks = [], this.context.event.emit(S.SLIDER_DRAGGING, !0), e.container().style.cursor = "grabbing";
-    const i = t.target.x(), s = this.context.store.getTimeAxis().getCellWidth(), n = dt(i, s);
+    const i = t.target.x(), s = this.context.store.getTimeAxis().getCellWidth(), n = ut(i, s);
     this.dragDiffX = n - i, this.handleMove(t, e);
   }
   handleDragMove(t) {
     if (!this.isDragging) return;
     if (t.evt.movementX > 0 ? this.draggingDirection !== "right" && (this.draggingDirection = "right", this.stopAutoScroll(), this.stopAutoExpand()) : t.evt.movementX < 0 && this.draggingDirection !== "left" && (this.draggingDirection = "left", this.stopAutoScroll(), this.stopAutoExpand()), !!this.context.getOptions().bar.move.byUnit) {
-      const i = t.target.x(), s = this.context.store.getTimeAxis().getCellWidth(), n = dt(i, s);
+      const i = t.target.x(), s = this.context.store.getTimeAxis().getCellWidth(), n = ut(i, s);
       t.target.x(n - this.dragDiffX);
     }
   }
@@ -4902,10 +4912,10 @@ class Fe {
     const i = e.width(), s = !!this.context.getOptions().bar.move.lock, n = !!this.context.getOptions().bar.move.byUnit, o = this.context.store.getTimeAxis().getCellWidth(), r = t.target.width(), a = t.target.x(), c = a + r, u = Math.max(0, -this.offsetX - a), d = Math.max(0, c - (-this.offsetX + i));
     this.autoMoveTimer = window.setInterval(() => {
       const l = t.target.width(), m = t.target.x(), p = m + l, g = -this.offsetX, y = g + i, x = this.context.store.getTimeAxis().getTotalWidth(), v = m <= g + this.EDGE_THRESHOLD, b = p >= y - this.EDGE_THRESHOLD;
-      if (v)
+      if (this.draggingDirection === "left" && v)
         if (g <= 0)
-          this.draggingDirection === "left" && t.target.x(-u), this.stopAutoScroll(), s || (this.draggingDirection === "left" ? this.startAutoExpand("left", -u) : this.stopAutoExpand());
-        else if (this.draggingDirection === "left") {
+          t.target.x(-u), this.stopAutoScroll(), s || this.startAutoExpand("left", -u);
+        else {
           const w = n ? -o : -this.SCROLL_STEP;
           this.startAutoScroll(
             w,
@@ -4915,18 +4925,16 @@ class Fe {
             },
             () => t.target.x(t.target.x() - u)
           );
-        } else
-          this.stopAutoScroll();
-      else if (b)
+        }
+      else if (this.draggingDirection === "right" && b)
         if (y >= x)
-          this.draggingDirection === "right" && t.target.x(x - l + d), this.stopAutoScroll(), s || (this.draggingDirection === "right" ? this.startAutoExpand("right", 0, d) : this.stopAutoExpand());
-        else if (this.draggingDirection === "right") {
+          t.target.x(x - l + d), this.stopAutoScroll(), s || this.startAutoExpand("right", 0, d);
+        else {
           const w = n ? o : this.SCROLL_STEP;
           this.startAutoScroll(w, n, () => {
             t.target.x(t.target.x() + w);
           });
-        } else
-          this.stopAutoScroll();
+        }
       else
         this.stopAutoExpand(), this.stopAutoScroll();
       this.emitUpdate("both");
@@ -4987,7 +4995,7 @@ class Fe {
       x.movementX > 0 ? this.draggingDirection = "right" : x.movementX < 0 && (this.draggingDirection = "left");
       const v = Math.max(((w = i.getPointerPosition()) == null ? void 0 : w.x) || 0, 0);
       let b = v - s;
-      n && (b = dt(b, o)), (d === void 0 || d !== b) && (e === "left" ? m - b - c >= o && v < a - this.EDGE_THRESHOLD && (this.slider.width(m - b - c), this.slider.x(l + b + c), this.emitUpdate("left")) : m + b + u >= o && v > this.EDGE_THRESHOLD && (this.slider.width(m + b + u), this.emitUpdate("right")), d = b);
+      n && (b = ut(b, o)), (d === void 0 || d !== b) && (e === "left" ? m - b - c >= o && v < a - this.EDGE_THRESHOLD && (this.slider.width(m - b - c), this.slider.x(l + b + c), this.emitUpdate("left")) : m + b + u >= o && v > this.EDGE_THRESHOLD && (this.slider.width(m + b + u), this.emitUpdate("right")), d = b);
     }, g = () => {
       this.handleDragEnd(t), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", g);
     };
@@ -5070,7 +5078,7 @@ class Fe {
     n.start();
   }
 }
-class Be {
+class ze {
   constructor(t, e, i, s, n, o, r) {
     h(this, "row");
     h(this, "slider");
@@ -5084,7 +5092,7 @@ class Be {
       id: i,
       listening: !1
     });
-    this.row.add(a), this.slider = new Fe(this.context, 0, n, this.task, this.width), this.row.add(this.slider.sliderGroup);
+    this.row.add(a), this.slider = new Be(this.context, 0, n, this.task, this.width), this.row.add(this.slider.sliderGroup);
   }
   update(t, e, i) {
     this.slider.update(t, e, i);
@@ -5096,7 +5104,7 @@ class Be {
     this.row.destroy();
   }
 }
-class ze {
+class Pe {
   constructor(t, e, i, s) {
     h(this, "tasks", []);
     // 当前渲染的任务列表
@@ -5142,7 +5150,7 @@ class ze {
       const o = `chart-row-${s.id}`;
       let r = this.rowsCache.get(o);
       const c = s.flatIndex * e + this.context.getOptions().header.height;
-      r ? (r.update(0, c, s), r.setOffset(this.offsetX, this.offsetY)) : (r = new Be(
+      r ? (r.update(0, c, s), r.setOffset(this.offsetX, this.offsetY)) : (r = new ze(
         this.context,
         s,
         o,
@@ -5371,7 +5379,7 @@ class ze {
     this.rowsCache.clear(), this.rowsGroup.destroy(), this.rowBgGroup.destroy();
   }
 }
-class zt {
+class Pt {
   constructor() {
   }
   static async createPattern(t) {
@@ -5512,7 +5520,7 @@ class zt {
     return d.src = a.toDataURL(), a.destroy(), d;
   }
 }
-class Pe {
+class Ne {
   constructor(t, e) {
     // 状态变量
     h(this, "width", 0);
@@ -5573,7 +5581,7 @@ class Pe {
         }
         if (m > u)
           break;
-        !this.patternImage && this.context.getOptions().weekend.pattern && (this.patternImage = await zt.createPattern(
+        !this.patternImage && this.context.getOptions().weekend.pattern && (this.patternImage = await Pt.createPattern(
           this.context.getOptions().weekend
         ));
         const x = new k.Rect({
@@ -5600,7 +5608,7 @@ class Pe {
     this.layer.batchDraw();
   }
 }
-class Ne {
+class Ye {
   constructor(t, e, i) {
     h(this, "arrowAnimation");
     h(this, "todayLine");
@@ -5641,7 +5649,7 @@ class Ne {
       this.context.getOptions().today || {}
     );
     if (!t.show) return;
-    let e = R();
+    let e = H();
     const i = this.context.store.getTimeAxis().getCellUnit();
     t.type === "block" && (e = e.startOf(i));
     const s = this.context.store.getTimeAxis().getTimeLeft(e), n = this.context.store.getTimeAxis().getCellWidth(), o = this.context.getOptions().header.height, r = B(t.backgroundColor).alpha(t.opacity).toHex(), a = (t.type === "block" ? s + n / 2 : s) + this.offsetX, c = [a, o, a, this.height], u = t.type === "line" ? t.width : n;
@@ -5686,8 +5694,8 @@ class Ne {
           fontFamily: b,
           padding: 5
         });
-        const L = this.todayTextGroup.findOne(".today-text-bg");
-        L == null || L.setAttrs({
+        const O = this.todayTextGroup.findOne(".today-text-bg");
+        O == null || O.setAttrs({
           width: C.width + 12,
           height: C.height + 8,
           fill: E
@@ -5716,7 +5724,7 @@ class Ne {
     (t = this.todayLine) == null || t.destroy(), (e = this.triangle) == null || e.destroy(), (i = this.todayTextGroup) == null || i.destroy(), (s = this.arrowAnimation) == null || s.stop(), this.arrowAnimation = void 0;
   }
 }
-class Ye {
+class Ue {
   constructor(t, e) {
     // 状态变量
     h(this, "width", 0);
@@ -5769,9 +5777,9 @@ class Ye {
     for (let b = s; b <= n; b = b.add(1, "day")) {
       const w = t.find((C) => {
         if (X(C.date)) {
-          if (C.date.some((M) => R(M).isSame(b, "day")))
+          if (C.date.some((M) => H(M).isSame(b, "day")))
             return C;
-        } else if (R(C.date).isSame(b, "day"))
+        } else if (H(C.date).isSame(b, "day"))
           return C;
       });
       if (w) {
@@ -5782,13 +5790,13 @@ class Ye {
           break;
         !this.patternImage.has(w) && (w.pattern || this.context.getOptions().holiday.pattern) && this.patternImage.set(
           w,
-          await zt.createPattern({
+          await Pt.createPattern({
             backgroundColor: this.context.getOptions().primaryColor,
             ...w,
             ...this.context.getOptions().holiday
           })
         );
-        const L = new k.Rect({
+        const O = new k.Rect({
           name: "holiday-rect",
           x: C,
           y: M,
@@ -5806,25 +5814,25 @@ class Ye {
             opacity: w.opacity || this.context.getOptions().holiday.opacity
           }
         });
-        if (this.holidayGroup.add(L), (d = w.text) != null && d.show) {
-          if (X(w.date) && !R(w.date[0]).isSame(b, "day"))
+        if (this.holidayGroup.add(O), (d = w.text) != null && d.show) {
+          if (X(w.date) && !H(w.date[0]).isSame(b, "day"))
             continue;
-          const A = ((l = w.text) == null ? void 0 : l.fontSize) || 10, _ = ((m = w.text) == null ? void 0 : m.fontFamily) || "Arial", D = ((p = w.text) == null ? void 0 : p.content) || "", H = new k.Text({ fontSize: A, fontFamily: _ }).measureSize(D), W = ((g = w.text) == null ? void 0 : g.color) || "white", I = ((y = w.text) == null ? void 0 : y.backgroundColor) || w.backgroundColor || ((x = this.context.getOptions().holiday) == null ? void 0 : x.backgroundColor) || this.context.getOptions().primaryColor, G = new k.Group({
+          const A = ((l = w.text) == null ? void 0 : l.fontSize) || 10, D = ((m = w.text) == null ? void 0 : m.fontFamily) || "Arial", _ = ((p = w.text) == null ? void 0 : p.content) || "", R = new k.Text({ fontSize: A, fontFamily: D }).measureSize(_), W = ((g = w.text) == null ? void 0 : g.color) || "white", I = ((y = w.text) == null ? void 0 : y.backgroundColor) || w.backgroundColor || ((x = this.context.getOptions().holiday) == null ? void 0 : x.backgroundColor) || this.context.getOptions().primaryColor, G = new k.Group({
             name: "holiday-text-group",
             x: C,
             y: M,
             opacity: (v = w.text) == null ? void 0 : v.opacity
           }), F = new k.Text({
-            text: D,
+            text: _,
             fill: W,
             fontSize: A,
-            fontFamily: _,
+            fontFamily: D,
             padding: 5
           }), z = new k.Rect({
             x: 0,
             y: 0,
-            width: H.width + 12,
-            height: H.height + 8,
+            width: R.width + 12,
+            height: R.height + 8,
             fill: I
           });
           G.add(z), G.add(F), this.holidayGroup.add(G);
@@ -5834,7 +5842,7 @@ class Ye {
     this.layer.batchDraw();
   }
 }
-class Ue {
+class Xe {
   constructor(t, e) {
     // 状态变量
     h(this, "width", 0);
@@ -5882,7 +5890,7 @@ class Ue {
     if (!t || t.length === 0) return;
     const e = ((m = this.context.getOptions().flag) == null ? void 0 : m.backgroundColor) || this.context.getOptions().primaryColor, i = ((p = this.context.getOptions().flag) == null ? void 0 : p.opacity) || 1, s = ((g = this.context.getOptions().flag) == null ? void 0 : g.color) || (B(e).isDark() ? "white" : "black"), n = ((y = this.context.getOptions().flag) == null ? void 0 : y.fontFamily) || "Arial", o = ((x = this.context.getOptions().flag) == null ? void 0 : x.fontSize) || 10, r = Math.max(0, -this.offsetX), a = r + this.width, c = this.context.store.getTimeAxis().getCellWidth(), u = this.context.getOptions().header.height;
     this.context.getOptions().row.height, this.context.store.getDataManager().getVisibleSize(), t.forEach((v) => {
-      const b = R(v.date), w = this.context.store.getTimeAxis().getTimeLeft(b), C = u;
+      const b = H(v.date), w = this.context.store.getTimeAxis().getTimeLeft(b), C = u;
       if (w + c < r || w > a)
         return;
       const E = [w, u, w, this.height], T = new k.Line({
@@ -5892,10 +5900,10 @@ class Ue {
         strokeWidth: 1
       });
       this.flagGroup.add(T);
-      const L = v.content || "";
-      if (L) {
+      const O = v.content || "";
+      if (O) {
         const A = new k.Text({
-          text: L,
+          text: O,
           x: w + 5,
           // 添加一些内边距
           y: C + 5,
@@ -5905,14 +5913,14 @@ class Ue {
           fill: v.color || s,
           verticalAlign: "middle",
           align: "left"
-        }), _ = new k.Rect({
+        }), D = new k.Rect({
           x: w,
           y: C,
-          width: A.measureSize(L).width + 12,
-          height: A.measureSize(L).height + 8,
+          width: A.measureSize(O).width + 12,
+          height: A.measureSize(O).height + 8,
           fill: v.backgroundColor || e
         });
-        this.flagGroup.add(_), this.flagGroup.add(A);
+        this.flagGroup.add(D), this.flagGroup.add(A);
       } else if (v.flag)
         switch (v.flag) {
           case "banner":
@@ -5962,7 +5970,7 @@ class Ue {
     }), this.layer.batchDraw();
   }
 }
-class Xe {
+class Ve {
   constructor(t, e, i) {
     h(this, "tasks", []);
     // 创建点组
@@ -6057,7 +6065,7 @@ class Xe {
         l.isMilestone() && (g += i / 2);
         const y = s + i * l.flatIndex;
         let x = !0, v = !0, b = this.context.store.getOptionManager().unpackFunc(this.context.getOptions().links.create.from, l);
-        if (lt(b) ? x = v = b : V(b) && (x = b === "S", v = b === "F"), x) {
+        if (ct(b) ? x = v = b : V(b) && (x = b === "S", v = b === "F"), x) {
           const w = new k.Circle({
             id: `point-${l.id}-left`,
             x: m - g,
@@ -6101,11 +6109,11 @@ class Xe {
    */
   calculateLinks(t) {
     if (!this.context.getOptions().links.show) {
-      this.destroy();
+      this.linksGroup.destroyChildren(), this.linkCache.clear();
       return;
     }
     if (this.tasks.length === 0) {
-      this.destroy();
+      this.linksGroup.destroyChildren(), this.linkCache.clear();
       return;
     }
     const e = t != null && t.length ? t.reduce((s, n) => (s.push(...this.context.store.getLinkManager().getLinksByTaskId(n.id)), s), []) : this.context.store.getLinkManager().getLinks();
@@ -6119,14 +6127,14 @@ class Xe {
       if (s.valid === !1) return;
       const n = this.createId(s), o = this.context.store.getDataManager().getTaskById(s.from), r = this.context.store.getDataManager().getTaskById(s.to);
       if (!o) {
-        O.warn(
+        L.warn(
           `No corresponding FROM task [${s.from}] was found for the link. Info:`,
           s
         ), s.valid = !1;
         return;
       }
       if (!r) {
-        O.warn(
+        L.warn(
           `No corresponding TO task [${s.to}] was found for the link. Info:`,
           s
         ), s.valid = !1;
@@ -6138,7 +6146,7 @@ class Xe {
       if (!(this.context.store.getTimeAxis().getTimeLeft(((u = s.type) == null ? void 0 : u[0]) === "S" ? o.startTime : o.endTime) < a && this.context.store.getTimeAxis().getTimeLeft(((d = s.type) == null ? void 0 : d[1]) === "F" ? r.endTime : r.startTime) < a) && !(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)) {
         const v = this.getPoints(o, r, s);
         if (v.length <= 2)
-          O.warn("The link position has some error.", s);
+          L.warn("The link position has some error.", s);
         else {
           const b = s.radius ?? this.context.getOptions().links.radius, w = ((p = s.arrow) == null ? void 0 : p.width) ?? this.context.getOptions().links.arrow.width, C = ((g = s.arrow) == null ? void 0 : g.height) ?? this.context.getOptions().links.arrow.height, M = s.width ?? this.context.getOptions().links.width;
           let E = this.linkCache.get(n);
@@ -6157,14 +6165,14 @@ class Xe {
             });
             E.add(I);
           }
-          const L = Math.floor(v.length / 2), A = L % 2 === 0 ? L : L - 1, _ = v.slice(0, A + 2), D = v.slice(A), H = E.findOne("Line");
-          if (H)
-            H.points(_), H.stroke(
+          const O = Math.floor(v.length / 2), A = O % 2 === 0 ? O : O - 1, D = v.slice(0, A + 2), _ = v.slice(A), R = E.findOne("Line");
+          if (R)
+            R.points(D), R.stroke(
               s.color || this.context.getOptions().links.color || this.context.getOptions().primaryColor
-            ), H.strokeWidth(M + (this.selectedMap.has(n) ? 2 : 0)), H.dash(s.dash || this.context.getOptions().links.dash);
+            ), R.strokeWidth(M + (this.selectedMap.has(n) ? 2 : 0)), R.dash(s.dash || this.context.getOptions().links.dash);
           else {
             const I = new k.Line({
-              points: _,
+              points: D,
               stroke: s.color || this.context.getOptions().links.color || this.context.getOptions().primaryColor,
               strokeWidth: M,
               lineCap: "round",
@@ -6187,14 +6195,14 @@ class Xe {
           }
           const W = E.findOne("Arrow");
           if (W)
-            W.points(D), W.stroke(
+            W.points(_), W.stroke(
               s.color || this.context.getOptions().links.color || this.context.getOptions().primaryColor
             ), W.strokeWidth(M + (this.selectedMap.has(n) ? 2 : 0)), W.pointerLength(C), W.pointerWidth(w), W.fill(
               ((y = s.arrow) == null ? void 0 : y.color) || this.context.getOptions().links.arrow.color || s.color || this.context.getOptions().links.color || this.context.getOptions().primaryColor
             ), W.lineJoin("round"), W.dash(s.dash || this.context.getOptions().links.dash);
           else {
             const I = new k.Arrow({
-              points: D,
+              points: _,
               stroke: s.color || this.context.getOptions().links.color || this.context.getOptions().primaryColor,
               strokeWidth: M,
               pointerLength: C,
@@ -6295,7 +6303,7 @@ class Xe {
     {
       const m = t.distance ? parseInt(t.distance) : this.context.getOptions().links.distance;
       if (isNaN(m))
-        O.error("Link's distance must be a Numeric");
+        L.error("Link's distance must be a Numeric");
       else {
         const p = n + d + m, g = o - d - m, y = [
           Math.max(p, g),
@@ -6317,7 +6325,7 @@ class Xe {
     {
       const m = t.distance ? parseInt(t.distance) : this.context.getOptions().links.distance;
       if (isNaN(m))
-        O.error("Link's distance must be a Numeric");
+        L.error("Link's distance must be a Numeric");
       else {
         const p = n + d + m, g = r + d + m, y = [
           p <= g ? g : p,
@@ -6340,7 +6348,7 @@ class Xe {
     {
       const m = t.distance ? parseInt(t.distance) : this.context.getOptions().links.distance;
       if (isNaN(m))
-        O.error("Link's distance must be a Numeric");
+        L.error("Link's distance must be a Numeric");
       else {
         const p = s - d - m, g = o - d - m;
         l.push(
@@ -6363,7 +6371,7 @@ class Xe {
     {
       const m = t.distance ? parseInt(t.distance) : this.context.getOptions().links.distance;
       if (isNaN(m))
-        O.error("Link's distance must be a Numeric");
+        L.error("Link's distance must be a Numeric");
       else {
         const p = s - d - m, g = r + d + m, y = [
           Math.min(p, g),
@@ -6407,19 +6415,19 @@ class Xe {
         b.x <= M ? r = "S" : (r = "F", E = C + d);
         let T;
         if (i === "S" ? T = `${r}${(e.type || "FS")[1]}` : T = `${(e.type || "FS")[0]}${r}`, i === "S") {
-          const { allowLeft: L, allowRight: A } = this.isAllowStartDrop(l, e.to, T);
+          const { allowLeft: O, allowRight: A } = this.isAllowStartDrop(l, e.to, T);
           this.templateArrow.points([
             E,
             u + c * l.flatIndex,
             ...s
           ]), A ? this.stage.container().style.cursor = "pointer" : this.stage.container().style.cursor = "not-allowed";
         } else if (i === "F") {
-          const { allowLeft: L, allowRight: A } = this.isAllowEndDrop(l, e.from, T);
+          const { allowLeft: O, allowRight: A } = this.isAllowEndDrop(l, e.from, T);
           this.templateArrow.points([
             ...s,
             E,
             u + c * l.flatIndex
-          ]), L ? this.stage.container().style.cursor = "pointer" : this.stage.container().style.cursor = "not-allowed";
+          ]), O ? this.stage.container().style.cursor = "pointer" : this.stage.container().style.cursor = "not-allowed";
         }
       }
     }, p = () => {
@@ -6428,8 +6436,8 @@ class Xe {
       const w = J(e);
       if (r && l && (i === "S" ? (b = `${r}${(e.type || "FS")[1]}`, w.from = l.id) : i === "F" && (b = `${(e.type || "FS")[0]}${r}`, w.to = l.id)), b && l) {
         w.type = b;
-        let E = !1, T = !1, L;
-        i === "S" ? { allowLeft: E, allowRight: T, reason: L } = this.isAllowStartDrop(l, w.to, w.type, !0) : i === "F" && ({ allowLeft: E, allowRight: T, reason: L } = this.isAllowEndDrop(l, w.from, w.type, !0)), ((C = w.type) == null ? void 0 : C.slice(1)) === "S" && E || ((M = w.type) == null ? void 0 : M.slice(1)) === "F" && T ? (this.context.event.emit(S.UPDATE_LINK, w), this.context.store.getLinkManager().update(), this.calculateLinks()) : this.context.event.emit(S.ERROR, L || Y.LINK_NOT_ALLOWED);
+        let E = !1, T = !1, O;
+        i === "S" ? { allowLeft: E, allowRight: T, reason: O } = this.isAllowStartDrop(l, w.to, w.type, !0) : i === "F" && ({ allowLeft: E, allowRight: T, reason: O } = this.isAllowEndDrop(l, w.from, w.type, !0)), ((C = w.type) == null ? void 0 : C.slice(1)) === "S" && E || ((M = w.type) == null ? void 0 : M.slice(1)) === "F" && T ? (this.context.event.emit(S.UPDATE_LINK, w), this.context.store.getLinkManager().update(), this.calculateLinks()) : this.context.event.emit(S.ERROR, O || Y.LINK_NOT_ALLOWED);
       } else
         this.context.event.emit(S.ERROR, Y.TASK_NOT_FOUND);
       this.cleanupTempLink(), this.calculateLinks([l, this.context.store.getDataManager().getTaskById(e.from), this.context.store.getDataManager().getTaskById(e.to)].filter((E) => !!E)), document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", p);
@@ -6517,7 +6525,7 @@ class Xe {
     j(r) && (r = r(
       t.getEmitData(),
       this.context.store.getDataManager().getTaskById(e).getEmitData()
-    )), lt(r) ? n = o = r : V(r) && (n = r === "S", o = r === "F");
+    )), ct(r) ? n = o = r : V(r) && (n = r === "S", o = r === "F");
     const a = this.validateChain(t.id, e, i, s);
     return {
       allowLeft: n && a.ok,
@@ -6533,7 +6541,7 @@ class Xe {
     j(r) && (r = r(
       t.getEmitData(),
       this.context.store.getDataManager().getTaskById(e).getEmitData()
-    )), lt(r) ? n = o = r : V(r) && (n = r === "S", o = r === "F");
+    )), ct(r) ? n = o = r : V(r) && (n = r === "S", o = r === "F");
     const a = this.validateChain(e, t.id, i, s);
     return {
       allowLeft: n && a.ok,
@@ -6600,7 +6608,7 @@ class Xe {
     });
   }
 }
-class Ve {
+class Ke {
   constructor(t, e, i) {
     h(this, "tasks", []);
     h(this, "chartBaselineGroup");
@@ -6775,7 +6783,7 @@ class Ve {
           radius: n.size / 2
         });
         this.indicatorGroup.add(p);
-        let g = `${ft(i.startDiff)}${i.unit} ${m}`;
+        let g = `${pt(i.startDiff)}${i.unit} ${m}`;
         const y = s.compare.indicator[m].text;
         j(y) ? g = y(i.startDiff, { ...t.getEmitData(), baseline: e }) : V(y) && (g = y);
         const x = new k.Text({
@@ -6799,7 +6807,7 @@ class Ve {
           radius: n.size / 2
         });
         this.indicatorGroup.add(p);
-        let g = `${ft(i.endDiff)}${i.unit} ${m}`;
+        let g = `${pt(i.endDiff)}${i.unit} ${m}`;
         const y = s.compare.indicator[m].text;
         j(y) ? g = y(i.endDiff, { ...t.getEmitData(), baseline: e }) : V(y) && (g = y);
         const x = new k.Text({
@@ -6826,7 +6834,7 @@ class Ve {
     });
   }
 }
-class Ke {
+class je {
   constructor(t, e) {
     // Konva 元素
     h(this, "stage");
@@ -6848,7 +6856,7 @@ class Ke {
       container: this.container,
       width: this.container.clientWidth,
       height: this.container.clientHeight
-    }), this.bgLayer = new k.Layer(), this.weekendGroup = new Pe(this.context, this.bgLayer), this.holidayGroup = new Ye(this.context, this.bgLayer), this.flagGroup = new Ue(this.context, this.bgLayer), this.gridGroup = new $e(this.context, this.bgLayer), this.stage.add(this.bgLayer), this.axisLayer = new k.Layer(), this.headerLayer = new We(this.context, this.axisLayer), this.todayLayer = new Ne(this.context, this.bgLayer, this.axisLayer), this.stage.add(this.axisLayer), this.bodyLayer = new k.Layer(), this.linkGroup = new Xe(this.context, this.stage, this.bodyLayer), this.baselineGroup = new Ve(this.context, this.stage, this.bodyLayer), this.bodyGroup = new ze(this.context, this.stage, this.bodyLayer, this.bgLayer), this.stage.add(this.bodyLayer);
+    }), this.bgLayer = new k.Layer(), this.weekendGroup = new Ne(this.context, this.bgLayer), this.holidayGroup = new Ue(this.context, this.bgLayer), this.flagGroup = new Xe(this.context, this.bgLayer), this.gridGroup = new Fe(this.context, this.bgLayer), this.stage.add(this.bgLayer), this.axisLayer = new k.Layer(), this.headerLayer = new $e(this.context, this.axisLayer), this.todayLayer = new Ye(this.context, this.bgLayer, this.axisLayer), this.stage.add(this.axisLayer), this.bodyLayer = new k.Layer(), this.linkGroup = new Ve(this.context, this.stage, this.bodyLayer), this.baselineGroup = new Ke(this.context, this.stage, this.bodyLayer), this.bodyGroup = new Pe(this.context, this.stage, this.bodyLayer, this.bgLayer), this.stage.add(this.bodyLayer);
   }
   /**
    * 调整大小
@@ -6875,8 +6883,8 @@ class Ke {
     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 je = '<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 qe {
+const qe = '<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 Qe {
   constructor(t, e) {
     h(this, "line");
     h(this, "initialX", 0);
@@ -6886,9 +6894,17 @@ class qe {
       "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 = je, this.collapseButton.addEventListener("click", (i) => {
+    ), this.line.style.cursor = "col-resize", this.root.store.getOptionManager().getOptions().collapse.show && (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 = this.root.store.getOptionManager().getOptions().collapse.backgroundColor || "#fff", this.collapseButton.style.borderRadius = `0 ${this.root.store.getOptionManager().getOptions().collapse.radius}px ${this.root.store.getOptionManager().getOptions().collapse.radius}px 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 = qe, this.collapseButton.addEventListener("click", (i) => {
       i.stopPropagation(), this.root.store.getColumnManager().collapse();
-    }), this.line.appendChild(this.collapseButton), this.container.appendChild(this.line), this.addDragEvents();
+    }), this.line.appendChild(this.collapseButton)), this.container.appendChild(this.line), this.addDragEvents(), this.initEvents();
+  }
+  /**
+   * 初始化事件
+   */
+  initEvents() {
+    this.root.event.on(S.OPTIONS_UPDATE, () => {
+      this.updateOptions();
+    });
   }
   setOffset(t) {
     this.line.style.transform = `translateX(${t - 2}px)`, this.initialX = t, this.collapseButton && (this.root.store.getColumnManager().isCollapsed() ? this.collapseButton.querySelector("svg").style.transform = "rotate(180deg)" : this.collapseButton.querySelector("svg").style.transform = "rotate(0deg)");
@@ -6919,8 +6935,18 @@ class qe {
     };
     this.line.addEventListener("mousedown", n);
   }
+  /**
+   * 更新配置
+   */
+  updateOptions() {
+    this.line.style.setProperty(
+      "border-left-color",
+      this.root.store.getOptionManager().getOptions().border.color,
+      "important"
+    ), this.collapseButton && (this.collapseButton.style.backgroundColor = this.root.store.getOptionManager().getOptions().collapse.backgroundColor || "#fff", this.collapseButton.style.borderRadius = `0 ${this.root.store.getOptionManager().getOptions().collapse.radius}px ${this.root.store.getOptionManager().getOptions().collapse.radius}px 0`);
+  }
 }
-class Qe {
+class Ze {
   /**
    * @param container 指示线的容器元素
    */
@@ -6952,6 +6978,8 @@ class Qe {
       this.hide();
     }), this.context.event.on(S.MOVE_GUIDELINE, (t) => {
       this.setLeft(t);
+    }), this.context.event.on(S.OPTIONS_UPDATE, () => {
+      this.updateOptions();
     });
   }
   /**
@@ -6994,8 +7022,18 @@ class Qe {
   getLeft() {
     return this.element.offsetLeft;
   }
+  /**
+   * 更新参数
+   */
+  updateOptions() {
+    this.element.style.setProperty(
+      "border-left",
+      `1px dashed ${this.context.getOptions().border.color}`,
+      "important"
+    );
+  }
 }
-class Ze {
+class Je {
   constructor(t = 16) {
     h(this, "taskQueue", /* @__PURE__ */ new Map());
     // 使用 Map 避免同类型重复任务
@@ -7005,7 +7043,7 @@ class Ze {
     h(this, "delay");
     // 使用 debounce 来延迟执行，避免短时间内多次触发
     h(this, "debouncedFlush");
-    this.delay = t, this.debouncedFlush = Vt(() => {
+    this.delay = t, this.debouncedFlush = Kt(() => {
       this.flushTaskQueue();
     }, t);
   }
@@ -7015,7 +7053,7 @@ class Ze {
    * @param handler 处理器配置
    */
   registerHandler(t, e) {
-    this.taskHandlers.set(t, e), O.debug(`RenderScheduler: 注册任务处理器 ${t}`);
+    this.taskHandlers.set(t, e), L.debug(`RenderScheduler: 注册任务处理器 ${t}`);
   }
   /**
    * 注册任务处理器（简化版本，只传回调函数）
@@ -7035,7 +7073,7 @@ class Ze {
   scheduleTask(t, e = [], i = {}) {
     const s = this.taskHandlers.get(t);
     if (!s) {
-      O.warn(`RenderScheduler: 未找到任务类型 ${t} 的处理器`);
+      L.warn(`RenderScheduler: 未找到任务类型 ${t} 的处理器`);
       return;
     }
     const n = {
@@ -7046,10 +7084,10 @@ class Ze {
       immediate: i.immediate ?? s.immediate ?? !1
     };
     if (n.immediate) {
-      O.debug(`RenderScheduler: 立即执行任务 ${t}`), this.executeTask(n);
+      L.debug(`RenderScheduler: 立即执行任务 ${t}`), this.executeTask(n);
       return;
     }
-    this.taskQueue.set(t, n), O.debug(`RenderScheduler: 添加任务到队列 ${t}`), this.debouncedFlush();
+    this.taskQueue.set(t, n), L.debug(`RenderScheduler: 添加任务到队列 ${t}`), this.debouncedFlush();
   }
   /**
    * 立即执行指定类型的任务（跳过队列）
@@ -7060,10 +7098,10 @@ class Ze {
   immediateExecuteTask(t, e = [], i = !1) {
     const s = this.taskHandlers.get(t);
     if (!s) {
-      O.warn(`RenderScheduler: 未找到任务类型 ${t} 的处理器`);
+      L.warn(`RenderScheduler: 未找到任务类型 ${t} 的处理器`);
       return;
     }
-    O.debug(`RenderScheduler: 立即执行任务 ${t}`);
+    L.debug(`RenderScheduler: 立即执行任务 ${t}`);
     const n = {
       type: t,
       refresh: i,
@@ -7077,7 +7115,7 @@ class Ze {
    * 立即执行所有队列中的任务
    */
   immediateFlushAll() {
-    O.debug("RenderScheduler: 立即执行所有队列任务"), this.cancelScheduled(), this.flushTaskQueue();
+    L.debug("RenderScheduler: 立即执行所有队列任务"), this.cancelScheduled(), this.flushTaskQueue();
   }
   /**
    * 执行单个任务
@@ -7087,7 +7125,7 @@ class Ze {
     try {
       t.callback(...t.args || []);
     } catch (e) {
-      O.error(`RenderScheduler: 执行任务 ${t.type} 时出错:`, e);
+      L.error(`RenderScheduler: 执行任务 ${t.type} 时出错:`, e);
     }
   }
   /**
@@ -7096,7 +7134,7 @@ class Ze {
   flushTaskQueue() {
     if (this.taskQueue.size === 0)
       return;
-    O.debug(
+    L.debug(
       `RenderScheduler: 执行任务队列，任务数量: ${this.taskQueue.size}`
     );
     const t = Array.from(this.taskQueue.values()).sort((e, i) => e.immediate !== i.immediate ? e.immediate ? -1 : 1 : e.refresh !== i.refresh ? e.refresh ? -1 : 1 : 0);
@@ -7115,7 +7153,7 @@ class Ze {
    * @param taskType 任务类型
    */
   unregisterHandler(t) {
-    this.taskHandlers.delete(t), this.taskQueue.delete(t), O.debug(`RenderScheduler: 移除任务处理器 ${t}`);
+    this.taskHandlers.delete(t), this.taskQueue.delete(t), L.debug(`RenderScheduler: 移除任务处理器 ${t}`);
   }
   /**
    * 获取当前队列中的任务数量
@@ -7133,10 +7171,10 @@ class Ze {
    * 销毁调度器
    */
   destroy() {
-    this.cancelScheduled(), this.taskHandlers.clear(), O.debug("RenderScheduler: 已销毁");
+    this.cancelScheduled(), this.taskHandlers.clear(), L.debug("RenderScheduler: 已销毁");
   }
 }
-class Je {
+class ti {
   constructor(t, e) {
     h(this, "scrollbar");
     h(this, "rootElement");
@@ -7206,12 +7244,12 @@ class Je {
       this.table.updateWidth(), this.updateSize();
     });
     var i;
-    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 Qe(this.context, this.container), this.middleLine = new qe(this.context, this.rootElement), this.chartContainer = document.createElement("div"), this.chartContainer.className = "x-gantt-chart", this.rootElement.appendChild(this.chartContainer), this.table = new Ge(this.context, this.tableContainer), this.chart = new Ke(this.context, this.chartContainer), this.scrollbar = new Ae(
+    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 Ze(this.context, this.container), this.middleLine = new Qe(this.context, this.rootElement), this.chartContainer = document.createElement("div"), this.chartContainer.className = "x-gantt-chart", this.rootElement.appendChild(this.chartContainer), this.table = new We(this.context, this.tableContainer), this.chart = new je(this.context, this.chartContainer), this.scrollbar = new Ie(
       this.context,
       this.rootElement,
       this.context.store.getOptionManager().getOptions().scrollbar || {}
       // 传入配置项
-    ), this.renderScheduler = new Ze(16), this.setupTaskHandlers(), this.updateSize(), this.setupEventListeners(), (i = this.context.store.getOptionManager().getOptions().resize) != null && i.enabled && (typeof window.ResizeObserver > "u" ? O.warn(
+    ), this.renderScheduler = new Je(16), this.setupTaskHandlers(), this.updateSize(), this.setupEventListeners(), (i = this.context.store.getOptionManager().getOptions().resize) != null && i.enabled && (typeof window.ResizeObserver > "u" ? L.warn(
       "Current environment does not support ResizeObserver, please include a polyfill to enable auto-resize feature."
     ) : (this.resizeObserver = new ResizeObserver(() => {
       this.updateSize(), this.renderScheduler.scheduleTask("VIEW_UPDATE", [!1]);
@@ -7281,7 +7319,7 @@ class Je {
   performRender(t = !1, e = !1) {
     this.setStyleValue();
     const { x: i, y: s } = this.scrollbar.getScrollPosition(), n = this.context.store.getOptionManager().getOptions().row.height, o = this.context.store.getOptionManager().getOptions().header.height, r = Math.floor(s / n), a = Math.ceil((this.height - o) / n), c = 2, u = Math.max(0, r), d = a + c, l = this.context.store.getDataManager().getVisibleTasks().slice(u, u + d);
-    this.updateSize(), e ? (this.table.refresh(s, l), this.chart.refresh(i, s, l, !0)) : t ? (this.table.refresh(s, l), this.chart.refresh(i, s, l)) : (this.table.render(s, l), this.chart.render(i, s, l)), this.isInitialized && (this.context.event.emit(S.LOADED), this.isInitialized = !1), O.debug("execute render");
+    this.updateSize(), e ? (this.table.refresh(s, l), this.chart.refresh(i, s, l, !0)) : t ? (this.table.refresh(s, l), this.chart.refresh(i, s, l)) : (this.table.render(s, l), this.chart.render(i, s, l)), this.isInitialized && (this.context.event.emit(S.LOADED), this.isInitialized = !1), L.debug("execute render");
   }
   /**
    * 公共渲染方法，向后兼容
@@ -7302,16 +7340,16 @@ class Je {
     );
   }
   destroy() {
-    O.debug("Renderer destroy"), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = void 0), this.renderScheduler.destroy(), this.scrollbar.destroy(), this.context.event.offAll();
+    L.debug("Renderer destroy"), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = void 0), this.renderScheduler.destroy(), this.scrollbar.destroy(), this.context.event.offAll();
   }
 }
-class ti {
+class ei {
   constructor(t, e, i) {
     h(this, "_id", Q());
     h(this, "store");
-    h(this, "event", new qt());
+    h(this, "event", new Qt());
     h(this, "renderer");
-    this.container = t, this.events = e, this.container.innerHTML = "", this.store = new _e(this, i), this.renderer = new Je(this, this.container), this.render(), this.registerEvents(), O.debug(
+    this.container = t, this.events = e, this.container.innerHTML = "", this.store = new Ae(this, i), this.renderer = new ti(this, this.container), this.render(), this.registerEvents(), L.debug(
       "----Gantt initialized for element:",
       this._id,
       this.container
@@ -7336,10 +7374,10 @@ class ti {
     this.renderer.render();
   }
   updateOptions(t, e) {
-    this.setOptions(t, e), O.debug("GanttChart options updated"), this.render();
+    this.setOptions(t, e), L.debug("GanttChart options updated"), this.render();
   }
   destroy() {
-    O.debug("Gantt destroying..."), this.event.offAll(), this.renderer.destroy(), this.container.innerHTML = "";
+    L.debug("Gantt destroying..."), this.event.offAll(), this.renderer.destroy(), this.container.innerHTML = "";
   }
   /**
    * 跳转到指定日期。默认为今天
@@ -7347,7 +7385,7 @@ class ti {
    * @return {boolean} 是否成功跳转
    */
   jumpTo(t) {
-    const e = R(t);
+    const e = H(t);
     if (!this.store.getTimeAxis().isInTimeAxis(e)) return !1;
     const i = this.store.getTimeAxis().getTimeLeft(e) - 100;
     return this.renderer.getScrollbar().scrollTo({ x: Math.max(i, 0) }), !0;
@@ -7459,12 +7497,12 @@ class ti {
     });
   }
 }
-class oi {
+class ri {
   constructor(t, e) {
     h(this, "context");
     // 管理对外事件
     h(this, "events", /* @__PURE__ */ new Map());
-    e != null && e.logLevel && O.setOptions({
+    e != null && e.logLevel && L.setOptions({
       showTimestamp: e.logLevel === "debug",
       level: {
         debug: 1,
@@ -7476,8 +7514,8 @@ class oi {
     });
     const i = typeof t == "string" ? document.querySelector(t) : t;
     if (!i)
-      throw O.exception(`Container ${t} not found or invalid.`);
-    i.innerHTML = "", i.classList.add("x-gantt-container"), this.context = new ti(i, this.events, e);
+      throw L.exception(`Container ${t} not found or invalid.`);
+    i.innerHTML = "", i.classList.add("x-gantt-container"), this.context = new ei(i, this.events, e);
   }
   // *** Public API Methods ***/
   /**
@@ -7531,7 +7569,7 @@ class oi {
    * @description 此方法通常不需要主动调用，初始化以及 `update` 中都会自动更新。 如果你需要强制刷新页面，可以在合适的时候调用此方法
    */
   render() {
-    this.context.render(), O.info("Gantt rendered successfully.");
+    this.context.render(), L.info("Gantt rendered successfully.");
   }
   /**
    * 销毁甘特图实例，清理所有资源
@@ -7568,7 +7606,7 @@ class oi {
    * @warning 销毁后的实例不能再次使用，调用任何方法都可能导致错误
    */
   destroy() {
-    O.info("Gantt destroying..."), this.events.clear(), this.context.destroy(), O.info("Gantt destroyed successfully.");
+    L.info("Gantt destroying..."), this.events.clear(), this.context.destroy(), L.info("Gantt destroyed successfully.");
   }
   /**
    * 跳转到指定日期
@@ -7819,12 +7857,12 @@ class oi {
     return this.context.store.getDataManager().deleteTaskById(t);
   }
 }
-Kt();
-const ri = Mt;
+jt();
+const ai = Ot;
 export {
-  oi as XGantt,
+  ri as XGantt,
   B as colorjs,
-  li as dayjs,
+  ci as dayjs,
   Q as generateId,
-  ri as version
+  ai as version
 };