@aozi6666/bee-design 0.1.0 → 0.2.2

package/build/components/Icon/icon.types.d.ts

@@ -1,6 +0,0 @@
-import type { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
-export type ThemeProps = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'light' | 'dark';
-export interface IconProps extends FontAwesomeIconProps {
-    /** 支持框架主题，根据主题显示不同的颜色 */
-    theme?: ThemeProps;
-}

package/build/components/Icon/icon.types.js

@@ -1,2 +0,0 @@
-// Icon 组件的类型定义拆分到单独文件
-export {};

package/build/components/Icon/index.d.ts

@@ -1,2 +0,0 @@
-import Icon from './icon';
-export default Icon;

package/build/components/Icon/index.js

@@ -1,2 +0,0 @@
-import Icon from './icon';
-export default Icon;

package/build/components/Input/index.d.ts

@@ -1,4 +0,0 @@
-import Input from './input';
-export default Input;
-export { Input } from './input';
-export type * from './input.types';

package/build/components/Input/index.js

@@ -1,3 +0,0 @@
-import Input from './input';
-export default Input;
-export { Input } from './input';

package/build/components/Input/input.d.ts

@@ -1,5 +0,0 @@
-import type { FC } from 'react';
-import type { InputProps } from './input.types';
-export type { InputProps, InputSize } from './input.types';
-export declare const Input: FC<InputProps>;
-export default Input;

package/build/components/Input/input.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import classNames from 'classnames';
-import Icon from '../Icon/icon';
-export const Input = (props) => {
-    const { disabled, size, icon, prepend, append, style, onChange, ...restProps } = props;
-    const classes = useMemo(() => classNames('viking-input-wrapper', {
-        [`input-size-${size}`]: size,
-        'input-group': prepend || append,
-        'input-group-prepend': !!prepend,
-        'input-group-append': !!append,
-    }), [append, prepend, size]);
-    const inputClasses = classNames('viking-input-inner', {
-        'is-disabled': disabled,
-    });
-    const handleChange = (e) => {
-        if (onChange)
-            onChange(e);
-    };
-    const renderPrepend = () => {
-        if (!prepend)
-            return null;
-        return _jsx("div", { className: "viking-input-group-prepend", children: prepend });
-    };
-    const renderAppend = () => {
-        if (!append && !icon)
-            return null;
-        return (_jsxs("div", { className: "viking-input-group-append", children: [append, icon ? (_jsx("div", { className: "icon-wrapper", children: _jsx(Icon, { icon: icon }) })) : null] }));
-    };
-    return (_jsxs("div", { className: classes, style: style, children: [renderPrepend(), _jsx("input", { className: inputClasses, disabled: disabled, onChange: handleChange, ...restProps }), renderAppend()] }));
-};
-export default Input;

package/build/components/Input/input.types.js

@@ -1 +0,0 @@
-export {};

package/build/components/Menu/index.js

@@ -1,9 +0,0 @@
-import Menu, {} from './menu';
-import SubMenu, {} from './subMenu';
-import MenuItem, {} from './menuItem';
-// Menu 做类型转换
-const TransMenu = Menu;
-// 把子组件挂到 Menu 上
-TransMenu.Item = MenuItem;
-TransMenu.SubMenu = SubMenu;
-export default TransMenu;

package/build/components/Menu/menu.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState, createContext } from 'react';
-import classNames from 'classnames';
-export const MenuContext = createContext({ index: '0' });
-/**
- * 为网站提供导航功能的菜单。支持横向纵向两种模式，支持下拉菜单。
- *
- * ```javascript
- * import { Menu } from 'vikingship'
- *
- * //然后可以使用 Menu.Item 和 Menu.Submenu 访问选项和子下拉菜单组件
- * ```
- */
-export const Menu = ({ className, mode = 'horizontal', style, children, defaultIndex = '0', onSelect, defaultOpenSubMenus = [], }) => {
-    const [currentActive, setActive] = useState(defaultIndex);
-    const classes = classNames('viking-menu', className, {
-        'menu-vertical': mode === 'vertical',
-        'menu-horizontal': mode !== 'vertical',
-    });
-    const handleClick = (index) => {
-        setActive(index);
-        if (onSelect) {
-            onSelect(index);
-        }
-    };
-    const passedContext = {
-        index: currentActive ? currentActive : '0',
-        onSelect: handleClick,
-        mode,
-        defaultOpenSubMenus,
-    };
-    const renderChildren = () => {
-        return React.Children.map(children, (child, index) => {
-            const childElement = child;
-            const { displayName } = childElement.type;
-            if (displayName === 'MenuItem' || displayName === 'SubMenu') {
-                return React.cloneElement(childElement, {
-                    index: index.toString()
-                });
-            }
-            else {
-                console.error("Warning: Menu has a child which is not a MenuItem component");
-            }
-        });
-    };
-    return (_jsx("ul", { className: classes, style: style, "data-testid": "test-menu", children: _jsx(MenuContext.Provider, { value: passedContext, children: renderChildren() }) }));
-};
-export default Menu;

