@wzyjs/uis 0.3.29 → 0.3.31

package/dist/advanced/Com2Canvas/index.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface Com2CanvasProps {
+    children: ReactNode;
+    downloadName?: string;
+    onChange?: (url: string) => void;
+}
+export declare const Com2Canvas: (props: Com2CanvasProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/advanced/Com2Canvas/index.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import html2canvas from 'html2canvas';
+import { useDebounceFn } from '@wzyjs/hooks/web';
+import { getRandomColor } from '@wzyjs/utils/web';
+export const Com2Canvas = (props) => {
+    const { children, downloadName, onChange } = props;
+    const random = useRef(getRandomColor());
+    const htmlId = `h2c_html_${random.current}`;
+    const canvasId = `htc_canvas_${random.current}`;
+    const { run } = useDebounceFn(() => {
+        const el = document.querySelector(`#${canvasId}`);
+        if (!el) {
+            return;
+        }
+        html2canvas(el, {
+            allowTaint: true, // 允许污染
+            useCORS: true, // 使用跨域(当allowTaint为true时这段代码没什么用)
+            scale: 2,
+        }).then((canvas) => {
+            el.innerHTML = '';
+            el.appendChild(canvas);
+            onChange?.(canvas.toDataURL('image/png'));
+            if (downloadName) {
+                el.onclick = () => {
+                    const a = document.createElement('a');
+                    a.download = downloadName;
+                    a.href = canvas.toDataURL('image/png');
+                    document.body.appendChild(a);
+                    a.click();
+                    a.remove();
+                };
+            }
+        });
+    }, { wait: 500 });
+    useEffect(run, [children]);
+    return (_jsxs("span", { style: { position: 'relative' }, children: [_jsx("span", { id: htmlId, children: children }), _jsx("span", { id: canvasId, style: { position: 'absolute', top: 0 } })] }));
+};

package/dist/advanced/Crud/components/CardList/index.d.ts

@@ -0,0 +1,2 @@
+import type { ListProps } from '../../types';
+export declare const CardList: (props: ListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/advanced/Crud/components/CardList/index.js

@@ -0,0 +1,90 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { Card, Col, Row, Avatar } from 'antd';
+import { Remove } from '../Remove';
+import { CreateUpdate } from '../CreateUpdate';
+export const CardList = (props) => {
+    const { crud, columns, list, update, remove } = props;
+    const cardConfig = list.cardConfig;
+    const { gutter = [16, 16], col = { xs: 24, md: 8, lg: 6 }, height = 'calc(100vh - 210px)', render: customRender, card, } = cardConfig;
+    const dataSource = crud.listState.data || [];
+    // 默认操作按钮生成函数
+    const getDefaultActions = (record) => {
+        const actions = [];
+        if (update !== false) {
+            actions.push(_jsx(Fragment, { children: _jsx(CreateUpdate, { crud: crud, columns: columns, config: update || {}, record: record }) }, 'edit'));
+        }
+        if (remove !== false) {
+            actions.push(_jsx(Fragment, { children: _jsx(Remove, { crud: crud, config: remove || {}, record: record }) }, 'delete'));
+        }
+        return actions;
+    };
+    // 解析卡片字段值
+    const parseFieldValue = (field, record) => {
+        if (typeof field === 'string') {
+            return record[field];
+        }
+        return field;
+    };
+    // 渲染单个卡片项
+    const renderCardItem = (record, index) => {
+        const defaultActions = getDefaultActions(record);
+        // 如果有完全自定义渲染函数，直接使用
+        if (customRender) {
+            return customRender(record, index, defaultActions);
+        }
+        // 获取卡片配置（支持函数和对象两种形式）
+        const cardConfig = typeof card === 'function' ? card(record, index) : card;
+        const { title, extra, content, cover, meta, actions: configActions, props: cardProps = {}, } = cardConfig;
+        // 渲染封面
+        const renderCover = () => {
+            if (!cover)
+                return undefined;
+            return parseFieldValue(cover, record);
+        };
+        // 渲染标题
+        const renderTitle = () => {
+            if (title !== undefined) {
+                return parseFieldValue(title, record);
+            }
+            // 默认标题逻辑
+            return record.title || record.name || record.id;
+        };
+        // 渲染右上角
+        const renderExtra = () => {
+            if (extra !== undefined) {
+                return parseFieldValue(extra, record);
+            }
+            return null;
+        };
+        // 渲染内容
+        const renderContent = () => {
+            if (content !== undefined) {
+                return parseFieldValue(content, record);
+            }
+            return null;
+        };
+        // 渲染操作按钮
+        const renderActions = () => {
+            if (configActions && configActions.length > 0) {
+                return configActions.map(action => parseFieldValue(action, record));
+            }
+            return defaultActions;
+        };
+        // 渲染元数据
+        const renderMeta = () => {
+            if (!meta)
+                return undefined;
+            const metaTitle = meta.title ? parseFieldValue(meta.title, record) : undefined;
+            const metaDescription = meta.description ? parseFieldValue(meta.description, record) : undefined;
+            const metaAvatar = meta.avatar ? parseFieldValue(meta.avatar, record) : undefined;
+            if (!metaTitle && !metaDescription && !metaAvatar) {
+                return undefined;
+            }
+            return (_jsx(Card.Meta, { title: metaTitle, description: metaDescription, avatar: metaAvatar && (typeof metaAvatar === 'string' ? (_jsx(Avatar, { src: metaAvatar })) : (metaAvatar)) }));
+        };
+        return (_jsxs(Card, { size: 'small', title: renderTitle(), extra: renderExtra(), cover: renderCover(), actions: renderActions(), ...cardProps, children: [renderMeta(), renderContent()] }));
+    };
+    return (_jsx(Row, { gutter: gutter, style: { overflow: 'auto', height }, children: dataSource.map((record, index) => (_jsx(Col, { ...col, children: renderCardItem(record, index) }, record.id || index))) }));
+};

package/dist/advanced/Crud/components/CreateUpdate/index.d.ts

@@ -0,0 +1,2 @@
+import type { CreateUpdateProps } from '../../types';
+export declare const CreateUpdate: (props: CreateUpdateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/advanced/Crud/components/CreateUpdate/index.js

@@ -0,0 +1,78 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { Button } from 'antd';
+import { PlusOutlined, EditOutlined } from '@ant-design/icons';
+import { BetaSchemaForm } from '@ant-design/pro-components';
+const isActionColumn = (column) => (column.valueType === 'option'
+    || column.key === 'option'
+    || column.key === 'action'
+    || column.title === '操作');
+const getFormColumns = (columns) => {
+    return columns
+        .filter(column => !column.hideInForm && !isActionColumn(column) && column.key !== '__drag_sort__')
+        .map((column) => {
+        const { fixed, sorter, sortOrder, defaultSortOrder, filters, onFilter, onCell, onHeaderCell, ellipsis, copyable, render, renderText, width, ...formColumn } = column;
+        return formColumn;
+    });
+};
+export const CreateUpdate = (props) => {
+    const { crud, columns, config, record } = props;
+    const isEdit = !!record;
+    const [open, setOpen] = useState(false);
+    const [formRendered, setFormRendered] = useState(false);
+    const { mode = 'drawer', title = isEdit ? '编辑' : '新建', buttonProps = {}, formProps = {}, transformData, coverData, width, } = config;
+    const { drawerProps, modalProps, initialValues, onOpenChange, onVisibleChange, open: _open, visible: _visible, ...formSafeProps } = formProps;
+    const layoutType = mode === 'modal' ? 'ModalForm' : 'DrawerForm';
+    const formColumns = useMemo(() => getFormColumns(columns), [columns]);
+    const handleOpenChange = (nextOpen) => {
+        setOpen(nextOpen);
+        if (nextOpen) {
+            setFormRendered(true);
+        }
+        onOpenChange?.(nextOpen);
+        onVisibleChange?.(nextOpen);
+    };
+    const openForm = (event) => {
+        buttonProps.onClick?.(event);
+        if (event.defaultPrevented) {
+            return;
+        }
+        setFormRendered(true);
+        setOpen(true);
+    };
+    const onFinish = async (values) => {
+        const finalValues = transformData ? await transformData(values, record) : values;
+        if (isEdit) {
+            await crud.updateState.mutateAsync(record.id, finalValues);
+        }
+        else {
+            await crud.createState.mutateAsync(finalValues);
+        }
+        return true;
+    };
+    const formKey = (() => {
+        if (isEdit && record) {
+            return record.id;
+        }
+        if (!initialValues) {
+            return 'create';
+        }
+        if (typeof initialValues !== 'object') {
+            return `create-${JSON.stringify(initialValues)}`;
+        }
+        try {
+            return `create-${JSON.stringify(initialValues)}`;
+        }
+        catch {
+            return 'create';
+        }
+    })();
+    const finalInitialValues = {
+        ...(record ?? {}),
+        ...(initialValues ?? {}),
+        ...(coverData ? coverData(record) : {}),
+    };
+    const trigger = isEdit ? (_jsx(Button, { type: 'link', size: 'small', icon: _jsx(EditOutlined, {}), ...buttonProps, onClick: openForm })) : (_jsx(Button, { type: 'primary', icon: _jsx(PlusOutlined, {}), ...buttonProps, onClick: openForm, children: "\u65B0\u5EFA" }));
+    return (_jsxs(_Fragment, { children: [trigger, formRendered ? (_jsx(BetaSchemaForm, { layoutType: layoutType, title: title, width: width, columns: formColumns, onFinish: onFinish, layout: 'horizontal', labelCol: { span: 4 }, initialValues: finalInitialValues, open: open, onOpenChange: handleOpenChange, ...(drawerProps ? { drawerProps } : {}), ...(modalProps ? { modalProps } : {}), ...formSafeProps }, formKey)) : null] }));
+};

package/dist/advanced/Crud/components/ListTabs/index.d.ts

@@ -0,0 +1,8 @@
+import type { CrudListTabs } from '../../types';
+interface ListTabsProps {
+    tabs: CrudListTabs;
+    activeKey?: string;
+    onChange: (key: string) => void;
+}
+export declare const ListTabs: (props: ListTabsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/advanced/Crud/components/ListTabs/index.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TabsPro } from '../../../../layout/TabsPro';
+export const ListTabs = (props) => {
+    const { tabs, activeKey, onChange } = props;
+    return (_jsx(TabsPro, { type: tabs.type ?? 'card', activeKey: activeKey, onChange: onChange, items: tabs.items }));
+};

package/dist/advanced/Crud/components/Provider/index.d.ts

@@ -0,0 +1,7 @@
+import { type PropsWithChildren } from 'react';
+import type { Crud } from '../../types';
+type ProviderProps = PropsWithChildren<{
+    crud?: Crud;
+}>;
+export declare const Provider: (props: ProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/advanced/Crud/components/Provider/index.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext, useMemo } from 'react';
+import { Tag, Switch } from 'antd';
+import { ProProvider, ProFormSelect } from '@ant-design/pro-components';
+export const Provider = (props) => {
+    const { children, crud } = props;
+    const defaultContext = useContext(ProProvider);
+    const onSwitchChange = (id, enabled) => {
+        if (crud?.updateState) {
+            crud.updateState.mutate(id, { enabled });
+        }
+    };
+    const valueTypeMap = useMemo(() => ({
+        ...defaultContext.valueTypeMap,
+        tags: {
+            renderFormItem: (_, props) => {
+                const { options, ...restFieldProps } = props.fieldProps || {};
+                let processedOptions = options;
+                if (Array.isArray(options) && options.length > 0 && typeof options[0] === 'string') {
+                    processedOptions = options.map((item) => ({
+                        label: item,
+                        value: item,
+                    }));
+                }
+                return (_jsx(ProFormSelect, { placeholder: '\u8BF7\u8F93\u5165\u6807\u7B7E', mode: 'tags', options: processedOptions, ...restFieldProps }));
+            },
+            render: (tags) => {
+                return (_jsx(_Fragment, { children: tags?.map((tag) => (_jsx(Tag, { children: tag }, tag))) }));
+            },
+        },
+        enabled: {
+            render: (enabled, props) => {
+                return (_jsx(Switch, { loading: crud?.updateState.isLoading, checked: enabled, onChange: enabled => onSwitchChange(props.record?.id, enabled), disabled: !crud?.updateState }));
+            },
+        },
+    }), [crud?.updateState, defaultContext.valueTypeMap]);
+    return (_jsx(ProProvider.Provider, { value: {
+            ...defaultContext,
+            valueTypeMap,
+        }, children: children }));
+};

package/dist/advanced/Crud/components/QuickFilters/index.d.ts

@@ -0,0 +1,8 @@
+import type { CrudQuickFilter } from '../../types';
+interface QuickFiltersProps {
+    filters: CrudQuickFilter[];
+    values: Record<string, any>;
+    onChange: (key: string, value: any) => void;
+}
+export declare const QuickFilters: (props: QuickFiltersProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/advanced/Crud/components/QuickFilters/index.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Space } from 'antd';
+import { RadioButton } from '../../../../inputs/RadioButton';
+const normalizeOptions = (options = []) => {
+    if (Array.isArray(options) && typeof options[0] === 'string') {
+        return options.map(option => ({
+            label: option,
+            value: option,
+        }));
+    }
+    return options;
+};
+export const QuickFilters = (props) => {
+    const { filters, values, onChange } = props;
+    if (filters.length === 0) {
+        return null;
+    }
+    return (_jsx(Space, { wrap: true, children: filters.map(filter => (_jsxs(Space, { children: [filter.label ? _jsx("span", { className: 'text-sm text-gray-500 whitespace-nowrap', children: filter.label }) : null, _jsx(RadioButton, { value: values[filter.key], options: normalizeOptions(filter.options), buttonStyle: filter.buttonStyle, allowClear: true, onChange: value => onChange(filter.key, value) })] }, filter.key))) }));
+};

package/dist/advanced/Crud/components/Remove/index.d.ts

@@ -0,0 +1,2 @@
+import type { RemoveProps } from '../../types';
+export declare const Remove: (props: RemoveProps) => import("react/jsx-runtime").JSX.Element;

package/dist/advanced/Crud/components/Remove/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popconfirm, Button } from 'antd';
+import { DeleteOutlined } from '@ant-design/icons';
+export const Remove = (props) => {
+    const { crud, config, record } = props;
+    const { confirm = true, buttonProps = {}, title = '确定要删除吗?', content, } = config;
+    const onConfirm = () => {
+        crud.removeState.mutate(record.id);
+    };
+    // 如果不需要确认，直接执行删除
+    if (!confirm) {
+        return (_jsx(Button, { type: 'link', danger: true, size: 'small', icon: _jsx(DeleteOutlined, {}), loading: crud.removeState.isLoading, onClick: onConfirm, ...buttonProps }));
+    }
+    // 需要确认的删除按钮
+    return (_jsx(Popconfirm, { title: title, description: content, onConfirm: onConfirm, okText: '\u786E\u5B9A', cancelText: '\u53D6\u6D88', okButtonProps: {
+            loading: crud.removeState.isLoading,
+        }, children: _jsx(Button, { type: 'link', danger: true, size: 'small', icon: _jsx(DeleteOutlined, {}), ...buttonProps }) }));
+};

package/dist/advanced/Crud/components/index.d.ts

@@ -0,0 +1,6 @@
+export { CreateUpdate } from './CreateUpdate';
+export { Remove } from './Remove';
+export { CardList } from './CardList';
+export { Provider } from './Provider';
+export { ListTabs } from './ListTabs';
+export { QuickFilters } from './QuickFilters';

package/dist/advanced/Crud/components/index.js

@@ -0,0 +1,6 @@
+export { CreateUpdate } from './CreateUpdate';
+export { Remove } from './Remove';
+export { CardList } from './CardList';
+export { Provider } from './Provider';
+export { ListTabs } from './ListTabs';
+export { QuickFilters } from './QuickFilters';

package/dist/advanced/Crud/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { useColumns } from './useColumns';
+export { useList } from './useList';
+export { useRequest } from './useRequest';
+export { useOrderable } from './useOrderable';
+export { useListFilters } from './useListFilters';

package/dist/advanced/Crud/hooks/index.js

@@ -0,0 +1,5 @@
+export { useColumns } from './useColumns';
+export { useList } from './useList';
+export { useRequest } from './useRequest';
+export { useOrderable } from './useOrderable';
+export { useListFilters } from './useListFilters';

package/dist/advanced/Crud/hooks/useColumns.d.ts

@@ -0,0 +1,11 @@
+import type { ProColumnsPro, CrudProps } from '../types';
+interface UseColumnsParams {
+    columns: CrudProps['columns'];
+    crud: CrudProps['crud'];
+    update: CrudProps['update'];
+    remove: CrudProps['remove'];
+}
+export declare const useColumns: ({ columns, crud, update, remove }: UseColumnsParams) => {
+    finalColumns: ProColumnsPro[];
+};
+export {};

package/dist/advanced/Crud/hooks/useColumns.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Fragment, useMemo } from 'react';
+import { Space } from 'antd';
+import { CreateUpdate, Remove } from '../components';
+const normalizeCellDom = (dom) => {
+    if (!dom || typeof dom !== 'object') {
+        return dom;
+    }
+    if ('children' in dom && 'props' in dom) {
+        return dom.children;
+    }
+    return dom;
+};
+const normalizeRenderResult = (result) => {
+    if (!result || typeof result !== 'object') {
+        return result;
+    }
+    if ('children' in result && 'props' in result) {
+        return result.children;
+    }
+    return result;
+};
+export const useColumns = ({ columns, crud, update, remove }) => {
+    // 检查是否需要显示操作列
+    const hasActions = update !== false || remove !== false;
+    // 智能合并操作列
+    const finalColumns = useMemo(() => {
+        // const proColumns = transformColumns(columns)
+        const proColumns = columns.map((col) => {
+            const isActionColumn = col.valueType === 'option'
+                || col.key === 'option'
+                || col.key === 'action'
+                || col.title === '操作';
+            if (col.render) {
+                const originalRender = col.render;
+                return {
+                    ...col,
+                    render: (dom, record, index, action, schema) => {
+                        return normalizeRenderResult(originalRender(dom, record, index, action, schema));
+                    },
+                };
+            }
+            if (isActionColumn) {
+                return col;
+            }
+            return {
+                ...col,
+                // DragSortTable 需要包一层，不然有的字段不显示
+                render: (dom) => normalizeCellDom(dom),
+            };
+        });
+        // 生成默认的操作按钮
+        const generateDefaultActions = (record) => {
+            const actions = [];
+            if (update !== false) {
+                actions.push(_jsx(Fragment, { children: _jsx(CreateUpdate, { crud: crud, columns: columns, config: update || {}, record: record }) }, 'update'));
+            }
+            if (remove !== false) {
+                actions.push(_jsx(Fragment, { children: _jsx(Remove, { crud: crud, config: remove || {}, record: record }) }, 'remove'));
+            }
+            return actions;
+        };
+        // 查找是否已存在操作列
+        const existingActionColumnIndex = proColumns.findIndex(col => col.key === 'option' || col.key === 'action' || col.title === '操作');
+        if (existingActionColumnIndex !== -1) {
+            // 如果已存在操作列，合并操作
+            const existingColumn = proColumns[existingActionColumnIndex];
+            if (!existingColumn)
+                return proColumns;
+            const originalRender = existingColumn.render;
+            const mergedColumns = [...proColumns];
+            mergedColumns[existingActionColumnIndex] = {
+                ...existingColumn,
+                render: (text, record, index, action, schema) => {
+                    const defaultActions = hasActions ? generateDefaultActions(record) : [];
+                    // 如果用户定义了自定义渲染，调用它
+                    if (originalRender) {
+                        const customActions = normalizeRenderResult(originalRender(text, record, index, action, schema));
+                        // 如果自定义渲染返回 ReactElement 或数组，合并操作
+                        if (React.isValidElement(customActions) || Array.isArray(customActions)) {
+                            return (_jsxs(Space, { children: [customActions, defaultActions] }));
+                        }
+                        // 如果自定义渲染返回其他内容，直接使用
+                        return customActions;
+                    }
+                    // 没有自定义渲染时，只显示默认操作
+                    return _jsx(Space, { children: defaultActions });
+                },
+            };
+            return mergedColumns;
+        }
+        else {
+            // 如果不存在操作列且需要操作，添加新的操作列
+            return [
+                ...proColumns,
+                ...(hasActions ? [{
+                        title: '操作',
+                        dataIndex: 'action',
+                        key: 'action',
+                        fixed: 'right',
+                        width: 120,
+                        search: false,
+                        render: (_, record) => (_jsx(Space, { children: generateDefaultActions(record) })),
+                    }] : []),
+            ];
+        }
+    }, [columns, hasActions, update, remove, crud]);
+    return {
+        finalColumns,
+    };
+};

package/dist/advanced/Crud/hooks/useList.d.ts

@@ -0,0 +1,12 @@
+import type { Dispatch, SetStateAction } from 'react';
+import type { CrudProps } from '../types';
+interface UseTabsStateParams {
+    list: CrudProps['list'];
+}
+interface UseListResult {
+    activeTabKey: string | undefined;
+    setTabActiveKey: Dispatch<SetStateAction<string | undefined>>;
+    finalList: any;
+}
+export declare const useList: ({ list }: UseTabsStateParams) => UseListResult;
+export {};

package/dist/advanced/Crud/hooks/useList.js

@@ -0,0 +1,53 @@
+import { useState, useEffect, useMemo } from 'react';
+export const useList = ({ list }) => {
+    // 初始化 activeTabKey 状态
+    const [activeTabKey, setTabActiveKey] = useState(() => {
+        const tabs = list?.toolbar?.tabs;
+        if (!tabs) {
+            return;
+        }
+        return tabs.activeKey ?? tabs.items?.[0]?.key;
+    });
+    // 同步外部传入的 activeKey
+    useEffect(() => {
+        const tabs = list?.toolbar?.tabs;
+        if (tabs && tabs.activeKey !== undefined && tabs.activeKey !== activeTabKey) {
+            setTabActiveKey(tabs.activeKey);
+        }
+    }, [list?.toolbar?.tabs]);
+    // 当 Tab 变化时，将最新的类型通过 onChangeQuery 回传给父组件
+    useEffect(() => {
+        if (activeTabKey !== undefined) {
+            list?.onChangeQuery?.({
+                where: { type: activeTabKey },
+            });
+        }
+    }, [activeTabKey]);
+    // 构造最终传递给 ProTable 的 list 配置
+    const finalList = useMemo(() => {
+        if (!list?.toolbar?.tabs)
+            return list ?? {};
+        const originalTabs = list.toolbar.tabs;
+        const enhancedTabs = {
+            ...originalTabs,
+            activeKey: activeTabKey,
+            onChange: (key) => {
+                setTabActiveKey(key);
+                originalTabs.onChange?.(key);
+            },
+        };
+        return {
+            ...list,
+            toolbar: {
+                ...list.toolbar,
+                multipleLine: list.toolbar.multipleLine ?? !!list.toolbar.tabs.items?.length,
+                tabs: enhancedTabs,
+            },
+        };
+    }, [activeTabKey, list]);
+    return {
+        activeTabKey,
+        setTabActiveKey,
+        finalList,
+    };
+};

package/dist/advanced/Crud/hooks/useListFilters.d.ts

@@ -0,0 +1,11 @@
+import type { CrudProps } from '../types';
+interface UseListFiltersParams {
+    list: CrudProps['list'];
+}
+interface UseListFiltersResult {
+    activeTabKey: string | undefined;
+    handleTabChange: (key: string) => void;
+    preparedList: any;
+}
+export declare const useListFilters: ({ list }: UseListFiltersParams) => UseListFiltersResult;
+export {};