bkui-vue 2.0.1-beta.102 → 2.0.1-beta.104

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.102";
+export const version = "2.0.1-beta.104";
 window.__bkui_vue_version__ = version;

package/lib/overflow-title/components/overflow-title.d.ts

@@ -145,6 +145,11 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: string;
         };
+        hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -310,6 +315,11 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: string;
         };
+        hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {

package/lib/overflow-title/index.d.ts

@@ -149,6 +149,11 @@ declare const BkOverflowTitle: {
             } & {
                 default: string;
             };
+            hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -314,6 +319,11 @@ declare const BkOverflowTitle: {
             } & {
                 default: string;
             };
+            hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -484,6 +494,11 @@ declare const BkOverflowTitle: {
             } & {
                 default: string;
             };
+            hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -659,6 +674,11 @@ declare const BkOverflowTitle: {
         } & {
             default: string;
         };
+        hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {

package/lib/overflow-title/props.d.ts

@@ -167,6 +167,11 @@ declare const _default: {
         } & {
             default: string;
         };
+        hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {

package/lib/plugin-popover/index.js

@@ -17790,6 +17790,10 @@ var PopoverProps = {
    * 配置自定义样式类名，传入的类会被加在 Reference 外部的 div 上
    */
   referenceCls: shared_namespaceObject.PropTypes.string.def(''),
+  /**
+   * 点击 Reference 占位区是否忽略收起 popover
+   */
+  hideIgnoreReference: shared_namespaceObject.PropTypes.bool.def(false),
   /**
    * 自定义Content组件渲染，point-event延迟渲染时间
    * 避免子组件point-event渲染时触发popover鼠标事件
@@ -21019,14 +21023,17 @@ function _isSlot(s) {
     };
   },
   render: function render() {
-    var _slot;
+    var _slot, _slot2;
     var _this$$slots$default,
       _this$$slots$default2,
       _this$$slots,
+      _this$$slots$default3,
+      _this$$slots$default4,
+      _this$$slots2,
       _this = this,
       _this$$slots$content,
       _this$$slots$content2,
-      _this$$slots3;
+      _this$$slots4;
     var renderReferSlot = function renderReferSlot(slot) {
       var _slot$;
       if (external_vue_namespaceObject.Text === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
@@ -21038,7 +21045,7 @@ function _isSlot(s) {
       "ref": "refRoot"
     }, {
       "default": function _default() {
-        return [(0,external_vue_namespaceObject.createVNode)("div", {
+        return [_this.hideIgnoreReference ? (0,external_vue_namespaceObject.createVNode)("div", {
           "class": _this.referenceCls,
           "style": "display: inline-block;",
           "onClick": _this.handleClickReferenceWraper
@@ -21048,7 +21055,13 @@ function _isSlot(s) {
           "default": function _default() {
             return [_slot];
           }
-        })]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
+        })]) : (0,external_vue_namespaceObject.createVNode)(reference, {
+          "ref": "refDefaultReference"
+        }, _isSlot(_slot2 = renderReferSlot((_this$$slots$default3 = (_this$$slots$default4 = (_this$$slots2 = _this.$slots)["default"]) === null || _this$$slots$default4 === void 0 ? void 0 : _this$$slots$default4.call(_this$$slots2)) !== null && _this$$slots$default3 !== void 0 ? _this$$slots$default3 : (0,external_vue_namespaceObject.createVNode)("span", null, null))) ? _slot2 : {
+          "default": function _default() {
+            return [_slot2];
+          }
+        }), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
           "disabled": !_this.transBoundary,
           "to": _this.boundary
         }, {
@@ -21066,15 +21079,15 @@ function _isSlot(s) {
               "onClick": _this.handleClickContent
             }, {
               "default": function _default() {
-                return [_this.isRenderModeShow || _this.contentIsShow ? (_this$$slots$content = (_this$$slots$content2 = (_this$$slots3 = _this.$slots).content) === null || _this$$slots$content2 === void 0 ? void 0 : _this$$slots$content2.call(_this$$slots3)) !== null && _this$$slots$content !== void 0 ? _this$$slots$content : _this.renderContent() : ''];
+                return [_this.isRenderModeShow || _this.contentIsShow ? (_this$$slots$content = (_this$$slots$content2 = (_this$$slots4 = _this.$slots).content) === null || _this$$slots$content2 === void 0 ? void 0 : _this$$slots$content2.call(_this$$slots4)) !== null && _this$$slots$content !== void 0 ? _this$$slots$content : _this.renderContent() : ''];
               },
               arrow: function arrow() {
-                var _this$$slots$arrow, _this$$slots2;
+                var _this$$slots$arrow, _this$$slots3;
                 return _this.arrow ? (0,external_vue_namespaceObject.createVNode)(src_arrow, {
                   "ref": "refArrow"
                 }, {
                   "default": function _default() {
-                    return [(_this$$slots$arrow = (_this$$slots2 = _this.$slots).arrow) === null || _this$$slots$arrow === void 0 ? void 0 : _this$$slots$arrow.call(_this$$slots2)];
+                    return [(_this$$slots$arrow = (_this$$slots3 = _this.$slots).arrow) === null || _this$$slots$arrow === void 0 ? void 0 : _this$$slots$arrow.call(_this$$slots3)];
                   }
                 }) : '';
               }

package/lib/popover/index.d.ts

@@ -129,6 +129,11 @@ declare const BkPopover: {
         } & {
             default: string;
         };
+        hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -316,6 +321,11 @@ declare const BkPopover: {
         } & {
             default: string;
         };
+        hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -372,6 +382,7 @@ declare const BkPopover: {
         modifiers: unknown[];
         popoverDelay: number | number[];
         referenceCls: string;
+        hideIgnoreReference: boolean;
         componentEventDelay: number;
         forceClickoutside: boolean;
     }, true, {}, {}, {
@@ -511,6 +522,11 @@ declare const BkPopover: {
         } & {
             default: string;
         };
+        hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -588,6 +604,7 @@ declare const BkPopover: {
         modifiers: unknown[];
         popoverDelay: number | number[];
         referenceCls: string;
+        hideIgnoreReference: boolean;
         componentEventDelay: number;
         forceClickoutside: boolean;
     }>;
@@ -724,6 +741,11 @@ declare const BkPopover: {
     } & {
         default: string;
     };
+    hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -814,6 +836,7 @@ declare const BkPopover: {
     modifiers: unknown[];
     popoverDelay: number | number[];
     referenceCls: string;
+    hideIgnoreReference: boolean;
     componentEventDelay: number;
     forceClickoutside: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;

package/lib/popover/index.js

@@ -17793,6 +17793,10 @@ var PopoverProps = {
    * 配置自定义样式类名，传入的类会被加在 Reference 外部的 div 上
    */
   referenceCls: shared_namespaceObject.PropTypes.string.def(''),
+  /**
+   * 点击 Reference 占位区是否忽略收起 popover
+   */
+  hideIgnoreReference: shared_namespaceObject.PropTypes.bool.def(false),
   /**
    * 自定义Content组件渲染，point-event延迟渲染时间
    * 避免子组件point-event渲染时触发popover鼠标事件
@@ -21022,14 +21026,17 @@ function _isSlot(s) {
     };
   },
   render: function render() {
-    var _slot;
+    var _slot, _slot2;
     var _this$$slots$default,
       _this$$slots$default2,
       _this$$slots,
+      _this$$slots$default3,
+      _this$$slots$default4,
+      _this$$slots2,
       _this = this,
       _this$$slots$content,
       _this$$slots$content2,
-      _this$$slots3;
+      _this$$slots4;
     var renderReferSlot = function renderReferSlot(slot) {
       var _slot$;
       if (external_vue_namespaceObject.Text === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
@@ -21041,7 +21048,7 @@ function _isSlot(s) {
       "ref": "refRoot"
     }, {
       "default": function _default() {
-        return [(0,external_vue_namespaceObject.createVNode)("div", {
+        return [_this.hideIgnoreReference ? (0,external_vue_namespaceObject.createVNode)("div", {
           "class": _this.referenceCls,
           "style": "display: inline-block;",
           "onClick": _this.handleClickReferenceWraper
@@ -21051,7 +21058,13 @@ function _isSlot(s) {
           "default": function _default() {
             return [_slot];
           }
-        })]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
+        })]) : (0,external_vue_namespaceObject.createVNode)(reference, {
+          "ref": "refDefaultReference"
+        }, _isSlot(_slot2 = renderReferSlot((_this$$slots$default3 = (_this$$slots$default4 = (_this$$slots2 = _this.$slots)["default"]) === null || _this$$slots$default4 === void 0 ? void 0 : _this$$slots$default4.call(_this$$slots2)) !== null && _this$$slots$default3 !== void 0 ? _this$$slots$default3 : (0,external_vue_namespaceObject.createVNode)("span", null, null))) ? _slot2 : {
+          "default": function _default() {
+            return [_slot2];
+          }
+        }), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
           "disabled": !_this.transBoundary,
           "to": _this.boundary
         }, {
@@ -21069,15 +21082,15 @@ function _isSlot(s) {
               "onClick": _this.handleClickContent
             }, {
               "default": function _default() {
-                return [_this.isRenderModeShow || _this.contentIsShow ? (_this$$slots$content = (_this$$slots$content2 = (_this$$slots3 = _this.$slots).content) === null || _this$$slots$content2 === void 0 ? void 0 : _this$$slots$content2.call(_this$$slots3)) !== null && _this$$slots$content !== void 0 ? _this$$slots$content : _this.renderContent() : ''];
+                return [_this.isRenderModeShow || _this.contentIsShow ? (_this$$slots$content = (_this$$slots$content2 = (_this$$slots4 = _this.$slots).content) === null || _this$$slots$content2 === void 0 ? void 0 : _this$$slots$content2.call(_this$$slots4)) !== null && _this$$slots$content !== void 0 ? _this$$slots$content : _this.renderContent() : ''];
               },
               arrow: function arrow() {
-                var _this$$slots$arrow, _this$$slots2;
+                var _this$$slots$arrow, _this$$slots3;
                 return _this.arrow ? (0,external_vue_namespaceObject.createVNode)(src_arrow, {
                   "ref": "refArrow"
                 }, {
                   "default": function _default() {
-                    return [(_this$$slots$arrow = (_this$$slots2 = _this.$slots).arrow) === null || _this$$slots$arrow === void 0 ? void 0 : _this$$slots$arrow.call(_this$$slots2)];
+                    return [(_this$$slots$arrow = (_this$$slots3 = _this.$slots).arrow) === null || _this$$slots$arrow === void 0 ? void 0 : _this$$slots$arrow.call(_this$$slots3)];
                   }
                 }) : '';
               }

package/lib/popover/popover.d.ts

@@ -128,6 +128,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -302,6 +307,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -358,6 +368,7 @@ declare const _default: import("vue").DefineComponent<{
     modifiers: unknown[];
     popoverDelay: number | number[];
     referenceCls: string;
+    hideIgnoreReference: boolean;
     componentEventDelay: number;
     forceClickoutside: boolean;
 }, {}>;

package/lib/popover/props.d.ts

@@ -173,6 +173,14 @@ export declare const PopoverProps: {
     } & {
         default: string;
     };
+    /**
+     * 点击 Reference 占位区是否忽略收起 popover
+     */
+    hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     /**
      * 自定义Content组件渲染，point-event延迟渲染时间
      * 避免子组件point-event渲染时触发popover鼠标事件

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

@@ -213,30 +213,30 @@
   border-color: var(--search-select-focus-border-color) !important;
 }
 .bk-search-select .div-input {
+  flex: 1 1 auto;
   height: 100%;
   padding: 5px 0;
   line-height: 20px;
   word-break: break-all;
-  flex: 1 1 auto;
 }
 .bk-search-select .div-input:focus {
   outline: none;
 }
 .bk-search-select-container {
+  box-sizing: border-box;
   display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
   min-height: 30px;
   overflow: hidden;
   font-size: 12px;
   color: var(--search-select-font-color);
+  resize: none;
   border: var(--border-width-base) var(--border-style-base) var(--border-style-color);
   border-radius: var(--border-radius-base);
   outline: none;
-  box-sizing: border-box;
   transition: border 0.2s linear;
-  resize: none;
-  flex-direction: row;
-  align-items: center;
-  flex-wrap: wrap;
 }
 .bk-search-select-container.is-focus {
   overflow: auto;
@@ -245,14 +245,17 @@
   border-color: var(--search-select-focus-border-color) !important;
 }
 .bk-search-select-container .search-prefix {
-  flex: 0 0 auto;
   display: flex;
+  flex: 0 0 auto;
   align-items: center;
   height: 100%;
 }
 .bk-search-select-container .search-container {
   position: relative;
   display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  align-items: center;
   max-width: calc(100% - 42px);
   min-height: 26px;
   padding: 0 2px;
@@ -260,13 +263,12 @@
   overflow: visible;
   text-align: left;
   transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  flex: 1;
-  flex-wrap: wrap;
-  align-items: center;
 }
 .bk-search-select-container .search-container-selected {
   position: relative;
   display: inline-block;
+  flex: 0 0 auto;
+  align-self: center;
   max-width: 99%;
   padding-left: 8px;
   margin: 0 0 4px 6px;
@@ -274,8 +276,6 @@
   color: var(--search-select-font-color);
   background: #f0f1f5;
   border-radius: 2px;
-  flex: 0 0 auto;
-  align-self: center;
 }
 .bk-search-select-container .search-container-selected.hidden-selected {
   visibility: hidden;
@@ -299,6 +299,8 @@
   top: 4px;
   right: 3px;
   display: inline-flex;
+  align-items: center;
+  justify-content: center;
   width: 14px;
   height: 14px;
   overflow: hidden;
@@ -307,21 +309,19 @@
   color: #979ba5;
   text-align: center;
   cursor: pointer;
-  align-items: center;
-  justify-content: center;
 }
 .bk-search-select-container .search-container-input {
   position: relative;
   display: block;
-  height: 100%;
+  flex: 1;
   min-width: 40px;
+  height: 100%;
   padding: 0 10px;
   margin-top: -4px;
   color: var(--search-select-font-color);
   border: none;
-  flex: 1;
 }
-.bk-search-select-container .search-container-input .input-before:before {
+.bk-search-select-container .search-container-input .input-before::after {
   color: var(--search-select-placeholder-color);
   content: attr(data-placeholder);
 }
@@ -333,33 +333,33 @@
 .bk-search-select-container .search-container .selected-input {
   position: relative;
   display: flex;
-  height: 100%;
+  align-items: center;
   min-width: 40px;
+  height: 100%;
   padding: 0 10px;
   margin-top: -4px;
   color: var(--search-select-font-color);
   border: none;
-  align-items: center;
 }
 .bk-search-select-container .search-nextfix {
   position: absolute;
   top: 0;
   right: 0;
   color: var(--light-gray);
-  flex: 0 0 auto;
   display: flex;
+  flex: 0 0 auto;
   align-items: center;
   height: 100%;
 }
 .bk-search-select-container .search-nextfix .search-clear {
   display: flex;
+  align-items: center;
+  justify-content: center;
   width: 12px;
   height: 12px;
   margin-right: 6px;
   font-size: 12px;
   color: var(--light-gray);
-  align-items: center;
-  justify-content: center;
 }
 .bk-search-select-container .search-nextfix .search-clear:hover {
   color: #979ba5;
@@ -367,11 +367,11 @@
 }
 .bk-search-select-container .search-nextfix .search-nextfix-icon {
   display: flex;
+  align-items: center;
+  justify-content: center;
   margin-right: 8px;
   font-size: 16px;
   transition: color 0.2s linear;
-  align-items: center;
-  justify-content: center;
 }
 .bk-search-select-container .search-nextfix .search-nextfix-icon.is-focus {
   color: var(--search-select-focus-color);
@@ -389,28 +389,28 @@
 }
 .bk-search-select-tips {
   display: flex;
+  align-items: center;
   margin-top: 5px;
   font-size: 12px;
   line-height: 16px;
   color: var(--search-select-message-color);
-  align-items: center;
 }
 .bk-search-select-tips .select-tips {
   display: flex;
+  align-items: center;
+  justify-content: center;
   width: 16px;
   height: 16px;
   margin-right: 5px;
   overflow: hidden;
   font-size: 16px;
-  align-items: center;
-  justify-content: center;
 }
 .bk-search-select-menu {
   display: flex;
+  flex-direction: column;
   min-width: 200px;
   font-size: 12px;
   color: var(--search-select-font-color);
-  flex-direction: column;
 }
 .bk-search-select-menu .menu-list-mixin {
   display: flex;
@@ -418,16 +418,16 @@
 }
 .bk-search-select-menu .menu-item-mixin {
   display: flex;
+  flex: 0 0 32px;
+  align-items: center;
   width: 100%;
-  height: 32px;
   max-width: 500px;
+  height: 32px;
   padding: 0 8px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   outline: none;
-  align-items: center;
-  flex: 0 0 32px;
 }
 .bk-search-select-menu .menu-item-mixin:hover {
   cursor: pointer;
@@ -447,16 +447,16 @@
 }
 .bk-search-select-menu .menu-header-item {
   display: flex;
+  flex: 0 0 32px;
+  align-items: center;
   width: 100%;
-  height: 32px;
   max-width: 500px;
+  height: 32px;
   padding: 0 8px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   outline: none;
-  align-items: center;
-  flex: 0 0 32px;
 }
 .bk-search-select-menu .menu-header-item:hover {
   cursor: pointer;
@@ -476,17 +476,17 @@
 }
 .bk-search-select-menu .menu-content-wrapper .menu-condition {
   display: flex;
+  flex: 0 0 64px;
+  flex-direction: column;
   width: 64px;
   padding: 8px 8px 2px 10px;
   background-color: #f5f7fa;
-  flex-direction: column;
-  flex: 0 0 64px;
 }
 .bk-search-select-menu .menu-content-wrapper .menu-condition-title {
   display: flex;
+  align-items: center;
   margin-bottom: 12px;
   line-height: 24px;
-  align-items: center;
 }
 .bk-search-select-menu .menu-content-wrapper .menu-condition .bk-radio {
   width: 50px;
@@ -497,24 +497,24 @@
 }
 .bk-search-select-menu .menu-content {
   display: flex;
+  flex: 1;
+  flex-direction: column;
   padding: 4px 0;
   margin: 0;
   overflow: auto;
-  flex-direction: column;
-  flex: 1;
 }
 .bk-search-select-menu .menu-content .menu-item {
   display: flex;
+  flex: 0 0 32px;
+  align-items: center;
   width: 100%;
-  height: 32px;
   max-width: 500px;
+  height: 32px;
   padding: 0 8px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   outline: none;
-  align-items: center;
-  flex: 0 0 32px;
   white-space: pre;
 }
 .bk-search-select-menu .menu-content .menu-item:hover {
@@ -549,21 +549,21 @@
 }
 .bk-search-select-menu .menu-content .menu-item .menu-name {
   display: flex;
+  align-items: center;
   margin-right: 5px;
   font-weight: bold;
   color: var(--search-select-font-color);
-  align-items: center;
 }
 .bk-search-select-menu .menu-footer {
   display: flex;
+  align-items: center;
   width: 100%;
   height: 32px;
   border-top: var(--border-width-base) var(--border-style-base) var(--search-select-menu-border-color);
-  align-items: center;
 }
 .bk-search-select-menu .menu-footer-btn {
-  flex: 1;
   display: flex;
+  flex: 1;
   align-items: center;
   justify-content: center;
   height: 100%;