package/build/components/Menu/menuItem.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { MenuContext } from './menu';
-export const MenuItem = (props) => {
-    const { index, disabled, className, style, children } = props;
-    const context = useContext(MenuContext);
-    const classes = classNames('menu-item', className, {
-        'is-disabled': disabled,
-        'is-active': context.index === index
-    });
-    const handleClick = () => {
-        if (context.onSelect && !disabled && (typeof index === 'string')) {
-            context.onSelect(index);
-        }
-    };
-    return (_jsx("li", { className: classes, style: style, onClick: handleClick, children: children }));
-};
-MenuItem.displayName = 'MenuItem';
-export default MenuItem;

package/build/components/Menu/subMenu.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useContext, useState } from 'react';
-import classNames from 'classnames';
-import { MenuContext } from './menu';
-import Icon from '../Icon/icon';
-import Transition from '../Transition/transition';
-export const SubMenu = ({ index, title, children, className }) => {
-    const context = useContext(MenuContext);
-    const openedSubMenus = context.defaultOpenSubMenus;
-    const isOpend = (index && context.mode === 'vertical') ? openedSubMenus.includes(index) : false;
-    const [menuOpen, setOpen] = useState(isOpend);
-    const classes = classNames('menu-item submenu-item', className, {
-        'is-active': context.index === index,
-        'is-opened': menuOpen,
-        'is-vertical': context.mode === 'vertical'
-    });
-    const handleClick = (e) => {
-        e.preventDefault();
-        setOpen(!menuOpen);
-    };
-    let timer;
-    const handleMouse = (e, toggle) => {
-        clearTimeout(timer);
-        e.preventDefault();
-        timer = setTimeout(() => {
-            setOpen(toggle);
-        }, 300);
-    };
-    const clickEvents = context.mode === 'vertical' ? {
-        onClick: handleClick
-    } : {};
-    const hoverEvents = context.mode !== 'vertical' ? {
-        onMouseEnter: (e) => { handleMouse(e, true); },
-        onMouseLeave: (e) => { handleMouse(e, false); }
-    } : {};
-    const renderChildren = () => {
-        const subMenuClasses = classNames('viking-submenu', {
-            'menu-opened': menuOpen
-        });
-        const childrenComponent = React.Children.map(children, (child, i) => {
-            const childElement = child;
-            if (childElement.type.displayName === 'MenuItem') {
-                return React.cloneElement(childElement, {
-                    index: `${index}-${i}`
-                });
-            }
-            else {
-                console.error("Warning: SubMenu has a child which is not a MenuItem component");
-            }
-        });
-        return (_jsx(Transition, { in: menuOpen, timeout: 300, animation: "zoom-in-top", children: _jsx("ul", { className: subMenuClasses, children: childrenComponent }) }));
-    };
-    return (_jsxs("li", { className: classes, ...hoverEvents, children: [_jsxs("div", { className: "submenu-title", ...clickEvents, children: [title, _jsx(Icon, { icon: "angle-down", className: "arrow-icon" })] }), renderChildren()] }, index));
-};
-SubMenu.displayName = 'SubMenu';
-export default SubMenu;

package/build/components/Progress/index.d.ts

@@ -1,2 +0,0 @@
-import Progress from './progress';
-export default Progress;

package/build/components/Progress/index.js

@@ -1,2 +0,0 @@
-import Progress from './progress';
-export default Progress;

package/build/components/Progress/progress.d.ts

