@oneflowui/ui 0.4.3 → 0.5.0

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

@@ -1,86 +1,119 @@
-import { defineComponent as T, ref as w, watch as A, openBlock as d, createElementBlock as s, createElementVNode as f, Fragment as F, renderList as I, createVNode as u, unref as V, createCommentVNode as x } from "vue";
-import { Plus as y } from "lucide-vue-next";
-import B from "./KanbanColumn.vue.js";
-import K from "./QuickAddRow.vue.js";
-import { buildKanbanColumns as O } from "../../types/index.js";
-const g = { class: "of-kanban-board" }, h = { class: "of-kanban-inner" }, P = /* @__PURE__ */ T({
+import { defineComponent as I, computed as u, ref as g, watch as y, openBlock as d, createElementBlock as s, createElementVNode as k, Fragment as A, renderList as K, createVNode as c, unref as V, createCommentVNode as x } from "vue";
+import { Plus as B } from "lucide-vue-next";
+import S from "./KanbanColumn.vue.js";
+import L from "./QuickAddRow.vue.js";
+import { isSelectField as p, buildKanbanColumns as N } from "../../types/index.js";
+const _ = { class: "of-kanban-board" }, z = { class: "of-kanban-inner" }, j = /* @__PURE__ */ I({
   __name: "KanbanBoard",
   props: {
     columns: { default: () => [] },
     records: { default: () => [] },
-    kanbanFieldId: { default: "status" },
+    schema: { default: void 0 },
+    view: { default: void 0 },
+    kanbanFieldId: { default: void 0 },
     laneOrder: { default: () => [] },
     laneTitles: { default: () => ({}) },
     addColumnVisible: { type: Boolean, default: !1 }
   },
   emits: ["update:columns", "add-column", "card-click"],
-  setup(i, { emit: k }) {
-    const n = i, r = k, c = () => n.columns.length > 0 ? structuredClone(n.columns) : n.records.length > 0 ? O(n.records, {
-      kanbanFieldId: n.kanbanFieldId,
-      laneOrder: n.laneOrder,
-      laneTitles: n.laneTitles
-    }) : [], a = w(c());
-    A(
-      () => [n.columns, n.records, n.kanbanFieldId, n.laneOrder, n.laneTitles],
+  setup(f, { emit: b }) {
+    const e = f, i = b, r = u(
       () => {
-        a.value = c();
+        var n;
+        return e.kanbanFieldId ?? ((n = e.view) == null ? void 0 : n.kanbanFieldId) ?? "status";
+      }
+    ), C = u(() => {
+      if (e.laneOrder && e.laneOrder.length > 0) return e.laneOrder;
+      if (e.schema) {
+        const n = e.schema.fields.find((l) => l.id === r.value);
+        if (n && p(n))
+          return n.options.map((l) => l.value);
+      }
+    }), h = u(() => {
+      if (e.laneTitles && Object.keys(e.laneTitles).length > 0) return e.laneTitles;
+      if (e.schema) {
+        const n = e.schema.fields.find((l) => l.id === r.value);
+        if (n && p(n)) {
+          const l = {};
+          for (const t of n.options)
+            l[t.value] = t.label;
+          return l;
+        }
+      }
+    }), m = () => e.columns.length > 0 ? structuredClone(e.columns) : e.records.length > 0 ? N(e.records, {
+      kanbanFieldId: r.value,
+      laneOrder: C.value,
+      laneTitles: h.value
+    }) : [], o = g(m());
+    y(
+      () => [
+        e.columns,
+        e.records,
+        e.kanbanFieldId,
+        e.laneOrder,
+        e.laneTitles,
+        e.view,
+        e.schema
+      ],
+      () => {
+        o.value = m();
       }
     );
-    function m(o) {
-      const l = a.value.findIndex((e) => e.id === o.id);
+    function v(n) {
+      const l = o.value.findIndex((t) => t.id === n.id);
       if (l !== -1) {
-        const e = o.tasks.map((t) => ({
-          ...t,
-          status: o.id
+        const t = n.tasks.map((a) => ({
+          ...a,
+          status: n.id
         }));
-        a.value[l] = { ...o, tasks: e }, r("update:columns", structuredClone(a.value));
+        o.value[l] = { ...n, tasks: t }, i("update:columns", structuredClone(o.value));
       }
     }
-    function b(o) {
+    function T(n) {
     }
-    function p(o, l) {
-      const e = a.value.find((v) => v.id === o);
-      if (!e) return;
-      const t = {
+    function w(n, l) {
+      const t = o.value.find((O) => O.id === n);
+      if (!t) return;
+      const a = {
         id: `TASK-${Date.now()}`,
         title: l,
-        status: o,
+        status: n,
         priority: "P3"
-      }, C = {
-        ...e,
-        tasks: [...e.tasks, t]
+      }, F = {
+        ...t,
+        tasks: [...t.tasks, a]
       };
-      m(C);
+      v(F);
     }
-    return (o, l) => (d(), s("div", g, [
-      f("div", h, [
-        (d(!0), s(F, null, I(a.value, (e) => (d(), s("div", {
-          key: e.id,
+    return (n, l) => (d(), s("div", _, [
+      k("div", z, [
+        (d(!0), s(A, null, K(o.value, (t) => (d(), s("div", {
+          key: t.id,
           class: "of-kanban-col-wrapper"
         }, [
-          u(B, {
-            column: e,
-            onAddCard: b,
-            onCardClick: l[0] || (l[0] = (t) => r("card-click", t)),
-            "onUpdate:column": m
+          c(S, {
+            column: t,
+            onAddCard: T,
+            onCardClick: l[0] || (l[0] = (a) => i("card-click", a)),
+            "onUpdate:column": v
           }, null, 8, ["column"]),
-          u(K, {
+          c(L, {
             class: "of-quick-add-below",
-            onSubmit: (t) => p(e.id, t)
+            onSubmit: (a) => w(t.id, a)
           }, null, 8, ["onSubmit"])
         ]))), 128)),
-        i.addColumnVisible ? (d(), s("button", {
+        f.addColumnVisible ? (d(), s("button", {
           key: 0,
           class: "of-add-column-btn",
-          onClick: l[1] || (l[1] = (e) => r("add-column"))
+          onClick: l[1] || (l[1] = (t) => i("add-column"))
         }, [
-          u(V(y), { size: 16 }),
-          l[2] || (l[2] = f("span", null, "添加列", -1))
+          c(V(B), { size: 16 }),
+          l[2] || (l[2] = k("span", null, "添加列", -1))
         ])) : x("", !0)
       ])
     ]));
   }
 });
 export {
-  P as default
+  j as default
 };

package/dist/components/layout/AppLayout.vue.js

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

package/dist/components/layout/AppLayout.vue2.js

@@ -1,98 +1,82 @@
-import { defineComponent as N, provide as m, computed as C, ref as h, onBeforeUnmount as T, openBlock as n, createElementBlock as s, normalizeClass as E, createElementVNode as r, unref as p, createCommentVNode as c, renderSlot as l, Fragment as $, nextTick as B } from "vue";
-import { useBreakpoint as S } from "../../composables/useBreakpoint.js";
-const x = { class: "of-app-layout__navbar" }, A = ["aria-expanded"], D = { class: "of-app-layout__body" }, M = {
+import { defineComponent as h, provide as l, computed as w, ref as g, onBeforeUnmount as E, openBlock as o, createElementBlock as t, normalizeClass as v, createElementVNode as s, unref as c, createCommentVNode as d, renderSlot as r, Fragment as N } from "vue";
+import { useBreakpoint as T } from "../../composables/useBreakpoint.js";
+import { useFocusTrap as C } from "../../composables/useFocusTrap.js";
+const L = { class: "of-app-layout__navbar" }, $ = ["aria-expanded"], B = { class: "of-app-layout__body" }, R = {
   key: 0,
   class: "of-app-layout__sidebar"
-}, R = { class: "of-app-layout__main" }, V = { class: "of-app-layout__statusbar" }, K = /* @__PURE__ */ N({
+}, S = { class: "of-app-layout__main" }, F = { class: "of-app-layout__statusbar" }, O = /* @__PURE__ */ h({
   __name: "AppLayout",
   props: {
     density: { default: "comfortable" }
   },
-  setup(v) {
-    const w = v, { isMobile: i, isTablet: g } = S();
-    m("isMobile", i), m("isTablet", g), m(
+  setup(u) {
+    const m = u, { isMobile: n, isTablet: y } = T();
+    l("isMobile", n), l("isTablet", y), l(
       "density",
-      C(() => w.density)
+      w(() => m.density)
     );
-    const a = h(!1), f = h(null);
-    let t = null;
-    function b() {
-      return f.value ? Array.from(
-        f.value.querySelectorAll(
-          'button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), a[href]'
-        )
-      ).filter((e) => !e.closest('[aria-hidden="true"]')) : [];
-    }
-    function d(e) {
-      if (e.key !== "Tab") return;
-      const o = b();
-      if (o.length === 0) {
-        e.preventDefault();
-        return;
-      }
-      const _ = o[0], k = o[o.length - 1];
-      e.shiftKey ? document.activeElement === _ && (e.preventDefault(), k.focus()) : document.activeElement === k && (e.preventDefault(), _.focus());
-    }
-    function L() {
+    const a = g(!1), {
+      containerRef: _,
+      activate: b,
+      deactivate: p
+    } = C();
+    function k() {
       const e = !a.value;
-      a.value = e, e ? (t = document.activeElement, B(() => {
-        const o = b();
-        o.length && o[0].focus(), document.addEventListener("keydown", d), document.addEventListener("keydown", u);
-      })) : (document.removeEventListener("keydown", d), document.removeEventListener("keydown", u), t == null || t.focus(), t = null);
+      a.value = e, e ? (b(), document.addEventListener("keydown", i)) : (p(), document.removeEventListener("keydown", i));
     }
-    function y() {
-      a.value = !1, document.removeEventListener("keydown", d), document.removeEventListener("keydown", u), t == null || t.focus(), t = null;
+    function f() {
+      a.value = !1, p(), document.removeEventListener("keydown", i);
     }
-    function u(e) {
-      e.key === "Escape" && y();
+    function i(e) {
+      e.key === "Escape" && f();
     }
-    return T(() => {
-      document.removeEventListener("keydown", d), document.removeEventListener("keydown", u);
-    }), (e, o) => (n(), s("div", {
-      class: E(["of-app-layout", { "of-density-compact": v.density === "compact" }])
+    return E(() => {
+      document.removeEventListener("keydown", i);
+    }), (e, M) => (o(), t("div", {
+      class: v(["of-app-layout", { "of-density-compact": u.density === "compact" }])
     }, [
-      r("header", x, [
-        p(i) ? (n(), s("button", {
+      s("header", L, [
+        c(n) ? (o(), t("button", {
           key: 0,
           class: "of-app-layout__hamburger",
           "aria-label": "Toggle sidebar",
           "aria-expanded": a.value,
-          onClick: L
-        }, " ☰ ", 8, A)) : c("", !0),
-        l(e.$slots, "navbar", {}, void 0, !0)
+          onClick: k
+        }, " ☰ ", 8, $)) : d("", !0),
+        r(e.$slots, "navbar", {}, void 0, !0)
       ]),
-      r("div", D, [
-        p(i) ? c("", !0) : (n(), s("aside", M, [
-          l(e.$slots, "sidebar", {}, void 0, !0)
+      s("div", B, [
+        c(n) ? d("", !0) : (o(), t("aside", R, [
+          r(e.$slots, "sidebar", {}, void 0, !0)
         ])),
-        p(i) ? (n(), s($, { key: 1 }, [
-          a.value ? (n(), s("div", {
+        c(n) ? (o(), t(N, { key: 1 }, [
+          a.value ? (o(), t("div", {
             key: 0,
             class: "of-drawer-overlay",
             "aria-hidden": "true",
-            onClick: y
-          })) : c("", !0),
-          r("aside", {
+            onClick: f
+          })) : d("", !0),
+          s("aside", {
             ref_key: "drawerNavRef",
-            ref: f,
-            class: E(["of-drawer-sidebar", { "of-drawer-sidebar--open": a.value }]),
+            ref: _,
+            class: v(["of-drawer-sidebar", { "of-drawer-sidebar--open": a.value }]),
             role: "dialog",
             "aria-modal": "true",
             "aria-label": "导航菜单"
           }, [
-            l(e.$slots, "sidebar", {}, void 0, !0)
+            r(e.$slots, "sidebar", {}, void 0, !0)
           ], 2)
-        ], 64)) : c("", !0),
-        r("main", R, [
-          l(e.$slots, "default", {}, void 0, !0)
+        ], 64)) : d("", !0),
+        s("main", S, [
+          r(e.$slots, "default", {}, void 0, !0)
         ])
       ]),
-      r("footer", V, [
-        l(e.$slots, "statusbar", {}, void 0, !0)
+      s("footer", F, [
+        r(e.$slots, "statusbar", {}, void 0, !0)
       ])
     ], 2));
   }
 });
 export {
-  K as default
+  O as default
 };

package/dist/components/overlay/Drawer.vue.js

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

package/dist/components/overlay/Drawer.vue2.js

@@ -1,12 +1,13 @@
-import { defineComponent as V, useSlots as _, computed as B, ref as g, onMounted as S, watch as z, nextTick as D, onBeforeUnmount as L, openBlock as l, createBlock as T, Teleport as $, createVNode as v, Transition as I, withCtx as N, createElementBlock as d, normalizeStyle as b, createElementVNode as a, withModifiers as A, unref as h, renderSlot as k, toDisplayString as K, createCommentVNode as r } from "vue";
-import { X as M } from "lucide-vue-next";
-const R = ["aria-label"], q = { class: "of-drawer__inner" }, F = {
+import { defineComponent as p, useSlots as V, computed as _, onMounted as B, watch as x, onBeforeUnmount as z, openBlock as o, createBlock as E, Teleport as S, createVNode as u, Transition as T, withCtx as $, createElementBlock as l, normalizeStyle as f, createElementVNode as d, withModifiers as I, unref as c, renderSlot as m, toDisplayString as N, createCommentVNode as n } from "vue";
+import { X as R } from "lucide-vue-next";
+import { useFocusTrap as g } from "../../composables/useFocusTrap.js";
+const D = ["aria-label"], L = { class: "of-drawer__inner" }, M = {
   key: 0,
   class: "of-drawer__header"
-}, U = { class: "of-drawer__title" }, X = {
+}, F = { class: "of-drawer__title" }, K = {
   key: 0,
   class: "of-drawer__title-text"
-}, j = { class: "of-drawer__body" }, J = /* @__PURE__ */ V({
+}, U = { class: "of-drawer__body" }, G = /* @__PURE__ */ p({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean },
@@ -17,90 +18,73 @@ const R = ["aria-label"], q = { class: "of-drawer__inner" }, F = {
     zIndex: { default: 1e3 }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: C }) {
-    const i = o, E = C, p = _(), x = B(() => ({
-      width: `${i.width}px`
-    })), s = g(null);
-    let n = null;
-    function m() {
-      return s.value ? Array.from(
-        s.value.querySelectorAll(
-          'button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), a[href]'
-        )
-      ).filter((e) => !e.closest('[aria-hidden="true"]')) : [];
+  setup(e, { emit: y }) {
+    const r = e, w = y, v = V(), h = _(() => ({
+      width: `${r.width}px`
+    })), {
+      containerRef: k,
+      activate: C,
+      deactivate: b
+    } = g();
+    function i() {
+      w("update:modelValue", !1);
     }
-    function u(e) {
-      if (e.key !== "Tab") return;
-      const t = m();
-      if (t.length === 0) {
-        e.preventDefault();
-        return;
-      }
-      const c = t[0], w = t[t.length - 1];
-      e.shiftKey ? document.activeElement === c && (e.preventDefault(), w.focus()) : document.activeElement === w && (e.preventDefault(), c.focus());
+    function s(t) {
+      t.key === "Escape" && r.modelValue && i();
     }
-    function f() {
-      E("update:modelValue", !1);
-    }
-    function y(e) {
-      e.key === "Escape" && i.modelValue && f();
-    }
-    return S(() => {
-      typeof document > "u" || document.addEventListener("keydown", y);
-    }), z(
-      () => i.modelValue,
-      (e) => {
-        typeof document > "u" || (document.body.style.overflow = e ? "hidden" : "", e ? (n = document.activeElement, D(() => {
-          const t = m();
-          t.length && t[0].focus(), document.addEventListener("keydown", u);
-        })) : (document.removeEventListener("keydown", u), n == null || n.focus(), n = null));
+    return B(() => {
+      typeof document > "u" || document.addEventListener("keydown", s);
+    }), x(
+      () => r.modelValue,
+      (t) => {
+        typeof document > "u" || (document.body.style.overflow = t ? "hidden" : "", t ? C() : b());
       },
       { immediate: !0 }
-    ), L(() => {
-      typeof document > "u" || (document.removeEventListener("keydown", y), document.removeEventListener("keydown", u), document.body.style.overflow = "");
-    }), (e, t) => (l(), T($, { to: "body" }, [
-      v(I, { name: "of-drawer" }, {
-        default: N(() => [
-          o.modelValue ? (l(), d("div", {
+    ), z(() => {
+      typeof document > "u" || (document.removeEventListener("keydown", s), document.body.style.overflow = "");
+    }), (t, a) => (o(), E(S, { to: "body" }, [
+      u(T, { name: "of-drawer" }, {
+        default: $(() => [
+          e.modelValue ? (o(), l("div", {
             key: 0,
             class: "of-drawer-overlay",
-            style: b({ zIndex: o.zIndex }),
-            onClick: t[1] || (t[1] = (c) => o.maskClosable && f())
+            style: f({ zIndex: e.zIndex }),
+            onClick: a[1] || (a[1] = (X) => e.maskClosable && i())
           }, [
-            a("aside", {
+            d("aside", {
               ref_key: "drawerRef",
-              ref: s,
+              ref: k,
               class: "of-drawer",
               role: "dialog",
               "aria-modal": "true",
-              "aria-label": o.title,
-              style: b(x.value),
-              onClick: t[0] || (t[0] = A(() => {
+              "aria-label": e.title,
+              style: f(h.value),
+              onClick: a[0] || (a[0] = I(() => {
               }, ["stop"]))
             }, [
-              a("div", q, [
-                h(p).title || o.title || o.showClose ? (l(), d("div", F, [
-                  a("div", U, [
-                    k(e.$slots, "title", {}, () => [
-                      o.title ? (l(), d("h3", X, K(o.title), 1)) : r("", !0)
+              d("div", L, [
+                c(v).title || e.title || e.showClose ? (o(), l("div", M, [
+                  d("div", F, [
+                    m(t.$slots, "title", {}, () => [
+                      e.title ? (o(), l("h3", K, N(e.title), 1)) : n("", !0)
                     ], !0)
                   ]),
-                  o.showClose ? (l(), d("button", {
+                  e.showClose ? (o(), l("button", {
                     key: 0,
                     class: "of-drawer__close",
                     type: "button",
                     "aria-label": "关闭",
-                    onClick: f
+                    onClick: i
                   }, [
-                    v(h(M), { size: 18 })
-                  ])) : r("", !0)
-                ])) : r("", !0),
-                a("div", j, [
-                  k(e.$slots, "default", {}, void 0, !0)
+                    u(c(R), { size: 18 })
+                  ])) : n("", !0)
+                ])) : n("", !0),
+                d("div", U, [
+                  m(t.$slots, "default", {}, void 0, !0)
                 ])
               ])
-            ], 12, R)
-          ], 4)) : r("", !0)
+            ], 12, D)
+          ], 4)) : n("", !0)
         ]),
         _: 3
       })
@@ -108,5 +92,5 @@ const R = ["aria-label"], q = { class: "of-drawer__inner" }, F = {
   }
 });
 export {
-  J as default
+  G as default
 };

package/dist/components/overlay/Modal.vue.js

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