bkui-vue 2.0.2-beta.2 → 2.0.2-beta.20

package/lib/date-picker/index.js

@@ -1,9 +1,9 @@
 import "../styles/reset.css";
 import "./date-picker.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
 import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
 import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
@@ -15,7 +15,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_date_fns_f4130be9__ from "date-fns";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__ from "lodash/debounce";
 /******/ var __webpack_modules__ = ({
 
-/***/ 5235:
+/***/ 668:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 
@@ -154,10 +154,8 @@ ClickOutside.install = function (app) {
 /* harmony default export */ const clickoutside = (ClickOutside);
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 var esm_typeof = __webpack_require__(6522);
-;// CONCATENATED MODULE: external "../plugin-popover"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const plugin_popover_namespaceObject = x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
+// EXTERNAL MODULE: external "../popover"
+var popover_ = __webpack_require__(563);
 ;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
 
 /*
@@ -235,7 +233,7 @@ var createInstance = function createInstance(el, binding) {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
       });
-      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
+      instance = (0,popover_.$bkPopover)(targetOptions);
     }, 300);
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -322,9 +320,9 @@ var external_vue_ = __webpack_require__(6609);
 // EXTERNAL MODULE: external "../shared"
 var shared_ = __webpack_require__(9253);
 ;// CONCATENATED MODULE: external "@popperjs/core"
-var core_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var core_y = x => () => x
-const core_namespaceObject = core_x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const core_namespaceObject = x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
 ;// CONCATENATED MODULE: ../../packages/directives/src/tooltips.ts
 
 
@@ -390,9 +388,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -406,7 +401,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });
@@ -1264,6 +1259,15 @@ normalizeWheel.getEventType = function() /*string*/ {
 module.exports = normalizeWheel;
 
 
+/***/ }),
+
+/***/ 563:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+module.exports = x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover });
+
 /***/ }),
 
 /***/ 9253:
@@ -1835,8 +1839,8 @@ function _slicedToArray(arr, i) {
 var toConsumableArray = __webpack_require__(7930);
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 var esm_typeof = __webpack_require__(6522);
-// EXTERNAL MODULE: ../../packages/directives/src/index.ts + 8 modules
-var src = __webpack_require__(5235);
+// EXTERNAL MODULE: ../../packages/directives/src/index.ts + 7 modules
+var src = __webpack_require__(668);
 ;// CONCATENATED MODULE: external "../icon"
 var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var icon_y = x => () => x

package/lib/directives/index.js

@@ -1,7 +1,7 @@
 import "../styles/reset.css";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
 import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
 import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
@@ -610,6 +610,15 @@ normalizeWheel.getEventType = function() /*string*/ {
 module.exports = normalizeWheel;
 
 
+/***/ }),
+
+/***/ 563:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+module.exports = x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover });
+
 /***/ }),
 
 /***/ 9253:
