bkui-vue 1.0.3-beta.15 → 1.0.3-beta.16

package/lib/plugin-popover/index.js

@@ -380,10 +380,13 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
+    var contentClassName = (0,external_vue_namespaceObject.computed)(function () {
+      return [resolveClassName('popover'), resolveClassName('pop2-content'), props.visible ? 'visible' : 'hidden', props.extCls];
+    });
     return {
       style: style,
       refContent: refContent,
-      resolveClassName: resolveClassName,
+      contentClassName: contentClassName,
       resetPointerEvent: resetPointerEvent,
       setContentPointerEvent: setContentPointerEvent
     };
@@ -398,7 +401,6 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
       _this$$slots$default2,
       _this$$slots$default3,
       _this$$slots3;
-    var className = [this.resolveClassName('popover'), this.resolveClassName('pop2-content'), this.extCls];
     var resolveContentStyle = function resolveContentStyle(slot) {
       var _slot$;
       if (external_vue_namespaceObject.Fragment === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
@@ -411,7 +413,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var style = resolveContentStyle((_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots));
     return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": className,
+      "class": this.contentClassName,
       "style": style,
       "ref": "refContent"
     }, [(_this$$slots$arrow = (_this$$slots$arrow2 = (_this$$slots2 = this.$slots).arrow) === null || _this$$slots$arrow2 === void 0 ? void 0 : _this$$slots$arrow2.call(_this$$slots2)) !== null && _this$$slots$arrow !== void 0 ? _this$$slots$arrow : '', (_this$$slots$default2 = (_this$$slots$default3 = (_this$$slots3 = this.$slots)["default"]) === null || _this$$slots$default3 === void 0 ? void 0 : _this$$slots$default3.call(_this$$slots3)) !== null && _this$$slots$default2 !== void 0 ? _this$$slots$default2 : '']);
