tabs.d.ts
2.18 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
// Type definitions for iview 3.3.1
// Project: https://github.com/iview/iview
// Definitions by: yangdan
// Definitions: https://github.com/yangdan8/iview.git
import Vue, { VNode } from 'vue';
export declare class Tabs extends Vue {
/**
* 当前激活 tab 面板的 name，可以使用 v-model 双向绑定数据
* @default 默认为第一项的 name
*/
value?: string;
/**
* 页签的基本样式，可选值为 line 和 card
* @default line
*/
type?: 'line' | 'card';
/**
* 尺寸，可选值为 default 和 small，仅在 type="line" 时有效
* @default default
*/
size?: 'default' | 'small';
/**
* 是否可以关闭页签，仅在 type="card" 时有效
* @default false
*/
closable?: boolean;
/**
* 是否使用 CSS3 动画
* @default true
*/
animated?: boolean;
/**
* Tabs 内的表单类组件是否自动获得焦点
* @default false
*/
'capture-focus'?: boolean;
/**
* 关闭前的函数，返回 Promise 可阻止标签关闭
*/
'before-remove'?: (index: number) => {};
/**
* 当嵌套使用tabs时，指定name区分层级
*/
name?: string;
/**
* tab 被点击时触发
*/
$emit(eventName: 'on-click', name: string): this;
/**
* tab 被关闭时触发
*/
$emit(eventName: 'on-tab-remove', name: string): this;
/**
* slot插槽对象
*/
$slots: {
/**
* 附加内容
*/
extra: VNode[];
};
}
export declare class TabPane extends Vue {
/**
* 用于标识当前面板，对应 value，默认为其索引值
*/
name?: string | number;
/**
* 选项卡头显示文字，支持 Render 函数。
* @default 空
*/
label?: string | (() => void);
/**
* 选项卡图标
*/
icon?: string;
/**
* 是否禁用该选项卡
* @default false
*/
disabled?: boolean;
/**
* 是否可以关闭页签，仅在 type="card" 时有效
* @default null
*/
closable?: boolean;
/**
* 当嵌套使用tabs时，设置该属性指向对应tabs的name字段
*/
tab?: string;
/**
* 在tabpane使用v-if时，并不会按照预先的顺序渲染，这时可设置index，并从小到大排序(需大于0)
*/
index?: number;
}