@oneflowui/ui 0.5.9 → 0.7.0

package/dist/components/detail/CommentItem.vue.js

@@ -1,7 +1,7 @@
 import o from "./CommentItem.vue2.js";
 /* empty css                 */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6050ee55"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-378cc0aa"]]);
 export {
-  p as default
+  c as default
 };

package/dist/components/detail/CommentItem.vue2.js

@@ -1,22 +1,22 @@
-import { defineComponent as c, openBlock as o, createElementBlock as n, createElementVNode as e, normalizeStyle as a, toDisplayString as m, createCommentVNode as i } from "vue";
-const s = { class: "comment-item" }, _ = { class: "comment-item__content" }, l = { class: "comment-item__header" }, r = { class: "comment-item__author" }, d = {
+import { defineComponent as c, openBlock as o, createElementBlock as n, createElementVNode as e, normalizeStyle as a, toDisplayString as m, createCommentVNode as s } from "vue";
+const i = { class: "comment-item" }, _ = { class: "comment-item__content" }, l = { class: "comment-item__header" }, d = { class: "comment-item__author" }, r = {
   key: 0,
   class: "comment-item__action"
-}, h = { class: "comment-item__time" }, u = { class: "comment-item__text" }, C = /* @__PURE__ */ c({
+}, h = { class: "comment-item__time" }, u = { class: "comment-item__text" }, k = /* @__PURE__ */ c({
   __name: "CommentItem",
   props: {
     comment: {}
   },
   setup(t) {
-    return (v, f) => (o(), n("div", s, [
+    return (v, f) => (o(), n("div", i, [
       e("div", {
         class: "comment-item__avatar",
-        style: a({ backgroundColor: t.comment.avatarColor ?? "var(--of-color-primary-500)" })
+        style: a({ backgroundColor: t.comment.avatarColor ?? "var(--of-accent-default)" })
       }, m(t.comment.authorInitial), 5),
       e("div", _, [
         e("div", l, [
-          e("span", r, m(t.comment.author), 1),
-          t.comment.action ? (o(), n("span", d, m(t.comment.action), 1)) : i("", !0),
+          e("span", d, m(t.comment.author), 1),
+          t.comment.action ? (o(), n("span", r, m(t.comment.action), 1)) : s("", !0),
           e("span", h, m(t.comment.time), 1)
         ]),
         e("div", u, m(t.comment.content), 1)
@@ -25,5 +25,5 @@ const s = { class: "comment-item" }, _ = { class: "comment-item__content" }, l =
   }
 });
 export {
-  C as default
+  k as default
 };

package/dist/components/detail/DetailLayout.vue.d.ts

@@ -1,10 +1,15 @@
 import { Task, CommentData, PropItem } from '../../types';
+type DetailLayoutState = "ready" | "loading" | "empty" | "error";
 type __VLS_Props = {
-    task: Task;
+    task?: Task | null;
+    title?: string;
     comments?: CommentData[];
     propItems?: PropItem[];
     descriptionContent?: string;
     descriptionEditable?: boolean;
+    state?: DetailLayoutState;
+    stateTitle?: string;
+    stateDescription?: string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -12,6 +17,7 @@ declare function __VLS_template(): {
         meta?(_: {}): any;
         description?(_: {}): any;
         comments?(_: {}): any;
+        footer?(_: {}): any;
         props?(_: {}): any;
     };
     refs: {};
@@ -23,10 +29,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:descriptionContent"?: ((value: string) => any) | undefined;
 }>, {
+    title: string;
+    task: Task | null;
     comments: CommentData[];
     propItems: PropItem[];
     descriptionContent: string;
     descriptionEditable: boolean;
+    state: DetailLayoutState;
+    stateTitle: string;
+    stateDescription: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/detail/DetailLayout.vue.js

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

package/dist/components/detail/DetailLayout.vue2.js

@@ -1,34 +1,48 @@
-import { defineComponent as h, computed as d, openBlock as s, createElementBlock as a, createElementVNode as e, toDisplayString as i, Fragment as g, normalizeStyle as v, createCommentVNode as r, renderSlot as c, createVNode as C, unref as B, renderList as P, createBlock as b } from "vue";
-import I from "./PropPanel.vue.js";
-import S from "./CommentItem.vue.js";
-import $ from "../editor/ContentBlock.vue.js";
-const E = { class: "detail-layout" }, D = { class: "detail-layout__main" }, L = { class: "detail-layout__title" }, N = { class: "detail-layout__meta" }, V = {
+import { defineComponent as T, computed as s, openBlock as o, createElementBlock as r, createElementVNode as a, toDisplayString as i, Fragment as c, normalizeStyle as k, createCommentVNode as n, renderSlot as d, createBlock as p, resolveDynamicComponent as E, createVNode as N, unref as V, renderList as z } from "vue";
+import { Loader2 as A, AlertCircle as M, Inbox as R } from "lucide-vue-next";
+import U from "./PropPanel.vue.js";
+import F from "./CommentItem.vue.js";
+import j from "../editor/ContentBlock.vue.js";
+const q = { class: "detail-layout" }, w = { class: "detail-layout__main" }, G = { class: "detail-layout__title" }, H = { class: "detail-layout__meta" }, J = {
   key: 0,
   class: "detail-layout__badge detail-layout__badge--role"
-}, M = {
+}, K = {
   key: 1,
   class: "detail-layout__meta-text"
-}, U = { class: "detail-layout__section" }, z = { class: "detail-layout__description" }, F = {
+}, O = ["data-role"], Q = { class: "detail-layout__state-copy" }, W = { class: "detail-layout__state-title" }, X = { class: "detail-layout__state-description" }, Y = { class: "detail-layout__section" }, Z = { class: "detail-layout__description" }, tt = {
   key: 0,
   class: "detail-layout__desc-placeholder"
-}, T = { class: "detail-layout__section" }, j = { class: "detail-layout__comments" }, q = {
+}, et = { class: "detail-layout__section" }, ot = { class: "detail-layout__comments" }, at = {
   key: 0,
   class: "detail-layout__comment-list"
-}, w = {
+}, st = {
   key: 1,
   class: "detail-layout__empty-hint"
-}, A = { class: "detail-layout__sidebar" }, O = /* @__PURE__ */ h({
+}, rt = {
+  key: 0,
+  class: "detail-layout__footer"
+}, lt = {
+  key: 0,
+  class: "detail-layout__sidebar"
+}, pt = /* @__PURE__ */ T({
   __name: "DetailLayout",
   props: {
-    task: {},
+    task: { default: null },
+    title: { default: "" },
     comments: { default: () => [] },
     propItems: { default: () => [] },
     descriptionContent: { default: "" },
-    descriptionEditable: { type: Boolean, default: !1 }
+    descriptionEditable: { type: Boolean, default: !1 },
+    state: { default: "ready" },
+    stateTitle: { default: "" },
+    stateDescription: { default: "" }
   },
   emits: ["update:descriptionContent"],
-  setup(t, { emit: _ }) {
-    const l = t, f = _, u = d(() => ({
+  setup(l, { emit: x }) {
+    const t = l, h = x, C = s(() => {
+      var e;
+      return t.title || ((e = t.task) == null ? void 0 : e.title) || "未命名工作区";
+    }), y = s(() => t.state === "ready"), D = s(() => t.state === "loading" ? A : t.state === "error" ? M : R), L = s(() => t.stateTitle ? t.stateTitle : t.state === "loading" ? "正在准备工作区" : t.state === "error" ? "工作区加载失败" : t.state === "empty" ? "暂无详情内容" : ""), $ = s(() => t.stateDescription ? t.stateDescription : t.state === "loading" ? "请稍候，当前记录的详情数据正在整理。" : t.state === "error" ? "暂时无法展示当前详情，请稍后重试。" : t.state === "empty" ? "当前记录还没有可展示的描述、属性或活动记录。" : ""), _ = s(() => t.task ? {
       todo: { text: "var(--of-status-todo-text)", bg: "var(--of-status-todo-bg)" },
       in_progress: {
         text: "var(--of-status-in-progress-text)",
@@ -36,83 +50,116 @@ const E = { class: "detail-layout" }, D = { class: "detail-layout__main" }, L =
       },
       blocked: { text: "var(--of-status-blocked-text)", bg: "var(--of-status-blocked-bg)" },
       done: { text: "var(--of-status-done-text)", bg: "var(--of-status-done-bg)" }
-    })[l.task.status] ?? {
+    }[t.task.status] ?? {
+      text: "var(--of-color-text-secondary)",
+      bg: "var(--of-color-gray-100)"
+    } : {
       text: "var(--of-color-text-secondary)",
       bg: "var(--of-color-gray-100)"
-    }), m = d(() => ({
+    }), f = s(() => t.task ? {
       P0: { text: "var(--of-priority-p0-text)", bg: "var(--of-priority-p0-bg)" },
       P1: { text: "var(--of-priority-p1-text)", bg: "var(--of-priority-p1-bg)" },
       P2: { text: "var(--of-priority-p2-text)", bg: "var(--of-priority-p2-bg)" },
       P3: { text: "var(--of-priority-p3-text)", bg: "var(--of-priority-p3-bg)" }
-    })[l.task.priority] ?? {
+    }[t.task.priority] ?? {
       text: "var(--of-color-text-secondary)",
       bg: "var(--of-color-gray-100)"
-    }), k = d(() => ({
+    } : {
+      text: "var(--of-color-text-secondary)",
+      bg: "var(--of-color-gray-100)"
+    }), B = s(() => t.task ? {
       todo: "待处理",
       in_progress: "进行中",
       blocked: "阻塞",
       done: "已完成"
-    })[l.task.status] ?? l.task.status), p = d(() => l.descriptionContent || l.task.description || "");
-    function x(o) {
-      f("update:descriptionContent", o);
+    }[t.task.status] ?? t.task.status : ""), I = s(() => t.task ? B.value : ""), P = s(() => t.task ? t.task.priority : ""), v = s(() => {
+      var e;
+      return ((e = t.task) == null ? void 0 : e.role) ?? "";
+    }), m = s(() => {
+      var e;
+      return ((e = t.task) == null ? void 0 : e.assignee) ?? "";
+    }), g = s(() => {
+      var e;
+      return t.descriptionContent || ((e = t.task) == null ? void 0 : e.description) || "";
+    });
+    function S(e) {
+      h("update:descriptionContent", e);
     }
-    return (o, n) => (s(), a("div", E, [
-      e("div", D, [
-        e("h1", L, i(t.task.title), 1),
-        e("div", N, [
-          o.$slots.meta ? r("", !0) : (s(), a(g, { key: 0 }, [
-            e("span", {
+    return (e, u) => (o(), r("div", q, [
+      a("div", w, [
+        a("h1", G, i(C.value), 1),
+        a("div", H, [
+          t.task && !e.$slots.meta ? (o(), r(c, { key: 0 }, [
+            a("span", {
               class: "detail-layout__badge",
-              style: v({ color: u.value.text, backgroundColor: u.value.bg })
-            }, i(k.value), 5),
-            e("span", {
+              style: k({ color: _.value.text, backgroundColor: _.value.bg })
+            }, i(I.value), 5),
+            a("span", {
               class: "detail-layout__badge",
-              style: v({ color: m.value.text, backgroundColor: m.value.bg })
-            }, i(t.task.priority), 5),
-            t.task.role ? (s(), a("span", V, i(t.task.role), 1)) : r("", !0),
-            t.task.assignee ? (s(), a("span", M, i(t.task.assignee), 1)) : r("", !0)
-          ], 64)),
-          c(o.$slots, "meta", {}, void 0, !0)
-        ]),
-        e("div", U, [
-          n[0] || (n[0] = e("div", { class: "detail-layout__section-title" }, "描述", -1)),
-          e("div", z, [
-            c(o.$slots, "description", {}, () => [
-              C(B($), {
-                content: p.value,
-                editable: t.descriptionEditable,
-                "onUpdate:content": x
-              }, null, 8, ["content", "editable"]),
-              p.value ? r("", !0) : (s(), a("p", F, "暂无描述"))
-            ], !0)
-          ])
+              style: k({ color: f.value.text, backgroundColor: f.value.bg })
+            }, i(P.value), 5),
+            v.value ? (o(), r("span", J, i(v.value), 1)) : n("", !0),
+            m.value ? (o(), r("span", K, i(m.value), 1)) : n("", !0)
+          ], 64)) : n("", !0),
+          d(e.$slots, "meta", {}, void 0, !0)
         ]),
-        e("div", T, [
-          n[1] || (n[1] = e("div", { class: "detail-layout__section-title" }, "活动记录", -1)),
-          e("div", j, [
-            c(o.$slots, "comments", {}, () => [
-              t.comments && t.comments.length > 0 ? (s(), a("div", q, [
-                (s(!0), a(g, null, P(t.comments, (y) => (s(), b(S, {
-                  key: y.id,
-                  comment: y
-                }, null, 8, ["comment"]))), 128))
-              ])) : (s(), a("p", w, "暂无活动记录"))
-            ], !0)
+        y.value ? (o(), r(c, { key: 1 }, [
+          a("div", Y, [
+            u[0] || (u[0] = a("div", { class: "detail-layout__section-title" }, "描述", -1)),
+            a("div", Z, [
+              d(e.$slots, "description", {}, () => [
+                N(V(j), {
+                  content: g.value,
+                  editable: l.descriptionEditable,
+                  "onUpdate:content": S
+                }, null, 8, ["content", "editable"]),
+                g.value ? n("", !0) : (o(), r("p", tt, "暂无描述"))
+              ], !0)
+            ])
+          ]),
+          a("div", et, [
+            u[1] || (u[1] = a("div", { class: "detail-layout__section-title" }, "活动记录", -1)),
+            a("div", ot, [
+              d(e.$slots, "comments", {}, () => [
+                l.comments && l.comments.length > 0 ? (o(), r("div", at, [
+                  (o(!0), r(c, null, z(l.comments, (b) => (o(), p(F, {
+                    key: b.id,
+                    comment: b
+                  }, null, 8, ["comment"]))), 128))
+                ])) : (o(), r("p", st, "暂无活动记录"))
+              ], !0)
+            ])
+          ]),
+          e.$slots.footer ? (o(), r("div", rt, [
+            d(e.$slots, "footer", {}, void 0, !0)
+          ])) : n("", !0)
+        ], 64)) : (o(), r("div", {
+          key: 0,
+          class: "detail-layout__state",
+          "data-role": `detail-state-${t.state}`
+        }, [
+          (o(), p(E(D.value), {
+            class: "detail-layout__state-icon",
+            size: 20
+          })),
+          a("div", Q, [
+            a("div", W, i(L.value), 1),
+            a("p", X, i($.value), 1)
           ])
-        ])
+        ], 8, O))
       ]),
-      e("div", A, [
-        c(o.$slots, "props", {}, () => [
-          t.propItems && t.propItems.length > 0 ? (s(), b(I, {
+      y.value ? (o(), r("div", lt, [
+        d(e.$slots, "props", {}, () => [
+          l.propItems && l.propItems.length > 0 ? (o(), p(U, {
             key: 0,
-            items: t.propItems,
+            items: l.propItems,
             title: "属性"
-          }, null, 8, ["items"])) : r("", !0)
+          }, null, 8, ["items"])) : n("", !0)
         ], !0)
-      ])
+      ])) : n("", !0)
     ]));
   }
 });
 export {
-  O as default
+  pt as default
 };

package/dist/components/editor/BlockQuote.vue.js

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

package/dist/components/editor/CodeBlock.vue.js

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

package/dist/components/editor/ContentBlock.vue.js

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

package/dist/components/editor/RefLink.vue.js

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

package/dist/components/editor/RichTextEditor.vue.js

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

package/dist/components/field/FieldAttachment.vue.js

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

package/dist/components/field/FieldCreator.vue.js

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

package/dist/components/field/FieldCurrency.vue.js

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

package/dist/components/field/FieldMarkdownPreview.vue.js

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

package/dist/components/field/FieldMultiSelect.vue.js

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

package/dist/components/field/FieldProgress.vue.js

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

package/dist/components/field/FieldRating.vue.js

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

package/dist/components/field/FieldRelation.vue.js

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

package/dist/components/field/FieldRichText.vue.js

@@ -1,7 +1,7 @@
 import o from "./FieldRichText.vue2.js";
 /* empty css                   */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-062bed7a"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5641f071"]]);
 export {
   i as default
 };

package/dist/components/field/FieldSelect.vue.js

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

package/dist/components/gallery/GalleryCard.vue.js

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

package/dist/components/gallery/GalleryCard.vue2.js

@@ -1,65 +1,69 @@
-import { defineComponent as D, computed as i, openBlock as r, createElementBlock as l, normalizeStyle as _, createElementVNode as t, toDisplayString as c, createCommentVNode as u, Fragment as I, renderList as S, createBlock as B, resolveDynamicComponent as F, createTextVNode as w } from "vue";
-import { CircleIcon as g, FolderIcon as x, CalendarIcon as $, UserIcon as E, TagIcon as N } from "lucide-vue-next";
-const V = ["src"], z = { class: "gallery-card__body" }, A = { class: "gallery-card__title" }, L = {
+import { defineComponent as h, computed as d, openBlock as r, createElementBlock as l, normalizeStyle as y, createElementVNode as t, toDisplayString as c, createCommentVNode as g, Fragment as I, renderList as D, createBlock as S, resolveDynamicComponent as $, createTextVNode as w } from "vue";
+import { CircleIcon as u, FolderIcon as B, CalendarIcon as F, UserIcon as N, TagIcon as V } from "lucide-vue-next";
+const z = ["src"], A = { class: "gallery-card__body" }, E = { class: "gallery-card__title" }, L = {
   key: 0,
   class: "gallery-card__desc"
 }, M = {
   key: 1,
   class: "gallery-card__props"
-}, P = { class: "gallery-card__prop-key" }, T = { class: "gallery-card__prop-value" }, G = { class: "gallery-card__footer" }, U = { class: "gallery-card__task-id" }, Y = { class: "gallery-card__date" }, H = /* @__PURE__ */ D({
+}, P = { class: "gallery-card__prop-key" }, T = { class: "gallery-card__prop-value" }, G = { class: "gallery-card__footer" }, U = { class: "gallery-card__task-id" }, Y = { class: "gallery-card__date" }, H = /* @__PURE__ */ h({
   __name: "GalleryCard",
   props: {
     item: {}
   },
   emits: ["click"],
-  setup(o, { emit: y }) {
-    const a = o, m = y, v = i(() => a.item.bannerColor ?? "#BFDBFE"), p = i(
+  setup(o, { emit: _ }) {
+    const a = o, v = _, m = d(
+      () => a.item.bannerColor ?? "var(--of-surface-selected, var(--of-color-gray-100, #f3f4f6))"
+    ), f = d(
       () => typeof a.item.cover == "string" && /^https?:\/\//.test(a.item.cover)
-    ), d = i(() => (a.item.extraProps ?? []).slice(0, 2)), f = {
-      tag: N,
-      user: E,
-      calendar: $,
-      folder: x
+    ), i = d(() => (a.item.extraProps ?? []).slice(0, 2)), p = {
+      tag: V,
+      user: N,
+      calendar: F,
+      folder: B
     };
     function k(s) {
-      return s ? f[s.toLowerCase()] ?? g : g;
+      return s ? p[s.toLowerCase()] ?? u : u;
     }
-    const C = i(() => {
+    const C = d(() => {
       const s = a.item.updatedAt ?? a.item.createdAt;
       if (!s) return "";
       const e = new Date(s);
       return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
     }), b = {
-      todo: "var(--of-color-gray-400)",
-      in_progress: "var(--of-color-info)",
-      blocked: "var(--of-color-warning)",
-      done: "var(--of-color-success)"
-    }, h = i(() => b[a.item.status] ?? "var(--of-color-gray-400)");
+      todo: "var(--of-text-tertiary, var(--of-color-gray-400))",
+      in_progress: "var(--of-accent-default, var(--of-text-secondary, var(--of-color-gray-500)))",
+      blocked: "var(--of-accent-strong, var(--of-color-error, #dc2626))",
+      done: "var(--of-text-strong, var(--of-color-gray-700, #374151))"
+    }, x = d(
+      () => b[a.item.status] ?? "var(--of-text-tertiary, var(--of-color-gray-400))"
+    );
     return (s, e) => (r(), l("button", {
       class: "gallery-card",
       type: "button",
-      onClick: e[0] || (e[0] = (n) => m("click", o.item))
+      onClick: e[0] || (e[0] = (n) => v("click", o.item))
     }, [
-      p.value ? (r(), l("img", {
+      f.value ? (r(), l("img", {
         key: 0,
         class: "gallery-card__cover",
         src: o.item.cover,
         alt: ""
-      }, null, 8, V)) : (r(), l("div", {
+      }, null, 8, z)) : (r(), l("div", {
         key: 1,
         class: "gallery-card__banner",
-        style: _({ backgroundColor: v.value })
+        style: y({ backgroundColor: m.value })
       }, null, 4)),
-      t("div", z, [
-        t("div", A, c(o.item.title), 1),
-        o.item.description ? (r(), l("div", L, c(o.item.description), 1)) : u("", !0),
+      t("div", A, [
+        t("div", E, c(o.item.title), 1),
+        o.item.description ? (r(), l("div", L, c(o.item.description), 1)) : g("", !0),
         e[3] || (e[3] = t("div", { class: "gallery-card__divider" }, null, -1)),
-        d.value.length > 0 ? (r(), l("div", M, [
-          (r(!0), l(I, null, S(d.value, (n) => (r(), l("div", {
+        i.value.length > 0 ? (r(), l("div", M, [
+          (r(!0), l(I, null, D(i.value, (n) => (r(), l("div", {
             key: n.key,
             class: "gallery-card__prop-row"
           }, [
-            (r(), B(F(k(n.icon)), {
+            (r(), S($(k(n.icon)), {
               class: "gallery-card__prop-icon",
               size: 12
             })),
@@ -67,12 +71,12 @@ const V = ["src"], z = { class: "gallery-card__body" }, A = { class: "gallery-ca
             e[1] || (e[1] = t("span", { class: "gallery-card__prop-spacer" }, null, -1)),
             t("span", T, c(n.value), 1)
           ]))), 128))
-        ])) : u("", !0),
+        ])) : g("", !0),
         t("div", G, [
           t("span", U, [
             t("span", {
               class: "gallery-card__status-dot",
-              style: _({ backgroundColor: h.value })
+              style: y({ backgroundColor: x.value })
             }, null, 4),
             w(" " + c(o.item.id), 1)
           ]),

package/dist/components/gallery/GalleryView.vue.d.ts

@@ -24,5 +24,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     schema: TableSchema;
     coverFieldId: string;
     cardFieldIds: string[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    galleryRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;