@oneflowui/ui 0.4.2 → 0.4.4

package/dist/components/table/ColumnHeaderMenu.vue2.js

@@ -0,0 +1,153 @@
+import { defineComponent as $, ref as y, computed as p, onMounted as w, nextTick as z, openBlock as a, createBlock as B, Teleport as L, createElementBlock as d, withModifiers as E, createElementVNode as l, normalizeStyle as S, withKeys as v, toDisplayString as N, createVNode as u, createCommentVNode as c, unref as r, Fragment as A } from "vue";
+import { ArrowUp as D, ArrowDown as M, EyeOff as P, Copy as V, Trash2 as F } from "lucide-vue-next";
+import I from "./FieldTypePicker.vue.js";
+const O = { class: "of-col-menu__section" }, H = ["value"], R = { class: "of-col-menu__item-value" }, U = {
+  key: 0,
+  class: "of-col-menu__sub"
+}, G = /* @__PURE__ */ $({
+  __name: "ColumnHeaderMenu",
+  props: {
+    colKey: {},
+    colLabel: {},
+    fieldType: {},
+    sortOrder: {},
+    visible: { type: Boolean },
+    x: {},
+    y: {},
+    deletable: { type: Boolean, default: !0 }
+  },
+  emits: ["close", "rename", "change-type", "sort", "hide", "delete", "duplicate"],
+  setup(s, { emit: b }) {
+    const i = s, t = b, f = y(null), m = y(!1), k = {
+      text: "文本",
+      number: "数字",
+      select: "单选",
+      multi_select: "多选",
+      date: "日期",
+      datetime: "日期时间",
+      checkbox: "复选框",
+      url: "链接",
+      email: "邮箱",
+      phone: "电话",
+      rating: "评分",
+      currency: "货币",
+      richtext: "富文本",
+      auto_number: "自动编号",
+      creator: "创建者",
+      progress: "进度",
+      relation: "关联",
+      attachment: "附件",
+      formula: "公式",
+      user: "用户"
+    }, C = p(() => k[i.fieldType ?? ""] ?? i.fieldType ?? "");
+    w(() => z(() => {
+      var o;
+      return (o = f.value) == null ? void 0 : o.select();
+    }));
+    function T(o) {
+      const n = o.target.value.trim();
+      n && n !== i.colLabel && t("rename", i.colKey, n), t("close");
+    }
+    function x(o) {
+      t("change-type", i.colKey, o), m.value = !1, t("close");
+    }
+    function K() {
+      t("delete", i.colKey), t("close");
+    }
+    const g = p(() => {
+      const o = {};
+      return o.left = `${i.x}px`, o.top = `${i.y}px`, o;
+    });
+    return (o, e) => (a(), B(L, { to: "body" }, [
+      s.visible ? (a(), d("div", {
+        key: 0,
+        class: "of-col-menu-overlay",
+        onClick: e[6] || (e[6] = E((n) => t("close"), ["self"]))
+      }, [
+        l("div", {
+          class: "of-col-menu",
+          style: S(g.value)
+        }, [
+          l("div", O, [
+            l("input", {
+              ref_key: "renameInput",
+              ref: f,
+              class: "of-col-menu__rename-input",
+              value: s.colLabel,
+              placeholder: "字段名称",
+              onKeydown: [
+                v(T, ["enter"]),
+                e[0] || (e[0] = v((n) => t("close"), ["escape"]))
+              ]
+            }, null, 40, H)
+          ]),
+          e[14] || (e[14] = l("div", { class: "of-col-menu__divider" }, null, -1)),
+          l("button", {
+            class: "of-col-menu__item",
+            onClick: e[1] || (e[1] = (n) => m.value = !m.value)
+          }, [
+            e[7] || (e[7] = l("span", null, "字段类型", -1)),
+            l("span", R, N(C.value), 1)
+          ]),
+          m.value ? (a(), d("div", U, [
+            u(I, {
+              "current-type": s.fieldType,
+              onSelect: x
+            }, null, 8, ["current-type"])
+          ])) : c("", !0),
+          e[15] || (e[15] = l("div", { class: "of-col-menu__divider" }, null, -1)),
+          l("button", {
+            class: "of-col-menu__item",
+            onClick: e[2] || (e[2] = (n) => {
+              t("sort", s.colKey, "asc"), t("close");
+            })
+          }, [
+            u(r(D), { size: 14 }),
+            e[8] || (e[8] = l("span", null, "升序排序", -1))
+          ]),
+          l("button", {
+            class: "of-col-menu__item",
+            onClick: e[3] || (e[3] = (n) => {
+              t("sort", s.colKey, "desc"), t("close");
+            })
+          }, [
+            u(r(M), { size: 14 }),
+            e[9] || (e[9] = l("span", null, "降序排序", -1))
+          ]),
+          e[16] || (e[16] = l("div", { class: "of-col-menu__divider" }, null, -1)),
+          l("button", {
+            class: "of-col-menu__item",
+            onClick: e[4] || (e[4] = (n) => {
+              t("hide", s.colKey), t("close");
+            })
+          }, [
+            u(r(P), { size: 14 }),
+            e[10] || (e[10] = l("span", null, "隐藏列", -1))
+          ]),
+          l("button", {
+            class: "of-col-menu__item",
+            onClick: e[5] || (e[5] = (n) => {
+              t("duplicate", s.colKey), t("close");
+            })
+          }, [
+            u(r(V), { size: 14 }),
+            e[11] || (e[11] = l("span", null, "复制列", -1))
+          ]),
+          s.deletable ? (a(), d(A, { key: 1 }, [
+            e[13] || (e[13] = l("div", { class: "of-col-menu__divider" }, null, -1)),
+            l("button", {
+              class: "of-col-menu__item of-col-menu__item--danger",
+              onClick: K
+            }, [
+              u(r(F), { size: 14 }),
+              e[12] || (e[12] = l("span", null, "删除列", -1))
+            ])
+          ], 64)) : c("", !0)
+        ], 4)
+      ])) : c("", !0)
+    ]));
+  }
+});
+export {
+  G as default
+};

