@zjpcy/simple-design 1.3.0 → 1.3.1

package/dist/types/TreeSelect/types.d.ts

@@ -0,0 +1,107 @@
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * 树节点数据接口
+ */
+export interface TreeSelectNode {
+    /** 节点标题 */
+    title: ReactNode;
+    /** 节点值 */
+    value: any;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 子节点 */
+    children?: TreeSelectNode[];
+}
+/**
+ * 样式配置接口
+ */
+export interface TreeSelectStyles {
+    /** 容器样式 */
+    wrapper?: CSSProperties;
+    /** 选择框样式 */
+    selection?: CSSProperties;
+    /** 下拉面板样式 */
+    dropdown?: CSSProperties;
+    /** 树节点样式 */
+    treeNode?: CSSProperties;
+    /** 标签样式 */
+    tag?: CSSProperties;
+}
+/**
+ * TreeSelect 组件属性接口
+ */
+export interface TreeSelectProps {
+    /** 树形数据 */
+    treeData?: TreeSelectNode[];
+    /** 选中的值（受控） */
+    value?: any | any[];
+    /** 默认选中的值（非受控） */
+    defaultValue?: any | any[];
+    /** 选中值变化时的回调 */
+    onChange?: (value: any | any[], selectedNodes: TreeSelectNode[]) => void;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否支持多选 */
+    multiple?: boolean;
+    /** 最大标签数量（多选时有效） */
+    maxTagCount?: number;
+    /** 是否显示清除按钮 */
+    allowClear?: boolean;
+    /** 尺寸 */
+    size?: 'large' | 'middle' | 'small';
+    /** 自定义样式 */
+    styles?: TreeSelectStyles;
+    /** 自定义类名 */
+    className?: string;
+    /** 下拉框宽度 */
+    dropdownWidth?: number | string;
+    /** 下拉框高度 */
+    dropdownHeight?: number | string;
+    /** 是否支持搜索 */
+    showSearch?: boolean;
+    /** 自定义过滤函数 */
+    filterOption?: (input: string, option: TreeSelectNode) => boolean;
+    /** 选中后是否关闭下拉框 */
+    autoClearSearchValue?: boolean;
+    /** 自定义字段名 */
+    fieldNames?: {
+        title?: string;
+        value?: string;
+        children?: string;
+    };
+    /** 宽度 */
+    width?: number | string;
+}
+/**
+ * 尺寸配置接口
+ */
+export interface TreeSelectSizeConfig {
+    selectionHeight: number;
+    selectionPadding: string;
+    fontSize: number;
+    tagPadding: string;
+}
+/**
+ * TreeSelect 主题配置接口
+ */
+export interface TreeSelectThemeConfig {
+    colors: {
+        primary: string;
+        primaryHover: string;
+        text: string;
+        textSecondary: string;
+        textTertiary: string;
+        border: string;
+        borderLight: string;
+        bgWhite: string;
+        bgLight: string;
+        selectedBg: string;
+    };
+    sizes: {
+        large: TreeSelectSizeConfig;
+        middle: TreeSelectSizeConfig;
+        small: TreeSelectSizeConfig;
+    };
+}

package/dist/types/Typography/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TypographyProps } from './types';
+import './Typography.css';
+declare const Typography: React.FC<TypographyProps>;
+export default Typography;

package/dist/types/Typography/types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface TypographyProps {
+    /** 文本内容 */
+    children: ReactNode;
+    /** 宽度限制 */
+    width?: number | string;
+    /** 行数限制 */
+    rows?: number;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { UploadProps, UploadFile, UploadRequestOptions } from './types';
+import './Upload.css';
+declare const Upload: React.FC<UploadProps>;
+export default Upload;
+export type { UploadFile, UploadProps, UploadRequestOptions };

package/dist/types/Upload/styles.d.ts

@@ -0,0 +1,28 @@
+import { UploadFile } from './types';
+export declare const UploadWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    disabled?: boolean;
+}>> & string;
+export declare const UploadInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const UploadTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UploadDragArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isDragOver?: boolean;
+    disabled?: boolean;
+}>> & string;
+export declare const UploadDragIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UploadDragText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UploadDragHint: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UploadListWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UploadListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    status?: UploadFile["status"];
+}>> & string;
+export declare const UploadListItemInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UploadListItemName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const UploadListItemIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const UploadListItemActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const UploadListItemAction: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const UploadProgress: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UploadProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    percent: number;
+    status?: UploadFile["status"];
+}>> & string;
+export declare const UploadListItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/Upload/types.d.ts

