@oneflowui/ui 0.8.4 → 0.8.6

package/dist/components/ai/AiMessageList.vue2.js

@@ -1,55 +1,56 @@
-import { defineComponent as B, ref as T, computed as b, watch as x, nextTick as M, openBlock as t, createElementBlock as n, createElementVNode as u, normalizeStyle as f, unref as s, Fragment as p, renderList as _, createBlock as r, createCommentVNode as L } from "vue";
-import { useVirtualList as A } from "../../composables/useVirtualList.js";
+import { defineComponent as T, ref as b, computed as x, watch as M, nextTick as L, openBlock as t, createElementBlock as n, createElementVNode as u, normalizeStyle as f, unref as s, Fragment as p, renderList as S, createBlock as r, createCommentVNode as _ } from "vue";
+import { createVirtualListState as V, useVirtualList as A } from "../../composables/useVirtualList.js";
 import E from "./AiMessageBubble.vue.js";
 import H from "./UserMessageBubble.vue.js";
 import R from "./AiThinking.vue.js";
-const Y = /* @__PURE__ */ B({
+const F = /* @__PURE__ */ T({
   __name: "AiMessageList",
   props: {
     messages: {},
     isThinking: { type: Boolean }
   },
   setup(o) {
-    const i = o, m = T(null), g = (l) => {
+    const a = o, l = b(null), g = V(), h = (m) => {
       var c;
-      const a = i.messages[l];
-      if (!a) return 80;
-      if (a.role === "user") return 60;
-      const e = Math.ceil((((c = a.content) == null ? void 0 : c.length) ?? 0) / 60);
+      const i = a.messages[m];
+      if (!i) return 80;
+      if (i.role === "user") return 60;
+      const e = Math.ceil((((c = i.content) == null ? void 0 : c.length) ?? 0) / 60);
       return Math.max(80, 48 + e * 24);
     }, {
-      visibleItems: h,
-      totalHeight: v,
-      offsetY: k,
-      scrollToBottom: d
+      visibleItems: v,
+      totalHeight: k,
+      offsetY: d,
+      scrollToBottom: y
     } = A({
-      items: b(() => i.messages),
-      itemHeight: g,
+      items: x(() => a.messages),
+      itemHeight: h,
       overscan: 3,
-      containerRef: m
+      containerRef: l,
+      state: g
     });
-    function y() {
-      d();
+    function B() {
+      y();
     }
-    return x(
-      () => [i.messages.length, i.isThinking],
+    return M(
+      () => [a.messages.length, a.isThinking],
       async () => {
-        await M(), y();
+        await L(), B();
       },
       { immediate: !0 }
-    ), (l, a) => (t(), n("div", {
+    ), (m, i) => (t(), n("div", {
       ref_key: "listRef",
-      ref: m,
+      ref: l,
       class: "of-ai-message-list"
     }, [
       u("div", {
-        style: f({ height: s(v) + "px", position: "relative" })
+        style: f({ height: s(k) + "px", position: "relative" })
       }, [
         u("div", {
           class: "of-ai-message-list-inner",
-          style: f({ transform: `translateY(${s(k)}px)` })
+          style: f({ transform: `translateY(${s(d)}px)` })
         }, [
-          (t(!0), n(p, null, _(s(h), ({ data: e }) => (t(), n(p, {
+          (t(!0), n(p, null, S(s(v), ({ data: e }) => (t(), n(p, {
             key: e.id
           }, [
             e.role === "ai" ? (t(), r(E, {
@@ -69,10 +70,10 @@ const Y = /* @__PURE__ */ B({
           ], 64))), 128))
         ], 4)
       ], 4),
-      o.isThinking ? (t(), r(R, { key: 0 })) : L("", !0)
+      o.isThinking ? (t(), r(R, { key: 0 })) : _("", !0)
     ], 512));
   }
 });
 export {
-  Y as default
+  F as default
 };

package/dist/components/common/ThemeScope.vue.d.ts

@@ -0,0 +1,24 @@
+type ThemeScopeTheme = "neutral" | "ops-console";
+type __VLS_Props = {
+    theme: ThemeScopeTheme;
+    tag?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    tag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/common/ThemeScope.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent as a, openBlock as m, createBlock as n, resolveDynamicComponent as p, withCtx as c, renderSlot as r } from "vue";
+const f = /* @__PURE__ */ a({
+  name: "ThemeScope",
+  __name: "ThemeScope",
+  props: {
+    theme: {},
+    tag: { default: "div" }
+  },
+  setup(t) {
+    const e = t;
+    return (o, s) => (m(), n(p(e.tag), {
+      "data-of-theme": e.theme,
+      "data-of-theme-scope": e.theme
+    }, {
+      default: c(() => [
+        r(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["data-of-theme", "data-of-theme-scope"]));
+  }
+});
+export {
+  f as default
+};

package/dist/components/common/ThemeScope.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ThemeScope.vue.js";
+export {
+  f as default
+};

package/dist/components/common/ThemeScopeScene.vue.d.ts

@@ -0,0 +1,31 @@
+type ThemeScopeTheme = "neutral" | "ops-console";
+type __VLS_Props = {
+    theme: ThemeScopeTheme;
+    title: string;
+    description?: string;
+    eyebrow?: string;
+    tag?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        meta?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    description: string;
+    tag: string;
+    eyebrow: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/common/ThemeScopeScene.vue.js

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

package/dist/components/common/ThemeScopeScene.vue2.js

@@ -0,0 +1,56 @@
+import { defineComponent as i, openBlock as o, createBlock as d, withCtx as m, createElementVNode as s, createElementBlock as c, toDisplayString as r, createCommentVNode as n, renderSlot as a } from "vue";
+import l from "./ThemeScope.vue.js";
+const h = { class: "of-theme-scope-scene__header" }, p = { class: "of-theme-scope-scene__heading" }, f = {
+  key: 0,
+  class: "of-theme-scope-scene__eyebrow"
+}, u = { class: "of-theme-scope-scene__title" }, y = {
+  key: 1,
+  class: "of-theme-scope-scene__description"
+}, k = {
+  key: 0,
+  class: "of-theme-scope-scene__meta"
+}, g = { class: "of-theme-scope-scene__body" }, v = {
+  key: 0,
+  class: "of-theme-scope-scene__footer"
+}, w = /* @__PURE__ */ i({
+  name: "ThemeScopeScene",
+  __name: "ThemeScopeScene",
+  props: {
+    theme: {},
+    title: {},
+    description: { default: "" },
+    eyebrow: { default: "" },
+    tag: { default: "section" }
+  },
+  setup(_) {
+    const e = _;
+    return (t, S) => (o(), d(l, {
+      theme: e.theme,
+      tag: e.tag,
+      class: "of-theme-scope-scene"
+    }, {
+      default: m(() => [
+        s("header", h, [
+          s("div", p, [
+            e.eyebrow ? (o(), c("p", f, r(e.eyebrow), 1)) : n("", !0),
+            s("h3", u, r(e.title), 1),
+            e.description ? (o(), c("p", y, r(e.description), 1)) : n("", !0)
+          ]),
+          t.$slots.meta ? (o(), c("div", k, [
+            a(t.$slots, "meta", {}, void 0, !0)
+          ])) : n("", !0)
+        ]),
+        s("div", g, [
+          a(t.$slots, "default", {}, void 0, !0)
+        ]),
+        t.$slots.footer ? (o(), c("footer", v, [
+          a(t.$slots, "footer", {}, void 0, !0)
+        ])) : n("", !0)
+      ]),
+      _: 3
+    }, 8, ["theme", "tag"]));
+  }
+});
+export {
+  w as default
+};

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

@@ -0,0 +1,2 @@
+export { default as ThemeScope } from './ThemeScope.vue';
+export { default as ThemeScopeScene } from './ThemeScopeScene.vue';

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

@@ -36,10 +36,10 @@ declare const _default: import('vue').DefineComponent<DatabaseViewProps, {}, {},
         endDate?: string;
     }) => any;
     "update:records": (args_0: DataRecord[]) => any;
-    "update:currentViewId": (args_0: string) => any;
-    "update:selectedRecordId": (args_0: string | null) => any;
     "select-record": (args_0: DataRecord | null) => any;
     refresh: () => any;
+    "update:currentViewId": (args_0: string) => any;
+    "update:selectedRecordId": (args_0: string | null) => any;
 }, string, import('vue').PublicProps, Readonly<DatabaseViewProps> & Readonly<{
     onSort?: ((args_0: string) => any) | undefined;
     onAdd?: (() => any) | undefined;
@@ -75,10 +75,10 @@ declare const _default: import('vue').DefineComponent<DatabaseViewProps, {}, {},
         endDate?: string;
     }) => any) | undefined;
     "onUpdate:records"?: ((args_0: DataRecord[]) => any) | undefined;
-    "onUpdate:currentViewId"?: ((args_0: string) => any) | undefined;
-    "onUpdate:selectedRecordId"?: ((args_0: string | null) => any) | undefined;
     "onSelect-record"?: ((args_0: DataRecord | null) => any) | undefined;
     onRefresh?: (() => any) | undefined;
+    "onUpdate:currentViewId"?: ((args_0: string) => any) | undefined;
+    "onUpdate:selectedRecordId"?: ((args_0: string | null) => any) | undefined;
 }>, {
     mode: import('../..').DatabaseViewMode;
     error: string | Error | null;

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