@oneflowui/ui 0.8.1 → 0.8.2

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

@@ -0,0 +1,65 @@
+import { defineComponent as m, openBlock as y, createElementBlock as b, normalizeStyle as p, normalizeClass as v, renderSlot as n, normalizeProps as s, guardReactiveProps as r, createElementVNode as R } from "vue";
+const h = { class: "of-data-table-desktop-frame__standard-body" }, w = /* @__PURE__ */ m({
+  name: "DataTableDesktopStandardRegion",
+  __name: "DataTableDesktopStandardRegion",
+  props: {
+    containerClass: { type: [Boolean, null, String, Object, Array], default: void 0 },
+    containerStyle: { default: void 0 },
+    columns: { default: () => [] },
+    allColumns: { default: () => [] },
+    selectable: { type: Boolean, default: !0 },
+    showRowActions: { type: Boolean, default: !0 },
+    useVirtual: { type: Boolean, default: !1 },
+    totalHeight: { default: 0 },
+    offsetY: { default: 0 },
+    resolveRowId: { type: Function, default: void 0 },
+    setContainerRef: { type: Function, default: void 0 }
+  },
+  emits: ["scroll"],
+  setup(o, { emit: i }) {
+    const t = o, d = i;
+    function u(e) {
+      if (e instanceof HTMLElement)
+        return e;
+      if (e && "$el" in e) {
+        const l = e.$el;
+        return l instanceof HTMLElement ? l : null;
+      }
+      return null;
+    }
+    function f(e) {
+      var l;
+      (l = t.setContainerRef) == null || l.call(t, u(e));
+    }
+    function c(e) {
+      d("scroll", e);
+    }
+    function a() {
+      return {
+        branch: "standard",
+        columns: t.columns,
+        allColumns: t.allColumns,
+        selectable: t.selectable,
+        showRowActions: t.showRowActions,
+        useVirtual: t.useVirtual,
+        totalHeight: t.totalHeight,
+        offsetY: t.offsetY,
+        resolveRowId: t.resolveRowId
+      };
+    }
+    return (e, l) => (y(), b("div", {
+      ref: f,
+      class: v(["of-data-table-scroll-container of-data-table-desktop-frame__standard", o.containerClass]),
+      style: p([o.containerStyle]),
+      onScroll: c
+    }, [
+      n(e.$slots, "header", s(r(a())), void 0, !0),
+      R("div", h, [
+        n(e.$slots, "body", s(r(a())), void 0, !0)
+      ])
+    ], 38));
+  }
+});
+export {
+  w as default
+};

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

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    draftCount: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "commit-all": () => any;
+    "discard-all": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onCommit-all"?: (() => any) | undefined;
+    "onDiscard-all"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,25 @@
+import { defineComponent as r, openBlock as s, createElementBlock as f, createElementVNode as a, toDisplayString as i } from "vue";
+const c = { class: "of-data-table-draft-toolbar" }, m = { class: "of-data-table-draft-count" }, u = /* @__PURE__ */ r({
+  __name: "DataTableDraftToolbar",
+  props: {
+    draftCount: {}
+  },
+  emits: ["commit-all", "discard-all"],
+  setup(e, { emit: n }) {
+    const l = e, o = n;
+    return (b, t) => (s(), f("div", c, [
+      a("span", m, i(l.draftCount) + " 条草稿", 1),
+      a("button", {
+        class: "of-data-table-draft-btn of-data-table-draft-btn--commit",
+        onClick: t[0] || (t[0] = (d) => o("commit-all"))
+      }, " 全部提交 "),
+      a("button", {
+        class: "of-data-table-draft-btn of-data-table-draft-btn--discard",
+        onClick: t[1] || (t[1] = (d) => o("discard-all"))
+      }, " 全部放弃 ")
+    ]));
+  }
+});
+export {
+  u as default
+};

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