@@ -0,0 +1,90 @@
+import React from 'react';
+export interface UploadFile {
+    uid: string;
+    name: string;
+    size: number;
+    type: string;
+    status?: 'ready' | 'uploading' | 'success' | 'error';
+    percent?: number;
+    response?: any;
+    error?: Error;
+    raw?: File;
+}
+export interface UploadProps {
+    /** 上传地址 */
+    action?: string;
+    /** 默认已经上传的文件列表 */
+    defaultFileList?: UploadFile[];
+    /** 已经上传的文件列表（受控） */
+    fileList?: UploadFile[];
+    /** 上传文件改变时的状态 */
+    onChange?: (fileList: UploadFile[]) => void;
+    /** 上传文件之前的钩子，参数为上传的文件 */
+    beforeUpload?: (file: File, fileList: File[]) => boolean | Promise<File>;
+    /** 文件上传时的钩子 */
+    onProgress?: (percent: number, file: UploadFile) => void;
+    /** 文件上传成功时的钩子 */
+    onSuccess?: (response: any, file: UploadFile) => void;
+    /** 文件上传失败时的钩子 */
+    onError?: (error: Error, file: UploadFile) => void;
+    /** 文件移除时的钩子 */
+    onRemove?: (file: UploadFile) => void | boolean | Promise<boolean>;
+    /** 设置上传的请求头部 */
+    headers?: Record<string, string>;
+    /** 上传的文件字段名 */
+    name?: string;
+    /** 上传时附带的额外参数 */
+    data?: Record<string, any> | ((file: File) => Record<string, any>);
+    /** 支持发送 cookie 凭证信息 */
+    withCredentials?: boolean;
+    /** 接受上传的文件类型 */
+    accept?: string;
+    /** 是否支持多选文件 */
+    multiple?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否支持拖拽上传 */
+    drag?: boolean;
+    /** 上传组件的样式 */
+    style?: React.CSSProperties;
+    /** 上传组件的类名 */
+    className?: string;
+    /** 自定义上传方法 */
+    customRequest?: (options: UploadRequestOptions) => void;
+    /** 文件列表渲染 */
+    itemRender?: (file: UploadFile, fileList: UploadFile[]) => React.ReactNode;
+    /** 是否显示文件列表 */
+    showUploadList?: boolean | ShowUploadListType;
+    /** 自定义请求方法 */
+    method?: 'POST' | 'PUT' | 'PATCH' | 'post' | 'put' | 'patch';
+    /** 子元素 */
+    children?: React.ReactNode;
+    /** 最大上传文件数量 */
+    maxCount?: number;
+}
+export interface ShowUploadListType {
+    showRemoveIcon?: boolean;
+    showPreviewIcon?: boolean;
+    showDownloadIcon?: boolean;
+}
+export interface UploadRequestOptions {
+    action: string;
+    filename: string;
+    file: File;
+    data?: Record<string, any>;
+    headers?: Record<string, string>;
+    withCredentials?: boolean;
+    onProgress: (percent: number) => void;
+    onSuccess: (response: any) => void;
+    onError: (error: Error) => void;
+    method: string;
+}
+export interface UploadListProps {
+    fileList: UploadFile[];
+    onRemove: (file: UploadFile) => void;
+    showUploadList?: boolean | ShowUploadListType;
+    itemRender?: (file: UploadFile, fileList: UploadFile[]) => React.ReactNode;
+}
+export interface UploadDragProps extends Omit<UploadProps, 'drag'> {
+    children?: React.ReactNode;
+}

package/dist/types/index.d.ts

