orion-design 0.1.30 → 0.1.32

package/dist/components/Form/hooks/index.js

@@ -23,17 +23,20 @@ const u = () => C(M), S = () => {
   const e = u(), { props: r } = s();
   return n(() => e.disabled || r.disabled);
 }, k = () => {
-  let e;
-  const { props: r } = s(), { code: o } = r;
-  if (o)
-    if (x(o))
-      e = V.getCode(o).value;
-    else if (I(o))
-      e = o;
-    else
-      throw new f("code类型错误");
-  else throw new f("code为空");
-  return n(() => e);
+  const { props: e } = s();
+  return n(() => {
+    let r;
+    const { code: o } = e;
+    if (o)
+      if (x(o))
+        r = V.getCode(o).value;
+      else if (I(o))
+        r = o;
+      else
+        throw new f("code类型错误");
+    else throw new f("code为空");
+    return r;
+  });
 }, w = () => {
   const e = u(), { props: r } = s(), { name: o } = r;
   return n({

package/dist/components/Form/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Form/hooks/index.ts"],"sourcesContent":["import { inject, getCurrentInstance, computed } from 'vue'\r\nimport { formContextKey, FormItemRule } from '../Form'\r\nimport Throne from '../../../Throne'\r\nimport { CodeItem } from '../../types'\r\nimport { castArray, isArray, isString } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\nimport formItemValidateTrigger from './FormItemValidateTrigger'\r\n\r\nconst useFormContext = () => {\r\n  return inject(formContextKey)\r\n}\r\n\r\nconst useFormItemSpan = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n\r\n  return computed(() => (props.span ? (props.span as number) : formContext.itemSpan))\r\n}\r\n\r\nconst useFormItemRules = () => {\r\n  const formContext = useFormContext()!\r\n  const { props, type } = getCurrentInstance()!\r\n  const { name, label, required } = props\r\n  let trigger = formItemValidateTrigger[type.name!]\r\n  if (!trigger) {\r\n    trigger = 'change'\r\n  }\r\n\r\n  return computed(() => {\r\n    const rules: FormItemRule[] = []\r\n    let flag = true\r\n\r\n    if (required) {\r\n      if (props.rules) {\r\n        rules.push(...castArray(props.rules))\r\n        flag = !rules.some((rule) => Object.keys(rule).includes('required'))\r\n      }\r\n      if (formContext.rules && formContext.rules[name as string]) {\r\n        const formRules = castArray(formContext.rules[name as string])\r\n        flag = !formRules.some((rule) => Object.keys(rule).includes('required'))\r\n      }\r\n    }\r\n\r\n    if (flag) {\r\n      rules.push({\r\n        required: true,\r\n        message: `必填项[${label ? label : name}]不能为空`,\r\n        trigger: trigger,\r\n      })\r\n    }\r\n\r\n    return rules\r\n  })\r\n}\r\n\r\nconst useFormItemDisabled = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  return computed(() => formContext.disabled || (props.disabled as boolean))\r\n}\r\n\r\nconst useFormItemCode = () => {\r\n  let codeData: Array<CodeItem>\r\n  const { props } = getCurrentInstance()!\r\n  const { code } = props\r\n  if (!code) {\r\n    throw new OrionError('code为空')\r\n  } else if (isString(code)) {\r\n    codeData = Throne.getCode(code).value\r\n  } else if (isArray<CodeItem>(code)) {\r\n    codeData = code\r\n  } else {\r\n    throw new OrionError('code类型错误')\r\n  }\r\n  return computed(() => codeData)\r\n}\r\n\r\nconst useFormItemStringModel = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { name } = props\r\n\r\n  return computed<string>({\r\n    get: () => {\r\n      const value = formContext.modelValue[name as string]\r\n      if (!value) {\r\n        return ''\r\n      }\r\n      return value as string\r\n    },\r\n    set: (newValue) => {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name as string, '')\r\n      } else {\r\n        formContext.updateModelValue(name as string, newValue)\r\n      }\r\n    },\r\n  })\r\n}\r\n\r\nconst useFormItemMultiModel = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { name } = props\r\n\r\n  return computed<string[] | undefined>({\r\n    get: () => {\r\n      const value = formContext.modelValue[name as string]\r\n      if (!value) {\r\n        return undefined\r\n      }\r\n      return (value as string).split(',')\r\n    },\r\n    set: (newValue) => {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name as string, '')\r\n      } else {\r\n        formContext.updateModelValue(name as string, newValue.join(','))\r\n      }\r\n    },\r\n  })\r\n}\r\n\r\nconst useFormItemBooleanModel = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { name } = props\r\n\r\n  return computed<boolean>({\r\n    get: () => {\r\n      const value = formContext.modelValue[name as string]\r\n      if (!value) {\r\n        return false\r\n      }\r\n      return (value as string) == '1'\r\n    },\r\n    set: (_newValue) => {\r\n      const oldValue = formContext.modelValue[name as string]\r\n      const newValue = _newValue ? '1' : '0'\r\n      if (oldValue) {\r\n        formContext.updateModelValue(name as string, newValue)\r\n      } else {\r\n        if (_newValue) {\r\n          formContext.updateModelValue(name as string, newValue)\r\n        }\r\n      }\r\n    },\r\n  })\r\n}\r\n\r\nexport {\r\n  useFormContext,\r\n  useFormItemSpan,\r\n  useFormItemRules,\r\n  useFormItemDisabled,\r\n  useFormItemCode,\r\n  useFormItemStringModel,\r\n  useFormItemMultiModel,\r\n  useFormItemBooleanModel,\r\n}\r\n"],"names":["useFormContext","inject","formContextKey","useFormItemSpan","formContext","props","getCurrentInstance","computed","useFormItemRules","type","name","label","required","trigger","formItemValidateTrigger","rules","flag","castArray","rule","useFormItemDisabled","useFormItemCode","codeData","code","isString","Throne","isArray","OrionError","useFormItemStringModel","value","newValue","useFormItemMultiModel","useFormItemBooleanModel","_newValue","oldValue"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Form/hooks/index.ts"],"sourcesContent":["import { inject, getCurrentInstance, computed } from 'vue'\r\nimport { formContextKey, FormItemRule } from '../Form'\r\nimport Throne from '../../../Throne'\r\nimport { CodeItem } from '../../types'\r\nimport { castArray, isArray, isString } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\nimport formItemValidateTrigger from './FormItemValidateTrigger'\r\n\r\nconst useFormContext = () => {\r\n  return inject(formContextKey)\r\n}\r\n\r\nconst useFormItemSpan = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n\r\n  return computed(() => (props.span ? (props.span as number) : formContext.itemSpan))\r\n}\r\n\r\nconst useFormItemRules = () => {\r\n  const formContext = useFormContext()!\r\n  const { props, type } = getCurrentInstance()!\r\n  const { name, label, required } = props\r\n  let trigger = formItemValidateTrigger[type.name!]\r\n  if (!trigger) {\r\n    trigger = 'change'\r\n  }\r\n\r\n  return computed(() => {\r\n    const rules: FormItemRule[] = []\r\n    let flag = true\r\n\r\n    if (required) {\r\n      if (props.rules) {\r\n        rules.push(...castArray(props.rules))\r\n        flag = !rules.some((rule) => Object.keys(rule).includes('required'))\r\n      }\r\n      if (formContext.rules && formContext.rules[name as string]) {\r\n        const formRules = castArray(formContext.rules[name as string])\r\n        flag = !formRules.some((rule) => Object.keys(rule).includes('required'))\r\n      }\r\n    }\r\n\r\n    if (flag) {\r\n      rules.push({\r\n        required: true,\r\n        message: `必填项[${label ? label : name}]不能为空`,\r\n        trigger: trigger,\r\n      })\r\n    }\r\n\r\n    return rules\r\n  })\r\n}\r\n\r\nconst useFormItemDisabled = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  return computed(() => formContext.disabled || (props.disabled as boolean))\r\n}\r\n\r\nconst useFormItemCode = () => {\r\n  const { props } = getCurrentInstance()!\r\n\r\n  return computed(() => {\r\n    let codeData: Array<CodeItem>\r\n    const { code } = props\r\n    if (!code) {\r\n      throw new OrionError('code为空')\r\n    } else if (isString(code)) {\r\n      codeData = Throne.getCode(code).value\r\n    } else if (isArray<CodeItem>(code)) {\r\n      codeData = code\r\n    } else {\r\n      throw new OrionError('code类型错误')\r\n    }\r\n\r\n    return codeData\r\n  })\r\n}\r\n\r\nconst useFormItemStringModel = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { name } = props\r\n\r\n  return computed<string>({\r\n    get: () => {\r\n      const value = formContext.modelValue[name as string]\r\n      if (!value) {\r\n        return ''\r\n      }\r\n      return value as string\r\n    },\r\n    set: (newValue) => {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name as string, '')\r\n      } else {\r\n        formContext.updateModelValue(name as string, newValue)\r\n      }\r\n    },\r\n  })\r\n}\r\n\r\nconst useFormItemMultiModel = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { name } = props\r\n\r\n  return computed<string[] | undefined>({\r\n    get: () => {\r\n      const value = formContext.modelValue[name as string]\r\n      if (!value) {\r\n        return undefined\r\n      }\r\n      return (value as string).split(',')\r\n    },\r\n    set: (newValue) => {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name as string, '')\r\n      } else {\r\n        formContext.updateModelValue(name as string, newValue.join(','))\r\n      }\r\n    },\r\n  })\r\n}\r\n\r\nconst useFormItemBooleanModel = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { name } = props\r\n\r\n  return computed<boolean>({\r\n    get: () => {\r\n      const value = formContext.modelValue[name as string]\r\n      if (!value) {\r\n        return false\r\n      }\r\n      return (value as string) == '1'\r\n    },\r\n    set: (_newValue) => {\r\n      const oldValue = formContext.modelValue[name as string]\r\n      const newValue = _newValue ? '1' : '0'\r\n      if (oldValue) {\r\n        formContext.updateModelValue(name as string, newValue)\r\n      } else {\r\n        if (_newValue) {\r\n          formContext.updateModelValue(name as string, newValue)\r\n        }\r\n      }\r\n    },\r\n  })\r\n}\r\n\r\nexport {\r\n  useFormContext,\r\n  useFormItemSpan,\r\n  useFormItemRules,\r\n  useFormItemDisabled,\r\n  useFormItemCode,\r\n  useFormItemStringModel,\r\n  useFormItemMultiModel,\r\n  useFormItemBooleanModel,\r\n}\r\n"],"names":["useFormContext","inject","formContextKey","useFormItemSpan","formContext","props","getCurrentInstance","computed","useFormItemRules","type","name","label","required","trigger","formItemValidateTrigger","rules","flag","castArray","rule","useFormItemDisabled","useFormItemCode","codeData","code","isString","Throne","isArray","OrionError","useFormItemStringModel","value","newValue","useFormItemMultiModel","useFormItemBooleanModel","_newValue","oldValue"],"mappings":"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"}

