npm - orion-design - Versions diffs - 0.1.30 → 0.1.32 - Mend

orion-design 0.1.30 → 0.1.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

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

@@ -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 CHANGED Viewed

@@ -116,7 +116,8 @@ const B = /* @__PURE__ */ A({
       onCurrentRowChange: b,
       pagination: t.pagination,
       "onUpdate:pagination": s,
-      size: "small"
+      size: "small",
+      "pagination-teleported": !1
     }, {
       default: S(() => [
         z(t.$slots, "default")

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

	@@ -1 +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 @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~~\r\n~~ ref=\"table\"~~\r\n~~ :data=\"data\"~~\r\n~~ @row-click=\"onRowClick\"~~\r\n~~ current-row-mode\r\n @current-row-change=\"handleCurrentRowChange\"~~\r\n~~ :pagination=\"pagination\"~~\r\n~~ @update:pagination=\"onUpdatePagination\"\r\n size=\"small\"\~~r\n~~ >\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":";;;;;;;;;;;;;;;;~~AAcM~~,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,MAAM,cAAcQ,CAAO,GACpCE,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,MAAM,cAAcQ,CAAO,GACpCE,EAAYR,EAAgB,KAAK;AAAA,MAAA,MACnC,CAAWK,KAAQ,WACjBH,EAAe,UAASC,KAAA,QAAAA,EAAK,SAASD,EAAe;AAAA,IACvD;AAGI,UAAAM,IAAc,CAACC,MAAkB;;AAGrC,QAFeC,IAAAZ,EAAS,UAAT,gBAAAY,EAAgB,KACX,iBAAiB,gBAAgB,EAAED,CAAK,EACvD,uBAAuB;AAAA,IAAA,GAGxBE,IAAa,CAACC,MAAa;AAC/B,MAAAT,KAAA,QAAAA,EAAK,SAASS;AAAA,IAAG,GAGbC,IAAyB,CAACD,MAAa;AAC3C,YAAMH,IAAQK,EAAUP,EAAI,MAAEK,CAAG;AACjC,MAAIH,KAAS,MACXT,EAAgB,QAAQ,GACTE,EAAA,QAAQK,EAAA,KAAK,CAAC,MAE7BP,EAAgB,QAAQS,GACxBP,EAAe,QAAQU;AAAA,IACzB;AAGF,WAAAG;AAAA,MACE,MAAMR,EAAI;AAAA,MACV,MAAM;AACA,QAAAA,EAAI,KAAC,SAAS,KAEhBT,EAAS,MAAM,cAAcS,EAAA,KAAK,CAAC,CAAC;AAAA,MAExC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;~~AC1CF~~,UAAMS,IAAQC,GACRC,IAAqB,CAACC,MAAc;AACxC,MAAAH,EAAM,qBAAqBG,CAAI;AAAA,IAAA,GAG3BrB,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,MAAM,cAAcQ,CAAO,GACpCE,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,MAAM,cAAcQ,CAAO,GACpCE,EAAYR,EAAgB,KAAK;AAAA,MAAA,WACxBK,KAAQ;AACjB,QAAAH,EAAe,UAASC,KAAA,QAAAA,EAAK,SAASD,EAAe;AAAA,eAC5CG,KAAQ,aAAa;AACxB,cAAAe,KAAcV,IAAAH,EAAU,eAAV,gBAAAG,EAAY,aAC1BW,KAAWC,IAAAf,EAAA,eAAA,gBAAAe,EAAY,UACvBC,KAAQC,IAAAjB,EAAU,eAAV,gBAAAiB,EAAY;AAC1B,YAAI,CAACJ,KAAe,CAACC,KAAY,CAACE;AAChC;AAEF,QAAIH,IAAc,KAChBJ,EAAM,qBAAqB;AAAA,UACzB,GAAGT,EAAU;AAAA,UACb,aAAaa,IAAc;AAAA,QAAA,CAC5B;AAAA,MACH,WACSf,KAAQ,cAAc;AACzB,cAAAe,KAAcK,IAAAlB,EAAU,eAAV,gBAAAkB,EAAY,aAC1BJ,KAAWK,IAAAnB,EAAA,eAAA,gBAAAmB,EAAY,UACvBH,KAAQI,IAAApB,EAAU,eAAV,gBAAAoB,EAAY;AAC1B,YAAI,CAACP,KAAe,CAACC,KAAY,CAACE;AAChC;AAEF,cAAMK,IAAY,KAAK,KAAKL,IAAQF,CAAQ;AAC5C,QAAID,IAAcQ,KAChBZ,EAAM,qBAAqB;AAAA,UACzB,GAAGT,EAAU;AAAA,UACb,aAAaa,IAAc;AAAA,QAAA,CAC5B;AAAA,MAEL;AAAA,IAAA;AAGI,UAAAZ,IAAc,CAACC,MAAkB;;AAGrC,QAFeC,IAAAZ,EAAS,UAAT,gBAAAY,EAAgB,KACX,iBAAiB,gBAAgB,EAAED,CAAK,EACvD,uBAAuB;AAAA,IAAA,GAGxBE,IAAa,CAACC,MAAa;AAC/B,MAAAT,KAAA,QAAAA,EAAK,SAASS;AAAA,IAAG,GAGbC,IAAyB,CAACD,MAAa;AAC3C,YAAMH,IAAQK,EAAUP,EAAI,MAAEK,CAAG;AACjC,MAAIH,KAAS,MACXT,EAAgB,QAAQ,GACTE,EAAA,QAAQK,EAAA,KAAK,CAAC,MAE7BP,EAAgB,QAAQS,GACxBP,EAAe,QAAQU;AAAA,IACzB;AAGF,WAAAG;AAAA,MACE,MAAMR,EAAI;AAAA,MACV,MAAM;AACA,QAAAA,EAAI,KAAC,SAAS,KAEhBT,EAAS,MAAM,cAAcS,EAAA,KAAK,CAAC,CAAC;AAAA,MAExC;AAAA,IAAA~~;;;;;;;;;;;;;;;;ICrHFE~~,IAAeoB;AAAA,EACb,CAAC;AAAA,EACD;AAAA,IAAA,eACEC;AAAAA,IAAA,cACAC;AAAAA,EACF;AACF;"}
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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"}

package/dist/components/Modal/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/Modal/Modal.tsx","../../../src/components/Modal/ModalLocator.vue","../../../src/components/Modal/index.ts"],"sourcesContent":["import { defineComponent, inject, provide, ref, shallowRef } from 'vue'\r\nimport { ElDialog } from 'element-plus'\r\nimport { addUnit } from '../_util'\r\nimport { modalContextKey, modalLocatorContextKey, ModalOptions } from './types'\r\n\r\nconst Modal = defineComponent({\r\n name: 'OModal',\r\n setup(props, { slots, attrs, emit, expose }) {\r\n const modalLocator = inject(modalLocatorContextKey)\r\n\r\n const show = ref(false)\r\n const title = ref<string>()\r\n const content = shallowRef()\r\n const contentProps = ref<Record<string, any>>()\r\n const width = ref<number \| string>()\r\n const height = ref<number \| string>()\r\n const __resolve = ref<(value: Record<string, any> \| PromiseLike<Record<string, any>>) => void>()\r\n const showClose = ref(true)\r\n const appendTo = ref<~~string \|~~ HTMLElement>()\r\n\r\n const _open: (options: ModalOptions) => Promise<Record<string, any>> = async (options) => {\r\n show.value = true\r\n title.value = options.title\r\n content.value = options.content\r\n if (options.contentProps) {\r\n contentProps.value = options.contentProps\r\n } else {\r\n contentProps.value = {}\r\n }\r\n if (options.width) {\r\n width.value = options.width\r\n }\r\n if (options.height) {\r\n height.value = addUnit(options.height)\r\n }\r\n if (options.showClose != undefined && options.showClose == false) {\r\n showClose.value = false\r\n }\r\n if (options.locator) {\r\n appendTo.value = options.locator\r\n } else {\r\n if (modalLocator && modalLocator.locator.value) {\r\n appendTo.value = modalLocator.locator.value\r\n }\r\n }\r\n\r\n const promise = new Promise<Record<string, any>>((resolve, reject) => {\r\n __resolve.value = resolve\r\n })\r\n\r\n return promise\r\n }\r\n expose({\r\n open: _open,\r\n })\r\n\r\n const _close: (options: Record<string, any>) => void = (options) => {\r\n const resolve = __resolve.value\r\n\r\n show.value = false\r\n title.value = undefined\r\n content.value = undefined\r\n contentProps.value = undefined\r\n width.value = undefined\r\n height.value = undefined\r\n __resolve.value = undefined\r\n showClose.value = true\r\n appendTo.value = undefined\r\n\r\n resolve && resolve(options)\r\n }\r\n provide(modalContextKey, { close: _close })\r\n\r\n return () => {\r\n const Children = content.value\r\n return show.value ? (\r\n <ElDialog\r\n title={title.value}\r\n width={width.value}\r\n modelValue={show.value}\r\n beforeClose={_close}\r\n draggable={true}\r\n closeOnClickModal={false}\r\n closeOnPressEscape={false}\r\n showClose={showClose.value}\r\n alignCenter={true}\r\n style={{ height: height.value }}\r\n appendTo={appendTo.value}\r\n >\r\n <Children {...contentProps.value}></Children>\r\n </ElDialog>\r\n ) : (\r\n <></>\r\n )\r\n }\r\n },\r\n})\r\n\r\nexport default Modal\r\n","<template>\r\n <div ref=\"modal-locator\" class=\"orion-modal-locator\"><slot></slot></div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { provide, useTemplateRef } from 'vue'\r\nimport { modalLocatorContextKey } from './types'\r\n\r\ndefineOptions({ name: 'OModalLocator', inheritAttrs: true })\r\nconst locator = useTemplateRef('modal-locator')\r\n\r\nprovide(modalLocatorContextKey, {\r\n locator,\r\n})\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.orion-modal-locator {\r\n width: 100%;\r\n height: 100%;\r\n overflow: auto;\r\n box-sizing: border-box;\r\n position: relative;\r\n\r\n :deep(> .el-overlay) {\r\n position: absolute;\r\n\r\n > .el-overlay-dialog {\r\n position: absolute;\r\n }\r\n }\r\n}\r\n</style>\r\n","import { withInstall } from '../_util'\r\n\r\nimport Modal from './Modal'\r\nimport ModalLocator from './ModalLocator.vue'\r\n\r\nexport default withInstall<typeof Modal, { ModalLocator: typeof ModalLocator }>(Modal, { ModalLocator })\r\n"],"names":["Modal","defineComponent","name","setup","props","slots","attrs","emit","expose","modalLocator","inject","modalLocatorContextKey","show","ref","title","content","shallowRef","contentProps","width","height","__resolve","showClose","appendTo","open","options","value","addUnit","undefined","locator","Promise","resolve","reject","_close","provide","modalContextKey","close","Children","_createVNode","ElDialog","default","_Fragment","useTemplateRef","index","withInstall","ModalLocator"],"mappings":";;;;;;AAKA,MAAMA,IAAQC,gBAAAA,EAAgB;AAAA,EAC5BC,MAAM;AAAA,EACNC,MAAMC,GAAO;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,MAAAA;AAAAA,IAAMC,QAAAA;AAAAA,EAAO,GAAG;AAC3C,UAAMC,IAAeC,EAAOC,CAAsB,GAE5CC,IAAOC,EAAI,EAAK,GAChBC,IAAQD,KACRE,IAAUC,KACVC,IAAeJ,KACfK,IAAQL,KACRM,IAASN,KACTO,IAAYP,KACZQ,IAAYR,EAAI,EAAI,GACpBS,IAAWT;AAkCjBL,IAAAA,EAAO;AAAA,MACLe,MAjCqE,OAAOC,OAC5EZ,EAAKa,QAAQ,IACbX,EAAMW,QAAQD,EAAQV,OACtBC,EAAQU,QAAQD,EAAQT,SACpBS,EAAQP,eACVA,EAAaQ,QAAQD,EAAQP,eAE7BA,EAAaQ,QAAQ,IAEnBD,EAAQN,UACVA,EAAMO,QAAQD,EAAQN,QAEpBM,EAAQL,WACVA,EAAOM,QAAQC,EAAQF,EAAQL,MAAM,IAEnCK,EAAQH,aAAaM,QAAaH,EAAQH,aAAa,OACzDA,EAAUI,QAAQ,KAEhBD,EAAQI,UACVN,EAASG,QAAQD,EAAQI,UAErBnB,KAAgBA,EAAamB,QAAQH,UACvCH,EAASG,QAAQhB,EAAamB,QAAQH,QAI1B,IAAII,QAA6B,CAACC,GAASC,MAAW;AACpEX,QAAAA,EAAUK,QAAQK;AAAAA,MACpB,CAAC;AAAA,IAMH,CAAC;AAED,UAAME,IAAkDR,CAAAA,MAAY;AAClE,YAAMM,IAAUV,EAAUK;AAE1Bb,MAAAA,EAAKa,QAAQ,IACbX,EAAMW,QAAQE,QACdZ,EAAQU,QAAQE,QAChBV,EAAaQ,QAAQE,QACrBT,EAAMO,QAAQE,QACdR,EAAOM,QAAQE,QACfP,EAAUK,QAAQE,QAClBN,EAAUI,QAAQ,IAClBH,EAASG,QAAQE,QAEjBG,KAAWA,EAAQN,CAAO;AAAA;AAE5BS,WAAAA,EAAQC,GAAiB;AAAA,MAAEC,OAAOH;AAAAA,IAAO,CAAC,GAEnC,MAAM;AACX,YAAMI,IAAWrB,EAAQU;AACzB,aAAOb,EAAKa,QAAKY,EAAAC,GAAA;AAAA,QAAA,OAENxB,EAAMW;AAAAA,QAAK,OACXP,EAAMO;AAAAA,QAAK,YACNb,EAAKa;AAAAA,QAAK,aACTO;AAAAA,QAAM,WACR;AAAA,QAAI,mBACI;AAAA,QAAK,oBACJ;AAAA,QAAK,WACdX,EAAUI;AAAAA,QAAK,aACb;AAAA,QAAI,OACV;AAAA,UAAEN,QAAQA,EAAOM;AAAAA,QAAO;AAAA,QAAA,UACrBH,EAASG;AAAAA,MAAK,GAAA;AAAA,QAAAc,SAAAA,MAAAF,CAAAA,EAAAD,GAEVnB,EAAaQ,OAAK,IAAA,CAAA;AAAA,MAAAY,CAAAA,IAAAA,EAAAG,GAInC,MAAA,IAAA;AAAA;EAEL;AACF,CAAC;;;;;;;;ACxFK,UAAAZ,IAAUa,EAAe,eAAe;AAE9C,WAAAR,EAAQtB,GAAwB;AAAA,MAC9B,SAAAiB;AAAA,IAAA,CACD;;;;;;;;;iECPDc,IAAeC,EAAiE3C,GAAO,EAAE,cAAA4C,GAAc;"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/Modal/Modal.tsx","../../../src/components/Modal/ModalLocator.vue","../../../src/components/Modal/index.ts"],"sourcesContent":["import { defineComponent, inject, provide, ref, shallowRef } from 'vue'\r\nimport { ElDialog } from 'element-plus'\r\nimport { addUnit } from '../_util'\r\nimport { modalContextKey, modalLocatorContextKey, ModalOptions } from './types'\r\n\r\nconst Modal = defineComponent({\r\n name: 'OModal',\r\n setup(props, { slots, attrs, emit, expose }) {\r\n const modalLocator = inject(modalLocatorContextKey)\r\n\r\n const show = ref(false)\r\n const title = ref<string>()\r\n const content = shallowRef()\r\n const contentProps = ref<Record<string, any>>()\r\n const width = ref<number \| string>()\r\n const height = ref<number \| string>()\r\n const __resolve = ref<(value: Record<string, any> \| PromiseLike<Record<string, any>>) => void>()\r\n const showClose = ref(true)\r\n const appendTo = ref<HTMLElement>()\r\n\r\n const _open: (options: ModalOptions) => Promise<Record<string, any>> = async (options) => {\r\n show.value = true\r\n title.value = options.title\r\n content.value = options.content\r\n if (options.contentProps) {\r\n contentProps.value = options.contentProps\r\n } else {\r\n contentProps.value = {}\r\n }\r\n if (options.width) {\r\n width.value = options.width\r\n }\r\n if (options.height) {\r\n height.value = addUnit(options.height)\r\n }\r\n if (options.showClose != undefined && options.showClose == false) {\r\n showClose.value = false\r\n }\r\n if (options.locator) {\r\n appendTo.value = options.locator\r\n } else {\r\n if (modalLocator && modalLocator.locator.value) {\r\n appendTo.value = modalLocator.locator.value\r\n }\r\n }\r\n\r\n const promise = new Promise<Record<string, any>>((resolve, reject) => {\r\n __resolve.value = resolve\r\n })\r\n\r\n return promise\r\n }\r\n expose({\r\n open: _open,\r\n })\r\n\r\n const _close: (options: Record<string, any>) => void = (options) => {\r\n const resolve = __resolve.value\r\n\r\n show.value = false\r\n title.value = undefined\r\n content.value = undefined\r\n contentProps.value = undefined\r\n width.value = undefined\r\n height.value = undefined\r\n __resolve.value = undefined\r\n showClose.value = true\r\n appendTo.value = undefined\r\n\r\n resolve && resolve(options)\r\n }\r\n provide(modalContextKey, { close: _close })\r\n\r\n return () => {\r\n const Children = content.value\r\n return show.value ? (\r\n <ElDialog\r\n title={title.value}\r\n width={width.value}\r\n modelValue={show.value}\r\n beforeClose={_close}\r\n draggable={true}\r\n closeOnClickModal={false}\r\n closeOnPressEscape={false}\r\n showClose={showClose.value}\r\n alignCenter={true}\r\n style={{ height: height.value }}\r\n appendTo={appendTo.value}\r\n >\r\n <Children {...contentProps.value}></Children>\r\n </ElDialog>\r\n ) : (\r\n <></>\r\n )\r\n }\r\n },\r\n})\r\n\r\nexport default Modal\r\n","<template>\r\n <div ref=\"modal-locator\" class=\"orion-modal-locator\"><slot></slot></div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { provide, useTemplateRef } from 'vue'\r\nimport { modalLocatorContextKey } from './types'\r\n\r\ndefineOptions({ name: 'OModalLocator', inheritAttrs: true })\r\nconst locator = useTemplateRef('modal-locator')\r\n\r\nprovide(modalLocatorContextKey, {\r\n locator,\r\n})\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.orion-modal-locator {\r\n width: 100%;\r\n height: 100%;\r\n overflow: auto;\r\n box-sizing: border-box;\r\n position: relative;\r\n\r\n :deep(> .el-overlay) {\r\n position: absolute;\r\n\r\n > .el-overlay-dialog {\r\n position: absolute;\r\n }\r\n }\r\n}\r\n</style>\r\n","import { withInstall } from '../_util'\r\n\r\nimport Modal from './Modal'\r\nimport ModalLocator from './ModalLocator.vue'\r\n\r\nexport default withInstall<typeof Modal, { ModalLocator: typeof ModalLocator }>(Modal, { ModalLocator })\r\n"],"names":["Modal","defineComponent","name","setup","props","slots","attrs","emit","expose","modalLocator","inject","modalLocatorContextKey","show","ref","title","content","shallowRef","contentProps","width","height","__resolve","showClose","appendTo","open","options","value","addUnit","undefined","locator","Promise","resolve","reject","_close","provide","modalContextKey","close","Children","_createVNode","ElDialog","default","_Fragment","useTemplateRef","index","withInstall","ModalLocator"],"mappings":";;;;;;AAKA,MAAMA,IAAQC,gBAAAA,EAAgB;AAAA,EAC5BC,MAAM;AAAA,EACNC,MAAMC,GAAO;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,MAAAA;AAAAA,IAAMC,QAAAA;AAAAA,EAAO,GAAG;AAC3C,UAAMC,IAAeC,EAAOC,CAAsB,GAE5CC,IAAOC,EAAI,EAAK,GAChBC,IAAQD,KACRE,IAAUC,KACVC,IAAeJ,KACfK,IAAQL,KACRM,IAASN,KACTO,IAAYP,KACZQ,IAAYR,EAAI,EAAI,GACpBS,IAAWT;AAkCjBL,IAAAA,EAAO;AAAA,MACLe,MAjCqE,OAAOC,OAC5EZ,EAAKa,QAAQ,IACbX,EAAMW,QAAQD,EAAQV,OACtBC,EAAQU,QAAQD,EAAQT,SACpBS,EAAQP,eACVA,EAAaQ,QAAQD,EAAQP,eAE7BA,EAAaQ,QAAQ,IAEnBD,EAAQN,UACVA,EAAMO,QAAQD,EAAQN,QAEpBM,EAAQL,WACVA,EAAOM,QAAQC,EAAQF,EAAQL,MAAM,IAEnCK,EAAQH,aAAaM,QAAaH,EAAQH,aAAa,OACzDA,EAAUI,QAAQ,KAEhBD,EAAQI,UACVN,EAASG,QAAQD,EAAQI,UAErBnB,KAAgBA,EAAamB,QAAQH,UACvCH,EAASG,QAAQhB,EAAamB,QAAQH,QAI1B,IAAII,QAA6B,CAACC,GAASC,MAAW;AACpEX,QAAAA,EAAUK,QAAQK;AAAAA,MACpB,CAAC;AAAA,IAMH,CAAC;AAED,UAAME,IAAkDR,CAAAA,MAAY;AAClE,YAAMM,IAAUV,EAAUK;AAE1Bb,MAAAA,EAAKa,QAAQ,IACbX,EAAMW,QAAQE,QACdZ,EAAQU,QAAQE,QAChBV,EAAaQ,QAAQE,QACrBT,EAAMO,QAAQE,QACdR,EAAOM,QAAQE,QACfP,EAAUK,QAAQE,QAClBN,EAAUI,QAAQ,IAClBH,EAASG,QAAQE,QAEjBG,KAAWA,EAAQN,CAAO;AAAA;AAE5BS,WAAAA,EAAQC,GAAiB;AAAA,MAAEC,OAAOH;AAAAA,IAAO,CAAC,GAEnC,MAAM;AACX,YAAMI,IAAWrB,EAAQU;AACzB,aAAOb,EAAKa,QAAKY,EAAAC,GAAA;AAAA,QAAA,OAENxB,EAAMW;AAAAA,QAAK,OACXP,EAAMO;AAAAA,QAAK,YACNb,EAAKa;AAAAA,QAAK,aACTO;AAAAA,QAAM,WACR;AAAA,QAAI,mBACI;AAAA,QAAK,oBACJ;AAAA,QAAK,WACdX,EAAUI;AAAAA,QAAK,aACb;AAAA,QAAI,OACV;AAAA,UAAEN,QAAQA,EAAOM;AAAAA,QAAO;AAAA,QAAA,UACrBH,EAASG;AAAAA,MAAK,GAAA;AAAA,QAAAc,SAAAA,MAAAF,CAAAA,EAAAD,GAEVnB,EAAaQ,OAAK,IAAA,CAAA;AAAA,MAAAY,CAAAA,IAAAA,EAAAG,GAInC,MAAA,IAAA;AAAA;EAEL;AACF,CAAC;;;;;;;;ACxFK,UAAAZ,IAAUa,EAAe,eAAe;AAE9C,WAAAR,EAAQtB,GAAwB;AAAA,MAC9B,SAAAiB;AAAA,IAAA,CACD;;;;;;;;;iECPDc,IAAeC,EAAiE3C,GAAO,EAAE,cAAA4C,GAAc;"}

