bkui-vue 1.0.3-beta.1 → 1.0.3-beta.11

package/lib/notify/notify.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-notify {
   position: fixed;

package/lib/overflow-title/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./overflow-title.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/pagination/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./pagination.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
@@ -572,7 +573,6 @@ const popover_less_namespaceObject = popover_less_x({  });
    */
   var handlePageEditorBlur = function handlePageEditorBlur() {
     isFocused.value = false;
-    inputRef.value.textContent = "".concat(inputMemo);
     if (inputMemo !== localCurrent.value) {
       localCurrent.value = inputMemo;
     }

package/lib/pagination/pagination.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-pagination {
   display: flex;

package/lib/plugin-popover/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
@@ -3423,14 +3424,19 @@ var parentNodeReferId = null;
       storeEvents = null;
     }
   };
+  var getClosestFullscreenElement = function getClosestFullscreenElement(elment) {
+    var _elment$closest;
+    return (_elment$closest = elment === null || elment === void 0 ? void 0 : elment.closest('[data-fllsrn-id]')) !== null && _elment$closest !== void 0 ? _elment$closest : elment;
+  };
   var updateBoundary = function updateBoundary() {
     var _resolvePopElements3 = resolvePopElements(),
       elReference = _resolvePopElements3.elReference,
       root = _resolvePopElements3.root;
     if (isFullscreen.value) {
+      var _fullScreenTarget$val;
       var _ref6 = elReference || root || {},
         parentNode = _ref6.parentNode;
-      boundary.value = (fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) || parentNode;
+      boundary.value = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
       return;
     }
     boundary.value = getPrefixId(root || elReference);
@@ -3438,13 +3444,13 @@ var parentNodeReferId = null;
   var _usePopperId = use_popper_id(props, '#'),
     getPrefixId = _usePopperId.getPrefixId;
   var setFullscreenTag = function setFullscreenTag() {
-    var _fullScreenTarget$val;
-    fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val = fullScreenTarget.value) === null || _fullScreenTarget$val === void 0 || _fullScreenTarget$val.setAttribute('data-fllsrn-id', fullscreenReferId);
+    var _fullScreenTarget$val2;
+    fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === void 0 || _fullScreenTarget$val2.setAttribute('data-fllsrn-id', fullscreenReferId);
   };
   var clearFullscreenTag = function clearFullscreenTag() {
-    var _fullScreenTarget$val2, _fullScreenTarget$val3;
+    var _fullScreenTarget$val3, _fullScreenTarget$val4;
     var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
-    ((_fullScreenTarget$val2 = fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val3 = fullScreenTarget.value) === null || _fullScreenTarget$val3 === void 0 ? void 0 : _fullScreenTarget$val3.querySelectorAll(query)) !== null && _fullScreenTarget$val2 !== void 0 ? _fullScreenTarget$val2 : []).forEach(function (element) {
+    ((_fullScreenTarget$val3 = fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val4 = fullScreenTarget.value) === null || _fullScreenTarget$val4 === void 0 ? void 0 : _fullScreenTarget$val4.querySelectorAll(query)) !== null && _fullScreenTarget$val3 !== void 0 ? _fullScreenTarget$val3 : []).forEach(function (element) {
       element === null || element === void 0 || element.removeAttribute('data-fllsrn-id');
     });
   };

package/lib/plugins/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import * as __WEBPACK_EXTERNAL_MODULE__plugin_popover_d49f5bb2__ from "../plugin-popover";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};

package/lib/pop-confirm/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./pop-confirm.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/pop-confirm/pop-confirm.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-popover.bk-pop-confirm-box {
   padding: 16px;

package/lib/popover/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./popover.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
@@ -3426,14 +3427,19 @@ var parentNodeReferId = null;
       storeEvents = null;
     }
   };
