@pisell/materials 3.3.51 → 3.3.52

package/es/components/dataSourceComponents/dataSourceForm/BaseForm.js

@@ -50,9 +50,12 @@ var BaseForm = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useDataSource = useDataSource(),
     get = _useDataSource.get;
   useEffect(function () {
-    var _formRef$current;
-    (_formRef$current = formRef.current) === null || _formRef$current === void 0 || _formRef$current.resetFields();
-  }, [dataSource]);
+    var isDesignMode = props.__designMode === 'design';
+    if (isDesignMode) {
+      var _formRef$current;
+      (_formRef$current = formRef.current) === null || _formRef$current === void 0 || _formRef$current.resetFields();
+    }
+  }, [dataSource, props.__designMode]);
   useEffect(function () {
     document.body.id = 'body';
   }, []);

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

@@ -1,5 +1,5 @@
 declare const useDataSourceKey: () => {
-    dataSourceKey: string | undefined;
-    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
+    dataSourceKey: string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined>;
 };
 export default useDataSourceKey;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.js

@@ -54,6 +54,8 @@ var useDrawerState = function useDrawerState(operationContent) {
     setDrawerVisible(false);
     // 等待动画完成后再清除item
     timerRef.current = setTimeout(function () {
+      var _item$afterClose;
+      item === null || item === void 0 || (_item$afterClose = item.afterClose) === null || _item$afterClose === void 0 || _item$afterClose.call(item);
       setItem(null);
       timerRef.current = undefined;
     }, 300);

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -17,7 +17,7 @@ interface UseTablePropsProps {
  * @returns
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
-    title: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    title: string | number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -26,7 +26,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    subTitle: string | number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: JSX.Element | null;
     onRow: (record: any) => any;
@@ -42,17 +42,18 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         items: OperationItem[];
     } | undefined;
     operation?: {
-        show: boolean;
-        title: string; /**
+        /**
          * 处理table的props
          * 转换title
          * @param props
          * @returns
          */
+        show: boolean;
+        title: string;
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "link" | "button";
+        type: "button" | "link";
         items: OperationItem[];
     } | undefined;
     operationContent?: {
@@ -70,7 +71,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "large" | "middle";
+        openContentSize: "large" | "middle" | "small";
         openTitle: string;
         key: string;
     } | undefined;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {

package/es/components/pisellWalletPassCard/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export interface PisellWalletPassCardProps {
     id: number;

package/es/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/es/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: number;
-    vertical: number;
+    horizontal: any;
+    vertical: any;
 };
 export default useGapSize;

package/es/components/table/Table/fields/index.d.ts

@@ -198,12 +198,12 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: boolean;
+    default_value: string;
 } | {
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: string;
+    default_value: boolean;
 } | {
     field_icon: string;
     field_name: string;

package/es/components/table/Table/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/es/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/es/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("column_setting" | "gallery_setting" | "order_by" | "group_by" | "view_mode" | "filter_setting")[];
+}) => ("filter_setting" | "view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/es/components/table/View/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridViewProps } from '../types';
 declare const View: (props: GridViewProps & {
     setTableSetting: (values: Record<string, any>) => void;

package/es/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string;
+export declare const getCssNumber: (val: string | number) => string | number;
 export declare function uuid(): string;
 export * from './mergeWith';

package/es/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: () => any;

package/lib/components/dataSourceComponents/dataSourceForm/BaseForm.js

@@ -73,8 +73,11 @@ var BaseForm = (0, import_react.forwardRef)(
     const { get } = (0, import_useDataSource.default)();
     (0, import_react.useEffect)(() => {
       var _a2;
-      (_a2 = formRef.current) == null ? void 0 : _a2.resetFields();
-    }, [dataSource]);
+      const isDesignMode = props.__designMode === "design";
+      if (isDesignMode) {
+        (_a2 = formRef.current) == null ? void 0 : _a2.resetFields();
+      }
+    }, [dataSource, props.__designMode]);
     (0, import_react.useEffect)(() => {
       document.body.id = "body";
     }, []);

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

@@ -1,5 +1,5 @@
 declare const useDataSourceKey: () => {
-    dataSourceKey: string | undefined;
-    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
+    dataSourceKey: string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined>;
 };
 export default useDataSourceKey;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.js

@@ -64,6 +64,8 @@ var useDrawerState = (operationContent) => {
     }
     setDrawerVisible(false);
     timerRef.current = setTimeout(() => {
+      var _a;
+      (_a = item == null ? void 0 : item.afterClose) == null ? void 0 : _a.call(item);
       setItem(null);
       timerRef.current = void 0;
     }, 300);

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -17,7 +17,7 @@ interface UseTablePropsProps {
  * @returns
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
-    title: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    title: string | number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -26,7 +26,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    subTitle: string | number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: JSX.Element | null;
     onRow: (record: any) => any;
@@ -42,17 +42,18 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         items: OperationItem[];
     } | undefined;
     operation?: {
-        show: boolean;
-        title: string; /**
+        /**
          * 处理table的props
          * 转换title
          * @param props
          * @returns
          */
+        show: boolean;
+        title: string;
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "link" | "button";
+        type: "button" | "link";
         items: OperationItem[];
     } | undefined;
     operationContent?: {
@@ -70,7 +71,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "large" | "middle";
+        openContentSize: "large" | "middle" | "small";
         openTitle: string;
         key: string;
     } | undefined;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {

package/lib/components/pisellWalletPassCard/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export interface PisellWalletPassCardProps {
     id: number;

package/lib/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/lib/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: number;
-    vertical: number;
+    horizontal: any;
+    vertical: any;
 };
 export default useGapSize;

package/lib/components/table/Table/fields/index.d.ts

@@ -198,12 +198,12 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: boolean;
+    default_value: string;
 } | {
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: string;
+    default_value: boolean;
 } | {
     field_icon: string;
     field_name: string;

package/lib/components/table/Table/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/lib/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/lib/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("column_setting" | "gallery_setting" | "order_by" | "group_by" | "view_mode" | "filter_setting")[];
+}) => ("filter_setting" | "view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lib/components/table/View/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridViewProps } from '../types';
 declare const View: (props: GridViewProps & {
     setTableSetting: (values: Record<string, any>) => void;

package/lib/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string;
+export declare const getCssNumber: (val: string | number) => string | number;
 export declare function uuid(): string;
 export * from './mergeWith';

package/lib/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: () => any;

package/lowcode/data-source-table/meta.ts

@@ -897,6 +897,13 @@ const dataSourceTable = {
                             },
                           },
                         },
+                        {
+                          name: 'afterClose',
+                          title: { label: '关闭后' },
+                          setter: {
+                            componentName: 'FunctionSetter'
+                          }
+                        }
                       ],
                     },
                   },
