@aozi6666/bee-design 0.1.2 → 0.2.3

package/build/components/AutoComplete/autoComplete.js

@@ -1,150 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// AutoComplete 组件： 带搜索建议的 Input
-import { useState, useEffect, useRef } from "react";
-import Input from "../Input/input";
-import useDebounce from "../../hooks/useDebounce";
-import useClickOutside from "../../hooks/useClickOutside";
-import AutoCompleteDropdown from "./autoCompleteDropdown";
-/**
- * 输入框自动完成功能。当输入值需要自动完成时使用，支持同步和异步两种方式
- * 支持 Input 组件的所有属性 支持键盘事件选择
- * ### 引用方法
- *
- * ~~~js
- * import { AutoComplete } from 'vikingship'
- * ~~~
- */
-export const AutoComplete = (props) => {
-    const { fetchSuggestions, onSelect, onChange, value, renderOption, ...restProps } = props;
-    // 输入框当前显示的文本
-    const [inputValue, setInputValue] = useState(value || "");
-    // 候选项列表:下拉建议列表的数据源（渲染 `<li>` 就靠它）
-    const [suggestions, setSugestions] = useState([]);
-    // 加载状态:异步请求进行中就显示 loading
-    const [loading, setLoading] = useState(false);
-    // 是否展示下拉（配合 `Transition` 动画）
-    const [showDropdown, setShowDropdown] = useState(false);
-    // 高亮索引:键盘上下选择时，哪一项高亮（对应 class `is-active`）
-    const [highlightIndex, setHighlightIndex] = useState(-1);
-    // 两个关键 ref：
-    // 用来区分“用户打字触发搜索” vs “用户选中后把值塞回去（不应该再搜一次）”
-    // 用户打字时:true，用户选中：false
-    const triggerSearch = useRef(false);
-    // 挂到最外层 div 上，给 `useClickOutside` 判断“点击是否发生在组件外”
-    const componentRef = useRef(null);
-    // 防抖Hook：把“频繁输入”变成“停顿后再触发一次”
-    const debouncedValue = useDebounce(inputValue, 300);
-    // 自定义Hook：点击组件外部时,触发自定义的回调
-    /* 在 `document` 上挂一个 `click` 监听
-     * @param componentRef 组件的 ref
-     * @param callback 点击外部时执行的回调
-     */
-    // componentRef： 指向 AutoComplete 最外层 DOM
-    useClickOutside(componentRef, () => {
-        setSugestions([]);
-        setShowDropdown(false);
-    });
-    // 监听 `debouncedValue防抖后的值` 变化
-    // fetchSuggestions这个函数本身的引用地址变没变，改变时，监听变化
-    // 因为：React在 effect 里用到了这个函数，避免：闭包拿到旧函数
-    useEffect(() => {
-        // 调度函数: 把 函数 放入微任务队列（执行）
-        // 页面更新等逻辑处理完再更新 UI，减少闪烁、时序混乱的问题
-        const schedule = (fn) => {
-            queueMicrotask(fn);
-        };
-        /* 停止搜索，关闭下拉框
-         * 两种情况：
-         * 1. 输入框为空（防抖后的值为空）
-         * 2. 用户选中下拉建议某一项后，输入框值会变为选中项的值（不应该再搜一次）
-         */
-        if (!debouncedValue || !triggerSearch.current) {
-            // 调用 调度函数: 把函数放入微任务队列（执行）
-            schedule(() => {
-                setShowDropdown(false); // 关闭下拉框 展示
-                setHighlightIndex(-1); // 重置高亮索引
-            });
-            return;
-        }
-        // 搜索执行
-        // 1. 拿当前输入内容，获取 建议项
-        const results = fetchSuggestions(debouncedValue);
-        // 异步返回：
-        if (results instanceof Promise) {
-            schedule(() => {
-                setLoading(true); // 显示“加载中”
-                setHighlightIndex(-1); // 不高亮任何项
-            });
-            // 异步返回： 拿到数据后，更新状态
-            results.then((data) => {
-                setLoading(false); // 关闭 “加载中”
-                setSugestions(data); // 更新建议项列表
-                setShowDropdown(data.length > 0); // 有数据，就显示下拉框
-            });
-        }
-        else {
-            // 同步返回： 本地有个数组，直接筛选
-            schedule(() => {
-                setLoading(false); // 关闭 “加载中”
-                setSugestions(results);
-                setShowDropdown(results.length > 0);
-                setHighlightIndex(-1);
-            });
-        }
-    }, [debouncedValue, fetchSuggestions]);
-    const highlight = (index) => {
-        if (index < 0)
-            index = 0;
-        if (index >= suggestions.length) {
-            index = suggestions.length - 1;
-        }
-        setHighlightIndex(index);
-    };
-    const handleKeyDown = (e) => {
-        switch (e.keyCode) {
-            case 13:
-                if (suggestions[highlightIndex]) {
-                    handleSelect(suggestions[highlightIndex]);
-                }
-                break;
-            case 38:
-                highlight(highlightIndex - 1);
-                break;
-            case 40:
-                highlight(highlightIndex + 1);
-                break;
-            case 27:
-                setShowDropdown(false);
-                break;
-            default:
-                break;
-        }
-    };
-    // 回调：消息框内容发生变化
-    const handleChange = (e) => {
-        // 获取 输入框内容 （去掉首尾空格）
-        const value = e.target.value.trim();
-        // 更新 输入框内容
-        // `inputValue` 变化 → 经过 `useDebounce` 得到 `debouncedValue`
-        setInputValue(value);
-        // 组件使用者传来的回调：消息框内容发生变化
-        if (onChange) {
-            onChange(value);
-        }
-        // 告诉后面“这次是用户输入，应当触发搜索”
-        triggerSearch.current = true;
-    };
-    // 回调：用户选中某一项
-    const handleSelect = (item) => {
-        setInputValue(item.value);
-        setShowDropdown(false);
-        if (onSelect) {
-            onSelect(item);
-        }
-        triggerSearch.current = false;
-    };
-    return (_jsxs("div", { className: "viking-auto-complete", ref: componentRef, children: [_jsx(Input, { ...restProps, value: inputValue, onChange: handleChange, onKeyDown: handleKeyDown }), _jsx(AutoCompleteDropdown, { loading: loading, showDropdown: showDropdown, suggestions: suggestions, highlightIndex: highlightIndex, onSelect: handleSelect, renderOption: renderOption, onExited: () => {
-                    setSugestions([]);
-                } })] }));
-};
-export default AutoComplete;