package/dist/components/table/DataTable.vue.d.ts

@@ -1,19 +1,60 @@
 import { FieldDef as CellFieldDef } from './FieldCell.vue';
-import { Task, TableColumn, ColorMap, DataRecord, TableSchema, ViewConfig } from '../../types';
+import { Task, TableColumn, ColorMap, DataRecord, TableSchema, ViewConfig, ActiveCell, AggregationConfig, GroupConfig } from '../../types';
 declare const _default: <T extends {
     id: string;
 } & Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onPaste?: ((payload: {
+            startRowId: string;
+            startColKey: string;
+            data: string[][];
+        }) => any) | undefined;
         readonly "onRow-click"?: ((row: any) => any) | undefined;
-        readonly "onRow-click-record"?: ((record: DataRecord) => any) | undefined;
         readonly "onAdd-row"?: (() => any) | undefined;
-        readonly "onSelection-change"?: ((ids: (string | number)[]) => any) | undefined;
         readonly "onCell-edit"?: ((payload: {
             rowId: string;
             fieldId: string;
             value: unknown;
         }) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onRow-click" | "onRow-click-record" | "onAdd-row" | "onSelection-change" | "onCell-edit"> & {
+        readonly "onRow-click-record"?: ((record: DataRecord) => any) | undefined;
+        readonly "onSelection-change"?: ((ids: (string | number)[]) => any) | undefined;
+        readonly "onColumn-resize"?: ((payload: {
+            colKey: string;
+            width: number;
+        }) => any) | undefined;
+        readonly "onActive-cell-change"?: ((cell: ActiveCell | null) => any) | undefined;
+        readonly "onRow-reorder"?: ((payload: {
+            rowId: string;
+            beforeRowId: string | null;
+        }) => any) | undefined;
+        readonly "onRow-group-change"?: ((payload: {
+            rowId: string;
+            groupFieldId: string;
+            newValue: unknown;
+        }) => any) | undefined;
+        readonly "onDraft-commit"?: ((payload: {
+            draftId: string;
+            record: DataRecord;
+        }) => any) | undefined;
+        readonly "onDraft-discard"?: ((payload: {
+            draftId: string;
+        }) => any) | undefined;
+        readonly "onDrafts-commit-all"?: ((payload: {
+            records: DataRecord[];
+        }) => any) | undefined;
+        readonly "onSchema-add-field"?: ((fieldType: string) => any) | undefined;
+        readonly "onSchema-rename-field"?: ((payload: {
+            fieldId: string;
+            newName: string;
+        }) => any) | undefined;
+        readonly "onSchema-change-field-type"?: ((payload: {
+            fieldId: string;
+            newType: string;
+        }) => any) | undefined;
+        readonly "onSchema-hide-field"?: ((fieldId: string) => any) | undefined;
+        readonly "onSchema-delete-field"?: ((fieldId: string) => any) | undefined;
+        readonly "onSchema-duplicate-field"?: ((fieldId: string) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onPaste" | "onRow-click" | "onAdd-row" | "onCell-edit" | "onRow-click-record" | "onSelection-change" | "onColumn-resize" | "onActive-cell-change" | "onRow-reorder" | "onRow-group-change" | "onDraft-commit" | "onDraft-discard" | "onDrafts-commit-all" | "onSchema-add-field" | "onSchema-rename-field" | "onSchema-change-field-type" | "onSchema-hide-field" | "onSchema-delete-field" | "onSchema-duplicate-field"> & {
         tasks?: Task[];
         records?: DataRecord[];
         schema?: TableSchema;
@@ -23,40 +64,90 @@ declare const _default: <T extends {
         rowKey?: string;
         selectable?: boolean;
         addable?: boolean;
-        /** 优先级颜色映射 */
         priorityColorMap?: ColorMap;
-        /** 状态颜色映射 */
         statusColorMap?: ColorMap;
-        /** 分组字段名，如 "status" */
         groupBy?: string;
-        /** 分组标题的 Badge 颜色映射 */
         groupColorMap?: ColorMap;
-        /**
-         * 手动控制虚拟滚动开关。
-         * - `true`：强制启用虚拟滚动
-         * - `false`：强制关闭虚拟滚动
-         * - `undefined`（默认）：自动判断，行数 >= virtualThreshold 时启用
-         */
         virtual?: boolean;
-        /**
-         * 自动启用虚拟滚动的行数阈值（默认 100）。
-         * 仅在 `virtual` prop 未传时生效。
-         */
         virtualThreshold?: number;
-        /**
-         * 只读模式。为 true 时，selectable 和 addable 自动降为 false，
-         * 即使调用方显式传了 true 也会被覆盖。
-         */
         readonly?: boolean;
+        /** Column keys to fix on the left side */
+        fixedColumns?: string[];
+        /** Enable column resize handles */
+        enableResize?: boolean;
+        /** Enable keyboard navigation (Arrow/Enter/Esc/Tab) */
+        enableKeyboard?: boolean;
+        /** Enable row drag-and-drop */
+        enableRowDrag?: boolean;
+        /** Enable cross-group drag */
+        enableCrossGroupDrag?: boolean;
+        /** Multi-level group configs (takes priority over groupBy) */
+        groups?: GroupConfig[];
+        /** Aggregation configs shown in group headers */
+        aggregations?: AggregationConfig[];
+        /** 启用字段管理交互（列头菜单、添加字段） */
+        enableFieldManagement?: boolean;
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {};
-    emit: ((evt: "row-click", row: any) => void) & ((evt: "row-click-record", record: DataRecord) => void) & ((evt: "add-row") => void) & ((evt: "selection-change", ids: (string | number)[]) => void) & ((evt: "cell-edit", payload: {
+    slots: {
+        cell?(_: {
+            row: T & {
+                __type: "data-row";
+            };
+            col: TableColumn;
+        }): any;
+        cell?(_: {
+            row: T & {
+                __type: "data-row";
+            };
+            col: TableColumn;
+        }): any;
+        cell?(_: {
+            row: T & {
+                __type: "data-row";
+            };
+            col: TableColumn;
+        }): any;
+        cell?(_: {
+            row: T & {
+                __type: "data-row";
+            };
+            col: TableColumn;
+        }): any;
+    };
+    emit: ((evt: "paste", payload: {
+        startRowId: string;
+        startColKey: string;
+        data: string[][];
+    }) => void) & ((evt: "row-click", row: any) => void) & ((evt: "add-row") => void) & ((evt: "cell-edit", payload: {
         rowId: string;
         fieldId: string;
         value: unknown;
-    }) => void);
+    }) => void) & ((evt: "row-click-record", record: DataRecord) => void) & ((evt: "selection-change", ids: (string | number)[]) => void) & ((evt: "column-resize", payload: {
+        colKey: string;
+        width: number;
+    }) => void) & ((evt: "active-cell-change", cell: ActiveCell | null) => void) & ((evt: "row-reorder", payload: {
+        rowId: string;
+        beforeRowId: string | null;
+    }) => void) & ((evt: "row-group-change", payload: {
+        rowId: string;
+        groupFieldId: string;
+        newValue: unknown;
+    }) => void) & ((evt: "draft-commit", payload: {
+        draftId: string;
+        record: DataRecord;
+    }) => void) & ((evt: "draft-discard", payload: {
+        draftId: string;
+    }) => void) & ((evt: "drafts-commit-all", payload: {
+        records: DataRecord[];
+    }) => void) & ((evt: "schema-add-field", fieldType: string) => void) & ((evt: "schema-rename-field", payload: {
+        fieldId: string;
+        newName: string;
+    }) => void) & ((evt: "schema-change-field-type", payload: {
+        fieldId: string;
+        newType: string;
+    }) => void) & ((evt: "schema-hide-field", fieldId: string) => void) & ((evt: "schema-delete-field", fieldId: string) => void) & ((evt: "schema-duplicate-field", fieldId: string) => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/table/DataTable.vue.js

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