+  var getClosestFullscreenElement = function getClosestFullscreenElement(elment) {
+    var _elment$closest;
+    return (_elment$closest = elment === null || elment === void 0 ? void 0 : elment.closest('[data-fllsrn-id]')) !== null && _elment$closest !== void 0 ? _elment$closest : elment;
+  };
   var updateBoundary = function updateBoundary() {
     var _resolvePopElements3 = resolvePopElements(),
       elReference = _resolvePopElements3.elReference,
       root = _resolvePopElements3.root;
     if (isFullscreen.value) {
+      var _fullScreenTarget$val;
       var _ref6 = elReference || root || {},
         parentNode = _ref6.parentNode;
-      boundary.value = (fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) || parentNode;
+      boundary.value = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
       return;
     }
     boundary.value = getPrefixId(root || elReference);
@@ -3441,13 +3447,13 @@ var parentNodeReferId = null;
   var _usePopperId = use_popper_id(props, '#'),
     getPrefixId = _usePopperId.getPrefixId;
   var setFullscreenTag = function setFullscreenTag() {
-    var _fullScreenTarget$val;
-    fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val = fullScreenTarget.value) === null || _fullScreenTarget$val === void 0 || _fullScreenTarget$val.setAttribute('data-fllsrn-id', fullscreenReferId);
+    var _fullScreenTarget$val2;
+    fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === void 0 || _fullScreenTarget$val2.setAttribute('data-fllsrn-id', fullscreenReferId);
   };
   var clearFullscreenTag = function clearFullscreenTag() {
-    var _fullScreenTarget$val2, _fullScreenTarget$val3;
+    var _fullScreenTarget$val3, _fullScreenTarget$val4;
     var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
-    ((_fullScreenTarget$val2 = fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val3 = fullScreenTarget.value) === null || _fullScreenTarget$val3 === void 0 ? void 0 : _fullScreenTarget$val3.querySelectorAll(query)) !== null && _fullScreenTarget$val2 !== void 0 ? _fullScreenTarget$val2 : []).forEach(function (element) {
+    ((_fullScreenTarget$val3 = fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val4 = fullScreenTarget.value) === null || _fullScreenTarget$val4 === void 0 ? void 0 : _fullScreenTarget$val4.querySelectorAll(query)) !== null && _fullScreenTarget$val3 !== void 0 ? _fullScreenTarget$val3 : []).forEach(function (element) {
       element === null || element === void 0 || element.removeAttribute('data-fllsrn-id');
     });
   };

