@oneflowui/ui 0.5.5 → 0.5.7

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

@@ -1,16 +1,19 @@
-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 { defineComponent as $, ref as y, computed as p, onMounted as w, nextTick as z, openBlock as m, createBlock as B, Teleport as L, createElementBlock as d, createElementVNode as l, normalizeStyle as E, withKeys as v, toDisplayString as S, createVNode as i, createCommentVNode as c, unref as r, Fragment as N } from "vue";
+import { ArrowUp as A, ArrowDown as D, 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 = {
+const M = {
+  key: 0,
+  class: "of-col-menu-overlay"
+}, O = { class: "of-col-menu__section" }, _ = ["value"], H = { class: "of-col-menu__item-value" }, R = {
   key: 0,
   class: "of-col-menu__sub"
-}, G = /* @__PURE__ */ $({
+}, q = /* @__PURE__ */ $({
   __name: "ColumnHeaderMenu",
   props: {
     colKey: {},
     colLabel: {},
-    fieldType: {},
-    sortOrder: {},
+    fieldType: { default: void 0 },
+    sortOrder: { default: null },
     visible: { type: Boolean },
     x: {},
     y: {},
@@ -18,7 +21,7 @@ const O = { class: "of-col-menu__section" }, H = ["value"], R = { class: "of-col
   },
   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 = {
+    const u = s, t = b, f = y(null), a = y(!1), k = {
       text: "文本",
       number: "数字",
       select: "单选",
@@ -39,34 +42,36 @@ const O = { class: "of-col-menu__section" }, H = ["value"], R = { class: "of-col
       attachment: "附件",
       formula: "公式",
       user: "用户"
-    }, C = p(() => k[i.fieldType ?? ""] ?? i.fieldType ?? "");
+    }, C = p(() => k[u.fieldType ?? ""] ?? u.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");
+      n && n !== u.colLabel && t("rename", u.colKey, n), t("close");
     }
     function x(o) {
-      t("change-type", i.colKey, o), m.value = !1, t("close");
+      t("change-type", u.colKey, o), a.value = !1, t("close");
     }
     function K() {
-      t("delete", i.colKey), t("close");
+      t("delete", u.colKey), t("close");
     }
     const g = p(() => {
       const o = {};
-      return o.left = `${i.x}px`, o.top = `${i.y}px`, o;
+      return o.left = `${u.x}px`, o.top = `${u.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"]))
-      }, [
+    return (o, e) => (m(), B(L, { to: "body" }, [
+      s.visible ? (m(), d("div", M, [
+        l("button", {
+          type: "button",
+          class: "of-col-menu-overlay__hitarea",
+          "aria-label": "关闭列菜单",
+          onClick: e[0] || (e[0] = (n) => t("close"))
+        }),
         l("div", {
           class: "of-col-menu",
-          style: S(g.value)
+          style: E(g.value)
         }, [
           l("div", O, [
             l("input", {
@@ -74,23 +79,24 @@ const O = { class: "of-col-menu__section" }, H = ["value"], R = { class: "of-col
               ref: f,
               class: "of-col-menu__rename-input",
               value: s.colLabel,
+              "aria-label": "字段名称",
               placeholder: "字段名称",
               onKeydown: [
                 v(T, ["enter"]),
-                e[0] || (e[0] = v((n) => t("close"), ["escape"]))
+                e[1] || (e[1] = v((n) => t("close"), ["escape"]))
               ]
-            }, null, 40, H)
+            }, null, 40, _)
           ]),
           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)
+            onClick: e[2] || (e[2] = (n) => a.value = !a.value)
           }, [
             e[7] || (e[7] = l("span", null, "字段类型", -1)),
-            l("span", R, N(C.value), 1)
+            l("span", H, S(C.value), 1)
           ]),
-          m.value ? (a(), d("div", U, [
-            u(I, {
+          a.value ? (m(), d("div", R, [
+            i(I, {
               "current-type": s.fieldType,
               onSelect: x
             }, null, 8, ["current-type"])
@@ -98,48 +104,48 @@ const O = { class: "of-col-menu__section" }, H = ["value"], R = { class: "of-col
           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) => {
+            onClick: e[3] || (e[3] = (n) => {
               t("sort", s.colKey, "asc"), t("close");
             })
           }, [
-            u(r(D), { size: 14 }),
+            i(r(A), { size: 14 }),
             e[8] || (e[8] = l("span", null, "升序排序", -1))
           ]),
           l("button", {
             class: "of-col-menu__item",
-            onClick: e[3] || (e[3] = (n) => {
+            onClick: e[4] || (e[4] = (n) => {
               t("sort", s.colKey, "desc"), t("close");
             })
           }, [
-            u(r(M), { size: 14 }),
+            i(r(D), { 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) => {
+            onClick: e[5] || (e[5] = (n) => {
               t("hide", s.colKey), t("close");
             })
           }, [
-            u(r(P), { size: 14 }),
+            i(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) => {
+            onClick: e[6] || (e[6] = (n) => {
               t("duplicate", s.colKey), t("close");
             })
           }, [
-            u(r(V), { size: 14 }),
+            i(r(V), { size: 14 }),
             e[11] || (e[11] = l("span", null, "复制列", -1))
           ]),
-          s.deletable ? (a(), d(A, { key: 1 }, [
+          s.deletable ? (m(), d(N, { 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 }),
+              i(r(F), { size: 14 }),
               e[12] || (e[12] = l("span", null, "删除列", -1))
             ])
           ], 64)) : c("", !0)
@@ -149,5 +155,5 @@ const O = { class: "of-col-menu__section" }, H = ["value"], R = { class: "of-col
   }
 });
 export {
-  G as default
+  q as default
 };

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

@@ -2,14 +2,14 @@ import { FieldDef as CellFieldDef } from './FieldCell.vue';
 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<{
+} & Record<string, unknown>>(__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"?: ((row: DataRecord | T) => any) | undefined;
         readonly "onAdd-row"?: (() => any) | undefined;
         readonly "onCell-edit"?: ((payload: {
             rowId: string;
@@ -42,6 +42,7 @@ declare const _default: <T extends {
         readonly "onDrafts-commit-all"?: ((payload: {
             records: DataRecord[];
         }) => any) | undefined;
+        readonly "onRow-delete"?: ((rowId: string) => any) | undefined;
         readonly "onSchema-add-field"?: ((fieldType: string) => any) | undefined;
         readonly "onSchema-rename-field"?: ((payload: {
             fieldId: string;
@@ -54,7 +55,7 @@ declare const _default: <T extends {
         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"> & {
+    } & 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" | "onRow-delete" | "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;
@@ -91,6 +92,12 @@ declare const _default: <T extends {
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
+        cell?(_: {
+            row: Record<string, unknown> & {
+                id: string;
+            };
+            col: TableColumn;
+        }): any;
         cell?(_: {
             row: T & {
                 __type: "data-row";
@@ -132,7 +139,7 @@ declare const _default: <T extends {
         startRowId: string;
         startColKey: string;
         data: string[][];
-    }) => void) & ((evt: "row-click", row: any) => void) & ((evt: "add-row") => void) & ((evt: "cell-edit", payload: {
+    }) => void) & ((evt: "row-click", row: DataRecord | T) => void) & ((evt: "add-row") => void) & ((evt: "cell-edit", payload: {
         rowId: string;
         fieldId: string;
         value: unknown;
@@ -153,7 +160,7 @@ declare const _default: <T extends {
         draftId: string;
     }) => void) & ((evt: "drafts-commit-all", payload: {
         records: DataRecord[];
-    }) => void) & ((evt: "schema-add-field", fieldType: string) => void) & ((evt: "schema-rename-field", payload: {
+    }) => void) & ((evt: "row-delete", rowId: string) => void) & ((evt: "schema-add-field", fieldType: string) => void) & ((evt: "schema-rename-field", payload: {
         fieldId: string;
         newName: string;
     }) => void) & ((evt: "schema-change-field-type", payload: {

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

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