@pisell/materials 1.0.1078 → 1.0.1079

package/es/components/PisellContactBrief/types.d.ts

@@ -0,0 +1,82 @@
+import type React from 'react';
+import type { PisellBaseCardProps } from '../pisellBaseCard/types';
+import type { EntityCardLayout } from '../pisellEntityCard/types';
+/**
+ * 联系人表单值（新建/编辑弹窗提交结构）
+ * 基础字段 name、phone、email + 扩展字段（与 extraFields[].key 对应）扁平在同一对象
+ */
+export interface ContactFormValues {
+    /** 姓名 */
+    name: string;
+    /** 电话 */
+    phone?: string;
+    /** 邮箱 */
+    email?: string;
+    /** 扩展字段及任意表单项，key 与 extraFields 配置对应 */
+    [key: string]: string | undefined;
+}
+/**
+ * 可增加字段配置项
+ * 顺序即卡片展示与弹窗表单项顺序
+ */
+export interface ContactBriefExtraField {
+    /** 字段 key，与 extraData / ContactFormValues 对应 */
+    key: string;
+    /** 展示与表单项 label（可配合多语言） */
+    label: string;
+}
+/**
+ * PisellContactBrief 组件 Props
+ * 基于 PisellEntityCard 展示联系人简要信息，内置编辑弹窗
+ */
+export interface PisellContactBriefProps extends Pick<PisellBaseCardProps, 'className' | 'style' | 'hoverStyle' | 'activeStyle' | 'disabledStyle' | 'clickable' | 'disabled' | 'onClick'> {
+    /** 联系人姓名（主文案） */
+    name: string;
+    /** 电话（副标题，与姓名同行） */
+    phone?: string;
+    /** 邮箱（次级文案） */
+    email?: string;
+    /** 头像图片地址，不传则显示默认占位 */
+    avatar?: string;
+    /** 扩展字段值，key 与 extraFields 配置对应 */
+    extraData?: Record<string, string>;
+    /** 可增加字段配置，顺序即展示与表单顺序 */
+    extraFields?: ContactBriefExtraField[];
+    /** 编辑弹窗提交回调 */
+    onSubmit?: (values: ContactFormValues) => void;
+    /** 左滑删除回调（透传 Entity Card） */
+    onDelete?: () => void;
+    /** 是否开启左滑删除 @default false */
+    swipeToDelete?: boolean;
+    /** 布局方向 @default 'horizontal' */
+    layout?: EntityCardLayout;
+    /** 是否显示头像 @default true */
+    showAvatar?: boolean;
+    /** 是否显示电话 @default true */
+    showPhone?: boolean;
+    /** 是否显示邮箱 @default true */
+    showEmail?: boolean;
+    /** 主文案行数限制 */
+    primaryLineClamp?: number;
+    /** 次级文案行数限制 */
+    secondaryLineClamp?: number;
+}
+/**
+ * PisellContactBrief.CreateButton 组件 Props
+ * 点击后打开新建联系人弹窗
+ */
+export interface PisellContactBriefCreateButtonProps extends Pick<PisellBaseCardProps, 'className' | 'style'> {
+    /** 可增加字段配置，与卡片一致，弹窗内表单项与之对应 */
+    extraFields?: ContactBriefExtraField[];
+    /** 新建弹窗提交回调，调用方保存数据后可更新列表 */
+    onCreate?: (values: ContactFormValues) => void;
+    /** 自定义点击行为；不传则使用内置打开新建弹窗 */
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+}
+/**
+ * 复合组件类型：PisellContactBrief + CreateButton
+ */
+export interface PisellContactBriefComponent {
+    (props: PisellContactBriefProps): React.ReactElement;
+    CreateButton: React.ComponentType<PisellContactBriefCreateButtonProps>;
+}

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

