bkui-vue 2.0.1-beta.37 → 2.0.1-beta.38

package/lib/cascader/index.js

@@ -511,7 +511,6 @@ function useRegistry(data) {
   var register = function register(key, item) {
     if (!item) return;
     if (data.value.has(key)) {
-      // console.warn(`repeat ${key}`, item);
       return;
     }
     return data.value.set(key, item);

package/lib/index.js

@@ -4,5 +4,5 @@ export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
 export * as plugins from './plugins';
-export const version = "2.0.1-beta.37";
+export const version = "2.0.1-beta.38";
 window.__bkui_vue_version__ = version;

package/lib/select/common.d.ts

@@ -7,8 +7,8 @@ export declare function useHover(): {
     setHover: () => void;
     cancelHover: () => void;
 };
-export declare function useRegistry<T>(data: Ref<Map<string, T>>): {
-    register: (key: string, item: T) => Map<string, T>;
+export declare function useRegistry<T>(data: Ref<Map<PropertyKey, T>>): {
+    register: (key: string, item: T) => Map<PropertyKey, T>;
     unregister: (key: string) => void;
 };
 export declare function useDebouncedRef<T>(value: any, delay?: number): Ref<T>;

package/lib/select/index.d.ts

@@ -710,6 +710,7 @@ declare const BkSelect: {
         isEnableVirtualRender: import("vue").ComputedRef<boolean>;
         preloadItemCount: import("vue").ComputedRef<number>;
         virtualRenderRef: import("vue").Ref<any>;
+        setSelected: (data: object[]) => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         modelValue: import("vue-types").VueTypeValidableDef<any>;
         multiple: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -1795,6 +1796,7 @@ declare const BkSelect: {
         isEnableVirtualRender: import("vue").ComputedRef<boolean>;
         preloadItemCount: import("vue").ComputedRef<number>;
         virtualRenderRef: import("vue").Ref<any>;
+        setSelected: (data: object[]) => void;
     }, {}, {}, {}, {
         prefix: string;
         size: "default" | "small" | "large" | "huge";
@@ -2551,6 +2553,7 @@ declare const BkSelect: {
     isEnableVirtualRender: import("vue").ComputedRef<boolean>;
     preloadItemCount: import("vue").ComputedRef<number>;
     virtualRenderRef: import("vue").Ref<any>;
+    setSelected: (data: object[]) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change", {
     prefix: string;
     size: "default" | "small" | "large" | "huge";
@@ -2597,7 +2600,7 @@ declare const BkSelect: {
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     Option: import("vue").DefineComponent<{
         id: {
-            type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             require: boolean;
         };
         name: import("vue-types").VueTypeDef<string | number>;
@@ -2616,9 +2619,9 @@ declare const BkSelect: {
         multiple: import("vue").ComputedRef<boolean>;
         isHover: import("vue").ComputedRef<boolean>;
         showSelectedIcon: import("vue").ComputedRef<boolean>;
-        selectedStyle: import("vue").ComputedRef<import("../shared").SelectedTypeEnum>;
+        selectedStyle: import("vue").ComputedRef<"checkbox" | "check">;
         optionName: import("vue").ComputedRef<string | number>;
-        optionID: import("vue").ComputedRef<unknown>;
+        optionID: import("vue").ComputedRef<string | number>;
         highlightKeyword: import("vue").ComputedRef<boolean>;
         handleOptionClick: () => void;
         handleMouseEnter: () => void;
@@ -2629,7 +2632,7 @@ declare const BkSelect: {
         visible: import("vue").Ref<boolean>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         id: {
-            type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             require: boolean;
         };
         name: import("vue-types").VueTypeDef<string | number>;

package/lib/select/index.js

@@ -17,6 +17,7 @@ import "../popover/popover.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_virtual_render_927587a8__ from "../virtual-render";
 import "../virtual-render/virtual-render.less";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_merge_cf99375a__ from "lodash/merge";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_overflow_title_051a85a5__ from "../overflow-title";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_tag_d74826be__ from "../tag";
 import "../tag/tag.less";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__ from "lodash/debounce";
@@ -597,7 +598,6 @@ function useRegistry(data) {
   var register = function register(key, item) {
     if (!item) return;
     if (data.value.has(key)) {
-      // console.warn(`repeat ${key}`, item);
       return;
     }
     return data.value.set(key, item);
@@ -770,7 +770,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
   name: 'Option',
   props: {
     id: {
-      type: [String, Number, Object],
+      type: [String, Number],
       require: true
     },
     name: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]),
@@ -779,6 +779,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
   },
   setup: function setup(props, _ref) {
     var attrs = _ref.attrs;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var _getCurrentInstance = (0,external_vue_namespaceObject.getCurrentInstance)(),
       proxy = _getCurrentInstance.proxy;
     var states = (0,external_vue_namespaceObject.reactive)({
@@ -2292,6 +2293,10 @@ if (core.isSupported() && _56l.shouldPatch(core.genToken)) {
 
 /* harmony default export */ const pinyin = (core);
 
+;// CONCATENATED MODULE: external "../overflow-title"
+var overflow_title_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var overflow_title_y = x => () => x
+const overflow_title_namespaceObject = overflow_title_x({ ["OverflowTitle"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_overflow_title_051a85a5__.OverflowTitle });
 ;// CONCATENATED MODULE: external "../tag"
 var tag_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var tag_y = x => () => x
@@ -2340,6 +2345,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
 
 
 
+
 /* harmony default export */ const selectTagInput = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'SelectTagInput',
   directives: {
@@ -2376,7 +2382,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
     var overflowTagIndex = (0,external_vue_namespaceObject.ref)(null);
     var overflowContent = (0,external_vue_namespaceObject.computed)(function () {
       return selected.value.slice(overflowTagIndex.value, selected.value.length).map(function (item) {
-        return item.label;
+        return select === null || select === void 0 ? void 0 : select.handleGetLabelByValue(item.value);
       }).join(', ');
     });
     (0,external_vue_namespaceObject.watch)(modelValue, function () {
@@ -2481,8 +2487,8 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
       _this$$slots$default2,
       _this$$slots3,
       _this = this,
-      _this$$slots4,
-      _this$$slots4$suffix;
+      _this$$slots5,
+      _this$$slots5$suffix;
     var prefix = (_this$$slots = this.$slots) === null || _this$$slots === void 0 || (_this$$slots$prefix = _this$$slots.prefix) === null || _this$$slots$prefix === void 0 ? void 0 : _this$$slots$prefix.call(_this$$slots);
     var selectTagClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, this.resolveClassName('select-tag'), true), this.resolveClassName('select-tag--default'), true), 'is-disabled', this.disabled), 'collapse-tag', this.collapseTags), 'has-prefix', !!prefix), 'is-simplicity', this.behavior === 'simplicity'));
     var tagWrapperClass = (0,shared_namespaceObject.classes)(_defineProperty({}, this.resolveClassName('select-tag-wrapper'), true));
@@ -2495,7 +2501,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
     }, [(_this$$slots2 = this.$slots) === null || _this$$slots2 === void 0 || (_this$$slots2$prefix = _this$$slots2.prefix) === null || _this$$slots2$prefix === void 0 ? void 0 : _this$$slots2$prefix.call(_this$$slots2), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": tagWrapperClass
     }, [(_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) {
-      var _this$select;
+      var _this$$slots$tagRende, _this$$slots$tagRende2, _this$$slots4, _this$select;
       return (0,external_vue_namespaceObject.createVNode)(tag_namespaceObject["default"], {
         "ref": function ref(el) {
           return _this.tagsRefs[index] = el;
@@ -2510,7 +2516,13 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
         }
       }, {
         "default": function _default() {
-          return [(_this$select = _this.select) === null || _this$select === void 0 ? void 0 : _this$select.handleGetLabelByValue(item.value)];
+          return [(_this$$slots$tagRende = (_this$$slots$tagRende2 = (_this$$slots4 = _this.$slots).tagRender) === null || _this$$slots$tagRende2 === void 0 ? void 0 : _this$$slots$tagRende2.call(_this$$slots4, item)) !== null && _this$$slots$tagRende !== void 0 ? _this$$slots$tagRende : (0,external_vue_namespaceObject.createVNode)(overflow_title_namespaceObject.OverflowTitle, {
+            "type": "tips"
+          }, {
+            "default": function _default() {
+              return [(_this$select = _this.select) === null || _this$select === void 0 ? void 0 : _this$select.handleGetLabelByValue(item.value)];
+            }
+          })];
         }
       });
     }), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)(tag_namespaceObject["default"], {
@@ -2525,7 +2537,8 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
       }
     }), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), {
       content: this.overflowContent,
-      disabled: !this.overflowTagIndex || !this.collapseTags
+      disabled: !this.overflowTagIndex || !this.collapseTags,
+      extCls: this.resolveClassName('select-tooltips')
     }]]), (0,external_vue_namespaceObject.createVNode)("input", {
       "ref": "inputRef",
       "style": inputStyle,
@@ -2537,7 +2550,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
       "value": !this.filterable ? '' : this.value,
       "onInput": this.handleInput,
       "onKeydown": this.handleKeydown
-    }, null)]), (_this$$slots4 = this.$slots) === null || _this$$slots4 === void 0 || (_this$$slots4$suffix = _this$$slots4.suffix) === null || _this$$slots4$suffix === void 0 ? void 0 : _this$$slots4$suffix.call(_this$$slots4)]);
+    }, null)]), (_this$$slots5 = this.$slots) === null || _this$$slots5 === void 0 || (_this$$slots5$suffix = _this$$slots5.suffix) === null || _this$$slots5$suffix === void 0 ? void 0 : _this$$slots5$suffix.call(_this$$slots5)]);
   }
 }));
 ;// CONCATENATED MODULE: ../../packages/select/src/select.tsx
