listpage-next 0.0.170 → 0.0.172

package/dist/components/PageLayout/components/PageContent/index.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface PageContentProps {
+    children?: ReactNode;
+}
+export declare const PageContent: (props: PageContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PageLayout/components/PageContent/index.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Layout } from "antd";
+import { styled } from "styled-components";
+const { Content } = Layout;
+const PageContent = (props)=>{
+    const { children } = props;
+    return /*#__PURE__*/ jsx(ContentStyled, {
+        children: children
+    });
+};
+const ContentStyled = styled(Content)`
+  background-color: #fff;
+  overflow: auto;
+`;
+export { PageContent };

package/dist/components/PageLayout/components/PageHeader/index.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface PageHeaderProps {
+    children?: ReactNode;
+}
+export declare const PageHeader: (props: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PageLayout/components/PageHeader/index.js

@@ -0,0 +1,5 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+const PageHeader = (props)=>/*#__PURE__*/ jsx(Fragment, {
+        children: props.children
+    });
+export { PageHeader };

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

@@ -0,0 +1,11 @@
+import { SiderProps } from 'antd';
+import { PageLogoProps } from '../PageLogo';
+export interface PageLayoutProps {
+    sider?: React.ReactNode;
+    header?: React.ReactNode;
+    content?: React.ReactNode;
+    logo?: PageLogoProps;
+    defaultCollapsed?: boolean;
+    siderProps?: Omit<SiderProps, 'collapsed' | 'onCollapse'>;
+}
+export declare const PageLayout: (props: PageLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PageLayout/components/PageLayout/index.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Layout } from "antd";
+import { styled } from "styled-components";
+import { PageSider } from "../PageSider/index.js";
+import { PageHeader } from "../PageHeader/index.js";
+import { PageContent } from "../PageContent/index.js";
+import { PageProvider, usePageContext } from "../PageProvider/index.js";
+const PageLayoutComponent = (props)=>{
+    const { siderProps, sider, header, content, logo } = props;
+    const { collapsed, setCollapsed } = usePageContext();
+    return /*#__PURE__*/ jsxs(LayoutStyled, {
+        children: [
+            /*#__PURE__*/ jsx(PageSider, {
+                ...siderProps,
+                logo: logo,
+                collapsed: collapsed,
+                onCollapse: setCollapsed,
+                children: sider
+            }),
+            /*#__PURE__*/ jsxs(Layout, {
+                hasSider: false,
+                children: [
+                    /*#__PURE__*/ jsx(PageHeader, {
+                        children: header
+                    }),
+                    /*#__PURE__*/ jsx(PageContent, {
+                        children: content
+                    })
+                ]
+            })
+        ]
+    });
+};
+const PageLayout = (props)=>/*#__PURE__*/ jsx(PageProvider, {
+        defaultCollapsed: props.defaultCollapsed,
+        children: /*#__PURE__*/ jsx(PageLayoutComponent, {
+            ...props
+        })
+    });
+const LayoutStyled = styled(Layout)`
+  height: 100vh;
+  overflow: hidden;
+`;
+export { PageLayout };

package/dist/components/{Page/components/Loading → PageLayout/components/PageLoading}/index.js

@@ -15,7 +15,7 @@ const PageLoading = styled_components.div`
   &::after {
     animation: LoadingAnimation 1.5s linear infinite;
     border-radius: 5px;
-    content: "";
+    content: '';
     height: 10px;
     left: 50%;
     position: absolute;
@@ -28,27 +28,37 @@ const PageLoading = styled_components.div`
 
   @keyframes LoadingAnimation {
     0% {
-      box-shadow: -16px 20px 0 -5px #b89dfe, 0 20px 0 0 #2e6ee7,
+      box-shadow:
+        -16px 20px 0 -5px #b89dfe,
+        0 20px 0 0 #2e6ee7,
         16px 20px 0 2px #b89dfe;
     }
 
     25% {
-      box-shadow: -16px 20px 0 0 #b89dfe, 0 20px 0 2px #2e6ee7,
+      box-shadow:
+        -16px 20px 0 0 #b89dfe,
+        0 20px 0 2px #2e6ee7,
         16px 20px 0 0 #b89dfe;
     }
 
     50% {
-      box-shadow: -16px 20px 0 2px #b89dfe, 0 20px 0 0 #2e6ee7,
+      box-shadow:
+        -16px 20px 0 2px #b89dfe,
+        0 20px 0 0 #2e6ee7,
         16px 20px 0 -5px #b89dfe;
     }
 
     75% {
-      box-shadow: -16px 20px 0 0 #b89dfe, 0 20px 0 -5px #2e6ee7,
+      box-shadow:
+        -16px 20px 0 0 #b89dfe,
+        0 20px 0 -5px #2e6ee7,
         16px 20px 0 0 #b89dfe;
     }
 
     to {
-      box-shadow: -16px 20px 0 -5px #b89dfe, 0 20px 0 0 #2e6ee7,
+      box-shadow:
+        -16px 20px 0 -5px #b89dfe,
+        0 20px 0 0 #2e6ee7,
         16px 20px 0 2px #b89dfe;
     }
   }

package/dist/components/PageLayout/components/PageLogo/index.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface PageLogoProps {
+    src?: string;
+    icon?: ReactNode;
+    title?: ReactNode;
+}
+export declare const PageLogo: (props: PageLogoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PageLayout/components/PageLogo/index.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Avatar, Image } from "antd";
+import { styled } from "styled-components";
+const PageLogo = (props)=>{
+    const { src, icon, title } = props;
+    return /*#__PURE__*/ jsxs(LogoContentWrapper, {
+        children: [
+            src && /*#__PURE__*/ jsx(Image, {
+                width: 30,
+                height: 30,
+                src: src,
+                preview: true
+            }),
+            icon && /*#__PURE__*/ jsx(Avatar, {
+                icon: icon,
+                shape: "circle",
+                size: 30
+            }),
+            title && /*#__PURE__*/ jsx(TitleContentWrapper, {
+                children: title
+            })
+        ]
+    });
+};
+const LogoContentWrapper = styled.div`
+  flex: 0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  height: 48px;
+`;
+const TitleContentWrapper = styled.div`
+  font-size: 16px;
+  font-weight: 600;
+  color: #333;
+`;
+export { PageLogo };

package/dist/components/PageLayout/components/PageProvider/float.d.ts

@@ -0,0 +1,20 @@
+import React, { JSX } from 'react';
+export interface FloatContextProps {
+    showFloat: (key: string, record: any, onCloseCallback?: () => void) => void;
+    hideFloat: (key: string) => void;
+}
+export declare const FloatContext: React.Context<FloatContextProps | undefined>;
+export declare const useFloatContext: () => FloatContextProps;
+export declare const FloatProvider: (props: {
+    floats?: PageFloatProps[];
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export type FloatComponentProps<T extends Record<string, any> = any> = {
+    record: T;
+    visible: boolean;
+    onClose: () => void;
+};
+export type PageFloatProps<T extends Record<string, any> = any> = {
+    key: string;
+    render: (props: FloatComponentProps<T>) => JSX.Element;
+};

package/dist/components/PageLayout/components/PageProvider/float.js

@@ -0,0 +1,64 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useRef, useState } from "react";
+const FloatContext = /*#__PURE__*/ createContext(void 0);
+const useFloatContext = ()=>{
+    const context = useContext(FloatContext);
+    if (!context) return {
+        showFloat: ()=>{},
+        hideFloat: ()=>{}
+    };
+    return context;
+};
+const FloatProvider = (props)=>{
+    const { floats = [], children } = props;
+    const elesRef = useRef([]);
+    const [eles, setEles] = useState([]);
+    const hideFloat = useCallback((key)=>{
+        elesRef.current = elesRef.current.filter((ele)=>ele.key !== key);
+        setEles([
+            ...elesRef.current.map((i)=>i.ele)
+        ]);
+    }, [
+        eles
+    ]);
+    const showFloat = useCallback((key, record, onCloseCallback)=>{
+        const Component = floats.find((i)=>i.key === key)?.render;
+        if (!Component) return;
+        const node = /*#__PURE__*/ jsx(Component, {
+            visible: true,
+            record: record,
+            onClose: ()=>{
+                onCloseCallback?.();
+                elesRef.current = elesRef.current.filter(({ ele })=>ele !== node);
+                setEles([
+                    ...elesRef.current.map((i)=>i.ele)
+                ]);
+            }
+        }, key);
+        elesRef.current.push({
+            key,
+            ele: node
+        });
+        setEles([
+            ...elesRef.current.map((i)=>i.ele)
+        ]);
+    }, [
+        floats,
+        eles,
+        elesRef,
+        setEles
+    ]);
+    return /*#__PURE__*/ jsx(FloatContext.Provider, {
+        value: {
+            showFloat,
+            hideFloat
+        },
+        children: /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                children,
+                eles
+            ]
+        })
+    });
+};
+export { FloatContext, FloatProvider, useFloatContext };