package/dist/components/Modal/types.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export interface ModalOptions {
     width?: number | string;
     height?: number | string;
     showClose?: boolean;
-    locator?: string | HTMLElement;
+    locator?: HTMLElement;
 }
 export interface ModalContext {
     close: (options: Record<string, any>) => void;

package/dist/components/Modal/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sources":["../../../src/components/Modal/types.ts"],"sourcesContent":["import { InjectionKey, ShallowRef, VNode } from 'vue'\r\n\r\nexport interface ModalOptions {\r\n title: string\r\n content: VNode\r\n contentProps?: Record<string, any>\r\n width?: number \| string\r\n height?: number \| string\r\n showClose?: boolean\r\n locator?: ~~string \|~~ HTMLElement\r\n}\r\n\r\nexport interface ModalContext {\r\n close: (options: Record<string, any>) => void\r\n}\r\n\r\nexport const modalContextKey: InjectionKey<ModalContext> = Symbol('modalContextKey')\r\n\r\nexport interface ModalLocatorContext {\r\n locator: ShallowRef<HTMLElement \| null>\r\n}\r\n\r\nexport const modalLocatorContextKey: InjectionKey<ModalLocatorContext> = Symbol('modalLocatorContextKey')\r\n"],"names":["modalContextKey","modalLocatorContextKey"],"mappings":"AAgBa,MAAAA,IAA8C,OAAO,iBAAiB,GAMtEC,IAA4D,OAAO,wBAAwB;"}
1	+ {"version":3,"file":"types.js","sources":["../../../src/components/Modal/types.ts"],"sourcesContent":["import { InjectionKey, ShallowRef, VNode } from 'vue'\r\n\r\nexport interface ModalOptions {\r\n title: string\r\n content: VNode\r\n contentProps?: Record<string, any>\r\n width?: number \| string\r\n height?: number \| string\r\n showClose?: boolean\r\n locator?: HTMLElement\r\n}\r\n\r\nexport interface ModalContext {\r\n close: (options: Record<string, any>) => void\r\n}\r\n\r\nexport const modalContextKey: InjectionKey<ModalContext> = Symbol('modalContextKey')\r\n\r\nexport interface ModalLocatorContext {\r\n locator: ShallowRef<HTMLElement \| null>\r\n}\r\n\r\nexport const modalLocatorContextKey: InjectionKey<ModalLocatorContext> = Symbol('modalLocatorContextKey')\r\n"],"names":["modalContextKey","modalLocatorContextKey"],"mappings":"AAgBa,MAAAA,IAA8C,OAAO,iBAAiB,GAMtEC,IAA4D,OAAO,wBAAwB;"}

package/dist/components/Pagetable/Pagetable.d.ts CHANGED Viewed

@@ -1,4 +1,30 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { PropType, ExtractPropTypes, CSSProperties } from 'vue';
+type rowClassNameFn = (data: {
+    rowData: any;
+    rowIndex: number;
+}) => string;
+type rowStyleFn = (data: {
+    rowData: any;
+    rowIndex: number;
+}) => CSSProperties;
+type cellClassNameFn = (data: {
+    rowData: any;
+    column: {
+        name: string;
+        head: string;
+    };
+    rowIndex: number;
+    columnIndex: number;
+}) => string;
+type cellStyleFn = (data: {
+    rowData: any;
+    column: {
+        name: string;
+        head: string;
+    };
+    rowIndex: number;
+    columnIndex: number;
+}) => CSSProperties;
 export declare const pagetableProps: () => {
     data: {
         type: PropType<any[]>;
@@ -22,6 +48,10 @@ export declare const pagetableProps: () => {
             total?: number;
         };
     };
+    paginationTeleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showRowNumber: {
         type: BooleanConstructor;
         default: boolean;
@@ -38,6 +68,22 @@ export declare const pagetableProps: () => {
         type: PropType<"" | "small" | "default" | "large">;
         default: "" | "small" | "default" | "large";
     };
+    rowClassName: {
+        type: PropType<string | rowClassNameFn>;
+        default: string | rowClassNameFn;
+    };
+    rowStyle: {
+        type: PropType<CSSProperties | rowStyleFn>;
+        default: CSSProperties | rowStyleFn;
+    };
+    cellClassName: {
+        type: PropType<string | cellClassNameFn>;
+        default: string | cellClassNameFn;
+    };
+    cellStyle: {
+        type: PropType<CSSProperties | cellStyleFn>;
+        default: CSSProperties | cellStyleFn;
+    };
 };
 export type PagetableProps = Partial<ExtractPropTypes<ReturnType<typeof pagetableProps>>>;
 declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
@@ -63,6 +109,10 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
             total?: number;
         };
     };
