@oneflowui/ui 0.4.3 → 0.5.0

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

@@ -0,0 +1,65 @@
+import { defineComponent as p, ref as d, onMounted as b, nextTick as x, openBlock as y, createElementBlock as M, createElementVNode as n, withModifiers as r } from "vue";
+const k = { class: "of-field-richtext" }, w = { class: "of-field-richtext-toolbar" }, T = /* @__PURE__ */ p({
+  __name: "FieldRichText",
+  props: {
+    value: { type: [String, Number, Boolean, Array, null] },
+    field: {}
+  },
+  emits: ["commit", "cancel", "tabNext"],
+  setup(a, { emit: c }) {
+    const s = a, l = c, o = d(null), i = d(typeof s.value == "string" ? s.value : "");
+    b(
+      () => x(() => {
+        o.value && (o.value.innerHTML = i.value, o.value.focus());
+      })
+    );
+    function m(t) {
+      var e;
+      t.key === "Escape" && (t.preventDefault(), l("cancel")), t.key === "Enter" && (t.ctrlKey || t.metaKey) && (t.preventDefault(), l("commit", ((e = o.value) == null ? void 0 : e.innerHTML) ?? i.value));
+    }
+    function v() {
+      var t;
+      l("commit", ((t = o.value) == null ? void 0 : t.innerHTML) ?? i.value);
+    }
+    function u(t) {
+      var e;
+      document.execCommand(t, !1), (e = o.value) == null || e.focus();
+    }
+    return (t, e) => (y(), M("div", k, [
+      n("div", w, [
+        n("button", {
+          type: "button",
+          class: "of-field-richtext-btn",
+          onMousedown: e[0] || (e[0] = r((f) => u("bold"), ["prevent"]))
+        }, [...e[3] || (e[3] = [
+          n("strong", null, "B", -1)
+        ])], 32),
+        n("button", {
+          type: "button",
+          class: "of-field-richtext-btn",
+          onMousedown: e[1] || (e[1] = r((f) => u("italic"), ["prevent"]))
+        }, [...e[4] || (e[4] = [
+          n("em", null, "I", -1)
+        ])], 32),
+        n("button", {
+          type: "button",
+          class: "of-field-richtext-btn",
+          onMousedown: e[2] || (e[2] = r((f) => u("underline"), ["prevent"]))
+        }, [...e[5] || (e[5] = [
+          n("u", null, "U", -1)
+        ])], 32)
+      ]),
+      n("div", {
+        ref_key: "editorRef",
+        ref: o,
+        class: "of-field-richtext-editor",
+        contenteditable: "true",
+        onKeydown: m,
+        onBlur: v
+      }, null, 544)
+    ]));
+  }
+});
+export {
+  T 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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a280810a"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-602f7b18"]]);
 export {
   m as default
 };

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

