adui
Version:
<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>
61 lines (60 loc) • 1.5 kB
TypeScript
import React from "react";
import { IPopoverProps } from "../popover";
import "./style";
export interface IColorPickerProps {
[key: string]: any;
/**
* 附加类名
*/
className?: string;
/**
* 默认的初始值 - 内部驱动
*/
defaultValue?: string | null;
/**
* 是否禁用
*/
disabled?: boolean;
/**
* 输入框是否显示
*/
inputVisible?: boolean;
/**
* 值改变时的 handler
*/
onChange?: (value: string) => void;
/**
* 在 visible 变为 false,以及 Input blur 时触发的 handler;
* 这个 handler 非常特殊,为了配合特殊的 recentColors Prop 使用,请在这个事件触发的时候设置 recentColors。
*/
onFinishChange?: (value: string) => void;
/**
* 传入 Popover 的 props
*/
popoverProps?: IPopoverProps;
/**
* 弹出框内的结果区域是否显示
*/
popupResultVisible?: boolean;
/**
* 最近使用的颜色,此功能非常特殊,需配合 onFinishChange 使用
*/
recentColors?: string[];
/**
* 尺寸大小
*/
size?: "mini" | "small" | "medium" | "large";
/**
* 开启透明色
*/
transparentEnabled?: boolean;
/**
* 值 - 外部控制
*/
value?: string | null;
}
/**
* 颜色选择器
*/
declare const ColorPicker: React.ForwardRefExoticComponent<IColorPickerProps & React.RefAttributes<any>>;
export default ColorPicker;