@flatbiz/antd
Version:
37 lines (34 loc) • 1.31 kB
TypeScript
import { TAny } from '@flatbiz/utils';
import { SwitchProps, TooltipProps } from 'antd';
export type SwitchWrapperValue = string | number | boolean;
export type SwitchWrapperProps = Omit<SwitchProps, "checked" | "defaultChecked" | "onChange" | "value"> & {
value?: SwitchWrapperValue;
checkedValue: SwitchWrapperValue;
unCheckedValue: SwitchWrapperValue;
onChange?: (value: SwitchWrapperValue) => void;
tooltipProps?: Omit<TooltipProps, "title">;
tooltipTitle?: string | ((value?: SwitchWrapperValue) => string | undefined);
serviceConfig?: {
onRequest: (value: SwitchWrapperValue) => TAny;
message?: {
success?: string;
defaultError?: string;
};
};
};
/**
* 解决Switch只能接收boolean的限制,与Form.Item结合使用最佳
* ```
* 1. value 为状态值,不局限于boolean,可以为 [string | number | boolean]
* 2. checkedValue 选中值
* 3. unCheckedValue 未选中值
* 4. 与 Form.Item 结合使用,不再需要配置 valuePropName
* <Form.Item name="fieldName">
* <SwitchWrapper checkedValue={2} unCheckedValue={1} />
* </Form.Item>
* 5. 可设置tooltip效果数据显示
* 6. 可设置 serviceConfig 配置服务调用交互
* ```
*/
export declare const SwitchWrapper: (props: SwitchWrapperProps) => import("react").JSX.Element;
export {};