@wzyjs/uis 0.3.29 → 0.3.30

package/dist/display/MarkdownView/style.d.ts

@@ -0,0 +1 @@
+export declare const style = "\n  code {\n      color: #c7254e;\n      background-color: #f9f2f4;\n      border-radius: 4px;\n  }\n\n  /* \u76EE\u5F55\u5BB9\u5668\u6837\u5F0F */\n  .markdown-toc .markdown-body {\n    position: relative;\n  }\n\n  /* \u951A\u70B9\u94FE\u63A5\u6837\u5F0F */\n  .markdown-toc .anchor {\n    text-decoration: none !important;\n    color: inherit !important;\n    display: contents !important;\n  }\n\n  .markdown-toc .anchor:hover {\n    text-decoration: underline !important;\n  }\n\n  /* \u6807\u9898\u60AC\u6D6E\u6548\u679C */\n  .markdown-toc h1:hover .anchor::after,\n  .markdown-toc h2:hover .anchor::after,\n  .markdown-toc h3:hover .anchor::after,\n  .markdown-toc h4:hover .anchor::after,\n  .markdown-toc h5:hover .anchor::after,\n  .markdown-toc h6:hover .anchor::after {\n    content: \" \uD83D\uDD17\";\n    opacity: 0.6;\n    font-size: 0.8em;\n  }\n\n  /* \u76EE\u5F55\u6807\u9898\u6837\u5F0F */\n  // .markdown-toc h2:first-of-type {\n  //   display: block !important;\n  //   color: #24292f !important;\n  //   font-size: 18px !important;\n  //   font-weight: 600 !important;\n  //   line-height: 1.4 !important;\n  //   border-bottom: 1px solid #d1d9e0 !important;\n  //   padding-bottom: 8px !important;\n  //   margin: 0 0 16px 0 !important;\n  // }\n\n  /* \u76EE\u5F55\u4E13\u7528\u6837\u5F0F - \u53EA\u5BF9\u7B2C\u4E00\u4E2Ah2\u4E0B\u7684\u5217\u8868\u751F\u6548 */\n  .markdown-toc h2:first-of-type + ul {\n    background: #f8f9fa !important;\n    border: 1px solid #e1e4e8 !important;\n    border-radius: 6px !important;\n    padding: 16px !important;\n    margin: 16px 0 24px 0 !important;\n    list-style: none !important;\n  }\n\n  .markdown-toc h2:first-of-type + ul li {\n    margin: 8px 0 !important;\n    padding-left: 0 !important;\n    list-style: none !important;\n  }\n\n  .markdown-toc h2:first-of-type + ul li::before {\n    content: \"\uD83D\uDCD6 \" !important;\n    margin-right: 8px !important;\n  }\n\n  .markdown-toc h2:first-of-type + ul li ul {\n    margin: 4px 0 0 0 !important;\n    padding-left: 20px !important;\n    list-style: none !important;\n  }\n\n  .markdown-toc h2:first-of-type + ul li ul li {\n    margin: 4px 0 !important;\n    padding-left: 0 !important;\n  }\n\n  .markdown-toc h2:first-of-type + ul li ul li::before {\n    content: \"\u25B8 \" !important;\n    margin-right: 6px !important;\n    color: #666 !important;\n  }\n\n  .markdown-toc h2:first-of-type + ul li ul li ul {\n    padding-left: 16px !important;\n  }\n\n  .markdown-toc h2:first-of-type + ul li ul li ul li::before {\n    content: \"\u25E6 \" !important;\n    color: #999 !important;\n  }\n\n  /* \u76EE\u5F55\u94FE\u63A5\u6837\u5F0F */\n  .markdown-toc h2:first-of-type + ul a {\n    color: #0969da !important;\n    text-decoration: none !important;\n    font-weight: 500 !important;\n  }\n\n  .markdown-toc h2:first-of-type + ul a:hover {\n    text-decoration: underline !important;\n    color: #0550ae !important;\n  }\n";

package/{src/components/Markdown/style.ts → dist/display/MarkdownView/style.js}

