@canlooks/can-ui 0.0.1

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

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.svgStyle = exports.iframeStyle = exports.classes = void 0;
+const react_1 = require("@emotion/react");
+const utils_1 = require("../../utils");
+const loading_style_1 = require("../../components/loading/loading.style");
+exports.classes = (0, utils_1.defineClasses)('document-viewer', [
+    'svgViewer',
+    'svgToolbar',
+    'svgTitle',
+    'svgIcon',
+    'svgToolbarRight',
+    'svgDivider',
+    'svgContainer',
+    'svgContent',
+    'object'
+]);
+exports.iframeStyle = (0, react_1.css) `
+    width: 100%;
+    height: 100%;
+    border: none;
+    display: block;
+`;
+exports.svgStyle = (0, utils_1.defineCss)(({ spacing, background, divider, text, colors, easing }) => (0, react_1.css) `
+    .${loading_style_1.classes.container} {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .${exports.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;
+
+        .${exports.classes.svgTitle} {
+            display: flex;
+            align-items: center;
+            gap: ${spacing[2]}px;
+            color: ${text.primary};
+
+            .${exports.classes.svgIcon} {
+                color: ${colors.primary};
+            }
+        }
+
+        .${exports.classes.svgToolbarRight} {
+            display: flex;
+            gap: ${spacing[2]}px;
+        }
+
+        .${exports.classes.svgDivider} {
+            padding: ${spacing[2]}px 0;
+        }
+    }
+
+    .${exports.classes.svgContainer} {
+        width: 100%;
+        flex: 1;
+        background-color: ${background.body};
+        overflow: hidden;
+    }
+
+    .${exports.classes.svgContent}, .${exports.classes.object} {
+        width: 100%;
+        height: 100%;
+    }
+
+    .${exports.classes.object} {
+        pointer-events: none;
+        transition: rotate .4s ${easing.easeOut};
+    }
+`);

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

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

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./documentViewer"), exports);
+tslib_1.__exportStar(require("./pdfViewer"), exports);
+tslib_1.__exportStar(require("./svgViewer"), exports);
+tslib_1.__exportStar(require("./textViewer"), exports);

package/dist/cjs/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/cjs/extensions/documentViewer/pdfViewer.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PdfViewer = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const documentViewer_1 = require("./documentViewer");
+const skeleton_1 = require("../../components/skeleton");
+const documentViewer_style_1 = require("./documentViewer.style");
+exports.PdfViewer = (0, react_1.memo)(({ src, filename, onError, setDocumentTitle, ...props }) => {
+    (0, documentViewer_1.useDocumentTitle)({ filename, setDocumentTitle });
+    const { blob, loading } = (0, documentViewer_1.useBlob)({ src, onError });
+    const data = (0, react_1.useMemo)(() => {
+        if (blob) {
+            const file = new File([blob], filename || '', { type: 'application/pdf' });
+            return URL.createObjectURL(file);
+        }
+        return;
+    }, [blob]);
+    return loading
+        ? (0, jsx_runtime_1.jsx)("div", { style: { padding: 60 }, children: (0, jsx_runtime_1.jsx)(skeleton_1.SkeletonCard, {}) })
+        : (0, jsx_runtime_1.jsx)("iframe", { ...props, css: documentViewer_style_1.iframeStyle, src: data });
+});

package/dist/cjs/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/cjs/extensions/documentViewer/svgViewer.js

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

package/dist/cjs/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/cjs/extensions/documentViewer/textViewer.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextViewer = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const documentViewer_1 = require("./documentViewer");
+const skeleton_1 = require("../../components/skeleton");
+const utils_1 = require("../../utils");
+const textFormatter_1 = require("../textFormatter/textFormatter");
+exports.TextViewer = (0, react_1.memo)(({ src, filename, onError, setDocumentTitle, ...props }) => {
+    (0, documentViewer_1.useDocumentTitle)({ filename, setDocumentTitle });
+    const [text, setText] = (0, utils_1.useDerivedState)(void 0, [src]);
+    const [loading, getText] = (0, utils_1.useLoading)(async () => {
+        try {
+            const res = await fetch(src);
+            if (!res.ok) {
+                onError?.(res);
+                return;
+            }
+            setText(await res.text());
+        }
+        catch (e) {
+            onError?.(e);
+        }
+    }, true);
+    (0, react_1.useEffect)(() => {
+        src && getText();
+    }, [src]);
+    return loading
+        ? (0, jsx_runtime_1.jsx)("div", { style: { padding: 60 }, children: (0, jsx_runtime_1.jsx)(skeleton_1.SkeletonCard, {}) })
+        : (0, jsx_runtime_1.jsx)(textFormatter_1.TextFormatter, { text: text.current });
+});

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./textFormatter"), exports);

