@ioca/react 1.5.13 → 1.5.14

package/lib/cjs/components/scroll/scroll.js

@@ -0,0 +1,78 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var classNames = require('classnames');
+var react = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
+
+const Scroll = (props) => {
+    const { style, className, draggable, onScroll, children, ...restProps } = props;
+    const scrollRef = react.useRef(null);
+    const [dragging, setDragging] = react.useState(false);
+    const dragState = react.useRef({ down: false, startX: 0, scrollLeft: 0 });
+    react.useEffect(() => {
+        const el = scrollRef.current;
+        if (!el)
+            return;
+        const onWheel = (e) => {
+            const canScroll = el.scrollWidth > el.clientWidth + 1;
+            if (!canScroll)
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            const delta = Math.abs(e.deltaX) > Math.abs(e.deltaY)
+                ? e.deltaX
+                : e.deltaY;
+            el.scrollLeft += delta;
+        };
+        const opts = {
+            passive: false,
+            capture: true,
+        };
+        el.addEventListener("wheel", onWheel, opts);
+        return () => el.removeEventListener("wheel", onWheel, opts);
+    }, []);
+    react.useEffect(() => {
+        if (!draggable)
+            return;
+        const handleMouseMove = (e) => {
+            if (!dragState.current.down || !scrollRef.current)
+                return;
+            const x = e.clientX - dragState.current.startX;
+            scrollRef.current.scrollLeft =
+                dragState.current.scrollLeft - x;
+        };
+        const handleMouseUp = () => {
+            dragState.current.down = false;
+            setDragging(false);
+        };
+        document.addEventListener("mousemove", handleMouseMove);
+        document.addEventListener("mouseup", handleMouseUp);
+        return () => {
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", handleMouseUp);
+        };
+    }, [draggable]);
+    const handleMouseDown = (e) => {
+        if (!draggable || !scrollRef.current)
+            return;
+        setDragging(true);
+        dragState.current = {
+            down: true,
+            startX: e.clientX,
+            scrollLeft: scrollRef.current.scrollLeft,
+        };
+    };
+    return (jsxRuntime.jsx("div", { ref: scrollRef, className: classNames__default("i-scroll", className, {
+            "i-scroll-draggable": draggable,
+            "i-scroll-dragging": dragging,
+        }), style: style, onScroll: onScroll, onMouseDown: handleMouseDown, ...restProps, children: children }));
+};
+
+exports.default = Scroll;
+//# sourceMappingURL=scroll.js.map

