@lark-project/ui-kit-plugin
Version:
Lark Project UI Kit Plugin
65 lines (64 loc) • 2.24 kB
TypeScript
/**
* Copyright (c) 2024 Lark Technologies Pte. Ltd.
*
* Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted,provided that the above copyright notice and this permission notice appear in all copies.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
* IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE
* INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO
* EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR
* CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE,
* DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS
* ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
*/
import { MeegoSelectType } from '@byted-meego/meego-components';
import { IBaseDOMProps, IBaseSelectProps } from '../../types';
export interface ISelectOption<DATA extends Record<string, any> = Record<string, any>> {
value: string;
label: string;
data?: DATA;
}
export interface ISelectTriggerProps<DATA extends Record<string, any>> extends IBaseSelectProps, IBaseDOMProps {
selectRef?: React.RefObject<MeegoSelectType>;
/**
* select 选项列表
*/
optionList: ISelectOption<DATA>[];
/**
* 选中的选项
*/
value?: string | string[] | undefined;
/**
* 选中的选项
*/
filter?: boolean;
/**
* input 输入框内容发生改变时回调函数
*/
onSearch?: (value: string) => void;
/**
* 是否展示加载动画
*/
/**
* 弹出位置
*/
/**
* 变化时回调函数
*/
onChange?: (value: string | string[] | undefined, selectedOptions: ISelectOption<DATA> | ISelectOption<DATA>[] | undefined) => void;
/**
* 点击清除按钮后的回调
*/
onClear?: () => void;
/**
* 点击 Trigger 后的回调
*/
onClick?: () => void;
/**
* 自定义渲染选中项
*/
renderSelectedItem?: (optionNode: ISelectOption<DATA>) => React.ReactElement | {
isRenderInTag: boolean;
content: React.ReactElement;
};
}