package/build/components/AutoComplete/autoComplete.types.js

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

package/build/components/AutoComplete/autoCompleteDropdown.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import Icon from '../Icon/icon';
-import Transition from '../Transition/transition';
-export const AutoCompleteDropdown = (props) => {
-    const { loading, showDropdown, suggestions, highlightIndex, onSelect, renderOption, onExited, } = props;
-    const renderTemplate = (item) => {
-        return renderOption ? renderOption(item) : item.value;
-    };
-    return (_jsx(Transition, { in: showDropdown || loading, animation: "zoom-in-top", timeout: 300, onExited: onExited, children: _jsxs("ul", { className: "viking-suggestion-list", children: [loading && (_jsx("div", { className: "suggestions-loading-icon", children: _jsx(Icon, { icon: "spinner", spin: true }) })), suggestions.map((item, index) => {
-                    const cnames = classNames('suggestion-item', {
-                        'is-active': index === highlightIndex,
-                    });
-                    return (_jsx("li", { className: cnames, onClick: () => onSelect(item), children: renderTemplate(item) }, index));
-                })] }) }));
-};
-export default AutoCompleteDropdown;

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

@@ -1,4 +0,0 @@
-import AutoComplete from './autoComplete';
-export default AutoComplete;
-export { AutoComplete } from './autoComplete';
-export type { AutoCompleteProps, DataSourceType } from './autoComplete.types';

package/build/components/AutoComplete/index.js

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

