@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
142 lines (141 loc) • 3.91 kB
TypeScript
/**
* Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { ComputedRef, Ref } from 'vue';
export interface UseButton {
/**
* 附加按钮的Class
*/
buttonGroupClass: ComputedRef<Record<string, boolean | undefined>>;
/**
* 点击附加按钮事件响应函数
*/
onClickButton: ($event: Event) => void;
/**
* 鼠标移入附加按钮事件响应函数
*/
onMouseEnterButton: ($event: MouseEvent) => void;
/**
* 鼠标移出附加按钮事件响应函数
*/
onMouseLeaveButton: ($event: MouseEvent) => void;
/** 弹出窗口实例 */
modalRef: any;
}
export interface UseClear {
/**
* 启用清空按钮
*/
enableClearButton: ComputedRef<boolean>;
/**
* 显示清空按钮
*/
showClearButton: Ref<boolean>;
/**
* 清空输入框值事件响应函数
*/
onClearValue: ($event: Event) => void;
/**
* 鼠标进入输入框事件响应函数
*/
onMouseEnterTextBox: ($event: MouseEvent) => void;
/**
* 鼠标移出输入框事件响应函数
*/
onMouseLeaveTextBox: ($event: MouseEvent) => void;
}
export interface UseTextBox {
/**
* 输入框是否获得焦点
*/
hasFocusedTextBox: ComputedRef<boolean>;
/**
* 输入框是否处于只读状态
*/
isTextBoxReadonly: ComputedRef<boolean>;
/**
* 输入框Class
*/
textBoxClass: ComputedRef<Record<string, boolean | undefined>>;
/**
* 输入框提示语
*/
textBoxPlaceholder: ComputedRef<string>;
/**
* 输入框提示标签
*/
textBoxTitle: ComputedRef<string>;
/**
* 输入框组Class
*/
inputGroupClass: ComputedRef<Record<string, boolean | undefined>>;
/**
* 是否又清空样式
*/
hasClearClass: Ref<boolean>;
/**
* 更新输入框的值并触发change事件
*/
changeTextBoxValue: (newValue: string, showEmitChangeEmit?: boolean) => void;
/**
* 接受更新文本
*/
commitValue: (value: any) => void;
/**
* 输入框失去焦点事件响应函数
*/
onBlurTextBox: ($event: Event) => void;
/**
* 鼠标点击输入框事件响应函数
*/
onClickTextBox: ($event: Event) => void;
/**
* 输入框获得焦点事件响应函数
*/
onFocusTextBox: ($event: Event) => void;
/**
* 输入框值变化事件
*/
onInput: ($event: Event) => void;
/**
* 鼠标点击输入框事件响应函数
*/
onMouseDownTextBox: ($event: MouseEvent) => void;
/**
* 键盘在输入框按下事件
*/
onKeyDownTextBox: ($event: Event) => void;
/**
* 键盘在输入框抬起事件
*/
onKeyUpTextBox: ($event: KeyboardEvent) => void;
/**
* 输入框值变化事件响应函数
*/
onTextBoxValueChange: ($event: Event) => void;
}
export interface UsePopup {
hidePopup(): void;
showPopup(): void;
popup(forceOpen?: boolean): void;
shouldPopupContent: Ref<boolean>;
togglePopup(forceOpen?: boolean): void;
popoverRef: Ref<any>;
closeAllPopover: () => void;
}
export interface UseOpen {
judgeCanOpen(): Promise<boolean>;
}
export declare const popoverInstancesListKey = "FarrisVue_PopoverInstancesKey";