@oneflowui/ui 0.4.2 → 0.4.3

package/dist/components/table/TableFilterPanel.vue2.js

@@ -0,0 +1,142 @@
+import { defineComponent as V, openBlock as o, createElementBlock as n, createElementVNode as i, createVNode as r, unref as c, Fragment as d, renderList as f, normalizeClass as _, toDisplayString as v, createTextVNode as $, createCommentVNode as p } from "vue";
+import { X as T, Trash2 as q, Plus as z } from "lucide-vue-next";
+const x = {
+  key: 0,
+  class: "of-filter-panel"
+}, B = { class: "of-filter-panel__header" }, I = {
+  key: 0,
+  class: "of-filter-panel__empty"
+}, O = {
+  key: 1,
+  class: "of-filter-panel__conditions"
+}, P = {
+  key: 0,
+  class: "of-filter-condition__logic-label"
+}, S = {
+  key: 1,
+  class: "of-filter-condition__logic-group"
+}, w = ["value", "onChange"], E = ["value"], F = ["value", "onChange"], D = ["value"], G = ["value", "onInput"], L = {
+  key: 3,
+  class: "of-filter-condition__no-value"
+}, R = ["onClick"], X = { class: "of-filter-panel__footer" }, H = /* @__PURE__ */ V({
+  __name: "TableFilterPanel",
+  props: {
+    columns: {},
+    conditions: {},
+    logic: {},
+    visible: { type: Boolean, default: !0 }
+  },
+  emits: ["add-condition", "remove-condition", "update-condition", "update:logic", "clear", "close"],
+  setup(s, { emit: b }) {
+    const m = s, a = b, y = [
+      { value: "contains", label: "包含" },
+      { value: "not_contains", label: "不包含" },
+      { value: "equals", label: "等于" },
+      { value: "not_equals", label: "不等于" },
+      { value: "starts_with", label: "开头是" },
+      { value: "ends_with", label: "结尾是" },
+      { value: "is_empty", label: "为空" },
+      { value: "is_not_empty", label: "不为空" }
+    ];
+    function g(u) {
+      var e;
+      return (e = m.columns.find((l) => l.key === u)) == null ? void 0 : e.type;
+    }
+    function k(u) {
+      return g(u) === "number" ? [
+        { value: "equals", label: "等于" },
+        { value: "not_equals", label: "不等于" },
+        { value: "gt", label: "大于" },
+        { value: "gte", label: "大于等于" },
+        { value: "lt", label: "小于" },
+        { value: "lte", label: "小于等于" },
+        { value: "is_empty", label: "为空" },
+        { value: "is_not_empty", label: "不为空" }
+      ] : y;
+    }
+    const C = ["is_empty", "is_not_empty"];
+    function h(u) {
+      return C.includes(u);
+    }
+    return (u, e) => s.visible ? (o(), n("div", x, [
+      i("div", B, [
+        e[5] || (e[5] = i("span", { class: "of-filter-panel__title" }, "筛选", -1)),
+        i("button", {
+          class: "of-filter-panel__close",
+          onClick: e[0] || (e[0] = (l) => a("close"))
+        }, [
+          r(c(T), { size: 14 })
+        ])
+      ]),
+      s.conditions.length === 0 ? (o(), n("div", I, " 暂无筛选条件，点击下方添加 ")) : (o(), n("div", O, [
+        (o(!0), n(d, null, f(s.conditions, (l, N) => (o(), n("div", {
+          key: l.id,
+          class: "of-filter-condition"
+        }, [
+          N === 0 ? (o(), n("span", P, "当")) : (o(), n("span", S, [
+            i("button", {
+              class: _(["of-filter-condition__logic-btn", { active: s.logic === "and" }]),
+              onClick: e[1] || (e[1] = (t) => a("update:logic", "and"))
+            }, " 且 ", 2),
+            i("button", {
+              class: _(["of-filter-condition__logic-btn", { active: s.logic === "or" }]),
+              onClick: e[2] || (e[2] = (t) => a("update:logic", "or"))
+            }, " 或 ", 2)
+          ])),
+          i("select", {
+            class: "of-filter-condition__select of-filter-condition__select--field",
+            value: l.field,
+            onChange: (t) => a("update-condition", l.id, { field: t.target.value })
+          }, [
+            (o(!0), n(d, null, f(s.columns, (t) => (o(), n("option", {
+              key: t.key,
+              value: t.key
+            }, v(t.label), 9, E))), 128))
+          ], 40, w),
+          i("select", {
+            class: "of-filter-condition__select",
+            value: l.operator,
+            onChange: (t) => a("update-condition", l.id, {
+              operator: t.target.value
+            })
+          }, [
+            (o(!0), n(d, null, f(k(l.field), (t) => (o(), n("option", {
+              key: t.value,
+              value: t.value
+            }, v(t.label), 9, D))), 128))
+          ], 40, F),
+          h(l.operator) ? (o(), n("span", L)) : (o(), n("input", {
+            key: 2,
+            class: "of-filter-condition__input",
+            value: l.value,
+            placeholder: "输入值...",
+            onInput: (t) => a("update-condition", l.id, { value: t.target.value })
+          }, null, 40, G)),
+          i("button", {
+            class: "of-filter-condition__remove",
+            onClick: (t) => a("remove-condition", l.id)
+          }, [
+            r(c(q), { size: 13 })
+          ], 8, R)
+        ]))), 128))
+      ])),
+      i("div", X, [
+        i("button", {
+          class: "of-filter-panel__add-btn",
+          onClick: e[3] || (e[3] = (l) => a("add-condition"))
+        }, [
+          r(c(z), { size: 13 }),
+          e[6] || (e[6] = $(" 添加条件 ", -1))
+        ]),
+        s.conditions.length ? (o(), n("button", {
+          key: 0,
+          class: "of-filter-panel__clear",
+          onClick: e[4] || (e[4] = (l) => a("clear"))
+        }, " 清除全部 ")) : p("", !0)
+      ])
+    ])) : p("", !0);
+  }
+});
+export {
+  H as default
+};

