@oneflowui/ui 0.5.6 → 0.5.8

package/dist/components/timeline/GanttTimeline.vue.js

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

package/dist/components/timeline/GanttTimeline.vue2.js

@@ -7,15 +7,15 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
 }, f = 40, lt = /* @__PURE__ */ J({
   __name: "GanttTimeline",
   props: {
-    records: {},
-    schema: {},
-    viewConfig: {},
+    records: { default: void 0 },
+    schema: { default: void 0 },
+    viewConfig: { default: void 0 },
     startFieldId: { default: "startDate" },
     endFieldId: { default: "endDate" },
     labelFieldId: { default: "title" },
-    items: {},
-    data: {},
-    startDate: {},
+    items: { default: void 0 },
+    data: { default: void 0 },
+    startDate: { default: void 0 },
     days: { default: 30 }
   },
   emits: ["row-click", "record-change", "update:records"],
@@ -71,8 +71,8 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
     )), O = s(() => {
       var a, r;
       const e = [...m.value], t = (r = (a = n.viewConfig) == null ? void 0 : a.sorts) == null ? void 0 : r[0];
-      return t && e.sort((d, v) => {
-        const o = d[t.fieldId] ?? "", q = v[t.fieldId] ?? "", M = String(o).localeCompare(String(q));
+      return t && e.sort((o, g) => {
+        const d = o[t.fieldId] ?? "", q = g[t.fieldId] ?? "", M = String(d).localeCompare(String(q));
         return t.direction === "desc" ? -M : M;
       }), e;
     }), V = s(() => {
@@ -86,9 +86,9 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
         return p(n.startDate || x(), n.days - 1);
       const e = Math.max(...m.value.map((a) => i(a.endDate).getTime())), t = new Date(e);
       return t.setDate(t.getDate() + 1), h(t);
-    }), D = s(() => n.startDate || V.value), g = s(() => n.startDate ? n.days : Math.max(n.days, y(D.value, Y.value) + 1)), N = s(() => {
+    }), D = s(() => n.startDate || V.value), v = s(() => n.startDate ? n.days : Math.max(n.days, y(D.value, Y.value) + 1)), N = s(() => {
       const e = [];
-      for (let t = 0; t < g.value; t++)
+      for (let t = 0; t < v.value; t++)
         e.push(p(D.value, t));
       return e;
     }), u = K([]);
@@ -100,10 +100,10 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
       { immediate: !0 }
     );
     const C = s(() => {
-      const e = D.value, t = g.value;
+      const e = D.value, t = v.value;
       return u.value.map((a) => {
-        const r = Math.max(0, y(e, a.startDate)), d = Math.max(r, y(e, a.endDate)), v = Math.max(1, d - r + 1);
-        return { row: a, offsetDays: Math.min(r, t - 1), durationDays: v };
+        const r = Math.max(0, y(e, a.startDate)), o = Math.max(r, y(e, a.endDate)), g = Math.max(1, o - r + 1);
+        return { row: a, offsetDays: Math.min(r, t - 1), durationDays: g };
       });
     }), $ = h(/* @__PURE__ */ new Date());
     function A(e) {
@@ -115,10 +115,10 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
     }
     const k = s(() => {
       const e = y(D.value, $);
-      return e < 0 || e > g.value - 1 ? null : e * f + f / 2;
+      return e < 0 || e > v.value - 1 ? null : e * f + f / 2;
     });
     function j(e) {
-      const t = u.value.findIndex((o) => o.id === e.id);
+      const t = u.value.findIndex((d) => d.id === e.id);
       if (t === -1) return;
       const a = p(D.value, e.offsetDays), r = p(a, e.durationDays - 1);
       u.value[t] = {
@@ -126,22 +126,22 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
         startDate: a,
         endDate: r
       };
-      const d = u.value[t].sourceRecordId;
-      if (!d) return;
+      const o = u.value[t].sourceRecordId;
+      if (!o) return;
       S("record-change", {
-        recordId: d,
+        recordId: o,
         startDate: a,
         endDate: r
       });
-      const v = F.value.map((o) => o.id !== d ? o : {
-        ...o,
+      const g = F.value.map((d) => d.id !== o ? d : {
+        ...d,
         fields: {
-          ...o.fields,
+          ...d.fields,
           [n.startFieldId]: a,
           [n.endFieldId]: r
         }
       });
-      S("update:records", v);
+      S("update:records", g);
     }
     return (e, t) => (l(), c("div", {
       class: "gantt-timeline",
@@ -151,7 +151,7 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
         t[0] || (t[0] = I("div", { class: "gantt-timeline__header-label" }, "任务", -1)),
         I("div", {
           class: "gantt-timeline__header-dates",
-          style: _({ width: `${g.value * f}px` })
+          style: _({ width: `${v.value * f}px` })
         }, [
           (l(!0), c(R, null, T(N.value, (a) => (l(), c("div", {
             key: a,
@@ -172,7 +172,7 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
           "offset-days": a.offsetDays,
           "duration-days": a.durationDays,
           "day-width": f,
-          "total-days": g.value,
+          "total-days": v.value,
           onChange: j,
           onClick: (r) => S("row-click", a.row)
         }, null, 8, ["item", "offset-days", "duration-days", "total-days", "onClick"]))), 128)),

package/dist/composables/useColumnResize.d.ts

@@ -1,7 +1,10 @@
 import { Ref } from 'vue';
-import { TableColumn } from '../types';
+import { Density, TableColumn } from '../types';
 export interface UseColumnResizeOptions {
     columns: Ref<TableColumn[]>;
+    rows?: Ref<ReadonlyArray<Record<string, unknown>>>;
+    density?: Ref<Density>;
+    sampleSize?: number;
     /** Minimum column width in px (default 60) */
     minWidth?: number;
     /** Called on every mousemove during resize */

package/dist/composables/useColumnResize.js

@@ -1,58 +1,127 @@
-import { ref as o, onUnmounted as b, readonly as a } from "vue";
-function E(u) {
-  const d = u.minWidth ?? 60, m = o(!1), v = o(null), i = o(/* @__PURE__ */ new Map()), f = o(0), h = o(!1);
-  let n = null, y = "", W = "";
-  function X(e) {
+import { ref as g, onUnmounted as E, readonly as M } from "vue";
+const z = {
+  compact: {
+    fillMinWidth: 180,
+    basePadding: 18,
+    labelPadding: 22,
+    autoFitPadding: 18,
+    clampMax: 360
+  },
+  standard: {
+    fillMinWidth: 220,
+    basePadding: 24,
+    labelPadding: 26,
+    autoFitPadding: 24,
+    clampMax: 420
+  },
+  comfortable: {
+    fillMinWidth: 240,
+    basePadding: 28,
+    labelPadding: 30,
+    autoFitPadding: 30,
+    clampMax: 480
+  }
+}, F = {
+  string: 180,
+  number: 110,
+  date: 140,
+  status: 124,
+  priority: 124
+};
+function S(t) {
+  return t ?? "standard";
+}
+function k(t) {
+  if (t == null) return "";
+  if (typeof t == "string") return t;
+  if (typeof t == "number" || typeof t == "boolean" || typeof t == "bigint")
+    return String(t);
+  if (t instanceof Date) return t.toISOString();
+  if (Array.isArray(t)) return t.map((a) => k(a)).join(", ");
+  if (typeof t == "object")
+    try {
+      return JSON.stringify(t);
+    } catch {
+      return String(t);
+    }
+  return String(t);
+}
+function w(t) {
+  let a = 0;
+  for (const s of t)
+    a += s.charCodeAt(0) <= 127 ? 7 : 14;
+  return a;
+}
+function D(t, a, s, m) {
+  const i = z[s], h = t.type ? F[t.type] : 168, y = w(t.label) + i.labelPadding, r = a.slice(0, Math.max(1, m));
+  let c = 0;
+  for (const p of r) {
+    const f = k(p[t.key]);
+    f && (c = Math.max(c, w(f) + i.basePadding));
+  }
+  const W = t.key === "id" ? 120 : t.key === "title" ? 220 : t.key === "description" ? 260 : 0, b = Math.max(h, y, c, W, i.fillMinWidth);
+  return Math.min(Math.max(b, i.fillMinWidth), i.clampMax);
+}
+function T(t) {
+  const a = t.minWidth ?? 60, s = g(!1), m = g(null), i = g(/* @__PURE__ */ new Map()), h = g(0), y = g(!1);
+  let r = null, c = "", W = "";
+  function b(e) {
+    var u, d;
     if (i.value.has(e))
       return i.value.get(e);
-    const t = u.columns.value.find((s) => s.key === e);
-    return !t || t.width === "fill" ? 200 : t.width ?? 200;
+    const n = t.columns.value.find((x) => x.key === e), l = S((u = t.density) == null ? void 0 : u.value), o = z[l];
+    return n ? n.width === "fill" ? n.minWidth ?? o.fillMinWidth : typeof n.width == "number" ? n.width : D(
+      n,
+      ((d = t.rows) == null ? void 0 : d.value) ?? [],
+      l,
+      t.sampleSize ?? 8
+    ) : o.fillMinWidth;
   }
-  function w(e) {
-    var r;
-    if (!n) return;
-    const t = e.clientX - n.startX, s = Math.max(d, n.initialWidth + t), l = new Map(i.value);
-    l.set(n.colKey, s), i.value = l, f.value = e.clientX, (r = u.onResize) == null || r.call(u, n.colKey, s);
+  function p(e) {
+    var u;
+    if (!r) return;
+    const n = e.clientX - r.startX, l = Math.max(a, r.initialWidth + n), o = new Map(i.value);
+    o.set(r.colKey, l), i.value = o, h.value = e.clientX, (u = t.onResize) == null || u.call(t, r.colKey, l);
   }
-  function z() {
-    n && (document.body.style.cursor = y, document.body.style.userSelect = W, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", z), m.value = !1, v.value = null, h.value = !1, n = null);
+  function f() {
+    r && (document.body.style.cursor = c, document.body.style.userSelect = W, document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", f), s.value = !1, m.value = null, y.value = !1, r = null);
   }
-  function R(e, t) {
-    e.preventDefault(), e.stopPropagation(), n = {
-      colKey: t,
+  function I(e, n) {
+    e.preventDefault(), e.stopPropagation(), r = {
+      colKey: n,
       startX: e.clientX,
-      initialWidth: X(t)
-    }, m.value = !0, v.value = t, f.value = e.clientX, h.value = !0, y = document.body.style.cursor, W = document.body.style.userSelect, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", w), document.addEventListener("mouseup", z);
-  }
-  function g(e) {
-    return X(e);
-  }
-  function C(e, t) {
-    var r;
-    if (!t) return;
-    const s = t.querySelectorAll(`[data-col-key="${e}"]`);
-    let l = d;
-    if (s.forEach((c) => {
-      const M = c.firstElementChild;
-      M && (l = Math.max(l, M.scrollWidth + 24));
-    }), l > d) {
-      const c = new Map(i.value);
-      c.set(e, l), i.value = c, (r = u.onResize) == null || r.call(u, e, l);
+      initialWidth: b(n)
+    }, s.value = !0, m.value = n, h.value = e.clientX, y.value = !0, c = document.body.style.cursor, W = document.body.style.userSelect, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", p), document.addEventListener("mouseup", f);
+  }
+  function X(e) {
+    return b(e);
+  }
+  function R(e, n) {
+    var x, C;
+    if (!n) return;
+    const l = S((x = t.density) == null ? void 0 : x.value), o = z[l].autoFitPadding, u = n.querySelectorAll(`[data-col-key="${e}"]`);
+    let d = a;
+    if (u.forEach((v) => {
+      const P = v.firstElementChild;
+      P && (d = Math.max(d, P.scrollWidth + o));
+    }), d > a) {
+      const v = new Map(i.value);
+      v.set(e, d), i.value = v, (C = t.onResize) == null || C.call(t, e, d);
     }
   }
-  return b(() => {
-    n && z();
+  return E(() => {
+    r && f();
   }), {
-    startResize: R,
-    isResizing: a(m),
-    resizingColumn: a(v),
-    columnWidthOverrides: a(i),
-    resolvedWidth: g,
-    autoFitColumn: C,
-    resizeIndicatorX: a(f),
-    showResizeIndicator: a(h)
+    startResize: I,
+    isResizing: M(s),
+    resizingColumn: M(m),
+    columnWidthOverrides: M(i),
+    resolvedWidth: X,
+    autoFitColumn: R,
+    resizeIndicatorX: M(h),
+    showResizeIndicator: M(y)
   };
 }
 export {
-  E as useColumnResize
+  T as useColumnResize
 };

package/dist/composables/useKeyboardNavigation.d.ts

@@ -5,7 +5,7 @@ export interface UseKeyboardNavigationOptions {
     columns: Ref<TableColumn[]>;
     rows: Ref<Array<{
         id: string;
-    } & Record<string, any>>>;
+    } & Record<string, unknown>>>;
     containerRef: Ref<HTMLElement | null>;
     editingCell: Ref<EditingCell | null>;
     enabled: Ref<boolean>;

package/dist/composables/useRowDrag.d.ts

@@ -17,16 +17,18 @@ export interface RowGroupChangePayload {
     groupFieldId: string;
     newValue: unknown;
 }
-export declare function useRowDrag<T extends Record<string, any>>(options: UseRowDragOptions<T>): {
+type RowDragItem<T> = T | GroupedListItem<T>;
+export declare function useRowDrag<T extends Record<string, unknown>>(options: UseRowDragOptions<T>): {
     isDragging: Readonly<Ref<boolean, boolean>>;
     draggedRowId: Readonly<Ref<string | null, string | null>>;
     dropTargetId: Readonly<Ref<string | null, string | null>>;
-    dropPosition: Readonly<Ref<"before" | "after" | "into-group", "before" | "after" | "into-group">>;
-    handleDragStart: (e: DragEvent, item: GroupedListItem<T>) => void;
-    handleDragOver: (e: DragEvent, targetItem: GroupedListItem<T>) => void;
-    handleDrop: (e: DragEvent, targetItem: GroupedListItem<T>, callbacks: {
+    dropPosition: Readonly<Ref<"after" | "before" | "into-group", "after" | "before" | "into-group">>;
+    handleDragStart: (e: DragEvent, item: RowDragItem<T>) => void;
+    handleDragOver: (e: DragEvent, targetItem: RowDragItem<T>) => void;
+    handleDrop: (e: DragEvent, targetItem: RowDragItem<T>, callbacks: {
         onReorder?: (payload: RowReorderPayload) => void;
         onGroupChange?: (payload: RowGroupChangePayload) => void;
     }) => void;
     handleDragEnd: () => void;
 };
+export {};

package/dist/composables/useRowDrag.js

@@ -1,11 +1,11 @@
 import { ref as c, readonly as D } from "vue";
-function y(i) {
+function x(i) {
   const I = c(!1), u = c(null), g = c(null), s = c("before");
-  let v = null;
+  let p = null;
   function f(e) {
-    return (e == null ? void 0 : e.__type) === "group-header";
+    return typeof e == "object" && e !== null && "__type" in e && e.__type === "group-header";
   }
-  function d(e) {
+  function l(e) {
     return String(e.id ?? "");
   }
   function T(e, r) {
@@ -13,61 +13,61 @@ function y(i) {
       e.preventDefault();
       return;
     }
-    v = r, u.value = d(r), I.value = !0, e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", u.value));
+    p = r, u.value = l(r), I.value = !0, e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", u.value));
   }
   function R(e, r) {
-    var l;
-    if (e.preventDefault(), !v) return;
+    var d;
+    if (e.preventDefault(), !p) return;
     if (e.dataTransfer && (e.dataTransfer.dropEffect = "move"), f(r)) {
-      (l = i.enableCrossGroupDrag) != null && l.value && (g.value = r.id, s.value = "into-group");
+      (d = i.enableCrossGroupDrag) != null && d.value && (g.value = r.id, s.value = "into-group");
       return;
     }
     const n = e.currentTarget;
     if (!n) return;
-    const t = n.getBoundingClientRect(), p = e.clientY - t.top < t.height / 2;
-    g.value = d(r), s.value = p ? "before" : "after";
+    const t = n.getBoundingClientRect(), v = e.clientY - t.top < t.height / 2;
+    g.value = l(r), s.value = v ? "before" : "after";
   }
-  function C(e, r, n) {
-    var o, p, l, w;
-    if (e.preventDefault(), !v || !u.value) {
+  function _(e, r, n) {
+    var o, v, d, w;
+    if (e.preventDefault(), !p || !u.value) {
       h();
       return;
     }
     const t = u.value;
     if (f(r)) {
       const a = (o = i.groupFieldId) == null ? void 0 : o.value;
-      a && ((p = i.enableCrossGroupDrag) != null && p.value) && ((l = n.onGroupChange) == null || l.call(n, {
+      a && ((v = i.enableCrossGroupDrag) != null && v.value) && ((d = n.onGroupChange) == null || d.call(n, {
         rowId: t,
         groupFieldId: a,
         newValue: r.__groupKey
       }));
     } else {
-      const a = d(r);
+      const a = l(r);
       t !== a && ((w = n.onReorder) == null || w.call(n, {
         rowId: t,
-        beforeRowId: s.value === "before" ? a : _(a)
+        beforeRowId: s.value === "before" ? a : C(a)
       }));
     }
     h();
   }
-  function G() {
+  function y() {
     h();
   }
-  function _(e) {
+  function C(e) {
     const r = i.processedItems.value;
     for (let n = 0; n < r.length; n++) {
       const t = r[n];
-      if (!f(t) && d(t) === e) {
+      if (!f(t) && l(t) === e) {
         for (let o = n + 1; o < r.length; o++)
           if (!f(r[o]))
-            return d(r[o]);
+            return l(r[o]);
         return null;
       }
     }
     return null;
   }
   function h() {
-    I.value = !1, u.value = null, g.value = null, v = null;
+    I.value = !1, u.value = null, g.value = null, p = null;
   }
   return {
     isDragging: D(I),
@@ -76,10 +76,10 @@ function y(i) {
     dropPosition: D(s),
     handleDragStart: T,
     handleDragOver: R,
-    handleDrop: C,
-    handleDragEnd: G
+    handleDrop: _,
+    handleDragEnd: y
   };
 }
 export {
-  y as useRowDrag
+  x as useRowDrag
 };

package/dist/composables/useSupabaseProvider.d.ts

@@ -27,7 +27,14 @@ export interface SupabaseFilterBuilder {
         type?: "plain" | "phrase" | "websearch";
     }): SupabaseFilterBuilder;
     or(filters: string): SupabaseFilterBuilder;
-    then<T>(onfulfilled?: (value: any) => T): Promise<T>;
+    then<TResult1 = SupabaseQueryResult>(onfulfilled?: ((value: SupabaseQueryResult) => TResult1 | PromiseLike<TResult1>) | null, onrejected?: ((reason: unknown) => TResult1 | PromiseLike<TResult1>) | null): Promise<TResult1>;
+}
+export interface SupabaseQueryResult {
+    data: Record<string, unknown>[] | null;
+    error: {
+        message: string;
+    } | null;
+    count: number | null;
 }
 export interface UseSupabaseProviderOptions {
     /** Supabase client instance (pass your createClient() result) */

package/dist/composables/useTableData.d.ts

@@ -4,14 +4,16 @@ export interface UseTableDataOptions {
     tasks?: Ref<Task[] | undefined>;
     records?: Ref<DataRecord[] | undefined>;
 }
+type TableRowBase = {
+    id: string;
+} & Record<string, unknown>;
 /**
  * 将 Task[] 或 DataRecord[] 标准化为统一的行格式 T[]。
  *
  * - 优先使用 records：展开 fields 并保留 createdAt/updatedAt/__record 元信息
  * - 否则使用 tasks（原样透传，不做额外转换）
  */
-export declare function useTableData<T extends {
-    id: string;
-} & Record<string, any>>(options: UseTableDataOptions): {
+export declare function useTableData<T extends TableRowBase>(options: UseTableDataOptions): {
     rows: import('vue').ComputedRef<T[]>;
 };
+export {};

package/dist/composables/useTableGroup.d.ts

@@ -25,9 +25,9 @@ export type GroupHeaderItem = {
 export type GroupedListItem<T> = (T & {
     __type: "data-row";
 }) | GroupHeaderItem;
-export declare function useTableGroup<T extends Record<string, any>>(options: UseTableGroupOptions<T>): {
+export declare function useTableGroup<T extends Record<string, unknown>>(options: UseTableGroupOptions<T>): {
     groupedItems: import('vue').ComputedRef<GroupedListItem<T>[]>;
     collapsedGroups: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>, Set<string> | (Set<string> & Omit<Set<string>, keyof Set<any>>)>;
     toggleGroup: (groupKey: string) => void;
-    isGroupHeader: (item: any) => item is GroupHeaderItem;
+    isGroupHeader: (item: GroupedListItem<T>) => item is GroupHeaderItem;
 };

package/dist/composables/useViewPersistence.d.ts

@@ -10,12 +10,40 @@ export interface ViewStorageBackend {
 export declare function createLocalStorageBackend(): ViewStorageBackend;
 export interface SupabaseViewBackendOptions {
     /** Supabase client (最小接口：from().select/insert/update/delete) */
-    client: {
-        from(table: string): any;
-    };
+    client: SupabaseViewClientLike;
     /** 存储视图配置的表名，默认 'view_configs' */
     tableName?: string;
 }
+interface SupabaseMutationResult {
+    error: {
+        message: string;
+    } | null;
+}
+interface SupabaseViewRow {
+    config: ViewConfig;
+}
+interface SupabaseViewDeleteBuilder extends PromiseLike<SupabaseMutationResult> {
+    eq(column: string, value: string): SupabaseViewDeleteBuilder;
+}
+interface SupabaseViewQueryBuilder {
+    select(columns: string): SupabaseViewQueryBuilder;
+    eq(column: string, value: string): SupabaseViewQueryBuilder;
+    order(column: string, options?: {
+        ascending?: boolean;
+    }): Promise<{
+        data: SupabaseViewRow[] | null;
+        error: {
+            message: string;
+        } | null;
+    }>;
+    upsert(value: Record<string, unknown>, options?: {
+        onConflict?: string;
+    }): Promise<SupabaseMutationResult>;
+    delete(): SupabaseViewDeleteBuilder;
+}
+interface SupabaseViewClientLike {
+    from(table: string): SupabaseViewQueryBuilder;
+}
 export declare function createSupabaseBackend(options: SupabaseViewBackendOptions): ViewStorageBackend;
 export interface UseViewPersistenceOptions {
     /** 表 ID */
@@ -96,3 +124,4 @@ export declare function useViewPersistence(options: UseViewPersistenceOptions):
     duplicateView: (sourceViewId: string, newName: string) => Promise<string>;
     updateActiveView: (patch: Partial<ViewConfig>) => void;
 };
+export {};

package/dist/composables/useVirtualList.d.ts

@@ -4,6 +4,7 @@ export interface UseVirtualListOptions<T> {
     itemHeight: number | ((index: number) => number);
     overscan?: number;
     containerRef: Ref<HTMLElement | null>;
+    invalidateKey?: Ref<unknown>;
     /** Optional callback to measure actual row height after render. When provided, measured heights override itemHeight. */
     measureRow?: boolean;
 }