package/lib/cjs/components/scroll/scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.js","sources":["../../../../packages/components/scroll/scroll.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef, useState } from \"react\";\nimport \"./index.css\";\nimport { IScroll } from \"./type\";\n\nconst Scroll = (props: IScroll) => {\n\tconst { style, className, draggable, onScroll, children, ...restProps } =\n\t\tprops;\n\tconst scrollRef = useRef<HTMLDivElement>(null);\n\tconst [dragging, setDragging] = useState(false);\n\tconst dragState = useRef({ down: false, startX: 0, scrollLeft: 0 });\n\n\tuseEffect(() => {\n\t\tconst el = scrollRef.current;\n\t\tif (!el) return;\n\n\t\tconst onWheel = (e: WheelEvent) => {\n\t\t\tconst canScroll = el.scrollWidth > el.clientWidth + 1;\n\t\t\tif (!canScroll) return;\n\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\n\t\t\tconst delta =\n\t\t\t\tMath.abs(e.deltaX) > Math.abs(e.deltaY)\n\t\t\t\t\t? e.deltaX\n\t\t\t\t\t: e.deltaY;\n\t\t\tel.scrollLeft += delta;\n\t\t};\n\n\t\tconst opts: AddEventListenerOptions = {\n\t\t\tpassive: false,\n\t\t\tcapture: true,\n\t\t};\n\t\tel.addEventListener(\"wheel\", onWheel, opts);\n\t\treturn () => el.removeEventListener(\"wheel\", onWheel, opts);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (!draggable) return;\n\n\t\tconst handleMouseMove = (e: MouseEvent) => {\n\t\t\tif (!dragState.current.down || !scrollRef.current) return;\n\t\t\tconst x = e.clientX - dragState.current.startX;\n\t\t\tscrollRef.current.scrollLeft =\n\t\t\t\tdragState.current.scrollLeft - x;\n\t\t};\n\n\t\tconst handleMouseUp = () => {\n\t\t\tdragState.current.down = false;\n\t\t\tsetDragging(false);\n\t\t};\n\n\t\tdocument.addEventListener(\"mousemove\", handleMouseMove);\n\t\tdocument.addEventListener(\"mouseup\", handleMouseUp);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"mousemove\", handleMouseMove);\n\t\t\tdocument.removeEventListener(\"mouseup\", handleMouseUp);\n\t\t};\n\t}, [draggable]);\n\n\tconst handleMouseDown = (e: React.MouseEvent) => {\n\t\tif (!draggable || !scrollRef.current) return;\n\t\tsetDragging(true);\n\t\tdragState.current = {\n\t\t\tdown: true,\n\t\t\tstartX: e.clientX,\n\t\t\tscrollLeft: scrollRef.current.scrollLeft,\n\t\t};\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={scrollRef}\n\t\t\tclassName={classNames(\"i-scroll\", className, {\n\t\t\t\t\"i-scroll-draggable\": draggable,\n\t\t\t\t\"i-scroll-dragging\": dragging,\n\t\t\t})}\n\t\t\tstyle={style}\n\t\t\tonScroll={onScroll}\n\t\t\tonMouseDown={handleMouseDown}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default Scroll;\n"],"names":["useRef","useState","useEffect","_jsx","classNames"],"mappings":";;;;;;;;;;;;AAKA,MAAM,MAAM,GAAG,CAAC,KAAc,KAAI;AACjC,IAAA,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GACtE,KAAK;AACN,IAAA,MAAM,SAAS,GAAGA,YAAM,CAAiB,IAAI,CAAC;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;AAC/C,IAAA,MAAM,SAAS,GAAGD,YAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC;IAEnEE,eAAS,CAAC,MAAK;AACd,QAAA,MAAM,EAAE,GAAG,SAAS,CAAC,OAAO;AAC5B,QAAA,IAAI,CAAC,EAAE;YAAE;AAET,QAAA,MAAM,OAAO,GAAG,CAAC,CAAa,KAAI;YACjC,MAAM,SAAS,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW,GAAG,CAAC;AACrD,YAAA,IAAI,CAAC,SAAS;gBAAE;YAEhB,CAAC,CAAC,cAAc,EAAE;YAClB,CAAC,CAAC,eAAe,EAAE;AAEnB,YAAA,MAAM,KAAK,GACV,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;kBACnC,CAAC,CAAC;AACJ,kBAAE,CAAC,CAAC,MAAM;AACZ,YAAA,EAAE,CAAC,UAAU,IAAI,KAAK;AACvB,QAAA,CAAC;AAED,QAAA,MAAM,IAAI,GAA4B;AACrC,YAAA,OAAO,EAAE,KAAK;AACd,YAAA,OAAO,EAAE,IAAI;SACb;QACD,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC;AAC3C,QAAA,OAAO,MAAM,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC;IAC5D,CAAC,EAAE,EAAE,CAAC;IAENA,eAAS,CAAC,MAAK;AACd,QAAA,IAAI,CAAC,SAAS;YAAE;AAEhB,QAAA,MAAM,eAAe,GAAG,CAAC,CAAa,KAAI;YACzC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO;gBAAE;YACnD,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM;YAC9C,SAAS,CAAC,OAAO,CAAC,UAAU;AAC3B,gBAAA,SAAS,CAAC,OAAO,CAAC,UAAU,GAAG,CAAC;AAClC,QAAA,CAAC;QAED,MAAM,aAAa,GAAG,MAAK;AAC1B,YAAA,SAAS,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK;YAC9B,WAAW,CAAC,KAAK,CAAC;AACnB,QAAA,CAAC;AAED,QAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC;AACvD,QAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC;AACnD,QAAA,OAAO,MAAK;AACX,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC;AAC1D,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC;AACvD,QAAA,CAAC;AACF,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAM,eAAe,GAAG,CAAC,CAAmB,KAAI;AAC/C,QAAA,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE;QACtC,WAAW,CAAC,IAAI,CAAC;QACjB,SAAS,CAAC,OAAO,GAAG;AACnB,YAAA,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,CAAC,CAAC,OAAO;AACjB,YAAA,UAAU,EAAE,SAAS,CAAC,OAAO,CAAC,UAAU;SACxC;AACF,IAAA,CAAC;AAED,IAAA,QACCC,cAAA,CAAA,KAAA,EAAA,EACC,GAAG,EAAE,SAAS,EACd,SAAS,EAAEC,mBAAU,CAAC,UAAU,EAAE,SAAS,EAAE;AAC5C,YAAA,oBAAoB,EAAE,SAAS;AAC/B,YAAA,mBAAmB,EAAE,QAAQ;AAC7B,SAAA,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,EAAA,GACxB,SAAS,YAEZ,QAAQ,EAAA,CACJ;AAER;;;;"}

