bkui-vue 0.0.1-beta.123 → 0.0.1-beta.124
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/index.cjs.js +26 -26
- package/dist/index.esm.js +70 -12
- package/dist/index.umd.js +26 -26
- package/dist/style.css +1 -1
- package/lib/checkbox/checkbox.css +16 -4
- package/lib/checkbox/checkbox.d.ts +11 -3
- package/lib/checkbox/checkbox.less +22 -4
- package/lib/checkbox/checkbox.variable.css +16 -4
- package/lib/checkbox/index.d.ts +19 -5
- package/lib/checkbox/index.js +1 -1
- package/lib/tree/constant.d.ts +3 -1
- package/lib/tree/index.d.ts +54 -2
- package/lib/tree/index.js +1 -1
- package/lib/tree/props.d.ts +16 -0
- package/lib/tree/tree.css +19 -0
- package/lib/tree/tree.d.ts +24 -0
- package/lib/tree/tree.less +22 -0
- package/lib/tree/tree.variable.css +19 -0
- package/lib/tree/use-node-action.d.ts +2 -1
- package/lib/tree/use-node-attribute.d.ts +1 -0
- package/package.json +1 -1
package/lib/tree/tree.css
CHANGED
@@ -15,6 +15,9 @@
|
|
15
15
|
.bk-F-scroll-y::-webkit-scrollbar-thumb {
|
16
16
|
border-radius: 4px;
|
17
17
|
}
|
18
|
+
.bk-tree {
|
19
|
+
font-size: 14px;
|
20
|
+
}
|
18
21
|
.bk-tree .bk-node-row {
|
19
22
|
padding-left: calc(var(--offset-left));
|
20
23
|
}
|
@@ -53,6 +56,16 @@
|
|
53
56
|
width: 0;
|
54
57
|
border-left: var(--level-line);
|
55
58
|
}
|
59
|
+
.bk-tree .bk-tree-node .bk-node-prefix {
|
60
|
+
display: flex;
|
61
|
+
width: 14px;
|
62
|
+
height: 14px;
|
63
|
+
align-items: center;
|
64
|
+
justify-content: center;
|
65
|
+
}
|
66
|
+
.bk-tree .bk-tree-node .bk-node-action {
|
67
|
+
margin-right: 2px;
|
68
|
+
}
|
56
69
|
.bk-tree .bk-tree-node .bk-tree-icon {
|
57
70
|
margin: 0 6px 0 4px;
|
58
71
|
}
|
@@ -62,6 +75,12 @@
|
|
62
75
|
align-items: center;
|
63
76
|
min-width: 0;
|
64
77
|
}
|
78
|
+
.bk-tree .bk-tree-node .bk-node-content .bk-checkbox {
|
79
|
+
margin: 0;
|
80
|
+
}
|
81
|
+
.bk-tree .bk-tree-node .bk-node-content .bk-checkbox .bk-checkbox-input {
|
82
|
+
margin: 0;
|
83
|
+
}
|
65
84
|
.bk-tree .bk-tree-node .bk-node-content .bk-node-text {
|
66
85
|
flex: 1;
|
67
86
|
overflow: hidden;
|
package/lib/tree/tree.d.ts
CHANGED
@@ -69,6 +69,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
69
69
|
} & {
|
70
70
|
default: boolean;
|
71
71
|
};
|
72
|
+
showCheckbox: import("vue-types").VueTypeValidableDef<boolean> & {
|
73
|
+
default: boolean;
|
74
|
+
} & {
|
75
|
+
default: boolean;
|
76
|
+
};
|
77
|
+
showNodeTypeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
|
78
|
+
default: boolean;
|
79
|
+
} & {
|
80
|
+
default: boolean;
|
81
|
+
};
|
72
82
|
selected: import("vue-types").VueTypeDef<string | number | {
|
73
83
|
[key: string]: any;
|
74
84
|
}> & {
|
@@ -90,6 +100,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
90
100
|
nodeClick: (..._args: any[]) => boolean;
|
91
101
|
nodeCollapse: (..._args: any[]) => boolean;
|
92
102
|
nodeExpand: (..._args: any[]) => boolean;
|
103
|
+
nodeChecked: (..._args: any[]) => boolean;
|
93
104
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
94
105
|
data: import("vue-types").VueTypeDef<any[]> & {
|
95
106
|
default: () => any[];
|
@@ -159,6 +170,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
159
170
|
} & {
|
160
171
|
default: boolean;
|
161
172
|
};
|
173
|
+
showCheckbox: import("vue-types").VueTypeValidableDef<boolean> & {
|
174
|
+
default: boolean;
|
175
|
+
} & {
|
176
|
+
default: boolean;
|
177
|
+
};
|
178
|
+
showNodeTypeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
|
179
|
+
default: boolean;
|
180
|
+
} & {
|
181
|
+
default: boolean;
|
182
|
+
};
|
162
183
|
selected: import("vue-types").VueTypeDef<string | number | {
|
163
184
|
[key: string]: any;
|
164
185
|
}> & {
|
@@ -180,6 +201,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
180
201
|
onNodeClick?: (...args: any[]) => any;
|
181
202
|
onNodeCollapse?: (...args: any[]) => any;
|
182
203
|
onNodeExpand?: (...args: any[]) => any;
|
204
|
+
onNodeChecked?: (...args: any[]) => any;
|
183
205
|
}, {
|
184
206
|
data: any[];
|
185
207
|
search: string | number | boolean | import("./props").SearchOption;
|
@@ -198,6 +220,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
198
220
|
offsetLeft: number;
|
199
221
|
dragSort: boolean;
|
200
222
|
selectable: boolean;
|
223
|
+
showCheckbox: boolean;
|
224
|
+
showNodeTypeIcon: boolean;
|
201
225
|
autoCheckChildren: boolean;
|
202
226
|
autoOpenParentNode: boolean;
|
203
227
|
}>;
|
package/lib/tree/tree.less
CHANGED
@@ -2,6 +2,8 @@
|
|
2
2
|
@import '../styles/mixins/scroll.less';
|
3
3
|
|
4
4
|
.@{bk-prefix}-tree {
|
5
|
+
font-size: 14px;
|
6
|
+
|
5
7
|
.@{bk-prefix}-node-row {
|
6
8
|
padding-left: calc(var(--offset-left));
|
7
9
|
|
@@ -47,6 +49,18 @@
|
|
47
49
|
border-left: var(--level-line);
|
48
50
|
}
|
49
51
|
|
52
|
+
.@{bk-prefix}-node-prefix {
|
53
|
+
display: flex;
|
54
|
+
width: 14px;
|
55
|
+
height: 14px;
|
56
|
+
align-items: center;
|
57
|
+
justify-content: center;
|
58
|
+
}
|
59
|
+
|
60
|
+
.@{bk-prefix}-node-action {
|
61
|
+
margin-right: 2px;
|
62
|
+
}
|
63
|
+
|
50
64
|
.@{bk-prefix}-tree-icon {
|
51
65
|
margin: 0 6px 0 4px;
|
52
66
|
}
|
@@ -57,6 +71,14 @@
|
|
57
71
|
align-items: center;
|
58
72
|
min-width: 0;
|
59
73
|
|
74
|
+
.@{bk-prefix}-checkbox {
|
75
|
+
margin: 0;
|
76
|
+
|
77
|
+
.@{bk-prefix}-checkbox-input {
|
78
|
+
margin: 0;
|
79
|
+
}
|
80
|
+
}
|
81
|
+
|
60
82
|
.@{bk-prefix}-node-text {
|
61
83
|
flex: 1;
|
62
84
|
overflow: hidden;
|
@@ -117,6 +117,9 @@
|
|
117
117
|
.bk-F-scroll-y::-webkit-scrollbar-thumb {
|
118
118
|
border-radius: 4px;
|
119
119
|
}
|
120
|
+
.bk-tree {
|
121
|
+
font-size: 14px;
|
122
|
+
}
|
120
123
|
.bk-tree .bk-node-row {
|
121
124
|
padding-left: calc(var(--offset-left));
|
122
125
|
}
|
@@ -155,6 +158,16 @@
|
|
155
158
|
width: 0;
|
156
159
|
border-left: var(--level-line);
|
157
160
|
}
|
161
|
+
.bk-tree .bk-tree-node .bk-node-prefix {
|
162
|
+
display: flex;
|
163
|
+
width: 14px;
|
164
|
+
height: 14px;
|
165
|
+
align-items: center;
|
166
|
+
justify-content: center;
|
167
|
+
}
|
168
|
+
.bk-tree .bk-tree-node .bk-node-action {
|
169
|
+
margin-right: 2px;
|
170
|
+
}
|
158
171
|
.bk-tree .bk-tree-node .bk-tree-icon {
|
159
172
|
margin: 0 6px 0 4px;
|
160
173
|
}
|
@@ -164,6 +177,12 @@
|
|
164
177
|
align-items: center;
|
165
178
|
min-width: 0;
|
166
179
|
}
|
180
|
+
.bk-tree .bk-tree-node .bk-node-content .bk-checkbox {
|
181
|
+
margin: 0;
|
182
|
+
}
|
183
|
+
.bk-tree .bk-tree-node .bk-node-content .bk-checkbox .bk-checkbox-input {
|
184
|
+
margin: 0;
|
185
|
+
}
|
167
186
|
.bk-tree .bk-tree-node .bk-node-content .bk-node-text {
|
168
187
|
flex: 1;
|
169
188
|
overflow: hidden;
|
@@ -1,4 +1,5 @@
|
|
1
|
-
|
1
|
+
import { TreePropTypes } from './props';
|
2
|
+
declare const _default: (props: TreePropTypes, ctx: any, flatData: any, renderData: any, schemaValues: any, initOption: any) => {
|
2
3
|
renderTreeNode: (item: any) => JSX.Element;
|
3
4
|
hanldeTreeNodeClick: (item: any, e: MouseEvent) => void;
|
4
5
|
deepAutoOpen: () => void;
|
@@ -6,6 +6,7 @@ declare const _default: (flatData: any, props?: TreePropTypes) => {
|
|
6
6
|
getNodeParentId: (node: any) => any;
|
7
7
|
getNodeParentIdById: (id: string) => any;
|
8
8
|
getParentNodeData: (uid: string) => any;
|
9
|
+
getParentNode: (node: any) => any;
|
9
10
|
setNodeAttr: (node: any, attr: string, val: any) => void;
|
10
11
|
getNodePath: (node: any) => any;
|
11
12
|
isRootNode: (node: any) => any;
|