package/build/components/Button/button.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// 第三方工具库： 自动智能拼接 class 字符串
-import classNames from 'classnames';
-import { ButtonSize, ButtonType, } from './button.types';
-const Button = ({ className, disabled = false, size, btnType = ButtonType.Default, children, href, ...restProps }) => {
-    // btn, btn-lg, btn-primary
-    // ① classNames 生成 class
-    /*
-    用户写：<Button btnType="primary" size="lg">
-    组件算出 class：btn btn-primary btn-lg
-    */
-    // 返回 字符串
-    const classes = classNames('btn', className, {
-        /*
-           外部传来 <Button btnType={ButtonType.Primary}>
-             -> 变成 { "btn-primary": true }
-             -> classNames 会加上: btn-primary
-             -> 最终变为 ： btn btn-primary
-        */
-        [`btn-${btnType}`]: btnType,
-        [`btn-${size}`]: size,
-        // 是 link 按钮 &&  disabled === true
-        // classNames 会加上: disabled
-        disabled: btnType === ButtonType.Link && disabled,
-    });
-    // ② 根据类型决定渲染：
-    /*
-    用户写：<Button btnType="link" href="https://xxx">
-    组件算出: <a class="btn btn-link">...</a>
-    */
-    if (btnType === ButtonType.Link && href) {
-        return (_jsx("a", { className: classes, href: href, ...restProps, children: children }));
-    }
-    /*
-    用户写：<Button btnType="primary">
-    组件算出: <button class="btn btn-primary">
-    */
-    return (_jsx("button", { className: classes, disabled: disabled, ...restProps, children: children }));
-};
-// 导出一个 React 组件函数
-export default Button;
-// 重新导出类型和枚举，方便测试等地方从 `./button` 统一导入
-export { ButtonSize, ButtonType };

package/build/components/Button/button.types.js

@@ -1,19 +0,0 @@
-/* 定义 Button 组件可以接收哪些 props（组件 API） */
-// TS 导出 两个固定值 'lg' / 'sm'
-/*
-as const: 把 ButtonSize对象的值 变成不可修改的 字面量类型
-  - 如果没有 as const: Large: string
-  - 如果有 as const: Large: "lg"
-
-不写 as const: Large: 'lg' 会被 TS 自动推导为 string 类型
-*/
-export const ButtonSize = {
-    Large: 'lg',
-    Small: 'sm',
-};
-export const ButtonType = {
-    Primary: 'primary',
-    Default: 'default',
-    Danger: 'danger',
-    Link: 'link',
-};

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

@@ -1,2 +0,0 @@
-import Button from './button';
-export default Button;

package/build/components/Button/index.js

@@ -1,2 +0,0 @@
-import Button from './button';
-export default Button;

package/build/components/Icon/icon.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-/**
- * 提供了一套常用的图标集合 基于 react-fontawesome。
- *
- * 支持 react-fontawesome的所有属性 可以在这里查询 https://github.com/FortAwesome/react-fontawesome#basic
- *
- * 支持 fontawesome 所有 free-solid-icons，可以在这里查看所有图标 https://fontawesome.com/icons?d=gallery&s=solid&m=free
- * ### 引用方法
- *
- * ~~~js
- * import { Icon } from 'vikingship'
- * ~~~
- */
-export const Icon = (props) => {
-    // icon-primary
-    const { className, theme, ...restProps } = props;
-    const classes = classNames('viking-icon', className, {
-        [`icon-${theme}`]: theme
-    });
-    return (_jsx(FontAwesomeIcon, { className: classes, ...restProps }));
-};
-export default Icon;

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 } from 'react';
-import classNames from 'classnames';
-import { MenuContext } from './menuContext';
-/**
- * 为网站提供导航功能的菜单。支持横向纵向两种模式，支持下拉菜单。
- *
- * ```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/menuContext.js

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export const MenuContext = createContext({ index: '0' });

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 './menuContext';
-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,57 +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 './menuContext';
-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) => {
-        if (timer)
-            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,10 +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, timeout, ...restProps } = props;
-    const cls = animation ? animation : classNamesProp;
-    const nodeRef = useRef(null);
-    return (_jsx(CSSTransition, { nodeRef: nodeRef, classNames: cls, unmountOnExit: unmountOnExit, appear: appear, timeout: timeout, ...restProps, 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,9 +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>, 'timeout'> & {
-    animation?: AnimationName;
-    wrapper?: boolean;
-    children?: ReactNode;
-    timeout: NonNullable<CSSTransitionProps<HTMLElement>['timeout']>;
-};

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;