+    paginationTeleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showRowNumber: {
         type: BooleanConstructor;
         default: boolean;
@@ -79,6 +129,22 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         type: PropType<"" | "small" | "default" | "large">;
         default: "" | "small" | "default" | "large";
     };
+    rowClassName: {
+        type: PropType<string | rowClassNameFn>;
+        default: string | rowClassNameFn;
+    };
+    rowStyle: {
+        type: PropType<CSSProperties | rowStyleFn>;
+        default: CSSProperties | rowStyleFn;
+    };
+    cellClassName: {
+        type: PropType<string | cellClassNameFn>;
+        default: string | cellClassNameFn;
+    };
+    cellStyle: {
+        type: PropType<CSSProperties | cellStyleFn>;
+        default: CSSProperties | cellStyleFn;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("selectionChange" | "currentRowChange" | "update:pagination" | "rowClick" | "rowDblclick" | "cellClick" | "cellDblclick")[], "selectionChange" | "currentRowChange" | "update:pagination" | "rowClick" | "rowDblclick" | "cellClick" | "cellDblclick", import('vue').PublicProps, Readonly<ExtractPropTypes<{
     data: {
         type: PropType<any[]>;
@@ -102,6 +168,10 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
             total?: number;
         };
     };
+    paginationTeleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showRowNumber: {
         type: BooleanConstructor;
         default: boolean;
@@ -118,6 +188,22 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         type: PropType<"" | "small" | "default" | "large">;
         default: "" | "small" | "default" | "large";
     };
+    rowClassName: {
+        type: PropType<string | rowClassNameFn>;
+        default: string | rowClassNameFn;
+    };
+    rowStyle: {
+        type: PropType<CSSProperties | rowStyleFn>;
+        default: CSSProperties | rowStyleFn;
+    };
+    cellClassName: {
+        type: PropType<string | cellClassNameFn>;
+        default: string | cellClassNameFn;
+    };
+    cellStyle: {
+        type: PropType<CSSProperties | cellStyleFn>;
+        default: CSSProperties | cellStyleFn;
+    };
 }>> & Readonly<{
     onSelectionChange?: ((...args: any[]) => any) | undefined;
     onCurrentRowChange?: ((...args: any[]) => any) | undefined;
@@ -136,8 +222,13 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         total?: number;
     };
     tailData: Record<string, any>;