package/dist/components/table/TableGroupRow.vue.js

@@ -0,0 +1,7 @@
+import o from "./TableGroupRow.vue2.js";
+/* empty css                   */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3d4c6532"]]);
+export {
+  m as default
+};

package/dist/components/table/TableGroupRow.vue2.js

@@ -0,0 +1,48 @@
+import { defineComponent as m, computed as n, openBlock as o, createElementBlock as l, createCommentVNode as c, createElementVNode as u, normalizeClass as _, normalizeStyle as p, createTextVNode as f, toDisplayString as r } from "vue";
+import { resolveBadge as y } from "../../composables/useBadge.js";
+const v = {
+  key: 0,
+  class: "of-table-group-row__checkbox-spacer"
+}, w = {
+  key: 2,
+  class: "of-table-group-row__label"
+}, k = { class: "of-table-group-row__count" }, C = /* @__PURE__ */ m({
+  name: "TableGroupRow",
+  __name: "TableGroupRow",
+  props: {
+    groupKey: {},
+    count: {},
+    collapsed: { type: Boolean, default: !1 },
+    colorMap: {},
+    selectable: { type: Boolean, default: !0 }
+  },
+  emits: ["toggle"],
+  setup(t, { emit: d }) {
+    const a = t, g = d, e = n(() => a.colorMap ? y(a.groupKey, a.colorMap) : null), b = n(() => a.groupKey || "(空)");
+    return (i, s) => (o(), l("div", {
+      class: "of-table-group-row",
+      onClick: s[0] || (s[0] = (h) => g("toggle"))
+    }, [
+      t.selectable ? (o(), l("div", v)) : c("", !0),
+      u("span", {
+        class: _(["of-table-group-row__chevron", { "of-table-group-row__chevron--collapsed": t.collapsed }])
+      }, "▼", 2),
+      e.value ? (o(), l("span", {
+        key: 1,
+        class: "of-table-group-row__badge",
+        style: p(e.value.style)
+      }, [
+        e.value.dot ? (o(), l("span", {
+          key: 0,
+          class: "of-table-group-row__badge-dot",
+          style: p({ background: e.value.dot })
+        }, null, 4)) : c("", !0),
+        f(" " + r(e.value.label), 1)
+      ], 4)) : (o(), l("span", w, r(b.value), 1)),
+      u("span", k, "(" + r(t.count) + ")", 1)
+    ]));
+  }
+});
+export {
+  C as default
+};