package/dist/cjs/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/cjs/extensions/textFormatter/textFormatter.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextFormatter = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const textFormatter_style_1 = require("./textFormatter.style");
+const utils_1 = require("../../utils");
+const markdown_it_1 = tslib_1.__importDefault(require("markdown-it"));
+const markdown_it_katex_1 = tslib_1.__importDefault(require("@traptitech/markdown-it-katex"));
+const markdown_it_link_attributes_1 = tslib_1.__importDefault(require("markdown-it-link-attributes"));
+const highlight_js_1 = tslib_1.__importDefault(require("highlight.js"));
+const md = new markdown_it_1.default({
+    linkify: true,
+    breaks: true,
+    highlight(str, lang) {
+        let content = str;
+        if (lang && highlight_js_1.default.getLanguage(lang)) {
+            try {
+                content = highlight_js_1.default.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(markdown_it_katex_1.default, { blockClass: 'katexmath-block rounded-md p-[10px]', errorColor: ' #cc0000' });
+md.use(markdown_it_link_attributes_1.default, { attrs: { target: '_blank', rel: 'noopener' } });
+exports.TextFormatter = (0, react_1.memo)((0, react_1.forwardRef)(({ text, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)("div", { ...props, ref: ref, css: textFormatter_style_1.style, className: (0, utils_1.classnames)(textFormatter_style_1.classes.root, props.className), dangerouslySetInnerHTML: typeof text === 'string' ? { __html: md.render(text) } : void 0 }));
+}));

package/dist/cjs/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/cjs/extensions/textFormatter/textFormatter.style.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = exports.classes = void 0;
+const react_1 = require("@emotion/react");
+const utils_1 = require("../../utils");
+exports.classes = (0, utils_1.defineClasses)('text-formatter');
+exports.style = (0, utils_1.defineCss)(({ spacing }) => (0, react_1.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/cjs/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/cjs/index.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./utils"), exports);
+tslib_1.__exportStar(require("./components/accordion"), exports);
+tslib_1.__exportStar(require("./components/actionSheet"), exports);
+tslib_1.__exportStar(require("./components/alert"), exports);
+tslib_1.__exportStar(require("./components/anchor"), exports);
+tslib_1.__exportStar(require("./components/app"), exports);
+tslib_1.__exportStar(require("./components/autocomplete"), exports);
+tslib_1.__exportStar(require("./components/avatar"), exports);
+tslib_1.__exportStar(require("./components/backdrop"), exports);
+tslib_1.__exportStar(require("./components/badge"), exports);
+tslib_1.__exportStar(require("./components/bottomNavigation"), exports);
+tslib_1.__exportStar(require("./components/boundary"), exports);
+tslib_1.__exportStar(require("./components/breadcrumb"), exports);
+tslib_1.__exportStar(require("./components/bubble"), exports);
+tslib_1.__exportStar(require("./components/bubbleConfirm"), exports);
+tslib_1.__exportStar(require("./components/button"), exports);
+tslib_1.__exportStar(require("./components/card"), exports);
+tslib_1.__exportStar(require("./components/cascade"), exports);
+tslib_1.__exportStar(require("./components/checkbox"), exports);
+tslib_1.__exportStar(require("./components/checkboxBase"), exports);
+tslib_1.__exportStar(require("./components/checkboxBaseGroup"), exports);
+tslib_1.__exportStar(require("./components/clickAway"), exports);
+tslib_1.__exportStar(require("./components/colorPicker"), exports);
+tslib_1.__exportStar(require("./components/contextMenu"), exports);
+tslib_1.__exportStar(require("./components/counter"), exports);
+tslib_1.__exportStar(require("./components/curd"), exports);
+tslib_1.__exportStar(require("./components/dataGrid"), exports);
+tslib_1.__exportStar(require("./components/dateTimePicker"), exports);
+tslib_1.__exportStar(require("./components/dateTimeRangePicker"), exports);
+tslib_1.__exportStar(require("./components/descriptions"), exports);
+tslib_1.__exportStar(require("./components/dialog"), exports);
+tslib_1.__exportStar(require("./components/divider"), exports);
+tslib_1.__exportStar(require("./components/draggable"), exports);
+tslib_1.__exportStar(require("./components/drawer"), exports);
+tslib_1.__exportStar(require("./components/dropdown"), exports);
+tslib_1.__exportStar(require("./components/flex"), exports);
+tslib_1.__exportStar(require("./components/form"), exports);
+tslib_1.__exportStar(require("./components/formDialog"), exports);
+tslib_1.__exportStar(require("./components/grid"), exports);
+tslib_1.__exportStar(require("./components/highlight"), exports);
+tslib_1.__exportStar(require("./components/image"), exports);
+tslib_1.__exportStar(require("./components/input"), exports);
+tslib_1.__exportStar(require("./components/inputBase"), exports);
+tslib_1.__exportStar(require("./components/loading"), exports);
+tslib_1.__exportStar(require("./components/loadingIndicator"), exports);
+tslib_1.__exportStar(require("./components/menu"), exports);
+tslib_1.__exportStar(require("./components/menuItem"), exports);
+tslib_1.__exportStar(require("./components/modal"), exports);
+tslib_1.__exportStar(require("./components/optionsBase"), exports);
+tslib_1.__exportStar(require("./components/overlayBase"), exports);
+tslib_1.__exportStar(require("./components/pagination"), exports);
+tslib_1.__exportStar(require("./components/palette"), exports);
+tslib_1.__exportStar(require("./components/pickerDialog"), exports);
+tslib_1.__exportStar(require("./components/placeholder"), exports);
+tslib_1.__exportStar(require("./components/popper"), exports);
+tslib_1.__exportStar(require("./components/progress"), exports);
+tslib_1.__exportStar(require("./components/radio"), exports);
+tslib_1.__exportStar(require("./components/rating"), exports);
+tslib_1.__exportStar(require("./components/resizable"), exports);
+tslib_1.__exportStar(require("./components/segmented"), exports);
+tslib_1.__exportStar(require("./components/select"), exports);
+tslib_1.__exportStar(require("./components/selectedList"), exports);
+tslib_1.__exportStar(require("./components/selectionContext"), exports);
+tslib_1.__exportStar(require("./components/skeleton"), exports);
+tslib_1.__exportStar(require("./components/slidableActions"), exports);
+tslib_1.__exportStar(require("./components/slider"), exports);
+tslib_1.__exportStar(require("./components/snackbarBase"), exports);
+tslib_1.__exportStar(require("./components/sortableItem"), exports);
+tslib_1.__exportStar(require("./components/status"), exports);
+tslib_1.__exportStar(require("./components/stepper"), exports);
+tslib_1.__exportStar(require("./components/switch"), exports);
+tslib_1.__exportStar(require("./components/table"), exports);
+tslib_1.__exportStar(require("./components/tabs"), exports);
+tslib_1.__exportStar(require("./components/tag"), exports);
+tslib_1.__exportStar(require("./components/textarea"), exports);
+tslib_1.__exportStar(require("./components/timeline"), exports);
+tslib_1.__exportStar(require("./components/toggleButton"), exports);
+tslib_1.__exportStar(require("./components/tooltip"), exports);
+tslib_1.__exportStar(require("./components/touchRipple"), exports);
+tslib_1.__exportStar(require("./components/transfer"), exports);
+tslib_1.__exportStar(require("./components/transitionBase"), exports);
+tslib_1.__exportStar(require("./components/transportStyle"), exports);
+tslib_1.__exportStar(require("./components/tree"), exports);
+tslib_1.__exportStar(require("./components/treeSelect"), exports);
+tslib_1.__exportStar(require("./components/typography"), exports);
+tslib_1.__exportStar(require("./components/upload"), exports);
+tslib_1.__exportStar(require("./components/waterfall"), exports);

package/dist/cjs/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/cjs/utils/bezier.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cubicBezier = cubicBezier;
+/**
+ * 创建一个Bezier曲线函数，默认从(0,0)到(1,1)
+ * @param p1x
+ * @param p1y
+ * @param p2x
+ * @param p2y
+ * @returns {(x: number) => number} 返回一个函数，接收x返回y
+ */
+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');
+    }
+};