@@ -1,4 +0,0 @@
-import type { FC } from 'react';
-import type { ProgressProps } from './progress.types';
-declare const Progress: FC<ProgressProps>;
-export default Progress;

package/build/components/Progress/progress.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const Progress = (props) => {
-    const { percent, strokeHeight = 15, showText = true, styles, theme = 'primary', } = props;
-    return (_jsx("div", { className: "viking-progress-bar", style: styles, children: _jsx("div", { className: "viking-progress-bar-outer", style: { height: `${strokeHeight}px` }, children: _jsx("div", { className: `viking-progress-bar-inner color-${theme}`, style: { width: `${percent}%` }, children: showText && _jsx("span", { className: "inner-text", children: `${percent}%` }) }) }) }));
-};
-export default Progress;

package/build/components/Progress/progress.types.js

@@ -1,2 +0,0 @@
-// Progress 组件的类型定义，单独拆分成文件，便于复用
-export {};

package/build/components/Transition/index.d.ts

@@ -1,3 +0,0 @@
-import Transition from './transition';
-export default Transition;
-export type { AnimationName, TransitionProps } from './transition';

package/build/components/Transition/index.js

@@ -1,2 +0,0 @@
-import Transition from './transition';
-export default Transition;

package/build/components/Transition/transition.d.ts

@@ -1,4 +0,0 @@
-import type { TransitionProps } from './transition.types';
-export type { AnimationName, TransitionProps } from './transition.types';
-declare const Transition: (props: TransitionProps) => import("react/jsx-runtime").JSX.Element;
-export default Transition;

package/build/components/Transition/transition.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef } from 'react';
-import { CSSTransition } from 'react-transition-group';
-const Transition = (props) => {
-    const { children, classNames: classNamesProp, animation, wrapper = false, unmountOnExit = true, appear = true, addEndListener, ...restProps } = props;
-    const cls = animation ? animation : classNamesProp;
-    const nodeRef = useRef(null);
-    const transitionProps = {
-        classNames: cls,
-        unmountOnExit,
-        appear,
-        ...restProps,
-    };
-    if (addEndListener)
-        transitionProps.addEndListener = addEndListener;
-    return (_jsx(CSSTransition, { nodeRef: nodeRef, ...transitionProps, children: _jsx("div", { ref: nodeRef, "data-transition-wrapper": wrapper ? 'true' : 'false', children: children }) }));
-};
-export default Transition;

package/build/components/Transition/transition.types.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode } from 'react';
-import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
-export type AnimationName = 'zoom-in-top' | 'zoom-in-left' | 'zoom-in-bottom' | 'zoom-in-right';
-export type TransitionProps = Omit<CSSTransitionProps<HTMLElement>, 'addEndListener' | 'timeout'> & {
-    animation?: AnimationName;
-    wrapper?: boolean;
-    children?: ReactNode;
-    timeout: CSSTransitionProps<HTMLElement>['timeout'];
-    addEndListener?: (node: HTMLElement, done: () => void) => void;
-};

package/build/components/Transition/transition.types.js

@@ -1 +0,0 @@
-export {};

package/build/components/Upload/dragger.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* Dragger 是专门处理拖拽上传逻辑的子组件：
-  - 只负责获取拖拽的文件
-  - 上传文件还是靠 Upload
-监听浏览器拖拽事件 → 拿到拖进来的文件 → 传回 Upload 组件
-
-  浏览器 Drag & Drop API 事件：
-    dragenter  → 进入区域
-    dragover   → 在区域上方拖动
-    dragleave  → 离开区域
-    drop       → 松手放下文件（包含拖进来的文件）
-*/
-import { useState } from 'react';
-import classNames from 'classnames';
-export const Dragger = (props) => {
-    const { onFile, children } = props;
-    // 负责拖拽样式
-    const [dragOver, setDragOver] = useState(false);
-    // 使用 `classNames` 拼 `className`：
-    const klass = classNames('viking-uploader-dragger', {
-        // 如果 `dragOver === true` 时，再加一个：`is-dragover`
-        'is-dragover': dragOver
-    });
-    // 上传流程
-    const handleDrop = (e) => {
-        e.preventDefault(); // 阻止默认行为
-        setDragOver(false); // 拖拽结束：改变拖拽样式
-        // dataTransfer： 浏览器 drop-API 的对象
-        // 包含: files(文件列表FileList)、items、types
-        // 通过 onFile回调 传回 Upload 处理
-        onFile(e.dataTransfer.files);
-    };
-    // 回调： 控制拖拽状态（改变样式）
-    const handleDrag = (e, over) => {
-        e.preventDefault();
-        setDragOver(over);
-    };
-    return (_jsx("div", { className: klass, 
-        // e： 监听DragEvent拖拽事件对象
-        onDragOver: e => { handleDrag(e, true); }, onDragLeave: e => { handleDrag(e, false); }, onDrop: handleDrop, children: children }));
-};
-export default Dragger;

