kb-ui-vue 0.2.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Calendar/Calendar.vue.d.ts +17 -0
- package/dist/components/Calendar/index.d.ts +1 -1
- package/dist/components/Cascader/Cascader.vue.d.ts +21 -5
- package/dist/components/Checkbox/Checkbox.vue.d.ts +3 -0
- package/dist/components/DatePicker/DatePicker.vue.d.ts +17 -4
- package/dist/components/DatePicker/index.d.ts +1 -1
- package/dist/components/Table/Table.vue.d.ts +40 -3
- package/dist/components/Transfer/Transfer.vue.d.ts +17 -1
- package/dist/components/Tree/Tree.vue.d.ts +25 -1
- package/dist/components/Upload/Upload.vue.d.ts +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1152 -520
- package/dist/styles/Calendar.css +10 -0
- package/dist/styles/Cascader.css +46 -0
- package/dist/styles/Checkbox.css +15 -0
- package/dist/styles/DatePicker.css +30 -0
- package/dist/styles/Table.css +97 -8
- package/dist/styles/Transfer.css +87 -9
- package/dist/styles/Tree.css +43 -4
- package/dist/styles/index.css +328 -21
- package/package.json +2 -1
|
@@ -1,5 +1,20 @@
|
|
|
1
|
+
export interface CalendarDay {
|
|
2
|
+
date: Date;
|
|
3
|
+
inMonth: boolean;
|
|
4
|
+
isSelected: boolean;
|
|
5
|
+
/** 落在 [start, end] 开区间内(range 模式) */
|
|
6
|
+
inRange: boolean;
|
|
7
|
+
/** 是范围结束日(range 模式) */
|
|
8
|
+
isRangeEnd: boolean;
|
|
9
|
+
/** 被额外标记为已选(multiple 模式) */
|
|
10
|
+
isMarked: boolean;
|
|
11
|
+
}
|
|
1
12
|
export interface CalendarProps {
|
|
2
13
|
modelValue?: string;
|
|
14
|
+
/** 范围高亮 [start, end],由 DatePicker 的 range 模式传入 */
|
|
15
|
+
range?: [string, string] | null;
|
|
16
|
+
/** 额外高亮日期列表(YYYY-MM-DD),由 DatePicker 的 multiple 模式传入 */
|
|
17
|
+
marked?: string[];
|
|
3
18
|
}
|
|
4
19
|
declare const __VLS_export: import('vue').DefineComponent<CalendarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
5
20
|
"update:modelValue": (value: string) => any;
|
|
@@ -7,6 +22,8 @@ declare const __VLS_export: import('vue').DefineComponent<CalendarProps, {}, {},
|
|
|
7
22
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
8
23
|
}>, {
|
|
9
24
|
modelValue: string;
|
|
25
|
+
range: [string, string] | null;
|
|
26
|
+
marked: string[];
|
|
10
27
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
11
28
|
declare const _default: typeof __VLS_export;
|
|
12
29
|
export default _default;
|
|
@@ -2,20 +2,36 @@ export interface CascaderOption {
|
|
|
2
2
|
label: string;
|
|
3
3
|
value: string | number;
|
|
4
4
|
children?: CascaderOption[];
|
|
5
|
+
/** 显式标记为叶子节点:异步模式下点击即收起,不再请求下一级 */
|
|
6
|
+
leaf?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
5
8
|
}
|
|
9
|
+
export type CascaderValue = (string | number)[];
|
|
6
10
|
export interface CascaderProps {
|
|
7
|
-
options
|
|
8
|
-
modelValue?:
|
|
11
|
+
options?: CascaderOption[];
|
|
12
|
+
modelValue?: CascaderValue;
|
|
9
13
|
placeholder?: string;
|
|
14
|
+
/** 已选路径的展示分隔符 */
|
|
15
|
+
separator?: string;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
clearable?: boolean;
|
|
18
|
+
/** 开启异步加载,需配合 lazyLoad 使用 */
|
|
19
|
+
lazy?: boolean;
|
|
20
|
+
/** 异步加载子节点,node 为 null 表示加载根级 */
|
|
21
|
+
lazyLoad?: (node: CascaderOption | null, resolve: (children: CascaderOption[]) => void) => void;
|
|
10
22
|
}
|
|
11
23
|
declare const __VLS_export: import('vue').DefineComponent<CascaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
-
"update:modelValue": (value:
|
|
24
|
+
"update:modelValue": (value: CascaderValue) => any;
|
|
13
25
|
}, string, import('vue').PublicProps, Readonly<CascaderProps> & Readonly<{
|
|
14
|
-
"onUpdate:modelValue"?: ((value:
|
|
26
|
+
"onUpdate:modelValue"?: ((value: CascaderValue) => any) | undefined;
|
|
15
27
|
}>, {
|
|
16
|
-
|
|
28
|
+
disabled: boolean;
|
|
29
|
+
separator: string;
|
|
30
|
+
modelValue: CascaderValue;
|
|
17
31
|
placeholder: string;
|
|
32
|
+
clearable: boolean;
|
|
18
33
|
options: CascaderOption[];
|
|
34
|
+
lazy: boolean;
|
|
19
35
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
20
36
|
declare const _default: typeof __VLS_export;
|
|
21
37
|
export default _default;
|
|
@@ -2,6 +2,8 @@ export interface CheckboxProps {
|
|
|
2
2
|
modelValue?: boolean;
|
|
3
3
|
disabled?: boolean;
|
|
4
4
|
label?: string;
|
|
5
|
+
/** 半选态(表头全选常用),仅影响视觉与 DOM,不参与 v-model */
|
|
6
|
+
indeterminate?: boolean;
|
|
5
7
|
}
|
|
6
8
|
declare var __VLS_1: {};
|
|
7
9
|
type __VLS_Slots = {} & {
|
|
@@ -16,6 +18,7 @@ declare const __VLS_base: import('vue').DefineComponent<CheckboxProps, {}, {}, {
|
|
|
16
18
|
}>, {
|
|
17
19
|
disabled: boolean;
|
|
18
20
|
modelValue: boolean;
|
|
21
|
+
indeterminate: boolean;
|
|
19
22
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
20
23
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
21
24
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,14 +1,27 @@
|
|
|
1
|
+
export type DatePickerMode = 'single' | 'range' | 'multiple';
|
|
1
2
|
export interface DatePickerProps {
|
|
2
|
-
|
|
3
|
+
/** single 模式为字符串;range 模式为 [start, end];multiple 模式为日期数组 */
|
|
4
|
+
modelValue?: string | string[];
|
|
5
|
+
/** 选择模式:单日期 / 日期范围 / 多日期 */
|
|
6
|
+
mode?: DatePickerMode;
|
|
3
7
|
placeholder?: string;
|
|
8
|
+
/** range 模式的起止分隔符 */
|
|
9
|
+
separator?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
/** 是否显示清空按钮 */
|
|
12
|
+
clearable?: boolean;
|
|
4
13
|
}
|
|
5
14
|
declare const __VLS_export: import('vue').DefineComponent<DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
6
|
-
"update:modelValue": (value: string) => any;
|
|
15
|
+
"update:modelValue": (value: string | string[]) => any;
|
|
7
16
|
}, string, import('vue').PublicProps, Readonly<DatePickerProps> & Readonly<{
|
|
8
|
-
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
17
|
+
"onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
|
|
9
18
|
}>, {
|
|
10
|
-
|
|
19
|
+
disabled: boolean;
|
|
20
|
+
separator: string;
|
|
21
|
+
modelValue: string | string[];
|
|
11
22
|
placeholder: string;
|
|
23
|
+
clearable: boolean;
|
|
24
|
+
mode: DatePickerMode;
|
|
12
25
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
26
|
declare const _default: typeof __VLS_export;
|
|
14
27
|
export default _default;
|
|
@@ -2,27 +2,64 @@ export interface TableColumn {
|
|
|
2
2
|
prop: string;
|
|
3
3
|
label: string;
|
|
4
4
|
width?: string | number;
|
|
5
|
+
/** 是否可排序;'custom' 表示只派发 sort-change,由使用方自行排序(服务端排序) */
|
|
6
|
+
sortable?: boolean | 'custom';
|
|
7
|
+
/** 固定列,需配合 width 使用 */
|
|
8
|
+
fixed?: 'left' | 'right';
|
|
9
|
+
/** 单元格对齐方式 */
|
|
10
|
+
align?: 'left' | 'center' | 'right';
|
|
5
11
|
}
|
|
6
12
|
export interface TableProps {
|
|
7
13
|
data: Record<string, unknown>[];
|
|
8
14
|
columns: TableColumn[];
|
|
9
15
|
stripe?: boolean;
|
|
10
16
|
border?: boolean;
|
|
17
|
+
/** 尺寸 */
|
|
18
|
+
size?: 'small' | 'default' | 'large';
|
|
11
19
|
/** 行唯一键字段名(默认用行索引) */
|
|
12
20
|
rowKey?: string;
|
|
21
|
+
/** 分页:每页条数(0=不分页) */
|
|
22
|
+
pageSize?: number;
|
|
23
|
+
/** 分页:当前页(1-based) */
|
|
24
|
+
currentPage?: number;
|
|
25
|
+
/** 分页:总条数;传入即视为服务端分页——data 只放当前页数据,组件不再二次切片 */
|
|
26
|
+
total?: number;
|
|
27
|
+
/** 是否显示行选择列 */
|
|
28
|
+
selection?: boolean;
|
|
29
|
+
/** 已选行的 key,配合 v-model:selectedKeys */
|
|
30
|
+
selectedKeys?: (string | number)[];
|
|
31
|
+
/** 数据为空时的文案 */
|
|
32
|
+
emptyText?: string;
|
|
13
33
|
}
|
|
14
|
-
declare var
|
|
34
|
+
declare var __VLS_15: {
|
|
15
35
|
row: Record<string, unknown>;
|
|
16
36
|
column: TableColumn;
|
|
17
37
|
index: number;
|
|
18
38
|
};
|
|
19
39
|
type __VLS_Slots = {} & {
|
|
20
|
-
cell?: (props: typeof
|
|
40
|
+
cell?: (props: typeof __VLS_15) => any;
|
|
21
41
|
};
|
|
22
|
-
declare const __VLS_base: import('vue').DefineComponent<TableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
42
|
+
declare const __VLS_base: import('vue').DefineComponent<TableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
43
|
+
"update:currentPage": (page: number) => any;
|
|
44
|
+
"sort-change": (prop: string, order: "desc" | "asc" | null) => any;
|
|
45
|
+
"update:selectedKeys": (keys: (string | number)[]) => any;
|
|
46
|
+
"selection-change": (keys: (string | number)[]) => any;
|
|
47
|
+
}, string, import('vue').PublicProps, Readonly<TableProps> & Readonly<{
|
|
48
|
+
"onUpdate:currentPage"?: ((page: number) => any) | undefined;
|
|
49
|
+
"onSort-change"?: ((prop: string, order: "desc" | "asc" | null) => any) | undefined;
|
|
50
|
+
"onUpdate:selectedKeys"?: ((keys: (string | number)[]) => any) | undefined;
|
|
51
|
+
"onSelection-change"?: ((keys: (string | number)[]) => any) | undefined;
|
|
52
|
+
}>, {
|
|
53
|
+
size: "small" | "default" | "large";
|
|
54
|
+
total: number;
|
|
55
|
+
pageSize: number;
|
|
56
|
+
currentPage: number;
|
|
23
57
|
stripe: boolean;
|
|
24
58
|
border: boolean;
|
|
25
59
|
rowKey: string;
|
|
60
|
+
selection: boolean;
|
|
61
|
+
selectedKeys: (string | number)[];
|
|
62
|
+
emptyText: string;
|
|
26
63
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
27
64
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
28
65
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,18 +1,34 @@
|
|
|
1
1
|
export interface TransferItem {
|
|
2
2
|
key: string;
|
|
3
3
|
label: string;
|
|
4
|
+
disabled?: boolean;
|
|
4
5
|
}
|
|
5
6
|
export interface TransferProps {
|
|
6
|
-
data
|
|
7
|
+
data?: TransferItem[];
|
|
7
8
|
modelValue?: string[];
|
|
9
|
+
/** 左右面板标题 */
|
|
10
|
+
titles?: [string, string];
|
|
11
|
+
/** 是否开启搜索过滤 */
|
|
12
|
+
filterable?: boolean;
|
|
13
|
+
filterPlaceholder?: string;
|
|
14
|
+
/** 每页条数,0 表示不分页 */
|
|
15
|
+
pageSize?: number;
|
|
16
|
+
disabled?: boolean;
|
|
8
17
|
}
|
|
9
18
|
declare const __VLS_export: import('vue').DefineComponent<TransferProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
10
19
|
"update:modelValue": (value: string[]) => any;
|
|
20
|
+
change: (value: string[], direction: "left" | "right") => any;
|
|
11
21
|
}, string, import('vue').PublicProps, Readonly<TransferProps> & Readonly<{
|
|
12
22
|
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
23
|
+
onChange?: ((value: string[], direction: "left" | "right") => any) | undefined;
|
|
13
24
|
}>, {
|
|
25
|
+
disabled: boolean;
|
|
14
26
|
data: TransferItem[];
|
|
15
27
|
modelValue: string[];
|
|
28
|
+
pageSize: number;
|
|
29
|
+
titles: [string, string];
|
|
30
|
+
filterable: boolean;
|
|
31
|
+
filterPlaceholder: string;
|
|
16
32
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
17
33
|
declare const _default: typeof __VLS_export;
|
|
18
34
|
export default _default;
|
|
@@ -2,16 +2,40 @@ export interface TreeNode {
|
|
|
2
2
|
label: string;
|
|
3
3
|
value?: string;
|
|
4
4
|
children?: TreeNode[];
|
|
5
|
+
disabled?: boolean;
|
|
5
6
|
}
|
|
6
|
-
export
|
|
7
|
+
export type DropPosition = 'before' | 'after' | 'inner';
|
|
8
|
+
export interface TreeDropPayload {
|
|
9
|
+
dragNode: TreeNode;
|
|
10
|
+
dropNode: TreeNode;
|
|
11
|
+
position: DropPosition;
|
|
7
12
|
data: TreeNode[];
|
|
8
13
|
}
|
|
14
|
+
export interface TreeProps {
|
|
15
|
+
data?: TreeNode[];
|
|
16
|
+
/** 设置后启用虚拟滚动,值为可视区高度(px) */
|
|
17
|
+
height?: number | null;
|
|
18
|
+
/** 虚拟滚动下每一行的高度(px) */
|
|
19
|
+
itemHeight?: number;
|
|
20
|
+
/** 是否可拖拽排序 */
|
|
21
|
+
draggable?: boolean;
|
|
22
|
+
/** 拖拽落点校验,返回 false 则禁止落在此位置 */
|
|
23
|
+
allowDrop?: (drag: TreeNode, drop: TreeNode, position: DropPosition) => boolean;
|
|
24
|
+
/** 默认展开全部含子节点的节点 */
|
|
25
|
+
defaultExpandAll?: boolean;
|
|
26
|
+
}
|
|
9
27
|
declare const __VLS_export: import('vue').DefineComponent<TreeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
10
28
|
select: (node: TreeNode) => any;
|
|
29
|
+
drop: (payload: TreeDropPayload) => any;
|
|
11
30
|
}, string, import('vue').PublicProps, Readonly<TreeProps> & Readonly<{
|
|
12
31
|
onSelect?: ((node: TreeNode) => any) | undefined;
|
|
32
|
+
onDrop?: ((payload: TreeDropPayload) => any) | undefined;
|
|
13
33
|
}>, {
|
|
14
34
|
data: TreeNode[];
|
|
35
|
+
height: number | null;
|
|
36
|
+
itemHeight: number;
|
|
37
|
+
draggable: boolean;
|
|
38
|
+
defaultExpandAll: boolean;
|
|
15
39
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
40
|
declare const _default: typeof __VLS_export;
|
|
17
41
|
export default _default;
|
|
@@ -47,8 +47,8 @@ declare const __VLS_export: import('vue').DefineComponent<UploadProps, {}, {}, {
|
|
|
47
47
|
}>, {
|
|
48
48
|
name: string;
|
|
49
49
|
action: string;
|
|
50
|
-
accept: string;
|
|
51
50
|
multiple: boolean;
|
|
51
|
+
accept: string;
|
|
52
52
|
withCredentials: boolean;
|
|
53
53
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
54
54
|
declare const _default: typeof __VLS_export;
|