package/lib/cjs/components/upload/upload.js

@@ -7,8 +7,8 @@ var material = require('@ricons/material');
 var classNames = require('classnames');
 var radash = require('radash');
 var react = require('react');
-var SortableContainer = require('react-easy-sort');
 var reactDom = require('react-dom');
+var SortableContainer = require('react-easy-sort');
 var index = require('../../js/usePreview/index.js');
 var utils = require('../../js/utils.js');
 var button = require('../button/button.js');
@@ -41,7 +41,7 @@ const normalizeFiles = (files) => (files ?? []).map((item) => {
     };
 });
 const Upload = (props) => {
-    const { label, labelInline, value, files, placeholder, status = "normal", message, className, style, children, droppable, dropbox: dropbox$1, getDropboxContainer, defaultButtonProps, mode = "default", cardSize = "3.2em", disabled, sortable, limit = props.multiple ? Infinity : 1, multiple, renderItem, shouldUpload = () => true, uploader, onChange, onFilesChange, onUpload, onRemove, ...restProps } = props;
+    const { label, labelInline, value, files, placeholder, status = "normal", message, icon: icon$1 = jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.DriveFolderUploadOutlined, {}) }), className, style, children, droppable, dropbox: dropbox$1, getDropboxContainer, defaultButtonProps, mode = "default", cardSize = "3.2em", disabled, sortable, limit = props.multiple ? Infinity : 1, multiple, renderItem, shouldUpload = () => true, uploader, onChange, onFilesChange, onUpload, onRemove, ...restProps } = props;
     const [internalFileList, setInternalFileList] = react.useState([]);
     const isControlled = react.useMemo(() => value !== undefined || files !== undefined, [value, files]);
     const fileList = isControlled
@@ -51,7 +51,7 @@ const Upload = (props) => {
     const inputRef = react.useRef(null);
     const preview = index.default();
     const defBtnProps = react.useMemo(() => ({
-        children: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.DriveFolderUploadOutlined, {}) }), " \u4E0A\u4F20"] })),
+        children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon$1, " \u4E0A\u4F20"] }),
         ...defaultButtonProps,
     }), [defaultButtonProps]);
     const trigger = react.useMemo(() => {
@@ -59,11 +59,11 @@ const Upload = (props) => {
             return children;
         switch (mode) {
             case "card":
-                return (jsxRuntime.jsx(button.default, { className: "i-upload-card-btn color-5", square: true, flat: true, outline: true, disabled: disabled, children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.PlusSharp, {}) }) }));
+                return (jsxRuntime.jsx(button.default, { className: "i-upload-card-btn color-5", square: true, flat: true, outline: true, disabled: disabled, children: icon$1 }));
             default:
                 return (jsxRuntime.jsx(button.default, { ...defBtnProps, className: classNames__default("i-upload-btn", defBtnProps.className), disabled: disabled }));
         }