@@ -2748,6 +2761,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         return pre;
       }, {});
     });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var activeOptionValue = (0,external_vue_namespaceObject.ref)(); // 当前悬浮的option
     var listMap = (0,external_vue_namespaceObject.computed)(function () {
       return list.value.reduce(function (pre, item) {
@@ -2960,6 +2974,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       }
     };
     // 默认搜索方法
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var defaultSearchMethod = function defaultSearchMethod(searchValue, optionName) {
       var _toLowerCase2;
       var filterData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -3258,6 +3273,15 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         }
       }
     };
+    // 手动设置selected值
+    var setSelected = function setSelected(data) {
+      selected.value = data.map(function (item) {
+        return {
+          label: item[displayKey.value],
+          value: item[idKey.value]
+        };
+      });
+    };
     // 处理键盘事件
     var handleDocumentKeydown = function handleDocumentKeydown(e) {
       if (!isPopoverShow.value || isEnableVirtualRender.value) return;
@@ -3405,7 +3429,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       virtualLineHeight: virtualLineHeight,
       isEnableVirtualRender: isEnableVirtualRender,
       preloadItemCount: preloadItemCount,
-      virtualRenderRef: virtualRenderRef
+      virtualRenderRef: virtualRenderRef,
+      setSelected: setSelected
     };
   },
   render: function render() {
@@ -3477,9 +3502,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     };
     // 默认trigger输入框渲染
     var renderTriggerInput = function renderTriggerInput() {
-      var _this$$slots7;
+      var _this$$slots9;
       if (_this.multipleMode === 'tag') {
-        var _this$$slots5;
+        var _this$$slots5, _this$$slots7;
         return (0,external_vue_namespaceObject.createVNode)(selectTagInput, {
           "ref": "selectTagInputRef",
           "modelValue": _this.customOptionName,
@@ -3503,6 +3528,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
               selected: _this.selected
             });
           },
+          tagRender: ((_this$$slots7 = _this.$slots) === null || _this$$slots7 === void 0 ? void 0 : _this$$slots7.tagRender) && function (item) {
+            var _this$$slots8;
+            return (_this$$slots8 = _this.$slots) === null || _this$$slots8 === void 0 ? void 0 : _this$$slots8.tagRender(item);
+          },
           suffix: function suffix() {
             return suffixIcon();
           }
@@ -3524,10 +3553,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "onInput": _this.handleInputChange
       }, _this.prefix ? {
         prefix: _this.prefix
-      } : null), select_objectSpread(select_objectSpread({}, typeof ((_this$$slots7 = _this.$slots) === null || _this$$slots7 === void 0 ? void 0 : _this$$slots7.prefix) === 'function' ? {
+      } : null), select_objectSpread(select_objectSpread({}, typeof ((_this$$slots9 = _this.$slots) === null || _this$$slots9 === void 0 ? void 0 : _this$$slots9.prefix) === 'function' ? {
         prefix: function prefix() {
-          var _this$$slots8, _this$$slots8$prefix;
-          return (_this$$slots8 = _this.$slots) === null || _this$$slots8 === void 0 || (_this$$slots8$prefix = _this$$slots8.prefix) === null || _this$$slots8$prefix === void 0 ? void 0 : _this$$slots8$prefix.call(_this$$slots8);
+          var _this$$slots10, _this$$slots10$prefix;
+          return (_this$$slots10 = _this.$slots) === null || _this$$slots10 === void 0 || (_this$$slots10$prefix = _this$$slots10.prefix) === null || _this$$slots10$prefix === void 0 ? void 0 : _this$$slots10$prefix.call(_this$$slots10);
         }
       } : null), {}, {
         suffix: function suffix() {
@@ -3537,7 +3566,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     };
     // 渲染trigger
     var renderSelectTrigger = function renderSelectTrigger() {
-      var _this$$slots9, _this$$slots9$trigger;
+      var _this$$slots11, _this$$slots11$trigge;
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "ref": "triggerRef",
         "style": {
@@ -3547,7 +3576,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "onClick": _this.handleTogglePopover,
         "onMouseenter": _this.setHover,
         "onMouseleave": _this.cancelHover
-      }, [((_this$$slots9 = _this.$slots) === null || _this$$slots9 === void 0 || (_this$$slots9$trigger = _this$$slots9.trigger) === null || _this$$slots9$trigger === void 0 ? void 0 : _this$$slots9$trigger.call(_this$$slots9, {
+      }, [((_this$$slots11 = _this.$slots) === null || _this$$slots11 === void 0 || (_this$$slots11$trigge = _this$$slots11.trigger) === null || _this$$slots11$trigge === void 0 ? void 0 : _this$$slots11$trigge.call(_this$$slots11, {
         selected: _this.selected
       })) || renderTriggerInput()]);
     };
@@ -3565,9 +3594,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         }
       }, {
         "default": function _default(_ref3) {
-          var _this$$slots10, _this$$slots11;
+          var _this$$slots12, _this$$slots13;
           var data = _ref3.data;
-          var optionRender = ((_this$$slots10 = _this.$slots) === null || _this$$slots10 === void 0 ? void 0 : _this$$slots10.optionRender) || ((_this$$slots11 = _this.$slots) === null || _this$$slots11 === void 0 ? void 0 : _this$$slots11.virtualScrollRender);
+          var optionRender = ((_this$$slots12 = _this.$slots) === null || _this$$slots12 === void 0 ? void 0 : _this$$slots12.optionRender) || ((_this$$slots13 = _this.$slots) === null || _this$$slots13 === void 0 ? void 0 : _this$$slots13.virtualScrollRender);
           return data.map(function (item) {
             return (0,external_vue_namespaceObject.createVNode)(src_option, {
               "id": item[_this.idKey],
@@ -3583,15 +3612,15 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           });
         }
       }) : _this.filterList.map(function (item) {
-        var _this$$slots12;
+        var _this$$slots14;
         return (0,external_vue_namespaceObject.createVNode)(src_option, {
           "id": item[_this.idKey],
           "key": item[_this.idKey],
           "name": item[_this.displayKey]
-        }, (_this$$slots12 = _this.$slots) !== null && _this$$slots12 !== void 0 && _this$$slots12.optionRender ? {
+        }, (_this$$slots14 = _this.$slots) !== null && _this$$slots14 !== void 0 && _this$$slots14.optionRender ? {
           "default": function _default() {
-            var _this$$slots13, _this$$slots13$option;
-            return (_this$$slots13 = _this.$slots) === null || _this$$slots13 === void 0 || (_this$$slots13$option = _this$$slots13.optionRender) === null || _this$$slots13$option === void 0 ? void 0 : _this$$slots13$option.call(_this$$slots13, {
+            var _this$$slots15, _this$$slots15$option;
+            return (_this$$slots15 = _this.$slots) === null || _this$$slots15 === void 0 || (_this$$slots15$option = _this$$slots15.optionRender) === null || _this$$slots15$option === void 0 ? void 0 : _this$$slots15$option.call(_this$$slots15, {
               item: item
             });
           }
@@ -3600,7 +3629,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     };
     // 渲染内容
     var renderSelectContent = function renderSelectContent() {
-      var _this$$slots14, _this$$slots14$defaul, _this$$slots15, _this$$slots16;
+      var _this$$slots16, _this$$slots16$defaul, _this$$slots17, _this$$slots18;
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "ref": "contentRef",
         "class": _this.resolveClassName('select-content-wrapper')
@@ -3636,7 +3665,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "onScroll": _this.handleScroll
       }, [(0,external_vue_namespaceObject.createVNode)("ul", {
         "class": _this.resolveClassName('select-options')
-      }, [renderSelectAll(), renderList(), (_this$$slots14 = _this.$slots) === null || _this$$slots14 === void 0 || (_this$$slots14$defaul = _this$$slots14["default"]) === null || _this$$slots14$defaul === void 0 ? void 0 : _this$$slots14$defaul.call(_this$$slots14), _this.scrollLoading && (0,external_vue_namespaceObject.createVNode)("li", {
+      }, [renderSelectAll(), renderList(), (_this$$slots16 = _this.$slots) === null || _this$$slots16 === void 0 || (_this$$slots16$defaul = _this$$slots16["default"]) === null || _this$$slots16$defaul === void 0 ? void 0 : _this$$slots16$defaul.call(_this$$slots16), _this.scrollLoading && (0,external_vue_namespaceObject.createVNode)("li", {
         "class": _this.resolveClassName('select-options-loading')
       }, [(0,external_vue_namespaceObject.createVNode)(loading_namespaceObject["default"], {
         "class": "spinner mr5",
@@ -3644,9 +3673,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "mode": "spin",
         "size": "mini",
         "theme": "primary"
-      }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.localLoadingText])])])]), ((_this$$slots15 = _this.$slots) === null || _this$$slots15 === void 0 ? void 0 : _this$$slots15.extension) && (0,external_vue_namespaceObject.createVNode)("div", {
+      }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.localLoadingText])])])]), ((_this$$slots17 = _this.$slots) === null || _this$$slots17 === void 0 ? void 0 : _this$$slots17.extension) && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": _this.resolveClassName('select-extension')
-      }, [(_this$$slots16 = _this.$slots) === null || _this$$slots16 === void 0 ? void 0 : _this$$slots16.extension()])])]);
+      }, [(_this$$slots18 = _this.$slots) === null || _this$$slots18 === void 0 ? void 0 : _this$$slots18.extension()])])]);
     };
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "class": selectClass