@@ -0,0 +1,37 @@
+/**
+ * PisellFields 命名空间
+ * 字段组件集合 - 支持编辑态、只读态、禁用态三种视图模式
+ *
+ * @example
+ * import { PisellFields } from '@pisell/materials';
+ *
+ * <PisellFields.SingleLineText value="hello" viewMode="edit" />
+ * <PisellFields.Number value={123} viewMode="readonly" />
+ * <PisellFields.Currency value={1000} currencySymbol="$" />
+ */
+/// <reference types="react" />
+declare const PisellFields: {
+    SingleLineText: import("react").NamedExoticComponent<import("../pisellSingleLineText").PisellSingleLineTextProps>;
+    LongText: import("react").NamedExoticComponent<import("../pisellLongText").PisellLongTextProps>;
+    Number: import("react").NamedExoticComponent<import("../pisellNumber").PisellNumberProps>;
+    Currency: import("react").NamedExoticComponent<import("../pisellCurrency").PisellCurrencyProps>;
+    Percent: import("react").NamedExoticComponent<import("../pisellPercent").PisellPercentProps>;
+    Phone: import("react").NamedExoticComponent<import("../pisellPhone").PisellPhoneProps>;
+    Email: import("react").NamedExoticComponent<import("../pisellEmail").PisellEmailProps>;
+    Url: import("react").NamedExoticComponent<import("../pisellUrl").PisellUrlProps>;
+    Rating: import("react").NamedExoticComponent<import("../pisellRating").PisellRatingProps>;
+    SingleSelect: import("react").ForwardRefExoticComponent<import("../pisellSingleSelect").PisellSingleSelectProps<string | number> & import("react").RefAttributes<import("../pisellSingleSelect").SingleSelectRef<string | number>>>;
+    MultipleSelect: import("react").ForwardRefExoticComponent<import("../pisellMultipleSelect").PisellMultipleSelectProps<string | number> & import("react").RefAttributes<import("../pisellMultipleSelect").MultipleSelectRef<string | number>>>;
+};
+export default PisellFields;
+export type { PisellSingleLineTextProps, } from '../pisellSingleLineText';
+export type { PisellLongTextProps, } from '../pisellLongText';
+export type { PisellNumberProps, } from '../pisellNumber';
+export type { PisellCurrencyProps, } from '../pisellCurrency';
+export type { PisellPercentProps, } from '../pisellPercent';
+export type { PisellPhoneProps, CountryCode, } from '../pisellPhone';
+export type { PisellEmailProps, MailtoOptions, } from '../pisellEmail';
+export type { PisellUrlProps, } from '../pisellUrl';
+export type { PisellRatingProps, } from '../pisellRating';
+export type { PisellSingleSelectProps, SingleSelectRef, } from '../pisellSingleSelect';
+export type { PisellMultipleSelectProps, MultipleSelectRef, } from '../pisellMultipleSelect';

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