@@ -1002,10 +1011,8 @@ ClickOutside.install = function (app) {
 /* harmony default export */ const clickoutside = (ClickOutside);
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 var esm_typeof = __webpack_require__(6522);
-;// CONCATENATED MODULE: external "../plugin-popover"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const plugin_popover_namespaceObject = x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
+// EXTERNAL MODULE: external "../popover"
+var popover_ = __webpack_require__(563);
 ;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
 
 /*
@@ -1083,7 +1090,7 @@ var createInstance = function createInstance(el, binding) {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
       });
-      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
+      instance = (0,popover_.$bkPopover)(targetOptions);
     }, 300);
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -1170,9 +1177,9 @@ var external_vue_ = __webpack_require__(6609);
 // EXTERNAL MODULE: external "../shared"
 var shared_ = __webpack_require__(9253);
 ;// CONCATENATED MODULE: external "@popperjs/core"
-var core_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var core_y = x => () => x
-const core_namespaceObject = core_x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const core_namespaceObject = x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
 ;// CONCATENATED MODULE: ../../packages/directives/src/tooltips.ts
 
 
@@ -1238,9 +1245,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1254,7 +1258,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });

package/lib/form/form-item.d.ts

@@ -38,6 +38,11 @@ declare const formItemProps: {
     errorDisplayType: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    errorTipAppendToParent: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 };
 export type FormItemProps = Readonly<ExtractPropTypes<typeof formItemProps>>;
 declare const _default: import("vue").DefineComponent<{
@@ -79,6 +84,11 @@ declare const _default: import("vue").DefineComponent<{
     errorDisplayType: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    errorTipAppendToParent: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }, {
     isShowLabel: ComputedRef<boolean>;
     labelStyles: ComputedRef<{
@@ -134,6 +144,11 @@ declare const _default: import("vue").DefineComponent<{
     errorDisplayType: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    errorTipAppendToParent: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>>, {
     required: boolean;
     label: string;
@@ -145,5 +160,6 @@ declare const _default: import("vue").DefineComponent<{
     maxlength: number;
     rules: unknown[];
     errorDisplayType: string;
+    errorTipAppendToParent: boolean;
 }, {}>;
 export default _default;

package/lib/form/index.d.ts

@@ -212,6 +212,11 @@ declare const BkForm: {
         errorDisplayType: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
+        errorTipAppendToParent: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }, {
         isShowLabel: import("vue").ComputedRef<boolean>;
         labelStyles: import("vue").ComputedRef<{
@@ -267,6 +272,11 @@ declare const BkForm: {
         errorDisplayType: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
+        errorTipAppendToParent: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>>, {
         required: boolean;
         label: string;
@@ -278,6 +288,7 @@ declare const BkForm: {
         maxlength: number;
         rules: unknown[];
         errorDisplayType: string;
+        errorTipAppendToParent: boolean;
     }, {}>;
     ComposeFormItem: import("vue").DefineComponent<{
         headBackgroundColor: {

package/lib/form/index.js

@@ -1,9 +1,9 @@
 import "../styles/reset.css";
 import "./form.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
 import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
 import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
@@ -16,7 +16,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_lodash_isDate_b457317b__ from "lodash/isDa
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isEmpty_e109fd6b__ from "lodash/isEmpty";
 /******/ var __webpack_modules__ = ({
 
-/***/ 5235:
+/***/ 668:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 
@@ -155,10 +155,8 @@ ClickOutside.install = function (app) {
 /* harmony default export */ const clickoutside = ((/* unused pure expression or super */ null && (ClickOutside)));
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 var esm_typeof = __webpack_require__(6522);
-;// CONCATENATED MODULE: external "../plugin-popover"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const plugin_popover_namespaceObject = x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
+// EXTERNAL MODULE: external "../popover"
+var popover_ = __webpack_require__(563);
 ;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
 
 /*
@@ -236,7 +234,7 @@ var createInstance = function createInstance(el, binding) {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
       });
-      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
+      instance = (0,popover_.$bkPopover)(targetOptions);
     }, 300);
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -323,9 +321,9 @@ var external_vue_ = __webpack_require__(6609);
 // EXTERNAL MODULE: external "../shared"
 var shared_ = __webpack_require__(9253);
 ;// CONCATENATED MODULE: external "@popperjs/core"
-var core_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var core_y = x => () => x
-const core_namespaceObject = core_x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const core_namespaceObject = x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
 ;// CONCATENATED MODULE: ../../packages/directives/src/tooltips.ts
 
 
@@ -391,9 +389,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -407,7 +402,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });
@@ -1265,6 +1260,15 @@ normalizeWheel.getEventType = function() /*string*/ {
 module.exports = normalizeWheel;
 
 
+/***/ }),
+
+/***/ 563:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+module.exports = x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover });
+
 /***/ }),
 
 /***/ 9253:
@@ -1820,8 +1824,8 @@ var formEvents = {
 }));
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
 var toConsumableArray = __webpack_require__(7930);
-// EXTERNAL MODULE: ../../packages/directives/src/index.ts + 8 modules
-var src = __webpack_require__(5235);
+// EXTERNAL MODULE: ../../packages/directives/src/index.ts + 7 modules
+var src = __webpack_require__(668);
 ;// CONCATENATED MODULE: external "../icon"
 var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var icon_y = x => () => x