@@ -3628,7 +3630,7 @@ function _isSlot(s) {
     (0,external_vue_namespaceObject.onMounted)(onMountedFn);
     (0,external_vue_namespaceObject.onBeforeUnmount)(onUnmountedFn);
     var transBoundary = (0,external_vue_namespaceObject.computed)(function () {
-      return !props.disableTeleport;
+      return localIsShow.value && !props.disableTeleport;
     });
     var show = function show() {
       showFn();

package/lib/popover/content.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
         maxWidth: string | number;
     }>;
     refContent: import("vue").Ref<any>;
-    resolveClassName: (cls: string) => string;
+    contentClassName: import("vue").ComputedRef<string[]>;
     resetPointerEvent: () => void;
     setContentPointerEvent: (val: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/popover/index.js

@@ -383,10 +383,13 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
+    var contentClassName = (0,external_vue_namespaceObject.computed)(function () {
+      return [resolveClassName('popover'), resolveClassName('pop2-content'), props.visible ? 'visible' : 'hidden', props.extCls];
+    });
     return {
       style: style,
       refContent: refContent,
-      resolveClassName: resolveClassName,
+      contentClassName: contentClassName,
       resetPointerEvent: resetPointerEvent,
       setContentPointerEvent: setContentPointerEvent
     };
@@ -401,7 +404,6 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
       _this$$slots$default2,
       _this$$slots$default3,
       _this$$slots3;
-    var className = [this.resolveClassName('popover'), this.resolveClassName('pop2-content'), this.extCls];
     var resolveContentStyle = function resolveContentStyle(slot) {
       var _slot$;
       if (external_vue_namespaceObject.Fragment === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
@@ -414,7 +416,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var style = resolveContentStyle((_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots));
     return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": className,
+      "class": this.contentClassName,
       "style": style,
       "ref": "refContent"
     }, [(_this$$slots$arrow = (_this$$slots$arrow2 = (_this$$slots2 = this.$slots).arrow) === null || _this$$slots$arrow2 === void 0 ? void 0 : _this$$slots$arrow2.call(_this$$slots2)) !== null && _this$$slots$arrow !== void 0 ? _this$$slots$arrow : '', (_this$$slots$default2 = (_this$$slots$default3 = (_this$$slots3 = this.$slots)["default"]) === null || _this$$slots$default3 === void 0 ? void 0 : _this$$slots$default3.call(_this$$slots3)) !== null && _this$$slots$default2 !== void 0 ? _this$$slots$default2 : '']);
@@ -3631,7 +3633,7 @@ function _isSlot(s) {
     (0,external_vue_namespaceObject.onMounted)(onMountedFn);
     (0,external_vue_namespaceObject.onBeforeUnmount)(onUnmountedFn);
     var transBoundary = (0,external_vue_namespaceObject.computed)(function () {
-      return !props.disableTeleport;
+      return localIsShow.value && !props.disableTeleport;
     });
     var show = function show() {
       showFn();

package/lib/popover/popover.css

@@ -1,6 +1,5 @@
 .bk-popover.bk-pop2-content {
   position: absolute;
-  display: none;
   padding: 12px;
   font-size: 12px;
   color: #fff;
@@ -8,6 +7,9 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;

package/lib/popover/popover.less

@@ -4,7 +4,10 @@
 .@{bk-prefix}-popover {
   &.@{bk-prefix}-pop2-content {
     position: absolute;
-    display: none;
+
+    &.hidden {
+      display: none;
+    }
 
     padding: 12px;
 

package/lib/popover/popover.variable.css

@@ -129,7 +129,6 @@
 }
 .bk-popover.bk-pop2-content {
   position: absolute;
-  display: none;
   padding: 12px;
   font-size: 12px;
   color: #fff;
@@ -137,6 +136,9 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;

package/lib/sideslider/index.d.ts

@@ -92,12 +92,12 @@ declare const BkSideslider: {
             default: string;
         };
     }>> & {
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         onClosed?: (...args: any[]) => any;
         "onUpdate:isShow"?: (...args: any[]) => any;
         "onAnimation-end"?: (...args: any[]) => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("shown" | "hidden" | "closed" | "update:isShow" | "animation-end")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         direction: {
             type: StringConstructor;
             default: string;
@@ -190,8 +190,8 @@ declare const BkSideslider: {
             default: string;
         };
     }>> & {
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         onClosed?: (...args: any[]) => any;
         "onUpdate:isShow"?: (...args: any[]) => any;
         "onAnimation-end"?: (...args: any[]) => any;
@@ -316,8 +316,8 @@ declare const BkSideslider: {
             default: string;
         };
     }>> & {
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         onClosed?: (...args: any[]) => any;
         "onUpdate:isShow"?: (...args: any[]) => any;
         "onAnimation-end"?: (...args: any[]) => any;
@@ -439,12 +439,12 @@ declare const BkSideslider: {
         default: string;
     };
 }>> & {
-    onShown?: (...args: any[]) => any;
     onHidden?: (...args: any[]) => any;
+    onShown?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
     "onUpdate:isShow"?: (...args: any[]) => any;
     "onAnimation-end"?: (...args: any[]) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("shown" | "hidden" | "closed" | "update:isShow" | "animation-end")[], "shown" | "hidden" | "closed" | "update:isShow" | "animation-end", {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], "hidden" | "shown" | "closed" | "update:isShow" | "animation-end", {
     title: string;
     width: string | number;
     height: string | number;

package/lib/sideslider/sideslider.d.ts

@@ -90,7 +90,7 @@ declare const _default: import("vue").DefineComponent<{
     top: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("shown" | "hidden" | "closed" | "update:isShow" | "animation-end")[], "shown" | "hidden" | "closed" | "update:isShow" | "animation-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], "hidden" | "shown" | "closed" | "update:isShow" | "animation-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     direction: {
         type: StringConstructor;
         default: string;
@@ -183,8 +183,8 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    onShown?: (...args: any[]) => any;
     onHidden?: (...args: any[]) => any;
+    onShown?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
     "onUpdate:isShow"?: (...args: any[]) => any;
     "onAnimation-end"?: (...args: any[]) => any;

package/lib/table/table.css

@@ -736,7 +736,6 @@
 }
 .bk-popover.bk-pop2-content {
   position: absolute;
-  display: none;
   padding: 12px;
   font-size: 12px;
   color: #fff;
@@ -744,6 +743,9 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;

package/lib/table/table.variable.css

@@ -865,7 +865,6 @@
 }
 .bk-popover.bk-pop2-content {
   position: absolute;
-  display: none;
   padding: 12px;
   font-size: 12px;
   color: #fff;
@@ -873,6 +872,9 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;

package/lib/virtual-render/index.d.ts

@@ -275,6 +275,9 @@ declare const BkVirtualRender: {
         width: string | number;
         height: string | number;
         maxHeight: number;
+        contentClassName: string | {
+            [key: string]: any;
+        };
         enabled: boolean;
         list: unknown[];
         minHeight: number;
@@ -284,9 +287,6 @@ declare const BkVirtualRender: {
         };
         lineHeight: any;
         scrollEvent: boolean;
-        contentClassName: string | {
-            [key: string]: any;
-        };
         contentStyle: {
             [key: string]: any;
         };
@@ -456,6 +456,9 @@ declare const BkVirtualRender: {
         width: string | number;
         height: string | number;
         maxHeight: number;
+        contentClassName: string | {
+            [key: string]: any;
+        };
         enabled: boolean;
         list: unknown[];
         minHeight: number;
@@ -465,9 +468,6 @@ declare const BkVirtualRender: {
         };
         lineHeight: any;
         scrollEvent: boolean;
-        contentClassName: string | {
-            [key: string]: any;
-        };
         contentStyle: {
             [key: string]: any;
         };
@@ -629,6 +629,9 @@ declare const BkVirtualRender: {
     width: string | number;
     height: string | number;
     maxHeight: number;
+    contentClassName: string | {
+        [key: string]: any;
+    };
     enabled: boolean;
     list: unknown[];
     minHeight: number;
@@ -638,9 +641,6 @@ declare const BkVirtualRender: {
     };
     lineHeight: any;
     scrollEvent: boolean;
-    contentClassName: string | {
-        [key: string]: any;
-    };
     contentStyle: {
         [key: string]: any;
     };

package/lib/virtual-render/virtual-render.d.ts

@@ -278,6 +278,9 @@ declare const _default: import("vue").DefineComponent<{
     width: string | number;
     height: string | number;
     maxHeight: number;
+    contentClassName: string | {
+        [key: string]: any;
+    };
     enabled: boolean;
     list: unknown[];
     minHeight: number;
@@ -287,9 +290,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     lineHeight: any;
     scrollEvent: boolean;
-    contentClassName: string | {
-        [key: string]: any;
-    };
     contentStyle: {
         [key: string]: any;
     };

package/package.json

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