@@ -0,0 +1,37 @@
+/**
+ * PisellLayouts 命名空间
+ * 布局组件集合
+ *
+ * @example
+ * import { PisellLayouts } from '@pisell/materials';
+ *
+ * <PisellLayouts.BasicGrid columns={3} gap={16}>
+ *   {items.map(item => <Card key={item.id} {...item} />)}
+ * </PisellLayouts.BasicGrid>
+ *
+ * <PisellLayouts.ScrollView direction="horizontal">
+ *   <Content />
+ * </PisellLayouts.ScrollView>
+ */
+declare const PisellLayouts: {
+    BasicGrid: <T>(props: import("../PisellBasicGrid").PisellBasicGridProps<T>) => import("react").JSX.Element;
+    ScrollView: import("react").ForwardRefExoticComponent<Omit<import("../PisellScrollView").PisellScrollViewProps, "ref"> & import("react").RefAttributes<import("../PisellScrollView").PisellScrollViewRef>>;
+    FloorMapLayout: <T_1 extends import("../pisellFloorMapLayout").FloorMapItemBase = import("../pisellFloorMapLayout").FloorMapItemBase>(props: import("../pisellFloorMapLayout").PisellFloorMapLayoutProps<T_1> & {
+        ref?: import("react").Ref<import("../pisellFloorMapLayout").PisellFloorMapLayoutRef> | undefined;
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    Layout: import("../pisellLayout").CompoundedComponent;
+    Content: import("react").FC<import("../pisellLayout/content").PisellContentProps>;
+    Footer: import("react").FC<import("../pisellLayout/footer").PisellFooterProps>;
+    Header: import("react").FC<import("../pisellLayout/header").PisellHeaderProps>;
+    Sider: import("react").FC<import("../pisellLayout/sider").PisellSiderProps>;
+    Container: <T_2 extends import("../pisellContainer").RenderType>(props: import("../pisellContainer").PisellContainerProps<T_2>) => any;
+    Row: (props: import("../pisellRow").PisellRowProps) => import("react").JSX.Element;
+    ViewGrid: import("react").FC<import("../pisellViewGrid").PisellViewGridProps>;
+};
+export default PisellLayouts;
+export type { PisellBasicGridProps } from '../PisellBasicGrid';
+export type { PisellScrollViewProps } from '../PisellScrollView';
+export type { PisellFloorMapLayoutProps, PisellFloorMapLayoutRef, FloorMapFullscreenMode, FloorMapLayoutContextValue, FloorMapLayoutProviderProps, } from '../pisellFloorMapLayout';
+export { FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, mergeFloorMapLayoutPropsFromContext, } from '../pisellFloorMapLayout';
+export type { PisellLayoutProps, CompoundedComponent } from '../pisellLayout';
+export type { PisellRowProps } from '../pisellRow';

package/es/components/PisellSteps/PisellSteps.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './PisellSteps.less';
+import type { PisellStepsProps } from './types';
+/**
+ * PisellSteps 步骤条组件
+ *
+ * 基于 Ant Design Steps 组件进行二次封装和增强
+ * 支持多种展示样式、布局方式和丰富的交互功能
+ *
+ * @author Pisell Team
+ * @version 1.0.0
+ */
+declare const PisellSteps: React.FC<PisellStepsProps>;
+export default PisellSteps;

package/es/components/PisellTabbar/PisellTabbar.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './PisellTabbar.less';
+import { PisellTabbarProps } from './types';
+/**
+ * PisellTabbar - 多层级 Tabbar 组件
+ *
+ * 支持最多 3 层级的 Tab 导航，每层级可独立展开/收起
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PisellTabbar
+ *   dataSource={categoryData}
+ *   value={[1, 10, 100]}
+ *   onChange={(value) => console.log('当前选中:', value)}
+ * />
+ * ```
+ */
+declare const PisellTabbar: React.FC<PisellTabbarProps>;
+export default PisellTabbar;

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

@@ -0,0 +1,9 @@
+/**
+ * PisellTabbar 组件导出文件
+ * @module PisellTabbar
+ */
+import PisellTabbar from './PisellTabbar';
+import PisellTabbarTemplate1 from './template/Template1';
+export type { PisellTabbarProps, TabbarDataSource, LevelType } from './types';
+export { PisellTabbarTemplate1 };
+export default PisellTabbar;

package/es/components/PisellTabbar/template/Template1/PisellTabbar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import '../../PisellTabbar.less';
+import { PisellTabbarProps } from '../../types';
+declare const _default: React.ForwardRefExoticComponent<PisellTabbarProps & React.RefAttributes<unknown>>;
+export default _default;

package/es/components/PisellTabbar/template/Template1/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * PisellTabbar 组件导出文件
+ * @module PisellTabbar
+ */
+import PisellTabbar from './PisellTabbar';
+export default PisellTabbar;

package/es/components/PisellTabbar2/PisellTabbar.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { getDefaultActiveKey } from './utils';
+import { PisellTabbarProps } from './types';
+import './PisellTabbar.less';
+/**
+ * PisellTabbar - 多层级 Tabbar 组件
+ *
+ * 支持最多 3 层级的 Tab 导航，每层级可独立展开/收起
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PisellTabbar
+ *   dataSource={categoryData}
+ *   value={[1, 10, 100]}
+ *   onChange={(value) => console.log('当前选中:', value)}
+ * />
+ * ```
+ */
+declare const PisellTabbar: React.FC<PisellTabbarProps> & {
+    getDefaultActiveKey: typeof getDefaultActiveKey;
+};
+export default PisellTabbar;

package/es/components/PisellTabbar2/components/TabbarLevel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TabbarLevelProps } from '../types';
+/**
+ * Tabbar 层级组件
+ * 负责渲染单个层级的 Tab 导航
+ */
+declare const TabbarLevel: React.FC<TabbarLevelProps>;
+export default TabbarLevel;

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

@@ -0,0 +1 @@
+export { default as TabbarLevel } from './TabbarLevel';

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

@@ -0,0 +1,6 @@
+/**
+ * PisellTabbar 组件导出文件
+ * @module PisellTabbar
+ */
+export { default } from './PisellTabbar';
+export type { PisellTabbarProps, TabbarDataSource, LevelType } from './types';

package/es/components/PisellTabbar3/PisellTabbar.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PisellTabbarProps } from './types';
+import './PisellTabbar.less';
+/**
+ * PisellTabbar - 多层级 Tabbar 组件
+ *
+ * 支持最多 3 层级的 Tab 导航，每层级可独立展开/收起
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PisellTabbar
+ *   dataSource={categoryData}
+ *   value={[1, 10, 100]}
+ *   onChange={(value) => console.log('当前选中:', value)}
+ * />
+ * ```
+ */
+declare const PisellTabbar: React.FC<PisellTabbarProps>;
+export default PisellTabbar;

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