@@ -1979,7 +1983,8 @@ var formItemProps = {
   maxlength: shared_.PropTypes.number,
   rules: shared_.PropTypes.array,
   description: shared_.PropTypes.string,
-  errorDisplayType: shared_.PropTypes.oneOf(['tooltips', 'normal']).def('normal')
+  errorDisplayType: shared_.PropTypes.oneOf(['tooltips', 'normal']).def('normal'),
+  errorTipAppendToParent: shared_.PropTypes.bool.def(false)
 };
 var hasOwn = function hasOwn(obj, key) {
   return Object.prototype.hasOwnProperty.call(obj, key);
@@ -2294,7 +2299,10 @@ var isValid = function isValid(value) {
       if (_this.errorDisplayType === 'tooltips') {
         return (0,external_vue_.withDirectives)((0,external_vue_.createVNode)("div", {
           "class": "".concat(_this.resolveClassName('form-error-tips'))
-        }, [(0,external_vue_.createVNode)(icon_namespaceObject.ExclamationCircleShape, null, null)]), [[(0,external_vue_.resolveDirective)("bk-tooltips"), _this.errorMessage]]);
+        }, [(0,external_vue_.createVNode)(icon_namespaceObject.ExclamationCircleShape, null, null)]), [[(0,external_vue_.resolveDirective)("bk-tooltips"), {
+          content: _this.errorMessage,
+          boundary: _this.errorTipAppendToParent ? 'parent' : document.body
+        }]]);
       }
       return (0,external_vue_.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('form-error'))

package/lib/image/index.js

@@ -3,7 +3,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../sh
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
 import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
 import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
@@ -871,10 +871,10 @@ ClickOutside.install = function (app) {
   app.directive('bkTooltips', ClickOutside);
 };
 /* harmony default export */ const clickoutside = ((/* unused pure expression or super */ null && (ClickOutside)));
-;// CONCATENATED MODULE: external "../plugin-popover"
-var plugin_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var plugin_popover_y = x => () => x
-const plugin_popover_namespaceObject = plugin_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
+;// CONCATENATED MODULE: external "../popover"
+var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var popover_y = x => () => x
+const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover });
 ;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
 
 /*
@@ -952,7 +952,7 @@ var createInstance = function createInstance(el, binding) {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
       });
-      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
+      instance = (0,popover_namespaceObject.$bkPopover)(targetOptions);
     }, 300);
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -1136,9 +1136,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1152,7 +1149,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });

package/lib/index.d.ts

@@ -8,5 +8,4 @@ export * from './hooks';
 export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
-export * as plugins from './plugins';
 export declare const version: string;

package/lib/index.js

@@ -3,6 +3,5 @@ export * from './hooks';
 export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
-export * as plugins from './plugins';
-export const version = "2.0.2-beta.2";
+export const version = "2.0.2-beta.20";
 window.__bkui_vue_version__ = version;

package/lib/input/index.d.ts

@@ -94,6 +94,10 @@ declare const BkInput: {
         } & {
             default: boolean;
         };
+        tooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
         resize: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -232,6 +236,10 @@ declare const BkInput: {
         } & {
             default: boolean;
         };
+        tooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
         resize: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -286,6 +294,7 @@ declare const BkInput: {
         withValidate: boolean;
         overMaxLengthLimit: boolean;
         showOverflowTooltips: boolean;
+        tooltipsOptions: {};
         autosize: boolean | import("./input").InputAutoSize;
         stopPropagation: boolean;
     }, true, {}, {}, {
@@ -390,6 +399,10 @@ declare const BkInput: {
         } & {
             default: boolean;
         };
+        tooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
         resize: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -444,6 +457,7 @@ declare const BkInput: {
         withValidate: boolean;
         overMaxLengthLimit: boolean;
         showOverflowTooltips: boolean;
+        tooltipsOptions: {};
         autosize: boolean | import("./input").InputAutoSize;
         stopPropagation: boolean;
     }>;
@@ -545,6 +559,10 @@ declare const BkInput: {
     } & {
         default: boolean;
     };
+    tooltipsOptions: {
+        type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+        default: () => {};
+    };
     resize: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -614,6 +632,7 @@ declare const BkInput: {
     withValidate: boolean;
     overMaxLengthLimit: boolean;
     showOverflowTooltips: boolean;
+    tooltipsOptions: {};
     autosize: boolean | import("./input").InputAutoSize;
     stopPropagation: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;

package/lib/input/index.js

@@ -3,7 +3,7 @@ import "./input.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
 import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
 import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
@@ -954,10 +954,10 @@ ClickOutside.install = function (app) {
   app.directive('bkTooltips', ClickOutside);
 };
 /* harmony default export */ const clickoutside = ((/* unused pure expression or super */ null && (ClickOutside)));
