orion-design 0.1.31 → 0.1.32

package/dist/components/LovTable/index.d.ts

@@ -174,6 +174,10 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                         total?: number;
                     };
                 };
+                paginationTeleported: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 showRowNumber: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -190,6 +194,66 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                     type: import('vue').PropType<"" | "small" | "default" | "large">;
                     default: "" | "small" | "default" | "large";
                 };
+                rowClassName: {
+                    type: import('vue').PropType<string | ((data: {
+                        rowData: any;
+                        rowIndex: number;
+                    }) => string)>;
+                    default: string | ((data: {
+                        rowData: any;
+                        rowIndex: number;
+                    }) => string);
+                };
+                rowStyle: {
+                    type: import('vue').PropType<import('vue').CSSProperties | ((data: {
+                        rowData: any;
+                        rowIndex: number;
+                    }) => import('vue').CSSProperties)>;
+                    default: import('vue').CSSProperties | ((data: {
+                        rowData: any;
+                        rowIndex: number;
+                    }) => import('vue').CSSProperties);
+                };
+                cellClassName: {
+                    type: import('vue').PropType<string | ((data: {
+                        rowData: any;
+                        column: {
+                            name: string;
+                            head: string;
+                        };
+                        rowIndex: number;
+                        columnIndex: number;
+                    }) => string)>;
+                    default: string | ((data: {
+                        rowData: any;
+                        column: {
+                            name: string;
+                            head: string;
+                        };
+                        rowIndex: number;
+                        columnIndex: number;
+                    }) => string);
+                };
+                cellStyle: {
+                    type: import('vue').PropType<import('vue').CSSProperties | ((data: {
+                        rowData: any;
+                        column: {
+                            name: string;
+                            head: string;
+                        };
+                        rowIndex: number;
+                        columnIndex: number;
+                    }) => import('vue').CSSProperties)>;
+                    default: import('vue').CSSProperties | ((data: {
+                        rowData: any;
+                        column: {
+                            name: string;
+                            head: string;
+                        };
+                        rowIndex: number;
+                        columnIndex: number;
+                    }) => import('vue').CSSProperties);
+                };
             }>> & Readonly<{
                 onSelectionChange?: ((...args: any[]) => any) | undefined;
                 onCurrentRowChange?: ((...args: any[]) => any) | undefined;
@@ -221,6 +285,10 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                         total?: number;
                     };
                 };
+                paginationTeleported: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 showRowNumber: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -237,6 +305,66 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                     type: import('vue').PropType<"" | "small" | "default" | "large">;
                     default: "" | "small" | "default" | "large";
                 };
+                rowClassName: {
+                    type: import('vue').PropType<string | ((data: {
+                        rowData: any;
+                        rowIndex: number;
+                    }) => string)>;
+                    default: string | ((data: {
+                        rowData: any;
+                        rowIndex: number;
+                    }) => string);
+                };
+                rowStyle: {
+                    type: import('vue').PropType<import('vue').CSSProperties | ((data: {
+                        rowData: any;
+                        rowIndex: number;
+                    }) => import('vue').CSSProperties)>;
+                    default: import('vue').CSSProperties | ((data: {
+                        rowData: any;
+                        rowIndex: number;
+                    }) => import('vue').CSSProperties);
+                };
+                cellClassName: {
+                    type: import('vue').PropType<string | ((data: {
+                        rowData: any;
+                        column: {
+                            name: string;
+                            head: string;
+                        };
+                        rowIndex: number;
+                        columnIndex: number;
+                    }) => string)>;
+                    default: string | ((data: {
+                        rowData: any;
+                        column: {
+                            name: string;
+                            head: string;
+                        };
+                        rowIndex: number;
+                        columnIndex: number;
+                    }) => string);
+                };
+                cellStyle: {
+                    type: import('vue').PropType<import('vue').CSSProperties | ((data: {
+                        rowData: any;
+                        column: {
+                            name: string;
+                            head: string;
+                        };
+                        rowIndex: number;
+                        columnIndex: number;
+                    }) => import('vue').CSSProperties)>;
+                    default: import('vue').CSSProperties | ((data: {
+                        rowData: any;
+                        column: {
+                            name: string;
+                            head: string;
+                        };
+                        rowIndex: number;
+                        columnIndex: number;
+                    }) => import('vue').CSSProperties);
+                };
             }>> & Readonly<{
                 onSelectionChange?: ((...args: any[]) => any) | undefined;
                 onCurrentRowChange?: ((...args: any[]) => any) | undefined;
@@ -255,9 +383,36 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                     total?: number;
                 };
                 tailData: Record<string, any>;