@@ -2689,6 +2696,13 @@ const dataSourceTable = {
                               componentName: 'BoolSetter'
                             },
                           ],
+                        },
+                        {
+                          name: 'afterClose',
+                          title: { label: '关闭后' },
+                          setter: {
+                            componentName: 'FunctionSetter'
+                          }
                         }
                       ],
                     },

package/lowcode/form-item-input.password/meta.ts

@@ -49,6 +49,11 @@ export default {
     ]),
     getFormItemValidateGroup([
       generalItemMap['requiredobj'],
+      {
+        name: 'validator',
+        title: '自定义校验',
+        setter: 'FunctionSetter'
+      }
     ]),
   ],
   props: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "3.3.51",
+  "version": "3.3.52",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -71,9 +71,9 @@
     "swiper": "^8.4.7",
     "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
+    "@pisell/date-picker": "3.0.3",
     "@pisell/icon": "0.0.11",
-    "@pisell/date-picker": "3.0.2",
-    "@pisell/utils": "3.0.0"
+    "@pisell/utils": "3.0.1"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/TimeResourceSelector/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface TimeSlot {
-    value: string;
-    label: string;
-    time: string;
-    remainingCount: number;
-    disabled?: boolean;
-}
-export interface TimeResourceSelectorProps {
-    timeSlots?: TimeSlot[];
-    multiple?: boolean;
-    showUnavailable?: boolean;
-    defaultExpanded?: boolean;
-    defaultSelectFirst?: boolean;
-    onChange?: (values: string | string[]) => void;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const TimeResourceSelector: React.FC<TimeResourceSelectorProps>;
-export default TimeResourceSelector;

package/es/components/appVersionControl/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { AppVersionControlProps } from './types';
-import './index.less';
-declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;
-export default AppVersionControl;

package/es/components/badge/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { BadgeProps as OriginalBadgeprops } from 'antd';
-import './index.less';
-export interface Badgeprops extends OriginalBadgeprops {
-    styleType: 'default' | 'warning';
-}
-declare const Badge: (props: any) => JSX.Element;
-export default Badge;

package/es/components/buttonGroupPreview/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { MenuProps, ButtonProps } from 'antd';
-export interface ButtonGroupListItemProps {
-    id?: string;
-    isMore?: boolean;
-    menuData?: MenuProps['items'];
-    buttonProps?: ButtonProps;
-}
-interface ButtonConfigProps {
-    [id: string]: ButtonGroupListItemProps;
-}
-export declare type ButtonGroupListProps = ButtonGroupListItemProps[][];
-interface ButtonGroupPreviewProps {
-    buttonConfig?: ButtonConfigProps;
-    buttonGroupList?: ButtonGroupListProps;
-    updateButtonProps?: ButtonGroupListItemProps;
-}
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupPreviewProps & React.RefAttributes<any>>>;
-export default _default;

package/es/components/cardPro/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import './index.less';
-declare const _default: (props: any) => JSX.Element;
-export default _default;

package/es/components/collapse/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import './index.less';
-interface CollapseProps {
-    panelBackground?: string;
-    panelMarginBottom?: string | 0;
-    panelBorderRadius?: string | 0;
-    items: any[];
-    showHeader?: boolean;
-    headerColor?: string | '#101828';
-    headerFontSize?: string | 14;
-    expandIcon?: any;
-    [key: string]: any;
-}
-declare const Collapse: React.FC<CollapseProps>;
-export default Collapse;

package/es/components/cropPhoto/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const CropPhoto: React.FC;
-export default CropPhoto;

package/es/components/dataSourceComponents/dataSourceForm/BaseForm.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const _default: any;
-export default _default;

package/es/components/dataSourceComponents/dataSourceMenu/Basic.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { PisellMenuProps } from '../../pisellMenu/types';
-/**
- * @title: 数据源表单组件
- * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
- */
-declare const DataSourceMenu: React.ForwardRefExoticComponent<PisellMenuProps & React.RefAttributes<any>>;
-export default DataSourceMenu;

package/es/components/dataSourceComponents/dataSourceMenu/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { PisellMenuProps } from '../../pisellMenu/types';
-/**
- * @title: 数据源表单组件
- * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
- */
-declare const DataSourceMenu: (props: PisellMenuProps, ref: React.Ref<any>) => JSX.Element;
-export default DataSourceMenu;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -1,39 +0,0 @@
-/// <reference types="react" />
-import { Drawer } from 'antd';
-import { OperationItem } from '../type';
-declare const useDrawerState: (operationContent?: {
-    [key: string]: import("react").ReactNode;
-} | undefined) => {
-    drawerVisible: boolean;
-    setDrawerVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    openDrawer: (item: OperationItem) => void;
-    closeDrawer: () => void;
-    drawerContent: import("react").ReactNode;
-    Container: {
-        (props: import("../../../pisellModal").PisellModalProps): JSX.Element;
-        confirm: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        info: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        error: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        warn: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => any;
-        warning: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        success: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        Information: (props: import("../../../pisellModal/components/Information").InformationProps) => JSX.Element;
-    } | typeof Drawer;
-    containerProps: {};
-};
-export default useDrawerState;

package/es/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -1,78 +0,0 @@
-/// <reference types="react" />
-import { ColumnType } from 'antd/es/table';
-import { DataSourceType } from '../provider/dataSource/DataSourceContext';
-export declare type OperationItem = {
-    label?: string;
-    openMode: 'modal' | 'drawer' | 'custom';
-    openContentSize: 'small' | 'middle' | 'large';
-    openTitle: string;
-    actionType: 'detail' | 'edit' | 'delete' | 'custom';
-    key: string;
-    buttonProps?: any;
-    onClick?: (record: any) => void;
-};
-export interface DataSourceTableProps {
-    title?: string | React.ReactNode | (() => React.ReactNode);
-    subTitle?: string | React.ReactNode | (() => React.ReactNode);
-    titleButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    };
-    tableButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    };
-    buttons?: any[];
-    operation?: {
-        show: boolean;
-        title: string;
-        width: number;
-        align: 'left' | 'center' | 'right';
-        fixed: 'left' | 'right' | false;
-        type: 'link' | 'button';
-        items: OperationItem[];
-    };
-    operationContent?: {
-        [key: string]: React.ReactNode;
-    };
-    dataSource: DataSourceType;
-    columns: ColumnType<any>[];
-    filter: any;
-    search?: {
-        show: boolean;
-        placeholder: string;
-    };
-    __designMode: string;
-    componentId: string;
-    clickToDetail?: {
-        show: boolean;
-        useCustomAction: boolean;
-        actionType: string;
-        openMode: 'modal' | 'drawer';
-        openContentSize: 'small' | 'middle' | 'large';
-        openTitle: string;
-        key: string;
-    };
-    onRow?: any;
-    filterBy?: Record<string, any>;
-    sortBy: string;
-    tabs?: {
-        show: boolean;
-        type: string;
-        items: {
-            name: string;
-            filterBy: Record<string, any>;
-            sortBy: string;
-        }[];
-    };
-    onValuesChange?: (changedValues: any, values: any) => void;
-    extraParams?: {
-        list?: Record<string, any>;
-        get?: Record<string, any>;
-        update?: Record<string, any>;
-        create?: Record<string, any>;
-        destroy?: Record<string, any>;
-    };
-}