@aozi6666/bee-design 0.1.0 → 0.2.2

package/dist/App.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from "react";
+import "./styles/index.scss";
+declare const App: FC;
+export default App;

package/{build → dist}/components/AutoComplete/autoComplete.d.ts

@@ -1,5 +1,5 @@
-import type { AutoCompleteProps } from './autoComplete.types';
-export type { AutoCompleteProps, DataSourceType } from './autoComplete.types';
+import type { AutoCompleteProps } from "./autoComplete.types";
+export type { AutoCompleteProps, DataSourceType } from "./autoComplete.types";
 /**
  * 输入框自动完成功能。当输入值需要自动完成时使用，支持同步和异步两种方式
  * 支持 Input 组件的所有属性 支持键盘事件选择

package/{build → dist}/components/AutoComplete/autoComplete.types.d.ts

@@ -1,10 +1,10 @@
-import type { ReactElement } from 'react';
-import type { InputProps } from '../Input/input.types';
+import type { ReactElement } from "react";
+import type { InputProps } from "../Input/input.types";
 interface DataSourceObject {
     value: string;
 }
-export type DataSourceType<T = {}> = T & DataSourceObject;
-export interface AutoCompleteProps extends Omit<InputProps, 'onSelect' | 'onChange'> {
+export type DataSourceType<T = Record<string, unknown>> = T & DataSourceObject;
+export interface AutoCompleteProps extends Omit<InputProps, "onSelect" | "onChange"> {
     /**
      * 返回输入建议的方法，可以拿到当前的输入，然后返回同步的数组或者是异步的 Promise
      */

package/{build → dist}/components/AutoComplete/autoCompleteDropdown.d.ts

