@canlooks/can-ui 0.0.1

package/dist/esm/extensions/documentViewer/documentViewer.style.js

@@ -0,0 +1,74 @@
+import { css } from '@emotion/react';
+import { defineClasses, defineCss } from '../../utils';
+import { classes as loadingClasses } from '../../components/loading/loading.style';
+export const classes = defineClasses('document-viewer', [
+    'svgViewer',
+    'svgToolbar',
+    'svgTitle',
+    'svgIcon',
+    'svgToolbarRight',
+    'svgDivider',
+    'svgContainer',
+    'svgContent',
+    'object'
+]);
+export const iframeStyle = css `
+    width: 100%;
+    height: 100%;
+    border: none;
+    display: block;
+`;
+export const svgStyle = defineCss(({ spacing, background, divider, text, colors, easing }) => css `
+    .${loadingClasses.container} {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .${classes.svgToolbar} {
+        padding: ${spacing[3]}px ${spacing[8]}px;
+        background: ${background.card};
+        border-bottom: 1px solid ${divider};
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .${classes.svgTitle} {
+            display: flex;
+            align-items: center;
+            gap: ${spacing[2]}px;
+            color: ${text.primary};
+
+            .${classes.svgIcon} {
+                color: ${colors.primary};
+            }
+        }
+
+        .${classes.svgToolbarRight} {
+            display: flex;
+            gap: ${spacing[2]}px;
+        }
+
+        .${classes.svgDivider} {
+            padding: ${spacing[2]}px 0;
+        }
+    }
+
+    .${classes.svgContainer} {
+        width: 100%;
+        flex: 1;
+        background-color: ${background.body};
+        overflow: hidden;
+    }
+
+    .${classes.svgContent}, .${classes.object} {
+        width: 100%;
+        height: 100%;
+    }
+
+    .${classes.object} {
+        pointer-events: none;
+        transition: rotate .4s ${easing.easeOut};
+    }
+`);

package/dist/esm/extensions/documentViewer/index.d.ts

@@ -0,0 +1,4 @@
+export * from './documentViewer';
+export * from './pdfViewer';
+export * from './svgViewer';
+export * from './textViewer';

package/dist/esm/extensions/documentViewer/index.js

@@ -0,0 +1,4 @@
+export * from './documentViewer';
+export * from './pdfViewer';
+export * from './svgViewer';
+export * from './textViewer';

package/dist/esm/extensions/documentViewer/pdfViewer.d.ts