package/dist/components/table/TableHeaderRow.vue.js

@@ -0,0 +1,7 @@
+import o from "./TableHeaderRow.vue2.js";
+/* empty css                    */
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-5f75e88a"]]);
+export {
+  f as default
+};

package/dist/components/table/TableHeaderRow.vue2.js

@@ -0,0 +1,69 @@
+import { defineComponent as u, openBlock as n, createElementBlock as a, createElementVNode as l, createCommentVNode as y, Fragment as k, renderList as b, normalizeStyle as v, normalizeClass as x, toDisplayString as C, createBlock as r, unref as i } from "vue";
+import { ChevronUp as S, ChevronDown as d } from "lucide-vue-next";
+const w = { class: "of-table-header" }, B = {
+  key: 0,
+  class: "of-th of-th-checkbox"
+}, g = ["checked", "indeterminate"], z = ["aria-sort", "onClick"], K = { class: "of-th-label" }, $ = { class: "of-th-sort-icon" }, N = /* @__PURE__ */ u({
+  __name: "TableHeaderRow",
+  props: {
+    columns: {},
+    selectable: { type: Boolean, default: !0 },
+    sortKey: { default: "" },
+    sortOrder: { default: "asc" },
+    allSelected: { type: Boolean, default: !1 },
+    indeterminate: { type: Boolean, default: !1 }
+  },
+  emits: ["sort", "select-all"],
+  setup(e, { emit: f }) {
+    const c = f;
+    function h(o) {
+      if (o.width === "fill") {
+        const s = `${o.minWidth ?? 220}px`;
+        return { flex: `1 1 ${s}`, minWidth: s };
+      }
+      return { width: `${o.width}px`, flexShrink: "0", flexGrow: "0" };
+    }
+    function m(o) {
+      c("sort", o);
+    }
+    return (o, s) => (n(), a("div", w, [
+      e.selectable ? (n(), a("div", B, [
+        l("input", {
+          type: "checkbox",
+          class: "of-checkbox",
+          checked: e.allSelected,
+          indeterminate: e.indeterminate,
+          onChange: s[0] || (s[0] = (t) => c("select-all"))
+        }, null, 40, g)
+      ])) : y("", !0),
+      (n(!0), a(k, null, b(e.columns, (t) => (n(), a("div", {
+        key: t.key,
+        role: "columnheader",
+        class: x(["of-th", { "of-th--sortable": !0, "of-th--active": e.sortKey === t.key }]),
+        style: v(h(t)),
+        "aria-sort": e.sortKey === t.key ? e.sortOrder === "asc" ? "ascending" : "descending" : "none",
+        onClick: (O) => m(t.key)
+      }, [
+        l("span", K, C(t.label), 1),
+        l("span", $, [
+          e.sortKey === t.key && e.sortOrder === "asc" ? (n(), r(i(S), {
+            key: 0,
+            size: 12,
+            class: "of-sort-icon-active"
+          })) : e.sortKey === t.key && e.sortOrder === "desc" ? (n(), r(i(d), {
+            key: 1,
+            size: 12,
+            class: "of-sort-icon-active"
+          })) : (n(), r(i(d), {
+            key: 2,
+            size: 12,
+            class: "of-sort-icon-idle"
+          }))
+        ])
+      ], 14, z))), 128))
+    ]));
+  }
+});
+export {
+  N as default
+};