@@ -1,5 +1,5 @@
-import type { FC, ReactElement } from 'react';
-import type { DataSourceType } from './autoComplete.types';
+import type { FC, ReactElement } from "react";
+import type { DataSourceType } from "./autoComplete.types";
 export interface AutoCompleteDropdownProps {
     loading: boolean;
     showDropdown: boolean;

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

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

package/{build → dist}/components/Button/button.d.ts

@@ -1,5 +1,5 @@
-import type { FC } from 'react';
-import { ButtonSize, ButtonType, type AnchorButtonProps, type ButtonProps, type NativeButtonProps } from './button.types';
+import type { FC } from "react";
+import { ButtonSize, ButtonType, type AnchorButtonProps, type ButtonProps, type NativeButtonProps } from "./button.types";
 declare const Button: FC<ButtonProps>;
 export default Button;
 export { ButtonSize, ButtonType };

package/{build → dist}/components/Button/button.types.d.ts

@@ -1,4 +1,4 @@
-import type { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from "react";
 export declare const ButtonSize: {
     readonly Large: "lg";
     readonly Small: "sm";

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

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

package/{build → dist}/components/Icon/icon.d.ts

@@ -1,5 +1,5 @@
-import type { FC } from 'react';
-import type { IconProps } from './icon.types';
+import type { FC } from "react";
+import type { IconProps } from "./icon.types";
 /**
  * 提供了一套常用的图标集合 基于 react-fontawesome。
  *

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

@@ -0,0 +1,6 @@
+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/dist/components/Icon/index.d.ts

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

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

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

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

@@ -0,0 +1,5 @@
+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 → dist}/components/Input/input.types.d.ts

@@ -1,7 +1,7 @@
-import type { ChangeEvent, InputHTMLAttributes, ReactElement } from 'react';
-import type { IconProp } from '@fortawesome/fontawesome-svg-core';
-export type InputSize = 'lg' | 'sm';
-export interface InputProps extends Omit<InputHTMLAttributes<HTMLElement>, 'size'> {
+import type { ChangeEvent, InputHTMLAttributes, ReactElement } from "react";
+import type { IconProp } from "@fortawesome/fontawesome-svg-core";
+export type InputSize = "lg" | "sm";
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLElement>, "size"> {
     /** 是否禁用 Input */
     disabled?: boolean;
     /** 设置 input 大小，支持 lg 或者是 sm */

package/{build → dist}/components/Menu/index.d.ts

@@ -1,7 +1,7 @@
-import type { FC } from 'react';
-import { type MenuProps } from './menu';
-import { type SubMenuProps } from './subMenu';
-import { type MenuItemProps } from './menuItem';
+import type { FC } from "react";
+import { type MenuProps } from "./menu";
+import { type SubMenuProps } from "./subMenu";
+import { type MenuItemProps } from "./menuItem";
 export type IMenuComponent = FC<MenuProps> & {
     Item: FC<MenuItemProps>;
     SubMenu: FC<SubMenuProps>;

package/{build → dist}/components/Menu/menu.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import type { FC, CSSProperties, ReactNode } from 'react';
-type MenuMode = 'horizontal' | 'vertical';
+import type { FC, CSSProperties, ReactNode } from "react";
+type MenuMode = "horizontal" | "vertical";
 export interface MenuProps {
     /**默认 active 的菜单项的索引值 */
     defaultIndex?: string;
@@ -14,13 +13,6 @@ export interface MenuProps {
     defaultOpenSubMenus?: string[];
     children?: ReactNode;
 }
-interface IMenuContext {
-    index: string;
-    onSelect?: (selectedIndex: string) => void;
-    mode?: MenuMode;
-    defaultOpenSubMenus?: string[];
-}
-export declare const MenuContext: React.Context<IMenuContext>;
 /**
  * 为网站提供导航功能的菜单。支持横向纵向两种模式，支持下拉菜单。
  *

package/dist/components/Menu/menuContext.d.ts

@@ -0,0 +1,9 @@
+type MenuMode = "horizontal" | "vertical";
+export interface IMenuContext {
+    index: string;
+    onSelect?: (selectedIndex: string) => void;
+    mode?: MenuMode;
+    defaultOpenSubMenus?: string[];
+}
+export declare const MenuContext: import("react").Context<IMenuContext>;
+export {};

package/{build → dist}/components/Menu/menuItem.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { FC, ReactNode } from 'react';
+import React from "react";
+import type { FC, ReactNode } from "react";
 export interface MenuItemProps {
     index?: string;
     /**选项是否被禁用 */

package/{build → dist}/components/Menu/subMenu.d.ts

@@ -1,4 +1,4 @@
-import type { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from "react";
 export interface SubMenuProps {
     index?: string;
     /**下拉菜单选项的文字 */

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

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

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

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

package/{build → dist}/components/Progress/progress.types.d.ts

@@ -1,5 +1,5 @@
-import type { CSSProperties } from 'react';
-import type { ThemeProps } from '../Icon/icon.types';
+import type { CSSProperties } from "react";
+import type { ThemeProps } from "../Icon/icon.types";
 export interface ProgressProps {
     percent: number;
     strokeHeight?: number;

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

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

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

@@ -0,0 +1,4 @@
+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/dist/components/Transition/transition.types.d.ts

@@ -0,0 +1,9 @@
+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 → dist}/components/Upload/dragger.d.ts

@@ -1,4 +1,4 @@
-import type { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from "react";
 interface DraggerProps {
     onFile: (files: FileList) => void;
     children?: ReactNode;

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

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

package/{build → dist}/components/Upload/upload.d.ts

@@ -1,5 +1,5 @@
-import type { FC } from 'react';
-import type { UploadProps } from './upload.types';
+import type { FC } from "react";
+import type { UploadProps } from "./upload.types";
 /**
  * 通过点击或者拖拽上传文件
  * ### 引用方法

package/{build → dist}/components/Upload/upload.types.d.ts

@@ -1,4 +1,4 @@
-export type UploadFileStatus = 'ready' | 'uploading' | 'success' | 'error';
+export type UploadFileStatus = "ready" | "uploading" | "success" | "error";
 export interface UploadFile {
     uid: string;
     size: number;
@@ -6,8 +6,8 @@ export interface UploadFile {
     status?: UploadFileStatus;
     percent: number;
     raw?: File;
-    response?: any;
-    error?: any;
+    response?: unknown;
+    error?: unknown;
 }
 export interface UploadProps {
     /** 必选参数, 上传的地址 */
@@ -19,23 +19,19 @@ export interface UploadProps {
     /** 文件上传时的钩子 */
     onProgress?: (percentage: number, file: UploadFile) => void;
     /** 文件上传成功时的钩子 */
-    onSuccess?: (data: any, file: UploadFile) => void;
+    onSuccess?: (data: unknown, file: UploadFile) => void;
     /** 文件上传失败时的钩子 */
-    onError?: (err: any, file: UploadFile) => void;
+    onError?: (err: unknown, file: UploadFile) => void;
     /** 文件状态改变时的钩子，上传成功或者失败时都会被调用 */
     onChange?: (file: UploadFile) => void;
     /** 文件列表移除文件时的钩子 */
     onRemove?: (file: UploadFile) => void;
     /** 设置上传的请求头部 */
-    headers?: {
-        [key: string]: any;
-    };
+    headers?: Record<string, string>;
     /** 上传的文件字段名 */
     name?: string;
     /** 上传时附带的额外参数 */
-    data?: {
-        [key: string]: any;
-    };
+    data?: Record<string, string>;
     /** 是否发送 cookie 凭证信息 */
     withCredentials?: boolean;
     /** 可选参数, 接受上传的文件类型 */

package/{build → dist}/components/Upload/uploadList.d.ts

@@ -1,5 +1,5 @@
-import type { FC } from 'react';
-import type { UploadFile } from './upload.types';
+import type { FC } from "react";
+import type { UploadFile } from "./upload.types";
 interface UploadListProps {
     fileList: UploadFile[];
     onRemove: (_file: UploadFile) => void;

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,3 @@
+import type { RefObject } from "react";
+declare function useClickOutside<T extends HTMLElement>(ref: RefObject<T | null>, handler: (event: MouseEvent) => void, eventType?: "click" | "mousedown"): void;
+export default useClickOutside;

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1,2 @@
+declare function useDebounce<T>(value: T, delay?: number): T;
+export default useDebounce;