@@ -0,0 +1,4 @@
+import { DocumentViewerBaseProps } from './documentViewer';
+export interface PdfViewerProps extends DocumentViewerBaseProps, Omit<JSX.IntrinsicElements['iframe'], 'onError'> {
+}
+export declare const PdfViewer: import("react").MemoExoticComponent<({ src, filename, onError, setDocumentTitle, ...props }: PdfViewerProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/esm/extensions/documentViewer/pdfViewer.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { useBlob, useDocumentTitle } from './documentViewer';
+import { SkeletonCard } from '../../components/skeleton';
+import { iframeStyle } from './documentViewer.style';
+export const PdfViewer = memo(({ src, filename, onError, setDocumentTitle, ...props }) => {
+    useDocumentTitle({ filename, setDocumentTitle });
+    const { blob, loading } = useBlob({ src, onError });
+    const data = useMemo(() => {
+        if (blob) {
+            const file = new File([blob], filename || '', { type: 'application/pdf' });
+            return URL.createObjectURL(file);
+        }
+        return;
+    }, [blob]);
+    return loading
+        ? _jsx("div", { style: { padding: 60 }, children: _jsx(SkeletonCard, {}) })
+        : _jsx("iframe", { ...props, css: iframeStyle, src: data });
+});

package/dist/esm/extensions/documentViewer/svgViewer.d.ts

@@ -0,0 +1,13 @@
+import { ReactZoomPanPinchProps } from 'react-zoom-pan-pinch';
+import { Theme } from '../../components/app';
+import { LoadingProps } from '../../components/loading';
+import { DocumentViewerBaseProps } from './documentViewer';
+export interface SvgViewerProps extends DocumentViewerBaseProps, Omit<LoadingProps, 'onError'> {
+    /** 是否显示下载按钮，@default true */
+    showDownload?: boolean;
+    /** 是否可切换主题，@default true */
+    themeSwitchable?: boolean;
+    onThemeChange?(mode: Theme['mode']): void;
+    transformWrapperProps?: ReactZoomPanPinchProps;
+}
+export declare const SvgViewer: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<SvgViewerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/esm/extensions/documentViewer/svgViewer.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { forwardRef, memo, useMemo, useRef, useState } from 'react';
+import { classes, svgStyle } from './documentViewer.style';
+import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
+import { classnames } from '../../utils';
+import { BranchesOutlined, DownloadOutlined, FullscreenOutlined, MoonFilled, RotateLeftOutlined, RotateRightOutlined, SunFilled, ZoomInOutlined, ZoomOutOutlined } from '@ant-design/icons';
+import { Button } from '../../components/button';
+import { Tooltip } from '../../components/tooltip';
+import { Divider } from '../../components/divider';
+import { Switch } from '../../components/switch';
+import { ThemeProvider, useTheme } from '../../components/app';
+import { Loading } from '../../components/loading';
+import { useBlob, useDocumentTitle } from './documentViewer';
+const commonButtonProps = {
+    variant: 'text',
+    shape: 'circular'
+};
+export const SvgViewer = memo(forwardRef((props, ref) => {
+    return (_jsx(ThemeProvider, { children: _jsx(SvgViewerContent, { ...props, ref: ref }) }));
+}));
+const SvgViewerContent = forwardRef(({ showDownload = true, themeSwitchable = true, onThemeChange, transformWrapperProps, 
+// 从DocumentViewerBaseProps继承来的属性
+src, filename, onError, setDocumentTitle, ...props }, ref) => {
+    /**
+     * ---------------------------------------------------------------
+     * 切换主题
+     */
+    const { mode, update } = useTheme();
+    const themeChangeHandler = (checked) => {
+        const mode = checked ? 'light' : 'dark';
+        update({ mode });
+        onThemeChange?.(mode);
+    };
+    /**
+     * ---------------------------------------------------------------
+     * 同步标题
+     */
+    useDocumentTitle({ filename, setDocumentTitle });
+    /**
+     * ---------------------------------------------------------------
+     * 获取svg内容
+     */
+    // src改变会清空data
+    const { blob, loading } = useBlob({ src, onError });
+    const data = useMemo(() => {
+        if (blob) {
+            const file = new File([blob], filename || '', { type: 'image/svg+xml' });
+            return URL.createObjectURL(file);
+        }
+        return;
+    }, [blob]);
+    /**
+     * ---------------------------------------------------------------
+     * 工具栏
+     */
+    const transformWrapperRef = useRef(null);
+    const [rotate, setRotate] = useState(0);
+    const downloadHandler = () => {
+        if (src) {
+            const a = document.createElement('a');
+            a.href = src;
+            a.download = filename || 'download';
+            a.click();
+        }
+    };
+    const objectOnLoad = () => {
+        transformWrapperRef.current.centerView();
+    };
+    return (_jsxs(Loading, { ...props, ref: ref, css: svgStyle, className: classnames(classes.svgViewer, props.className), loading: loading, children: [_jsxs("div", { className: classes.svgToolbar, children: [_jsxs("div", { className: classes.svgTitle, children: [_jsx(BranchesOutlined, { className: classes.svgIcon }), _jsx("div", { children: filename })] }), _jsxs("div", { className: classes.svgToolbarRight, children: [_jsx(Tooltip, { title: "\u65CB\u8F6C-90\u00B0", children: _jsx(Button, { ...commonButtonProps, onClick: () => setRotate(rotate - 90), children: _jsx(RotateLeftOutlined, {}) }) }), _jsx(Tooltip, { title: "\u65CB\u8F6C90\u00B0", children: _jsx(Button, { ...commonButtonProps, onClick: () => setRotate(rotate + 90), children: _jsx(RotateRightOutlined, {}) }) }), _jsx(Tooltip, { title: "\u7F29\u5C0F", children: _jsx(Button, { ...commonButtonProps, onClick: () => transformWrapperRef.current.zoomOut(), children: _jsx(ZoomOutOutlined, {}) }) }), _jsx(Tooltip, { title: "\u653E\u5927", children: _jsx(Button, { ...commonButtonProps, onClick: () => transformWrapperRef.current.zoomIn(), children: _jsx(ZoomInOutlined, {}) }) }), _jsx(Tooltip, { title: "\u9002\u5E94\u5C4F\u5E55", children: _jsx(Button, { ...commonButtonProps, onClick: () => transformWrapperRef.current.resetTransform(), children: _jsx(FullscreenOutlined, {}) }) }), themeSwitchable &&
+                                _jsxs(_Fragment, { children: [_jsx(Divider, { className: classes.svgDivider, orientation: "vertical" }), _jsx(Switch, { checkedLabel: _jsx(SunFilled, {}), unCheckedLabel: _jsx(MoonFilled, {}), checked: mode === 'light', onChange: themeChangeHandler })] }), showDownload &&
+                                _jsxs(_Fragment, { children: [_jsx(Divider, { className: classes.svgDivider, orientation: "vertical" }), _jsx(Button, { prefix: _jsx(DownloadOutlined, {}), onClick: downloadHandler, children: "\u4E0B\u8F7D" })] })] })] }), _jsx(TransformWrapper, { smooth: false, ...transformWrapperProps, ref: transformWrapperRef, minScale: .2, children: _jsx(TransformComponent, { wrapperClass: classes.svgContainer, contentClass: classes.svgContent, children: _jsx("object", { className: classes.object, data: data, style: { rotate: `${rotate}deg` }, onLoad: objectOnLoad, onError: onError }) }) })] }));
+});

package/dist/esm/extensions/documentViewer/textViewer.d.ts

@@ -0,0 +1,4 @@
+import { DocumentViewerBaseProps } from './documentViewer';
+export interface TextViewerProps extends DocumentViewerBaseProps {
+}
+export declare const TextViewer: import("react").MemoExoticComponent<({ src, filename, onError, setDocumentTitle, ...props }: TextViewerProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/esm/extensions/documentViewer/textViewer.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { memo, useEffect } from 'react';
+import { useDocumentTitle } from './documentViewer';
+import { SkeletonCard } from '../../components/skeleton';
+import { useDerivedState, useLoading } from '../../utils';
+import { TextFormatter } from '../textFormatter/textFormatter';
+export const TextViewer = memo(({ src, filename, onError, setDocumentTitle, ...props }) => {
+    useDocumentTitle({ filename, setDocumentTitle });
+    const [text, setText] = useDerivedState(void 0, [src]);
+    const [loading, getText] = useLoading(async () => {
+        try {
+            const res = await fetch(src);
+            if (!res.ok) {
+                onError?.(res);
+                return;
+            }
+            setText(await res.text());
+        }
+        catch (e) {
+            onError?.(e);
+        }
+    }, true);
+    useEffect(() => {
+        src && getText();
+    }, [src]);
+    return loading
+        ? _jsx("div", { style: { padding: 60 }, children: _jsx(SkeletonCard, {}) })
+        : _jsx(TextFormatter, { text: text.current });
+});

package/dist/esm/extensions/textFormatter/index.d.ts

@@ -0,0 +1 @@
+export * from './textFormatter';

package/dist/esm/extensions/textFormatter/index.js

@@ -0,0 +1 @@
+export * from './textFormatter';

package/dist/esm/extensions/textFormatter/textFormatter.d.ts

@@ -0,0 +1,5 @@
+import { DIVProps } from '../../../types';
+export interface TextFormatterProps extends Omit<DIVProps, 'children'> {
+    text?: string;
+}
+export declare const TextFormatter: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<TextFormatterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/esm/extensions/textFormatter/textFormatter.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef, memo } from 'react';
+import { classes, style } from './textFormatter.style';
+import { classnames } from '../../utils';
+import MarkdownIt from 'markdown-it';
+import mdKatex from '@traptitech/markdown-it-katex';
+import mila from 'markdown-it-link-attributes';
+import hljs from 'highlight.js';
+const md = new MarkdownIt({
+    linkify: true,
+    breaks: true,
+    highlight(str, lang) {
+        let content = str;
+        if (lang && hljs.getLanguage(lang)) {
+            try {
+                content = hljs.highlight(str, { language: lang, ignoreIllegals: true }).value;
+            }
+            catch (e) {
+                console.error(e);
+                return str;
+            }
+        }
+        else {
+            content = md.utils.escapeHtml(str);
+        }
+        return `<pre>${content}</pre>`;
+    }
+});
+md.use(mdKatex, { blockClass: 'katexmath-block rounded-md p-[10px]', errorColor: ' #cc0000' });
+md.use(mila, { attrs: { target: '_blank', rel: 'noopener' } });
+export const TextFormatter = memo(forwardRef(({ text, ...props }, ref) => {
+    return (_jsx("div", { ...props, ref: ref, css: style, className: classnames(classes.root, props.className), dangerouslySetInnerHTML: typeof text === 'string' ? { __html: md.render(text) } : void 0 }));
+}));

package/dist/esm/extensions/textFormatter/textFormatter.style.d.ts

@@ -0,0 +1,4 @@
+export declare const classes: {
+    root: string;
+};
+export declare const style: () => import("@emotion/react").SerializedStyles;

package/dist/esm/extensions/textFormatter/textFormatter.style.js

@@ -0,0 +1,25 @@
+import { css } from '@emotion/react';
+import { defineClasses, defineCss } from '../../utils';
+export const classes = defineClasses('text-formatter');
+export const style = defineCss(({ spacing }) => css `
+    line-height: 1.5;
+        
+    ol {
+        counter-reset: li;
+        
+        li {
+            list-style: none;
+            position: relative;
+            padding-left: ${spacing[8]}px;
+            
+            &:before {
+                font-weight: bold;
+                font-family: Consolas, sans-serif;
+                content: counter(li)".";
+                counter-increment: li;
+                position: absolute;
+                left: 0;
+            }
+        }
+    }
+`);

package/dist/esm/index.d.ts

@@ -0,0 +1,87 @@
+export * from './utils';
+export * from './components/accordion';
+export * from './components/actionSheet';
+export * from './components/alert';
+export * from './components/anchor';
+export * from './components/app';
+export * from './components/autocomplete';
+export * from './components/avatar';
+export * from './components/backdrop';
+export * from './components/badge';
+export * from './components/bottomNavigation';
+export * from './components/boundary';
+export * from './components/breadcrumb';
+export * from './components/bubble';
+export * from './components/bubbleConfirm';
+export * from './components/button';
+export * from './components/card';
+export * from './components/cascade';
+export * from './components/checkbox';
+export * from './components/checkboxBase';
+export * from './components/checkboxBaseGroup';
+export * from './components/clickAway';
+export * from './components/colorPicker';
+export * from './components/contextMenu';
+export * from './components/counter';
+export * from './components/curd';
+export * from './components/dataGrid';
+export * from './components/dateTimePicker';
+export * from './components/dateTimeRangePicker';
+export * from './components/descriptions';
+export * from './components/dialog';
+export * from './components/divider';
+export * from './components/draggable';
+export * from './components/drawer';
+export * from './components/dropdown';
+export * from './components/flex';
+export * from './components/form';
+export * from './components/formDialog';
+export * from './components/grid';
+export * from './components/highlight';
+export * from './components/image';
+export * from './components/input';
+export * from './components/inputBase';
+export * from './components/loading';
+export * from './components/loadingIndicator';
+export * from './components/menu';
+export * from './components/menuItem';
+export * from './components/modal';
+export * from './components/optionsBase';
+export * from './components/overlayBase';
+export * from './components/pagination';
+export * from './components/palette';
+export * from './components/pickerDialog';
+export * from './components/placeholder';
+export * from './components/popper';
+export * from './components/progress';
+export * from './components/radio';
+export * from './components/rating';
+export * from './components/resizable';
+export * from './components/segmented';
+export * from './components/select';
+export * from './components/selectedList';
+export * from './components/selectionContext';
+export * from './components/skeleton';
+export * from './components/slidableActions';
+export * from './components/slider';
+export * from './components/snackbarBase';
+export * from './components/sortableItem';
+export * from './components/status';
+export * from './components/stepper';
+export * from './components/switch';
+export * from './components/table';
+export * from './components/tabs';
+export * from './components/tag';
+export * from './components/textarea';
+export * from './components/timeline';
+export * from './components/toggleButton';
+export * from './components/tooltip';
+export * from './components/touchRipple';
+export * from './components/transfer';
+export * from './components/transitionBase';
+export * from './components/transportStyle';
+export * from './components/tree';
+export * from './components/treeSelect';
+export * from './components/typography';
+export * from './components/upload';
+export * from './components/waterfall';

package/dist/esm/index.js

@@ -0,0 +1,87 @@
+export * from './utils';
+export * from './components/accordion';
+export * from './components/actionSheet';
+export * from './components/alert';
+export * from './components/anchor';
+export * from './components/app';
+export * from './components/autocomplete';
+export * from './components/avatar';
+export * from './components/backdrop';
+export * from './components/badge';
+export * from './components/bottomNavigation';
+export * from './components/boundary';
+export * from './components/breadcrumb';
+export * from './components/bubble';
+export * from './components/bubbleConfirm';
+export * from './components/button';
+export * from './components/card';
+export * from './components/cascade';
+export * from './components/checkbox';
+export * from './components/checkboxBase';
+export * from './components/checkboxBaseGroup';
+export * from './components/clickAway';
+export * from './components/colorPicker';
+export * from './components/contextMenu';
+export * from './components/counter';
+export * from './components/curd';
+export * from './components/dataGrid';
+export * from './components/dateTimePicker';
+export * from './components/dateTimeRangePicker';
+export * from './components/descriptions';
+export * from './components/dialog';
+export * from './components/divider';
+export * from './components/draggable';
+export * from './components/drawer';
+export * from './components/dropdown';
+export * from './components/flex';
+export * from './components/form';
+export * from './components/formDialog';
+export * from './components/grid';
+export * from './components/highlight';
+export * from './components/image';
+export * from './components/input';
+export * from './components/inputBase';
+export * from './components/loading';
+export * from './components/loadingIndicator';
+export * from './components/menu';
+export * from './components/menuItem';
+export * from './components/modal';
+export * from './components/optionsBase';
+export * from './components/overlayBase';
+export * from './components/pagination';
+export * from './components/palette';
+export * from './components/pickerDialog';
+export * from './components/placeholder';
+export * from './components/popper';
+export * from './components/progress';
+export * from './components/radio';
+export * from './components/rating';
+export * from './components/resizable';
+export * from './components/segmented';
+export * from './components/select';
+export * from './components/selectedList';
+export * from './components/selectionContext';
+export * from './components/skeleton';
+export * from './components/slidableActions';
+export * from './components/slider';
+export * from './components/snackbarBase';
+export * from './components/sortableItem';
+export * from './components/status';
+export * from './components/stepper';
+export * from './components/switch';
+export * from './components/table';
+export * from './components/tabs';
+export * from './components/tag';
+export * from './components/textarea';
+export * from './components/timeline';
+export * from './components/toggleButton';
+export * from './components/tooltip';
+export * from './components/touchRipple';
+export * from './components/transfer';
+export * from './components/transitionBase';
+export * from './components/transportStyle';
+export * from './components/tree';
+export * from './components/treeSelect';
+export * from './components/typography';
+export * from './components/upload';
+export * from './components/waterfall';

package/dist/esm/utils/bezier.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 创建一个Bezier曲线函数，默认从(0,0)到(1,1)
+ * @param p1x
+ * @param p1y
+ * @param p2x
+ * @param p2y
+ * @returns {(x: number) => number} 返回一个函数，接收x返回y
+ */
+export declare function cubicBezier(p1x: number, p1y: number, p2x: number, p2y: number): (x: number) => number;
+export declare namespace cubicBezier {
+    var preset: (preset: Preset) => (x: number) => number;
+}
+export type Preset = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';

package/dist/esm/utils/bezier.js

@@ -0,0 +1,98 @@
+/**
+ * 创建一个Bezier曲线函数，默认从(0,0)到(1,1)
+ * @param p1x
+ * @param p1y
+ * @param p2x
+ * @param p2y
+ * @returns {(x: number) => number} 返回一个函数，接收x返回y
+ */
+export function cubicBezier(p1x, p1y, p2x, p2y) {
+    const ZERO_LIMIT = 1e-6;
+    // Calculate the polynomial coefficients,
+    // implicit first and last control points are (0,0) and (1,1).
+    const ax = 3 * p1x - 3 * p2x + 1;
+    const bx = 3 * p2x - 6 * p1x;
+    const cx = 3 * p1x;
+    const ay = 3 * p1y - 3 * p2y + 1;
+    const by = 3 * p2y - 6 * p1y;
+    const cy = 3 * p1y;
+    function sampleCurveDerivativeX(t) {
+        // `ax t^3 + bx t^2 + cx t` expanded using Horner's rule
+        return (3 * ax * t + 2 * bx) * t + cx;
+    }
+    function sampleCurveX(t) {
+        return ((ax * t + bx) * t + cx) * t;
+    }
+    function sampleCurveY(t) {
+        return ((ay * t + by) * t + cy) * t;
+    }
+    // Given an x value, find a parametric value it came from.
+    function solveCurveX(x) {
+        let t2 = x;
+        let derivative;
+        let x2;
+        // https://trac.webkit.org/browser/trunk/Source/WebCore/platform/animation
+        // first try a few iterations of Newton's method -- normally very fast.
+        // http://en.wikipedia.org/wikiNewton's_method
+        for (let i = 0; i < 8; i++) {
+            // f(t) - x = 0
+            x2 = sampleCurveX(t2) - x;
+            if (Math.abs(x2) < ZERO_LIMIT) {
+                return t2;
+            }
+            derivative = sampleCurveDerivativeX(t2);
+            // == 0, failure
+            /* istanbul ignore if */
+            if (Math.abs(derivative) < ZERO_LIMIT) {
+                break;
+            }
+            t2 -= x2 / derivative;
+        }
+        // Fall back to the bisection method for reliability.
+        // bisection
+        // http://en.wikipedia.org/wiki/Bisection_method
+        let t1 = 1;
+        /* istanbul ignore next */
+        let t0 = 0;
+        /* istanbul ignore next */
+        t2 = x;
+        /* istanbul ignore next */
+        while (t1 > t0) {
+            x2 = sampleCurveX(t2) - x;
+            if (Math.abs(x2) < ZERO_LIMIT) {
+                return t2;
+            }
+            if (x2 > 0) {
+                t1 = t2;
+            }
+            else {
+                t0 = t2;
+            }
+            t2 = (t1 + t0) / 2;
+        }
+        // Failure
+        return t2;
+    }
+    return (x) => {
+        if (x === 0 || x === 1) {
+            return x;
+        }
+        return sampleCurveY(solveCurveX(x));
+    };
+}
+cubicBezier.preset = (preset) => {
+    switch (preset) {
+        case 'linear':
+            return cubicBezier(0, 0, 1, 1);
+        case 'ease':
+            return cubicBezier(.25, .1, .25, 1);
+        case 'ease-in':
+            return cubicBezier(.42, 0, 1, 1);
+        case 'ease-out':
+            return cubicBezier(0, 0, .58, 1);
+        case 'ease-in-out':
+            return cubicBezier(.42, 0, .58, 1);
+        default:
+            throw new TypeError('Unknown preset');
+    }
+};

package/dist/esm/utils/curd.d.ts

@@ -0,0 +1,23 @@
+import { CurdColumn, CurdFormItemProps, CurdProps } from '../components/curd';
+import { ColumnType, RowType } from '../components/dataGrid';
+import { Id, Obj } from '../../types';
+/**
+ * 将Curd的Columns转换为FilterItem
+ * @param columns
+ */
+export declare function columnsToFilterItem(columns?: (CurdColumn<any> | symbol)[]): CurdFormItemProps[] | undefined;
+/**
+ * 将Curd的Columns转换为FormItem
+ * @param columns
+ */
+export declare function columnsToFormItem(columns?: (CurdColumn<any> | symbol)[], row?: Obj): CurdFormItemProps[] | undefined;
+/**
+ * 统一处理Columns
+ */
+export declare function useCurdColumns<R extends RowType, V extends Id = Id>({ columns, columnConfigurable }: Pick<CurdProps<R, V>, 'columns' | 'columnConfigurable'>): {
+    orderedColumns: any[];
+    actualColumns: (symbol | ColumnType<R>)[];
+    innerVisible: import("react").MutableRefObject<Id[]>;
+    setInnerVisible: import("react").Dispatch<import("react").SetStateAction<Id[]>>;
+    setInnerOrder: import("react").Dispatch<import("react").SetStateAction<Id[]>>;
+};