@@ -103,4 +103,4 @@ export const style = `
     text-decoration: underline !important;
     color: #0550ae !important;
   }
-`
+`;

package/dist/display/VideoPro/index.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+interface VideoProProps {
+    url: string;
+    width?: number;
+    height?: number;
+    style?: CSSProperties;
+}
+export declare const VideoPro: (props: VideoProProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/display/VideoPro/index.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+export const VideoPro = (props) => {
+    const { url, width = 175, height = 310, style } = props;
+    const videoRef = useRef(null);
+    if (!url) {
+        return null;
+    }
+    return (_jsx("video", { ref: videoRef, width: width, height: height, style: style, onMouseEnter: () => {
+            videoRef.current?.play();
+        }, onMouseLeave: () => {
+            videoRef.current?.pause();
+        }, children: _jsx("source", { src: url, type: 'video/mp4' }) }));
+};

package/dist/display/index.d.ts

@@ -0,0 +1,9 @@
+export * from './CodeView';
+export * from './MarkdownView';
+export * from './HtmlView';
+export * from './IframePro';
+export * from './JsonSchemaRenderer';
+export * from './JsonView';
+export * from './EnumTag';
+export * from './VideoPro';
+export * from './HtmlDataRenderer';

package/dist/display/index.js

@@ -0,0 +1,9 @@
+export * from './CodeView';
+export * from './MarkdownView';
+export * from './HtmlView';
+export * from './IframePro';
+export * from './JsonSchemaRenderer';
+export * from './JsonView';
+export * from './EnumTag';
+export * from './VideoPro';
+export * from './HtmlDataRenderer';

package/dist/inputs/CheckboxButton/index.css

@@ -0,0 +1,22 @@
+.wzy-ui-checkbox-button .ant-pro-checkcard-content {
+  padding: 0 !important;
+}
+
+.wzy-ui-checkbox-button .ant-pro-checkcard {
+  margin-bottom: 0 !important;
+  text-align: center !important;
+  display: flex;
+  justify-content: center;
+  border-radius: 0 !important;
+}
+
+.wzy-ui-checkbox-button .ant-pro-checkcard-title {
+  height: 100%;
+}
+
+.wzy-ui-checkbox-button .ant-pro-checkcard div {
+  width: 100%;
+  font-weight: 400 !important;
+  height: 30px !important;
+  line-height: 28px !important;
+}

package/dist/inputs/CheckboxButton/index.d.ts

@@ -0,0 +1,12 @@
+import { CheckCardValueType, CheckGroupValueType } from '@ant-design/pro-card/es/components/CheckCard/Group';
+import './index.css';
+interface CheckboxButtonProps {
+    options: {
+        label: string;
+        value: CheckCardValueType;
+    }[];
+    value?: CheckGroupValueType;
+    onChange?: (value: CheckGroupValueType) => void;
+}
+export declare const CheckboxButton: (props: CheckboxButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/inputs/CheckboxButton/index.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Col, Row } from 'antd';
+import { CheckCard } from '@ant-design/pro-components';
+import './index.css';
+export const CheckboxButton = (props) => {
+    const { options, value, onChange } = props;
+    return (_jsx("div", { className: 'wzy-ui-checkbox-button', children: _jsx(CheckCard.Group, { style: { width: '100%' }, size: 'small', multiple: true, value: value, onChange: onChange, children: _jsx(Row, { children: options.map((item, index) => (_jsx(Col, { children: _jsx(CheckCard, { title: item.label, value: item.value, style: { width: 60, height: 30 } }) }, index))) }) }) }));
+};

package/dist/inputs/DateSwitcher/index.css

@@ -0,0 +1,10 @@
+.wzy-ui-date-switcher {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.wzy-ui-date-switcher .ant-picker-input input {
+  text-align: center !important;
+  cursor: pointer;
+}

package/dist/inputs/DateSwitcher/index.d.ts

@@ -0,0 +1,8 @@
+import { type Dayjs } from '@wzyjs/utils/web';
+import './index.css';
+interface DateSwitcherProps {
+    value?: Dayjs;
+    onChange?: (date: Dayjs) => void;
+}
+export declare const DateSwitcher: (props: DateSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/inputs/DateSwitcher/index.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { DatePicker, Button } from 'antd';
+import { LeftOutlined, RightOutlined } from '@ant-design/icons';
+import { dayjs } from '@wzyjs/utils/web';
+import './index.css';
+export const DateSwitcher = (props) => {
+    const { value = dayjs(), onChange } = props;
+    const [selectedDate, setSelectedDate] = useState(value);
+    const handleDateChange = (date) => {
+        if (date) {
+            setSelectedDate(date);
+            onChange?.(date);
+        }
+    };
+    const handlePrevDay = () => {
+        const newDate = selectedDate.subtract(1, 'day');
+        handleDateChange(newDate);
+    };
+    const handleNextDay = () => {
+        const newDate = selectedDate.add(1, 'day');
+        handleDateChange(newDate);
+    };
+    const isToday = selectedDate.isSame(dayjs(), 'day');
+    return (_jsxs("div", { className: 'wzy-ui-date-switcher', children: [_jsx(Button, { type: 'text', icon: _jsx(LeftOutlined, {}), onClick: handlePrevDay, className: 'flex items-center justify-center' }), _jsx(DatePicker, { value: selectedDate, onChange: handleDateChange, allowClear: false, suffixIcon: null, className: 'w-40 text-center cursor-pointer', style: { border: 'none' }, components: {
+                    input: props => (_jsxs("div", { ...props, className: isToday ? 'text-blue-600' : '', children: [_jsx("span", { children: selectedDate.format('YYYY-MM-DD') }), _jsxs("span", { style: { marginLeft: 5 }, children: ["(\u5468", ['日', '一', '二', '三', '四', '五', '六'][dayjs(selectedDate).day()], ")"] })] })),
+                } }), _jsx(Button, { type: 'text', icon: _jsx(RightOutlined, {}), onClick: handleNextDay, className: 'flex items-center justify-center' })] }));
+};

package/dist/inputs/FetchSelect/index.d.ts

@@ -0,0 +1,3 @@
+import type { FetchSelectProps } from './types';
+export type { FetchSelectProps } from './types';
+export declare const FetchSelect: <TItem extends Record<string, any> = Record<string, any>>(props: FetchSelectProps<TItem>) => import("react/jsx-runtime").JSX.Element;

package/dist/inputs/FetchSelect/index.js

@@ -0,0 +1,121 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from 'react';
+import { useCacheState, useControllableValue } from '@wzyjs/hooks/web';
+import { Select } from 'antd';
+import { getChangeItem, getChangeOption, getCurrentValue, getOptionMapByValue, getOptions, isOptionValue, } from './utils';
+export const FetchSelect = (props) => {
+    const { query, queryInput, fieldNames, optionMap, optionListMap, placeholder = '请选择', allowClear = true, selectFirst = false, clearIfNotInOptions = false, clearWhenOptionsEmpty = false, cacheKey, value, onChange, ...selectProps } = props;
+    const isMultipleMode = selectProps.mode === 'multiple' || selectProps.mode === 'tags';
+    const [selectedValue, setSelectedValue] = useControllableValue(props, {
+        trigger: 'onValueChange',
+        defaultValue: value,
+    });
+    const { data, isLoading } = query.useQuery(queryInput);
+    const currentValue = useMemo(() => {
+        return getCurrentValue(selectedValue, isMultipleMode);
+    }, [isMultipleMode, selectedValue]);
+    const { updateValue } = useCacheState(cacheKey, currentValue, val => {
+        setSelectedValue(val);
+        onChange?.(val, undefined, undefined);
+    });
+    const labelField = fieldNames?.label ?? 'title';
+    const valueField = fieldNames?.value ?? 'id';
+    const options = useMemo(() => {
+        return getOptions({
+            data,
+            optionMap,
+            optionListMap,
+            labelField,
+            valueField,
+        });
+    }, [data, optionMap, optionListMap, labelField, valueField]);
+    const optionMapByValue = useMemo(() => {
+        return getOptionMapByValue(options);
+    }, [options]);
+    const emitChange = (nextValue, option) => {
+        const changeOption = getChangeOption({
+            nextValue,
+            option,
+            optionMapByValue,
+        });
+        const changeItem = getChangeItem(changeOption);
+        if (Array.isArray(nextValue)) {
+            const nextValues = nextValue.filter(isOptionValue);
+            if (nextValues.length) {
+                updateValue(nextValues);
+            }
+            else {
+                updateValue(undefined);
+            }
+            onChange?.(nextValue, changeItem, changeOption);
+            return;
+        }
+        if (!isOptionValue(nextValue)) {
+            updateValue(undefined);
+            onChange?.(nextValue, changeItem, changeOption);
+            return;
+        }
+        updateValue(nextValue);
+        onChange?.(nextValue, changeItem, changeOption);
+    };
+    const handleChange = (nextValue, option) => {
+        emitChange(nextValue, option);
+    };
+    useEffect(() => {
+        if (isLoading) {
+            return;
+        }
+        const optionValues = options.map(item => item.value);
+        if (isMultipleMode) {
+            const selectedValues = Array.isArray(currentValue) ? currentValue : [];
+            if (!options.length) {
+                if (clearIfNotInOptions && clearWhenOptionsEmpty && selectedValues.length) {
+                    emitChange([], undefined);
+                }
+                return;
+            }
+            if (selectFirst && !selectedValues.length) {
+                const firstOption = options[0];
+                if (firstOption) {
+                    emitChange([firstOption.value], [firstOption]);
+                }
+                return;
+            }
+            if (clearIfNotInOptions && selectedValues.length) {
+                const validValues = selectedValues.filter(valueItem => optionValues.includes(valueItem));
+                if (validValues.length !== selectedValues.length) {
+                    emitChange(validValues, undefined);
+                }
+            }
+            return;
+        }
+        if (!options.length) {
+            if (clearIfNotInOptions && clearWhenOptionsEmpty && currentValue !== undefined) {
+                emitChange(undefined, undefined);
+            }
+            return;
+        }
+        const singleCurrentValue = Array.isArray(currentValue) ? undefined : currentValue;
+        const hasSelected = singleCurrentValue !== undefined && optionValues.includes(singleCurrentValue);
+        if (selectFirst && !hasSelected) {
+            const firstOption = options[0];
+            if (firstOption) {
+                emitChange(firstOption.value, firstOption);
+            }
+            return;
+        }
+        if (clearIfNotInOptions && singleCurrentValue !== undefined && !hasSelected) {
+            emitChange(undefined, undefined);
+        }
+    }, [
+        isLoading,
+        options,
+        currentValue,
+        selectFirst,
+        clearIfNotInOptions,
+        clearWhenOptionsEmpty,
+        isMultipleMode,
+    ]);
+    return (_jsx(Select, { styles: { root: { width: '100%' } }, value: selectedValue, onChange: handleChange, placeholder: placeholder, allowClear: allowClear, loading: isLoading, options: options, showSearch: { optionFilterProp: 'label' }, ...selectProps }));
+};

package/dist/inputs/FetchSelect/types.d.ts

@@ -0,0 +1,33 @@
+import type { SelectProps } from 'antd';
+import type { ReactNode } from 'react';
+export type QueryLike<TItem = any> = {
+    useQuery: (...args: any[]) => {
+        data?: TItem[];
+        isLoading: boolean;
+    };
+};
+export type SelectOnChange = NonNullable<SelectProps['onChange']>;
+export type SelectChangeValue = Parameters<SelectOnChange>[0];
+export type SelectChangeOption = Parameters<SelectOnChange>[1];
+export type FetchSelectOption = {
+    label: ReactNode;
+    value: string | number;
+} & Record<string, unknown>;
+export type OptionValue = string | number;
+export type FetchSelectChangeOption = FetchSelectOption | FetchSelectOption[] | undefined;
+export type FetchSelectChangeItem<TItem> = TItem | undefined;
+export interface FetchSelectProps<TItem extends Record<string, any> = Record<string, any>> extends Omit<SelectProps, 'options' | 'loading' | 'onChange'> {
+    query: QueryLike<TItem>;
+    queryInput?: Record<string, any>;
+    fieldNames?: {
+        label: keyof TItem & string;
+        value: keyof TItem & string;
+    };
+    optionMap?: (item: TItem) => FetchSelectOption;
+    optionListMap?: (item: TItem) => FetchSelectOption[];
+    selectFirst?: boolean;
+    clearIfNotInOptions?: boolean;
+    clearWhenOptionsEmpty?: boolean;
+    cacheKey?: string;
+    onChange?: (value: SelectChangeValue, item: FetchSelectChangeItem<TItem>, option: FetchSelectChangeOption) => void;
+}

package/dist/inputs/FetchSelect/types.js

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

package/dist/inputs/FetchSelect/utils.d.ts

@@ -0,0 +1,21 @@
+import type { FetchSelectChangeItem, FetchSelectChangeOption, FetchSelectOption, OptionValue, SelectChangeOption, SelectChangeValue } from './types';
+export declare const isOptionValue: (value: unknown) => value is OptionValue;
+export declare const getCurrentValue: (value: unknown, isMultipleMode: boolean) => OptionValue | OptionValue[] | undefined;
+export declare const getOptions: <TItem extends Record<string, any>>(params: {
+    data?: TItem[];
+    optionMap?: (item: TItem) => FetchSelectOption;
+    optionListMap?: (item: TItem) => FetchSelectOption[];
+    labelField: keyof TItem & string;
+    valueField: keyof TItem & string;
+}) => FetchSelectOption[] | {
+    label: TItem[keyof TItem & string];
+    value: TItem[keyof TItem & string];
+    item: TItem;
+}[];
+export declare const getOptionMapByValue: (options: FetchSelectOption[]) => Map<OptionValue, FetchSelectOption>;
+export declare const getChangeOption: (params: {
+    nextValue: SelectChangeValue;
+    option: SelectChangeOption;
+    optionMapByValue: Map<OptionValue, FetchSelectOption>;
+}) => FetchSelectChangeOption;
+export declare const getChangeItem: <TItem>(changeOption: FetchSelectChangeOption) => FetchSelectChangeItem<TItem>;

package/dist/inputs/FetchSelect/utils.js

@@ -0,0 +1,67 @@
+import { _ } from '@wzyjs/utils/web';
+export const isOptionValue = (value) => {
+    return typeof value === 'string' || typeof value === 'number';
+};
+export const getCurrentValue = (value, isMultipleMode) => {
+    if (isMultipleMode) {
+        if (!Array.isArray(value)) {
+            return undefined;
+        }
+        return value.filter(isOptionValue);
+    }
+    if (isOptionValue(value)) {
+        return value;
+    }
+    return undefined;
+};
+export const getOptions = (params) => {
+    const { data, optionMap, optionListMap, labelField, valueField } = params;
+    if (!data) {
+        return [];
+    }
+    if (optionListMap) {
+        return data.flatMap(optionListMap);
+    }
+    if (optionMap) {
+        return data.map(optionMap);
+    }
+    return data.map(item => ({
+        label: _.get(item, labelField),
+        value: _.get(item, valueField),
+        item,
+    }));
+};
+export const getOptionMapByValue = (options) => {
+    return new Map(options.map(item => [item.value, item]));
+};
+export const getChangeOption = (params) => {
+    const { nextValue, option, optionMapByValue } = params;
+    if (Array.isArray(nextValue)) {
+        const mappedOptions = nextValue
+            .filter(isOptionValue)
+            .map(valueItem => optionMapByValue.get(valueItem))
+            .filter(Boolean);
+        return mappedOptions.length ? mappedOptions : undefined;
+    }
+    if (isOptionValue(nextValue)) {
+        return optionMapByValue.get(nextValue);
+    }
+    const currentOption = Array.isArray(option) ? option[0] : option;
+    if (!currentOption) {
+        return undefined;
+    }
+    return currentOption;
+};
+export const getChangeItem = (changeOption) => {
+    if (Array.isArray(changeOption)) {
+        const firstOption = changeOption[0];
+        if (!firstOption) {
+            return undefined;
+        }
+        return firstOption.item;
+    }
+    if (!changeOption) {
+        return undefined;
+    }
+    return changeOption.item;
+};

package/dist/inputs/FileUploader/index.d.ts

@@ -0,0 +1,22 @@
+import { type ReactElement } from 'react';
+import type { UploadProps, UploadFile as AntUploadFile } from 'antd';
+export interface FileUploaderProps {
+    value?: AntUploadFile[];
+    onChange?: (fileList: AntUploadFile[]) => void;
+    mode?: 'file' | 'http';
+    accept?: string;
+    multiple?: boolean;
+    maxCount?: number;
+    trigger?: 'button' | 'dragger' | ReactElement;
+    listType?: UploadProps['listType'];
+    beforeUpload?: (file: AntUploadFile) => boolean | Promise<void>;
+    immediateUpload?: boolean;
+    action?: string;
+    data?: Record<string, unknown> | ((file: AntUploadFile) => Record<string, unknown>);
+    headers?: UploadProps['headers'];
+    withCredentials?: boolean;
+    disabled?: boolean;
+    showUploadList?: boolean;
+    onUploadChange?: UploadProps['onChange'];
+}
+export declare const FileUploader: (props: FileUploaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/inputs/FileUploader/index.js

@@ -0,0 +1,79 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Upload, Button, } from 'antd';
+import { UploadOutlined, InboxOutlined } from '@ant-design/icons';
+export const FileUploader = (props) => {
+    const { value, onChange, mode = 'file', accept, multiple = true, maxCount, trigger = 'dragger', listType = 'text', beforeUpload, immediateUpload = false, action = '/api/file/upload', data, headers, withCredentials, disabled, showUploadList = trigger === 'dragger', onUploadChange, } = props;
+    const [internalFileList, setInternalFileList] = useState([]);
+    const fileList = value || internalFileList;
+    const handleChange = (info) => {
+        let newFileList = [...info.fileList];
+        // 限制数量
+        if (maxCount && newFileList.length > maxCount) {
+            newFileList = newFileList.slice(-maxCount);
+        }
+        // 如果不是立即上传模式，我们需要手动管理状态
+        if (!immediateUpload) {
+            // 这里的逻辑主要依赖 beforeUpload 返回 false 来阻止上传
+            // 但 onChange 依然会被触发
+        }
+        // 更新状态
+        if (!value) {
+            setInternalFileList(newFileList);
+        }
+        // 通知外部
+        onChange?.(newFileList);
+        onUploadChange?.(info);
+    };
+    const handleBeforeUpload = async (file) => {
+        // 1. 外部校验
+        if (beforeUpload) {
+            const result = await beforeUpload(file);
+            if (result === false) {
+                return Upload.LIST_IGNORE;
+            }
+        }
+        // 2. 立即上传模式
+        if (immediateUpload) {
+            return true;
+        }
+        // 3. 非立即上传模式，阻止默认上传行为，但添加到列表
+        return false;
+    };
+    const uploadProps = {
+        fileList,
+        accept,
+        multiple,
+        maxCount,
+        listType,
+        disabled,
+        showUploadList,
+        beforeUpload: handleBeforeUpload,
+        onChange: handleChange,
+        onDrop: (e) => {
+            // console.log('Dropped files', e.dataTransfer.files)
+        },
+    };
+    // 立即上传相关配置
+    if (immediateUpload) {
+        uploadProps.action = action;
+        uploadProps.data = data;
+        uploadProps.headers = headers;
+        uploadProps.withCredentials = withCredentials;
+    }
+    else {
+        // 非立即上传模式，不需要 action
+        uploadProps.customRequest = () => undefined; // 覆盖默认上传行为，防止自动上传尝试
+    }
+    if (mode === 'http') {
+        return _jsx("div", { children: "HTTP \u8F93\u5165\u6A21\u5F0F\u6682\u672A\u652F\u6301" });
+    }
+    if (trigger === 'button') {
+        return (_jsx(Upload, { ...uploadProps, children: _jsx(Button, { type: "primary", icon: _jsx(UploadOutlined, {}), children: "\u4E0A\u4F20\u6587\u4EF6" }) }));
+    }
+    if (trigger === 'dragger') {
+        return (_jsxs(Upload.Dragger, { ...uploadProps, children: [_jsx("p", { className: "ant-upload-drag-icon", children: _jsx(InboxOutlined, {}) }), _jsx("p", { className: "ant-upload-text", children: "\u70B9\u51FB\u6216\u62D6\u62FD\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4E0A\u4F20" }), _jsxs("p", { className: "ant-upload-hint", children: ["\u652F\u6301\u5355\u4E2A\u6216\u6279\u91CF\u4E0A\u4F20", maxCount ? `，最多 ${maxCount} 个文件` : ''] })] }));
+    }
+    return trigger;
+};

package/dist/inputs/IconSelect/index.d.ts

@@ -0,0 +1,89 @@
+import type { ReactElement, ReactNode } from 'react';
+export declare const iconSelectOptions: readonly [{
+    readonly value: "home";
+    readonly label: "Home";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "calendar";
+    readonly label: "Calendar";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "appstore";
+    readonly label: "Appstore";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "fileText";
+    readonly label: "FileText";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "bulb";
+    readonly label: "Bulb";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "user";
+    readonly label: "User";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "shopping";
+    readonly label: "Shopping";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "book";
+    readonly label: "Book";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "database";
+    readonly label: "Database";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "apartment";
+    readonly label: "Apartment";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "folderAdd";
+    readonly label: "FolderAdd";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "send";
+    readonly label: "Send";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "plus";
+    readonly label: "Plus";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "minus";
+    readonly label: "Minus";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "eye";
+    readonly label: "Eye";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "edit";
+    readonly label: "Edit";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "delete";
+    readonly label: "Delete";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "star";
+    readonly label: "Star";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "down";
+    readonly label: "Down";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}, {
+    readonly value: "question";
+    readonly label: "Question";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+}];
+export type IconSelectKey = (typeof iconSelectOptions)[number]['value'];
+export declare const getIconNode: (value?: string | null) => ReactNode | null;
+export interface IconSelectProps {
+    value?: unknown;
+    onChange?: (value: unknown) => void;
+}
+export declare const IconSelect: (props: IconSelectProps) => ReactElement;