package/dist/components/tabs/TabPanel.vue.js

@@ -0,0 +1,7 @@
+import o from "./TabPanel.vue2.js";
+/* empty css              */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5e40c39f"]]);
+export {
+  f as default
+};

package/dist/components/tabs/TabPanel.vue2.js

@@ -0,0 +1,26 @@
+import { defineComponent as o, inject as i, computed as d, withDirectives as c, openBlock as r, createElementBlock as u, renderSlot as v, vShow as m, createCommentVNode as s } from "vue";
+const f = ["id", "aria-labelledby", "hidden"], k = /* @__PURE__ */ o({
+  __name: "TabPanel",
+  props: {
+    name: {},
+    keepAlive: { type: Boolean }
+  },
+  setup(e) {
+    const l = e, t = i("of-tabs-active"), a = d(() => (t == null ? void 0 : t.value) === l.name);
+    return (n, b) => e.keepAlive || a.value ? c((r(), u("div", {
+      key: 0,
+      class: "of-tab-panel",
+      role: "tabpanel",
+      id: `of-panel-${e.name}`,
+      "aria-labelledby": `of-tab-${e.name}`,
+      hidden: e.keepAlive && !a.value ? !0 : void 0
+    }, [
+      v(n.$slots, "default", {}, void 0, !0)
+    ], 8, f)), [
+      [m, e.keepAlive ? a.value : !0]
+    ]) : s("", !0);
+  }
+});
+export {
+  k as default
+};

package/dist/components/tabs/Tabs.vue.js

@@ -0,0 +1,7 @@
+import o from "./Tabs.vue2.js";
+/* empty css          */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dd5210e5"]]);
+export {
+  p as default
+};

package/dist/components/tabs/Tabs.vue2.js

@@ -0,0 +1,87 @@
+import { defineComponent as h, ref as V, computed as w, provide as y, openBlock as l, createElementBlock as r, normalizeClass as m, createElementVNode as c, Fragment as D, renderList as x, createBlock as C, resolveDynamicComponent as $, unref as A, createCommentVNode as _, toDisplayString as v, renderSlot as T } from "vue";
+import { resolveIcon as z } from "../../utils/icon.js";
+const B = {
+  class: "of-tabs__nav",
+  role: "tablist",
+  "aria-label": "tabs"
+}, E = ["disabled", "id", "aria-selected", "aria-controls", "aria-disabled", "tabindex", "onClick", "onKeydown"], I = { class: "of-tabs__tab-label" }, K = {
+  key: 1,
+  class: "of-tabs__badge"
+}, L = { class: "of-tabs__content" }, F = /* @__PURE__ */ h({
+  __name: "Tabs",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    variant: {},
+    size: {},
+    tabs: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(i, { emit: p }) {
+    var b;
+    const d = i, f = p, u = V(d.defaultValue || ((b = d.tabs[0]) == null ? void 0 : b.key) || ""), o = w({
+      get: () => d.modelValue ?? u.value,
+      set: (t) => {
+        u.value = t, f("update:modelValue", t), f("change", t);
+      }
+    });
+    function s(t) {
+      o.value = t;
+    }
+    function g(t, k) {
+      const e = d.tabs.filter((a) => !a.disabled), n = e.findIndex((a) => a.key === k);
+      if (t.key === "ArrowRight" || t.key === "ArrowDown") {
+        t.preventDefault();
+        const a = e[(n + 1) % e.length];
+        a && s(a.key);
+      } else if (t.key === "ArrowLeft" || t.key === "ArrowUp") {
+        t.preventDefault();
+        const a = e[(n - 1 + e.length) % e.length];
+        a && s(a.key);
+      } else if (t.key === "Home") {
+        t.preventDefault();
+        const a = e[0];
+        a && s(a.key);
+      } else if (t.key === "End") {
+        t.preventDefault();
+        const a = e[e.length - 1];
+        a && s(a.key);
+      }
+    }
+    return y("of-tabs-active", o), y("of-tabs-set", s), (t, k) => (l(), r("div", {
+      class: m(["of-tabs", [`of-tabs--${i.variant || "line"}`, `of-tabs--${i.size || "md"}`]])
+    }, [
+      c("div", B, [
+        (l(!0), r(D, null, x(i.tabs, (e) => (l(), r("button", {
+          key: e.key,
+          class: m(["of-tabs__tab", {
+            "of-tabs__tab--active": o.value === e.key,
+            "of-tabs__tab--disabled": e.disabled
+          }]),
+          disabled: e.disabled,
+          role: "tab",
+          id: `of-tab-${e.key}`,
+          "aria-selected": o.value === e.key,
+          "aria-controls": `of-panel-${e.key}`,
+          "aria-disabled": e.disabled,
+          tabindex: o.value === e.key ? 0 : -1,
+          onClick: (n) => !e.disabled && s(e.key),
+          onKeydown: (n) => g(n, e.key)
+        }, [
+          e.icon ? (l(), C($(A(z)(e.icon)), {
+            key: 0,
+            class: "of-tabs__tab-icon"
+          })) : _("", !0),
+          c("span", I, v(e.label), 1),
+          e.badge != null ? (l(), r("span", K, v(e.badge), 1)) : _("", !0)
+        ], 42, E))), 128))
+      ]),
+      c("div", L, [
+        T(t.$slots, "default", {}, void 0, !0)
+      ])
+    ], 2));
+  }
+});
+export {
+  F as default
+};