package/lib/select/option.d.ts

@@ -1,8 +1,7 @@
 import { VNode } from 'vue';
-import { SelectedTypeEnum } from '../shared';
 declare const _default: import("vue").DefineComponent<{
     id: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         require: boolean;
     };
     name: import("vue-types").VueTypeDef<string | number>;
@@ -21,9 +20,9 @@ declare const _default: import("vue").DefineComponent<{
     multiple: import("vue").ComputedRef<boolean>;
     isHover: import("vue").ComputedRef<boolean>;
     showSelectedIcon: import("vue").ComputedRef<boolean>;
-    selectedStyle: import("vue").ComputedRef<SelectedTypeEnum>;
+    selectedStyle: import("vue").ComputedRef<"checkbox" | "check">;
     optionName: import("vue").ComputedRef<string | number>;
-    optionID: import("vue").ComputedRef<unknown>;
+    optionID: import("vue").ComputedRef<string | number>;
     highlightKeyword: import("vue").ComputedRef<boolean>;
     handleOptionClick: () => void;
     handleMouseEnter: () => void;
@@ -32,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
     visible: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         require: boolean;
     };
     name: import("vue-types").VueTypeDef<string | number>;

package/lib/select/select.css

@@ -601,3 +601,6 @@
 .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input::placeholder {
   color: var(--light-gray);
 }