-;// CONCATENATED MODULE: external "../plugin-popover"
-var plugin_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var plugin_popover_y = x => () => x
-const plugin_popover_namespaceObject = plugin_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
+;// CONCATENATED MODULE: external "../popover"
+var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var popover_y = x => () => x
+const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover });
 ;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
 
 /*
@@ -1035,7 +1035,7 @@ var createInstance = function createInstance(el, binding) {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
       });
-      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
+      instance = (0,popover_namespaceObject.$bkPopover)(targetOptions);
     }, 300);
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -1203,9 +1203,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1219,7 +1216,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });
@@ -1633,6 +1630,12 @@ var inputType = {
   withValidate: shared_namespaceObject.PropTypes.bool.def(true),
   overMaxLengthLimit: shared_namespaceObject.PropTypes.bool.def(false),
   showOverflowTooltips: shared_namespaceObject.PropTypes.bool.def(true),
+  tooltipsOptions: {
+    type: Object,
+    "default": function _default() {
+      return {};
+    }
+  },
   resize: shared_namespaceObject.PropTypes.bool.def(true),
   autosize: shared_namespaceObject.PropTypes.oneOfType([Boolean, Object]).def(false),
   stopPropagation: shared_namespaceObject.PropTypes.bool.def(true)
@@ -1782,16 +1785,16 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
     var tooltips = (0,external_vue_namespaceObject.computed)(function () {
       var _props$modelValue2;
       if (showMaxLimit.value && ceilMaxLength.value - modelValueLength.value === 0) {
-        return {
+        return input_objectSpread({
           content: t.value.maxlengthLimitTips
-        };
+        }, props.tooltipsOptions || {});
       }
-      return props.showOverflowTooltips && isOverflow.value && props.modelValue ? {
+      return props.showOverflowTooltips && isOverflow.value && props.modelValue ? input_objectSpread({
         content: (_props$modelValue2 = props.modelValue) === null || _props$modelValue2 === void 0 ? void 0 : _props$modelValue2.toString(),
         sameWidth: true
-      } : {
+      }, props.tooltipsOptions || {}) : input_objectSpread({
         disabled: true
-      };
+      }, props.tooltipsOptions || {});
     });
     var showMaxLimit = (0,external_vue_namespaceObject.computed)(function () {
       return typeof props.maxlength === 'number' || typeof props.maxcharacter === 'number';

package/lib/input/input.d.ts

@@ -1,4 +1,5 @@
-import { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes, PropType } from 'vue';
+import { IOptions } from '../directives';
 export type InputAutoSize = {
     minRows?: number;
     maxRows?: number;
@@ -98,6 +99,10 @@ export declare const inputType: {
     } & {
         default: boolean;
     };
+    tooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
     resize: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -243,6 +248,10 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    tooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
     resize: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -366,6 +375,10 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    tooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
     resize: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -420,6 +433,7 @@ declare const _default: import("vue").DefineComponent<{
     withValidate: boolean;
     overMaxLengthLimit: boolean;
     showOverflowTooltips: boolean;
+    tooltipsOptions: {};
     autosize: boolean | InputAutoSize;
     stopPropagation: boolean;
 }, {}>;

package/lib/message/index.js

@@ -1717,7 +1717,7 @@ var messageProps = {
           "class": "".concat(_this2.resolveClassName('message-icon'))
         }, [renderIcon()]), (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "describe"
-        }, [(_this2$$slots$title = (_this2$$slots$title2 = (_this2$$slots = _this2.$slots).title) === null || _this2$$slots$title2 === void 0 ? void 0 : _this2$$slots$title2.call(_this2$$slots)) !== null && _this2$$slots$title !== void 0 ? _this2$$slots$title : "\u3010".concat(_this2.message.code, "\u3011").concat(_this2.message.overview, " ").concat(_this2.message.suggestion)])]), (0,external_vue_namespaceObject.createVNode)("div", {
+        }, [(_this2$$slots$title = (_this2$$slots$title2 = (_this2$$slots = _this2.$slots).title) === null || _this2$$slots$title2 === void 0 ? void 0 : _this2$$slots$title2.call(_this2$$slots)) !== null && _this2$$slots$title !== void 0 ? _this2$$slots$title : "".concat(_this2.message.code ? "\u3010".concat(_this2.message.code, "\u3011") : '').concat(_this2.message.overview, " ").concat(_this2.message.suggestion)])]), (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "tools"
         }, [_this2.renderMessageActions()])]), _this2.toolOperation.isDetailShow && (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "message-detail"