orion-design 0.1.32 → 0.1.33

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

@@ -26,6 +26,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;
@@ -54,6 +114,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;
@@ -62,11 +182,37 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                 onCellClick?: ((...args: any[]) => any) | undefined;
                 onCellDblclick?: ((...args: any[]) => any) | undefined;
             }>, {
-                data: any[];
                 size: "" | "small" | "default" | "large";
+                data: any[];
                 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: {};
@@ -95,6 +241,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;
@@ -103,11 +309,37 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                 onCellClick?: ((...args: any[]) => any) | undefined;
                 onCellDblclick?: ((...args: any[]) => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-                data: any[];
                 size: "" | "small" | "default" | "large";
+                data: any[];
                 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: {};
@@ -255,6 +487,8 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                     }) => import('vue').CSSProperties);
                 };
             }>> & Readonly<{
+                onSelect?: ((...args: any[]) => any) | undefined;
+                "onSelect-all"?: ((...args: any[]) => any) | undefined;
                 onSelectionChange?: ((...args: any[]) => any) | undefined;
                 onCurrentRowChange?: ((...args: any[]) => any) | undefined;
                 "onUpdate:pagination"?: ((...args: any[]) => any) | undefined;
@@ -262,7 +496,7 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                 onRowDblclick?: ((...args: any[]) => any) | undefined;
                 onCellClick?: ((...args: any[]) => any) | undefined;
                 onCellDblclick?: ((...args: any[]) => any) | undefined;
-            }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("selectionChange" | "currentRowChange" | "update:pagination" | "rowClick" | "rowDblclick" | "cellClick" | "cellDblclick")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+            }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select" | "select-all" | "selectionChange" | "currentRowChange" | "update:pagination" | "rowClick" | "rowDblclick" | "cellClick" | "cellDblclick")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
                 data: {
                     type: import('vue').PropType<any[]>;
                     default: any[];
@@ -366,6 +600,8 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                     }) => import('vue').CSSProperties);
                 };
             }>> & Readonly<{
+                onSelect?: ((...args: any[]) => any) | undefined;
+                "onSelect-all"?: ((...args: any[]) => any) | undefined;
                 onSelectionChange?: ((...args: any[]) => any) | undefined;
                 onCurrentRowChange?: ((...args: any[]) => any) | undefined;
                 "onUpdate:pagination"?: ((...args: any[]) => any) | undefined;
@@ -374,8 +610,8 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                 onCellClick?: ((...args: any[]) => any) | undefined;
                 onCellDblclick?: ((...args: any[]) => any) | undefined;
             }>, {
-                data: any[];
                 size: "" | "small" | "default" | "large";
+                data: any[];
                 pagination: {
                     currentPage?: number;
                     pageSize?: number;
@@ -524,6 +760,8 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                     }) => import('vue').CSSProperties);
                 };
             }>> & Readonly<{
+                onSelect?: ((...args: any[]) => any) | undefined;
+                "onSelect-all"?: ((...args: any[]) => any) | undefined;
                 onSelectionChange?: ((...args: any[]) => any) | undefined;
                 onCurrentRowChange?: ((...args: any[]) => any) | undefined;
                 "onUpdate:pagination"?: ((...args: any[]) => any) | undefined;
@@ -532,8 +770,8 @@ declare const _default: import('../_util').SFCWithInstall<{}> & {
                 onCellClick?: ((...args: any[]) => any) | undefined;
                 onCellDblclick?: ((...args: any[]) => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-                data: any[];
                 size: "" | "small" | "default" | "large";
+                data: any[];
                 pagination: {
                     currentPage?: number;
                     pageSize?: number;

package/dist/components/LovTable/index.js

@@ -25,8 +25,7 @@ const B = /* @__PURE__ */ A({
       } else a == "Enter" && s.value && (l == null || l.backfill(s.value));
     });
     const r = (a) => {
-      var t;
-      ((t = d.value) == null ? void 0 : t.$el).querySelectorAll(".el-table__row")[a].scrollIntoViewIfNeeded();
+      d.value.$el.querySelectorAll(".el-table__row")[a].scrollIntoViewIfNeeded();
     }, f = (a) => {
       l == null || l.backfill(a);
     }, u = (a) => {
@@ -65,8 +64,8 @@ const B = /* @__PURE__ */ A({
     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, $;
+    u.registerKeydownHandler((t) => {
+      var c, m, b, 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);
@@ -76,18 +75,18 @@ const B = /* @__PURE__ */ A({
       } 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)
+        const n = (c = e.pagination) == null ? void 0 : c.currentPage, g = (m = e.pagination) == null ? void 0 : m.pageSize, w = (b = e.pagination) == null ? void 0 : b.total;
+        if (!n || !g || !w)
           return;
         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)
+        const n = (h = e.pagination) == null ? void 0 : h.currentPage, g = (C = e.pagination) == null ? void 0 : C.pageSize, w = ($ = e.pagination) == null ? void 0 : $.total;
+        if (!n || !g || !w)
           return;
-        const Q = Math.ceil(m / w);
+        const Q = Math.ceil(w / g);
         n < Q && i("update:pagination", {
           ...e.pagination,
           currentPage: n + 1
@@ -95,11 +94,10 @@ const B = /* @__PURE__ */ A({
       }
     });
     const a = (t) => {
-      var g;
-      ((g = l.value) == null ? void 0 : g.$el).querySelectorAll(".el-table__row")[t].scrollIntoViewIfNeeded();
+      l.value.$el.querySelectorAll(".el-table__row")[t].scrollIntoViewIfNeeded();
     }, o = (t) => {
       u == null || u.backfill(t);
-    }, b = (t) => {
+    }, R = (t) => {
       const c = P(e.data, t);
       c == -1 ? (r.value = 0, f.value = e.data[0]) : (r.value = c, f.value = t);
     };
@@ -113,7 +111,7 @@ const B = /* @__PURE__ */ A({
       data: t.data,
       onRowClick: o,
       "current-row-mode": "",
-      onCurrentRowChange: b,
+      onCurrentRowChange: R,
       pagination: t.pagination,
       "onUpdate:pagination": s,
       size: "small",

package/dist/components/LovTable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/LovTable/LovQuerytable.vue","../../../src/components/LovTable/LovPagetable.vue","../../../src/components/LovTable/index.ts"],"sourcesContent":["<template>\r\n  <querytable ref=\"table\" :data=\"data\" @row-click=\"onRowClick\" current-row-mode\r\n    @current-row-change=\"handleCurrentRowChange\" size=\"small\">\r\n    <slot></slot>\r\n  </querytable>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { ref, useTemplateRef, watch } from 'vue'\r\nimport Querytable from '../Querytable'\r\nimport { useLov } from '../Form'\r\nimport { findIndex } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OLovQuerytable', inheritAttrs: true })\r\n\r\nconst { data } = defineProps<{ data: any[] }>()\r\nconst tableRef = useTemplateRef('table')\r\nconst currentRowIndex = ref()\r\nconst currentRowData = ref()\r\n\r\nconst lov = useLov()\r\nlov?.registerKeydownHandler((code) => {\r\n  if (code == 'ArrowUp') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == 0) {\r\n      nextRow = data[data.length - 1]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value - 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'ArrowDown') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == data.length - 1) {\r\n      nextRow = data[0]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value + 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'Enter') {\r\n    currentRowData.value && lov?.backfill(currentRowData.value)\r\n  }\r\n})\r\n\r\nconst scrollToRow = (index: number) => {\r\n  const $table = tableRef.value?.$el\r\n  const $row = $table.querySelectorAll('.el-table__row')[index]\r\n  $row.scrollIntoViewIfNeeded()\r\n}\r\n\r\nconst onRowClick = (row: any) => {\r\n  lov?.backfill(row)\r\n}\r\n\r\nconst handleCurrentRowChange = (row: any) => {\r\n  const index = findIndex(data, row)\r\n  if (index == -1) {\r\n    currentRowIndex.value = 0\r\n    currentRowData.value = data[0]\r\n  } else {\r\n    currentRowIndex.value = index\r\n    currentRowData.value = row\r\n  }\r\n}\r\n\r\nwatch(\r\n  () => data,\r\n  () => {\r\n    if (data.length > 0) {\r\n      //@ts-ignore\r\n      tableRef.value.setCurrentRow(data[0])\r\n    }\r\n  }\r\n)\r\n</script>\r\n","<template>\r\n  <pagetable ref=\"table\" :data=\"data\" @row-click=\"onRowClick\" current-row-mode\r\n    @current-row-change=\"handleCurrentRowChange\" :pagination=\"pagination\" @update:pagination=\"onUpdatePagination\"\r\n    size=\"small\" :pagination-teleported=\"false\">\r\n    <slot></slot>\r\n  </pagetable>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport Pagetable from '../Pagetable'\r\nimport { useLov } from '../Form'\r\nimport { ref, useTemplateRef, watch } from 'vue'\r\nimport { findIndex } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OLovPagetable', inheritAttrs: true })\r\n\r\nconst { data, pagination } = defineProps<{\r\n  data: any[]\r\n  pagination: {\r\n    currentPage?: number\r\n    pageSize?: number\r\n    total?: number\r\n  }\r\n}>()\r\n\r\nconst emits = defineEmits(['update:pagination'])\r\nconst onUpdatePagination = (data: any) => {\r\n  emits('update:pagination', data)\r\n}\r\n\r\nconst tableRef = useTemplateRef('table')\r\nconst currentRowIndex = ref()\r\nconst currentRowData = ref()\r\n\r\nconst lov = useLov()\r\nlov?.registerKeydownHandler((code) => {\r\n  if (code == 'ArrowUp') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == 0) {\r\n      nextRow = data[data.length - 1]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value - 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'ArrowDown') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == data.length - 1) {\r\n      nextRow = data[0]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value + 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'Enter') {\r\n    currentRowData.value && lov?.backfill(currentRowData.value)\r\n  } else if (code == 'ArrowLeft') {\r\n    const currentPage = pagination?.currentPage\r\n    const pageSize = pagination?.pageSize\r\n    const total = pagination?.total\r\n    if (!currentPage || !pageSize || !total) {\r\n      return\r\n    }\r\n    if (currentPage > 1) {\r\n      emits('update:pagination', {\r\n        ...pagination,\r\n        currentPage: currentPage - 1,\r\n      })\r\n    }\r\n  } else if (code == 'ArrowRight') {\r\n    const currentPage = pagination?.currentPage\r\n    const pageSize = pagination?.pageSize\r\n    const total = pagination?.total\r\n    if (!currentPage || !pageSize || !total) {\r\n      return\r\n    }\r\n    const totalPage = Math.ceil(total / pageSize)\r\n    if (currentPage < totalPage) {\r\n      emits('update:pagination', {\r\n        ...pagination,\r\n        currentPage: currentPage + 1,\r\n      })\r\n    }\r\n  }\r\n})\r\n\r\nconst scrollToRow = (index: number) => {\r\n  const $table = tableRef.value?.$el\r\n  const $row = $table.querySelectorAll('.el-table__row')[index]\r\n  $row.scrollIntoViewIfNeeded()\r\n}\r\n\r\nconst onRowClick = (row: any) => {\r\n  lov?.backfill(row)\r\n}\r\n\r\nconst handleCurrentRowChange = (row: any) => {\r\n  const index = findIndex(data, row)\r\n  if (index == -1) {\r\n    currentRowIndex.value = 0\r\n    currentRowData.value = data[0]\r\n  } else {\r\n    currentRowIndex.value = index\r\n    currentRowData.value = row\r\n  }\r\n}\r\n\r\nwatch(\r\n  () => data,\r\n  () => {\r\n    if (data.length > 0) {\r\n      //@ts-ignore\r\n      tableRef.value.setCurrentRow(data[0])\r\n    }\r\n  }\r\n)\r\n</script>\r\n","import { withInstall } from '../_util'\r\n\r\nimport LovQuerytable from './LovQuerytable.vue'\r\nimport LovPagetable from './LovPagetable.vue'\r\n\r\nexport default withInstall(\r\n  {},\r\n  {\r\n    LovQuerytable,\r\n    LovPagetable,\r\n  }\r\n)\r\n"],"names":["tableRef","useTemplateRef","currentRowIndex","ref","currentRowData","lov","useLov","code","nextRow","__props","scrollToRow","index","_a","onRowClick","row","handleCurrentRowChange","findIndex","watch","emits","__emit","onUpdatePagination","data","currentPage","pageSize","_b","total","_c","_d","_e","_f","totalPage","withInstall","LovQuerytable","LovPagetable"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/LovTable/LovQuerytable.vue","../../../src/components/LovTable/LovPagetable.vue","../../../src/components/LovTable/index.ts"],"sourcesContent":["<template>\r\n  <querytable ref=\"table\" :data=\"data\" @row-click=\"onRowClick\" current-row-mode\r\n    @current-row-change=\"handleCurrentRowChange\" size=\"small\">\r\n    <slot></slot>\r\n  </querytable>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { ref, useTemplateRef, watch } from 'vue'\r\nimport Querytable from '../Querytable'\r\nimport { useLov } from '../Form'\r\nimport { findIndex } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OLovQuerytable', inheritAttrs: true })\r\n\r\nconst { data } = defineProps<{ data: any[] }>()\r\nconst tableRef = useTemplateRef('table')\r\nconst currentRowIndex = ref()\r\nconst currentRowData = ref()\r\n\r\nconst lov = useLov()\r\nlov?.registerKeydownHandler((code) => {\r\n  if (code == 'ArrowUp') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == 0) {\r\n      nextRow = data[data.length - 1]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value - 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value!.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'ArrowDown') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == data.length - 1) {\r\n      nextRow = data[0]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value + 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value!.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'Enter') {\r\n    currentRowData.value && lov?.backfill(currentRowData.value)\r\n  }\r\n})\r\n\r\nconst scrollToRow = (index: number) => {\r\n  const $table = tableRef.value!.$el\r\n  const $row = $table.querySelectorAll('.el-table__row')[index]\r\n  $row.scrollIntoViewIfNeeded()\r\n}\r\n\r\nconst onRowClick = (row: any) => {\r\n  lov?.backfill(row)\r\n}\r\n\r\nconst handleCurrentRowChange = (row: any) => {\r\n  const index = findIndex(data, row)\r\n  if (index == -1) {\r\n    currentRowIndex.value = 0\r\n    currentRowData.value = data[0]\r\n  } else {\r\n    currentRowIndex.value = index\r\n    currentRowData.value = row\r\n  }\r\n}\r\n\r\nwatch(\r\n  () => data,\r\n  () => {\r\n    if (data.length > 0) {\r\n      //@ts-ignore\r\n      tableRef.value!.setCurrentRow(data[0])\r\n    }\r\n  }\r\n)\r\n</script>\r\n","<template>\r\n  <pagetable ref=\"table\" :data=\"data\" @row-click=\"onRowClick\" current-row-mode\r\n    @current-row-change=\"handleCurrentRowChange\" :pagination=\"pagination\" @update:pagination=\"onUpdatePagination\"\r\n    size=\"small\" :pagination-teleported=\"false\">\r\n    <slot></slot>\r\n  </pagetable>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport Pagetable from '../Pagetable'\r\nimport { useLov } from '../Form'\r\nimport { ref, useTemplateRef, watch } from 'vue'\r\nimport { findIndex } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OLovPagetable', inheritAttrs: true })\r\n\r\nconst { data, pagination } = defineProps<{\r\n  data: any[]\r\n  pagination: {\r\n    currentPage?: number\r\n    pageSize?: number\r\n    total?: number\r\n  }\r\n}>()\r\n\r\nconst emits = defineEmits(['update:pagination'])\r\nconst onUpdatePagination = (data: any) => {\r\n  emits('update:pagination', data)\r\n}\r\n\r\nconst tableRef = useTemplateRef('table')\r\nconst currentRowIndex = ref()\r\nconst currentRowData = ref()\r\n\r\nconst lov = useLov()!\r\nlov.registerKeydownHandler((code) => {\r\n  if (code == 'ArrowUp') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == 0) {\r\n      nextRow = data[data.length - 1]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value - 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value!.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'ArrowDown') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == data.length - 1) {\r\n      nextRow = data[0]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value + 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value!.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'Enter') {\r\n    currentRowData.value && lov?.backfill(currentRowData.value)\r\n  } else if (code == 'ArrowLeft') {\r\n    const currentPage = pagination?.currentPage\r\n    const pageSize = pagination?.pageSize\r\n    const total = pagination?.total\r\n    if (!currentPage || !pageSize || !total) {\r\n      return\r\n    }\r\n    if (currentPage > 1) {\r\n      emits('update:pagination', {\r\n        ...pagination,\r\n        currentPage: currentPage - 1,\r\n      })\r\n    }\r\n  } else if (code == 'ArrowRight') {\r\n    const currentPage = pagination?.currentPage\r\n    const pageSize = pagination?.pageSize\r\n    const total = pagination?.total\r\n    if (!currentPage || !pageSize || !total) {\r\n      return\r\n    }\r\n    const totalPage = Math.ceil(total / pageSize)\r\n    if (currentPage < totalPage) {\r\n      emits('update:pagination', {\r\n        ...pagination,\r\n        currentPage: currentPage + 1,\r\n      })\r\n    }\r\n  }\r\n})\r\n\r\nconst scrollToRow = (index: number) => {\r\n  const $table = tableRef.value!.$el\r\n  const $row = $table.querySelectorAll('.el-table__row')[index]\r\n  $row.scrollIntoViewIfNeeded()\r\n}\r\n\r\nconst onRowClick = (row: any) => {\r\n  lov?.backfill(row)\r\n}\r\n\r\nconst handleCurrentRowChange = (row: any) => {\r\n  const index = findIndex(data, row)\r\n  if (index == -1) {\r\n    currentRowIndex.value = 0\r\n    currentRowData.value = data[0]\r\n  } else {\r\n    currentRowIndex.value = index\r\n    currentRowData.value = row\r\n  }\r\n}\r\n\r\nwatch(\r\n  () => data,\r\n  () => {\r\n    if (data.length > 0) {\r\n      //@ts-ignore\r\n      tableRef.value!.setCurrentRow(data[0])\r\n    }\r\n  }\r\n)\r\n</script>\r\n","import { withInstall } from '../_util'\r\n\r\nimport LovQuerytable from './LovQuerytable.vue'\r\nimport LovPagetable from './LovPagetable.vue'\r\n\r\nexport default withInstall(\r\n  {},\r\n  {\r\n    LovQuerytable,\r\n    LovPagetable,\r\n  }\r\n)\r\n"],"names":["tableRef","useTemplateRef","currentRowIndex","ref","currentRowData","lov","useLov","code","nextRow","__props","scrollToRow","index","onRowClick","row","handleCurrentRowChange","findIndex","watch","emits","__emit","onUpdatePagination","data","currentPage","_a","pageSize","_b","total","_c","_d","_e","_f","totalPage","withInstall","LovQuerytable","LovPagetable"],"mappings":";;;;;;;;;;;;;;;;AAeM,UAAAA,IAAWC,EAAe,OAAO,GACjCC,IAAkBC,KAClBC,IAAiBD,KAEjBE,IAAMC;AACP,IAAAD,KAAA,QAAAA,EAAA,uBAAuB,CAACE,MAAS;AACpC,UAAIA,KAAQ,WAAW;AACjB,YAAAC;AACA,QAAAN,EAAgB,SAAS,IAC3BM,IAAUC,EAAI,KAACA,EAAI,KAAC,SAAS,CAAC,IAE9BD,IAAUC,OAAKP,EAAgB,QAAQ,CAAC,GAGjCF,EAAA,MAAO,cAAcQ,CAAO,GACrCE,EAAYR,EAAgB,KAAK;AAAA,MAAA,WACxBK,KAAQ,aAAa;AAC1B,YAAAC;AACJ,QAAIN,EAAgB,SAASO,EAAI,KAAC,SAAS,IAC/BD,IAAAC,OAAK,CAAC,IAEhBD,IAAUC,OAAKP,EAAgB,QAAQ,CAAC,GAGjCF,EAAA,MAAO,cAAcQ,CAAO,GACrCE,EAAYR,EAAgB,KAAK;AAAA,MAAA,MACnC,CAAWK,KAAQ,WACjBH,EAAe,UAASC,KAAA,QAAAA,EAAK,SAASD,EAAe;AAAA,IACvD;AAGI,UAAAM,IAAc,CAACC,MAAkB;AAGrC,MAFeX,EAAS,MAAO,IACX,iBAAiB,gBAAgB,EAAEW,CAAK,EACvD,uBAAuB;AAAA,IAAA,GAGxBC,IAAa,CAACC,MAAa;AAC/B,MAAAR,KAAA,QAAAA,EAAK,SAASQ;AAAA,IAAG,GAGbC,IAAyB,CAACD,MAAa;AAC3C,YAAMF,IAAQI,EAAUN,EAAI,MAAEI,CAAG;AACjC,MAAIF,KAAS,MACXT,EAAgB,QAAQ,GACTE,EAAA,QAAQK,EAAA,KAAK,CAAC,MAE7BP,EAAgB,QAAQS,GACxBP,EAAe,QAAQS;AAAA,IACzB;AAGF,WAAAG;AAAA,MACE,MAAMP,EAAI;AAAA,MACV,MAAM;AACA,QAAAA,EAAI,KAAC,SAAS,KAEhBT,EAAS,MAAO,cAAcS,EAAA,KAAK,CAAC,CAAC;AAAA,MAEzC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;AClDF,UAAMQ,IAAQC,GACRC,IAAqB,CAACC,MAAc;AACxC,MAAAH,EAAM,qBAAqBG,CAAI;AAAA,IAAA,GAG3BpB,IAAWC,EAAe,OAAO,GACjCC,IAAkBC,KAClBC,IAAiBD,KAEjBE,IAAMC;AACR,IAAAD,EAAA,uBAAuB,CAACE,MAAS;;AACnC,UAAIA,KAAQ,WAAW;AACjB,YAAAC;AACA,QAAAN,EAAgB,SAAS,IAC3BM,IAAUC,EAAI,KAACA,EAAI,KAAC,SAAS,CAAC,IAE9BD,IAAUC,OAAKP,EAAgB,QAAQ,CAAC,GAGjCF,EAAA,MAAO,cAAcQ,CAAO,GACrCE,EAAYR,EAAgB,KAAK;AAAA,MAAA,WACxBK,KAAQ,aAAa;AAC1B,YAAAC;AACJ,QAAIN,EAAgB,SAASO,EAAI,KAAC,SAAS,IAC/BD,IAAAC,OAAK,CAAC,IAEhBD,IAAUC,OAAKP,EAAgB,QAAQ,CAAC,GAGjCF,EAAA,MAAO,cAAcQ,CAAO,GACrCE,EAAYR,EAAgB,KAAK;AAAA,MAAA,WACxBK,KAAQ;AACjB,QAAAH,EAAe,UAASC,KAAA,QAAAA,EAAK,SAASD,EAAe;AAAA,eAC5CG,KAAQ,aAAa;AACxB,cAAAc,KAAcC,IAAAb,EAAU,eAAV,gBAAAa,EAAY,aAC1BC,KAAWC,IAAAf,EAAA,eAAA,gBAAAe,EAAY,UACvBC,KAAQC,IAAAjB,EAAU,eAAV,gBAAAiB,EAAY;AAC1B,YAAI,CAACL,KAAe,CAACE,KAAY,CAACE;AAChC;AAEF,QAAIJ,IAAc,KAChBJ,EAAM,qBAAqB;AAAA,UACzB,GAAGR,EAAU;AAAA,UACb,aAAaY,IAAc;AAAA,QAAA,CAC5B;AAAA,MACH,WACSd,KAAQ,cAAc;AACzB,cAAAc,KAAcM,IAAAlB,EAAU,eAAV,gBAAAkB,EAAY,aAC1BJ,KAAWK,IAAAnB,EAAA,eAAA,gBAAAmB,EAAY,UACvBH,KAAQI,IAAApB,EAAU,eAAV,gBAAAoB,EAAY;AAC1B,YAAI,CAACR,KAAe,CAACE,KAAY,CAACE;AAChC;AAEF,cAAMK,IAAY,KAAK,KAAKL,IAAQF,CAAQ;AAC5C,QAAIF,IAAcS,KAChBb,EAAM,qBAAqB;AAAA,UACzB,GAAGR,EAAU;AAAA,UACb,aAAaY,IAAc;AAAA,QAAA,CAC5B;AAAA,MAEL;AAAA,IAAA,CACD;AAEK,UAAAX,IAAc,CAACC,MAAkB;AAGrC,MAFeX,EAAS,MAAO,IACX,iBAAiB,gBAAgB,EAAEW,CAAK,EACvD,uBAAuB;AAAA,IAAA,GAGxBC,IAAa,CAACC,MAAa;AAC/B,MAAAR,KAAA,QAAAA,EAAK,SAASQ;AAAA,IAAG,GAGbC,IAAyB,CAACD,MAAa;AAC3C,YAAMF,IAAQI,EAAUN,EAAI,MAAEI,CAAG;AACjC,MAAIF,KAAS,MACXT,EAAgB,QAAQ,GACTE,EAAA,QAAQK,EAAA,KAAK,CAAC,MAE7BP,EAAgB,QAAQS,GACxBP,EAAe,QAAQS;AAAA,IACzB;AAGF,WAAAG;AAAA,MACE,MAAMP,EAAI;AAAA,MACV,MAAM;AACA,QAAAA,EAAI,KAAC,SAAS,KAEhBT,EAAS,MAAO,cAAcS,EAAA,KAAK,CAAC,CAAC;AAAA,MAEzC;AAAA,IAAA;;;;;;;;;;;;;;;;;IC9GFE,IAAeoB;AAAA,EACb,CAAC;AAAA,EACD;AAAA,IAAA,eACEC;AAAAA,IAAA,cACAC;AAAAA,EACF;AACF;"}