+                paginationTeleported: boolean;
                 showRowNumber: boolean;
                 selectionMode: boolean;
                 currentRowMode: boolean;
+                rowClassName: string | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => string);
+                rowStyle: import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => import('vue').CSSProperties);
+                cellClassName: string | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => string);
+                cellStyle: import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => import('vue').CSSProperties);
             }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -288,6 +443,10 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                         total?: number;
                     };
                 };
+                paginationTeleported: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 showRowNumber: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -304,6 +463,66 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                     type: import('vue').PropType<"" | "small" | "default" | "large">;
                     default: "" | "small" | "default" | "large";
                 };
+                rowClassName: {
+                    type: import('vue').PropType<string | ((data: {
+                        rowData: any;
+                        rowIndex: number;
+                    }) => string)>;
+                    default: string | ((data: {
+                        rowData: any;
+                        rowIndex: number;
+                    }) => string);
+                };
+                rowStyle: {
+                    type: import('vue').PropType<import('vue').CSSProperties | ((data: {
+                        rowData: any;
+                        rowIndex: number;
+                    }) => import('vue').CSSProperties)>;
+                    default: import('vue').CSSProperties | ((data: {
+                        rowData: any;
+                        rowIndex: number;
+                    }) => import('vue').CSSProperties);
+                };
+                cellClassName: {
+                    type: import('vue').PropType<string | ((data: {
+                        rowData: any;
+                        column: {
+                            name: string;
+                            head: string;
+                        };
+                        rowIndex: number;
+                        columnIndex: number;
+                    }) => string)>;
+                    default: string | ((data: {
+                        rowData: any;
+                        column: {
+                            name: string;
+                            head: string;
+                        };
+                        rowIndex: number;
+                        columnIndex: number;
+                    }) => string);
+                };
+                cellStyle: {
+                    type: import('vue').PropType<import('vue').CSSProperties | ((data: {
+                        rowData: any;
+                        column: {
+                            name: string;
+                            head: string;
+                        };
+                        rowIndex: number;
+                        columnIndex: number;
+                    }) => import('vue').CSSProperties)>;
+                    default: import('vue').CSSProperties | ((data: {
+                        rowData: any;
+                        column: {
+                            name: string;
+                            head: string;
+                        };
+                        rowIndex: number;
+                        columnIndex: number;
+                    }) => import('vue').CSSProperties);
+                };
             }>> & Readonly<{
                 onSelectionChange?: ((...args: any[]) => any) | undefined;
                 onCurrentRowChange?: ((...args: any[]) => any) | undefined;
@@ -322,9 +541,36 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                     total?: number;
                 };
                 tailData: Record<string, any>;
+                paginationTeleported: boolean;
                 showRowNumber: boolean;
                 selectionMode: boolean;
                 currentRowMode: boolean;