@@ -0,0 +1,6 @@
+/**
+ * PisellTabbar 组件导出文件
+ * @module PisellTabbar
+ */
+export { default } from './PisellTabbar';
+export type { PisellTabbarProps, TabbarDataSource, LevelType } from './types';

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

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

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

@@ -0,0 +1,201 @@
+export interface DataSourceType {
+    key: string;
+    displayName: string;
+    status: string;
+    type: string;
+    isDBInstance: boolean;
+    collections: Collection[];
+}
+export declare type ActionsItem = {
+    method: string;
+    path: string;
+    params: {
+        name: string;
+        value: string;
+    }[];
+    headers: {
+        name: string;
+        value: string;
+    }[];
+    body: Record<string, any>;
+};
+export interface Collection {
+    name: string;
+    title: string;
+    tableName: string;
+    timestamps: boolean;
+    autoGenId: boolean;
+    filterTargetKey: string;
+    fields: Field[];
+    introspected: boolean;
+    unavailableActions: any[];
+    actions: {
+        get: ActionsItem;
+        update: ActionsItem;
+        create: ActionsItem;
+        delete: ActionsItem;
+        list: ActionsItem;
+    };
+}
+interface Field {
+    name: string;
+    type: string;
+    allowNull: boolean;
+    primaryKey: boolean;
+    unique: boolean;
+    autoIncrement: boolean;
+    description?: (null | string)[];
+    possibleTypes?: string[];
+    rawType: string;
+    interface: string;
+    uiSchema: UiSchema;
+    key?: string;
+    collectionName?: string;
+    collectionKey?: any;
+    dataSourceKey?: string;
+    defaultValue?: any;
+}
+interface UiSchema {
+    type?: string;
+    'x-component': string;
+    'x-component-props'?: Xcomponentprops;
+    'x-validator'?: string;
+    title: string;
+    default?: any;
+    enum?: any[];
+}
+interface Xcomponentprops {
+    style?: Style;
+    autoSize?: AutoSize;
+    stringMode?: boolean;
+    step?: string;
+    dateFormat?: string;
+    showTime?: boolean;
+}
+interface AutoSize {
+    minRows: number;
+}
+interface Style {
+    width: string;
+}
+/**
+ * 获取nocobase自定义数据源
+ */
+export declare const getNocobaseDataSource: () => Promise<DataSourceType[]>;
+/**
+ * 获取nocobase主数据源
+ */
+export declare const getNocobaseMainDataSource: () => Promise<any>;
+/**
+ * 获取nocobase数据源设置
+ */
+export declare const getNocobaseDataSourceOptions: () => Promise<any>;
+/**
+ * 创建nocobase数据
+ */
+export declare const createNocobaseData: (params: {
+    key: string;
+    data: any;
+    headers?: any;
+}) => Promise<any>;
+/**
+ * nocobase get数据
+ */
+export declare const getNocobaseData: (params: {
+    key: string;
+    query: Record<string, any>;
+    headers?: any;
+}) => Promise<any>;
+/**
+ * 自定义api接口
+ */
+export declare const customApi: (url: string, data: Record<string, any>, options: {
+    method: 'GET' | 'POST' | 'PUT' | 'DELETE';
+    baseUrl?: string | undefined;
+    headers?: {
+        name: string;
+        value: any;
+    }[] | undefined;
+    params?: {
+        name: string;
+        value: any;
+    }[] | undefined;
+    body?: Record<string, any> | undefined;
+    dataSourceKey?: string | undefined;
+}) => Promise<any>;
+/**
+ * 更新nocobase数据
+ */
+export declare const updateNocobaseData: (params: {
+    key: string;
+    data: any;
+    headers?: any;
+    query?: Record<string, any> | undefined;
+}) => Promise<any>;
+/**
+ * 获取nocobase数据列表
+ */
+export declare const getNocobaseDataList: (allParams: {
+    key: string;
+    params: {
+        page: number;
+        pageSize: number;
+    };
+    headers?: any;
+}) => Promise<any>;
+/**
+ * 删除nocobase数据
+ */
+export declare const deleteNocobaseData: (key: string, id: string, headers?: any) => Promise<any>;
+/**
+ * 获取formSettingMeta数据
+ * @param params 请求参数
+ * @param params.sectionCodes 配置段代码数组，如 ['payment']
+ * @param params.businessCode 业务代码
+ * @param params.channelCode 渠道代码
+ * @param params.isBoard 是否包含board_code参数
+ * @returns Promise<any> 返回设置元数据
+ */
+export declare const getFormSettingMetaData: (params: {
+    sectionCodes: string[];
+    scope: string;
+    target?: string | undefined;
+}) => Promise<any>;
+/**
+ * 更新租户设置数据
+ * @param params 请求参数
+ * @param params.businessCode 业务代码
+ * @param params.channelCode 渠道代码
+ * @param params.boardCode 板块代码
+ * @param params.data 要更新的数据对象，如 {"order.prefix":"","order.suffix":"","payment.number":""}
+ * @returns Promise<any> 返回更新结果
+ */
+export declare const updateTenantSetting: (params: {
+    scope: string;
+    target?: string | undefined;
+    data: Record<string, any>;
+}) => Promise<any>;
+export declare type DeviceSettingScene = 'template' | 'profile' | 'instance';
+/**
+ * 获取设备设置元数据（POST 类型 GET）
+ * @param params.scene 场景，默认 template
+ * @param params.sceneRequestId URL 中 {id} 占位符的实际取值
+ * @param params.items 需要获取的字段列表，例如 ['order.name', 'order.id']
+ */
+export declare const getDeviceSettingMetaData: (params: {
+    scene?: DeviceSettingScene | undefined;
+    sceneRequestId: string;
+    items: string[];
+}) => Promise<any>;
+/**
+ * 更新设备设置数据
+ * @param params.scene 场景，默认 template
+ * @param params.sceneRequestId URL 中 {id} 占位符的实际取值
+ * @param params.data 需要更新的字段值对象
+ */
+export declare const updateDeviceSetting: (params: {
+    scene?: DeviceSettingScene | undefined;
+    sceneRequestId: string;
+    data: Record<string, any>;
+}) => Promise<any>;
+export {};

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

