@oneflowui/ui 0.8.3 → 0.8.5

package/dist/components/database/DatabaseView.vue.js

@@ -1,7 +1,7 @@
-import o from "./DatabaseView.vue2.js";
+import a from "./DatabaseView.vue2.js";
 /* empty css                  */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-99f1250c"]]);
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(a, [["__scopeId", "data-v-163a8b49"]]);
 export {
-  f as default
+  m as default
 };

package/dist/components/database/DatabaseView.vue2.js

@@ -1,15 +1,15 @@
-import { defineComponent as Ze, computed as o, ref as O, watch as m, toRef as T, openBlock as B, createBlock as K, mergeProps as xe, unref as n, withCtx as G, createCommentVNode as Q, createVNode as _e } from "vue";
-import { Database as et, AlertCircle as tt } from "lucide-vue-next";
-import it from "./DatabaseViewDetailHost.vue.js";
-import at from "./DatabaseViewContent.vue.js";
-import ot from "./DatabaseViewShell.vue.js";
-import lt from "./DatabaseViewToolbar.vue.js";
-import { useDatabaseView as dt } from "../../composables/useDatabaseView.js";
-import { readWorkspacePreferences as rt, DATABASE_DETAIL_VIEW_ID as h } from "../../composables/useDatabaseWorkspace.js";
-import { useDatabaseDetailWorkspace as nt } from "../../composables/useDatabaseDetailWorkspace.js";
-import { buildGanttItems as st } from "../../types/index.js";
-import { cloneView as X, buildFallbackView as ct, buildVirtualDetailView as ut, convertViewFiltersToToolbarFilters as wt, buildDatabaseViewTabs as ft, buildTableColumns as vt, getVisibleFieldIds as ht, buildRenderedRecords as mt, buildEmptyFilter as pt, convertToolbarFiltersToViewFilters as bt } from "./databaseViewUtils.js";
-const yt = "正在加载数据视图", It = "请稍候，页面级编排器正在准备当前视图。", St = "数据视图加载失败", Vt = "暂无记录", Pt = /* @__PURE__ */ Ze({
+import { defineComponent as xe, computed as o, ref as Q, watch as m, toRef as T, openBlock as B, createBlock as K, mergeProps as _e, unref as n, withCtx as G, createCommentVNode as X, createVNode as et } from "vue";
+import { Database as tt, AlertCircle as it } from "lucide-vue-next";
+import at from "./DatabaseViewDetailHost.vue.js";
+import ot from "./DatabaseViewContent.vue.js";
+import lt from "./DatabaseViewShell.vue.js";
+import dt from "./DatabaseViewToolbar.vue.js";
+import { useDatabaseView as rt } from "../../composables/useDatabaseView.js";
+import { readWorkspacePreferences as nt, DATABASE_DETAIL_VIEW_ID as h } from "../../composables/useDatabaseWorkspace.js";
+import { useDatabaseDetailWorkspace as st } from "../../composables/useDatabaseDetailWorkspace.js";
+import { buildGanttItems as ct } from "../../types/index.js";
+import { cloneView as Y, buildFallbackView as ut, buildVirtualDetailView as wt, convertViewFiltersToToolbarFilters as ft, buildDatabaseViewTabs as vt, buildTableColumns as ht, getVisibleFieldIds as mt, buildRenderedRecords as pt, buildEmptyFilter as bt, convertToolbarFiltersToViewFilters as yt } from "./databaseViewUtils.js";
+const It = "正在加载数据视图", St = "请稍候，页面级编排器正在准备当前视图。", Vt = "数据视图加载失败", gt = "暂无记录", Et = /* @__PURE__ */ xe({
   name: "DatabaseView",
   inheritAttrs: !1,
   __name: "DatabaseView",
@@ -45,17 +45,17 @@ const yt = "正在加载数据视图", It = "请稍候，页面级编排器正
     autoLoad: { type: Boolean, default: !0 }
   },
   emits: ["update:currentViewId", "update:selectedRecordId", "update:searchKeyword", "update:columns", "update:filterLogic", "update:records", "cell-edit", "select-record", "schema-add-field", "schema-rename-field", "schema-change-field-type", "schema-hide-field", "schema-delete-field", "schema-duplicate-field", "row-click", "card-click", "add", "add-column", "record-change", "load-view", "save-view", "sort", "group", "refresh"],
-  setup(V, { emit: Y }) {
-    var q, J;
-    const i = V, d = Y, b = rt(i.tableId), $ = o(() => i.schema ?? null), Z = o(() => i.records ?? []), N = o(() => {
+  setup(V, { emit: Z }) {
+    var q, J, O;
+    const i = V, d = Z, b = nt(i.tableId), $ = o(() => i.schema ?? null), x = o(() => i.records ?? []), N = o(() => {
       var r, s;
-      const e = (i.views ?? []).map((f) => X(f)), t = e.some((f) => f.viewType === "table") || (((r = i.schema) == null ? void 0 : r.views) ?? []).some((f) => f.viewType === "table"), a = e.some((f) => f.viewType === "detail") || (((s = i.schema) == null ? void 0 : s.views) ?? []).some((f) => f.viewType === "detail");
-      return t || e.unshift(ct(i.schema, i.records ?? [])), a || e.push(ut(h, i.schema, i.records ?? [])), e;
-    }), l = dt({
+      const e = (i.views ?? []).map((f) => Y(f)), t = e.some((f) => f.viewType === "table") || (((r = i.schema) == null ? void 0 : r.views) ?? []).some((f) => f.viewType === "table"), a = e.some((f) => f.viewType === "detail") || (((s = i.schema) == null ? void 0 : s.views) ?? []).some((f) => f.viewType === "detail");
+      return t || e.unshift(ut(i.schema, i.records ?? [])), a || e.push(wt(h, i.schema, i.records ?? [])), e;
+    }), l = rt({
       tableId: i.tableId,
       mode: i.mode,
       schema: $,
-      records: Z,
+      records: x,
       views: N,
       provider: i.provider,
       defaultView: i.defaultView,
@@ -64,6 +64,7 @@ const yt = "正在加载数据视图", It = "请稍候，页面级编排器正
       pageSize: i.pageSize,
       autoLoad: i.autoLoad,
       actions: {
+        middleware: (O = i.actions) == null ? void 0 : O.middleware,
         onCellEdit: async (e) => {
           var t, a;
           d("cell-edit", e), await ((a = (t = i.actions) == null ? void 0 : t.onCellEdit) == null ? void 0 : a.call(t, e));
@@ -105,21 +106,21 @@ const yt = "正在加载数据视图", It = "请稍候，页面级编排器正
           d("refresh"), await ((t = (e = i.actions) == null ? void 0 : e.onRefresh) == null ? void 0 : t.call(e));
         }
       }
-    }), v = o(() => l.activeView.value), g = o(() => l.activeViewId.value), D = o(() => l.selectedRecord.value), x = o(() => l.selectedRecordId.value), R = o(() => l.schema.value ?? $.value), y = o(() => [...l.records.value]), w = o(() => v.value.viewType || "table"), F = O("and"), c = O([]);
+    }), v = o(() => l.activeView.value), g = o(() => l.activeViewId.value), D = o(() => l.selectedRecord.value), _ = o(() => l.selectedRecordId.value), R = o(() => l.schema.value ?? $.value), y = o(() => [...l.records.value]), w = o(() => v.value.viewType || "table"), F = Q("and"), c = Q([]);
     m(
       v,
       (e) => {
-        c.value = wt(e.filters ?? []);
+        c.value = ft(e.filters ?? []);
       },
       { immediate: !0 }
     );
     const W = o(
-      () => ft({
+      () => vt({
         providedTabs: i.viewTabs,
         viewList: l.viewList.value,
         detailViewId: h
       })
-    ), u = nt({
+    ), u = st({
       tableId: T(i, "tableId"),
       activeViewId: g,
       currentViewId: T(i, "currentViewId"),
@@ -151,19 +152,19 @@ const yt = "正在加载数据视图", It = "请稍候，页面级编排器正
       }
     }), {
       searchKeyword: I,
-      sidePanelWidth: _,
-      drawerWidth: ee,
-      detailWorkspaceRow: te,
-      detailWorkspaceTitle: ie,
-      detailWorkspaceDescription: ae,
-      detailPropertyItems: oe,
-      hasDetailDraftChanges: le,
+      sidePanelWidth: ee,
+      drawerWidth: te,
+      detailWorkspaceRow: ie,
+      detailWorkspaceTitle: ae,
+      detailWorkspaceDescription: oe,
+      detailPropertyItems: le,
+      hasDetailDraftChanges: de,
       showDetailWorkspace: A,
-      resolvedDetailPresentation: de,
-      workspaceModes: re,
-      canSwitchDetailPresentation: ne,
-      detailEmptyAction: se,
-      setPreferredDetailPresentation: ce,
+      resolvedDetailPresentation: re,
+      workspaceModes: ne,
+      canSwitchDetailPresentation: se,
+      detailEmptyAction: ce,
+      setPreferredDetailPresentation: ue,
       activateDetailWorkspace: S
     } = u;
     m(
@@ -198,94 +199,94 @@ const yt = "正在加载数据视图", It = "请稍候，页面级编排器正
         var a, r;
         d("update:currentViewId", e), e === h && S(), t !== void 0 && e !== t && ((r = (a = i.actions) == null ? void 0 : a.onViewChange) == null || r.call(a, {
           tableId: i.tableId,
-          view: X(v.value)
+          view: Y(v.value)
         }));
       },
       { immediate: !0 }
     ), m(
-      x,
+      _,
       (e, t) => {
         d("update:selectedRecordId", e), t !== void 0 && e !== t && d("select-record", D.value ?? null);
       },
       { immediate: !0 }
     );
-    const ue = o(
+    const we = o(
       () => l.viewList.value.map((e) => ({
         id: e.id,
         name: e.name
       }))
-    ), U = o(() => vt(v.value, R.value, y.value)), we = o(() => ht(R.value, y.value)), fe = o(() => w.value === "detail" ? "请选择一条记录，详情工作区会在这里打开。" : w.value === "timeline" ? "当前时间线没有可渲染的起止日期。" : "当前视图没有匹配的数据，或者被筛选条件过滤为空。"), z = o(() => {
+    ), U = o(() => ht(v.value, R.value, y.value)), fe = o(() => mt(R.value, y.value)), ve = o(() => w.value === "detail" ? "请选择一条记录，详情工作区会在这里打开。" : w.value === "timeline" ? "当前时间线没有可渲染的起止日期。" : "当前视图没有匹配的数据，或者被筛选条件过滤为空。"), z = o(() => {
       var t;
       const e = (t = v.value.sorts) == null ? void 0 : t[0];
       return {
         field: (e == null ? void 0 : e.fieldId) ?? null,
         order: (e == null ? void 0 : e.direction) ?? null
       };
-    }), ve = o(() => {
+    }), he = o(() => {
       var e, t;
       return ((t = (e = v.value.groups) == null ? void 0 : e[0]) == null ? void 0 : t.fieldId) ?? void 0;
-    }), L = o(() => c.value), he = o(() => L.value.length > 0), me = o(() => i.showToolbar !== !1), pe = o(() => i.showViewSwitch !== !1 && W.value.length > 1), be = o(() => i.showFilter !== !1), ye = o(() => i.showSort !== !1), Ie = o(() => i.showGroup !== !1), Se = o(() => i.showColumns !== !1), Ve = o(() => i.showSearch !== !1), ge = o(() => i.loading ?? l.loading.value), C = o(() => i.error ?? l.error.value), P = o(
-      () => mt({
+    }), L = o(() => c.value), me = o(() => L.value.length > 0), pe = o(() => i.showToolbar !== !1), be = o(() => i.showViewSwitch !== !1 && W.value.length > 1), ye = o(() => i.showFilter !== !1), Ie = o(() => i.showSort !== !1), Se = o(() => i.showGroup !== !1), Ve = o(() => i.showColumns !== !1), ge = o(() => i.showSearch !== !1), Re = o(() => i.loading ?? l.loading.value), C = o(() => i.error ?? l.error.value), P = o(
+      () => pt({
         records: y.value,
         searchKeyword: I.value,
-        visibleFieldIds: we.value,
+        visibleFieldIds: fe.value,
         filterConditions: L.value,
         filterLogic: F.value,
         sort: z.value
       })
-    ), Re = o(
-      () => st(P.value, {
+    ), Ce = o(
+      () => ct(P.value, {
         startFieldId: w.value === "timeline" ? "startDate" : void 0,
         endFieldId: w.value === "timeline" ? "endDate" : void 0,
         labelFieldId: "title"
       })
-    ), Ce = o(() => ge.value ? "loading" : C.value ? "error" : w.value === "detail" ? A.value ? "normal" : "empty" : w.value === "timeline" ? Re.value.length > 0 ? "normal" : "empty" : P.value.length > 0 ? "normal" : "empty");
+    ), ke = o(() => Re.value ? "loading" : C.value ? "error" : w.value === "detail" ? A.value ? "normal" : "empty" : w.value === "timeline" ? Ce.value.length > 0 ? "normal" : "empty" : P.value.length > 0 ? "normal" : "empty");
     function E(e) {
       l.setRecords(e), d("update:records", e);
     }
     function M(e) {
       l.viewList.value.some((t) => t.id === e) && (e === h && S(), l.switchView(e));
     }
-    function ke(e) {
+    function Te(e) {
       M(e);
     }
-    function Te(e) {
+    function De(e) {
       var t, a;
       l.viewList.value.some((r) => r.id === e) && (e === h && S(), l.switchView(e), d("load-view", e), (a = (t = i.actions) == null ? void 0 : t.onViewLoad) == null || a.call(t, { tableId: i.tableId, viewId: e }));
     }
-    function De(e) {
+    function Fe(e) {
       l.saveView({ name: e });
     }
     function k() {
       l.updateActiveView({
-        filters: bt(c.value)
+        filters: yt(c.value)
       });
     }
-    function Fe() {
+    function We() {
       var t;
       const e = ((t = U.value.find((a) => !a.hidden)) == null ? void 0 : t.key) ?? "";
-      e && (c.value = [...c.value, pt(e)], k());
+      e && (c.value = [...c.value, bt(e)], k());
     }
-    function We(e) {
+    function Ae(e) {
       c.value = c.value.filter((t) => t.id !== e), k();
     }
-    function Ae(e, t) {
+    function Ue(e, t) {
       c.value = c.value.map(
         (a) => a.id === e ? { ...a, ...t } : a
       ), k();
     }
-    function Ue() {
+    function Le() {
       c.value = [], k();
     }
-    function Le(e) {
+    function Pe(e) {
       F.value = e, d("update:filterLogic", e);
     }
-    function Pe(e) {
+    function Ee(e) {
       d("update:columns", e), l.updateActiveView({
         visibleFields: e.filter((t) => !t.hidden).map((t) => t.key)
       });
     }
-    function Ee(e) {
+    function Be(e) {
       var r;
       if (!e) {
         l.updateActiveView({ sorts: [] }), d("sort", e);
@@ -296,18 +297,18 @@ const yt = "正在加载数据视图", It = "请稍候，页面级编排器正
         sorts: [{ fieldId: e, direction: a }]
       }), d("sort", e);
     }
-    function Be(e) {
+    function Ke(e) {
       l.updateActiveView({
         groups: e ? [{ fieldId: e }] : []
       }), d("group", e);
     }
-    function Ke(e) {
+    function Ge(e) {
       I.value = e;
     }
     function p(e) {
       l.emitSchemaEvent(e);
     }
-    function Ge(e, t, a) {
+    function $e(e, t, a) {
       const r = y.value.map((s) => s.id !== e ? s : {
         ...s,
         fields: {
@@ -318,101 +319,101 @@ const yt = "正在加载数据视图", It = "请稍候，页面级编排器正
       E(r);
     }
     function H(e) {
-      Ge(e.rowId, e.fieldId, e.value), l.emitCellEdit(e);
+      $e(e.rowId, e.fieldId, e.value), l.emitCellEdit(e);
     }
-    function $e(e) {
+    function Ne(e) {
       var t, a;
       d("record-change", e), (a = (t = i.actions) == null ? void 0 : t.onRecordChange) == null || a.call(t, { tableId: i.tableId, ...e });
     }
-    function Ne(e) {
+    function ze(e) {
       E(e);
     }
-    function ze(e) {
+    function Me(e) {
       u.handleRowSelect(e);
     }
-    function Me(e) {
+    function He(e) {
       d("row-click", e);
     }
-    function He(e) {
+    function je(e) {
       if (w.value === "timeline") {
-        qe(e);
+        Je(e);
         return;
       }
-      Me(e);
+      He(e);
     }
-    function je(e) {
+    function qe(e) {
       d("card-click", e), u.handleCardClick(e);
     }
-    function qe(e) {
+    function Je(e) {
       d("row-click", e), u.handleTimelineRowClick(e);
     }
     function j() {
       u.handleDetailClose();
     }
-    function Je(e) {
+    function Oe(e) {
       u.handleDetailDelete(e);
     }
-    function Oe(e, t, a) {
+    function Qe(e, t, a) {
       u.handleDetailWorkspaceCommit(e, t, a);
     }
-    function Qe() {
+    function Xe() {
       u.handleDetailWorkspaceSave();
     }
-    function Xe(e) {
+    function Ye(e) {
       u.handleSidePanelWidthUpdate(e);
     }
-    function Ye(e) {
+    function Ze(e) {
       u.handleDrawerWidthUpdate(e);
     }
-    return (e, t) => (B(), K(ot, xe({
-      state: Ce.value,
-      "loading-title": yt,
-      "loading-description": It,
-      "error-title": St,
+    return (e, t) => (B(), K(lt, _e({
+      state: ke.value,
+      "loading-title": It,
+      "loading-description": St,
+      "error-title": Vt,
       "error-description": C.value instanceof Error ? C.value.message : String(C.value),
-      "error-icon": n(tt),
-      "empty-icon": n(et),
-      "empty-title": Vt,
-      "empty-description": fe.value,
-      "empty-action": n(se)
+      "error-icon": n(it),
+      "empty-icon": n(tt),
+      "empty-title": gt,
+      "empty-description": ve.value,
+      "empty-action": n(ce)
     }, e.$attrs), {
       toolbar: G(() => [
-        me.value ? (B(), K(lt, {
+        pe.value ? (B(), K(dt, {
           key: 0,
           "current-view": g.value,
           "view-tabs": W.value,
           columns: U.value,
           "filter-conditions": L.value,
           "filter-logic": F.value,
-          "filter-active": he.value,
+          "filter-active": me.value,
           "current-sort": z.value,
-          "current-group": ve.value,
+          "current-group": he.value,
           "search-keyword": n(I),
-          "show-view-switch": pe.value,
-          "show-filter": be.value,
-          "show-sort": ye.value,
-          "show-group": Ie.value,
-          "show-columns": Se.value,
-          "show-search": Ve.value,
-          "saved-views": ue.value,
-          "onUpdate:currentView": ke,
-          "onUpdate:columns": Pe,
-          "onUpdate:searchKeyword": Ke,
-          onAddFilter: Fe,
-          onRemoveFilter: We,
-          onUpdateFilter: Ae,
-          onClearFilters: Ue,
-          "onUpdate:filterLogic": Le,
-          onSort: Ee,
-          onGroup: Be,
-          onSaveView: De,
-          onLoadView: Te
-        }, null, 8, ["current-view", "view-tabs", "columns", "filter-conditions", "filter-logic", "filter-active", "current-sort", "current-group", "search-keyword", "show-view-switch", "show-filter", "show-sort", "show-group", "show-columns", "show-search", "saved-views"])) : Q("", !0)
+          "show-view-switch": be.value,
+          "show-filter": ye.value,
+          "show-sort": Ie.value,
+          "show-group": Se.value,
+          "show-columns": Ve.value,
+          "show-search": ge.value,
+          "saved-views": we.value,
+          "onUpdate:currentView": Te,
+          "onUpdate:columns": Ee,
+          "onUpdate:searchKeyword": Ge,
+          onAddFilter: We,
+          onRemoveFilter: Ae,
+          onUpdateFilter: Ue,
+          onClearFilters: Le,
+          "onUpdate:filterLogic": Pe,
+          onSort: Be,
+          onGroup: Ke,
+          onSaveView: Fe,
+          onLoadView: De
+        }, null, 8, ["current-view", "view-tabs", "columns", "filter-conditions", "filter-logic", "filter-active", "current-sort", "current-group", "search-keyword", "show-view-switch", "show-filter", "show-sort", "show-group", "show-columns", "show-search", "saved-views"])) : X("", !0)
       ]),
       content: G(() => {
         var a;
         return [
-          _e(at, {
+          et(ot, {
             "view-type": w.value,
             records: P.value,
             schema: R.value,
@@ -427,43 +428,43 @@ const yt = "正在加载数据视图", It = "请稍候，页面级编排器正
             onSchemaHideField: t[3] || (t[3] = (r) => p({ type: "schema-hide-field", fieldId: r })),
             onSchemaDeleteField: t[4] || (t[4] = (r) => p({ type: "schema-delete-field", fieldId: r })),
             onSchemaDuplicateField: t[5] || (t[5] = (r) => p({ type: "schema-duplicate-field", fieldId: r })),
-            onRowClick: He,
-            onRowClickRecord: ze,
-            onCardClick: je,
+            onRowClick: je,
+            onRowClickRecord: Me,
+            onCardClick: qe,
             onAdd: t[6] || (t[6] = (r) => d("add")),
             onAddColumn: t[7] || (t[7] = (r) => d("add-column")),
-            onRecordChange: $e,
-            "onUpdate:records": Ne
+            onRecordChange: Ne,
+            "onUpdate:records": ze
           }, null, 8, ["view-type", "records", "schema", "view", "columns", "readonly", "enable-field-management"])
         ];
       }),
       detail: G(() => {
         var a;
         return [
-          n(A) ? (B(), K(it, {
+          n(A) ? (B(), K(at, {
             key: 0,
             visible: n(A),
-            title: n(ie),
-            "row-id": n(te).id,
+            title: n(ae),
+            "row-id": n(ie).id,
             "record-id": ((a = D.value) == null ? void 0 : a.id) ?? "",
             "view-type": w.value,
-            description: n(ae),
-            presentation: n(de),
-            "side-panel-width": n(_),
-            "drawer-width": n(ee),
-            "can-switch-presentation": n(ne),
-            "workspace-modes": n(re),
-            "property-items": n(oe),
+            description: n(oe),
+            presentation: n(re),
+            "side-panel-width": n(ee),
+            "drawer-width": n(te),
+            "can-switch-presentation": n(se),
+            "workspace-modes": n(ne),
+            "property-items": n(le),
             readonly: V.readonly,
-            "has-draft-changes": n(le),
-            onCommit: Oe,
-            onSave: Qe,
-            onDelete: Je,
+            "has-draft-changes": n(de),
+            onCommit: Qe,
+            onSave: Xe,
+            onDelete: Oe,
             onClose: j,
-            "onUpdate:sidePanelWidth": Xe,
-            "onUpdate:drawerWidth": Ye,
-            "onUpdate:presentation": n(ce)
-          }, null, 8, ["visible", "title", "row-id", "record-id", "view-type", "description", "presentation", "side-panel-width", "drawer-width", "can-switch-presentation", "workspace-modes", "property-items", "readonly", "has-draft-changes", "onUpdate:presentation"])) : Q("", !0)
+            "onUpdate:sidePanelWidth": Ye,
+            "onUpdate:drawerWidth": Ze,
+            "onUpdate:presentation": n(ue)
+          }, null, 8, ["visible", "title", "row-id", "record-id", "view-type", "description", "presentation", "side-panel-width", "drawer-width", "can-switch-presentation", "workspace-modes", "property-items", "readonly", "has-draft-changes", "onUpdate:presentation"])) : X("", !0)
         ];
       }),
       _: 1
@@ -471,5 +472,5 @@ const yt = "正在加载数据视图", It = "请稍候，页面级编排器正
   }
 });
 export {
-  Pt as default
+  Et as default
 };

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

@@ -1,2 +1,2 @@
 export { default as DatabaseView } from './DatabaseView.vue';
-export type { DatabaseViewComponentActions as DatabaseViewActions, DatabaseViewSchemaEvent, DatabaseViewViewTab, DatabaseViewProps, } from '../../contracts/database';
+export type { DatabaseViewActionContext, DatabaseViewActionErrorContext, DatabaseViewActionMiddleware, DatabaseViewActionMiddlewareList, DatabaseViewComponentActions as DatabaseViewActions, DatabaseViewSchemaEvent, DatabaseViewViewTab, DatabaseViewProps, } from '../../contracts/database';

package/dist/components/kanban/KanbanColumn.vue.js

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

package/dist/components/kanban/KanbanColumn.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as D, ref as g, watch as k, computed as y, openBlock as r, createElementBlock as d, createElementVNode as n, normalizeStyle as m, toDisplayString as C, createVNode as E, unref as c, createBlock as f, withCtx as H, Fragment as h, renderList as b } from "vue";
-import { Plus as L } from "lucide-vue-next";
+import { defineComponent as B, ref as g, watch as k, computed as y, openBlock as r, createElementBlock as d, createElementVNode as n, normalizeStyle as m, toDisplayString as C, createVNode as D, unref as i, createBlock as f, withCtx as E, Fragment as h, renderList as b } from "vue";
+import { Plus as H } from "lucide-vue-next";
 import { VueDraggable as R } from "vue-draggable-plus";
-import { useVirtualList as U } from "../../composables/useVirtualList.js";
+import { createVirtualListState as U, useVirtualList as Y } from "../../composables/useVirtualList.js";
 import V from "./KanbanCard.vue.js";
-import { mergeColorMap as Y, DEFAULT_STATUS_MAP as w } from "../../composables/useBadge.js";
-const z = { class: "of-kanban-column" }, F = { class: "of-col-header" }, I = { class: "of-col-title" }, K = { class: "of-col-count" }, q = /* @__PURE__ */ D({
+import { mergeColorMap as w, DEFAULT_STATUS_MAP as F } from "../../composables/useBadge.js";
+const I = { class: "of-kanban-column" }, K = { class: "of-col-header" }, N = { class: "of-col-title" }, P = { class: "of-col-count" }, J = /* @__PURE__ */ B({
   __name: "KanbanColumn",
   props: {
     column: {},
@@ -13,8 +13,8 @@ const z = { class: "of-kanban-column" }, F = { class: "of-col-header" }, I = { c
     statusColorMap: { default: void 0 }
   },
   emits: ["add-card", "card-click", "update:column"],
-  setup(i, { emit: x }) {
-    const s = i, u = x, l = g([...s.column.tasks]);
+  setup(c, { emit: S }) {
+    const s = c, u = S, l = g([...s.column.tasks]);
     k(
       () => s.column.tasks,
       (a) => {
@@ -26,67 +26,68 @@ const z = { class: "of-kanban-column" }, F = { class: "of-col-header" }, I = { c
     ), k(l, (a) => {
       u("update:column", { ...s.column, tasks: a });
     });
-    const S = y(() => l.value.length > 50), p = g(null), {
-      visibleItems: T,
-      totalHeight: M,
-      offsetY: A
-    } = U({
+    const x = y(() => l.value.length > 50), p = g(null), T = U(), {
+      visibleItems: M,
+      totalHeight: L,
+      offsetY: z
+    } = Y({
       items: l,
       itemHeight: 120,
       overscan: 3,
-      containerRef: p
-    }), B = y(() => {
+      containerRef: p,
+      state: T
+    }), A = y(() => {
       if (s.column.color) return s.column.color;
-      const a = Y(w, s.statusColorMap), t = a[s.column.id], o = a[s.column.title], e = t ?? o;
+      const a = w(F, s.statusColorMap), t = a[s.column.id], o = a[s.column.title], e = t ?? o;
       return (e == null ? void 0 : e.dot) ?? (e == null ? void 0 : e.text) ?? "var(--of-text-tertiary, var(--of-color-gray-400))";
     });
-    return (a, t) => (r(), d("div", z, [
-      n("div", F, [
+    return (a, t) => (r(), d("div", I, [
+      n("div", K, [
         n("span", {
           class: "of-col-dot",
-          style: m({ background: B.value })
+          style: m({ background: A.value })
         }, null, 4),
-        n("span", I, C(i.column.title), 1),
-        n("span", K, C(l.value.length), 1),
+        n("span", N, C(c.column.title), 1),
+        n("span", P, C(l.value.length), 1),
         t[4] || (t[4] = n("span", { class: "of-col-spacer" }, null, -1)),
         n("button", {
           class: "of-col-add-btn",
-          onClick: t[0] || (t[0] = (o) => u("add-card", i.column.id))
+          onClick: t[0] || (t[0] = (o) => u("add-card", c.column.id))
         }, [
-          E(c(L), { size: 14 })
+          D(i(H), { size: 14 })
         ])
       ]),
-      S.value ? (r(), d("div", {
+      x.value ? (r(), d("div", {
         key: 1,
         ref_key: "cardContainerRef",
         ref: p,
         class: "of-col-cards of-col-cards-virtual"
       }, [
         n("div", {
-          style: m({ height: c(M) + "px", position: "relative" })
+          style: m({ height: i(L) + "px", position: "relative" })
         }, [
           n("div", {
-            style: m({ transform: `translateY(${c(A)}px)` })
+            style: m({ transform: `translateY(${i(z)}px)` })
           }, [
-            (r(!0), d(h, null, b(c(T), ({ data: o }) => (r(), f(V, {
+            (r(!0), d(h, null, b(i(M), ({ data: o }) => (r(), f(V, {
               key: o.id,
               task: o,
               onClick: t[3] || (t[3] = (e) => u("card-click", e))
             }, null, 8, ["task"]))), 128))
           ], 4)
         ], 4)
-      ], 512)) : (r(), f(c(R), {
+      ], 512)) : (r(), f(i(R), {
         key: 0,
         modelValue: l.value,
         "onUpdate:modelValue": t[2] || (t[2] = (o) => l.value = o),
         group: { name: "kanban", pull: !0, put: !0 },
         "item-key": "id",
-        "ghost-class": i.ghostClass,
+        "ghost-class": c.ghostClass,
         "chosen-class": "of-chosen",
         animation: 200,
         class: "of-col-cards"
       }, {
-        default: H(() => [
+        default: E(() => [
           (r(!0), d(h, null, b(l.value, (o) => (r(), f(V, {
             key: o.id,
             task: o,
@@ -99,5 +100,5 @@ const z = { class: "of-kanban-column" }, F = { class: "of-col-header" }, I = { c
   }
 });
 export {
-  q as default
+  J as default
 };