@lark-project/ui-kit-plugin
Version:
Lark Project UI Kit Plugin
51 lines (50 loc) • 2.16 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 { ReactElement, ReactNode, MouseEvent } from 'react';
import { IBaseDOMProps, IBasePortalProps, IBaseSelectProps } from '../../types';
import type { ISelectOption } from '../../trigger';
export interface IClientSelectRefer {
close?: () => void;
}
export interface IClientSelectProps<DATA extends Record<string, any>> extends IBaseDOMProps, IBasePortalProps {
clientRefer?: IClientSelectRefer;
selectProps?: IBaseSelectProps & {
arrowIcon?: ReactNode;
onFocus?: () => void;
onBlur?: () => void;
onSearch?: (keyword: string) => void;
renderSelectedItem?: (optionNode: Record<string, any>, multipleProps?: {
index: number;
disabled: boolean;
onClose: (tagContent: ReactNode, e: MouseEvent) => void;
}) => {
isRenderInTag: boolean;
content: ReactElement;
} | ReactElement;
};
/**
* 业务是否为多选
*
* selectProps.multiple 表示底层组件是否为多选
*/
multiple?: boolean;
value?: string[];
onChange?: (value: string[], selectedOptions: ISelectOption<DATA>[]) => void;
/**
* value 有值时，可触发回填预览回调
* @param selectedOptions
* @returns
*/
onPreview?: (selectedOptions: ISelectOption<DATA>[]) => void;
}