@oneflowui/ui 0.5.6 → 0.5.8

package/dist/components/base/SelectBadge.vue.js

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

package/dist/components/base/SelectBadge.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as x, computed as o, openBlock as l, createElementBlock as d, mergeProps as m, normalizeStyle as y, createCommentVNode as c, createElementVNode as k, renderSlot as B, unref as g, createBlock as _, resolveDynamicComponent as h } from "vue";
+import { defineComponent as y, computed as t, openBlock as l, createElementBlock as c, mergeProps as m, normalizeStyle as k, createCommentVNode as g, createElementVNode as B, renderSlot as h, unref as s, createBlock as _, resolveDynamicComponent as w } from "vue";
 import { resolveIcon as S } from "../../utils/icon.js";
-const w = { class: "one-select-badge__text" }, N = /* @__PURE__ */ x({
+const E = { class: "one-select-badge__text" }, M = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "SelectBadge",
   props: {
-    color: {},
+    color: { default: void 0 },
     dot: { type: Boolean, default: !1 },
-    dotColor: {},
-    textColor: {},
-    bgColor: {},
-    borderColor: {},
+    dotColor: { default: void 0 },
+    textColor: { default: void 0 },
+    bgColor: { default: void 0 },
+    borderColor: { default: void 0 },
     clickable: { type: Boolean, default: !0 }
   },
   emits: ["click"],
-  setup(t, { emit: s }) {
-    const e = t, u = s, r = {
+  setup(a, { emit: u }) {
+    const e = a, f = u, o = {
       red: {
         text: "var(--of-badge-red-text)",
         bg: "var(--of-badge-red-bg)",
@@ -45,37 +45,45 @@ const w = { class: "one-select-badge__text" }, N = /* @__PURE__ */ x({
         bg: "var(--of-badge-gray-bg)",
         border: "var(--of-badge-gray-border)"
       }
-    }, n = o(() => e.textColor ? e.textColor : e.color && r[e.color] ? r[e.color].text : r.gray.text), f = o(() => e.bgColor ? e.bgColor : e.color && r[e.color] ? r[e.color].bg : r.gray.bg), v = o(() => e.borderColor ? e.borderColor : e.color && r[e.color] ? r[e.color].border : r.gray.border), i = o(
+    }, n = t(() => e.textColor ? e.textColor : e.color && o[e.color] ? o[e.color].text : o.gray.text), v = t(() => e.bgColor ? e.bgColor : e.color && o[e.color] ? o[e.color].bg : o.gray.bg), i = t(() => e.borderColor ? e.borderColor : e.color && o[e.color] ? o[e.color].border : o.gray.border), C = t(
       () => ({
         "--one-sb-text": n.value,
-        "--one-sb-bg": f.value,
-        "--one-sb-border": v.value
+        "--one-sb-bg": v.value,
+        "--one-sb-border": i.value
       })
-    ), C = o(() => ({
+    ), p = t(() => ({
       backgroundColor: e.dotColor || n.value
-    })), b = S("chevron-down");
-    function p(a) {
-      u("click", a);
+    })), d = S("chevron-down");
+    function b(r) {
+      f("click", r);
     }
-    return (a, A) => (l(), d("span", m({
-      class: ["one-select-badge", { "one-select-badge--clickable": t.clickable }],
-      style: i.value
-    }, a.$attrs, { onClick: p }), [
-      t.dot ? (l(), d("span", {
+    function x(r) {
+      r.key !== "Enter" && r.key !== " " || (r.preventDefault(), b(new MouseEvent("click")));
+    }
+    return (r, D) => (l(), c("span", m({
+      class: ["one-select-badge", { "one-select-badge--clickable": a.clickable }],
+      style: C.value,
+      role: "button",
+      tabindex: "0"
+    }, r.$attrs, {
+      onClick: b,
+      onKeydown: x
+    }), [
+      a.dot ? (l(), c("span", {
         key: 0,
         class: "one-select-badge__dot",
-        style: y(C.value)
-      }, null, 4)) : c("", !0),
-      k("span", w, [
-        B(a.$slots, "default", {}, void 0, !0)
+        style: k(p.value)
+      }, null, 4)) : g("", !0),
+      B("span", E, [
+        h(r.$slots, "default", {}, void 0, !0)
       ]),
-      t.clickable && g(b) ? (l(), _(h(g(b)), {
+      a.clickable && s(d) ? (l(), _(w(s(d)), {
         key: 1,
         class: "one-select-badge__arrow"
-      })) : c("", !0)
+      })) : g("", !0)
     ], 16));
   }
 });
 export {
-  N as default
+  M as default
 };

package/dist/components/base/StatisticCard.vue.js

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

package/dist/components/base/StatusIndicator.vue.js

@@ -1,7 +1,7 @@
 import t from "./StatusIndicator.vue2.js";
 /* empty css                     */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ o(t, [["__scopeId", "data-v-9cd8c7d0"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-01dbeff6"]]);
 export {
-  d as default
+  m as default
 };

package/dist/components/base/StatusIndicator.vue2.js

@@ -9,7 +9,7 @@ const y = { class: "of-status-indicator__label" }, h = /* @__PURE__ */ d({
     color: { default: void 0 }
   },
   setup(t) {
-    const n = {
+    const o = t, n = {
       in_progress: "var(--of-color-info)",
       executing: "var(--of-color-info)",
       analysing: "var(--of-color-info)",
@@ -25,7 +25,7 @@ const y = { class: "of-status-indicator__label" }, h = /* @__PURE__ */ d({
     }, i = {
       sm: "6px",
       md: "8px"
-    }, o = t, u = e(() => o.status.trim().toLowerCase()), r = e(() => o.label ?? o.status), a = e(
+    }, u = e(() => o.status.trim().toLowerCase()), r = e(() => o.label ?? o.status), a = e(
       () => o.color ?? n[u.value] ?? "var(--of-color-gray-300)"
     ), s = e(() => i[o.size]);
     return (l, S) => (f(), v("span", p({

package/dist/components/base/StatusSummary.vue.js

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

package/dist/components/base/Stepper.vue.js

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

package/dist/components/base/Switch.vue.js

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

package/dist/components/base/ToolbarBtn.vue.js

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

package/dist/components/base/ViewModeGroup.vue.js

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

package/dist/components/base/ViewModeGroup.vue2.js

@@ -10,13 +10,13 @@ const g = ["title", "onClick"], h = /* @__PURE__ */ s({
   },
   emits: ["update:modelValue"],
   setup(n) {
-    const a = [
+    const a = n, i = u(() => a.options ?? r), r = [
       { value: "side", icon: "panel-right", label: "侧边面板" },
       { value: "modal", icon: "maximize-2", label: "弹窗" },
       { value: "fullscreen", icon: "maximize", label: "全屏" }
-    ], i = n, r = u(() => i.options ?? a);
+    ];
     return (t, k) => (o(), l("div", m({ class: "one-view-mode-group" }, t.$attrs), [
-      (o(!0), l(c, null, d(r.value, (e) => (o(), l("button", {
+      (o(!0), l(c, null, d(i.value, (e) => (o(), l("button", {
         key: e.value,
         class: p(["one-view-mode-group__btn", { "one-view-mode-group__btn--active": n.modelValue === e.value }]),
         title: e.label,

package/dist/components/base/ViewSwitcher.vue.js

@@ -1,7 +1,7 @@
 import o from "./ViewSwitcher.vue2.js";
 /* empty css                  */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-03bd60ba"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2a0e75d0"]]);
 export {
   i as default
 };

package/dist/components/base/ViewSwitcher.vue2.js

@@ -20,14 +20,14 @@ const g = { class: "one-view-switcher__tabs" }, B = ["onClick"], L = {
   },
   emits: ["update:modelValue", "filter", "group", "sort", "search"],
   setup(l) {
-    const w = [
+    const w = l, h = f(() => w.tabs ?? m), m = [
       { value: "table", label: "表格", icon: "table-2" },
       { value: "kanban", label: "看板", icon: "columns-3" },
       { value: "timeline", label: "时间线", icon: "calendar" }
-    ], h = l, m = f(() => h.tabs ?? w);
+    ];
     return (s, e) => (o(), n("div", p({ class: "one-view-switcher" }, s.$attrs), [
       r("div", g, [
-        (o(!0), n(k, null, y(m.value, (t) => (o(), n("button", {
+        (o(!0), n(k, null, y(h.value, (t) => (o(), n("button", {
           key: t.value,
           class: $(["one-view-switcher__tab", { "one-view-switcher__tab--active": l.modelValue === t.value }]),
           onClick: (V) => s.$emit("update:modelValue", t.value)

package/dist/components/base/ViewTab.vue.js

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

package/dist/components/base/ViewTab.vue2.js

@@ -9,18 +9,17 @@ const I = ["onClick"], V = { class: "of-view-tab__label" }, D = /* @__PURE__ */
   },
   emits: ["update:modelValue"],
   setup(a, { emit: l }) {
-    const s = {
+    const s = l, c = {
       "table-2": w,
       kanban: h,
       "layout-grid": C,
       "gantt-chart": y
     };
-    function c(e) {
-      return s[e];
+    function i(e) {
+      return c[e];
     }
-    const i = l;
     function r(e) {
-      i("update:modelValue", e);
+      s("update:modelValue", e);
     }
     return (e, g) => (o(), n("div", u({ class: "of-view-tab" }, e.$attrs), [
       (o(!0), n(_, null, d(a.items, (t) => (o(), n("button", {
@@ -28,7 +27,7 @@ const I = ["onClick"], V = { class: "of-view-tab__label" }, D = /* @__PURE__ */
         class: b(["of-view-tab__item", { "of-view-tab__item--active": a.modelValue === t.key }]),
         onClick: (B) => r(t.key)
       }, [
-        (o(), f(p(c(t.icon)), {
+        (o(), f(p(i(t.icon)), {
           class: "of-view-tab__icon",
           size: 14
         })),

package/dist/components/breadcrumb/Breadcrumb.vue.js

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

package/dist/components/breadcrumb/BreadcrumbItem.vue.js

@@ -1,7 +1,7 @@
 import o from "./BreadcrumbItem.vue2.js";
 /* empty css                    */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cfd104cd"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-03aeb53d"]]);
 export {
-  a as default
+  e as default
 };

package/dist/components/database/DatabaseView.vue.d.ts

@@ -1,7 +1,7 @@
 import { Component } from 'vue';
 import { DatabaseViewActions as ViewDatabaseActions, DatabaseViewMode, DatabaseSchemaEvent, DatabaseViewProvider as ViewDatabaseProvider } from '../../composables/useDatabaseView';
 import { FilterLogic } from '../../composables/useTableFilter';
-import { DataRecord, TableColumn, TableSchema, ViewConfig } from '../../types';
+import { DataRecord, Density, TableColumn, TableSchema, ViewConfig } from '../../types';
 export interface DatabaseViewViewTab {
     value: string;
     label: string;
@@ -32,9 +32,12 @@ export interface DatabaseViewActions extends ViewDatabaseActions<DataRecord> {
 export interface DatabaseViewUiOptions {
     enableFieldManagement?: boolean;
 }
+export type DatabaseViewDetailPresentation = "auto" | "side-panel" | "sheet" | "full-page";
 export interface DatabaseViewProps {
     tableId?: string;
     mode?: DatabaseViewMode;
+    detailPresentation?: DatabaseViewDetailPresentation;
+    density?: Density;
     schema?: TableSchema | null;
     records?: DataRecord[];
     views?: ViewConfig[];
@@ -147,6 +150,7 @@ declare const _default: import('vue').DefineComponent<DatabaseViewProps, {}, {},
     showSort: boolean;
     showSearch: boolean;
     actions: DatabaseViewActions;
+    density: Density;
     readonly: boolean;
     pageSize: number;
     records: DataRecord[];
@@ -159,6 +163,7 @@ declare const _default: import('vue').DefineComponent<DatabaseViewProps, {}, {},
     tableId: string;
     views: ViewConfig[];
     provider: ViewDatabaseProvider<DataRecord>;
+    detailPresentation: DatabaseViewDetailPresentation;
     defaultView: ViewConfig;
     currentViewId: string;
     initialViewId: string;

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

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