@@ -410,7 +410,8 @@ export var getDeviceSettingMetaData = /*#__PURE__*/function () {
           }, {
             headers: {
               'Content-Type': 'application/json'
-            }
+            },
+            isPisell2: true
           }));
         case 7:
         case "end":
@@ -452,7 +453,8 @@ export var updateDeviceSetting = /*#__PURE__*/function () {
           }, {
             headers: {
               'Content-Type': 'application/json'
-            }
+            },
+            isPisell2: true
           }));
         case 7:
         case "end":

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

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const useDrawerState: (operationContent?: {
+    [key: string]: React.ReactNode;
+} | undefined) => any;
+export default useDrawerState;

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

@@ -19,7 +19,7 @@ interface UseTablePropsProps {
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
     currentComponentId: any;
-    title: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    title: string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -28,7 +28,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    subTitle: string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: {
         dom: any;
@@ -72,7 +72,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "large" | "middle" | "small";
+        openContentSize: "small" | "middle" | "large";
         openTitle: string;
         key: string;
     } | undefined;

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

@@ -0,0 +1,85 @@
+/// <reference types="react" />
+import { ColumnType } from 'antd/es/table';
+import { LocalSettingsType } from '../../table/types';
+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;
+    afterClose?: () => void;
+};
+export interface DataSourceTableProps {
+    __id?: string;
+    currentComponentId?: string;
+    currentSettingKey?: string;
+    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;
+    onDeleteFinish?: (record: Record<string, any>) => void;
+    extraParams?: {
+        list?: Record<string, any>;
+        get?: Record<string, any>;
+        update?: Record<string, any>;
+        create?: Record<string, any>;
+        destroy?: Record<string, any>;
+    };
+    localSettings?: LocalSettingsType;
+}