bkui-vue 0.0.2-beta.134 → 0.0.2-beta.135

package/lib/cascader/cascader.css

@@ -70,7 +70,7 @@
 .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
   left: -4px;
 }
-.bk-cascader-popover.bk-pop2-content {
+.bk-cascader-popover.bk-pop2-content.bk-popover {
   padding: 0;
 }
 .bk-cascader-popover-wrapper {

package/lib/cascader/cascader.d.ts

@@ -218,6 +218,7 @@ declare const _default: import("vue").DefineComponent<{
     displayText: import("vue").ComputedRef<any>;
     resolveClassName: (cls: string) => string;
     isShowPanel: import("vue").Ref<boolean>;
+    searchBlueHandler: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "focus" | "toggle" | "clear" | "update:modelValue")[], "change" | "focus" | "toggle" | "clear" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue-types").VueTypeDef<(string | number | string[])[]>;
     list: import("vue-types").VueTypeValidableDef<unknown[]> & {

package/lib/cascader/cascader.less

@@ -1,7 +1,7 @@
 @import '../styles/themes/themes.less';
 @import '../styles/mixins/mixins.less';
 
-.@{bk-prefix}-cascader-popover.@{bk-prefix}-pop2-content {
+.@{bk-prefix}-cascader-popover.@{bk-prefix}-pop2-content.bk-popover {
   padding: 0;
 }
 .@{bk-prefix}-cascader-popover-wrapper {

package/lib/cascader/cascader.variable.css

@@ -196,7 +196,7 @@
 .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
   left: -4px;
 }
-.bk-cascader-popover.bk-pop2-content {
+.bk-cascader-popover.bk-pop2-content.bk-popover {
   padding: 0;
 }
 .bk-cascader-popover-wrapper {

package/lib/cascader/index.d.ts

@@ -318,6 +318,7 @@ declare const BkCascader: {
             displayText: import("vue").ComputedRef<any>;
             resolveClassName: (cls: string) => string;
             isShowPanel: import("vue").Ref<boolean>;
+            searchBlueHandler: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "focus" | "toggle" | "clear" | "update:modelValue")[], string, {
             extCls: string;
             disabled: boolean;
@@ -589,6 +590,7 @@ declare const BkCascader: {
         displayText: import("vue").ComputedRef<any>;
         resolveClassName: (cls: string) => string;
         isShowPanel: import("vue").Ref<boolean>;
+        searchBlueHandler: () => void;
     }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -818,6 +820,7 @@ declare const BkCascader: {
     displayText: import("vue").ComputedRef<any>;
     resolveClassName: (cls: string) => string;
     isShowPanel: import("vue").Ref<boolean>;
+    searchBlueHandler: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "focus" | "toggle" | "clear" | "update:modelValue")[], "change" | "focus" | "toggle" | "clear" | "update:modelValue", {
     extCls: string;
     disabled: boolean;

package/lib/cascader/index.js

@@ -1673,6 +1673,15 @@ var Store = /*#__PURE__*/function () {
     var updateSearchKey = function updateSearchKey() {
       searchKey.value = selectedText.value;
     };
+    var searchBlueHandler = function searchBlueHandler() {
+      // 单选搜索框与选择框互斥，因此一旦失去焦点，认为是没有选择，还原选择框的内容
+      if (!props.multiple) {
+        searchKey.value = selectedText.value;
+        return;
+      }
+      // 多选下，失去焦点则需要删除搜索框
+      searchKey.value = '';
+    };
     // 更新选中
     var updateValue = function updateValue(val) {
       // 更新多选情况下的选中标签
@@ -1737,6 +1746,8 @@ var Store = /*#__PURE__*/function () {
       oldValue !== undefined && emit('change', value); // oldValue = undefined代表初始化，init不派发change事件
       // 如果有过滤搜索，选择后，自动focus到input
       inputRef === null || inputRef === void 0 || (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 ? void 0 : _inputRef$value.focus();
+      // 选择后过滤条件清除，面板初始化渲染
+      isFiltering.value = false;
     };
     // list的监听函数
     var listChangeHandler = function listChangeHandler() {
@@ -1855,7 +1866,8 @@ var Store = /*#__PURE__*/function () {
       isEdit: isEdit,
       displayText: displayText,
       resolveClassName: resolveClassName,
-      isShowPanel: isShowPanel
+      isShowPanel: isShowPanel,
+      searchBlueHandler: searchBlueHandler
     };
   },
   render: function render() {
@@ -1952,6 +1964,7 @@ var Store = /*#__PURE__*/function () {
             }],
             "type": "text",
             "onInput": _this.searchInputHandler,
+            "onBlur": _this.searchBlueHandler,
             "placeholder": _this.calcuPlaceholder,
             "value": _this.searchKey,
             "disabled": _this.disabled,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.2-beta.134",
+  "version": "0.0.2-beta.135",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",