listpage-next 0.0.192 → 0.0.193

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

@@ -1,5 +1,5 @@
 import { SelectProps } from 'antd';
-import { PaginationData } from '../../http-client';
+import { PaginationData } from '../../api';
 type BaseOption = {
     label: string;
     value: string;

package/dist/components/FilterGroup/components/FilterItem/index.d.ts

@@ -1,5 +1,5 @@
-import { FormItemProps } from 'antd';
 import { ReactElement, ReactNode } from 'react';
+import { FormItemProps } from 'antd';
 export interface FilterItemProps {
     label?: ReactNode;
     children: ReactElement;

package/dist/components/FilterGroup/components/FilterItem/index.js

@@ -1,8 +1,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Form, Input } from "antd";
-import { LabelInline, LabelWrapper } from "../LabelWrapper/index.js";
 import { cloneElement, useState } from "react";
+import { Form, Input } from "antd";
 import { omit } from "lodash";
+import { LabelInline, LabelWrapper } from "../LabelWrapper/index.js";
 const FilterItem = (props)=>{
     const { label, children, formItemProps, labelInline } = props;
     const [focus, setFocus] = useState(false);

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

@@ -1,4 +1,3 @@
-export { FilterForm } from './components/FilterForm';
-export type { FilterFormOption } from './components/FilterForm';
+export { FilterForm, type FilterFormOption } from './components/FilterForm';
 export { FilterGroup, type FilterGroupProps } from './components/FilterGroup';
 export { cleanUpFormValues } from './utils/format';

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

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useImperativeHandle } from "react";
 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";
-import { useImperativeHandle } from "react";
 const PageLayoutComponent = (props)=>{
     const { siderProps, sider, header, content, logo, pageRef } = props;
     const context = usePageContext();

package/dist/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from './AsyncSelect';
+export * from './AsyncButton';
+export * from './AsyncSwitch';
+export * from './CheckButton';
+export * from './InfiniteList';
+export * from './Menu';
+export * from './TextOverflow';
+export * from './PageLayout';
+export * from './FilterGroup';

package/dist/components/index.js

@@ -0,0 +1,9 @@
+export * from "./AsyncSelect/index.js";
+export * from "./AsyncButton/index.js";
+export * from "./AsyncSwitch/index.js";
+export * from "./CheckButton/index.js";
+export * from "./InfiniteList/index.js";
+export * from "./Menu/index.js";
+export * from "./TextOverflow/index.js";
+export * from "./PageLayout/index.js";
+export * from "./FilterGroup/index.js";

package/dist/features/ChatClient/ui/ChatDialog/useExtra.d.ts

@@ -9,4 +9,4 @@ export interface ExtraOptions {
         clear: ReactNode;
     }) => ReactNode[];
 }
-export declare function useExtra(options: ExtraOptions): import("react/jsx-runtime").JSX.Element[] | ReactNode[];
+export declare function useExtra(options: ExtraOptions): ReactNode[] | import("react/jsx-runtime").JSX.Element[];

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

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Card, Table } from "antd";
 import { observer } from "mobx-react-lite";