package/build/components/Upload/index.d.ts

@@ -1,2 +0,0 @@
-import Upload from './upload';
-export default Upload;

package/build/components/Upload/index.js

@@ -1,2 +0,0 @@
-import Upload from './upload';
-export default Upload;

package/build/components/Upload/native/axios-react.js

@@ -1,99 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import axios from 'axios';
-const AxiosReact = () => {
-    /*
-      e： 这次变化事件的事件对象 -- “事件说明单”
-        e = {
-          谁触发的这次变化,
-          发生了什么,
-          当前 input 里有什么值
-        }
-  
-      e.target： 触发这次事件的那个 DOM 元素（input 节点本身）
-      e: React.ChangeEvent<HTMLInputElement>: 给参数 e 标注类型
-         - React 里的 ChangeEvent
-         - 这个事件来自 <HTMLInputElement> 泛型参数
-  
-      提前告诉大家：e 是“来自 input 元素的 change 事件对象” （贴标签）
-          - 放心大胆用：e.target.files
-    */
-    const handleFileChange = (e) => {
-        // 1）取出 用户上传的 文件
-        /*
-         input type="file" 文件类型输入框：
-           - 有一个特殊属性 files: 用户当前选中的 文件列表 FileList
-           - 用户一次性可以选3个文件
-               FileList {
-                  // File对象
-                  0: File {
-                       name: "a.png",
-                       size: 12345,
-                       type: "image/png"
-    
-                       //  内部隐藏
-                          [[BinaryData]]: <文件二进制>0100110101...
-                     },
-                
-                  1: File {
-                       name: "b.jpg",
-                       size: 23456,
-                       type: "image/jpeg"
-                     },
-                
-                  2: File {
-                       name: "c.pdf",
-                       size: 34567,
-                       type: "application/pdf"
-                     },
-                
-                  length: 3
-                }
-        */
-        // 获取 文件列表 
-        const files = e.target.files;
-        if (files) {
-            // 从文件列表中取出 第一个 File 对象 ： 文件信息 + 文件内容（二进制）
-            const uploadedFile = files[0];
-            // 2）将 本次文件 放进 formData 
-            const formData = new FormData();
-            // key-value 形式
-            formData.append("file", uploadedFile);
-            // 3）使用 Axios 发送请求
-            /*
-              常见参数: axios.post(url, data, config)
-              - url:地址
-              - data： 请求体body （这次 POST 请求要携带的数据）
-              - config配置项 对象：
-            */
-            axios.post("https://jsonplaceholder.typicode.com/posts", 
-            // Axios 发出去的不是 FormData 对象本身
-            /*
-              FormData 里装的是一个 File 对象引用
-                -> 当 Axios / fetch 看到： body: formData
-                -> 浏览器会开始做“编码
-                -> 先遍历 FormData 里的每一项
-                -> 变成 HTTP body 里的某一个 "part"
-                -> 每一个"part"包含：(文件相关的描述信息 + 二进制内容)
-                    ------WebKitBoundary123【包裹边界】
-                    Content-Disposition: form-data; name="file"; filename="a.png"
-                    Content-Type: image/png
-                    
-                    <文件二进制内容>
-                    ------WebKitBoundary123--【结束边界】
-            */
-            formData, {
-                // 设置 请求头信息
-                headers: {
-                    // 表单文件数据
-                    'Content-Type': 'multipart/form-data'
-                }
-            }).then(resp => {
-                console.log(resp);
-            });
-        }
-    };
-    return (_jsx("div", { className: "AxiosReact", style: { marginTop: '100px', marginLeft: '100px' }, children: _jsx("input", { type: "file", 
-            // {/* 原生必须传，自定义不用传 name="myFile" */}
-            onChange: handleFileChange }) }));
-};
-export default AxiosReact;

