bkui-vue 2.0.1-beta.88 → 2.0.1-beta.89

package/lib/popover/index.js

@@ -39,7 +39,7 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PlacementEnum"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PlacementEnum, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["RenderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.RenderType, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["placementType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.placementType, ["renderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderType, ["triggerType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.triggerType, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+const shared_namespaceObject = x({ ["PlacementEnum"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PlacementEnum, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["RenderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.RenderType, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["placementType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.placementType, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderDirectiveType, ["renderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderType, ["triggerType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.triggerType, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
@@ -444,13 +444,13 @@ var PopoverProps = {
   isShow: shared_namespaceObject.PropTypes.bool.def(false),
   always: shared_namespaceObject.PropTypes.bool.def(false),
   disabled: shared_namespaceObject.PropTypes.bool.def(false),
-  // 非 manual 模式，点击 content 自动隐藏面板
   clickContentAutoHide: shared_namespaceObject.PropTypes.bool.def(false),
   width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
   height: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
   maxWidth: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
   maxHeight: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
   content: (0,external_vue_types_namespaceObject.toType)('IContent', {}).def(''),
+  renderDirective: (0,shared_namespaceObject.renderDirectiveType)().def('if'),
   target: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.instanceOf(HTMLElement), shared_namespaceObject.PropTypes.instanceOf(PointerEvent)]),
   allowHtml: shared_namespaceObject.PropTypes.bool.def(false),
   /**
@@ -3641,22 +3641,25 @@ function _isSlot(s) {
     updateBoundary();
     (0,external_vue_namespaceObject.onMounted)(onMountedFn);
     (0,external_vue_namespaceObject.onBeforeUnmount)(onUnmountedFn);
+    var isRenderModeShow = (0,external_vue_namespaceObject.computed)(function () {
+      return props.renderDirective === 'show';
+    });
     var transBoundary = (0,external_vue_namespaceObject.computed)(function () {
-      return localIsShow.value && !props.disableTeleport;
+      return isRenderModeShow.value || localIsShow.value && !props.disableTeleport;
     });
-    var show = function show() {
-      showFn();
-    };
-    var hide = function hide() {
-      hideFn();
-    };
     var contentIsShow = (0,external_vue_namespaceObject.computed)(function () {
       if (props.renderType === shared_namespaceObject.RenderType.AUTO) {
         return true;
       }
       return localIsShow.value;
     });
-    // 点击 content 收起面板，dropdown 那边需要
+    var show = function show() {
+      showFn();
+    };
+    var hide = function hide() {
+      hideFn();
+    };
+    // 点击 content 收起面板
     var handleClickContent = function handleClickContent() {
       if (props.trigger !== 'manual' && !props.always && props.clickContentAutoHide) {
         localIsShow.value = false;
@@ -3678,6 +3681,7 @@ function _isSlot(s) {
       refArrow: refArrow,
       content: props.content,
       theme: props.theme,
+      isRenderModeShow: isRenderModeShow,
       transBoundary: transBoundary,
       handleClickContent: handleClickContent,
       handleClickOutside: handleClickOutside,
@@ -3735,7 +3739,7 @@ function _isSlot(s) {
               "onClick": _this.handleClickContent
             }, {
               "default": function _default() {
-                return [_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$$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() : ''];
               },
               arrow: function arrow() {
                 var _this$$slots$arrow, _this$$slots2;

package/lib/popover/popover.d.ts

@@ -34,6 +34,9 @@ declare const _default: import("vue").DefineComponent<{
     content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
         default: string | number | (() => HTMLElement) | (() => JSX.Element);
     };
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
+    };
     target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
     allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -138,6 +141,7 @@ declare const _default: import("vue").DefineComponent<{
     refArrow: import("vue").Ref<any>;
     content: string | number | HTMLElement | JSX.Element;
     theme: string;
+    isRenderModeShow: import("vue").ComputedRef<boolean>;
     transBoundary: import("vue").ComputedRef<boolean>;
     handleClickContent: () => void;
     handleClickOutside: (_e: MouseEvent) => void;
@@ -198,6 +202,9 @@ declare const _default: import("vue").DefineComponent<{
     content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
         default: string | number | (() => HTMLElement) | (() => JSX.Element);
     };
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
+    };
     target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
     allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -319,6 +326,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     clickContentAutoHide: boolean;
     content: string | number | HTMLElement | JSX.Element;
+    renderDirective: "if" | "show";
     allowHtml: boolean;
     placement: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
     theme: string;

package/lib/popover/props.d.ts

@@ -45,6 +45,9 @@ export declare const PopoverProps: {
     content: import("vue-types").VueTypeDef<IContent> & {
         default: string | number | (() => HTMLElement) | (() => JSX.Element);
     };
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
+    };
     target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
     allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;

package/lib/select/index.d.ts

@@ -151,6 +151,9 @@ declare const BkSelect: {
             content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
                 default: string | number | (() => HTMLElement) | (() => JSX.Element);
             };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
+            };
             target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
             allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -608,6 +611,9 @@ declare const BkSelect: {
             content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
                 default: string | number | (() => HTMLElement) | (() => JSX.Element);
             };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
+            };
             target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
             allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -889,6 +895,9 @@ declare const BkSelect: {
             content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
                 default: string | number | (() => HTMLElement) | (() => JSX.Element);
             };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
+            };
             target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
             allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -1287,6 +1296,9 @@ declare const BkSelect: {
             content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
                 default: string | number | (() => HTMLElement) | (() => JSX.Element);
             };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
+            };
             target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
             allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -1744,6 +1756,9 @@ declare const BkSelect: {
             content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
                 default: string | number | (() => HTMLElement) | (() => JSX.Element);
             };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
+            };
             target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
             allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -2075,6 +2090,9 @@ declare const BkSelect: {
         content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
             default: string | number | (() => HTMLElement) | (() => JSX.Element);
         };
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
+        };
         target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -2532,6 +2550,9 @@ declare const BkSelect: {
         content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
             default: string | number | (() => HTMLElement) | (() => JSX.Element);
         };
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
+        };
         target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;

package/lib/select/select.d.ts

@@ -150,6 +150,9 @@ declare const _default: import("vue").DefineComponent<{
         content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
             default: string | number | (() => HTMLElement) | (() => JSX.Element);
         };
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
+        };
         target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -595,6 +598,9 @@ declare const _default: import("vue").DefineComponent<{
         content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
             default: string | number | (() => HTMLElement) | (() => JSX.Element);
         };
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
+        };
         target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -876,6 +882,9 @@ declare const _default: import("vue").DefineComponent<{
         content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
             default: string | number | (() => HTMLElement) | (() => JSX.Element);
         };
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
+        };
         target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;

package/lib/shared/vue-types.d.ts

@@ -113,8 +113,8 @@ export declare enum RenderDirectiveEnum {
     IF = "if",
     SHOW = "show"
 }
-export declare function renderDirectiveType(): import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-    default: "show" | "if";
+export declare function renderDirectiveType(): import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+    default: "if" | "show";
 };
 export declare enum AlignEnum {
     CENTER = "center",

package/lib/sideslider/index.d.ts

@@ -50,8 +50,8 @@ declare const BkSideslider: {
         } & {
             default: string;
         };
-        renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-            default: "show" | "if";
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
         };
         beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
             default: () => boolean | Promise<boolean>;
@@ -127,8 +127,8 @@ declare const BkSideslider: {
         } & {
             default: string;
         };
-        renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-            default: "show" | "if";
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
         };
         beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
             default: () => boolean | Promise<boolean>;
@@ -159,10 +159,10 @@ declare const BkSideslider: {
         left: string;
         top: string;
         isShow: boolean;
+        renderDirective: "if" | "show";
         backgroundColor: string;
         transfer: string | boolean | HTMLElement;
         direction: string;
-        renderDirective: "show" | "if";
         fullscreen: boolean;
         showMask: boolean;
         closeIcon: boolean;
@@ -228,8 +228,8 @@ declare const BkSideslider: {
         } & {
             default: string;
         };
-        renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-            default: "show" | "if";
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
         };
         beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
             default: () => boolean | Promise<boolean>;
@@ -260,10 +260,10 @@ declare const BkSideslider: {
         left: string;
         top: string;
         isShow: boolean;
+        renderDirective: "if" | "show";
         backgroundColor: string;
         transfer: string | boolean | HTMLElement;
         direction: string;
-        renderDirective: "show" | "if";
         fullscreen: boolean;
         showMask: boolean;
         closeIcon: boolean;
@@ -326,8 +326,8 @@ declare const BkSideslider: {
     } & {
         default: string;
     };
-    renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-        default: "show" | "if";
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
     };
     beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
         default: () => boolean | Promise<boolean>;
@@ -358,10 +358,10 @@ declare const BkSideslider: {
     left: string;
     top: string;
     isShow: boolean;
+    renderDirective: "if" | "show";
     backgroundColor: string;
     transfer: string | boolean | HTMLElement;
     direction: string;
-    renderDirective: "show" | "if";
     fullscreen: boolean;
     showMask: boolean;
     closeIcon: boolean;

package/lib/sideslider/sideslider.d.ts

@@ -49,8 +49,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-        default: "show" | "if";
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
     };
     beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
         default: () => boolean | Promise<boolean>;
@@ -120,8 +120,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-        default: "show" | "if";
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
     };
     beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
         default: () => boolean | Promise<boolean>;
@@ -152,10 +152,10 @@ declare const _default: import("vue").DefineComponent<{
     left: string;
     top: string;
     isShow: boolean;
+    renderDirective: "if" | "show";
     backgroundColor: string;
     transfer: string | boolean | HTMLElement;
     direction: string;
-    renderDirective: "show" | "if";
     fullscreen: boolean;
     showMask: boolean;
     closeIcon: boolean;

package/lib/tab/index.d.ts

@@ -320,8 +320,8 @@ declare const BkTab: {
         sortable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         };
-        renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-            default: "show" | "if";
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
         };
         panel: (import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -364,8 +364,8 @@ declare const BkTab: {
         sortable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         };
-        renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-            default: "show" | "if";
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
         };
         panel: (import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -387,9 +387,9 @@ declare const BkTab: {
         label: string | ((...args: any[]) => any);
         visible: boolean;
         disabled: boolean;
+        renderDirective: "if" | "show";
         tips: string;
         closable: boolean;
-        renderDirective: "show" | "if";
         panel: string | ((...args: any[]) => any);
         sortable: boolean;
         num: number;

package/lib/tab/props.d.ts

@@ -91,8 +91,8 @@ export declare const tabPanelProps: {
     sortable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-    renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-        default: "show" | "if";
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
     };
     panel: (import("vue-types").VueTypeValidableDef<string> & {
         default: string;

package/lib/tab/tab-panel.d.ts

@@ -24,8 +24,8 @@ declare const _default: import("vue").DefineComponent<{
     sortable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-    renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-        default: "show" | "if";
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
     };
     panel: (import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -68,8 +68,8 @@ declare const _default: import("vue").DefineComponent<{
     sortable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-    renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-        default: "show" | "if";
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
     };
     panel: (import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -91,9 +91,9 @@ declare const _default: import("vue").DefineComponent<{
     label: string | ((...args: any[]) => any);
     visible: boolean;
     disabled: boolean;
+    renderDirective: "if" | "show";
     tips: string;
     closable: boolean;
-    renderDirective: "show" | "if";
     panel: string | ((...args: any[]) => any);
     sortable: boolean;
     num: number;

package/lib/tag-input/index.d.ts

@@ -180,6 +180,9 @@ declare const TagInput: {
                 content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
                     default: string | number | (() => HTMLElement) | (() => JSX.Element);
                 };
+                renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                    default: "if" | "show";
+                };
                 target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
                 allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                     default: boolean;
@@ -534,6 +537,9 @@ declare const TagInput: {
                 content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
                     default: string | number | (() => HTMLElement) | (() => JSX.Element);
                 };
+                renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                    default: "if" | "show";
+                };
                 target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
                 allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                     default: boolean;
@@ -869,6 +875,9 @@ declare const TagInput: {
                 content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
                     default: string | number | (() => HTMLElement) | (() => JSX.Element);
                 };
+                renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                    default: "if" | "show";
+                };
                 target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
                 allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                     default: boolean;
@@ -1258,6 +1267,9 @@ declare const TagInput: {
             content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
                 default: string | number | (() => HTMLElement) | (() => JSX.Element);
             };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
+            };
             target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
             allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;

package/lib/tag-input/tag-input.d.ts

@@ -180,6 +180,9 @@ declare const _default: import("vue").DefineComponent<{
             content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
                 default: string | number | (() => HTMLElement) | (() => JSX.Element);
             };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
+            };
             target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
             allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -525,6 +528,9 @@ declare const _default: import("vue").DefineComponent<{
             content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
                 default: string | number | (() => HTMLElement) | (() => JSX.Element);
             };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
+            };
             target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
             allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;

package/lib/tag-input/tag-props.d.ts

@@ -173,6 +173,9 @@ declare const tagProps: () => {
             content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
                 default: string | number | (() => HTMLElement) | (() => JSX.Element);
             };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
+            };
             target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
             allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.1-beta.88",
+  "version": "2.0.1-beta.89",
   "workspaces": [
     "packages/**",
     "scripts/cli",