package/dist/components/LovTable/LovPagetable.vue.d.ts

@@ -26,6 +26,10 @@ declare function __VLS_template(): {
                     total?: number;
                 };
             };
+            paginationTeleported: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             showRowNumber: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -42,6 +46,66 @@ declare function __VLS_template(): {
                 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;
@@ -73,6 +137,10 @@ declare function __VLS_template(): {
                     total?: number;
                 };
             };
+            paginationTeleported: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             showRowNumber: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -89,6 +157,66 @@ declare function __VLS_template(): {
                 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;
@@ -107,9 +235,36 @@ declare function __VLS_template(): {
                 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: {};
@@ -140,6 +295,10 @@ declare function __VLS_template(): {
                     total?: number;
                 };
             };
+            paginationTeleported: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             showRowNumber: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -156,6 +315,66 @@ declare function __VLS_template(): {
                 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;
@@ -174,9 +393,36 @@ declare function __VLS_template(): {
                 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;
     };
     attrs: Partial<{}>;
@@ -224,6 +470,10 @@ declare const __VLS_component: import('vue').DefineComponent<{
                 total?: number;
             };
         };
+        paginationTeleported: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         showRowNumber: {
             type: BooleanConstructor;
             default: boolean;
@@ -240,6 +490,66 @@ declare const __VLS_component: import('vue').DefineComponent<{
             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;
@@ -271,6 +581,10 @@ declare const __VLS_component: import('vue').DefineComponent<{
                 total?: number;
             };
         };
+        paginationTeleported: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         showRowNumber: {
             type: BooleanConstructor;
             default: boolean;
@@ -287,6 +601,66 @@ declare const __VLS_component: import('vue').DefineComponent<{
             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;
@@ -305,9 +679,36 @@ declare const __VLS_component: import('vue').DefineComponent<{
             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: {};
@@ -338,6 +739,10 @@ declare const __VLS_component: import('vue').DefineComponent<{
                 total?: number;
             };
         };
+        paginationTeleported: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         showRowNumber: {
             type: BooleanConstructor;
             default: boolean;
@@ -354,6 +759,66 @@ declare const __VLS_component: import('vue').DefineComponent<{
             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;
@@ -372,9 +837,36 @@ declare const __VLS_component: import('vue').DefineComponent<{
             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>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;