package/build/components/Upload/native/from-html.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const FromHtml = () => {
-    return (_jsx("div", { className: "App", style: { marginTop: '100px', marginLeft: '100px' }, children: _jsxs("form", { method: "post", encType: "multipart/form-data", action: "https://jsonplaceholder.typicode.com/posts", children: [_jsx("input", { type: "file", name: "myFile" }), _jsx("button", { type: "submit", children: "Submit" })] }) }));
-};
-export default FromHtml;

package/build/components/Upload/upload.js

@@ -1,192 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from 'react';
-import axios from 'axios';
-import UploadList from './uploadList';
-import Dragger from './dragger';
-/**
- * 通过点击或者拖拽上传文件
- * ### 引用方法
- *
- * ~~~js
- * import { Upload } from 'vikingship'
- * ~~~
- */
-export const Upload = (props) => {
-    const { action, defaultFileList, beforeUpload, onProgress, onSuccess, onError, onChange, onRemove, name = 'file', headers, data, withCredentials, accept, multiple, children, drag, } = props;
-    // 文件输入框 ref 引用
-    const fileInput = useRef(null);
-    // （子组件）页面上 正在显示 的 上传文件列表
-    const [fileList, setFileList] = useState(defaultFileList || []);
-    //  **`UploadList`** 子组件: 从 上传文件列表fileList 渲染一堆 列表项 class
-    // 上传列表状态更新器
-    const updateFileList = (updateFile, updateObj) => {
-        setFileList(prevList => {
-            return prevList.map(file => {
-                // 在列表里找到同一个 uid 文件
-                if (file.uid === updateFile.uid) {
-                    // 更新部分字段
-                    return { ...file, ...updateObj };
-                }
-                else {
-                    return file;
-                }
-            });
-        });
-    };
-    // 点击上传回调：用户点击 上传文件 输入框
-    const handleClick = () => {
-        // 用 ref 拿到“隐藏的” input元素
-        if (fileInput.current) {
-            // 调用浏览器的原生能力： 弹出 系统级文件选择框
-            fileInput.current.click();
-        }
-    };
-    // 文件上传回调：当有文件传来的时候触发
-    const handleFileChange = (e) => {
-        // 获取文件列表：类型为 FileList
-        const files = e.target.files;
-        if (!files) {
-            return;
-        }
-        // 调用 上传文件函数（含发送请求）：决定 每个/不同文件 怎么处理
-        uploadFiles(files);
-        // 清空 文件输入框
-        if (fileInput.current) {
-            fileInput.current.value = '';
-        }
-    };
-    // 传递给 UploadList 子组件的 回调函数
-    const handleRemove = (file) => {
-        setFileList((prevList) => {
-            return prevList.filter(item => item.uid !== file.uid);
-        });
-        if (onRemove) {
-            onRemove(file);
-        }
-    };
-    // 函数： 上传文件： 决定 每个文件 上传
-    // （beforeUpload： “上传前钩子”）
-    const uploadFiles = (files, test) => {
-        // 传来的文件列表 FileList类型，不是数组  =》 转为数组
-        let postFiles = Array.from(files);
-        // 
-        if (test) {
-            console.log('drag', postFiles[0]);
-        }
-        // 遍历 数组 每一项
-        postFiles.forEach(file => {
-            // 没有配置 beforeUpload，直接上传
-            if (!beforeUpload) {
-                post(file);
-            }
-            else {
-                // 用户使用了 beforeUpload => 需要等待 用户的异步处理结果（例如压缩图片）
-                // beforeUpload(file)用户在钩子里写的回调： 会返回 Promise<newFile> 
-                // 获取  Promise<newFile> 用这个处理完的 File 对象发送
-                // 执行用户传进来的回调函数，并把它的返回值接住，放进 result
-                const result = beforeUpload(file);
-                // 
-                if (result && result instanceof Promise) {
-                    // 获取 异步回调 reslove(newFile)后的 newFile
-                    result.then(processedFile => {
-                        post(processedFile); // 发送用户异步处理完的 新File文件
-                    });
-                }
-                else if (result !== false) {
-                    // 用户使用了拦截：return false ==> 永远不会触发 post， 不上传
-                    // 返回 true → 上传原文件
-                    post(file);
-                }
-            }
-        });
-    };
-    // 函数： 发axios请求
-    const post = (file) => {
-        // 改造浏览器原生File，创建 内部文件对象 `_file` （文件本体 + 上传状态）
-        let _file = {
-            uid: Date.now() + 'upload-file',
-            status: 'ready',
-            name: file.name,
-            size: file.size,
-            percent: 0,
-            raw: file
-        };
-        // 请求发送之前放进 fileList，列表先显示出来
-        setFileList(prevList => {
-            return [_file, ...prevList];
-        });
-        // 2) 构建 `FormData` 
-        const formData = new FormData();
-        formData.append(name || 'file', file);
-        // 如果传了 `data`， 额外字段也 append 进 FormData
-        // （例如 `userId`、`token`）
-        if (data) {
-            Object.keys(data).forEach(key => {
-                formData.append(key, data[key]);
-            });
-        }
-        // 使用 axios 发送 POST 请求
-        axios.post(action, formData, {
-            headers: {
-                ...headers,
-                'Content-Type': 'multipart/form-data'
-            },
-            // 跨域请求 凭证信息（Cookie）
-            // 需要 后端 允许跨域携带凭证： Access-Control-Allow-Credentials: true
-            withCredentials,
-            // axios 提供的 请求配置回调（“系统回调”）
-            // （不需要手动调用）上传过程中，axios 内部自动不断触发 onUploadProgress
-            onUploadProgress: (e) => {
-                // 把字节进度算成百分比
-                const total = e.total ?? 0;
-                const percentage = total ? Math.round((e.loaded * 100) / total) : 0;
-                // 更新 fileList 中这条文件的 percent/status
-                if (percentage < 100) {
-                    // 更新 React state（驱动UI）：让 UploadList 子组件重新渲染
-                    updateFileList(_file, { percent: percentage, status: 'uploading' });
-                    // 更新当前 _file 对象，保证传给回调的值是新的
-                    _file.status = 'uploading';
-                    _file.percent = percentage;
-                    // 将 axios 的 onUploadProgress 得到的上传进度结果，包装一层
-                    // 提供给 Upload 组件的外部使用者 外部钩子onProgress：给组件外部使用
-                    if (onProgress) {
-                        onProgress(percentage, _file);
-                    }
-                }
-            }
-        }).then(resp => {
-            // 成功时：更新React UI内部状态
-            updateFileList(_file, { status: 'success', response: resp.data });
-            // 更新当前 _file 对象，保证传给回调的值是新的
-            _file.status = 'success';
-            _file.response = resp.data;
-            // 通知外部 onSuccess  / onChange 钩子
-            if (onSuccess) {
-                onSuccess(resp.data, _file);
-            }
-            if (onChange) {
-                onChange(_file);
-            }
-        }).catch(err => {
-            // 失败时：更新React UI内部状态
-            updateFileList(_file, { status: 'error', error: err });
-            // 更新当前 _file 对象，保证传给回调的值是新的
-            _file.status = 'error';
-            _file.error = err;
-            // 
-            if (onError) {
-                onError(err, _file);
-            }
-            if (onChange) {
-                onChange(_file);
-            }
-        });
-    };
-    return (_jsxs("div", { className: "viking-upload-component", children: [_jsxs("div", { className: "viking-upload-input", style: { display: 'inline-block' }, onClick: handleClick, children: [children, drag ?
-                        // 传给 Dragger子组件回调函数 onFile
-                        // 当用户拖拽文件，Dragger 的onDrop状态触发 onFile(files)
-                        _jsx(Dragger, { onFile: (files) => { uploadFiles(files, true); }, children: children }) :
-                        // 如果 drag = false, 直接渲染 children(普通模式)
-                        children, _jsx("input", { className: "viking-file-input", style: { display: 'none' }, ref: fileInput, onChange: handleFileChange, type: "file", accept: accept, multiple: multiple })] }), _jsx(UploadList, { fileList: fileList, onRemove: handleRemove })] }));
-};
-export default Upload;

package/build/components/Upload/upload.types.js

@@ -1,3 +0,0 @@
-// Upload 组件相关的 TS 类型定义
-// 独立成文件，方便在多个子组件之间复用
-export {};