vue-devui/types/ripple/src/options.d.ts

DevUI components based on Vite and Vue3

interface IRippleDirectiveOptions {
    /**
     *
     * @remarks
     * Y*  你可以设置 ·currentColor· to 能够自动使用元素的文本颜色
     *
     * @default
     * 'currentColor'
     */
    color: string;
    /**
     * 第一次出现的透明度
     *
     * @default
     * 0.2 默认opacity 0.2
     */
    initialOpacity: number;
    /**
     * 在透明度 结束的时候 stopped 的时候 我们设置透明度的大小
     *
     * @default
     * 0.1
     */
    finalOpacity: number;
    /**
     * 动画持续事件
     *
     * @default
     * 400ms
     */
    duration: number;
    /**
     * css 动画 从开始到结束 以相同的时间来执行动画
     *
     * @default
     * 'ease-out'
     */
    easing: string;
    /**
     * 取消延迟时间
     *
     * @note
     * 类似于 debounceTime
     * @default
     * 75ms
     */
    delay: number;
    /**
     * 禁止 水波
     *
     * @note
     * 类似于 点击禁止ripple效果
     * @default
     * false
     */
    disabled: boolean;
}
interface IRipplePluginOptions extends IRippleDirectiveOptions {
    /**
     * 用于覆盖指令的名称
     *
     * @remarks
     *
     * @example
     *
     * @default
     * 默认指令 ripple
     */
    directive: string;
}
interface IRippleDirectiveOptionWithBinding {
    value: IRippleDirectiveOptions;
}
declare const DEFAULT_PLUGIN_OPTIONS: IRipplePluginOptions;
export { DEFAULT_PLUGIN_OPTIONS, IRipplePluginOptions, IRippleDirectiveOptions, IRippleDirectiveOptionWithBinding };