-    }, [mode, children, disabled, defBtnProps]);
+    }, [mode, children, disabled, defBtnProps, icon$1]);
     const handleUpload = react.useCallback(async (files) => {
         if (!uploader)
             return;

package/lib/cjs/components/upload/upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload.js","sources":["../../../../packages/components/upload/upload.tsx"],"sourcesContent":["import { DriveFolderUploadOutlined, PlusSharp } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { uid } from \"radash\";\nimport {\n    ChangeEvent,\n    CSSProperties,\n    useCallback,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport { SortableItem } from \"react-easy-sort\";\nimport { createPortal } from \"react-dom\";\nimport usePreview from \"../../js/usePreview\";\nimport { TPreviewItem } from \"../../js/usePreview/type\";\nimport { arrayMove } from \"../../js/utils\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\nimport InputContainer from \"../input/container\";\nimport Dropbox from \"./dropbox\";\nimport \"./index.css\";\nimport FileListItem, { ListContainer } from \"./renderFile\";\nimport { IFile, IUpload } from \"./type\";\n\nconst normalizeFiles = (files?: IFile[] | File[]) =>\n    (files ?? []).map((item) => {\n        const file = item as IFile;\n        if (item instanceof File) {\n            const src = file.src ?? URL.createObjectURL(item);\n            Object.assign(item, {\n                id: file.id ?? uid(7),\n                src,\n                url: file.url ?? src,\n            });\n            return item;\n        }\n        const src = file.src ?? file.name;\n        return {\n            ...(file as object),\n            id: file.id ?? uid(7),\n            src,\n            url: file.url ?? src,\n        } as IFile;\n    });\n\nconst Upload = (props: IUpload) => {\n    const {\n        label,\n        labelInline,\n        value,\n        files,\n        placeholder,\n        status = \"normal\",\n        message,\n        className,\n        style,\n        children,\n        droppable,\n        dropbox,\n        getDropboxContainer,\n        defaultButtonProps,\n        mode = \"default\",\n        cardSize = \"3.2em\",\n        disabled,\n        sortable,\n        limit = props.multiple ? Infinity : 1,\n        multiple,\n        renderItem,\n        shouldUpload = () => true,\n        uploader,\n        onChange,\n        onFilesChange,\n        onUpload,\n        onRemove,\n        ...restProps\n    } = props;\n\n    const [internalFileList, setInternalFileList] = useState<IFile[]>([]);\n    const isControlled = useMemo(\n        () => value !== undefined || files !== undefined,\n        [value, files],\n    );\n    const fileList = isControlled\n        ? normalizeFiles(value ?? files ?? [])\n        : internalFileList;\n\n    const uploadMessage = message;\n    const inputRef = useRef<HTMLInputElement>(null);\n    const preview = usePreview();\n    const defBtnProps = useMemo(\n        () => ({\n            children: (\n                <>\n                    <Icon icon={<DriveFolderUploadOutlined />} /> 上传\n                </>\n            ),\n            ...defaultButtonProps,\n        }),\n        [defaultButtonProps],\n    );\n\n    const trigger = useMemo(() => {\n        if (children) return children;\n\n        switch (mode) {\n            case \"card\":\n                return (\n                    <Button\n                        className=\"i-upload-card-btn color-5\"\n                        square\n                        flat\n                        outline\n                        disabled={disabled}\n                    >\n                        <Icon icon={<PlusSharp />} />\n                    </Button>\n                );\n            default:\n                return (\n                    <Button\n                        {...defBtnProps}\n                        className={classNames(\n                            \"i-upload-btn\",\n                            defBtnProps.className,\n                        )}\n                        disabled={disabled}\n                    />\n                );\n        }\n    }, [mode, children, disabled, defBtnProps]);\n\n    const handleUpload = useCallback(\n        async (files: IFile[]) => {\n            if (!uploader) return;\n\n            const shouldUploadFiles = files.filter(shouldUpload);\n            const result = await Promise.all(shouldUploadFiles.map(uploader));\n\n            return onUpload?.(result);\n        },\n        [uploader, shouldUpload, onUpload],\n    );\n\n    const processFiles = useCallback(\n        (inputFiles: IFile[]) => {\n            const before = fileList;\n            const changed: IFile[] = [];\n\n            inputFiles.forEach((file) => {\n                const { id, name, size, type } = file;\n                const same = before.some(\n                    (pf) =>\n                        pf.name === name &&\n                        pf.size === size &&\n                        pf.type === type,\n                );\n                const src = URL.createObjectURL(file);\n\n                Object.assign(file, {\n                    id: id ?? uid(7),\n                    src: src ?? file.name,\n                    url: src ?? file.name,\n                });\n                if (!same) changed.push(file);\n            });\n\n            const after = [...before, ...changed];\n            const last = after.at(-1);\n            const nextFiles: IFile[] = multiple\n                ? (after.slice(0, limit) as IFile[])\n                : last\n                  ? [last as IFile]\n                  : [];\n\n            return { nextFiles, changed };\n        },\n        [fileList, multiple, limit],\n    );\n\n    const applyFiles = useCallback(\n        (\n            nextFiles: IFile[],\n            changed: IFile[],\n            e?: ChangeEvent<HTMLInputElement>,\n        ) => {\n            if (!isControlled) setInternalFileList(nextFiles as IFile[]);\n            onFilesChange?.(nextFiles as IFile[], changed as IFile[], e);\n            onChange?.(nextFiles, e);\n            handleUpload(changed);\n        },\n        [isControlled, onFilesChange, onChange, handleUpload],\n    );\n\n    const handleChange = useCallback(\n        (e: ChangeEvent<HTMLInputElement>) => {\n            const inputFiles = Array.from(e.target.files || []) as IFile[];\n            const { nextFiles, changed } = processFiles(inputFiles);\n\n            applyFiles(nextFiles, changed, e);\n            if (inputRef.current) inputRef.current.value = \"\";\n        },\n        [processFiles, applyFiles],\n    );\n\n    const handleDropFiles = useCallback(\n        (files: File[]) => {\n            const { nextFiles, changed } = processFiles(files as IFile[]);\n            applyFiles(nextFiles, changed);\n        },\n        [processFiles, applyFiles],\n    );\n\n    const handleRemove = useCallback(\n        (i: number) => {\n            const files = [...fileList];\n            const changed = files.splice(i, 1);\n            URL.revokeObjectURL((changed[0] as IFile)?.src || \"\");\n\n            if (!isControlled) setInternalFileList(files as IFile[]);\n            onFilesChange?.(files as IFile[], changed as IFile[]);\n            onChange?.(files);\n            onRemove?.(changed[0] as IFile);\n\n            if (inputRef.current) inputRef.current.value = \"\";\n        },\n        [fileList, isControlled, onFilesChange, onChange, onRemove],\n    );\n\n    const handlePreview = useCallback(\n        (i: number) => {\n            preview({\n                items: fileList as unknown as TPreviewItem[],\n                initial: i,\n            });\n        },\n        [fileList, preview],\n    );\n\n    const handleSortEnd = useCallback(\n        (before: number, after: number) => {\n            const files = [...fileList];\n            const nextFiles = arrayMove(files, before, after);\n            if (!isControlled) setInternalFileList(nextFiles);\n            onFilesChange?.(nextFiles, []);\n            onChange?.(nextFiles);\n        },\n        [fileList, isControlled, onFilesChange, onChange],\n    );\n\n    return (\n        <InputContainer\n            as=\"div\"\n            label={label}\n            labelInline={labelInline}\n            className={classNames(\"i-input-label-file\", className)}\n            style={style}\n        >\n            <div\n                className={classNames(\"i-upload-inner\", {\n                    [`i-upload-${mode}`]: mode !== \"default\",\n                })}\n                style={{ [\"--upload-card-size\"]: cardSize } as CSSProperties}\n            >\n                <ListContainer sortable={sortable} onSortEnd={handleSortEnd}>\n                    {fileList.map((file, i) => {\n                        const f = file as IFile;\n                        const key = f.id ?? i;\n                        const node = (\n                            <FileListItem\n                                key={key}\n                                index={i}\n                                file={f}\n                                mode={mode}\n                                renderItem={renderItem}\n                                onRemove={handleRemove}\n                                onPreview={handlePreview}\n                            />\n                        );\n\n                        if (!sortable) return node;\n\n                        return <SortableItem key={key}>{node}</SortableItem>;\n                    })}\n                </ListContainer>\n\n                {uploadMessage && (\n                    <span className=\"i-upload-message\">{uploadMessage}</span>\n                )}\n\n                {fileList.length < limit &&\n                    (droppable ? (\n                        (() => {\n                            const node = (\n                                <Dropbox\n                                    multiple={multiple}\n                                    accept={restProps.accept}\n                                    disabled={disabled}\n                                    onChange={handleChange}\n                                    onDropFiles={handleDropFiles}\n                                >\n                                    {dropbox}\n                                </Dropbox>\n                            );\n                            return getDropboxContainer\n                                ? createPortal(node, getDropboxContainer())\n                                : node;\n                        })()\n                    ) : (\n                        <label>\n                            <input\n                                {...restProps}\n                                disabled={disabled}\n                                ref={inputRef}\n                                type=\"file\"\n                                className=\"i-input-file-hidden\"\n                                multiple={multiple}\n                                onChange={handleChange}\n                            />\n                            {trigger}\n                        </label>\n                    ))}\n            </div>\n        </InputContainer>\n    );\n};\n\nexport default Upload;\n"],"names":["uid","dropbox","useState","useMemo","useRef","usePreview","_jsxs","_Fragment","_jsx","Icon","DriveFolderUploadOutlined","Button","PlusSharp","classNames","useCallback","arrayMove","InputContainer","ListContainer","FileListItem","SortableItem","Dropbox","createPortal"],"mappings":"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"}
+{"version":3,"file":"upload.js","sources":["../../../../packages/components/upload/upload.tsx"],"sourcesContent":["import { DriveFolderUploadOutlined } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { uid } from \"radash\";\nimport {\n    ChangeEvent,\n    CSSProperties,\n    useCallback,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { SortableItem } from \"react-easy-sort\";\nimport usePreview from \"../../js/usePreview\";\nimport { TPreviewItem } from \"../../js/usePreview/type\";\nimport { arrayMove } from \"../../js/utils\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\nimport InputContainer from \"../input/container\";\nimport Dropbox from \"./dropbox\";\nimport \"./index.css\";\nimport FileListItem, { ListContainer } from \"./renderFile\";\nimport { IFile, IUpload } from \"./type\";\n\nconst normalizeFiles = (files?: IFile[] | File[]) =>\n    (files ?? []).map((item) => {\n        const file = item as IFile;\n        if (item instanceof File) {\n            const src = file.src ?? URL.createObjectURL(item);\n            Object.assign(item, {\n                id: file.id ?? uid(7),\n                src,\n                url: file.url ?? src,\n            });\n            return item;\n        }\n        const src = file.src ?? file.name;\n        return {\n            ...(file as object),\n            id: file.id ?? uid(7),\n            src,\n            url: file.url ?? src,\n        } as IFile;\n    });\n\nconst Upload = (props: IUpload) => {\n    const {\n        label,\n        labelInline,\n        value,\n        files,\n        placeholder,\n        status = \"normal\",\n        message,\n        icon = <Icon icon={<DriveFolderUploadOutlined />} />,\n        className,\n        style,\n        children,\n        droppable,\n        dropbox,\n        getDropboxContainer,\n        defaultButtonProps,\n        mode = \"default\",\n        cardSize = \"3.2em\",\n        disabled,\n        sortable,\n        limit = props.multiple ? Infinity : 1,\n        multiple,\n        renderItem,\n        shouldUpload = () => true,\n        uploader,\n        onChange,\n        onFilesChange,\n        onUpload,\n        onRemove,\n        ...restProps\n    } = props;\n\n    const [internalFileList, setInternalFileList] = useState<IFile[]>([]);\n    const isControlled = useMemo(\n        () => value !== undefined || files !== undefined,\n        [value, files],\n    );\n    const fileList = isControlled\n        ? normalizeFiles(value ?? files ?? [])\n        : internalFileList;\n\n    const uploadMessage = message;\n    const inputRef = useRef<HTMLInputElement>(null);\n    const preview = usePreview();\n    const defBtnProps = useMemo(\n        () => ({\n            children: <>{icon} 上传</>,\n            ...defaultButtonProps,\n        }),\n        [defaultButtonProps],\n    );\n\n    const trigger = useMemo(() => {\n        if (children) return children;\n\n        switch (mode) {\n            case \"card\":\n                return (\n                    <Button\n                        className=\"i-upload-card-btn color-5\"\n                        square\n                        flat\n                        outline\n                        disabled={disabled}\n                    >\n                        {icon}\n                    </Button>\n                );\n            default:\n                return (\n                    <Button\n                        {...defBtnProps}\n                        className={classNames(\n                            \"i-upload-btn\",\n                            defBtnProps.className,\n                        )}\n                        disabled={disabled}\n                    />\n                );\n        }\n    }, [mode, children, disabled, defBtnProps, icon]);\n\n    const handleUpload = useCallback(\n        async (files: IFile[]) => {\n            if (!uploader) return;\n\n            const shouldUploadFiles = files.filter(shouldUpload);\n            const result = await Promise.all(shouldUploadFiles.map(uploader));\n\n            return onUpload?.(result);\n        },\n        [uploader, shouldUpload, onUpload],\n    );\n\n    const processFiles = useCallback(\n        (inputFiles: IFile[]) => {\n            const before = fileList;\n            const changed: IFile[] = [];\n\n            inputFiles.forEach((file) => {\n                const { id, name, size, type } = file;\n                const same = before.some(\n                    (pf) =>\n                        pf.name === name &&\n                        pf.size === size &&\n                        pf.type === type,\n                );\n                const src = URL.createObjectURL(file);\n\n                Object.assign(file, {\n                    id: id ?? uid(7),\n                    src: src ?? file.name,\n                    url: src ?? file.name,\n                });\n                if (!same) changed.push(file);\n            });\n\n            const after = [...before, ...changed];\n            const last = after.at(-1);\n            const nextFiles: IFile[] = multiple\n                ? (after.slice(0, limit) as IFile[])\n                : last\n                  ? [last as IFile]\n                  : [];\n\n            return { nextFiles, changed };\n        },\n        [fileList, multiple, limit],\n    );\n\n    const applyFiles = useCallback(\n        (\n            nextFiles: IFile[],\n            changed: IFile[],\n            e?: ChangeEvent<HTMLInputElement>,\n        ) => {\n            if (!isControlled) setInternalFileList(nextFiles as IFile[]);\n            onFilesChange?.(nextFiles as IFile[], changed as IFile[], e);\n            onChange?.(nextFiles, e);\n            handleUpload(changed);\n        },\n        [isControlled, onFilesChange, onChange, handleUpload],\n    );\n\n    const handleChange = useCallback(\n        (e: ChangeEvent<HTMLInputElement>) => {\n            const inputFiles = Array.from(e.target.files || []) as IFile[];\n            const { nextFiles, changed } = processFiles(inputFiles);\n\n            applyFiles(nextFiles, changed, e);\n            if (inputRef.current) inputRef.current.value = \"\";\n        },\n        [processFiles, applyFiles],\n    );\n\n    const handleDropFiles = useCallback(\n        (files: File[]) => {\n            const { nextFiles, changed } = processFiles(files as IFile[]);\n            applyFiles(nextFiles, changed);\n        },\n        [processFiles, applyFiles],\n    );\n\n    const handleRemove = useCallback(\n        (i: number) => {\n            const files = [...fileList];\n            const changed = files.splice(i, 1);\n            URL.revokeObjectURL((changed[0] as IFile)?.src || \"\");\n\n            if (!isControlled) setInternalFileList(files as IFile[]);\n            onFilesChange?.(files as IFile[], changed as IFile[]);\n            onChange?.(files);\n            onRemove?.(changed[0] as IFile);\n\n            if (inputRef.current) inputRef.current.value = \"\";\n        },\n        [fileList, isControlled, onFilesChange, onChange, onRemove],\n    );\n\n    const handlePreview = useCallback(\n        (i: number) => {\n            preview({\n                items: fileList as unknown as TPreviewItem[],\n                initial: i,\n            });\n        },\n        [fileList, preview],\n    );\n\n    const handleSortEnd = useCallback(\n        (before: number, after: number) => {\n            const files = [...fileList];\n            const nextFiles = arrayMove(files, before, after);\n            if (!isControlled) setInternalFileList(nextFiles);\n            onFilesChange?.(nextFiles, []);\n            onChange?.(nextFiles);\n        },\n        [fileList, isControlled, onFilesChange, onChange],\n    );\n\n    return (\n        <InputContainer\n            as=\"div\"\n            label={label}\n            labelInline={labelInline}\n            className={classNames(\"i-input-label-file\", className)}\n            style={style}\n        >\n            <div\n                className={classNames(\"i-upload-inner\", {\n                    [`i-upload-${mode}`]: mode !== \"default\",\n                })}\n                style={{ [\"--upload-card-size\"]: cardSize } as CSSProperties}\n            >\n                <ListContainer sortable={sortable} onSortEnd={handleSortEnd}>\n                    {fileList.map((file, i) => {\n                        const f = file as IFile;\n                        const key = f.id ?? i;\n                        const node = (\n                            <FileListItem\n                                key={key}\n                                index={i}\n                                file={f}\n                                mode={mode}\n                                renderItem={renderItem}\n                                onRemove={handleRemove}\n                                onPreview={handlePreview}\n                            />\n                        );\n\n                        if (!sortable) return node;\n\n                        return <SortableItem key={key}>{node}</SortableItem>;\n                    })}\n                </ListContainer>\n\n                {uploadMessage && (\n                    <span className=\"i-upload-message\">{uploadMessage}</span>\n                )}\n\n                {fileList.length < limit &&\n                    (droppable ? (\n                        (() => {\n                            const node = (\n                                <Dropbox\n                                    multiple={multiple}\n                                    accept={restProps.accept}\n                                    disabled={disabled}\n                                    onChange={handleChange}\n                                    onDropFiles={handleDropFiles}\n                                >\n                                    {dropbox}\n                                </Dropbox>\n                            );\n                            return getDropboxContainer\n                                ? createPortal(node, getDropboxContainer())\n                                : node;\n                        })()\n                    ) : (\n                        <label>\n                            <input\n                                {...restProps}\n                                disabled={disabled}\n                                ref={inputRef}\n                                type=\"file\"\n                                className=\"i-input-file-hidden\"\n                                multiple={multiple}\n                                onChange={handleChange}\n                            />\n                            {trigger}\n                        </label>\n                    ))}\n            </div>\n        </InputContainer>\n    );\n};\n\nexport default Upload;\n"],"names":["uid","icon","_jsx","Icon","DriveFolderUploadOutlined","dropbox","useState","useMemo","useRef","usePreview","_jsxs","_Fragment","Button","classNames","useCallback","arrayMove","InputContainer","ListContainer","FileListItem","SortableItem","Dropbox","createPortal"],"mappings":"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"}

package/lib/cjs/index.js

@@ -30,6 +30,7 @@ var progress = require('./components/progress/progress.js');
 var radio = require('./components/radio/radio.js');
 var resizable = require('./components/resizable/resizable.js');
 var river = require('./components/river/river.js');
+var scroll = require('./components/scroll/scroll.js');
 var select = require('./components/select/select.js');
 var step = require('./components/step/step.js');
 var swiper = require('./components/swiper/swiper.js');
@@ -74,6 +75,7 @@ exports.Progress = progress.default;
 exports.Radio = radio.default;
 exports.Resizable = resizable.default;
 exports.River = river.default;
+exports.Scroll = scroll.default;
 exports.Select = select.default;
 exports.Step = step.default;
 exports.Swiper = swiper.default;

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}