bkui-vue 2.0.1-beta.72.fix.1 → 2.0.1-beta.72.fix.2
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 +34 -34
- package/dist/index.esm.js +5251 -5233
- package/dist/index.umd.js +35 -35
- package/lib/cascader/index.js +7 -5
- package/lib/index.js +1 -1
- package/lib/select/common.d.ts +1 -1
- package/lib/select/index.d.ts +32 -0
- package/lib/select/index.js +51 -21
- package/lib/select/select.d.ts +14 -0
- package/lib/select/selectTagInput.d.ts +1 -0
- package/lib/select/type.d.ts +2 -2
- package/package.json +1 -1
package/lib/cascader/index.js
CHANGED
@@ -510,14 +510,16 @@ function useRegistry(data) {
|
|
510
510
|
// 注册item
|
511
511
|
var register = function register(key, item) {
|
512
512
|
if (!item) return;
|
513
|
-
if (data.value.has(key)) {
|
514
|
-
return;
|
515
|
-
}
|
516
513
|
return data.value.set(key, item);
|
517
514
|
};
|
518
515
|
// 删除item
|
519
|
-
var unregister = function unregister(key) {
|
520
|
-
|
516
|
+
var unregister = function unregister(key, item) {
|
517
|
+
if (item) {
|
518
|
+
if (data.value.get(key) !== item) return;
|
519
|
+
data.value["delete"](key);
|
520
|
+
} else {
|
521
|
+
data.value["delete"](key);
|
522
|
+
}
|
521
523
|
};
|
522
524
|
return {
|
523
525
|
register: register,
|
package/lib/index.js
CHANGED
@@ -4,5 +4,5 @@ export { default } from './preset';
|
|
4
4
|
export * from './config-provider';
|
5
5
|
export * from './directives';
|
6
6
|
export * as plugins from './plugins';
|
7
|
-
export const version = "2.0.1-beta.72.fix.
|
7
|
+
export const version = "2.0.1-beta.72.fix.2";
|
8
8
|
window.__bkui_vue_version__ = version;
|
package/lib/select/common.d.ts
CHANGED
@@ -9,7 +9,7 @@ export declare function useHover(): {
|
|
9
9
|
};
|
10
10
|
export declare function useRegistry<T>(data: Ref<Map<PropertyKey, T>>): {
|
11
11
|
register: (key: string, item: T) => Map<PropertyKey, T>;
|
12
|
-
unregister: (key: string) => void;
|
12
|
+
unregister: (key: string, item?: T) => void;
|
13
13
|
};
|
14
14
|
export declare function useDebouncedRef<T>(value: any, delay?: number): Ref<T>;
|
15
15
|
export declare function usePopover(config: IPopoverConfig, triggerRef: Ref<HTMLElement>): {
|
package/lib/select/index.d.ts
CHANGED
@@ -319,6 +319,11 @@ declare const BkSelect: {
|
|
319
319
|
type: import("vue").PropType<"default" | "manual">;
|
320
320
|
default: string;
|
321
321
|
};
|
322
|
+
disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
|
323
|
+
default: boolean;
|
324
|
+
} & {
|
325
|
+
default: boolean;
|
326
|
+
};
|
322
327
|
}>> & {
|
323
328
|
onFocus?: (...args: any[]) => any;
|
324
329
|
onBlur?: (...args: any[]) => any;
|
@@ -356,6 +361,7 @@ declare const BkSelect: {
|
|
356
361
|
triggerRef: import("vue").Ref<HTMLElement>;
|
357
362
|
contentRef: import("vue").Ref<HTMLElement>;
|
358
363
|
searchRef: import("vue").Ref<HTMLElement>;
|
364
|
+
scrollContainerRef: import("vue").Ref<HTMLElement>;
|
359
365
|
selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
|
360
366
|
selected: {
|
361
367
|
type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
|
@@ -410,6 +416,7 @@ declare const BkSelect: {
|
|
410
416
|
handleRemoveTag: (val: string) => void;
|
411
417
|
focus: () => void;
|
412
418
|
blur: () => void;
|
419
|
+
updateModelValue: (data: string) => void;
|
413
420
|
handleInput: (e: any) => void;
|
414
421
|
handleKeydown: (e: any) => void;
|
415
422
|
resolveClassName: (cls: string) => string;
|
@@ -525,6 +532,7 @@ declare const BkSelect: {
|
|
525
532
|
handleRemoveTag: (val: string) => void;
|
526
533
|
focus: () => void;
|
527
534
|
blur: () => void;
|
535
|
+
updateModelValue: (data: string) => void;
|
528
536
|
handleInput: (e: any) => void;
|
529
537
|
handleKeydown: (e: any) => void;
|
530
538
|
resolveClassName: (cls: string) => string;
|
@@ -1033,6 +1041,11 @@ declare const BkSelect: {
|
|
1033
1041
|
type: import("vue").PropType<"default" | "manual">;
|
1034
1042
|
default: string;
|
1035
1043
|
};
|
1044
|
+
disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
|
1045
|
+
default: boolean;
|
1046
|
+
} & {
|
1047
|
+
default: boolean;
|
1048
|
+
};
|
1036
1049
|
}>> & {
|
1037
1050
|
onFocus?: (...args: any[]) => any;
|
1038
1051
|
onBlur?: (...args: any[]) => any;
|
@@ -1089,6 +1102,7 @@ declare const BkSelect: {
|
|
1089
1102
|
disableFocusBehavior: boolean;
|
1090
1103
|
keepSearchValue: boolean;
|
1091
1104
|
searchWithPinyin: boolean;
|
1105
|
+
disableScrollToSelectedOption: boolean;
|
1092
1106
|
}, true, {}, {}, {
|
1093
1107
|
P: {};
|
1094
1108
|
B: {};
|
@@ -1414,6 +1428,11 @@ declare const BkSelect: {
|
|
1414
1428
|
type: import("vue").PropType<"default" | "manual">;
|
1415
1429
|
default: string;
|
1416
1430
|
};
|
1431
|
+
disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
|
1432
|
+
default: boolean;
|
1433
|
+
} & {
|
1434
|
+
default: boolean;
|
1435
|
+
};
|
1417
1436
|
}>> & {
|
1418
1437
|
onFocus?: (...args: any[]) => any;
|
1419
1438
|
onBlur?: (...args: any[]) => any;
|
@@ -1451,6 +1470,7 @@ declare const BkSelect: {
|
|
1451
1470
|
triggerRef: import("vue").Ref<HTMLElement>;
|
1452
1471
|
contentRef: import("vue").Ref<HTMLElement>;
|
1453
1472
|
searchRef: import("vue").Ref<HTMLElement>;
|
1473
|
+
scrollContainerRef: import("vue").Ref<HTMLElement>;
|
1454
1474
|
selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
|
1455
1475
|
selected: {
|
1456
1476
|
type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
|
@@ -1505,6 +1525,7 @@ declare const BkSelect: {
|
|
1505
1525
|
handleRemoveTag: (val: string) => void;
|
1506
1526
|
focus: () => void;
|
1507
1527
|
blur: () => void;
|
1528
|
+
updateModelValue: (data: string) => void;
|
1508
1529
|
handleInput: (e: any) => void;
|
1509
1530
|
handleKeydown: (e: any) => void;
|
1510
1531
|
resolveClassName: (cls: string) => string;
|
@@ -1620,6 +1641,7 @@ declare const BkSelect: {
|
|
1620
1641
|
handleRemoveTag: (val: string) => void;
|
1621
1642
|
focus: () => void;
|
1622
1643
|
blur: () => void;
|
1644
|
+
updateModelValue: (data: string) => void;
|
1623
1645
|
handleInput: (e: any) => void;
|
1624
1646
|
handleKeydown: (e: any) => void;
|
1625
1647
|
resolveClassName: (cls: string) => string;
|
@@ -1854,6 +1876,7 @@ declare const BkSelect: {
|
|
1854
1876
|
disableFocusBehavior: boolean;
|
1855
1877
|
keepSearchValue: boolean;
|
1856
1878
|
searchWithPinyin: boolean;
|
1879
|
+
disableScrollToSelectedOption: boolean;
|
1857
1880
|
}>;
|
1858
1881
|
__isFragment?: never;
|
1859
1882
|
__isTeleport?: never;
|
@@ -2176,6 +2199,11 @@ declare const BkSelect: {
|
|
2176
2199
|
type: import("vue").PropType<"default" | "manual">;
|
2177
2200
|
default: string;
|
2178
2201
|
};
|
2202
|
+
disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
|
2203
|
+
default: boolean;
|
2204
|
+
} & {
|
2205
|
+
default: boolean;
|
2206
|
+
};
|
2179
2207
|
}>> & {
|
2180
2208
|
onFocus?: (...args: any[]) => any;
|
2181
2209
|
onBlur?: (...args: any[]) => any;
|
@@ -2213,6 +2241,7 @@ declare const BkSelect: {
|
|
2213
2241
|
triggerRef: import("vue").Ref<HTMLElement>;
|
2214
2242
|
contentRef: import("vue").Ref<HTMLElement>;
|
2215
2243
|
searchRef: import("vue").Ref<HTMLElement>;
|
2244
|
+
scrollContainerRef: import("vue").Ref<HTMLElement>;
|
2216
2245
|
selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
|
2217
2246
|
selected: {
|
2218
2247
|
type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
|
@@ -2267,6 +2296,7 @@ declare const BkSelect: {
|
|
2267
2296
|
handleRemoveTag: (val: string) => void;
|
2268
2297
|
focus: () => void;
|
2269
2298
|
blur: () => void;
|
2299
|
+
updateModelValue: (data: string) => void;
|
2270
2300
|
handleInput: (e: any) => void;
|
2271
2301
|
handleKeydown: (e: any) => void;
|
2272
2302
|
resolveClassName: (cls: string) => string;
|
@@ -2382,6 +2412,7 @@ declare const BkSelect: {
|
|
2382
2412
|
handleRemoveTag: (val: string) => void;
|
2383
2413
|
focus: () => void;
|
2384
2414
|
blur: () => void;
|
2415
|
+
updateModelValue: (data: string) => void;
|
2385
2416
|
handleInput: (e: any) => void;
|
2386
2417
|
handleKeydown: (e: any) => void;
|
2387
2418
|
resolveClassName: (cls: string) => string;
|
@@ -2616,6 +2647,7 @@ declare const BkSelect: {
|
|
2616
2647
|
disableFocusBehavior: boolean;
|
2617
2648
|
keepSearchValue: boolean;
|
2618
2649
|
searchWithPinyin: boolean;
|
2650
|
+
disableScrollToSelectedOption: boolean;
|
2619
2651
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
|
2620
2652
|
Option: import("vue").DefineComponent<{
|
2621
2653
|
id: {
|
package/lib/select/index.js
CHANGED
@@ -597,14 +597,16 @@ function useRegistry(data) {
|
|
597
597
|
// 注册item
|
598
598
|
var register = function register(key, item) {
|
599
599
|
if (!item) return;
|
600
|
-
if (data.value.has(key)) {
|
601
|
-
return;
|
602
|
-
}
|
603
600
|
return data.value.set(key, item);
|
604
601
|
};
|
605
602
|
// 删除item
|
606
|
-
var unregister = function unregister(key) {
|
607
|
-
|
603
|
+
var unregister = function unregister(key, item) {
|
604
|
+
if (item) {
|
605
|
+
if (data.value.get(key) !== item) return;
|
606
|
+
data.value["delete"](key);
|
607
|
+
} else {
|
608
|
+
data.value["delete"](key);
|
609
|
+
}
|
608
610
|
};
|
609
611
|
return {
|
610
612
|
register: register,
|
@@ -861,8 +863,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
861
863
|
group === null || group === void 0 || group.register(optionID.value, proxy);
|
862
864
|
});
|
863
865
|
(0,external_vue_namespaceObject.onBeforeUnmount)(function () {
|
864
|
-
select === null || select === void 0 || select.unregister(optionID.value);
|
865
|
-
group === null || group === void 0 || group.unregister(optionID.value);
|
866
|
+
select === null || select === void 0 || select.unregister(optionID.value, proxy);
|
867
|
+
group === null || group === void 0 || group.unregister(optionID.value, proxy);
|
866
868
|
});
|
867
869
|
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
868
870
|
resolveClassName = _usePrefix.resolveClassName;
|
@@ -2404,6 +2406,9 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
|
|
2404
2406
|
var _inputRef$value2;
|
2405
2407
|
(_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.blur();
|
2406
2408
|
};
|
2409
|
+
var updateModelValue = function updateModelValue(data) {
|
2410
|
+
emit('update:modelValue', data);
|
2411
|
+
};
|
2407
2412
|
var handleInput = function handleInput(e) {
|
2408
2413
|
emit('update:modelValue', e.target.value);
|
2409
2414
|
};
|
@@ -2473,6 +2478,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
|
|
2473
2478
|
handleRemoveTag: handleRemoveTag,
|
2474
2479
|
focus: focus,
|
2475
2480
|
blur: blur,
|
2481
|
+
updateModelValue: updateModelValue,
|
2476
2482
|
handleInput: handleInput,
|
2477
2483
|
handleKeydown: handleKeydown,
|
2478
2484
|
resolveClassName: resolveClassName
|
@@ -2503,6 +2509,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
|
|
2503
2509
|
}, [(_this$$slots$default = (_this$$slots$default2 = (_this$$slots3 = this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots3)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : this.selected.map(function (item, index) {
|
2504
2510
|
var _this$$slots$tagRende, _this$$slots$tagRende2, _this$$slots4, _this$select;
|
2505
2511
|
return (0,external_vue_namespaceObject.createVNode)(tag_namespaceObject["default"], {
|
2512
|
+
"key": item.value,
|
2506
2513
|
"ref": function ref(el) {
|
2507
2514
|
return _this.tagsRefs[index] = el;
|
2508
2515
|
},
|
@@ -2621,7 +2628,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2621
2628
|
size: shared_namespaceObject.PropTypes.size().def(shared_namespaceObject.SizeEnum.DEFAULT),
|
2622
2629
|
clearable: shared_namespaceObject.PropTypes.bool.def(true),
|
2623
2630
|
loading: shared_namespaceObject.PropTypes.bool.def(false),
|
2624
|
-
filterable: shared_namespaceObject.PropTypes.bool.def(
|
2631
|
+
filterable: shared_namespaceObject.PropTypes.bool.def(false),
|
2625
2632
|
remoteMethod: shared_namespaceObject.PropTypes.func,
|
2626
2633
|
scrollHeight: shared_namespaceObject.PropTypes.number.def(204),
|
2627
2634
|
minHeight: shared_namespaceObject.PropTypes.number,
|
@@ -2666,7 +2673,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2666
2673
|
trigger: {
|
2667
2674
|
type: String,
|
2668
2675
|
"default": 'default'
|
2669
|
-
}
|
2676
|
+
},
|
2677
|
+
disableScrollToSelectedOption: shared_namespaceObject.PropTypes.bool.def(false) // 是否禁用滚动到选中option的功能
|
2670
2678
|
},
|
2671
2679
|
emits: ['update:modelValue', 'change', 'toggle', 'clear', 'scroll-end', 'focus', 'blur', 'tag-remove', 'select', 'deselect', 'search-change'],
|
2672
2680
|
setup: function setup(props, _ref) {
|
@@ -2707,7 +2715,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2707
2715
|
searchWithPinyin = _toRefs.searchWithPinyin,
|
2708
2716
|
highlightKeyword = _toRefs.highlightKeyword,
|
2709
2717
|
disableFocusBehavior = _toRefs.disableFocusBehavior,
|
2710
|
-
trigger = _toRefs.trigger
|
2718
|
+
trigger = _toRefs.trigger,
|
2719
|
+
disableScrollToSelectedOption = _toRefs.disableScrollToSelectedOption;
|
2711
2720
|
var virtualRenderRef = (0,external_vue_namespaceObject.ref)(null);
|
2712
2721
|
var localNoDataText = (0,external_vue_namespaceObject.computed)(function () {
|
2713
2722
|
if (props.noDataText === undefined) {
|
@@ -2750,6 +2759,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2750
2759
|
var triggerRef = (0,external_vue_namespaceObject.ref)();
|
2751
2760
|
var contentRef = (0,external_vue_namespaceObject.ref)();
|
2752
2761
|
var searchRef = (0,external_vue_namespaceObject.ref)();
|
2762
|
+
var scrollContainerRef = (0,external_vue_namespaceObject.ref)();
|
2753
2763
|
var selectTagInputRef = (0,external_vue_namespaceObject.ref)();
|
2754
2764
|
var popoverRef = (0,external_vue_namespaceObject.ref)();
|
2755
2765
|
var optionsMap = (0,external_vue_namespaceObject.ref)(new Map());
|
@@ -2760,11 +2770,11 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2760
2770
|
});
|
2761
2771
|
var groupsMap = (0,external_vue_namespaceObject.ref)(new Map());
|
2762
2772
|
var selected = (0,external_vue_namespaceObject.ref)([]);
|
2763
|
-
var
|
2773
|
+
var selectedCacheMap = (0,external_vue_namespaceObject.computed)(function () {
|
2764
2774
|
return selected.value.reduce(function (pre, item) {
|
2765
2775
|
pre[item.value] = item.label;
|
2766
2776
|
return pre;
|
2767
|
-
}, {});
|
2777
|
+
}, _defineProperty({}, "".concat(allOptionId.value), t.value.all));
|
2768
2778
|
});
|
2769
2779
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
2770
2780
|
var activeOptionValue = (0,external_vue_namespaceObject.ref)(); // 当前悬浮的option
|
@@ -2944,8 +2954,12 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2944
2954
|
showPopover();
|
2945
2955
|
};
|
2946
2956
|
// 输入框是否可以输入内容
|
2957
|
+
// const isInput = computed(
|
2958
|
+
// () => ((filterable.value && inputSearch.value) || allowCreate.value) && isPopoverShow.value,
|
2959
|
+
// );
|
2960
|
+
// 自定义创建失焦后仍保留输入框内的内容
|
2947
2961
|
var isInput = (0,external_vue_namespaceObject.computed)(function () {
|
2948
|
-
return
|
2962
|
+
return filterable.value && inputSearch.value && isPopoverShow.value || allowCreate.value;
|
2949
2963
|
});
|
2950
2964
|
(0,external_vue_namespaceObject.watch)(isPopoverShow, function (isShow) {
|
2951
2965
|
emit('toggle', isPopoverShow.value);
|
@@ -2966,11 +2980,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
2966
2980
|
// 滚动到当前选中的options中
|
2967
2981
|
var scrollActiveOptionIntoView = function scrollActiveOptionIntoView() {
|
2968
2982
|
var _contentRef$value, _contentRef$value$que, _optionsDom$;
|
2969
|
-
if (isEnableVirtualRender.value) return;
|
2983
|
+
if (isEnableVirtualRender.value || disableScrollToSelectedOption.value) return;
|
2970
2984
|
var optionsDom = (_contentRef$value = contentRef.value) === null || _contentRef$value === void 0 || (_contentRef$value$que = _contentRef$value.querySelectorAll) === null || _contentRef$value$que === void 0 ? void 0 : _contentRef$value$que.call(_contentRef$value, '.is-selected');
|
2971
2985
|
optionsDom === null || optionsDom === void 0 || (_optionsDom$ = optionsDom[0]) === null || _optionsDom$ === void 0 || _optionsDom$.scrollIntoView({
|
2972
2986
|
block: 'center'
|
2973
|
-
// behavior: 'smooth',
|
2974
2987
|
});
|
2975
2988
|
};
|
2976
2989
|
// 初始化当前悬浮的option项
|
@@ -3031,6 +3044,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3031
3044
|
searchLoading = _useRemoteSearch.searchLoading;
|
3032
3045
|
// 派发search change事件
|
3033
3046
|
(0,external_vue_namespaceObject.watch)(searchValue, function () {
|
3047
|
+
scrollContainerRef.value.scrollTop = 0;
|
3034
3048
|
emit('search-change', searchValue.value);
|
3035
3049
|
});
|
3036
3050
|
// 派发change事件
|
@@ -3038,6 +3052,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3038
3052
|
if (val === modelValue.value) return;
|
3039
3053
|
emit('update:modelValue', val, modelValue.value);
|
3040
3054
|
emit('change', val, modelValue.value);
|
3055
|
+
// 重置Selected 以model-value为主
|
3056
|
+
handleSetSelectedData();
|
3041
3057
|
};
|
3042
3058
|
// 派发toggle事件
|
3043
3059
|
var handleTogglePopover = function handleTogglePopover() {
|
@@ -3116,6 +3132,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3116
3132
|
return item.value;
|
3117
3133
|
}));
|
3118
3134
|
emit('select', option.optionID);
|
3135
|
+
clearMultipleInputValue();
|
3119
3136
|
}
|
3120
3137
|
focusInput();
|
3121
3138
|
} else {
|
@@ -3124,12 +3141,22 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3124
3141
|
label: option.optionName || option.optionID,
|
3125
3142
|
value: option.optionID
|
3126
3143
|
}];
|
3144
|
+
if (filterable.value && allowCreate.value) {
|
3145
|
+
customOptionName.value = '';
|
3146
|
+
}
|
3127
3147
|
emitChange(option.optionID);
|
3128
3148
|
emit('select', option.optionID);
|
3129
3149
|
handleHidePopover();
|
3130
3150
|
handleBlur();
|
3131
3151
|
}
|
3132
3152
|
};
|
3153
|
+
// 是否需要清空多选输入框内容
|
3154
|
+
var clearMultipleInputValue = function clearMultipleInputValue() {
|
3155
|
+
if (['tag'].includes(multipleMode.value) && isInput.value) {
|
3156
|
+
var _selectTagInputRef$va;
|
3157
|
+
(_selectTagInputRef$va = selectTagInputRef.value) === null || _selectTagInputRef$va === void 0 || _selectTagInputRef$va.updateModelValue('');
|
3158
|
+
}
|
3159
|
+
};
|
3133
3160
|
// 聚焦输入框
|
3134
3161
|
var focusInput = function focusInput() {
|
3135
3162
|
if (disableFocusBehavior.value) return;
|
@@ -3139,8 +3166,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3139
3166
|
(_searchRef$value = searchRef.value) === null || _searchRef$value === void 0 || _searchRef$value.focus();
|
3140
3167
|
} else {
|
3141
3168
|
if (multipleMode.value === 'tag') {
|
3142
|
-
var _selectTagInputRef$
|
3143
|
-
(_selectTagInputRef$
|
3169
|
+
var _selectTagInputRef$va2;
|
3170
|
+
(_selectTagInputRef$va2 = selectTagInputRef.value) === null || _selectTagInputRef$va2 === void 0 || _selectTagInputRef$va2.focus();
|
3144
3171
|
} else {
|
3145
3172
|
var _inputRef$value;
|
3146
3173
|
(_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
|
@@ -3152,8 +3179,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3152
3179
|
var blurInput = function blurInput() {
|
3153
3180
|
setTimeout(function () {
|
3154
3181
|
if (multipleMode.value === 'tag') {
|
3155
|
-
var _selectTagInputRef$
|
3156
|
-
(_selectTagInputRef$
|
3182
|
+
var _selectTagInputRef$va3;
|
3183
|
+
(_selectTagInputRef$va3 = selectTagInputRef.value) === null || _selectTagInputRef$va3 === void 0 || _selectTagInputRef$va3.blur();
|
3157
3184
|
} else {
|
3158
3185
|
var _inputRef$value2;
|
3159
3186
|
(_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.blur();
|
@@ -3164,6 +3191,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3164
3191
|
var handleClear = function handleClear(e) {
|
3165
3192
|
e.stopPropagation();
|
3166
3193
|
selected.value = [];
|
3194
|
+
clearMultipleInputValue();
|
3167
3195
|
emitChange(multiple.value ? [] : '');
|
3168
3196
|
emit('clear', multiple.value ? [] : '');
|
3169
3197
|
handleHidePopover();
|
@@ -3241,7 +3269,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3241
3269
|
emit('tag-remove', val);
|
3242
3270
|
}
|
3243
3271
|
};
|
3244
|
-
//
|
3272
|
+
// 优先级: option name属性 > list模式 > 上一次选择的label > 当前值
|
3245
3273
|
var handleGetLabelByValue = function handleGetLabelByValue(value) {
|
3246
3274
|
var _optionsMap$value2;
|
3247
3275
|
// 处理options value为对象类型,引用类型变更后,回显不对问题
|
@@ -3263,7 +3291,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3263
3291
|
_iterator.f();
|
3264
3292
|
}
|
3265
3293
|
}
|
3266
|
-
return ((_optionsMap$value2 = optionsMap.value) === null || _optionsMap$value2 === void 0 || (_optionsMap$value2 = _optionsMap$value2.get(tmpValue)) === null || _optionsMap$value2 === void 0 ? void 0 : _optionsMap$value2.optionName) || listMap.value[tmpValue] ||
|
3294
|
+
return ((_optionsMap$value2 = optionsMap.value) === null || _optionsMap$value2 === void 0 || (_optionsMap$value2 = _optionsMap$value2.get(tmpValue)) === null || _optionsMap$value2 === void 0 ? void 0 : _optionsMap$value2.optionName) || listMap.value[tmpValue] || selectedCacheMap.value[tmpValue] || tmpValue;
|
3267
3295
|
};
|
3268
3296
|
// 设置selected选项
|
3269
3297
|
var handleSetSelectedData = function handleSetSelectedData() {
|
@@ -3395,6 +3423,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3395
3423
|
triggerRef: triggerRef,
|
3396
3424
|
contentRef: contentRef,
|
3397
3425
|
searchRef: searchRef,
|
3426
|
+
scrollContainerRef: scrollContainerRef,
|
3398
3427
|
selectTagInputRef: selectTagInputRef,
|
3399
3428
|
popoverRef: popoverRef,
|
3400
3429
|
searchLoading: searchLoading,
|
@@ -3672,6 +3701,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
3672
3701
|
}, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.curContentText])]), (0,external_vue_namespaceObject.createVNode)("div", {
|
3673
3702
|
"class": _this.resolveClassName('select-content')
|
3674
3703
|
}, [(0,external_vue_namespaceObject.createVNode)("div", {
|
3704
|
+
"ref": "scrollContainerRef",
|
3675
3705
|
"style": {
|
3676
3706
|
maxHeight: "".concat(_this.scrollHeight, "px"),
|
3677
3707
|
minHeight: "".concat(_this.minHeight, "px")
|
package/lib/select/select.d.ts
CHANGED
@@ -318,6 +318,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
318
318
|
type: PropType<"default" | "manual">;
|
319
319
|
default: string;
|
320
320
|
};
|
321
|
+
disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
|
322
|
+
default: boolean;
|
323
|
+
} & {
|
324
|
+
default: boolean;
|
325
|
+
};
|
321
326
|
}, {
|
322
327
|
t: import("vue").ComputedRef<{
|
323
328
|
noData: string;
|
@@ -343,6 +348,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
343
348
|
triggerRef: import("vue").Ref<HTMLElement>;
|
344
349
|
contentRef: import("vue").Ref<HTMLElement>;
|
345
350
|
searchRef: import("vue").Ref<HTMLElement>;
|
351
|
+
scrollContainerRef: import("vue").Ref<HTMLElement>;
|
346
352
|
selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
|
347
353
|
selected: {
|
348
354
|
type: import("vue-types/dist/types").PropType<ISelected[]>;
|
@@ -397,6 +403,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
397
403
|
handleRemoveTag: (val: string) => void;
|
398
404
|
focus: () => void;
|
399
405
|
blur: () => void;
|
406
|
+
updateModelValue: (data: string) => void;
|
400
407
|
handleInput: (e: any) => void;
|
401
408
|
handleKeydown: (e: any) => void;
|
402
409
|
resolveClassName: (cls: string) => string;
|
@@ -512,6 +519,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
512
519
|
handleRemoveTag: (val: string) => void;
|
513
520
|
focus: () => void;
|
514
521
|
blur: () => void;
|
522
|
+
updateModelValue: (data: string) => void;
|
515
523
|
handleInput: (e: any) => void;
|
516
524
|
handleKeydown: (e: any) => void;
|
517
525
|
resolveClassName: (cls: string) => string;
|
@@ -1020,6 +1028,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
1020
1028
|
type: PropType<"default" | "manual">;
|
1021
1029
|
default: string;
|
1022
1030
|
};
|
1031
|
+
disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
|
1032
|
+
default: boolean;
|
1033
|
+
} & {
|
1034
|
+
default: boolean;
|
1035
|
+
};
|
1023
1036
|
}>> & {
|
1024
1037
|
onFocus?: (...args: any[]) => any;
|
1025
1038
|
onBlur?: (...args: any[]) => any;
|
@@ -1076,5 +1089,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
1076
1089
|
disableFocusBehavior: boolean;
|
1077
1090
|
keepSearchValue: boolean;
|
1078
1091
|
searchWithPinyin: boolean;
|
1092
|
+
disableScrollToSelectedOption: boolean;
|
1079
1093
|
}, {}>;
|
1080
1094
|
export default _default;
|
@@ -49,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
49
49
|
handleRemoveTag: (val: string) => void;
|
50
50
|
focus: () => void;
|
51
51
|
blur: () => void;
|
52
|
+
updateModelValue: (data: string) => void;
|
52
53
|
handleInput: (e: any) => void;
|
53
54
|
handleKeydown: (e: any) => void;
|
54
55
|
resolveClassName: (cls: string) => string;
|
package/lib/select/type.d.ts
CHANGED
@@ -17,7 +17,7 @@ export interface ISelectContext {
|
|
17
17
|
curSearchValue: string;
|
18
18
|
highlightKeyword: boolean;
|
19
19
|
register(key: PropertyKey, option: OptionInstanceType): void;
|
20
|
-
unregister(key: PropertyKey): void;
|
20
|
+
unregister(key: PropertyKey, option?: OptionInstanceType): void;
|
21
21
|
registerGroup(key: PropertyKey, option: GroupInstanceType): void;
|
22
22
|
unregisterGroup(key: PropertyKey): void;
|
23
23
|
handleOptionSelected(option: OptionInstanceType): void;
|
@@ -27,7 +27,7 @@ export interface IOptionGroupContext {
|
|
27
27
|
disabled: boolean;
|
28
28
|
groupCollapse: boolean;
|
29
29
|
register(key: PropertyKey, option: OptionInstanceType): void;
|
30
|
-
unregister(key: PropertyKey): void;
|
30
|
+
unregister(key: PropertyKey, option?: OptionInstanceType): void;
|
31
31
|
}
|
32
32
|
export interface ISelectState {
|
33
33
|
currentPlaceholder: string;
|