bkui-vue 2.0.1-beta.53 → 2.0.1-beta.54
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 +35 -35
- package/dist/index.esm.js +6354 -6344
- package/dist/index.umd.js +35 -35
- package/lib/alert/index.js +6 -5
- package/lib/index.js +1 -1
- package/lib/select/index.d.ts +19 -0
- package/lib/select/index.js +21 -8
- package/lib/select/select.d.ts +9 -0
- package/lib/virtual-render/index.js +1 -5
- package/package.json +1 -1
package/lib/alert/index.js
CHANGED
@@ -154,7 +154,7 @@ const icon_namespaceObject = icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MO
|
|
154
154
|
};
|
155
155
|
},
|
156
156
|
render: function render() {
|
157
|
-
var _this$$slots$default, _this$$
|
157
|
+
var _this$$slots$icon, _this$$slots$icon2, _this$$slots, _this$$slots$default, _this$$slots2;
|
158
158
|
if (!this.state.visible) {
|
159
159
|
return null;
|
160
160
|
}
|
@@ -163,19 +163,20 @@ const icon_namespaceObject = icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MO
|
|
163
163
|
var renderCloseText = Boolean(this.closeText);
|
164
164
|
var closeButtonClasses = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty({}, resolveClassName('alert-close'), true), 'close-text', renderCloseText), resolveClassName('alert-close-icon'), !renderCloseText));
|
165
165
|
var typeClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty({}, resolveClassName('alert'), true), resolveClassName("alert-".concat(this.theme)), true));
|
166
|
+
var defaultIcon = (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.InfoLine, {
|
167
|
+
"class": resolveClassName('alert-icon-info')
|
168
|
+
}, null);
|
166
169
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
167
170
|
"class": typeClass
|
168
171
|
}, [(0,external_vue_namespaceObject.createVNode)("div", {
|
169
172
|
"class": resolveClassName('alert-wraper')
|
170
|
-
}, [this.showIcon && (0,external_vue_namespaceObject.createVNode)(
|
171
|
-
"class": resolveClassName('alert-icon-info')
|
172
|
-
}, null), (0,external_vue_namespaceObject.createVNode)("div", {
|
173
|
+
}, [this.showIcon && ((_this$$slots$icon = (_this$$slots$icon2 = (_this$$slots = this.$slots).icon) === null || _this$$slots$icon2 === void 0 ? void 0 : _this$$slots$icon2.call(_this$$slots)) !== null && _this$$slots$icon !== void 0 ? _this$$slots$icon : defaultIcon), (0,external_vue_namespaceObject.createVNode)("div", {
|
173
174
|
"class": resolveClassName('alert-content')
|
174
175
|
}, [(0,external_vue_namespaceObject.createVNode)("div", {
|
175
176
|
"class": resolveClassName('alert-title')
|
176
177
|
}, [this.$slots.title ? this.$slots.title() : this.title]), (0,external_vue_namespaceObject.createVNode)("div", {
|
177
178
|
"class": resolveClassName('alert-description')
|
178
|
-
}, [(_this$$slots$default = (_this$$
|
179
|
+
}, [(_this$$slots$default = (_this$$slots2 = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots2)])]), this.closable && (0,external_vue_namespaceObject.createVNode)("span", {
|
179
180
|
"class": closeButtonClasses,
|
180
181
|
"onClick": this.handleClose
|
181
182
|
}, [this.closeText ? this.closeText : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.CloseLine, null, null)])])]);
|
package/lib/index.js
CHANGED
package/lib/select/index.d.ts
CHANGED
@@ -315,6 +315,10 @@ declare const BkSelect: {
|
|
315
315
|
} & {
|
316
316
|
default: boolean;
|
317
317
|
};
|
318
|
+
trigger: {
|
319
|
+
type: import("vue").PropType<"default" | "manual">;
|
320
|
+
default: string;
|
321
|
+
};
|
318
322
|
}>> & {
|
319
323
|
onFocus?: (...args: any[]) => any;
|
320
324
|
onBlur?: (...args: any[]) => any;
|
@@ -1025,6 +1029,10 @@ declare const BkSelect: {
|
|
1025
1029
|
} & {
|
1026
1030
|
default: boolean;
|
1027
1031
|
};
|
1032
|
+
trigger: {
|
1033
|
+
type: import("vue").PropType<"default" | "manual">;
|
1034
|
+
default: string;
|
1035
|
+
};
|
1028
1036
|
}>> & {
|
1029
1037
|
onFocus?: (...args: any[]) => any;
|
1030
1038
|
onBlur?: (...args: any[]) => any;
|
@@ -1041,6 +1049,7 @@ declare const BkSelect: {
|
|
1041
1049
|
prefix: string;
|
1042
1050
|
size: "default" | "small" | "large" | "huge";
|
1043
1051
|
disabled: boolean;
|
1052
|
+
trigger: "default" | "manual";
|
1044
1053
|
showOnInit: boolean;
|
1045
1054
|
multiple: boolean;
|
1046
1055
|
placeholder: string;
|
@@ -1401,6 +1410,10 @@ declare const BkSelect: {
|
|
1401
1410
|
} & {
|
1402
1411
|
default: boolean;
|
1403
1412
|
};
|
1413
|
+
trigger: {
|
1414
|
+
type: import("vue").PropType<"default" | "manual">;
|
1415
|
+
default: string;
|
1416
|
+
};
|
1404
1417
|
}>> & {
|
1405
1418
|
onFocus?: (...args: any[]) => any;
|
1406
1419
|
onBlur?: (...args: any[]) => any;
|
@@ -1801,6 +1814,7 @@ declare const BkSelect: {
|
|
1801
1814
|
prefix: string;
|
1802
1815
|
size: "default" | "small" | "large" | "huge";
|
1803
1816
|
disabled: boolean;
|
1817
|
+
trigger: "default" | "manual";
|
1804
1818
|
showOnInit: boolean;
|
1805
1819
|
multiple: boolean;
|
1806
1820
|
placeholder: string;
|
@@ -2158,6 +2172,10 @@ declare const BkSelect: {
|
|
2158
2172
|
} & {
|
2159
2173
|
default: boolean;
|
2160
2174
|
};
|
2175
|
+
trigger: {
|
2176
|
+
type: import("vue").PropType<"default" | "manual">;
|
2177
|
+
default: string;
|
2178
|
+
};
|
2161
2179
|
}>> & {
|
2162
2180
|
onFocus?: (...args: any[]) => any;
|
2163
2181
|
onBlur?: (...args: any[]) => any;
|
@@ -2558,6 +2576,7 @@ declare const BkSelect: {
|
|
2558
2576
|
prefix: string;
|
2559
2577
|
size: "default" | "small" | "large" | "huge";
|
2560
2578
|
disabled: boolean;
|
2579
|
+
trigger: "default" | "manual";
|
2561
2580
|
showOnInit: boolean;
|
2562
2581
|
multiple: boolean;
|
2563
2582
|
placeholder: string;
|
package/lib/select/index.js
CHANGED
@@ -2662,7 +2662,11 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2662
2662
|
type: Function
|
2663
2663
|
},
|
2664
2664
|
searchWithPinyin: shared_namespaceObject.PropTypes.bool.def(true),
|
2665
|
-
highlightKeyword: shared_namespaceObject.PropTypes.bool.def(false)
|
2665
|
+
highlightKeyword: shared_namespaceObject.PropTypes.bool.def(false),
|
2666
|
+
trigger: {
|
2667
|
+
type: String,
|
2668
|
+
"default": 'default'
|
2669
|
+
} // content显示和隐藏方式
|
2666
2670
|
},
|
2667
2671
|
emits: ['update:modelValue', 'change', 'toggle', 'clear', 'scroll-end', 'focus', 'blur', 'tag-remove', 'select', 'deselect', 'search-change'],
|
2668
2672
|
setup: function setup(props, _ref) {
|
@@ -2702,7 +2706,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2702
2706
|
filterOption = _toRefs.filterOption,
|
2703
2707
|
searchWithPinyin = _toRefs.searchWithPinyin,
|
2704
2708
|
highlightKeyword = _toRefs.highlightKeyword,
|
2705
|
-
disableFocusBehavior = _toRefs.disableFocusBehavior
|
2709
|
+
disableFocusBehavior = _toRefs.disableFocusBehavior,
|
2710
|
+
trigger = _toRefs.trigger;
|
2706
2711
|
var virtualRenderRef = (0,external_vue_namespaceObject.ref)(null);
|
2707
2712
|
var localNoDataText = (0,external_vue_namespaceObject.computed)(function () {
|
2708
2713
|
if (props.noDataText === undefined) {
|
@@ -2930,6 +2935,14 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2930
2935
|
hidePopover = _usePopover.hidePopover,
|
2931
2936
|
showPopover = _usePopover.showPopover,
|
2932
2937
|
togglePopover = _usePopover.togglePopover;
|
2938
|
+
var handleHidePopover = function handleHidePopover() {
|
2939
|
+
if (trigger.value === 'manual') return;
|
2940
|
+
hidePopover();
|
2941
|
+
};
|
2942
|
+
var handleShowPopover = function handleShowPopover() {
|
2943
|
+
if (trigger.value === 'manual') return;
|
2944
|
+
showPopover();
|
2945
|
+
};
|
2933
2946
|
// 输入框是否可以输入内容
|
2934
2947
|
var isInput = (0,external_vue_namespaceObject.computed)(function () {
|
2935
2948
|
return (filterable.value && inputSearch.value || allowCreate.value) && isPopoverShow.value;
|
@@ -3028,7 +3041,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3028
3041
|
};
|
3029
3042
|
// 派发toggle事件
|
3030
3043
|
var handleTogglePopover = function handleTogglePopover() {
|
3031
|
-
if (isDisabled.value) return;
|
3044
|
+
if (isDisabled.value || trigger.value === 'manual') return;
|
3032
3045
|
handleFocus();
|
3033
3046
|
togglePopover();
|
3034
3047
|
};
|
@@ -3069,7 +3082,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3069
3082
|
label: value
|
3070
3083
|
}];
|
3071
3084
|
emitChange(value);
|
3072
|
-
|
3085
|
+
handleHidePopover();
|
3073
3086
|
}
|
3074
3087
|
customOptionName.value = '';
|
3075
3088
|
};
|
@@ -3113,7 +3126,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3113
3126
|
}];
|
3114
3127
|
emitChange(option.optionID);
|
3115
3128
|
emit('select', option.optionID);
|
3116
|
-
|
3129
|
+
handleHidePopover();
|
3117
3130
|
handleBlur();
|
3118
3131
|
}
|
3119
3132
|
};
|
@@ -3153,7 +3166,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3153
3166
|
selected.value = [];
|
3154
3167
|
emitChange(multiple.value ? [] : '');
|
3155
3168
|
emit('clear', multiple.value ? [] : '');
|
3156
|
-
|
3169
|
+
handleHidePopover();
|
3157
3170
|
};
|
3158
3171
|
var handleSelectedAllOptionMouseEnter = function handleSelectedAllOptionMouseEnter() {
|
3159
3172
|
activeOptionValue.value = '';
|
@@ -3339,7 +3352,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3339
3352
|
var event = _ref2.event;
|
3340
3353
|
var target = event.target;
|
3341
3354
|
if ((_triggerRef$value = triggerRef.value) !== null && _triggerRef$value !== void 0 && _triggerRef$value.contains(target) || triggerRef.value === target) return;
|
3342
|
-
|
3355
|
+
handleHidePopover();
|
3343
3356
|
handleBlur();
|
3344
3357
|
};
|
3345
3358
|
(0,external_vue_namespaceObject.provide)(selectKey, (0,external_vue_namespaceObject.reactive)({
|
@@ -3360,7 +3373,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3360
3373
|
(0,external_vue_namespaceObject.onMounted)(function () {
|
3361
3374
|
handleSetSelectedData();
|
3362
3375
|
setTimeout(function () {
|
3363
|
-
showOnInit.value &&
|
3376
|
+
showOnInit.value && handleShowPopover();
|
3364
3377
|
autoFocus.value && focusInput();
|
3365
3378
|
});
|
3366
3379
|
});
|
package/lib/select/select.d.ts
CHANGED
@@ -314,6 +314,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
314
314
|
} & {
|
315
315
|
default: boolean;
|
316
316
|
};
|
317
|
+
trigger: {
|
318
|
+
type: PropType<"default" | "manual">;
|
319
|
+
default: string;
|
320
|
+
};
|
317
321
|
}, {
|
318
322
|
t: import("vue").ComputedRef<{
|
319
323
|
noData: string;
|
@@ -1012,6 +1016,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
1012
1016
|
} & {
|
1013
1017
|
default: boolean;
|
1014
1018
|
};
|
1019
|
+
trigger: {
|
1020
|
+
type: PropType<"default" | "manual">;
|
1021
|
+
default: string;
|
1022
|
+
};
|
1015
1023
|
}>> & {
|
1016
1024
|
onFocus?: (...args: any[]) => any;
|
1017
1025
|
onBlur?: (...args: any[]) => any;
|
@@ -1028,6 +1036,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
1028
1036
|
prefix: string;
|
1029
1037
|
size: "default" | "small" | "large" | "huge";
|
1030
1038
|
disabled: boolean;
|
1039
|
+
trigger: "default" | "manual";
|
1031
1040
|
showOnInit: boolean;
|
1032
1041
|
multiple: boolean;
|
1033
1042
|
placeholder: string;
|
@@ -17752,7 +17752,7 @@ function computedVirtualIndex(lineHeight, callback, pagination, wrapper, event)
|
|
17752
17752
|
targetStartIndex = startValue.startIndex > 0 ? startValue.startIndex : 0;
|
17753
17753
|
translateY = startValue.diffHeight;
|
17754
17754
|
var endValue = getMatchedIndex(count, elOffsetHeight, groupItemCount, lineHeight);
|
17755
|
-
targetEndIndex = endValue.startIndex + targetStartIndex;
|
17755
|
+
targetEndIndex = endValue.startIndex + targetStartIndex + 1;
|
17756
17756
|
}
|
17757
17757
|
var bottom = elScrollHeight - elOffsetHeight - elScrollTop;
|
17758
17758
|
typeof callback === 'function' && callback(event, targetStartIndex, targetEndIndex, elScrollTop, elScrollTop, elScrollLeft, {
|
@@ -18155,10 +18155,6 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
|
|
18155
18155
|
start = start < 0 ? 0 : start;
|
18156
18156
|
}
|
18157
18157
|
}
|
18158
|
-
// if (end > total) {
|
18159
|
-
// end = total;
|
18160
|
-
// start = end - Math.floor(refRoot.value.offsetHeight / props.lineHeight);
|
18161
|
-
// }
|
18162
18158
|
var value = localList.value.slice(start, end);
|
18163
18159
|
calcList.value = value;
|
18164
18160
|
if (event) {
|