package/dist/components/PageLayout/components/PageProvider/index.d.ts

@@ -0,0 +1,17 @@
+import { PageFloatProps } from './float';
+export declare const PageContext: import("react").Context<{
+    collapsed: boolean;
+    setCollapsed: (collapsed: boolean) => void;
+}>;
+export interface PageProviderProps {
+    children: React.ReactNode;
+    defaultCollapsed?: boolean;
+    floats?: PageFloatProps[];
+}
+export declare const PageProvider: ({ children, defaultCollapsed, floats, }: PageProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const usePageContext: () => {
+    collapsed: boolean;
+    setCollapsed: (collapsed: boolean) => void;
+    showFloat: (key: string, record: any, onCloseCallback?: () => void) => void;
+    hideFloat: (key: string) => void;
+};

package/dist/components/PageLayout/components/PageProvider/index.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from "react";
+import { FloatProvider, useFloatContext } from "./float.js";
+const PageContext = /*#__PURE__*/ createContext({
+    collapsed: false,
+    setCollapsed: ()=>{}
+});
+const PageProvider = ({ children, defaultCollapsed = false, floats = [] })=>{
+    const [collapsed, setCollapsed] = useState(defaultCollapsed);
+    return /*#__PURE__*/ jsx(FloatProvider, {
+        floats: floats,
+        children: /*#__PURE__*/ jsx(PageContext.Provider, {
+            value: {
+                collapsed,
+                setCollapsed
+            },
+            children: children
+        })
+    });
+};
+const usePageContext = ()=>{
+    const { showFloat, hideFloat } = useFloatContext();
+    const { collapsed, setCollapsed } = useContext(PageContext);
+    return {
+        collapsed,
+        setCollapsed,
+        showFloat,
+        hideFloat
+    };
+};
+export { PageContext, PageProvider, usePageContext };

package/dist/components/PageLayout/components/PageSider/index.d.ts

@@ -0,0 +1,8 @@
+import { SiderProps } from 'antd';
+import { ReactNode } from 'react';
+import { PageLogoProps } from '../PageLogo';
+export interface PageSiderProps extends Omit<SiderProps, 'children'> {
+    logo?: PageLogoProps;
+    children?: ReactNode;
+}
+export declare const PageSider: (props: PageSiderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PageLayout/components/PageSider/index.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import { Layout } from "antd";
+import { PageLogo } from "../PageLogo/index.js";
+const PageSider = (props)=>{
+    const { logo, children, ...siderProps } = props;
+    return /*#__PURE__*/ jsx(SiderStyled, {
+        trigger: null,
+        width: 256,
+        collapsedWidth: 80,
+        breakpoint: "lg",
+        collapsible: true,
+        ...siderProps,
+        children: /*#__PURE__*/ jsxs(SiderContent, {
+            children: [
+                logo && /*#__PURE__*/ jsx(PageLogo, {
+                    ...logo
+                }),
+                /*#__PURE__*/ jsx(SiderContentWrapper, {
+                    children: children
+                })
+            ]
+        })
+    });
+};
+const SiderStyled = styled(Layout.Sider)`
+  background-color: #fff;
+  border-right: 1px solid #e5e5e5;
+  display: flex;
+  flex-direction: column;
+`;
+const SiderContent = styled.div`
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  height: 100%;
+`;
+const SiderContentWrapper = styled.div`
+  flex: 1;
+  overflow: auto;
+`;
+export { PageSider };

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

@@ -0,0 +1,4 @@
+export { PageLoading } from './components/PageLoading';
+export { PageLayout } from './components/PageLayout';
+export type { PageLayoutProps } from './components/PageLayout';
+export { PageContext, usePageContext } from './components/PageProvider';

package/dist/components/PageLayout/index.js

@@ -0,0 +1,4 @@
+import { PageLoading } from "./components/PageLoading/index.js";
+import { PageLayout } from "./components/PageLayout/index.js";
+import { PageContext, usePageContext } from "./components/PageProvider/index.js";
+export { PageContext, PageLayout, PageLoading, usePageContext };

package/dist/context/index.d.ts

@@ -1 +1 @@
-export { FloatContext, FloatProvider, useFloatContext, type FloatComponentProps } from './float';
+export { FloatContext, FloatProvider, useFloatContext } from './float';

package/dist/demos/demo2.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { PageContainer } from "../components/Page/index.js";
+import { PageLayout } from "../components/PageLayout/index.js";
 const Demo2 = ()=>{
     const sider = /*#__PURE__*/ jsx("div", {
         children: "侧边栏"
@@ -10,7 +10,7 @@ const Demo2 = ()=>{
     const header = /*#__PURE__*/ jsx("div", {
         children: "顶部"
     });
-    return /*#__PURE__*/ jsx(PageContainer, {
+    return /*#__PURE__*/ jsx(PageLayout, {
         sider: sider,
         content: content,
         header: header

package/dist/demos/demo5.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button, DatePicker, Input, Select, Space, Switch } from "antd";
-import { ListPage } from "../components/Page/components/ListPage/v2.js";
+import { ListPage } from "../features/ListPage/index.js";
 const columns = [
     {
         key: 'enable',

package/dist/features/ChatClient/components/ChatContent/index.js

@@ -5,7 +5,7 @@ import { styled } from "styled-components";
 import { ClientContentBody } from "./ClientContentBody.js";
 import { ClientContentHeader } from "./ClientContentHeader.js";
 import { MessageProvider, useChatClientContext } from "../../context/index.js";
-import { PageLoading } from "../../../../components/Page/components/Loading/index.js";
+import { PageLoading } from "../../../../components/PageLayout/index.js";
 const ClientContentComponent = (props)=>{
     const { extra, style, header, sender, className, title, onTitleChange, onClickNewConversation, senderProps, bubbleProps } = props;
     return /*#__PURE__*/ jsxs(Container, {

package/dist/features/ChatClient/ui/Bubble/BubbleList.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import { styled } from "styled-components";
-import { PageLoading } from "../../../../components/Page/index.js";
+import { PageLoading } from "../../../../components/PageLayout/index.js";
 const BubbleList = (props)=>{
     const { loading, styles, messages, messageRender } = props;
     const bottomRef = useRef(null);

package/dist/features/ListPage/components/DataTable/index.d.ts

@@ -0,0 +1,4 @@
+import { DataTableProps } from './types';
+export declare const DataTable: (<FilterValue = any, RecordValue extends Record<string, any> = any>(props: DataTableProps<FilterValue, RecordValue>) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};

package/dist/{components/Page/components/ListPage/DataTable.js → features/ListPage/components/DataTable/index.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Card, Table } from "antd";
 import { observer } from "mobx-react-lite";
-import { useListPageStore } from "../../context/listpage.js";
-import { TableContainer } from "../../../DataTable/index.js";
+import { useListPageStore } from "../../context/index.js";
 import { usePagination } from "../../hooks/usePagination.js";
 import { useColumns } from "../../hooks/useColumns.js";
 import { useSelectionTools } from "../../hooks/useSelectionTools.js";
+import { TableContainer } from "../../styles.js";
 const DataTable = observer((props)=>{
-    const { title, extra, columns, rowTitleKey, rowSelectionType, tableProps } = props;
+    const { title, extra, columns = [], rowTitleKey, rowSelectionType, tableProps } = props;
     const store = useListPageStore();
     const paginationEle = usePagination(tableProps?.pagination);
     const newColumns = useColumns(columns);

package/dist/features/ListPage/components/DataTable/renders/index.d.ts

@@ -0,0 +1,7 @@
+export declare const renders: {
+    link: import("../types").ColumnRender<"link">;
+    text: import("../types").ColumnRender<"text">;
+    tag: import("../types").ColumnRender<"tag">;
+    switch: import("../types").ColumnRender<"switch">;
+    time: import("../types").ColumnRender<"time">;
+};

package/dist/features/ListPage/components/DataTable/renders/index.js

@@ -0,0 +1,13 @@
+import { linkRender } from "./link.js";
+import { switchRender } from "./switch.js";
+import { tagRender } from "./tag.js";
+import { textRender } from "./text.js";
+import { timeRender } from "./time.js";
+const renders = {
+    link: linkRender,
+    text: textRender,
+    tag: tagRender,
+    switch: switchRender,
+    time: timeRender
+};
+export { renders };

package/dist/features/ListPage/components/DataTable/renders/link.d.ts

@@ -0,0 +1,2 @@
+import { ColumnRender } from '../types';
+export declare const linkRender: ColumnRender<'link'>;

package/dist/features/ListPage/components/DataTable/renders/link.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { styled } from "styled-components";
+const LinkStyle = styled.a`
+  color: #1677ff;
+  &:hover {
+    color: #69b1ff;
+  }
+  outline: 0;
+  text-decoration: none;
+  transition: color 0.3s;
+  background-color: transparent;
+  cursor: pointer;
+`;
+const getPropName = (propName, record)=>{
+    if ('function' == typeof propName) return propName(record);
+    return record[propName];
+};
+const linkRender = (value, record, index, props)=>{
+    const title = getPropName(props?.titlePropName || 'title', record);
+    const href = getPropName(props?.hrefPropName || 'href', record);
+    return /*#__PURE__*/ jsx(LinkStyle, {
+        href: href,
+        target: props?.target,
+        children: title
+    });
+};
+export { linkRender };

package/dist/features/ListPage/components/DataTable/renders/switch.d.ts

@@ -0,0 +1,2 @@
+import { ColumnRender } from '../types';
+export declare const switchRender: ColumnRender<'switch'>;

package/dist/features/ListPage/components/DataTable/renders/switch.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { AsyncSwitch } from "../../../../../components/AsyncSwitch/index.js";
+const switchRender = (value, record, index, props)=>/*#__PURE__*/ jsx(AsyncSwitch, {
+        defaultValue: value,
+        ...props,
+        syncChange: async (checked)=>{
+            await props?.syncChange?.(checked, record);
+        }
+    });
+export { switchRender };

package/dist/features/ListPage/components/DataTable/renders/tag.d.ts

@@ -0,0 +1,2 @@
+import { ColumnRender } from '../types';
+export declare const tagRender: ColumnRender<'tag'>;

package/dist/features/ListPage/components/DataTable/renders/tag.js

@@ -0,0 +1,7 @@
+import { jsx } from "react/jsx-runtime";
+import { Tag } from "antd";
+const tagRender = (value, record, index, props)=>/*#__PURE__*/ jsx(Tag, {
+        ...props,
+        children: value
+    });
+export { tagRender };

package/dist/features/ListPage/components/DataTable/renders/text.d.ts

@@ -0,0 +1,2 @@
+import { ColumnRender } from '../types';
+export declare const textRender: ColumnRender<'text'>;

package/dist/features/ListPage/components/DataTable/renders/text.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { Typography } from "antd";
+const textRender = (value, record, index, props)=>/*#__PURE__*/ jsx(Typography.Text, {
+        ellipsis: {
+            tooltip: true
+        },
+        ...props,
+        children: value
+    });
+export { textRender };

package/dist/features/ListPage/components/DataTable/renders/time.d.ts

@@ -0,0 +1,2 @@
+import { ColumnRender } from '../types';
+export declare const timeRender: ColumnRender<'time'>;

package/dist/features/ListPage/components/DataTable/renders/time.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import dayjs from "dayjs";
+const timeRender = (value, record, index, props)=>{
+    try {
+        const time = value ? dayjs(value).format(props?.format) : '-';
+        return /*#__PURE__*/ jsx("span", {
+            children: time
+        });
+    } catch  {
+        return /*#__PURE__*/ jsx("span", {
+            children: "-"
+        });
+    }
+};
+export { timeRender };

package/dist/features/ListPage/components/DataTable/types.d.ts

@@ -0,0 +1,34 @@
+import { TableProps, TagProps, TypographyProps } from 'antd';
+import { ColumnType } from 'antd/es/table';
+import { HTMLAttributeAnchorTarget, ReactNode } from 'react';
+import { ListPageStore } from '../../context';
+export type ComponentType = 'text' | 'time' | 'tag' | 'link' | 'switch';
+export type ComponentProps<RecordValue extends Record<string, any> = any> = {
+    text: TypographyProps['Text'];
+    time: {
+        format?: string;
+    };
+    tag: TagProps;
+    link: {
+        titlePropName?: string | ((record: RecordValue) => string);
+        hrefPropName?: string | ((record: RecordValue) => string);
+        target?: HTMLAttributeAnchorTarget;
+    };
+    switch: {
+        syncChange?: (value: boolean, record: RecordValue) => Promise<void>;
+    };
+};
+export type CustomColumnRender<RecordValue extends Record<string, any> = any, Context = any> = (value: RecordValue[keyof RecordValue], record: RecordValue, index: number, ctx: Context) => ReactNode;
+export interface ListPageTableColumn<FilterValue = any, RecordValue extends Record<string, any> = any> extends ColumnType<RecordValue> {
+    component?: ComponentType | CustomColumnRender<RecordValue, ListPageStore<FilterValue, RecordValue>>;
+    props?: this['component'] extends ComponentType ? ComponentProps<RecordValue>[this['component']] : unknown;
+}
+export interface DataTableProps<FilterValue = any, RecordValue extends Record<string, any> = any> {
+    title?: ReactNode;
+    extra?: React.ReactNode | ((ctx: ListPageStore<FilterValue, RecordValue>) => React.ReactNode);
+    rowSelectionType?: 'checkbox' | 'radio';
+    rowTitleKey?: string;
+    columns?: ListPageTableColumn<FilterValue, RecordValue>[];
+    tableProps?: Omit<TableProps<RecordValue>, 'dataSource' | 'title' | 'columns'>;
+}
+export type ColumnRender<Type extends ComponentType, R extends Record<string, any> = any, K extends string = any> = (value: R[K], record: R, index: number, props: ComponentProps<R>[Type]) => ReactNode;

package/dist/features/ListPage/components/DataTable/utils/render.d.ts

@@ -0,0 +1,2 @@
+import { ComponentType } from '../types';
+export declare function createColumnRender<RecordValue extends Record<string, any> = any, FilterValue = any>(component?: ComponentType, props?: any): ((value: any, record: RecordValue, index: number) => import("react").ReactNode) | undefined;