react-big-screen 0.0.0 → 0.0.3

package/package.json

@@ -1,21 +1,37 @@
 {
   "name": "react-big-screen",
   "private": false,
-  "homepage": "https://github.com/tangjiahui-cn/big-screen.git",
+  "homepage": "https://github.com/tangjiahui-cn/react-big-screen.git",
   "author": "tangjiahui-cn",
   "description": "一个前端大屏看板项目",
-  "version": "0.0.0",
+  "license": "ISC",
+  "version": "0.0.3",
+  "module": "./es/index.mjs",
+  "types": "./types/src/export/index.d.ts",
   "scripts": {
     "dev": "cross-env vite",
     "build": "tsc -b && vite build",
+    "build:analyzer": "tsc -b cross-env mode=analyzer pnpm build",
+    "build:esm": "tsc -b && cross-env LIB_MODE=1 vite build -c ./config/vite.buildESM.ts",
+    "build-analysis:esm": "tsc -b && cross-env LIB_MODE=1 mode=analyzer vite build -c ./config/vite.buildESM.ts",
     "lint": "eslint .",
     "preview": "vite preview",
     "postinstall": "husky install",
     "commit": "git add . && git-cz",
     "build:github-page": "cross-env deploy=github pnpm build"
   },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tangjiahui-cn/react-big-screen.git"
+  },
+  "bugs": {
+    "url": "https://github.com/tangjiahui-cn/react-big-screen/issues"
+  },
   "files": [
-    "README.md"
+    "README.md",
+    "es",
+    "umd",
+    "types"
   ],
   "config": {
     "commitizen": {
@@ -34,13 +50,20 @@
     "antd": "4.24.1",
     "classnames": "^2.5.1",
     "dayjs": "^1.11.13",
+    "driver.js": "^1.3.6",
     "echarts": "^5.6.0",
+    "file-saver": "^2.0.5",
     "hotkeys-js": "^3.13.9",
+    "i18next": "^24.2.2",
+    "i18next-browser-languagedetector": "^8.0.4",
+    "jszip": "^3.10.1",
+    "localforage": "^1.10.0",
     "lodash-es": "^4.17.21",
     "monaco-editor": "^0.52.2",
     "react": "^18.3.1",
     "react-color": "^2.19.3",
     "react-dom": "^18.3.1",
+    "react-i18next": "^15.4.1",
     "react-router-dom": "^6",
     "umi-request": "^1.4.0",
     "zustand": "^5.0.2"
@@ -49,6 +72,7 @@
     "@commitlint/cli": "^19.4.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@commitlint/cz-commitlint": "^19.4.0",
+    "@types/file-saver": "^2.0.7",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^18.3.1",
     "@types/react-color": "^3.0.13",
@@ -71,9 +95,12 @@
     "less": "^4.2.0",
     "lint-staged": "^13.2.1",
     "prettier": "^2.8.7",
+    "rimraf": "^6.0.1",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.0.1",
     "vite": "^5.4.1",
+    "vite-bundle-analyzer": "^0.17.1",
+    "vite-plugin-dts": "^4.5.4",
     "vite-plugin-html": "^3.2.2"
   }
 }

package/types/src/common-module.d.ts

@@ -0,0 +1,2 @@
+export declare const COMMON_MODULE: Record<string, any | (() => any)>;
+export declare function getCommonModule(id: string): any;

package/types/src/components/AddComponentNodeButton/RenderPopover.d.ts

@@ -0,0 +1,4 @@
+import { ComponentNodeType } from '../../engine';
+export default function RenderPopover(props: {
+    componentNode: ComponentNodeType;
+}): import("react/jsx-runtime").JSX.Element;