+.bk-select-tooltips {
+  max-width: 600px;
+}

package/lib/select/select.d.ts

@@ -697,6 +697,7 @@ declare const _default: import("vue").DefineComponent<{
     isEnableVirtualRender: import("vue").ComputedRef<boolean>;
     preloadItemCount: import("vue").ComputedRef<number>;
     virtualRenderRef: import("vue").Ref<any>;
+    setSelected: (data: Array<object>) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue-types").VueTypeValidableDef<any>;
     multiple: import("vue-types").VueTypeValidableDef<boolean> & {

package/lib/select/select.less

@@ -528,3 +528,7 @@
     }
   }
 }
+
+.@{bk-prefix}-select-tooltips {
+  max-width: 600px;
+}

package/lib/select/select.variable.css

@@ -991,3 +991,6 @@
 .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input::placeholder {
   color: var(--light-gray);
 }
+.bk-select-tooltips {
+  max-width: 600px;
+}

package/lib/select/type.d.ts

@@ -1,5 +1,4 @@
 import Popover from '../popover';
-import { SelectedTypeEnum } from '../shared';
 import Option from './option';
 import Group from './optionGroup';
 import SelectTagInput from './selectTagInput';
@@ -12,23 +11,23 @@ export type SelectTagInputType = InstanceType<typeof SelectTagInput>;
 export interface ISelectContext {
     multiple?: boolean;
     selected: ISelected[];
-    activeOptionValue: any;
+    activeOptionValue: PropertyKey;
     showSelectedIcon: boolean;
-    selectedStyle: SelectedTypeEnum;
+    selectedStyle: 'check' | 'checkbox';
     curSearchValue: string;
     highlightKeyword: boolean;
-    register(key: any, option: OptionInstanceType): any;
-    unregister(key: any): any;
-    registerGroup(key: any, option: GroupInstanceType): any;
-    unregisterGroup(key: any): any;
+    register(key: PropertyKey, option: OptionInstanceType): void;
+    unregister(key: PropertyKey): void;
+    registerGroup(key: PropertyKey, option: GroupInstanceType): void;
+    unregisterGroup(key: PropertyKey): void;
     handleOptionSelected(option: OptionInstanceType): void;
-    handleGetLabelByValue(value: any): number | string;
+    handleGetLabelByValue(value: PropertyKey): number | string;
 }
 export interface IOptionGroupContext {
     disabled: boolean;
     groupCollapse: boolean;
-    register(key: any, option: OptionInstanceType): any;
-    unregister(key: any): any;
+    register(key: PropertyKey, option: OptionInstanceType): void;
+    unregister(key: PropertyKey): void;
 }
 export interface ISelectState {
     currentPlaceholder: string;

package/lib/upload/index.d.ts

@@ -1,5 +1,10 @@
 declare const Upload: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"formdata" | "binary">;
+            default: "formdata" | "binary";
+            validator: (val: import("./upload.type").ETypes) => boolean;
+        };
         theme: {
             type: import("vue").PropType<"button" | "picture" | "draggable">;
             default: "button" | "picture" | "draggable";
@@ -117,6 +122,11 @@ declare const Upload: {
         onSuccess?: (...args: any[]) => any;
         onExceed?: (...args: any[]) => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("done" | "error" | "progress" | "delete" | "success" | "exceed")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"formdata" | "binary">;
+            default: "formdata" | "binary";
+            validator: (val: import("./upload.type").ETypes) => boolean;
+        };
         theme: {
             type: import("vue").PropType<"button" | "picture" | "draggable">;
             default: "button" | "picture" | "draggable";
@@ -235,6 +245,7 @@ declare const Upload: {
         onExceed?: (...args: any[]) => any;
     }, {
         name: string;
+        type: "formdata" | "binary";
         data: import("./upload.type").ExtraFormData | import("./upload.type").ExtraFormData[];
         header: import("./upload.type").HeaderDataAttr | import("./upload.type").HeaderDataAttr[];
         extCls: string;
@@ -263,6 +274,11 @@ declare const Upload: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"formdata" | "binary">;
+            default: "formdata" | "binary";
+            validator: (val: import("./upload.type").ETypes) => boolean;
+        };
         theme: {
             type: import("vue").PropType<"button" | "picture" | "draggable">;
             default: "button" | "picture" | "draggable";
@@ -381,6 +397,7 @@ declare const Upload: {
         onExceed?: (...args: any[]) => any;
     }, () => JSX.Element, {}, {}, {}, {
         name: string;
+        type: "formdata" | "binary";
         data: import("./upload.type").ExtraFormData | import("./upload.type").ExtraFormData[];
         header: import("./upload.type").HeaderDataAttr | import("./upload.type").HeaderDataAttr[];
         extCls: string;
@@ -406,6 +423,11 @@ declare const Upload: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"formdata" | "binary">;
+        default: "formdata" | "binary";
+        validator: (val: import("./upload.type").ETypes) => boolean;
+    };
     theme: {
         type: import("vue").PropType<"button" | "picture" | "draggable">;
         default: "button" | "picture" | "draggable";
@@ -524,6 +546,7 @@ declare const Upload: {
     onExceed?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("done" | "error" | "progress" | "delete" | "success" | "exceed")[], "done" | "error" | "progress" | "delete" | "success" | "exceed", {
     name: string;
+    type: "formdata" | "binary";
     data: import("./upload.type").ExtraFormData | import("./upload.type").ExtraFormData[];
     header: import("./upload.type").HeaderDataAttr | import("./upload.type").HeaderDataAttr[];
     extCls: string;

package/lib/upload/index.js

@@ -1292,6 +1292,11 @@ var EThemes;
   EThemes["DRAGGABLE"] = "draggable";
   EThemes["PICTURE"] = "picture";
 })(EThemes || (EThemes = {}));
+var ETypes;
+(function (ETypes) {
+  ETypes["FORMDATA"] = "formdata";
+  ETypes["BINARY"] = "binary";
+})(ETypes || (ETypes = {}));
 var EUploadStatus;
 (function (EUploadStatus) {
   EUploadStatus["FAIL"] = "fail";
@@ -1299,6 +1304,7 @@ var EUploadStatus;
   EUploadStatus["SUCCESS"] = "success";
   EUploadStatus["UPLOADING"] = "uploading";
 })(EUploadStatus || (EUploadStatus = {}));
+;
 ;// CONCATENATED MODULE: ../../packages/upload/src/props.ts
 /*
  * Tencent is pleased to support the open source community by making
@@ -1327,7 +1333,19 @@ var EUploadStatus;
  */
 
 var themes = [EThemes.BUTTON, EThemes.DRAGGABLE, EThemes.PICTURE];
+var types = [ETypes.FORMDATA, ETypes.BINARY];
 /* harmony default export */ const props = ({
+  type: {
+    type: String,
+    "default": 'formdata',
+    validator: function validator(val) {
+      if (!val || types.includes(val)) {
+        return true;
+      }
+      console.error("invalid type, ".concat(val, ", the type must be one of \u3010").concat(types.join(' | '), "\u3011"));
+      return false;
+    }
+  },
   theme: {
     type: String,
     "default": 'draggable',
@@ -2052,7 +2070,9 @@ var ajaxUpload = function ajaxUpload(option) {
     throw new Error('XMLHttpRequest is undefined');
   }
   var xhr = new XMLHttpRequest();
-  var action = option.action;
+  var action = option.action,
+    type = option.type;
+  var isFormdata = type === 'formdata';
   if (xhr.upload) {
     xhr.upload.addEventListener('progress', function (event) {
       var progressEvent = event;
@@ -2061,7 +2081,7 @@ var ajaxUpload = function ajaxUpload(option) {
     });
   }
   var formData = new FormData();
-  if (option.data) {
+  if (isFormdata && option.data) {
     var appendData = option.data;
     if (!Array.isArray(appendData)) {
       appendData = [appendData];
@@ -2075,7 +2095,7 @@ var ajaxUpload = function ajaxUpload(option) {
       }
     });
   }
-  if (option.formDataAttributes) {
+  if (isFormdata && option.formDataAttributes) {
     var _appendData = option.formDataAttributes;
     if (!Array.isArray(_appendData)) {
       _appendData = [_appendData];
@@ -2084,7 +2104,9 @@ var ajaxUpload = function ajaxUpload(option) {
       if (Array.isArray(item.value)) formData.append.apply(formData, [item.name].concat(_toConsumableArray(item.value)));else formData.append(item.name, item.value);
     });
   }
-  formData.append(option.filename, option.file, option.file.name);
+  if (isFormdata) {
+    formData.append(option.filename, option.file, option.file.name);
+  }
   xhr.addEventListener('error', function () {
     option.onError(new Error('An error occurred during upload'));
   });
@@ -2128,7 +2150,7 @@ var ajaxUpload = function ajaxUpload(option) {
       xhr.setRequestHeader(key, String(value));
     }
   }
-  xhr.send(formData);
+  xhr.send(isFormdata ? formData : option.file);
   return xhr;
 };
 // 该方法用于在不同的浏览器使用不同的方式
@@ -2733,7 +2755,8 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
       return _upload.apply(this, arguments);
     }
     function send(file, sendFiles) {
-      var headers = props.headers,
+      var type = props.type,
+        headers = props.headers,
         header = props.header,
         data = props.data,
         formDataAttributes = props.formDataAttributes,
@@ -2747,6 +2770,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
         customRequest = props.customRequest;
       var uid = file.uid;
       var options = {
+        type: type,
         headers: headers,
         header: header,
         withCredentials: withCredentials,