+    paginationTeleported: boolean;
     showRowNumber: boolean;
     selectionMode: boolean;
     currentRowMode: boolean;
+    rowClassName: string | rowClassNameFn;
+    rowStyle: CSSProperties | rowStyleFn;
+    cellClassName: string | cellClassNameFn;
+    cellStyle: CSSProperties | cellStyleFn;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/Pagetable/columns/PagetableColumnButtongroup.d.ts CHANGED Viewed

@@ -10,6 +10,10 @@ export declare const pagetableColumnButtongroupProps: () => {
         type: PropType<"center" | "left" | "right">;
         default: "center" | "left" | "right";
     };
+    bodyAlign: {
+        type: PropType<"center" | "left" | "right">;
+        default: "center" | "left" | "right";
+    };
     name: {
         type: PropType<string>;
         default: string;
@@ -37,6 +41,10 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         type: PropType<"center" | "left" | "right">;
         default: "center" | "left" | "right";
     };
+    bodyAlign: {
+        type: PropType<"center" | "left" | "right">;
+        default: "center" | "left" | "right";
+    };
     name: {
         type: PropType<string>;
         default: string;
@@ -62,6 +70,10 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         type: PropType<"center" | "left" | "right">;
         default: "center" | "left" | "right";
     };
+    bodyAlign: {
+        type: PropType<"center" | "left" | "right">;
+        default: "center" | "left" | "right";
+    };
     name: {
         type: PropType<string>;
         default: string;
@@ -83,6 +95,7 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
     head: string;
     width: string | boolean;
     name: string;
+    bodyAlign: "center" | "left" | "right";
     tail: string | boolean;
     headAlign: "center" | "left" | "right";
 }, CustomSlotsType<{

package/dist/components/Pagetable/columns/PagetableColumnDate.d.ts CHANGED Viewed

@@ -9,6 +9,10 @@ export declare const pagetableColumnDateProps: () => {
         type: PropType<"center" | "left" | "right">;
         default: "center" | "left" | "right";
     };
+    bodyAlign: {
+        type: PropType<"center" | "left" | "right">;
+        default: "center" | "left" | "right";
+    };
     name: {
         type: PropType<string>;
         default: string;
@@ -44,6 +48,10 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         type: PropType<"center" | "left" | "right">;
         default: "center" | "left" | "right";
     };
+    bodyAlign: {
+        type: PropType<"center" | "left" | "right">;
+        default: "center" | "left" | "right";
+    };
     name: {
         type: PropType<string>;
         default: string;
@@ -77,6 +85,10 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         type: PropType<"center" | "left" | "right">;
         default: "center" | "left" | "right";
     };
+    bodyAlign: {
+        type: PropType<"center" | "left" | "right">;
+        default: "center" | "left" | "right";
+    };
     name: {
         type: PropType<string>;
         default: string;
@@ -107,6 +119,7 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
     width: string | boolean;
     name: string;
     format: string;
+    bodyAlign: "center" | "left" | "right";
     tail: string | boolean;
     headAlign: "center" | "left" | "right";
     sourceFormat: string;