package/types/src/components/AddComponentNodeButton/index.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ComponentNodeType } from '../../engine';
+interface Props {
+    style?: React.CSSProperties;
+    beforeVisible?: (items: ComponentNodeType[]) => ComponentNodeType[];
+    children?: React.ReactNode;
+    onSelect?: (componentNode: ComponentNodeType) => void;
+}
+export default function AddComponentNodeButton(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/AddExposesButton/index.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface Item {
+    label: string;
+    value: string;
+}
+interface Props {
+    cId?: string;
+    beforeVisible?: (items: Item[]) => Item[];
+    onSelect?: (item: Item) => void;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+export default function AddExposesButton(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/AddRemoteTextDialog/index.d.ts

@@ -0,0 +1,11 @@
+interface Params {
+    beforeOk?: (content: string) => boolean | Promise<boolean>;
+}
+declare const useAddRemoteTextDialog: (options?: {
+    onOk?: ((data?: any) => void) | undefined;
+    onCancel?: ((data?: any) => void) | undefined;
+}) => {
+    open: (params?: Params | undefined) => void;
+    close: (destroy: boolean) => void;
+};
+export default useAddRemoteTextDialog;

package/types/src/components/Ask/AskComponent.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface AskComponentProps {
+    title?: React.ReactNode;
+    content?: React.ReactNode;
+    okText?: React.ReactNode;
+    cancelText?: React.ReactNode;
+    onOk?: (close: () => void) => void;
+    onCancel?: () => void;
+}
+export default function AskComponent(props: AskComponentProps): import("react/jsx-runtime").JSX.Element;

package/types/src/components/Ask/index.d.ts

@@ -0,0 +1,14 @@
+import { AskComponentProps } from './AskComponent';
+type UnmountCallback = () => void;
+type AskOptions = AskComponentProps;
+/**
+ * ask 命令式调用
+ * @param options 配置项
+ */
+export declare function ask(options: AskOptions): UnmountCallback;
+/**
+ * useAsk
+ * @description 支持自动清除存储函数。
+ */
+export declare function useAsk(): (options: AskOptions) => void;
+export {};

package/types/src/components/Attributes/base/IColorPicker.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+type Hex = string;
+type RGBA = string;
+type ColorType = Hex | RGBA;
+export interface IColorPickerProps {
+    value?: ColorType;
+    onChange?: (value: ColorType) => void;
+    style?: React.CSSProperties;
+}
+export declare function IColorPicker(props: IColorPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/Attributes/base/IInput.d.ts

@@ -0,0 +1,5 @@
+import { InputProps } from 'antd';
+export type IInputProps = Omit<InputProps, "onChange"> & {
+    onChange?: (value: string) => void;
+};
+export declare function IInput(props: IInputProps): import("react/jsx-runtime").JSX.Element;

package/types/src/components/Attributes/base/IInputNumber.d.ts

@@ -0,0 +1,5 @@
+import { InputNumberProps } from 'antd';
+export type IInputNumberProps = Omit<InputNumberProps, "onChange"> & {
+    onChange?: (value?: number) => void;
+};
+export declare function IInputNumber(props: IInputNumberProps): import("react/jsx-runtime").JSX.Element;

package/types/src/components/Attributes/base/ITextArea.d.ts

@@ -0,0 +1,5 @@
+import { TextAreaProps } from 'antd/es/input';
+export type ITextAreaProps = Omit<TextAreaProps, "onChange"> & {
+    onChange?: (text: string) => void;
+};
+export declare function ITextArea(props: ITextAreaProps): import("react/jsx-runtime").JSX.Element;

package/types/src/components/Attributes/base/ResetButton.d.ts

@@ -0,0 +1,6 @@
+import { MouseEventHandler } from 'react';
+interface Props {
+    onClick?: MouseEventHandler<any> | undefined;
+}
+export declare function ResetButton(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/Attributes/base/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 基础输入组件封装
+ *
+ * @author tangjiahui
+ * @date 2025/2/5
+ */
+export * from './ITextArea';
+export * from './IColorPicker';
+export * from './IInput';
+export * from './IInputNumber';
+export * from './ResetButton';

package/types/src/components/Attributes/font/FontWeightSelect.d.ts

@@ -0,0 +1,3 @@
+import { ICustomSelectProps } from '../../ICustomSelect';
+export type FontWeightSelectProps = ICustomSelectProps;
+export declare function FontWeightSelect(props: FontWeightSelectProps): import("react/jsx-runtime").JSX.Element;

package/types/src/components/Attributes/font/TextAlignSelect.d.ts

@@ -0,0 +1,4 @@
+import { ICustomSelectProps } from '../../ICustomSelect';
+export type TextAlignType = "left" | "center" | "right";
+export type TextAlignSelectProps = ICustomSelectProps;
+export declare function TextAlignSelect(props: TextAlignSelectProps): import("react/jsx-runtime").JSX.Element;

package/types/src/components/Attributes/font/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 字体相关输入组件封装
+ *
+ * @author tangjiahui
+ * @date 2025/2/5
+ */
+export * from './FontWeightSelect';
+export * from './TextAlignSelect';

package/types/src/components/Attributes/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 属性面板输入相关组件
+ *
+ * @author tangjiahui
+ * @date 2025/2/5
+ */
+export * from './font';
+export * from './base';
+export * from './layout';

package/types/src/components/Attributes/layout/AttrContainer.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface Props {
+    children?: React.ReactNode;
+}
+export declare function AttrContainer(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/Attributes/layout/Line.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export interface LineProps {
+    label?: React.ReactNode;
+    labelTip?: React.ReactNode;
+    labelSpan?: number;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+    childrenStyle?: React.CSSProperties;
+}
+export declare function Line(props: LineProps): import("react/jsx-runtime").JSX.Element;
+interface LineContextType {
+    labelSpan: number;
+    itemStyle?: React.CSSProperties;
+    labelStyle?: React.CSSProperties;
+}
+interface LineConfigProviderProps extends Partial<LineContextType> {
+    children?: React.ReactNode;
+}
+export declare const LineConfigProvider: React.MemoExoticComponent<(props: LineConfigProviderProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/types/src/components/Attributes/layout/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 布局相关组件封装
+ *
+ * @author tangjiahui
+ * @date 2025/3/14
+ */
+export * from './Line';
+export * from './AttrContainer';

package/types/src/components/AutoScroll/index.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface AutoScrollRefType {
+    stopScroll: () => void;
+    startScroll: () => void;
+}
+export interface AutoScrollProps {
+    disabled?: boolean;
+    manual?: boolean;
+    pxPerSecond?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    bodyStyle?: React.CSSProperties;
+    bodyInnerStyle?: React.CSSProperties;
+    children?: React.ReactNode | ((isScroll: boolean) => React.ReactNode);
+}
+declare const AutoScroll: React.ForwardRefExoticComponent<AutoScrollProps & React.RefAttributes<AutoScrollRefType>>;
+export default AutoScroll;

package/types/src/components/CodeEditor/index.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import * as monaco from "monaco-editor/esm/vs/editor/editor.api";
+interface Props {
+    value?: string;
+    onChange?: (value: string) => void;
+    style?: React.CSSProperties;
+    language?: string | "javascript" | "json";
+    loading?: boolean;
+    readOnly?: boolean;
+    minimap?: boolean;
+    options?: monaco.editor.IStandaloneEditorConstructionOptions;
+}
+export default function CodeEditor(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/ComponentNodeImage/index.d.ts

@@ -0,0 +1,8 @@
+import { ComponentType } from '../../engine';
+import { default as React } from 'react';
+interface ImageIconProps {
+    src?: ComponentType["icon"];
+    style?: React.CSSProperties;
+}
+export default function ComponentNodeImage(props: ImageIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/ComponentNodesSelect/index.d.ts

@@ -0,0 +1,2 @@
+import { ICustomSelectProps } from '../ICustomSelect';
+export default function ComponentNodesSelect(props: ICustomSelectProps): import("react/jsx-runtime").JSX.Element;

package/types/src/components/ConfigRender/components/antdButtonTypeSelect.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/types/src/components/ConfigRender/components/checkbox.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/types/src/components/ConfigRender/components/checkboxValue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/types/src/components/ConfigRender/components/colorPicker.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/types/src/components/ConfigRender/components/fontWeightSelect.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/types/src/components/ConfigRender/components/index.d.ts

@@ -0,0 +1,2 @@
+export type DEFAULT_REGISTER_KEY = "select" | "input" | "inputNumber" | "textarea" | "fontWeightSelect" | "colorPicker" | "checkbox" | "checkboxValue" | "textAlignSelect" | "antdButtonTypeSelect" | "slider";
+export default function registerDefault(): void;

package/types/src/components/ConfigRender/components/input.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/types/src/components/ConfigRender/components/inputNumber.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/types/src/components/ConfigRender/components/select.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/types/src/components/ConfigRender/components/slider.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/types/src/components/ConfigRender/components/textAlignSelect.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/types/src/components/ConfigRender/components/textarea.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/types/src/components/ConfigRender/index.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+import { DEFAULT_REGISTER_KEY } from './components';
+export declare function useConfigExtra<T = any>(): T;
+export type ConfigRenderRegisterKey = DEFAULT_REGISTER_KEY | (string & {});
+interface ConfigRenderRegisterComponentProps<Extra = any> {
+    value: any;
+    onChange: (value: any) => void;
+    useExtra: () => Extra;
+    options?: Record<string, any>;
+}
+type ConfigRenderRegisterComponent<Extra = any> = React.FC<ConfigRenderRegisterComponentProps<Extra>>;
+export type ConfigRenderItem<ConfigKey extends any = string, Extra = any> = OR<{
+    key: ConfigKey | (string & {});
+    name?: string;
+    label: React.ReactNode;
+    labelTip?: React.ReactNode;
+    component: ConfigRenderRegisterKey | ConfigRenderRegisterComponent<Extra>;
+    options?: Record<string, any>;
+}, React.ReactElement> | React.FC<Pick<ConfigRenderRegisterComponentProps<Extra>, "useExtra">>;
+interface ConfigListProps<ConfigKey extends any = string, Extra = any> {
+    /** 配置项列表 */
+    items?: ConfigRenderItem<ConfigKey, Extra>[];
+    /** 选中值 */
+    value?: Record<string, any>;
+    /** 值变更回调 */
+    onChange?: (value: Record<string, any>) => void;
+    /** label 样式 */
+    labelStyle?: React.CSSProperties;
+    /** 额外属性配置（方便form.Item内的组件穿透获取最新属性） */
+    extra?: Extra;
+}
+declare function ConfigRender<ConfigKey = string, Extra = any>(props: ConfigListProps<ConfigKey>): import("react/jsx-runtime").JSX.Element;
+declare namespace ConfigRender {
+    var register: (componentKey: ConfigRenderRegisterKey, component: ConfigRenderRegisterComponent) => void;
+}
+export default ConfigRender;

package/types/src/components/CustomDropDown/index.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+type CloseCallback = () => void;
+interface CustomDropDownProps {
+    visible?: boolean;
+    trigger?: ("click" | "hover" | "contextMenu")[];
+    children?: React.ReactNode | ((close: CloseCallback) => React.ReactNode);
+    overlayChildren?: React.ReactNode | ((close: CloseCallback) => React.ReactNode);
+    overlayClassName?: string;
+    className?: string;
+    onClose?: () => void;
+}
+declare const CustomDropDown: React.NamedExoticComponent<CustomDropDownProps>;
+export default CustomDropDown;

package/types/src/components/EditEventDialog/components/EventOptions/CommonOptions.d.ts

@@ -0,0 +1,7 @@
+import { ComponentNodeEventTargetCommonOption } from '../../../../engine';
+interface Props {
+    value: ComponentNodeEventTargetCommonOption;
+    onChange: (value: ComponentNodeEventTargetCommonOption) => void;
+}
+export default function CommonOptions(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/EditEventDialog/components/EventOptions/CustomOptions.d.ts

@@ -0,0 +1,7 @@
+import { ComponentNodeEventTargetCustomOption } from '../../../../engine';
+interface Props {
+    value: ComponentNodeEventTargetCustomOption;
+    onChange: (value: ComponentNodeEventTargetCustomOption) => void;
+}
+export default function CustomOptions(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/EditEventDialog/components/EventOptions/RequestOptions.d.ts

@@ -0,0 +1,7 @@
+import { ComponentNodeEventTargetRequestOption } from '../../../../engine';
+interface Props {
+    value: ComponentNodeEventTargetRequestOption;
+    onChange: (value: ComponentNodeEventTargetRequestOption) => void;
+}
+export default function RequestOptions(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/EditEventDialog/components/EventOptions/VisibleOptions.d.ts

@@ -0,0 +1,7 @@
+import { ComponentNodeEventTargetVisibleOption } from '../../../../engine';
+interface Props {
+    value: ComponentNodeEventTargetVisibleOption;
+    onChange: (value: ComponentNodeEventTargetVisibleOption) => void;
+}
+export default function VisibleOptions(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/EditEventDialog/components/EventOptions/index.d.ts

@@ -0,0 +1,8 @@
+import { ComponentNodeEventTargetOpt } from '../../../../engine';
+export declare const selectWidth: number;
+interface Props {
+    value?: ComponentNodeEventTargetOpt;
+    onChange?: (value: ComponentNodeEventTargetOpt) => void;
+}
+export default function EventOptions(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/EditEventDialog/components/TargetComponentNodesList/index.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ComponentNodeEventTarget } from '../../../../engine';
+interface Props {
+    value?: string;
+    onChange?: (value?: string) => void;
+    targets?: ComponentNodeEventTarget[];
+    style?: React.CSSProperties;
+    className?: string;
+    onChangeTargets: (value: ComponentNodeEventTarget[], type: "add" | "delete") => void;
+}
+export default function TargetComponentNodesList(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/EditEventDialog/components/TargetOperateList/index.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ComponentNodeEventTargetOpt } from '../../../../engine';
+interface Props {
+    cId?: string;
+    value?: string;
+    onChange?: (value?: string) => void;
+    opts?: ComponentNodeEventTargetOpt[];
+    style?: React.CSSProperties;
+    className?: string;
+    onChangeOpts?: (value: ComponentNodeEventTargetOpt[]) => void;
+}
+export default function TargetOperateList(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/EditEventDialog/index.d.ts

@@ -0,0 +1,14 @@
+import { ComponentNodeType } from '../../engine';
+export interface EditEventDialogParams {
+    triggerId?: string;
+    triggerName?: string;
+    componentNode?: ComponentNodeType;
+}
+declare const _default: (options?: {
+    onOk?: ((data?: any) => void) | undefined;
+    onCancel?: ((data?: any) => void) | undefined;
+}) => {
+    open: (params?: EditEventDialogParams | undefined) => void;
+    close: (destroy: boolean) => void;
+};
+export default _default;

package/types/src/components/EditFunctionTextButton/EditModal.d.ts

@@ -0,0 +1,11 @@
+export interface EditorModalParams {
+    text?: string;
+}
+declare const _default: (options?: {
+    onOk?: ((data?: any) => void) | undefined;
+    onCancel?: ((data?: any) => void) | undefined;
+}) => {
+    open: (params?: EditorModalParams | undefined) => void;
+    close: (destroy: boolean) => void;
+};
+export default _default;

package/types/src/components/EditFunctionTextButton/index.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface Props {
+    tooltip?: React.ReactNode;
+    value?: string;
+    onChange?: (value?: string) => void;
+}
+export default function EditFunctionTextButton(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/EditText/index.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    emptyMessage?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+}
+export default function EditText(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/GetSizeContainer/index.d.ts

@@ -0,0 +1,11 @@
+interface Size {
+    width: number;
+    height: number;
+}
+interface GetSizeContainerProps {
+    style?: React.CSSProperties;
+    className?: string;
+    children: (size: Size) => React.ReactNode;
+}
+export default function GetSizeContainer(props: GetSizeContainerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/src/components/ICustomSelect/CustomSelect.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { SelectProps } from 'antd';
+import { IOption, ValueType, DataMapType } from './type';
+export interface CustomSelectProps {
+    /** select size. */
+    size?: SelectProps["size"];
+    /** default select first item (only run once) */
+    defaultFirst?: boolean;
+    /** default select first item while effectParams Change. (may run some times) */
+    effectDefaultFirst?: boolean;
+    /** if allow clear */
+    allowClear?: boolean;
+    /** if disabled */
+    disabled?: boolean;
+    /** if show all */
+    all?: boolean;
+    /** the name of all. */
+    allName?: string;
+    /** value */
+    value?: ValueType;
+    /** placeholder */
+    placeholder?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** debounce delay */
+    debounceTime?: number;
+    /** if enable search */
+    showSearch?: boolean;
+    /** if enable local search。（true：yes。false：use [requestFn] with debounce） */
+    isLocalSearch?: boolean;
+    /** local search filter function */
+    filterOption?: (inputV: string, option: any, dataMap: DataMapType) => boolean;
+    /** a params array, which change maybe cause the select reQuery */
+    effectParams?: any[];
+    /** a function to request the select options */
+    requestFn?: (keyword?: ValueType) => PromiseLike<IOption[]>;
+    /** onChange callback */
+    onChange?: (value?: ValueType, label?: string, dataMap?: DataMapType) => void;
+    /** custom select option render */
+    optionRender?: (selectOption: any) => React.ReactNode;
+    /** extend antd origin props */
+    extAntdProps?: SelectProps;
+}
+export default function CustomSelect(props: CustomSelectProps): import("react/jsx-runtime").JSX.Element;

package/types/src/components/ICustomSelect/index.d.ts

@@ -0,0 +1,17 @@
+import { CustomSelectProps } from './CustomSelect';
+import { DataMapType, ValueType } from './type';
+type OmitKeys = "value" | "onChange" | "defaultFirst";
+export type ICustomMultipleSelectProps = Omit<CustomSelectProps, OmitKeys> & {
+    /** if multiple */
+    multiple: boolean;
+    /** max tag count */
+    maxTagCount?: number;
+    /** value */
+    value?: ValueType[];
+    /** onChange */
+    onChange?: (values?: ValueType[], labels?: string[], dataMap?: DataMapType) => void;
+};
+export type ICustomSelectProps = CustomSelectProps | ICustomMultipleSelectProps;
+export declare function ICustomMultipleSelect(props: ICustomMultipleSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function ICustomSelect(props: ICustomSelectProps): import("react/jsx-runtime").JSX.Element;
+export default ICustomSelect;