-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 { useListPageStore } from "../../context/index.js";
 import { TableContainer } from "../../styles.js";
 const DataTable = observer((props)=>{
     const { title, extra, columns = [], rowTitleKey, rowSelectionType, tableProps } = props;

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { AsyncSwitch } from "../../../../../components/AsyncSwitch/index.js";
+import { AsyncSwitch } from "../../../../../components/index.js";
 const switchRender = (value, record, index, props)=>/*#__PURE__*/ jsx(AsyncSwitch, {
         defaultValue: value,
         ...props,

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

@@ -1,7 +1,7 @@
 import { JSX, ReactNode } from 'react';
-import { FilterFormOption } from '../../components/FilterGroup';
+import { BaseQueryParams, PaginationData } from '../../api';
+import { FilterFormOption } from '../../components';
 import type { ListPageStore } from './context';
-import { BaseQueryParams, PaginationData } from '../../http-client';
 import type { FloatComponentProps } from '../../components/PageLayout/components/PageProvider/float';
 export type StateValue<FilterValue = any> = {
     filterValues?: FilterValue;

package/dist/index.d.ts

@@ -1,14 +1,6 @@
 import '@ant-design/v5-patch-for-react-19';
-export * from './components/FilterGroup';
-export * from './components/InfiniteList';
-export * from './components/Menu';
-export * from './components/DataTable';
-export * from './components/AsyncSelect';
-export * from './components/AsyncButton';
-export * from './components/TextOverflow';
-export * from './components/PageLayout';
-export * from './components/CheckButton';
+export * from './components';
+export * from './api';
 export * from './features/JsonEditor';
 export * from './features/ChatClient';
 export * from './features/ListPage';
-export * from './http-client';

package/dist/index.js

@@ -1,14 +1,6 @@
 import "@ant-design/v5-patch-for-react-19";
-export * from "./components/FilterGroup/index.js";
-export * from "./components/InfiniteList/index.js";
-export * from "./components/Menu/index.js";
-export * from "./components/DataTable/index.js";
-export * from "./components/AsyncSelect/index.js";
-export * from "./components/AsyncButton/index.js";
-export * from "./components/TextOverflow/index.js";
-export * from "./components/PageLayout/index.js";
-export * from "./components/CheckButton/index.js";
+export * from "./components/index.js";
+export * from "./api/index.js";
 export * from "./features/JsonEditor/index.js";
 export * from "./features/ChatClient/index.js";
 export * from "./features/ListPage/index.js";
-export * from "./http-client/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.192",
+  "version": "0.0.193",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",

package/dist/components/DataTable/components/DataTable.d.ts

@@ -1,7 +0,0 @@
-import { Ref } from 'react';
-import { DataTableContext, DataTableProps } from '../typings';
-export declare const PaginationContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DataTable: <Record = any>(props: DataTableProps<Record> & {
-    tableRef?: Ref<DataTableContext>;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DataTable/components/DataTable.js

@@ -1,85 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle } from "react";
-import { Card, Pagination, Table } from "antd";
-import styled_components from "styled-components";
-import { useColumns } from "../hooks/useColumns.js";
-import { useData } from "../hooks/useData.js";
-import { FloatProvider, useFloatContext } from "../../../context/index.js";
-const PaginationContainer = styled_components.div`
-  padding: 12px 16px 12px 0;
-  border-top: 1px solid #f0f0f0;
-`;
-const TableContainer = styled_components.div`
-  table {
-    tr:last-child {
-      td {
-        border-bottom: none;
-      }
-    }
-  }
-`;
-const DataTableComponent = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { title, extra, dataSource, request, refreshDeps, ...restProps } = props;
-    const { data, loading, pagination, onPaginationChange, refresh } = useData({
-        dataSource,
-        request,
-        refreshDeps,
-        pagination: restProps.pagination
-    });
-    const floatCtx = useFloatContext();
-    const actions = {
-        refresh
-    };
-    const ctx = {
-        ...floatCtx,
-        ...actions
-    };
-    useImperativeHandle(ref, ()=>ctx, [
-        ctx
-    ]);
-    const columns = useColumns(props, ctx);
-    return /*#__PURE__*/ jsxs(Card, {
-        title: title,
-        extra: extra,
-        styles: {
-            body: {
-                padding: 0
-            }
-        },
-        children: [
-            /*#__PURE__*/ jsx(TableContainer, {
-                children: /*#__PURE__*/ jsx(Table, {
-                    bordered: false,
-                    loading: loading,
-                    ...restProps,
-                    columns: columns,
-                    dataSource: data,
-                    pagination: false
-                })
-            }),
-            false !== restProps.pagination && /*#__PURE__*/ jsx(PaginationContainer, {
-                children: /*#__PURE__*/ jsx(Pagination, {
-                    align: "end",
-                    ...pagination,
-                    ...restProps?.pagination,
-                    onChange: onPaginationChange
-                })
-            })
-        ]
-    });
-});
-const DataTable = (props)=>{
-    const { tableRef, ...restProps } = props;
-    if (!props.floats) return /*#__PURE__*/ jsx(DataTableComponent, {
-        ...restProps,
-        ref: tableRef
-    });
-    return /*#__PURE__*/ jsx(FloatProvider, {
-        floats: props.floats,
-        children: /*#__PURE__*/ jsx(DataTableComponent, {
-            ...restProps,
-            ref: tableRef
-        })
-    });
-};
-export { DataTable, PaginationContainer, TableContainer };

package/dist/components/DataTable/components/Render.d.ts

@@ -1,17 +0,0 @@
-import { JSX } from 'react';
-export interface RenderProps<T, Record, C> {
-    ctx: C;
-    defaultValue: T;
-    record: Record;
-    index: number;
-    render: (props: UserRenderComponentProps<T, Record, C>) => JSX.Element;
-}
-export type UserRenderComponentProps<T, Record, C> = {
-    ctx: C;
-    value: T;
-    onChange: (v: T) => void;
-    record: Record;
-    index: number;
-};
-export type ColumnRender<R, C = any> = <T = any>(props: UserRenderComponentProps<T, R, C>) => JSX.Element;
-export declare const Render: <T = any, Record = any, C = any>(props: RenderProps<C, T, Record>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DataTable/components/Render.js

@@ -1,15 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useControllableValue } from "ahooks";
-import { toJS } from "mobx";
-const Render = (props)=>{
-    const { render: Component, record, index, ctx } = props;
-    const [value, onChange] = useControllableValue(props);
-    return /*#__PURE__*/ jsx(Component, {
-        value: value,
-        onChange: onChange,
-        record: toJS(record),
-        index: index,
-        ctx: ctx
-    });
-};
-export { Render };

package/dist/components/DataTable/hooks/useColumns.d.ts

@@ -1,3 +0,0 @@
-import { ColumnType } from 'antd/es/table';
-import { DataTableContext, DataTableProps } from '../typings';
-export declare function useColumns<Record>(props: DataTableProps<Record>, ctx: DataTableContext): ColumnType<Record>[];

package/dist/components/DataTable/hooks/useColumns.js

@@ -1,9 +0,0 @@
-import { createColumnRender } from "../utils/render.js";
-function useColumns(props, ctx) {
-    const { columns = [] } = props;
-    return columns.map((column)=>({
-            ...column,
-            render: createColumnRender(ctx, column)
-        }));
-}
-export { useColumns };

package/dist/components/DataTable/hooks/useData.d.ts

@@ -1,20 +0,0 @@
-import { DataTableProps } from "../typings";
-import { BaseQueryParams } from "../../../http-client";
-export declare function useData<T = any>(props: DataTableProps<T>): {
-    data: T[];
-    loading: boolean;
-    pagination: BaseQueryParams;
-    refresh: () => void;
-    onPaginationChange: (page: number, pageSize: number) => void;
-} | {
-    data: T[] | undefined;
-    loading: boolean;
-    refresh: () => void;
-    pagination: {
-        current?: number;
-        pageSize?: number;
-        sort?: string;
-        total: number | undefined;
-    };
-    onPaginationChange: (page: number, pageSize: number) => void;
-};

package/dist/components/DataTable/hooks/useData.js

@@ -1,56 +0,0 @@
-import { useState } from "react";
-import { useRequest, useUpdateEffect } from "ahooks";
-function useData(props) {
-    const { dataSource = [], request, refreshDeps = [] } = props;
-    const pagination = props.pagination ?? {};
-    const [params, setParams] = useState({
-        current: pagination.current || pagination.defaultCurrent || 1,
-        pageSize: pagination.pageSize || pagination.defaultPageSize || 10
-    });
-    const { loading, data: response, refresh } = useRequest(async ()=>{
-        const response = await request?.(params);
-        return response;
-    }, {
-        ready: !!request,
-        refreshDeps: [
-            ...refreshDeps,
-            params
-        ]
-    });
-    useUpdateEffect(()=>{
-        setParams({
-            current: 1,
-            pageSize: params.pageSize || pagination?.pageSize || pagination.defaultPageSize || 10
-        });
-    }, [
-        ...refreshDeps
-    ]);
-    const onChange = (page, pageSize)=>{
-        const current = pageSize !== params.pageSize ? 1 : page;
-        setParams({
-            ...params,
-            current,
-            pageSize
-        });
-        pagination?.onChange?.(current, pageSize);
-    };
-    if (!request) return {
-        data: dataSource,
-        loading: false,
-        pagination: params,
-        refresh,
-        onPaginationChange: onChange
-    };
-    const { list, total } = response || {};
-    return {
-        data: list,
-        loading,
-        refresh,
-        pagination: {
-            total,
-            ...params
-        },
-        onPaginationChange: onChange
-    };
-}
-export { useData };

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

@@ -1,2 +0,0 @@
-export * from './components/DataTable';
-export { type DataTableColumns, type DataTableProps, type DataTableContext, } from './typings';

package/dist/components/DataTable/index.js

@@ -1 +0,0 @@
-export * from "./components/DataTable.js";

package/dist/components/DataTable/typings/index.d.ts

@@ -1,25 +0,0 @@
-import React, { JSX } from 'react';
-import { TableProps } from 'antd';
-import { BaseQueryParams, PaginationData } from '../../../http-client';
-import { ColumnType } from 'antd/es/table';
-import { ColumnRenderProps } from './render';
-export interface DataTableProps<Record = any> extends Omit<TableProps<Record>, 'dataSource' | 'title' | 'columns'> {
-    dataSource?: Record[];
-    request?: (pageParams: BaseQueryParams) => Promise<PaginationData<Record>>;
-    refreshDeps?: any[];
-    title?: React.ReactNode;
-    extra?: React.ReactNode;
-    columns?: DataTableColumns<Record, DataTableContext>[];
-    floats?: {
-        key: string;
-        content: JSX.Element;
-    }[];
-}
-export interface DataTableColumns<Record = any, Context = any> extends ColumnType<Record>, Omit<ColumnRenderProps<Record, Context>, 'render'> {
-}
-export interface DataTableContext {
-    showFloat: (key: string, record: any) => void;
-    hideFloat: (key: string) => void;
-    refresh: () => void;
-}
-export * from './render';

package/dist/components/DataTable/typings/index.js

@@ -1 +0,0 @@
-export * from "./render.js";

package/dist/components/DataTable/typings/render.d.ts

@@ -1,24 +0,0 @@
-import { HTMLAttributeAnchorTarget } from 'react';
-import { SwitchProps, TagProps, TypographyProps } from 'antd';
-import { ColumnType } from 'antd/es/table';
-import { ColumnRender } from '../components/Render';
-export type ComponentType = 'text' | 'time' | 'tag' | 'link' | 'switch';
-export type ComponentProps = ComponentType extends 'text' ? TextComponentProps : ComponentType extends 'time' ? TimeComponentProps : ComponentType extends 'tag' ? TagComponentProps : ComponentType extends 'link' ? LinkComponentProps : ComponentType extends 'switch' ? SwitchComponentProps : unknown;
-export type TextComponentProps = TypographyProps['Text'];
-export type TimeComponentProps = {
-    format?: string;
-};
-export type TagComponentProps = TagProps;
-export type LinkComponentProps = {
-    titlePropName?: string | ((record: any) => string);
-    hrefPropName?: string | ((record: any) => string);
-    target?: HTMLAttributeAnchorTarget;
-};
-export type SwitchComponentProps = SwitchProps & {
-    syncChange?: (value: boolean, record: any) => Promise<void>;
-};
-export interface ColumnRenderProps<Record, Context> {
-    component?: ComponentType | ColumnRender<Record, Context>;
-    props?: ComponentProps;
-    render?: ColumnType<Record>['render'];
-}

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

@@ -1,2 +0,0 @@
-import { ColumnRenderProps } from '../typings/render';
-export declare function createColumnRender<Record = any, Context = any, ColumnType extends ColumnRenderProps<Record, Context> = any>(ctx: Context, column: ColumnType): ColumnType['render'];

package/dist/components/DataTable/utils/render.js

@@ -1,103 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Tag, Typography } from "antd";
-import { styled } from "styled-components";
-import dayjs from "dayjs";
-import { Render } from "../components/Render.js";
-import { TextOverflow } from "../../TextOverflow/index.js";
-import { AsyncSwitch } from "../../AsyncSwitch/index.js";
-function createColumnRender(ctx, column) {
-    if (column.component) {
-        if ('text' === column.component) return function(value, record, index) {
-            return textRender(value, record, column.props);
-        };
-        if ('time' === column.component) return function(value, record, index) {
-            return timeRender(value, record, column.props);
-        };
-        if ('tag' === column.component) return function(value, record, index) {
-            return tagRender(value, record, column.props);
-        };
-        if ('link' === column.component) return function(value, record, index) {
-            return linkRender(value, record, column.props);
-        };
-        if ('switch' === column.component) return function(value, record, index) {
-            return switchRender(value, record, column.props);
-        };
-        return function(value, record, index) {
-            return /*#__PURE__*/ jsx(Render, {
-                render: column.component,
-                defaultValue: value,
-                record: record,
-                index: index,
-                ctx: ctx
-            });
-        };
-    }
-    return column.render;
-}
-function textRender(value, record, props) {
-    return /*#__PURE__*/ jsx(Typography.Text, {
-        ellipsis: {
-            tooltip: true
-        },
-        ...props,
-        children: value
-    });
-}
-function timeRender(value, record, props) {
-    try {
-        const time = value ? dayjs(value).format(props?.format) : '-';
-        return /*#__PURE__*/ jsx("span", {
-            children: time
-        });
-    } catch  {
-        return /*#__PURE__*/ jsx("span", {
-            children: "-"
-        });
-    }
-}
-function tagRender(value, record, props) {
-    return /*#__PURE__*/ jsx(Tag, {
-        ...props,
-        children: value
-    });
-}
-function linkRender(value, record, props) {
-    const getPropName = (propName)=>{
-        if ('function' == typeof propName) return propName(record);
-        return record[propName];
-    };
-    const title = getPropName(props?.titlePropName || 'title');
-    const href = getPropName(props?.hrefPropName || 'href');
-    const aLink = /*#__PURE__*/ jsx(LinkStyle, {
-        href: href,
-        target: props?.target,
-        children: title
-    });
-    return /*#__PURE__*/ jsx(TextOverflow, {
-        text: aLink,
-        tooltipProps: {
-            title
-        }
-    });
-}
-function switchRender(value, record, props) {
-    return /*#__PURE__*/ jsx(AsyncSwitch, {
-        defaultValue: value,
-        ...props,
-        syncChange: async (checked)=>{
-            await props?.syncChange?.(checked, record);
-        }
-    });
-}
-const LinkStyle = styled.a`
-  color: #1677ff;
-  &:hover {
-    color: #69b1ff;
-  }
-  outline: 0;
-  text-decoration: none;
-  transition: color 0.3s;
-  background-color: transparent;
-  cursor: pointer;
-`;
-export { createColumnRender };

package/dist/context/float.d.ts

@@ -1,19 +0,0 @@
-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?: {
-        key: string;
-        content: JSX.Element;
-    }[];
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export type FloatComponentProps<T extends Record<string, any> = any> = {
-    record: T;
-    visible: boolean;
-    onClose: () => void;
-};

package/dist/context/float.js

@@ -1,59 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cloneElement, 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 floatsMapRef = useRef({});
-    const [eles, setEles] = useState([]);
-    const hideFloat = useCallback((key)=>{
-        if (!floatsMapRef.current[key]) return;
-        setEles(eles.filter((i)=>i !== floatsMapRef.current[key]));
-        delete floatsMapRef.current[key];
-    }, [
-        eles
-    ]);
-    const showFloat = useCallback((key, record, onCloseCallback)=>{
-        if (!floatsMapRef.current[key]) {
-            const content = floats.find((i)=>i.key === key)?.content;
-            if (!content) return;
-            const onClose = ()=>{
-                hideFloat(key);
-                onCloseCallback?.();
-            };
-            const newContent = /*#__PURE__*/ cloneElement(content, {
-                record,
-                onClose,
-                visible: true
-            });
-            floatsMapRef.current[key] = newContent;
-            setEles([
-                ...eles,
-                newContent
-            ]);
-        }
-    }, [
-        eles,
-        hideFloat
-    ]);
-    return /*#__PURE__*/ jsx(FloatContext.Provider, {
-        value: {
-            showFloat,
-            hideFloat
-        },
-        children: /*#__PURE__*/ jsxs(Fragment, {
-            children: [
-                children,
-                eles
-            ]
-        })
-    });
-};
-export { FloatContext, FloatProvider, useFloatContext };

package/dist/context/index.d.ts

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

package/dist/context/index.js

@@ -1,2 +0,0 @@
-import { FloatContext, FloatProvider, useFloatContext } from "./float.js";
-export { FloatContext, FloatProvider, useFloatContext };

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

@@ -1,2 +0,0 @@
-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;

package/dist/features/ListPage/components/DataTable/utils/render.js

@@ -1,25 +0,0 @@
-import { textRender } from "../renders/text.js";
-import { timeRender } from "../renders/time.js";
-import { tagRender } from "../renders/tag.js";
-import { linkRender } from "../renders/link.js";
-import { switchRender } from "../renders/switch.js";
-function createColumnRender(component, props) {
-    if (component) {
-        if ('text' === component) return function(value, record, index) {
-            return textRender(value, record, index, props);
-        };
-        if ('time' === component) return function(value, record, index) {
-            return timeRender(value, record, index, props);
-        };
-        if ('tag' === component) return function(value, record, index) {
-            return tagRender(value, record, index, props);
-        };
-        if ('link' === component) return function(value, record, index) {
-            return linkRender(value, record, index, props);
-        };
-        if ('switch' === component) return function(value, record, index) {
-            return switchRender(value, record, index, props);
-        };
-    }
-}
-export { createColumnRender };