@@ -0,0 +1,79 @@
+import { CSSProperties } from 'vue';
+import { FieldDef as CellFieldDef } from './FieldCell.vue';
+import { ColorMap, TableColumn } from '../../types';
+type TableRowRecord = Record<string, unknown> & {
+    id: string;
+};
+type __VLS_Props = {
+    rows: TableRowRecord[];
+    columns: TableColumn[];
+    fieldDefs?: CellFieldDef[];
+    selectable?: boolean;
+    addable?: boolean;
+    statusColorMap?: ColorMap;
+    readonly?: boolean;
+    densityClass?: string;
+    densityStyle?: CSSProperties;
+    detailVisible?: boolean;
+    detailRow?: TableRowRecord | null;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        cell?(_: {
+            row: Record<string, unknown> & {
+                id: string;
+            };
+            col: TableColumn;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "row-click": (row: TableRowRecord) => any;
+    "add-row": () => any;
+    "cell-edit": (payload: {
+        rowId: string;
+        fieldId: string;
+        value: unknown;
+    }) => any;
+    "close-detail": () => any;
+    "detail-save": (payload: {
+        rowId: string;
+        fields: Record<string, unknown>;
+    }) => any;
+    "row-delete": (rowId: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onRow-click"?: ((row: TableRowRecord) => any) | undefined;
+    "onAdd-row"?: (() => any) | undefined;
+    "onCell-edit"?: ((payload: {
+        rowId: string;
+        fieldId: string;
+        value: unknown;
+    }) => any) | undefined;
+    "onClose-detail"?: (() => any) | undefined;
+    "onDetail-save"?: ((payload: {
+        rowId: string;
+        fields: Record<string, unknown>;
+    }) => any) | undefined;
+    "onRow-delete"?: ((rowId: string) => any) | undefined;
+}>, {
+    selectable: boolean;
+    statusColorMap: ColorMap;
+    addable: boolean;
+    readonly: boolean;
+    fieldDefs: CellFieldDef[];
+    densityClass: string;
+    densityStyle: CSSProperties;
+    detailVisible: boolean;
+    detailRow: TableRowRecord | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,60 @@
+import { defineComponent as n, openBlock as a, createElementBlock as r, normalizeStyle as u, normalizeClass as m, createVNode as f, createSlots as p, withCtx as w, renderSlot as y, normalizeProps as c, guardReactiveProps as b, createBlock as v, createCommentVNode as C } from "vue";
+import k from "./MobileListView.vue.js";
+import B from "./DetailSheet.vue.js";
+const V = /* @__PURE__ */ n({
+  __name: "DataTableMobilePanel",
+  props: {
+    rows: {},
+    columns: {},
+    fieldDefs: { default: () => [] },
+    selectable: { type: Boolean, default: !0 },
+    addable: { type: Boolean, default: !0 },
+    statusColorMap: { default: void 0 },
+    readonly: { type: Boolean, default: !1 },
+    densityClass: { default: "" },
+    densityStyle: { default: void 0 },
+    detailVisible: { type: Boolean, default: !1 },
+    detailRow: { default: null }
+  },
+  emits: ["row-click", "add-row", "close-detail", "detail-save", "row-delete", "cell-edit"],
+  setup(d, { emit: i }) {
+    const e = d, t = i;
+    return (s, l) => (a(), r("div", {
+      class: m(e.densityClass),
+      style: u(e.densityStyle)
+    }, [
+      f(k, {
+        rows: e.rows,
+        columns: e.columns,
+        selectable: e.selectable,
+        addable: e.addable,
+        "status-color-map": e.statusColorMap,
+        readonly: e.readonly,
+        onRowClick: l[0] || (l[0] = (o) => t("row-click", o)),
+        onAddRow: l[1] || (l[1] = (o) => t("add-row"))
+      }, p({ _: 2 }, [
+        s.$slots.cell ? {
+          name: "cell",
+          fn: w((o) => [
+            y(s.$slots, "cell", c(b(o)))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["rows", "columns", "selectable", "addable", "status-color-map", "readonly"]),
+      e.detailRow ? (a(), v(B, {
+        key: 0,
+        row: e.detailRow,
+        columns: e.columns,
+        "field-defs": e.fieldDefs,
+        visible: e.detailVisible,
+        onClose: l[2] || (l[2] = (o) => t("close-detail")),
+        onSave: l[3] || (l[3] = (o) => t("detail-save", o)),
+        onDelete: l[4] || (l[4] = (o) => t("row-delete", o)),
+        onCellEdit: l[5] || (l[5] = (o) => t("cell-edit", o))
+      }, null, 8, ["row", "columns", "field-defs", "visible"])) : C("", !0)
+    ], 6));
+  }
+});
+export {
+  V as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./DataTableMobilePanel.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,11 @@
+import { ResolvedBulkActionItem } from '../../types/data-table';
+type __VLS_Props = {
+    selectionCount: number;
+    items: ResolvedBulkActionItem[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    action: (action: ResolvedBulkActionItem) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAction?: ((action: ResolvedBulkActionItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,33 @@
+import { defineComponent as c, openBlock as a, createElementBlock as s, createElementVNode as t, toDisplayString as l, Fragment as d, renderList as b, normalizeClass as _ } from "vue";
+const m = {
+  class: "of-data-table-selection-bar",
+  "data-role": "selection-bar"
+}, u = { class: "of-data-table-selection-bar__summary" }, f = { class: "of-data-table-selection-bar__count" }, p = { class: "of-data-table-selection-bar__actions" }, v = ["disabled", "onClick"], g = /* @__PURE__ */ c({
+  __name: "DataTableSelectionBar",
+  props: {
+    selectionCount: {},
+    items: {}
+  },
+  emits: ["action"],
+  setup(o, { emit: i }) {
+    const r = i;
+    return (k, n) => (a(), s("div", m, [
+      t("div", u, [
+        t("span", f, l(o.selectionCount), 1),
+        n[0] || (n[0] = t("span", { class: "of-data-table-selection-bar__text" }, "条记录已选中", -1))
+      ]),
+      t("div", p, [
+        (a(!0), s(d, null, b(o.items, (e) => (a(), s("button", {
+          key: e.key,
+          type: "button",
+          class: _(["of-data-table-selection-bar__btn", { "of-data-table-selection-bar__btn--danger": e.variant === "danger" }]),
+          disabled: e.resolvedDisabled,
+          onClick: (C) => r("action", e)
+        }, l(e.resolvedLabel), 11, v))), 128))
+      ])
+    ]));
+  }
+});
+export {
+  g as default
+};

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

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