package/dist/components/timeline/ActivityTimeline.vue.js

@@ -0,0 +1,7 @@
+import t from "./ActivityTimeline.vue2.js";
+/* empty css                      */
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-a9a57957"]]);
+export {
+  r as default
+};

package/dist/components/timeline/ActivityTimeline.vue2.js

@@ -0,0 +1,104 @@
+import { defineComponent as k, computed as g, openBlock as s, createElementBlock as o, Fragment as f, renderList as m, createElementVNode as e, createCommentVNode as n, normalizeStyle as u, renderSlot as h, toDisplayString as a } from "vue";
+const b = ["aria-busy"], C = {
+  key: 0,
+  class: "of-activity-timeline__skeleton",
+  "aria-hidden": "true"
+}, N = { class: "of-activity-timeline__rail" }, $ = {
+  key: 0,
+  class: "of-activity-timeline__line"
+}, B = { class: "of-activity-timeline__rail" }, S = {
+  key: 0,
+  class: "of-activity-timeline__line"
+}, V = { class: "of-activity-timeline__content" }, w = { class: "of-activity-timeline__header" }, z = { class: "of-activity-timeline__action" }, D = {
+  key: 0,
+  class: "of-activity-timeline__actor"
+}, E = {
+  key: 0,
+  class: "of-activity-timeline__detail"
+}, M = {
+  key: 1,
+  class: "of-activity-timeline__progress"
+}, A = { class: "of-activity-timeline__progress-track" }, F = { class: "of-activity-timeline__progress-value" }, I = {
+  key: 2,
+  class: "of-activity-timeline__time"
+}, P = /* @__PURE__ */ k({
+  __name: "ActivityTimeline",
+  props: {
+    items: {},
+    loading: { type: Boolean, default: !1 }
+  },
+  setup(r) {
+    const p = r, d = [0, 1, 2], v = g(
+      () => p.items.map((i) => ({
+        ...i,
+        status: i.status ?? "default"
+      }))
+    );
+    function y(i) {
+      return i === "done" ? "var(--of-color-success)" : i === "start" ? "var(--of-color-warning)" : "var(--of-color-info)";
+    }
+    function _(i) {
+      return typeof i != "number" || Number.isNaN(i) ? null : Math.min(100, Math.max(0, i));
+    }
+    return (i, l) => (s(), o("div", {
+      class: "of-activity-timeline",
+      "aria-busy": r.loading
+    }, [
+      r.loading ? (s(), o("div", C, [
+        (s(), o(f, null, m(d, (t) => e("div", {
+          key: t,
+          class: "of-activity-timeline__item of-activity-timeline__item--skeleton"
+        }, [
+          e("div", N, [
+            l[0] || (l[0] = e("span", { class: "of-activity-timeline__dot of-activity-timeline__dot--skeleton" }, null, -1)),
+            t < d.length - 1 ? (s(), o("span", $)) : n("", !0)
+          ]),
+          l[1] || (l[1] = e("div", { class: "of-activity-timeline__content" }, [
+            e("span", { class: "of-activity-timeline__skeleton-bar of-activity-timeline__skeleton-bar--lg" }),
+            e("span", { class: "of-activity-timeline__skeleton-bar of-activity-timeline__skeleton-bar--md" }),
+            e("span", { class: "of-activity-timeline__skeleton-bar of-activity-timeline__skeleton-bar--sm" })
+          ], -1))
+        ])), 64))
+      ])) : (s(!0), o(f, { key: 1 }, m(v.value, (t, c) => (s(), o("div", {
+        key: `${t.action}-${t.time ?? c}-${c}`,
+        class: "of-activity-timeline__item"
+      }, [
+        e("div", B, [
+          e("span", {
+            class: "of-activity-timeline__dot",
+            style: u({ backgroundColor: y(t.status) })
+          }, null, 4),
+          c < v.value.length - 1 ? (s(), o("span", S)) : n("", !0)
+        ]),
+        e("div", V, [
+          h(i.$slots, "item", {
+            item: t,
+            index: c
+          }, () => [
+            e("div", w, [
+              e("span", z, a(t.action), 1),
+              t.actor ? (s(), o("span", D, a(t.actor), 1)) : n("", !0)
+            ]),
+            t.detail ? (s(), o("p", E, a(t.detail), 1)) : n("", !0),
+            _(t.progress) !== null ? (s(), o("div", M, [
+              e("div", A, [
+                e("div", {
+                  class: "of-activity-timeline__progress-fill",
+                  style: u({
+                    width: `${_(t.progress)}%`,
+                    backgroundColor: y(t.status)
+                  })
+                }, null, 4)
+              ]),
+              e("span", F, a(_(t.progress)) + "% ", 1)
+            ])) : n("", !0),
+            t.time ? (s(), o("p", I, a(t.time), 1)) : n("", !0)
+          ], !0)
+        ])
+      ]))), 128))
+    ], 8, b));
+  }
+});
+export {
+  P as default
+};

