@oneflowui/ui 0.4.2 → 0.4.4

package/dist/components/table/TableToolbar.vue.d.ts

@@ -0,0 +1,118 @@
+import { Component } from 'vue';
+import { TableColumn } from '../../types';
+import { FilterCondition, FilterLogic } from '../../composables/useTableFilter';
+export interface ViewSwitcherTab {
+    value: string;
+    label: string;
+    icon?: string | Component;
+}
+type __VLS_Props = {
+    /** 当前视图模式 */
+    currentView?: string;
+    /** 视图标签配置 */
+    viewTabs?: ViewSwitcherTab[];
+    /** 列配置 */
+    columns: TableColumn[];
+    /** 筛选条件 */
+    filterConditions?: readonly FilterCondition[];
+    /** 筛选逻辑 */
+    filterLogic?: FilterLogic;
+    /** 筛选是否激活 */
+    filterActive?: boolean;
+    /** 当前排序 */
+    currentSort?: {
+        field: string | null;
+        order: "asc" | "desc" | null;
+    };
+    /** 当前分组字段 */
+    currentGroup?: string;
+    /** 搜索关键词 */
+    searchKeyword?: string;
+    /** 显示控制 */
+    showViewSwitch?: boolean;
+    showFilter?: boolean;
+    showSort?: boolean;
+    showGroup?: boolean;
+    showColumns?: boolean;
+    showSearch?: boolean;
+    /** 可用的保存视图列表 */
+    savedViews?: {
+        id: string;
+        name: string;
+    }[];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        filterBtnRef: HTMLDivElement;
+        sortBtnRef: HTMLDivElement;
+        groupBtnRef: HTMLDivElement;
+        columnBtnRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    sort: (field: string) => any;
+    group: (field: string | null) => any;
+    "update:columns": (columns: TableColumn[]) => any;
+    "update:currentView": (view: string) => any;
+    "update:searchKeyword": (keyword: string) => any;
+    "add-filter": () => any;
+    "remove-filter": (id: string) => any;
+    "update-filter": (id: string, update: Partial<FilterCondition>) => any;
+    "clear-filters": () => any;
+    "update:filterLogic": (logic: FilterLogic) => any;
+    "save-view": (name: string) => any;
+    "load-view": (viewId: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSort?: ((field: string) => any) | undefined;
+    onGroup?: ((field: string | null) => any) | undefined;
+    "onUpdate:columns"?: ((columns: TableColumn[]) => any) | undefined;
+    "onUpdate:currentView"?: ((view: string) => any) | undefined;
+    "onUpdate:searchKeyword"?: ((keyword: string) => any) | undefined;
+    "onAdd-filter"?: (() => any) | undefined;
+    "onRemove-filter"?: ((id: string) => any) | undefined;
+    "onUpdate-filter"?: ((id: string, update: Partial<FilterCondition>) => any) | undefined;
+    "onClear-filters"?: (() => any) | undefined;
+    "onUpdate:filterLogic"?: ((logic: FilterLogic) => any) | undefined;
+    "onSave-view"?: ((name: string) => any) | undefined;
+    "onLoad-view"?: ((viewId: string) => any) | undefined;
+}>, {
+    showFilter: boolean;
+    showGroup: boolean;
+    showSort: boolean;
+    showSearch: boolean;
+    currentView: string;
+    viewTabs: ViewSwitcherTab[];
+    filterConditions: readonly FilterCondition[];
+    filterLogic: FilterLogic;
+    filterActive: boolean;
+    currentSort: {
+        field: string | null;
+        order: "asc" | "desc" | null;
+    };
+    currentGroup: string;
+    searchKeyword: string;
+    showViewSwitch: boolean;
+    showColumns: boolean;
+    savedViews: {
+        id: string;
+        name: string;
+    }[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    filterBtnRef: HTMLDivElement;
+    sortBtnRef: HTMLDivElement;
+    groupBtnRef: HTMLDivElement;
+    columnBtnRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,273 @@
+import { defineComponent as Q, computed as T, ref as i, onMounted as W, onUnmounted as X, openBlock as o, createElementBlock as n, Fragment as V, renderList as L, normalizeClass as m, createBlock as C, resolveDynamicComponent as Y, unref as w, createCommentVNode as s, createElementVNode as a, toDisplayString as g, withModifiers as d, createVNode as b, Teleport as B, normalizeStyle as $, renderSlot as Z, nextTick as ee } from "vue";
+import { resolveIcon as te } from "../../utils/icon.js";
+import oe from "./TableFilterPanel.vue.js";
+import le from "./TableColumnManager.vue.js";
+import { ListFilter as ne, ArrowUpDown as re, Layers as se, Columns3 as ae, Search as ue } from "lucide-vue-next";
+const ie = { class: "of-table-toolbar" }, fe = {
+  key: 0,
+  class: "of-table-toolbar__views"
+}, de = ["onClick"], be = {
+  key: 1,
+  class: "of-table-toolbar__sep"
+}, ve = {
+  key: 0,
+  class: "of-table-toolbar__badge"
+}, ce = { class: "of-table-toolbar__simple-panel" }, ye = ["onClick"], me = {
+  key: 0,
+  class: "of-table-toolbar__sort-dir"
+}, we = { class: "of-table-toolbar__simple-panel" }, ke = ["onClick"], pe = {
+  key: 6,
+  class: "of-table-toolbar__search"
+}, Ce = ["value"], Ve = /* @__PURE__ */ Q({
+  __name: "TableToolbar",
+  props: {
+    currentView: { default: "table" },
+    viewTabs: { default: void 0 },
+    columns: {},
+    filterConditions: { default: void 0 },
+    filterLogic: { default: "and" },
+    filterActive: { type: Boolean, default: !1 },
+    currentSort: { default: void 0 },
+    currentGroup: { default: void 0 },
+    searchKeyword: { default: "" },
+    showViewSwitch: { type: Boolean, default: !0 },
+    showFilter: { type: Boolean, default: !0 },
+    showSort: { type: Boolean, default: !0 },
+    showGroup: { type: Boolean, default: !0 },
+    showColumns: { type: Boolean, default: !0 },
+    showSearch: { type: Boolean, default: !0 },
+    savedViews: { default: void 0 }
+  },
+  emits: ["update:currentView", "update:columns", "update:searchKeyword", "add-filter", "remove-filter", "update-filter", "clear-filters", "update:filterLogic", "sort", "group", "save-view", "load-view"],
+  setup(l, { emit: N }) {
+    const I = [
+      { value: "table", label: "表格", icon: "table-2" },
+      { value: "kanban", label: "看板", icon: "columns-3" },
+      { value: "timeline", label: "时间线", icon: "calendar" }
+    ], R = l, u = N, j = T(() => R.viewTabs ?? I), k = i(!1), v = i(!1), c = i(!1), p = i(!1), D = i(null), G = i(null), A = i(null), z = i(null), F = i({}), P = i({}), U = i({}), E = i({});
+    function q(r) {
+      if (!r) return {};
+      const e = r.getBoundingClientRect();
+      return {
+        top: `${e.bottom + 4}px`,
+        left: `${e.left}px`
+      };
+    }
+    function S(r) {
+      r !== "filter" && (k.value = !1), r !== "sort" && (v.value = !1), r !== "group" && (c.value = !1), r !== "column" && (p.value = !1);
+      const f = {
+        filter: { show: k, btnRef: D, style: F },
+        sort: { show: v, btnRef: G, style: P },
+        group: { show: c, btnRef: A, style: U },
+        column: { show: p, btnRef: z, style: E }
+      }[r];
+      f.show.value = !f.show.value, f.show.value && ee(() => {
+        f.style.value = q(f.btnRef.value);
+      });
+    }
+    function H() {
+      k.value = !1, v.value = !1, c.value = !1, p.value = !1;
+    }
+    function h(r) {
+      const e = r.target;
+      !e.closest(".of-table-toolbar__btn-group") && !e.closest(".of-table-toolbar__dropdown") && H();
+    }
+    W(() => document.addEventListener("click", h, !0)), X(() => document.removeEventListener("click", h, !0));
+    const J = T(() => R.columns.filter((r) => !r.hidden)), O = T(
+      () => R.columns.filter(
+        (r) => !r.hidden && (r.type === "status" || r.type === "string" || r.type === "priority")
+      )
+    );
+    return (r, e) => {
+      var f, x, K;
+      return o(), n("div", ie, [
+        l.showViewSwitch ? (o(), n("div", fe, [
+          (o(!0), n(V, null, L(j.value, (t) => (o(), n("button", {
+            key: t.value,
+            class: m(["of-table-toolbar__view-tab", { "of-table-toolbar__view-tab--active": l.currentView === t.value }]),
+            onClick: (y) => u("update:currentView", t.value)
+          }, [
+            t.icon ? (o(), C(Y(w(te)(t.icon)), {
+              key: 0,
+              class: "of-table-toolbar__tab-icon"
+            })) : s("", !0),
+            a("span", null, g(t.label), 1)
+          ], 10, de))), 128))
+        ])) : s("", !0),
+        l.showViewSwitch ? (o(), n("div", be)) : s("", !0),
+        l.showFilter ? (o(), n("div", {
+          key: 2,
+          ref_key: "filterBtnRef",
+          ref: D,
+          class: "of-table-toolbar__btn-group"
+        }, [
+          a("button", {
+            class: m(["of-table-toolbar__btn", { "of-table-toolbar__btn--active": l.filterActive }]),
+            onClick: e[0] || (e[0] = d((t) => S("filter"), ["stop"]))
+          }, [
+            b(w(ne), { size: 14 }),
+            e[19] || (e[19] = a("span", null, "筛选", -1)),
+            l.filterActive ? (o(), n("span", ve, g(((f = l.filterConditions) == null ? void 0 : f.length) ?? 0), 1)) : s("", !0)
+          ], 2),
+          (o(), C(B, { to: "body" }, [
+            k.value ? (o(), n("div", {
+              key: 0,
+              class: "of-table-toolbar__dropdown",
+              style: $(F.value),
+              onClick: e[7] || (e[7] = d(() => {
+              }, ["stop"]))
+            }, [
+              b(oe, {
+                conditions: l.filterConditions ?? [],
+                columns: l.columns,
+                logic: l.filterLogic ?? "and",
+                visible: !0,
+                onAddCondition: e[1] || (e[1] = (t) => u("add-filter")),
+                onRemoveCondition: e[2] || (e[2] = (t) => u("remove-filter", t)),
+                onUpdateCondition: e[3] || (e[3] = (t, y) => u("update-filter", t, y)),
+                onClear: e[4] || (e[4] = (t) => u("clear-filters")),
+                "onUpdate:logic": e[5] || (e[5] = (t) => u("update:filterLogic", t)),
+                onClose: e[6] || (e[6] = (t) => k.value = !1)
+              }, null, 8, ["conditions", "columns", "logic"])
+            ], 4)) : s("", !0)
+          ]))
+        ], 512)) : s("", !0),
+        l.showSort ? (o(), n("div", {
+          key: 3,
+          ref_key: "sortBtnRef",
+          ref: G,
+          class: "of-table-toolbar__btn-group"
+        }, [
+          a("button", {
+            class: m(["of-table-toolbar__btn", { "of-table-toolbar__btn--active": (x = l.currentSort) == null ? void 0 : x.field }]),
+            onClick: e[8] || (e[8] = d((t) => S("sort"), ["stop"]))
+          }, [
+            b(w(re), { size: 14 }),
+            e[20] || (e[20] = a("span", null, "排序", -1))
+          ], 2),
+          (o(), C(B, { to: "body" }, [
+            v.value ? (o(), n("div", {
+              key: 0,
+              class: "of-table-toolbar__dropdown",
+              style: $(P.value),
+              onClick: e[10] || (e[10] = d(() => {
+              }, ["stop"]))
+            }, [
+              a("div", ce, [
+                e[21] || (e[21] = a("div", { class: "of-table-toolbar__panel-title" }, "排序", -1)),
+                (o(!0), n(V, null, L(J.value, (t) => {
+                  var y, _, M;
+                  return o(), n("button", {
+                    key: t.key,
+                    class: m(["of-table-toolbar__sort-item", { active: ((y = l.currentSort) == null ? void 0 : y.field) === t.key }]),
+                    onClick: (ge) => {
+                      u("sort", t.key), v.value = !1;
+                    }
+                  }, [
+                    a("span", null, g(t.label), 1),
+                    ((_ = l.currentSort) == null ? void 0 : _.field) === t.key ? (o(), n("span", me, g(((M = l.currentSort) == null ? void 0 : M.order) === "asc" ? "↑" : "↓"), 1)) : s("", !0)
+                  ], 10, ye);
+                }), 128)),
+                (K = l.currentSort) != null && K.field ? (o(), n("button", {
+                  key: 0,
+                  class: "of-table-toolbar__clear-btn",
+                  onClick: e[9] || (e[9] = (t) => {
+                    u("sort", ""), v.value = !1;
+                  })
+                }, " 清除排序 ")) : s("", !0)
+              ])
+            ], 4)) : s("", !0)
+          ]))
+        ], 512)) : s("", !0),
+        l.showGroup ? (o(), n("div", {
+          key: 4,
+          ref_key: "groupBtnRef",
+          ref: A,
+          class: "of-table-toolbar__btn-group"
+        }, [
+          a("button", {
+            class: m(["of-table-toolbar__btn", { "of-table-toolbar__btn--active": !!l.currentGroup }]),
+            onClick: e[11] || (e[11] = d((t) => S("group"), ["stop"]))
+          }, [
+            b(w(se), { size: 14 }),
+            e[22] || (e[22] = a("span", null, "分组", -1))
+          ], 2),
+          (o(), C(B, { to: "body" }, [
+            c.value ? (o(), n("div", {
+              key: 0,
+              class: "of-table-toolbar__dropdown",
+              style: $(U.value),
+              onClick: e[13] || (e[13] = d(() => {
+              }, ["stop"]))
+            }, [
+              a("div", we, [
+                e[23] || (e[23] = a("div", { class: "of-table-toolbar__panel-title" }, "分组", -1)),
+                (o(!0), n(V, null, L(O.value, (t) => (o(), n("button", {
+                  key: t.key,
+                  class: m(["of-table-toolbar__sort-item", { active: l.currentGroup === t.key }]),
+                  onClick: (y) => {
+                    u("group", l.currentGroup === t.key ? null : t.key), c.value = !1;
+                  }
+                }, g(t.label), 11, ke))), 128)),
+                l.currentGroup ? (o(), n("button", {
+                  key: 0,
+                  class: "of-table-toolbar__clear-btn",
+                  onClick: e[12] || (e[12] = (t) => {
+                    u("group", null), c.value = !1;
+                  })
+                }, " 取消分组 ")) : s("", !0)
+              ])
+            ], 4)) : s("", !0)
+          ]))
+        ], 512)) : s("", !0),
+        l.showColumns ? (o(), n("div", {
+          key: 5,
+          ref_key: "columnBtnRef",
+          ref: z,
+          class: "of-table-toolbar__btn-group"
+        }, [
+          a("button", {
+            class: "of-table-toolbar__btn",
+            onClick: e[14] || (e[14] = d((t) => S("column"), ["stop"]))
+          }, [
+            b(w(ae), { size: 14 }),
+            e[24] || (e[24] = a("span", null, "列", -1))
+          ]),
+          (o(), C(B, { to: "body" }, [
+            p.value ? (o(), n("div", {
+              key: 0,
+              class: "of-table-toolbar__dropdown",
+              style: $(E.value),
+              onClick: e[17] || (e[17] = d(() => {
+              }, ["stop"]))
+            }, [
+              b(le, {
+                columns: l.columns,
+                visible: !0,
+                "onUpdate:columns": e[15] || (e[15] = (t) => u("update:columns", t)),
+                onClose: e[16] || (e[16] = (t) => p.value = !1)
+              }, null, 8, ["columns"])
+            ], 4)) : s("", !0)
+          ]))
+        ], 512)) : s("", !0),
+        e[25] || (e[25] = a("div", { class: "of-table-toolbar__spacer" }, null, -1)),
+        l.showSearch ? (o(), n("div", pe, [
+          b(w(ue), {
+            size: 14,
+            class: "of-table-toolbar__search-icon"
+          }),
+          a("input", {
+            class: "of-table-toolbar__search-input",
+            placeholder: "搜索...",
+            value: l.searchKeyword,
+            onInput: e[18] || (e[18] = (t) => u("update:searchKeyword", t.target.value))
+          }, null, 40, Ce)
+        ])) : s("", !0),
+        Z(r.$slots, "default", {}, void 0, !0)
+      ]);
+    };
+  }
+});
+export {
+  Ve as default
+};

package/dist/components/table/index.d.ts

@@ -7,3 +7,8 @@ export { default as TableColumnManager } from './TableColumnManager.vue';
 export { default as FieldCell } from './FieldCell.vue';
 export type { FieldDef, FieldType, FieldOption, CellValue } from './FieldCell.vue';
 export { default as TableGroupRow } from './TableGroupRow.vue';
+export { default as MobileListView } from './MobileListView.vue';
+export { default as DetailSheet } from './DetailSheet.vue';
+export { default as TableToolbar } from './TableToolbar.vue';
+export { default as FieldTypePicker } from './FieldTypePicker.vue';
+export { default as ColumnHeaderMenu } from './ColumnHeaderMenu.vue';

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
+};