@@ -0,0 +1,63 @@
+export { default as Button } from './Button';
+export { default as Spin } from './Spin';
+export type { SpinProps, SpinSize } from './Spin';
+export { default as Carousel } from './Carousel';
+export { default as Cascader } from './Cascader';
+export { default as TreeSelect } from './TreeSelect';
+export { default as ColorPicker } from './ColorPicker';
+export { default as CopyToClipboard, useOnCopy as useCopy } from './CopyToClipboard';
+export { default as Divider } from './Divider';
+export { default as Empty } from './Empty';
+export { default as Flex } from './Flex';
+export { default as Icon } from './Icon';
+export { default as Input, Textarea } from './Input';
+export { default as Marquee } from './Marquee';
+export { default as Message, MessageProvider, useMessage, message } from './Message';
+export { default as Modal } from './Modal';
+export { default as Notice } from './Notice/Notice';
+export type { NoticeProps, NoticeType } from './Notice/Notice';
+export { default as Notification } from './Notification/Notification';
+export { default as Radio } from './Radio';
+export { default as Select } from './Select';
+export { default as Table } from './Table';
+export { default as Top } from './Top';
+export { default as Typography } from './Typography';
+export { default as Masonry } from './Masonry';
+export { default as Space } from './Space';
+export { default as Anchor } from './Anchor';
+export { default as Breadcrumb } from './Breadcrumb';
+export { default as I18nProvider, useI18n, load18n } from '../i18n/I18nProvider';
+export { default as i18n } from '../i18n/index';
+export { default as Dropdown } from './Dropdown';
+export { default as Menu } from './Menu';
+export { default as Pagination } from './Pagination';
+export { default as Rate } from './Rate';
+export { default as Slider } from './Slider';
+export { default as Steps } from './Steps';
+export { default as Switch } from './Switch';
+export { default as Tabs } from './Tabs';
+export { default as Transfer } from './Transfer';
+export { default as Label } from './Label';
+export { default as Layout } from './Layout';
+export { default as Tooltip } from './Tooltip';
+export { default as Form } from './Form';
+export { default as Grid, Row, Col } from './Grid';
+export { default as Drawer } from './Drawer';
+export type { DrawerProps, DrawerPlacement } from './Drawer';
+export { default as Checkbox } from './Checkbox';
+export { default as Tag } from './Tag';
+export type { TagProps, TagSize } from './Tag';
+export { default as Popconfirm } from './Popconfirm';
+export type { PopconfirmProps, PopconfirmPlacement } from './Popconfirm';
+export { default as Progress } from './Progress';
+export type { ProgressProps, ProgressType, ProgressStatus } from './Progress';
+export { default as TimePicker } from './TimePicker';
+export type { TimePickerProps } from './TimePicker';
+export { default as DatePicker } from './DatePicker';
+export type { DatePickerProps, DateRangePickerProps } from './DatePicker';
+export { default as Tree } from './Tree';
+export type { TreeProps, TreeNode, TreeRef } from './Tree';
+export { default as Upload } from './Upload';
+export type { UploadProps, UploadFile, UploadRequestOptions } from './Upload';
+export { default as Splitter } from './Splitter';
+export type { SplitterProps } from './Splitter/types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zjpcy/simple-design",
-  "version": "1.3.00",
+  "version": "1.3.01",
   "description": "IDP Studio Design System - React Component Library",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
@@ -14,6 +14,7 @@
     "build": "rimraf dist && mkdir -p dist && tsc --emitDeclarationOnly --outDir dist/types --project tsconfig.build.json && rollup -c",
     "build:types": "tsc --emitDeclarationOnly --outDir dist/types --project tsconfig.build.json",
     "build:rollup": "rollup -c",
+    "build:example": "webpack --config webpack.config.pro.cjs",
     "prebuild": "rimraf dist",
     "lint": "eslint src --ext ts,tsx",
     "preview": "vite preview"
@@ -56,6 +57,7 @@
     "i18next": "^25.7.4",
     "less": "^4.5.1",
     "less-loader": "^11.0.0",
+    "mini-css-extract-plugin": "^2.10.0",
     "postcss": "^8.5.6",
     "postcss-less": "^6.0.0",
     "react": "^18.0.0",