bkui-vue 0.0.2-beta.90 → 0.0.2-beta.91
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 +13 -13
- package/dist/index.esm.js +2197 -2193
- package/dist/index.umd.js +13 -13
- package/lib/checkbox/checkbox.d.ts +4 -2
- package/lib/checkbox/index.d.ts +13 -7
- package/lib/checkbox/index.js +7 -4
- package/lib/pop-confirm/index.js +2 -2
- package/lib/tree/index.js +15 -6
- package/package.json +1 -1
@@ -80,7 +80,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
80
80
|
resolveClassName: (cls: string) => string;
|
81
81
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
82
82
|
'update:modelValue': (value: any) => boolean;
|
83
|
-
change: (value: any) => boolean;
|
83
|
+
change: (value: any, _event?: Event) => boolean;
|
84
|
+
click: (_event: MouseEvent) => true;
|
84
85
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
85
86
|
modelValue: import("vue-types").VueTypeDef<string | number | boolean>;
|
86
87
|
label: import("vue-types").VueTypeDef<string | number | boolean>;
|
@@ -115,7 +116,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
115
116
|
default: boolean;
|
116
117
|
};
|
117
118
|
}>> & {
|
118
|
-
onChange?: (value: any) => any;
|
119
|
+
onChange?: (value: any, _event?: Event) => any;
|
120
|
+
onClick?: (_event: MouseEvent) => any;
|
119
121
|
"onUpdate:modelValue"?: (value: any) => any;
|
120
122
|
}, {
|
121
123
|
disabled: boolean;
|
package/lib/checkbox/index.d.ts
CHANGED
@@ -16,7 +16,8 @@ declare const BkCheckbox: {
|
|
16
16
|
class?: unknown;
|
17
17
|
readonly label?: string | number | boolean;
|
18
18
|
style?: unknown;
|
19
|
-
onChange?: (value: any) => any;
|
19
|
+
onChange?: (value: any, _event?: Event) => any;
|
20
|
+
onClick?: (_event: MouseEvent) => any;
|
20
21
|
ref?: import("vue").VNodeRef;
|
21
22
|
key?: string | number | symbol;
|
22
23
|
ref_for?: boolean;
|
@@ -73,7 +74,7 @@ declare const BkCheckbox: {
|
|
73
74
|
}>;
|
74
75
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
|
75
76
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
|
76
|
-
$emit: ((event: "change", value: any) => void) & ((event: "update:modelValue", value: any) => void);
|
77
|
+
$emit: ((event: "change", value: any, _event?: Event) => void) & ((event: "click", _event: MouseEvent) => void) & ((event: "update:modelValue", value: any) => void);
|
77
78
|
$el: any;
|
78
79
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
79
80
|
modelValue: import("vue-types").VueTypeDef<string | number | boolean>;
|
@@ -109,7 +110,8 @@ declare const BkCheckbox: {
|
|
109
110
|
default: boolean;
|
110
111
|
};
|
111
112
|
}>> & {
|
112
|
-
onChange?: (value: any) => any;
|
113
|
+
onChange?: (value: any, _event?: Event) => any;
|
114
|
+
onClick?: (_event: MouseEvent) => any;
|
113
115
|
"onUpdate:modelValue"?: (value: any) => any;
|
114
116
|
}, {
|
115
117
|
inputRef: import("vue").Ref<any>;
|
@@ -124,7 +126,8 @@ declare const BkCheckbox: {
|
|
124
126
|
resolveClassName: (cls: string) => string;
|
125
127
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
126
128
|
'update:modelValue': (value: any) => boolean;
|
127
|
-
change: (value: any) => boolean;
|
129
|
+
change: (value: any, _event?: Event) => boolean;
|
130
|
+
click: (_event: MouseEvent) => true;
|
128
131
|
}, string, {
|
129
132
|
disabled: boolean;
|
130
133
|
size: "default" | "small" | "large";
|
@@ -188,7 +191,8 @@ declare const BkCheckbox: {
|
|
188
191
|
default: boolean;
|
189
192
|
};
|
190
193
|
}>> & {
|
191
|
-
onChange?: (value: any) => any;
|
194
|
+
onChange?: (value: any, _event?: Event) => any;
|
195
|
+
onClick?: (_event: MouseEvent) => any;
|
192
196
|
"onUpdate:modelValue"?: (value: any) => any;
|
193
197
|
} & import("vue").ShallowUnwrapRef<{
|
194
198
|
inputRef: import("vue").Ref<any>;
|
@@ -239,7 +243,8 @@ declare const BkCheckbox: {
|
|
239
243
|
default: boolean;
|
240
244
|
};
|
241
245
|
}>> & {
|
242
|
-
onChange?: (value: any) => any;
|
246
|
+
onChange?: (value: any, _event?: Event) => any;
|
247
|
+
onClick?: (_event: MouseEvent) => any;
|
243
248
|
"onUpdate:modelValue"?: (value: any) => any;
|
244
249
|
}, {
|
245
250
|
inputRef: import("vue").Ref<any>;
|
@@ -254,7 +259,8 @@ declare const BkCheckbox: {
|
|
254
259
|
resolveClassName: (cls: string) => string;
|
255
260
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
256
261
|
'update:modelValue': (value: any) => boolean;
|
257
|
-
change: (value: any) => boolean;
|
262
|
+
change: (value: any, _event?: Event) => boolean;
|
263
|
+
click: (_event: MouseEvent) => true;
|
258
264
|
}, string, {
|
259
265
|
disabled: boolean;
|
260
266
|
size: "default" | "small" | "large";
|
package/lib/checkbox/index.js
CHANGED
@@ -207,11 +207,11 @@ var useCheckbox = function useCheckbox() {
|
|
207
207
|
return props.disabled;
|
208
208
|
});
|
209
209
|
// 触发更新
|
210
|
-
var triggerChange = function triggerChange() {
|
210
|
+
var triggerChange = function triggerChange(event) {
|
211
211
|
// 单独使用时状态切换返回 trueLabel、falseLabel
|
212
212
|
var nextValue = isChecked.value ? props.trueLabel : props.falseLabel;
|
213
213
|
emit('update:modelValue', nextValue);
|
214
|
-
emit('change', nextValue);
|
214
|
+
emit('change', nextValue, event);
|
215
215
|
// 更新 checkbox-group
|
216
216
|
// 配合 checkbox-group 使用时返回 props.label
|
217
217
|
if (isGroup) {
|
@@ -264,7 +264,7 @@ var useCheckbox = function useCheckbox() {
|
|
264
264
|
}
|
265
265
|
var $targetInput = event.target;
|
266
266
|
isChecked.value = $targetInput.checked;
|
267
|
-
triggerChange();
|
267
|
+
triggerChange(event);
|
268
268
|
};
|
269
269
|
(0,external_vue_namespaceObject.onMounted)(function () {
|
270
270
|
if (isGroup) {
|
@@ -337,8 +337,11 @@ var checkboxProps = {
|
|
337
337
|
'update:modelValue': function updateModelValue(value) {
|
338
338
|
return value !== undefined;
|
339
339
|
},
|
340
|
-
change: function change(value) {
|
340
|
+
change: function change(value, _event) {
|
341
341
|
return value !== undefined;
|
342
|
+
},
|
343
|
+
click: function click(_event) {
|
344
|
+
return true;
|
342
345
|
}
|
343
346
|
},
|
344
347
|
setup: function setup(props) {
|
package/lib/pop-confirm/index.js
CHANGED
@@ -224,14 +224,14 @@ var PopConfirmProps = {
|
|
224
224
|
"theme": "primary"
|
225
225
|
}, {
|
226
226
|
"default": function _default() {
|
227
|
-
return [t.value.ok];
|
227
|
+
return [props.confirmText || t.value.ok];
|
228
228
|
}
|
229
229
|
}), (0,external_vue_namespaceObject.createVNode)(external_button_namespaceObject["default"], {
|
230
230
|
"onClick": cancel,
|
231
231
|
"size": "small"
|
232
232
|
}, {
|
233
233
|
"default": function _default() {
|
234
|
-
return [t.value.cancel];
|
234
|
+
return [props.cancelText || t.value.cancel];
|
235
235
|
}
|
236
236
|
})])]);
|
237
237
|
}
|
package/lib/tree/index.js
CHANGED
@@ -1202,7 +1202,10 @@ var use_node_action_this = undefined;
|
|
1202
1202
|
deepUpdateChildNode(chid, attr, value);
|
1203
1203
|
});
|
1204
1204
|
};
|
1205
|
-
var handleNodeItemCheckboxChange = function handleNodeItemCheckboxChange(item, value) {
|
1205
|
+
var handleNodeItemCheckboxChange = function handleNodeItemCheckboxChange(item, value, event) {
|
1206
|
+
event.preventDefault();
|
1207
|
+
event.stopImmediatePropagation();
|
1208
|
+
event.stopPropagation();
|
1206
1209
|
setNodeAttr(item, NODE_ATTRIBUTES.IS_CHECKED, !!value);
|
1207
1210
|
deepUpdateChildNode(item, [NODE_ATTRIBUTES.IS_CHECKED, NODE_ATTRIBUTES.IS_INDETERMINATE], [!!value, false]);
|
1208
1211
|
updateParentChecked(item, value);
|
@@ -1211,6 +1214,7 @@ var use_node_action_this = undefined;
|
|
1211
1214
|
}), flatData.data.filter(function (t) {
|
1212
1215
|
return isIndeterminate(t);
|
1213
1216
|
}));
|
1217
|
+
handleNodeContentClick(item, event);
|
1214
1218
|
};
|
1215
1219
|
var isIndeterminate = function isIndeterminate(item) {
|
1216
1220
|
return isNodeChecked(item) && getNodeAttr(item, NODE_ATTRIBUTES.IS_INDETERMINATE);
|
@@ -1223,8 +1227,9 @@ var use_node_action_this = undefined;
|
|
1223
1227
|
"size": "small",
|
1224
1228
|
"modelValue": isNodeChecked(item),
|
1225
1229
|
"indeterminate": isIndeterminate(item),
|
1226
|
-
"
|
1227
|
-
|
1230
|
+
"onClick": handleNodeCheckboxClick,
|
1231
|
+
"onChange": function onChange(val, event) {
|
1232
|
+
return handleNodeItemCheckboxChange(item, !!val, event);
|
1228
1233
|
}
|
1229
1234
|
}, null);
|
1230
1235
|
};
|
@@ -1320,7 +1325,7 @@ var use_node_action_this = undefined;
|
|
1320
1325
|
var handleTreeNodeClick = function handleTreeNodeClick(item, e) {
|
1321
1326
|
var isOpen = isItemOpen(item);
|
1322
1327
|
if (isOpen) {
|
1323
|
-
setNodeOpened(item, false, e);
|
1328
|
+
setNodeOpened(item, false, e, true);
|
1324
1329
|
return;
|
1325
1330
|
}
|
1326
1331
|
/** 如果是异步请求加载 */
|
@@ -1329,11 +1334,11 @@ var use_node_action_this = undefined;
|
|
1329
1334
|
registerNextLoop('setNodeOpenedAfterLoading', {
|
1330
1335
|
type: 'once',
|
1331
1336
|
fn: function fn() {
|
1332
|
-
return setNodeOpened(item, true, e);
|
1337
|
+
return setNodeOpened(item, true, e, true);
|
1333
1338
|
}
|
1334
1339
|
});
|
1335
1340
|
} else {
|
1336
|
-
setNodeOpened(item, true, e);
|
1341
|
+
setNodeOpened(item, true, e, true);
|
1337
1342
|
}
|
1338
1343
|
});
|
1339
1344
|
};
|
@@ -1508,6 +1513,10 @@ var use_node_action_this = undefined;
|
|
1508
1513
|
}
|
1509
1514
|
return extendNodeAttr(item);
|
1510
1515
|
};
|
1516
|
+
var handleNodeCheckboxClick = function handleNodeCheckboxClick(event) {
|
1517
|
+
event.stopImmediatePropagation();
|
1518
|
+
event.stopPropagation();
|
1519
|
+
};
|
1511
1520
|
/**
|
1512
1521
|
* 渲染节点函数
|
1513
1522
|
* @param item 当前节点
|