@lite-code/aui-react 0.0.1

package/dist/timepicker/types.d.ts

@@ -0,0 +1,43 @@
+import type React from "react";
+export type TimePickerSize = "sm" | "md" | "lg";
+export interface TimePickerProps {
+    value?: Date | string | null;
+    defaultValue?: Date | string | null;
+    onChange?: (value: Date | null, timeString: string) => void;
+    format?: string;
+    use12Hours?: boolean;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    disabledHours?: () => number[];
+    disabledMinutes?: (hour: number) => number[];
+    disabledSeconds?: (hour: number, minute: number) => number[];
+    clearable?: boolean;
+    disabled?: boolean;
+    size?: TimePickerSize;
+    placeholder?: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export interface TimeRangePickerProps {
+    value?: [Date | string | null, Date | string | null];
+    defaultValue?: [Date | string | null, Date | string | null];
+    onChange?: (value: [Date | null, Date | null], timeStrings: [string, string]) => void;
+    format?: string;
+    use12Hours?: boolean;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    clearable?: boolean;
+    disabled?: boolean;
+    size?: TimePickerSize;
+    placeholder?: [string, string];
+    style?: React.CSSProperties;
+    className?: string;
+}
+export interface TimeValue {
+    hour: number;
+    minute: number;
+    second: number;
+    ampm?: "AM" | "PM";
+}

package/dist/timepicker/utils.d.ts

@@ -0,0 +1,13 @@
+import type { TimeValue } from "./types";
+export declare function parseFormat(fmt: string): {
+    showHour: boolean;
+    showMinute: boolean;
+    showSecond: boolean;
+    use12: boolean;
+};
+export declare function buildStepValues(total: number, step: number, start?: number): number[];
+export declare function parseTimeInput(val: Date | string | null | undefined): TimeValue | null;
+export declare function formatTimeValue(tv: TimeValue, fmt: string): string;
+export declare function timeValueToDate(tv: TimeValue): Date;
+export declare function resolveFormat(fmt: string | undefined, use12Hours: boolean): string;
+export declare function defaultTimeValue(): TimeValue;

package/dist/tooltip/index.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import "./tooltip.css";
+export type TooltipPlacement = "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom";
+export type TooltipTrigger = "hover" | "click" | "focus";
+export interface TooltipProps {
+    children: React.ReactElement;
+    title?: React.ReactNode;
+    placement?: TooltipPlacement;
+    trigger?: TooltipTrigger;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    mouseEnterDelay?: number;
+    mouseLeaveDelay?: number;
+    color?: string;
+    overlayStyle?: React.CSSProperties;
+    overlayClassName?: string;
+}
+export declare function Tooltip({ children, title, placement, trigger, open: openProp, defaultOpen, onOpenChange, mouseEnterDelay, mouseLeaveDelay, color, overlayStyle, overlayClassName, }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/tree/index.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import "./tree.css";
+export interface TreeNodeData {
+    key: string | number;
+    label: React.ReactNode;
+    children?: TreeNodeData[];
+    disabled?: boolean;
+    disableCheckbox?: boolean;
+    icon?: React.ReactNode;
+}
+export interface TreeProps {
+    data: TreeNodeData[];
+    defaultExpandAll?: boolean;
+    expandedKeys?: (string | number)[];
+    defaultExpandedKeys?: (string | number)[];
+    onExpand?: (keys: (string | number)[]) => void;
+    selectable?: boolean;
+    selectedKeys?: (string | number)[];
+    defaultSelectedKeys?: (string | number)[];
+    onSelect?: (keys: (string | number)[]) => void;
+    checkable?: boolean;
+    checkedKeys?: (string | number)[];
+    defaultCheckedKeys?: (string | number)[];
+    onCheck?: (keys: (string | number)[]) => void;
+    line?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare function Tree({ data, defaultExpandAll, expandedKeys, defaultExpandedKeys, onExpand, selectable, selectedKeys, defaultSelectedKeys, onSelect, checkable, checkedKeys, defaultCheckedKeys, onCheck, line, style, className, }: TreeProps): import("react/jsx-runtime").JSX.Element;

package/dist/tree-select/index.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { TreeNodeData } from "../tree";
+import "./tree-select.css";
+export type TreeSelectValue = string | number | (string | number)[];
+export interface TreeSelectProps {
+    data: TreeNodeData[];
+    value?: TreeSelectValue;
+    onChange?: (value: TreeSelectValue) => void;
+    multiple?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: "sm" | "md" | "lg";
+    clearable?: boolean;
+    searchable?: boolean;
+    defaultExpandAll?: boolean;
+    maxTagCount?: number;
+    line?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare function TreeSelect({ data, value, onChange, multiple, placeholder, disabled, size, clearable, searchable, defaultExpandAll, maxTagCount, line, style, className, }: TreeSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/upload/file-item.d.ts

@@ -0,0 +1,10 @@
+import type { AnyUploadFile, UploadListType } from "./types";
+export interface FileItemProps {
+    file: AnyUploadFile;
+    listType: UploadListType;
+    showPreviewIcon: boolean;
+    showRemoveIcon: boolean;
+    onRemove: (file: AnyUploadFile) => void;
+    onPreview?: (file: AnyUploadFile) => void;
+}
+export declare function FileItem(props: FileItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/upload/index.d.ts

@@ -0,0 +1,12 @@
+import type { UploadProps } from "./types";
+import "./upload.css";
+export type { UploadListType, UploadStatus, UploadFile, UploadChangeParam, UploadRequestOption, UploadProps, } from "./types";
+declare function UploadBase<T = unknown>(props: UploadProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function Dragger<T = unknown>(props: Omit<UploadProps<T>, "drag">): import("react/jsx-runtime").JSX.Element;
+declare namespace Dragger {
+    var displayName: string;
+}
+export declare const Upload: typeof UploadBase & {
+    Dragger: typeof Dragger;
+    displayName: string;
+};

package/dist/upload/types.d.ts

@@ -0,0 +1,58 @@
+import type React from "react";
+export type UploadListType = "text" | "picture" | "picture-card";
+export type UploadStatus = "uploading" | "done" | "error" | "removed";
+export interface UploadFile<T = unknown> {
+    uid: string;
+    name: string;
+    size?: number;
+    type?: string;
+    status?: UploadStatus;
+    percent?: number;
+    url?: string;
+    thumbUrl?: string;
+    originFileObj?: File;
+    error?: unknown;
+    response?: T;
+}
+export interface UploadChangeParam<T = unknown> {
+    file: UploadFile<T>;
+    fileList: UploadFile<T>[];
+}
+export interface UploadRequestOption<T = unknown> {
+    action: string;
+    file: File;
+    filename?: string;
+    headers?: Record<string, string>;
+    data?: Record<string, string | Blob>;
+    method?: string;
+    onProgress?: (event: {
+        percent: number;
+    }) => void;
+    onSuccess?: (body: T, xhr?: XMLHttpRequest) => void;
+    onError?: (err: Error, body?: T) => void;
+}
+export interface UploadProps<T = unknown> {
+    accept?: string;
+    action?: string | ((file: File) => string | Promise<string>);
+    beforeUpload?: (file: File, fileList: File[]) => boolean | File | Promise<boolean | File>;
+    customRequest?: (options: UploadRequestOption<T>) => void;
+    defaultFileList?: UploadFile<T>[];
+    disabled?: boolean;
+    fileList?: UploadFile<T>[];
+    listType?: UploadListType;
+    maxCount?: number;
+    multiple?: boolean;
+    name?: string;
+    onChange?: (info: UploadChangeParam<T>) => void;
+    onRemove?: (file: UploadFile<T>) => boolean | void | Promise<boolean | void>;
+    onPreview?: (file: UploadFile<T>) => void;
+    showUploadList?: boolean | {
+        showPreviewIcon?: boolean;
+        showRemoveIcon?: boolean;
+    };
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    drag?: boolean;
+}
+export type AnyUploadFile = UploadFile<any>;

package/dist/upload/use-upload.d.ts

@@ -0,0 +1,6 @@
+import type { UploadFile, UploadProps } from "./types";
+export declare function useUpload<T>(props: UploadProps<T>): {
+    fileList: UploadFile<T>[];
+    handleFiles: (files: File[]) => Promise<void>;
+    handleRemove: (file: UploadFile<T>) => Promise<void>;
+};

package/dist/upload/utils.d.ts

@@ -0,0 +1,5 @@
+import type { AnyUploadFile, UploadRequestOption } from "./types";
+export declare function genUid(): string;
+export declare function formatFileSize(size: number): string;
+export declare function isImageType(file: AnyUploadFile): boolean;
+export declare function defaultRequest<T>(options: UploadRequestOption<T>): void;

package/dist/upload-manager/index.d.ts

@@ -0,0 +1,10 @@
+import type { UploadManagerProps } from "./types";
+import "./upload-manager.css";
+export type { UploadManagerFile, UploadManagerProps } from "./types";
+export type { UploadManagerStatus, UploadManagerRequestOption, UploadManagerChangeParam, } from "./types";
+export { useUploadManager } from "./use-upload-manager";
+declare function UploadManagerBase<T = unknown>(props: UploadManagerProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace UploadManagerBase {
+    var displayName: string;
+}
+export declare const UploadManager: typeof UploadManagerBase;

package/dist/upload-manager/manager-item.d.ts

@@ -0,0 +1,10 @@
+import type { UploadManagerFile } from "./types";
+export interface ManagerItemProps {
+    file: UploadManagerFile;
+    onRemove: (file: UploadManagerFile) => void;
+    onRetry: (uid: string) => void;
+    onPreview: (file: UploadManagerFile) => void;
+    /** 树形视图中已由目录行展示层级，不再在条目内重复显示相对路径 */
+    hideRelativePath?: boolean;
+}
+export declare function ManagerItem({ file, onRemove, onRetry, onPreview, hideRelativePath, }: ManagerItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/upload-manager/preview-modal.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { UploadManagerFile } from "./types";
+interface PreviewModalProps {
+    file: UploadManagerFile | null;
+    fileList: UploadManagerFile[];
+    onClose: () => void;
+    onNavigate: (file: UploadManagerFile) => void;
+}
+export declare function PreviewModal({ file, fileList, onClose, onNavigate, }: PreviewModalProps): React.ReactPortal | null;
+export {};

package/dist/upload-manager/types.d.ts

@@ -0,0 +1,80 @@
+import type React from "react";
+export type UploadManagerStatus = "pending" | "uploading" | "done" | "error" | "paused";
+export interface UploadManagerFile<T = unknown> {
+    uid: string;
+    name: string;
+    size: number;
+    type: string;
+    status: UploadManagerStatus;
+    percent: number;
+    originFileObj: File;
+    /** 图片/视频预览用 ObjectURL */
+    thumbUrl?: string;
+    /** 上传成功后服务端返回的响应 */
+    response?: T;
+    /** 上传失败时的错误信息 */
+    errorMessage?: string;
+    /** 文件添加时间 */
+    addedAt: number;
+    /** 相对路径（文件夹上传时携带层级，如 folderA/sub/file.txt） */
+    relativePath?: string;
+}
+export interface UploadManagerRequestOption<T = unknown> {
+    action: string;
+    file: File;
+    filename?: string;
+    headers?: Record<string, string>;
+    data?: Record<string, string | Blob>;
+    method?: string;
+    onProgress?: (event: {
+        percent: number;
+    }) => void;
+    onSuccess?: (body: T, xhr?: XMLHttpRequest) => void;
+    onError?: (err: Error, body?: T) => void;
+}
+export interface UploadManagerChangeParam<T = unknown> {
+    file: UploadManagerFile<T>;
+    fileList: UploadManagerFile<T>[];
+}
+export interface UploadManagerProps<T = unknown> {
+    /** 上传目标地址 */
+    action?: string | ((file: File) => string | Promise<string>);
+    /** 接受的文件类型 */
+    accept?: string;
+    /** 最大文件数量 */
+    maxCount?: number;
+    /** 单文件最大尺寸（字节），超过时在客户端拒绝 */
+    maxSize?: number;
+    /** 允许同时选择多个文件 */
+    multiple?: boolean;
+    /** 是否自动在选择后立即上传，默认 true */
+    autoUpload?: boolean;
+    /** 自定义上传请求 */
+    customRequest?: (options: UploadManagerRequestOption<T>) => void;
+    /** 上传前校验，返回 false 则跳过该文件 */
+    beforeUpload?: (file: File, fileList: File[]) => boolean | File | Promise<boolean | File>;
+    /** 受控文件列表 */
+    fileList?: UploadManagerFile<T>[];
+    /** 文件默认列表（非受控） */
+    defaultFileList?: UploadManagerFile<T>[];
+    /** 文件列表变化回调 */
+    onChange?: (info: UploadManagerChangeParam<T>) => void;
+    /** 文件移除回调，返回 false 阻止移除 */
+    onRemove?: (file: UploadManagerFile<T>) => boolean | void | Promise<boolean | void>;
+    /** 自定义预览行为；不传则使用内置预览弹窗 */
+    onPreview?: (file: UploadManagerFile<T>) => void;
+    /** 上传请求的 FormData 字段名，默认 "file" */
+    name?: string;
+    /** 额外的请求头 */
+    headers?: Record<string, string>;
+    /** 额外的 FormData 字段 */
+    data?: Record<string, string | Blob>;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义内联样式 */
+    style?: React.CSSProperties;
+    /** 拖拽上传区域的自定义文案 */
+    hint?: React.ReactNode;
+}

package/dist/upload-manager/use-upload-manager.d.ts

@@ -0,0 +1,19 @@
+import type { UploadManagerFile, UploadManagerProps } from "./types";
+export declare function formatFileSize(size: number): string;
+export declare function isImageFile(file: UploadManagerFile): boolean;
+export declare function isVideoFile(file: UploadManagerFile): boolean;
+export declare function useUploadManager<T>(props: UploadManagerProps<T>): {
+    fileList: UploadManagerFile<T>[];
+    stats: {
+        total: number;
+        pending: number;
+        uploading: number;
+        done: number;
+        error: number;
+    };
+    addFiles: (rawFiles: File[]) => Promise<void>;
+    startUpload: (uid?: string) => void;
+    retryFile: (uid: string) => void;
+    removeFile: (file: UploadManagerFile<T>) => Promise<void>;
+    clearAll: () => void;
+};

package/env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="vitepress/client" />
+/// <reference types="vue/macros-global" />

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@lite-code/aui-react",
+  "version": "0.0.1",
+  "description": "React 基础组件库及文档站点",
+  "type": "module",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./styles": "./dist/styles.css"
+  },
+  "author": "yunliang-ding",
+  "homepage": "http://111.229.112.107:3002/__/aui-react",
+  "dependencies": {
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0"
+  },
+  "devDependencies": {
+    "sucrase": "^3.35.1",
+    "@lite-code/vitepress-theme": "0.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-typescript": "^12.0.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "rollup": "^4.0.0",
+    "rollup-plugin-postcss": "4.0.2",
+    "typescript": "^5.5.0",
+    "vitepress": "2.0.0-alpha.17",
+    "vue": "^3.4.0",
+    "vue-tsc": "^3.2.7"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "scripts": {
+    "start": "vitepress dev .",
+    "docs:build": "vitepress build .",
+    "build": "rollup -c"
+  }
+}

package/rollup.config.js

@@ -0,0 +1,36 @@
+import resolve from "@rollup/plugin-node-resolve";
+import typescript from "@rollup/plugin-typescript";
+import postcss from 'rollup-plugin-postcss';
+import terser from "@rollup/plugin-terser";
+import { defineConfig } from "rollup";
+
+export default defineConfig({
+  input: "src/index.ts",
+  external: ["react", "react-dom", "react-dom/client", "react/jsx-runtime"],
+  plugins: [
+    terser(),
+    resolve(),
+    postcss({
+      inject: true,
+      minimize: true,
+    }),
+    typescript({
+      tsconfig: "./tsconfig.lib.json",
+      declaration: true,
+      declarationDir: "dist",
+    }),
+  ],
+  output: [
+    {
+      file: "dist/index.esm.js",
+      format: "esm",
+      sourcemap: true,
+    },
+    {
+      file: "dist/index.cjs.js",
+      format: "cjs",
+      sourcemap: true,
+      exports: "named",
+    },
+  ],
+});