package/lib/popover/popover.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-popover.bk-pop2-content {
   position: absolute;

package/lib/popover2/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 /******/ // The require scope

package/lib/preset.js

@@ -23,31 +23,25 @@
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-
-import { App } from 'vue';
-
-import { ConfigProviderProps, provideGlobalConfig } from './config-provider';
-
+import { provideGlobalConfig } from './config-provider';
 import * as components from './components';
-
-const createInstall =
-  (prefix = 'Bk') =>
-  (app, options) => {
+const createInstall = (prefix = 'Bk') => (app, options) => {
     const pre = app.config.globalProperties.bkUIPrefix || prefix;
     Object.keys(components).forEach(key => {
-      const component = components[key];
-      if ('install' in component) {
-        app.use(component, { prefix: pre });
-      } else {
-        app.component(pre + key, components[key]);
-      }
+        const component = components[key];
+        if ('install' in component) {
+            app.use(component, { prefix: pre });
+        }
+        else {
+            app.component(pre + key, components[key]);
+        }
     });
     if (options) {
-      provideGlobalConfig(options, app);
+        provideGlobalConfig(options, app);
     }
-  };
+};
 export default {
-  createInstall,
-  install: createInstall(),
-  version: '0.0.1',
+    createInstall,
+    install: createInstall(),
+    version: '0.0.1',
 };

package/lib/process/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./process.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/process/process.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 * {
   box-sizing: border-box;

package/lib/progress/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./progress.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/progress/progress.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/radio/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./radio.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/radio/radio.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-radio-group {
   display: inline-flex;

package/lib/rate/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./rate.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/rate/rate.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-rate {
   position: relative;

package/lib/rate/star.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-rate-stars {
   padding: 0;

package/lib/resize-layout/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./resize-layout.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/resize-layout/resize-layout.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-resize-layout {
   display: flex;

package/lib/search-select/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./search-select.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/search-select/search-select.variable.css

@@ -13,6 +13,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -124,6 +125,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/select/index.d.ts

@@ -297,6 +297,16 @@ declare const BkSelect: {
         filterOption: {
             type: FunctionConstructor;
         };
+        searchWithPinyin: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        highlightKeyword: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
@@ -308,6 +318,7 @@ declare const BkSelect: {
         "onScroll-end"?: (...args: any[]) => any;
         "onTag-remove"?: (...args: any[]) => any;
         onDeselect?: (...args: any[]) => any;
+        "onSearch-change"?: (...args: any[]) => any;
     }, {
         t: import("vue").ComputedRef<{
             noData: string;
@@ -514,6 +525,7 @@ declare const BkSelect: {
         curContentText: import("vue").ComputedRef<string>;
         isGroup: import("vue").ComputedRef<boolean>;
         searchValue: import("vue").Ref<string>;
+        curSearchValue: import("vue").ComputedRef<string>;
         customOptionName: import("vue").Ref<string>;
         isShowAll: import("vue").ComputedRef<boolean>;
         isShowSelectAll: import("vue").ComputedRef<boolean>;
@@ -649,6 +661,7 @@ declare const BkSelect: {
             };
         }>>>>;
         isAllSelected: import("vue").ComputedRef<boolean>;
+        isAll: import("vue").ComputedRef<boolean>;
         focusInput: () => void;
         setHover: () => void;
         cancelHover: () => void;
@@ -658,7 +671,8 @@ declare const BkSelect: {
         handleClear: (e: Event) => void;
         hidePopover: () => void;
         showPopover: () => void;
-        handleToggleSelectAll: () => void;
+        toggleSelectAll: () => void;
+        toggleAll: () => void;
         handleOptionSelected: (option: import("./type").OptionInstanceType) => void;
         handleClickOutside: ({ event }: {
             event: any;
@@ -674,7 +688,7 @@ declare const BkSelect: {
         localSelectAllText: import("vue").ComputedRef<string>;
         resolveClassName: (cls: string) => string;
         handleCreateCustomOption: (val: string | number, e: KeyboardEvent) => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, 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> & {
             default: boolean;
@@ -970,6 +984,16 @@ declare const BkSelect: {
         filterOption: {
             type: FunctionConstructor;
         };
+        searchWithPinyin: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        highlightKeyword: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
@@ -981,6 +1005,7 @@ declare const BkSelect: {
         "onScroll-end"?: (...args: any[]) => any;
         "onTag-remove"?: (...args: any[]) => any;
         onDeselect?: (...args: any[]) => any;
+        "onSearch-change"?: (...args: any[]) => any;
     }, {
         prefix: string;
         size: "default" | "small" | "large" | "huge";
@@ -998,6 +1023,7 @@ declare const BkSelect: {
         withValidate: boolean;
         noDataText: string;
         showSelectedIcon: boolean;
+        highlightKeyword: boolean;
         filterable: boolean;
         allowCreate: boolean;
         collapseTags: boolean;
@@ -1020,6 +1046,7 @@ declare const BkSelect: {
         allowEmptyValues: unknown[];
         autoFocus: boolean;
         keepSearchValue: boolean;
+        searchWithPinyin: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -1323,6 +1350,16 @@ declare const BkSelect: {
         filterOption: {
             type: FunctionConstructor;
         };
+        searchWithPinyin: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        highlightKeyword: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
@@ -1334,6 +1371,7 @@ declare const BkSelect: {
         "onScroll-end"?: (...args: any[]) => any;
         "onTag-remove"?: (...args: any[]) => any;
         onDeselect?: (...args: any[]) => any;
+        "onSearch-change"?: (...args: any[]) => any;
     }, {
         t: import("vue").ComputedRef<{
             noData: string;
@@ -1540,6 +1578,7 @@ declare const BkSelect: {
         curContentText: import("vue").ComputedRef<string>;
         isGroup: import("vue").ComputedRef<boolean>;
         searchValue: import("vue").Ref<string>;
+        curSearchValue: import("vue").ComputedRef<string>;
         customOptionName: import("vue").Ref<string>;
         isShowAll: import("vue").ComputedRef<boolean>;
         isShowSelectAll: import("vue").ComputedRef<boolean>;
@@ -1675,6 +1714,7 @@ declare const BkSelect: {
             };
         }>>>>;
         isAllSelected: import("vue").ComputedRef<boolean>;
+        isAll: import("vue").ComputedRef<boolean>;
         focusInput: () => void;
         setHover: () => void;
         cancelHover: () => void;
@@ -1684,7 +1724,8 @@ declare const BkSelect: {
         handleClear: (e: Event) => void;
         hidePopover: () => void;
         showPopover: () => void;
-        handleToggleSelectAll: () => void;
+        toggleSelectAll: () => void;
+        toggleAll: () => void;
         handleOptionSelected: (option: import("./type").OptionInstanceType) => void;
         handleClickOutside: ({ event }: {
             event: any;
@@ -1717,6 +1758,7 @@ declare const BkSelect: {
         withValidate: boolean;
         noDataText: string;
         showSelectedIcon: boolean;
+        highlightKeyword: boolean;
         filterable: boolean;
         allowCreate: boolean;
         collapseTags: boolean;
@@ -1739,6 +1781,7 @@ declare const BkSelect: {
         allowEmptyValues: unknown[];
         autoFocus: boolean;
         keepSearchValue: boolean;
+        searchWithPinyin: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -2039,6 +2082,16 @@ declare const BkSelect: {
     filterOption: {
         type: FunctionConstructor;
     };
+    searchWithPinyin: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    highlightKeyword: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
@@ -2050,6 +2103,7 @@ declare const BkSelect: {
     "onScroll-end"?: (...args: any[]) => any;
     "onTag-remove"?: (...args: any[]) => any;
     onDeselect?: (...args: any[]) => any;
+    "onSearch-change"?: (...args: any[]) => any;
 }, {
     t: import("vue").ComputedRef<{
         noData: string;
@@ -2256,6 +2310,7 @@ declare const BkSelect: {
     curContentText: import("vue").ComputedRef<string>;
     isGroup: import("vue").ComputedRef<boolean>;
     searchValue: import("vue").Ref<string>;
+    curSearchValue: import("vue").ComputedRef<string>;
     customOptionName: import("vue").Ref<string>;
     isShowAll: import("vue").ComputedRef<boolean>;
     isShowSelectAll: import("vue").ComputedRef<boolean>;
@@ -2391,6 +2446,7 @@ declare const BkSelect: {
         };
     }>>>>;
     isAllSelected: import("vue").ComputedRef<boolean>;
+    isAll: import("vue").ComputedRef<boolean>;
     focusInput: () => void;
     setHover: () => void;
     cancelHover: () => void;
@@ -2400,7 +2456,8 @@ declare const BkSelect: {
     handleClear: (e: Event) => void;
     hidePopover: () => void;
     showPopover: () => void;
-    handleToggleSelectAll: () => void;
+    toggleSelectAll: () => void;
+    toggleAll: () => void;
     handleOptionSelected: (option: import("./type").OptionInstanceType) => void;
     handleClickOutside: ({ event }: {
         event: any;
@@ -2416,7 +2473,7 @@ declare const BkSelect: {
     localSelectAllText: import("vue").ComputedRef<string>;
     resolveClassName: (cls: string) => string;
     handleCreateCustomOption: (val: string | number, e: KeyboardEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect", {
+}, 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";
     disabled: boolean;
@@ -2433,6 +2490,7 @@ declare const BkSelect: {
     withValidate: boolean;
     noDataText: string;
     showSelectedIcon: boolean;
+    highlightKeyword: boolean;
     filterable: boolean;
     allowCreate: boolean;
     collapseTags: boolean;
@@ -2455,6 +2513,7 @@ declare const BkSelect: {
     allowEmptyValues: unknown[];
     autoFocus: boolean;
     keepSearchValue: boolean;
+    searchWithPinyin: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     Option: import("vue").DefineComponent<{
         id: {
@@ -2480,10 +2539,13 @@ declare const BkSelect: {
         selectedStyle: import("vue").ComputedRef<import("../shared").SelectedTypeEnum>;
         optionName: import("vue").ComputedRef<string | number>;
         optionID: import("vue").ComputedRef<unknown>;
-        isDisabled: import("vue").ComputedRef<boolean>;
+        highlightKeyword: import("vue").ComputedRef<boolean>;
         handleOptionClick: () => void;
         handleMouseEnter: () => void;
         resolveClassName: (cls: string) => string;
+        transformNode: (str: string) => string | (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>)[];
         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: {