@@ -1,35 +1,36 @@
-import { defineComponent as R, ref as f, computed as x, onMounted as S, nextTick as V, onBeforeUnmount as z, watch as A, openBlock as l, createElementBlock as a, normalizeStyle as b, toDisplayString as y, createBlock as I, Teleport as T, createElementVNode as F, withModifiers as C, normalizeClass as L, Fragment as O, renderList as P, createCommentVNode as U } from "vue";
-const K = {
+import { defineComponent as V, ref as f, computed as b, onMounted as z, nextTick as A, onBeforeUnmount as I, watch as T, openBlock as l, createElementBlock as a, normalizeStyle as x, toDisplayString as _, createBlock as F, Teleport as O, unref as B, normalizeClass as h, createElementVNode as P, withModifiers as L, Fragment as U, renderList as K, createCommentVNode as W } from "vue";
+import { useBreakpoint as j } from "../../composables/useBreakpoint.js";
+const q = {
   key: 1,
   class: "of-field-select__display"
-}, W = ["onMouseenter", "onClick"], j = { key: 1 }, G = /* @__PURE__ */ R({
+}, G = ["onMouseenter", "onClick"], H = { key: 1 }, X = /* @__PURE__ */ V({
   __name: "FieldSelect",
   props: {
     value: { type: [String, Number, Boolean, Array, null] },
     field: {}
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(M, { emit: B }) {
-    const i = M, _ = B, s = f(null), h = f(null), E = f({ top: "0px", left: "0px", width: "0px" }), p = f(!0), r = x(() => i.field.options ?? []), c = x(() => {
+  setup($, { emit: N }) {
+    const { isMobile: E } = j(), i = $, y = N, s = f(null), D = f(null), C = f({ top: "0px", left: "0px", width: "0px" }), p = f(!0), r = b(() => i.field.options ?? []), c = b(() => {
       const e = typeof i.value == "string" ? i.value : null;
       return r.value.findIndex((t) => t.value === e);
     }), n = f(0);
-    function v() {
+    function d() {
       if (!s.value) return;
       const e = s.value.getBoundingClientRect();
-      E.value = {
+      C.value = {
         top: `${e.bottom}px`,
         left: `${e.left}px`,
         width: `${Math.max(e.width, 160)}px`
       };
     }
     function m(e) {
-      p.value = !1, _("commit", e);
+      p.value = !1, y("commit", e);
     }
     function k() {
-      p.value && (p.value = !1, _("cancel"));
+      p.value && (p.value = !1, y("cancel"));
     }
-    function $(e) {
+    function R(e) {
       var t, o;
       if (!r.value.length) {
         e.key === "Escape" && (e.preventDefault(), k());
@@ -51,71 +52,71 @@ const K = {
         e.preventDefault(), k();
         return;
       }
-      e.key === "Tab" && (e.preventDefault(), m(((o = r.value[n.value]) == null ? void 0 : o.value) ?? null), _("tabNext"));
+      e.key === "Tab" && (e.preventDefault(), m(((o = r.value[n.value]) == null ? void 0 : o.value) ?? null), y("tabNext"));
     }
-    function D(e) {
-      var o, d;
+    function M(e) {
+      var o, v;
       const t = e.target;
-      t && ((o = s.value) != null && o.contains(t) || (d = h.value) != null && d.contains(t) || k());
+      t && ((o = s.value) != null && o.contains(t) || (v = D.value) != null && v.contains(t) || k());
     }
-    S(() => {
-      n.value = c.value >= 0 ? c.value : 0, V(() => {
+    z(() => {
+      n.value = c.value >= 0 ? c.value : 0, A(() => {
         var e;
-        v(), (e = s.value) == null || e.focus();
-      }), window.addEventListener("resize", v), window.addEventListener("scroll", v, !0), window.addEventListener("mousedown", D, !0);
-    }), z(() => {
-      window.removeEventListener("resize", v), window.removeEventListener("scroll", v, !0), window.removeEventListener("mousedown", D, !0);
-    }), A(c, (e) => {
+        d(), (e = s.value) == null || e.focus();
+      }), window.addEventListener("resize", d), window.addEventListener("scroll", d, !0), window.addEventListener("mousedown", M, !0);
+    }), I(() => {
+      window.removeEventListener("resize", d), window.removeEventListener("scroll", d, !0), window.removeEventListener("mousedown", M, !0);
+    }), T(c, (e) => {
       e >= 0 && (n.value = e);
     });
-    const w = x(() => {
+    const w = b(() => {
       const e = typeof i.value == "string" ? i.value : null;
       return r.value.find((t) => t.value === e);
     });
     return (e, t) => {
-      var o, d;
+      var o, v;
       return l(), a("div", {
         ref_key: "triggerRef",
         ref: s,
         class: "of-field-select",
         tabindex: "0",
-        onKeydown: $
+        onKeydown: R
       }, [
         (o = w.value) != null && o.color ? (l(), a("span", {
           key: 0,
           class: "of-field-select__badge",
-          style: b({ background: w.value.color })
-        }, y(w.value.label), 5)) : (l(), a("span", K, y(((d = w.value) == null ? void 0 : d.label) ?? "—"), 1)),
-        (l(), I(T, { to: "body" }, [
+          style: x({ background: w.value.color })
+        }, _(w.value.label), 5)) : (l(), a("span", q, _(((v = w.value) == null ? void 0 : v.label) ?? "—"), 1)),
+        (l(), F(O, { to: "body" }, [
           p.value ? (l(), a("div", {
             key: 0,
             ref_key: "dropdownRef",
-            ref: h,
-            class: "of-field-select__dropdown",
-            style: b(E.value)
+            ref: D,
+            class: h(["of-field-select__dropdown", { "of-field-select__dropdown--sheet": B(E) }]),
+            style: x(B(E) ? {} : C.value)
           }, [
-            F("div", {
-              class: L(["of-field-select__option of-field-select__option--clear", { active: n.value === -1, selected: c.value === -1 }]),
-              onClick: t[0] || (t[0] = C((u) => m(null), ["stop"]))
+            P("div", {
+              class: h(["of-field-select__option of-field-select__option--clear", { active: n.value === -1, selected: c.value === -1 }]),
+              onClick: t[0] || (t[0] = L((u) => m(null), ["stop"]))
             }, " — ", 2),
-            (l(!0), a(O, null, P(r.value, (u, g) => (l(), a("div", {
+            (l(!0), a(U, null, K(r.value, (u, g) => (l(), a("div", {
               key: u.value,
-              class: L(["of-field-select__option", { active: g === n.value, selected: g === c.value }]),
-              onMouseenter: (N) => n.value = g,
-              onClick: C((N) => m(u.value), ["stop"])
+              class: h(["of-field-select__option", { active: g === n.value, selected: g === c.value }]),
+              onMouseenter: (S) => n.value = g,
+              onClick: L((S) => m(u.value), ["stop"])
             }, [
               u.color ? (l(), a("span", {
                 key: 0,
                 class: "of-field-select__badge",
-                style: b({ background: u.color })
-              }, y(u.label), 5)) : (l(), a("span", j, y(u.label), 1))
-            ], 42, W))), 128))
-          ], 4)) : U("", !0)
+                style: x({ background: u.color })
+              }, _(u.label), 5)) : (l(), a("span", H, _(u.label), 1))
+            ], 42, G))), 128))
+          ], 6)) : W("", !0)
         ]))
       ], 544);
     };
   }
 });
 export {
-  G as default
+  X as default
 };

package/dist/components/form/FormDesigner.vue.js

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

package/dist/components/form/FormDesigner.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as z, ref as T, watch as L, computed as P, openBlock as i, createElementBlock as d, createElementVNode as t, toDisplayString as c, createVNode as m, unref as f, createTextVNode as _, createCommentVNode as b, withCtx as $, Fragment as C, renderList as x, normalizeClass as j } from "vue";
+import { defineComponent as z, ref as T, watch as L, computed as P, openBlock as i, createElementBlock as u, createElementVNode as a, toDisplayString as c, createVNode as m, unref as f, createTextVNode as _, createCommentVNode as b, withCtx as $, Fragment as C, renderList as x, normalizeClass as j } from "vue";
 import { Plus as G, GripVertical as U, Trash2 as Y } from "lucide-vue-next";
 import { VueDraggable as A } from "vue-draggable-plus";
 import { isSelectField as h } from "../../types/index.js";
-const H = { class: "of-form-designer" }, J = { class: "of-form-designer__header" }, K = { class: "of-form-designer__title" }, M = { class: "of-form-designer__meta" }, Q = { class: "of-form-designer__inputs" }, R = ["value", "disabled", "onInput"], W = ["value", "disabled", "onChange"], X = ["value"], Z = { class: "of-form-designer__checkbox-label" }, ee = ["checked", "disabled", "onChange"], ne = { class: "of-form-designer__checkbox-label" }, le = ["checked", "disabled", "onChange"], ae = ["onClick"], te = {
+const H = { class: "of-form-designer" }, J = { class: "of-form-designer__header" }, K = { class: "of-form-designer__title" }, M = { class: "of-form-designer__meta" }, Q = { class: "of-form-designer__inputs" }, R = ["value", "disabled", "onInput"], W = ["value", "disabled", "onChange"], X = ["value"], Z = { class: "of-form-designer__checkbox-label" }, ee = ["checked", "disabled", "onChange"], ne = { class: "of-form-designer__checkbox-label" }, le = ["checked", "disabled", "onChange"], te = ["onClick"], ae = {
   key: 1,
   class: "of-form-designer__options-wrap"
-}, oe = ["value", "disabled", "onChange"], ue = /* @__PURE__ */ z({
+}, oe = ["value", "disabled", "onChange"], de = /* @__PURE__ */ z({
   __name: "FormDesigner",
   props: {
     schema: {},
@@ -13,8 +13,8 @@ const H = { class: "of-form-designer" }, J = { class: "of-form-designer__header"
     readonly: { type: Boolean, default: !1 }
   },
   emits: ["update:schema", "change"],
-  setup(r, { emit: y }) {
-    const F = [
+  setup(r, { emit: F }) {
+    const S = [
       { value: "text", label: "文本" },
       { value: "number", label: "数字" },
       { value: "select", label: "单选" },
@@ -30,23 +30,23 @@ const H = { class: "of-form-designer" }, J = { class: "of-form-designer__header"
       { value: "attachment", label: "附件" },
       { value: "relation", label: "关联" },
       { value: "formula", label: "公式" }
-    ], u = r, p = y, o = T(v(u.schema));
+    ], d = r, p = F, o = T(v(d.schema));
     L(
-      () => u.schema,
+      () => d.schema,
       (e) => {
         o.value = v(e);
       },
       { deep: !0 }
     );
-    const S = P(() => `${o.value.fields.length} 个字段`);
+    const w = P(() => `${o.value.fields.length} 个字段`);
     function v(e) {
       return {
         ...e,
-        fields: e.fields.map(w),
+        fields: e.fields.map(y),
         views: e.views.map((n) => ({ ...n }))
       };
     }
-    function w(e) {
+    function y(e) {
       return h(e) ? {
         ...e,
         options: e.options.map((n) => ({ ...n }))
@@ -96,6 +96,16 @@ const H = { class: "of-form-designer" }, J = { class: "of-form-designer__header"
           return { ...n, type: e };
         case "formula":
           return { ...n, type: e, formula: "" };
+        case "currency":
+          return { ...n, type: e };
+        case "richtext":
+          return { ...n, type: e };
+        case "auto_number":
+          return { ...n, type: e };
+        case "creator":
+          return { ...n, type: e };
+        case "progress":
+          return { ...n, type: e };
       }
     }
     function D() {
@@ -105,14 +115,14 @@ const H = { class: "of-form-designer" }, J = { class: "of-form-designer__header"
       ];
     }
     function B() {
-      u.readonly || (o.value.fields.push(V()), s());
+      d.readonly || (o.value.fields.push(V()), s());
     }
     function E(e) {
-      u.readonly || (o.value.fields = o.value.fields.filter((n) => n.id !== e), s());
+      d.readonly || (o.value.fields = o.value.fields.filter((n) => n.id !== e), s());
     }
     function q(e, n) {
-      const a = o.value.fields.findIndex((g) => g.id === e.id);
-      if (a === -1) return;
+      const t = o.value.fields.findIndex((g) => g.id === e.id);
+      if (t === -1) return;
       const l = {
         id: e.id,
         name: e.name,
@@ -120,7 +130,7 @@ const H = { class: "of-form-designer" }, J = { class: "of-form-designer__header"
         hidden: e.hidden,
         width: e.width
       };
-      o.value.fields[a] = h(e) && (n === "select" || n === "multi_select") ? {
+      o.value.fields[t] = h(e) && (n === "select" || n === "multi_select") ? {
         ...l,
         type: n,
         options: e.options.map(
@@ -130,8 +140,8 @@ const H = { class: "of-form-designer" }, J = { class: "of-form-designer__header"
     }
     function I(e, n) {
       if (!h(e)) return;
-      const a = n.split(",").map((l) => l.trim()).filter(Boolean);
-      e.options = a.map((l) => ({ value: l, label: l })), s();
+      const t = n.split(",").map((l) => l.trim()).filter(Boolean);
+      e.options = t.map((l) => ({ value: l, label: l })), s();
     }
     function N(e) {
       return h(e) ? e.options.map((n) => n.label).join(", ") : "";
@@ -139,13 +149,13 @@ const H = { class: "of-form-designer" }, J = { class: "of-form-designer__header"
     function O() {
       s();
     }
-    return (e, n) => (i(), d("div", H, [
-      t("div", J, [
-        t("div", null, [
-          t("h3", K, c(r.title), 1),
-          t("p", M, c(o.value.name) + " · " + c(S.value), 1)
+    return (e, n) => (i(), u("div", H, [
+      a("div", J, [
+        a("div", null, [
+          a("h3", K, c(r.title), 1),
+          a("p", M, c(o.value.name) + " · " + c(w.value), 1)
         ]),
-        r.readonly ? b("", !0) : (i(), d("button", {
+        r.readonly ? b("", !0) : (i(), u("button", {
           key: 0,
           class: "of-form-designer__add-btn",
           onClick: B
@@ -156,81 +166,81 @@ const H = { class: "of-form-designer" }, J = { class: "of-form-designer__header"
       ]),
       m(f(A), {
         modelValue: o.value.fields,
-        "onUpdate:modelValue": n[0] || (n[0] = (a) => o.value.fields = a),
+        "onUpdate:modelValue": n[0] || (n[0] = (t) => o.value.fields = t),
         handle: ".of-form-designer__drag",
         disabled: r.readonly,
         animation: 150,
         onEnd: O
       }, {
         default: $(() => [
-          (i(!0), d(C, null, x(o.value.fields, (a) => (i(), d("div", {
-            key: a.id,
+          (i(!0), u(C, null, x(o.value.fields, (t) => (i(), u("div", {
+            key: t.id,
             class: "of-form-designer__row"
           }, [
-            t("span", {
+            a("span", {
               class: j(["of-form-designer__drag", { disabled: r.readonly }])
             }, [
               m(f(U), { size: 14 })
             ], 2),
-            t("div", Q, [
-              t("input", {
-                value: a.name,
+            a("div", Q, [
+              a("input", {
+                value: t.name,
                 class: "of-form-designer__input",
                 placeholder: "字段名称",
                 disabled: r.readonly,
                 onInput: (l) => {
-                  a.name = String(l.target.value), s();
+                  t.name = String(l.target.value), s();
                 }
               }, null, 40, R),
-              t("select", {
+              a("select", {
                 class: "of-form-designer__select",
-                value: a.type,
+                value: t.type,
                 disabled: r.readonly,
-                onChange: (l) => q(a, l.target.value)
+                onChange: (l) => q(t, l.target.value)
               }, [
-                (i(), d(C, null, x(F, (l) => t("option", {
+                (i(), u(C, null, x(S, (l) => a("option", {
                   key: l.value,
                   value: l.value
                 }, c(l.label), 9, X)), 64))
               ], 40, W),
-              t("label", Z, [
-                t("input", {
+              a("label", Z, [
+                a("input", {
                   type: "checkbox",
-                  checked: !!a.required,
+                  checked: !!t.required,
                   disabled: r.readonly,
                   onChange: (l) => {
-                    a.required = l.target.checked, s();
+                    t.required = l.target.checked, s();
                   }
                 }, null, 40, ee),
                 n[2] || (n[2] = _(" 必填 ", -1))
               ]),
-              t("label", ne, [
-                t("input", {
+              a("label", ne, [
+                a("input", {
                   type: "checkbox",
-                  checked: !!a.hidden,
+                  checked: !!t.hidden,
                   disabled: r.readonly,
                   onChange: (l) => {
-                    a.hidden = l.target.checked, s();
+                    t.hidden = l.target.checked, s();
                   }
                 }, null, 40, le),
                 n[3] || (n[3] = _(" 隐藏 ", -1))
               ])
             ]),
-            r.readonly ? b("", !0) : (i(), d("button", {
+            r.readonly ? b("", !0) : (i(), u("button", {
               key: 0,
               class: "of-form-designer__remove-btn",
-              onClick: (l) => E(a.id)
+              onClick: (l) => E(t.id)
             }, [
               m(f(Y), { size: 14 })
-            ], 8, ae)),
-            a.type === "select" || a.type === "multi_select" ? (i(), d("div", te, [
-              n[4] || (n[4] = t("label", { class: "of-form-designer__options-label" }, "选项（逗号分隔）", -1)),
-              t("input", {
-                value: N(a),
+            ], 8, te)),
+            t.type === "select" || t.type === "multi_select" ? (i(), u("div", ae, [
+              n[4] || (n[4] = a("label", { class: "of-form-designer__options-label" }, "选项（逗号分隔）", -1)),
+              a("input", {
+                value: N(t),
                 class: "of-form-designer__input",
                 placeholder: "例如：待办, 进行中, 完成",
                 disabled: r.readonly,
-                onChange: (l) => I(a, String(l.target.value))
+                onChange: (l) => I(t, String(l.target.value))
               }, null, 40, oe)
             ])) : b("", !0)
           ]))), 128))
@@ -241,5 +251,5 @@ const H = { class: "of-form-designer" }, J = { class: "of-form-designer__header"
   }
 });
 export {
-  ue as default
+  de 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 p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4b208b49"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-38d1e761"]]);
 export {
-  p as default
+  m as default
 };

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

@@ -1,7 +1,9 @@
-import { DataRecord, GalleryItem } from '../../types';
+import { DataRecord, GalleryItem, TableSchema, ViewConfig } from '../../types';
 type __VLS_Props = {
     items?: GalleryItem[];
     records?: DataRecord[];
+    schema?: TableSchema;
+    view?: ViewConfig;
     coverFieldId?: string;
     cardFieldIds?: string[];
     columns?: number;
@@ -15,9 +17,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "onCard-click"?: ((item: GalleryItem) => any) | undefined;
 }>, {
     items: GalleryItem[];
+    view: ViewConfig;
     columns: number;
-    records: DataRecord[];
     addable: boolean;
+    records: DataRecord[];
+    schema: TableSchema;
     coverFieldId: string;
     cardFieldIds: string[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

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

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

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

@@ -1,48 +1,58 @@
-import { defineComponent as u, computed as n, openBlock as t, createElementBlock as d, normalizeStyle as m, Fragment as f, renderList as v, createBlock as p, createVNode as y, unref as k, createElementVNode as I, createCommentVNode as g } from "vue";
-import { PlusIcon as F } from "lucide-vue-next";
-import b from "./GalleryCard.vue.js";
-import { buildGalleryItems as C } from "../../types/index.js";
-const x = /* @__PURE__ */ u({
+import { defineComponent as g, computed as t, openBlock as i, createElementBlock as o, normalizeStyle as p, Fragment as I, renderList as w, createBlock as C, createVNode as k, unref as b, createElementVNode as _, createCommentVNode as B } from "vue";
+import { PlusIcon as V } from "lucide-vue-next";
+import h from "./GalleryCard.vue.js";
+import { buildGalleryItems as G } from "../../types/index.js";
+const S = /* @__PURE__ */ g({
   __name: "GalleryView",
   props: {
     items: { default: () => [] },
     records: { default: () => [] },
+    schema: { default: void 0 },
+    view: { default: void 0 },
     coverFieldId: { default: "" },
     cardFieldIds: { default: () => [] },
     columns: { default: 4 },
     addable: { type: Boolean, default: !0 }
   },
   emits: ["card-click", "add"],
-  setup(o, { emit: i }) {
-    const e = o, a = i, s = n(() => ({
+  setup(n, { emit: v }) {
+    const e = n, s = v, m = t(() => ({
       "--columns": e.columns
-    })), c = n(() => e.items.length > 0 ? e.items : e.records.length > 0 ? C(e.records, {
-      coverFieldId: e.coverFieldId || void 0,
-      cardFieldIds: e.cardFieldIds
+    })), c = t(
+      () => {
+        var d;
+        return e.coverFieldId || ((d = e.view) == null ? void 0 : d.galleryCoverFieldId) || "";
+      }
+    ), f = t(() => {
+      var d, l, r, a, u;
+      return (d = e.cardFieldIds) != null && d.length ? e.cardFieldIds : (r = (l = e.view) == null ? void 0 : l.galleryCardFields) != null && r.length ? e.view.galleryCardFields : (u = (a = e.view) == null ? void 0 : a.visibleFields) != null && u.length ? e.view.visibleFields.filter((F) => F !== c.value) : [];
+    }), y = t(() => e.items.length > 0 ? e.items : e.records.length > 0 ? G(e.records, {
+      coverFieldId: c.value || void 0,
+      cardFieldIds: f.value
     }) : []);
-    return (_, l) => (t(), d("div", {
+    return (d, l) => (i(), o("div", {
       class: "gallery-view",
-      style: m(s.value)
+      style: p(m.value)
     }, [
-      (t(!0), d(f, null, v(c.value, (r) => (t(), p(b, {
+      (i(!0), o(I, null, w(y.value, (r) => (i(), C(h, {
         key: r.id,
         item: r,
-        onClick: (w) => a("card-click", r)
+        onClick: (a) => s("card-click", r)
       }, null, 8, ["item", "onClick"]))), 128)),
-      o.addable ? (t(), d("button", {
+      n.addable ? (i(), o("button", {
         key: 0,
         class: "gallery-view__add-btn",
-        onClick: l[0] || (l[0] = (r) => a("add"))
+        onClick: l[0] || (l[0] = (r) => s("add"))
       }, [
-        y(k(F), {
+        k(b(V), {
           size: 18,
           class: "gallery-view__add-icon"
         }),
-        l[1] || (l[1] = I("span", { class: "gallery-view__add-label" }, "添加", -1))
-      ])) : g("", !0)
+        l[1] || (l[1] = _("span", { class: "gallery-view__add-label" }, "添加", -1))
+      ])) : B("", !0)
     ], 4));
   }
 });
 export {
-  x as default
+  S as default
 };

package/dist/components/kanban/KanbanBoard.vue.d.ts

@@ -1,7 +1,9 @@
-import { DataRecord, KanbanColumnData, Task } from '../../types';
+import { DataRecord, KanbanColumnData, Task, TableSchema, ViewConfig } from '../../types';
 type __VLS_Props = {
     columns?: KanbanColumnData[];
     records?: DataRecord[];
+    schema?: TableSchema;
+    view?: ViewConfig;
     kanbanFieldId?: string;
     laneOrder?: string[];
     laneTitles?: Record<string, string>;
@@ -16,8 +18,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "onCard-click"?: ((task: Task) => any) | undefined;
     "onAdd-column"?: (() => any) | undefined;
 }>, {
+    view: ViewConfig;
     columns: KanbanColumnData[];
     records: DataRecord[];
+    schema: TableSchema;
     kanbanFieldId: string;
     laneOrder: string[];
     laneTitles: Record<string, string>;

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

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