+                rowClassName: string | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => string);
+                rowStyle: import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => import('vue').CSSProperties);
+                cellClassName: string | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => string);
+                cellStyle: import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => import('vue').CSSProperties);
             }> | null;
         }, any, import('vue').ComponentProvideOptions, {
             P: {};

package/dist/components/LovTable/index.js

@@ -1,211 +1,138 @@
-import { findIndex } from "lodash-es";
-import { defineComponent, useTemplateRef, ref, watch, openBlock, createBlock, unref, withCtx, renderSlot } from "vue";
-import { withInstall } from "../_util/vue/install.js";
+import { findIndex as P } from "lodash-es";
+import { defineComponent as A, useTemplateRef as x, ref as v, watch as k, openBlock as y, createBlock as I, unref as L, withCtx as S, renderSlot as z } from "vue";
+import { withInstall as U } from "../_util/vue/install.js";
 import "element-plus";
-import Querytable from "../Querytable/index.js";
+import T from "../Querytable/index.js";
 import "../Form/index.js";
-import useLov from "../Form/LovInput/hooks/useLov.js";
-import Pagetable from "../Pagetable/index.js";
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...{ name: "OLovQuerytable", inheritAttrs: true },
+import D from "../Form/LovInput/hooks/useLov.js";
+import q from "../Pagetable/index.js";
+const B = /* @__PURE__ */ A({
+  name: "OLovQuerytable",
+  inheritAttrs: !0,
   __name: "LovQuerytable",
   props: {
     data: {}
   },
-  setup(__props) {
-    const tableRef = useTemplateRef("table");
-    const currentRowIndex = ref();
-    const currentRowData = ref();
-    const lov = useLov();
-    lov == null ? void 0 : lov.registerKeydownHandler((code) => {
-      if (code == "ArrowUp") {
-        let nextRow;
-        if (currentRowIndex.value == 0) {
-          nextRow = __props.data[__props.data.length - 1];
-        } else {
-          nextRow = __props.data[currentRowIndex.value - 1];
-        }
-        tableRef.value.setCurrentRow(nextRow);
-        scrollToRow(currentRowIndex.value);
-      } else if (code == "ArrowDown") {
-        let nextRow;
-        if (currentRowIndex.value == __props.data.length - 1) {
-          nextRow = __props.data[0];
-        } else {
-          nextRow = __props.data[currentRowIndex.value + 1];
-        }
-        tableRef.value.setCurrentRow(nextRow);
-        scrollToRow(currentRowIndex.value);
-      } else if (code == "Enter") {
-        currentRowData.value && (lov == null ? void 0 : lov.backfill(currentRowData.value));
-      }
+  setup(e) {
+    const d = x("table"), i = v(), s = v(), l = D();
+    l == null || l.registerKeydownHandler((a) => {
+      if (a == "ArrowUp") {
+        let o;
+        i.value == 0 ? o = e.data[e.data.length - 1] : o = e.data[i.value - 1], d.value.setCurrentRow(o), r(i.value);
+      } else if (a == "ArrowDown") {
+        let o;
+        i.value == e.data.length - 1 ? o = e.data[0] : o = e.data[i.value + 1], d.value.setCurrentRow(o), r(i.value);
+      } else a == "Enter" && s.value && (l == null || l.backfill(s.value));
     });
-    const scrollToRow = (index2) => {
-      var _a;
-      const $table = (_a = tableRef.value) == null ? void 0 : _a.$el;
-      const $row = $table.querySelectorAll(".el-table__row")[index2];
-      $row.scrollIntoViewIfNeeded();
-    };
-    const onRowClick = (row) => {
-      lov == null ? void 0 : lov.backfill(row);
+    const r = (a) => {
+      var t;
+      ((t = d.value) == null ? void 0 : t.$el).querySelectorAll(".el-table__row")[a].scrollIntoViewIfNeeded();
+    }, f = (a) => {
+      l == null || l.backfill(a);
+    }, u = (a) => {
+      const o = P(e.data, a);
+      o == -1 ? (i.value = 0, s.value = e.data[0]) : (i.value = o, s.value = a);
     };
-    const handleCurrentRowChange = (row) => {
-      const index2 = findIndex(__props.data, row);
-      if (index2 == -1) {
-        currentRowIndex.value = 0;
-        currentRowData.value = __props.data[0];
-      } else {
-        currentRowIndex.value = index2;
-        currentRowData.value = row;
-      }
-    };
-    watch(
-      () => __props.data,
+    return k(
+      () => e.data,
       () => {
-        if (__props.data.length > 0) {
-          tableRef.value.setCurrentRow(__props.data[0]);
-        }
+        e.data.length > 0 && d.value.setCurrentRow(e.data[0]);
       }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Querytable), {
-        ref: "table",
-        data: _ctx.data,
-        onRowClick,
-        "current-row-mode": "",
-        onCurrentRowChange: handleCurrentRowChange,
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["data"]);
-    };
+    ), (a, o) => (y(), I(L(T), {
+      ref: "table",
+      data: a.data,
+      onRowClick: f,
+      "current-row-mode": "",
+      onCurrentRowChange: u,
+      size: "small"
+    }, {
+      default: S(() => [
+        z(a.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["data"]));
   }
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "OLovPagetable", inheritAttrs: true },
+}), E = /* @__PURE__ */ A({
+  name: "OLovPagetable",
+  inheritAttrs: !0,
   __name: "LovPagetable",
   props: {
     data: {},
     pagination: {}
   },
   emits: ["update:pagination"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const onUpdatePagination = (data) => {
-      emits("update:pagination", data);
-    };
-    const tableRef = useTemplateRef("table");
-    const currentRowIndex = ref();
-    const currentRowData = ref();
-    const lov = useLov();
-    lov == null ? void 0 : lov.registerKeydownHandler((code) => {
-      var _a, _b, _c, _d, _e, _f;
-      if (code == "ArrowUp") {
-        let nextRow;
-        if (currentRowIndex.value == 0) {
-          nextRow = __props.data[__props.data.length - 1];
-        } else {
-          nextRow = __props.data[currentRowIndex.value - 1];
-        }
-        tableRef.value.setCurrentRow(nextRow);
-        scrollToRow(currentRowIndex.value);
-      } else if (code == "ArrowDown") {
-        let nextRow;
-        if (currentRowIndex.value == __props.data.length - 1) {
-          nextRow = __props.data[0];
-        } else {
-          nextRow = __props.data[currentRowIndex.value + 1];
-        }
-        tableRef.value.setCurrentRow(nextRow);
-        scrollToRow(currentRowIndex.value);
-      } else if (code == "Enter") {
-        currentRowData.value && (lov == null ? void 0 : lov.backfill(currentRowData.value));
-      } else if (code == "ArrowLeft") {
-        const currentPage = (_a = __props.pagination) == null ? void 0 : _a.currentPage;
-        const pageSize = (_b = __props.pagination) == null ? void 0 : _b.pageSize;
-        const total = (_c = __props.pagination) == null ? void 0 : _c.total;
-        if (!currentPage || !pageSize || !total) {
+  setup(e, { emit: d }) {
+    const i = d, s = (t) => {
+      i("update:pagination", t);
+    }, l = x("table"), r = v(), f = v(), u = D();
+    u == null || u.registerKeydownHandler((t) => {
+      var c, R, g, h, C, $;
+      if (t == "ArrowUp") {
+        let n;
+        r.value == 0 ? n = e.data[e.data.length - 1] : n = e.data[r.value - 1], l.value.setCurrentRow(n), a(r.value);
+      } else if (t == "ArrowDown") {
+        let n;
+        r.value == e.data.length - 1 ? n = e.data[0] : n = e.data[r.value + 1], l.value.setCurrentRow(n), a(r.value);
+      } else if (t == "Enter")
+        f.value && (u == null || u.backfill(f.value));
+      else if (t == "ArrowLeft") {
+        const n = (c = e.pagination) == null ? void 0 : c.currentPage, w = (R = e.pagination) == null ? void 0 : R.pageSize, m = (g = e.pagination) == null ? void 0 : g.total;
+        if (!n || !w || !m)
           return;
-        }
-        if (currentPage > 1) {
-          emits("update:pagination", {
-            ...__props.pagination,
-            currentPage: currentPage - 1
-          });
-        }
-      } else if (code == "ArrowRight") {
-        const currentPage = (_d = __props.pagination) == null ? void 0 : _d.currentPage;
-        const pageSize = (_e = __props.pagination) == null ? void 0 : _e.pageSize;
-        const total = (_f = __props.pagination) == null ? void 0 : _f.total;
-        if (!currentPage || !pageSize || !total) {
+        n > 1 && i("update:pagination", {
+          ...e.pagination,
+          currentPage: n - 1
+        });
+      } else if (t == "ArrowRight") {
+        const n = (h = e.pagination) == null ? void 0 : h.currentPage, w = (C = e.pagination) == null ? void 0 : C.pageSize, m = ($ = e.pagination) == null ? void 0 : $.total;
+        if (!n || !w || !m)
           return;
-        }
-        const totalPage = Math.ceil(total / pageSize);
-        if (currentPage < totalPage) {
-          emits("update:pagination", {
-            ...__props.pagination,
-            currentPage: currentPage + 1
-          });
-        }
+        const Q = Math.ceil(m / w);
+        n < Q && i("update:pagination", {
+          ...e.pagination,
+          currentPage: n + 1
+        });
       }
     });
-    const scrollToRow = (index2) => {
-      var _a;
-      const $table = (_a = tableRef.value) == null ? void 0 : _a.$el;
-      const $row = $table.querySelectorAll(".el-table__row")[index2];
-      $row.scrollIntoViewIfNeeded();
-    };
-    const onRowClick = (row) => {
-      lov == null ? void 0 : lov.backfill(row);
+    const a = (t) => {
+      var g;
+      ((g = l.value) == null ? void 0 : g.$el).querySelectorAll(".el-table__row")[t].scrollIntoViewIfNeeded();
+    }, o = (t) => {
+      u == null || u.backfill(t);
+    }, b = (t) => {
+      const c = P(e.data, t);
+      c == -1 ? (r.value = 0, f.value = e.data[0]) : (r.value = c, f.value = t);
     };
-    const handleCurrentRowChange = (row) => {
-      const index2 = findIndex(__props.data, row);
-      if (index2 == -1) {
-        currentRowIndex.value = 0;
-        currentRowData.value = __props.data[0];
-      } else {
-        currentRowIndex.value = index2;
-        currentRowData.value = row;
-      }
-    };
-    watch(
-      () => __props.data,
+    return k(
+      () => e.data,
       () => {
-        if (__props.data.length > 0) {
-          tableRef.value.setCurrentRow(__props.data[0]);
-        }
+        e.data.length > 0 && l.value.setCurrentRow(e.data[0]);
       }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Pagetable), {
-        ref: "table",
-        data: _ctx.data,
-        onRowClick,
-        "current-row-mode": "",
-        onCurrentRowChange: handleCurrentRowChange,
-        pagination: _ctx.pagination,
-        "onUpdate:pagination": onUpdatePagination,
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["data", "pagination"]);
-    };
+    ), (t, c) => (y(), I(L(q), {
+      ref: "table",
+      data: t.data,
+      onRowClick: o,
+      "current-row-mode": "",
+      onCurrentRowChange: b,
+      pagination: t.pagination,
+      "onUpdate:pagination": s,
+      size: "small",
+      "pagination-teleported": !1
+    }, {
+      default: S(() => [
+        z(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["data", "pagination"]));
   }
-});
-const index = withInstall(
+}), G = U(
   {},
   {
-    LovQuerytable: _sfc_main$1,
-    LovPagetable: _sfc_main
+    LovQuerytable: B,
+    LovPagetable: E
   }
 );
 export {
-  index as default
+  G as default
 };
 //# sourceMappingURL=index.js.map