package/dist/components/timeline/GanttRow.vue.js

@@ -0,0 +1,7 @@
+import o from "./GanttRow.vue2.js";
+/* empty css              */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-51311e43"]]);
+export {
+  p as default
+};

package/dist/components/timeline/GanttRow.vue2.js

@@ -0,0 +1,110 @@
+import { defineComponent as W, ref as _, computed as r, openBlock as B, createElementBlock as T, createElementVNode as n, normalizeStyle as d, toDisplayString as y, normalizeClass as A } from "vue";
+import { resolveBadge as h, mergeColorMap as M, DEFAULT_PRIORITY_MAP as z, DEFAULT_STATUS_MAP as R } from "../../composables/useBadge.js";
+const U = { class: "gantt-row__label" }, X = { class: "gantt-row__title" }, F = { class: "gantt-row__bar-label" }, G = /* @__PURE__ */ W({
+  __name: "GanttRow",
+  props: {
+    item: {},
+    dayWidth: {},
+    offsetDays: {},
+    durationDays: {},
+    totalDays: {},
+    readonly: { type: Boolean, default: !1 },
+    priorityColorMap: {},
+    statusColorMap: {}
+  },
+  emits: ["click", "change"],
+  setup(s, { emit: b }) {
+    const t = s, u = b, l = _(!1), i = _(null);
+    let g = 0, D = 0, c = 0;
+    const C = r(() => t.totalDays * t.dayWidth), S = r(() => t.offsetDays * t.dayWidth), k = r(() => Math.max(t.durationDays, 1) * t.dayWidth), m = r(
+      () => h(
+        t.item.priority || "",
+        M(z, t.priorityColorMap)
+      )
+    ), f = r(() => t.item.barColor ? { background: t.item.barColor, color: "var(--of-color-gray-800)" } : {
+      background: m.value.style.background,
+      color: m.value.style.color
+    }), x = r(() => m.value.style), $ = r(() => {
+      const e = h(
+        t.item.status || "",
+        M(R, t.statusColorMap)
+      );
+      return e.dot ?? e.style.color;
+    }), E = r(() => {
+      const e = (a) => {
+        const o = /* @__PURE__ */ new Date(`${a}T00:00:00`);
+        return `${String(o.getMonth() + 1).padStart(2, "0")}/${String(o.getDate()).padStart(2, "0")}`;
+      };
+      return `${e(t.item.startDate)} - ${e(t.item.endDate)}`;
+    });
+    function v(e, a) {
+      t.readonly || (e.preventDefault(), e.stopPropagation(), l.value = !0, i.value = a, g = e.clientX, D = t.offsetDays, c = t.durationDays, window.addEventListener("mousemove", p), window.addEventListener("mouseup", w));
+    }
+    function p(e) {
+      if (!l.value || !i.value) return;
+      const a = Math.round((e.clientX - g) / t.dayWidth);
+      if (i.value === "move") {
+        const P = Math.max(0, Math.min(D + a, t.totalDays - 1));
+        u("change", {
+          id: t.item.id,
+          offsetDays: P,
+          durationDays: c,
+          startDate: t.item.startDate,
+          endDate: t.item.endDate
+        });
+        return;
+      }
+      const o = Math.max(1, c + a), L = Math.max(1, t.totalDays - t.offsetDays);
+      u("change", {
+        id: t.item.id,
+        offsetDays: t.offsetDays,
+        durationDays: Math.min(o, L),
+        startDate: t.item.startDate,
+        endDate: t.item.endDate
+      });
+    }
+    function w() {
+      l.value = !1, i.value = null, window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", w);
+    }
+    return (e, a) => (B(), T("div", {
+      class: "gantt-row",
+      onClick: a[2] || (a[2] = (o) => u("click", s.item))
+    }, [
+      n("div", U, [
+        n("span", {
+          class: "gantt-row__dot",
+          style: d({ backgroundColor: $.value })
+        }, null, 4),
+        n("span", X, y(s.item.title), 1),
+        n("span", {
+          class: "gantt-row__priority",
+          style: d(x.value)
+        }, y(s.item.priority), 5)
+      ]),
+      n("div", {
+        class: "gantt-row__chart",
+        style: d({ width: `${C.value}px` })
+      }, [
+        n("div", {
+          class: A(["gantt-row__bar", { "gantt-row__bar--dragging": l.value }]),
+          style: d({
+            left: `${S.value}px`,
+            width: `${k.value}px`,
+            backgroundColor: f.value.background,
+            color: f.value.color
+          }),
+          onMousedown: a[1] || (a[1] = (o) => v(o, "move"))
+        }, [
+          n("span", F, y(E.value), 1),
+          n("span", {
+            class: "gantt-row__handle",
+            onMousedown: a[0] || (a[0] = (o) => v(o, "resize-end"))
+          }, null, 32)
+        ], 38)
+      ], 4)
+    ]));
+  }
+});
+export {
+  G as default
+};

package/dist/components/timeline/GanttTimeline.vue.js

@@ -0,0 +1,7 @@
+import t from "./GanttTimeline.vue2.js";
+/* empty css                   */
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-4c4406f6"]]);
+export {
+  e as default
+};