bkui-vue 2.0.1-beta.9 → 2.0.1-beta.91

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

@@ -10,14 +10,11 @@ declare const BkOverflowTitle: {
         type: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
-        calType: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
         boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
             default: string | (() => HTMLElement);
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"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"> & {
+            default: "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";
         };
         resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -38,6 +35,11 @@ declare const BkOverflowTitle: {
             } & {
                 default: boolean;
             };
+            clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             width: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
@@ -53,22 +55,25 @@ declare const BkOverflowTitle: {
             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;
             } & {
                 default: boolean;
             };
-            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-                default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+            placement: import("vue-types").VueTypeValidableDef<"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"> & {
+                default: "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: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             } & {
                 default: string;
             };
-            trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-                default: "click" | "hover" | "manual";
+            trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "click-hover" | "manual"> & {
+                default: "click" | "hover" | "click-hover" | "manual";
             };
             renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
                 default: "auto" | "shown";
@@ -165,14 +170,11 @@ declare const BkOverflowTitle: {
         type: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
-        calType: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
         boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
             default: string | (() => HTMLElement);
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"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"> & {
+            default: "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";
         };
         resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -193,6 +195,11 @@ declare const BkOverflowTitle: {
             } & {
                 default: boolean;
             };
+            clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             width: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
@@ -208,22 +215,25 @@ declare const BkOverflowTitle: {
             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;
             } & {
                 default: boolean;
             };
-            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-                default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+            placement: import("vue-types").VueTypeValidableDef<"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"> & {
+                default: "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: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             } & {
                 default: string;
             };
-            trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-                default: "click" | "hover" | "manual";
+            trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "click-hover" | "manual"> & {
+                default: "click" | "hover" | "click-hover" | "manual";
             };
             renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
                 default: "auto" | "shown";
@@ -308,9 +318,8 @@ declare const BkOverflowTitle: {
     }>>, {
         type: string;
         content: string;
-        placement: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        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";
         boundary: string | HTMLElement;
-        calType: string;
         resizeable: boolean;
     }, true, {}, {}, {
         P: {};
@@ -326,14 +335,11 @@ declare const BkOverflowTitle: {
         type: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
-        calType: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
         boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
             default: string | (() => HTMLElement);
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"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"> & {
+            default: "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";
         };
         resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -354,6 +360,11 @@ declare const BkOverflowTitle: {
             } & {
                 default: boolean;
             };
+            clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             width: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
@@ -369,22 +380,25 @@ declare const BkOverflowTitle: {
             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;
             } & {
                 default: boolean;
             };
-            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-                default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+            placement: import("vue-types").VueTypeValidableDef<"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"> & {
+                default: "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: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             } & {
                 default: string;
             };
-            trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-                default: "click" | "hover" | "manual";
+            trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "click-hover" | "manual"> & {
+                default: "click" | "hover" | "click-hover" | "manual";
             };
             renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
                 default: "auto" | "shown";
@@ -477,9 +491,8 @@ declare const BkOverflowTitle: {
     }, {}, {}, {}, {
         type: string;
         content: string;
-        placement: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        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";
         boundary: string | HTMLElement;
-        calType: string;
         resizeable: boolean;
     }>;
     __isFragment?: never;
@@ -492,14 +505,11 @@ declare const BkOverflowTitle: {
     type: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    calType: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
     boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
         default: string | (() => HTMLElement);
     };
-    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-        default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    placement: import("vue-types").VueTypeValidableDef<"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"> & {
+        default: "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";
     };
     resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -520,6 +530,11 @@ declare const BkOverflowTitle: {
         } & {
             default: boolean;
         };
+        clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
@@ -535,22 +550,25 @@ declare const BkOverflowTitle: {
         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;
         } & {
             default: boolean;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"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"> & {
+            default: "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: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
             default: string;
         };
-        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-            default: "click" | "hover" | "manual";
+        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "click-hover" | "manual"> & {
+            default: "click" | "hover" | "click-hover" | "manual";
         };
         renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
             default: "auto" | "shown";
@@ -643,9 +661,8 @@ declare const BkOverflowTitle: {
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: string;
     content: string;
-    placement: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    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";
     boundary: string | HTMLElement;
-    calType: string;
     resizeable: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export { getActualWidthByDom, getActualWidthByCanvas, overflowTitle, OverflowTitle };

package/lib/overflow-title/index.js

@@ -4,6 +4,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_popover_9b03f19d__ from "../popover";
 import "../popover/popover.less";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_merge_cf99375a__ from "lodash/merge";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
@@ -54,30 +55,59 @@ const popover_namespaceObject = popover_x({ ["default"]: () => __WEBPACK_EXTERNA
 var popover_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var popover_less_y = x => () => x
 const popover_less_namespaceObject = popover_less_x({  });
+;// CONCATENATED MODULE: external "lodash/merge"
+var merge_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var merge_y = x => () => x
+const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_merge_cf99375a__["default"] });
 ;// CONCATENATED MODULE: external "vue-types"
 var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_types_y = x => () => x
 const external_vue_types_namespaceObject = external_vue_types_x({ ["string"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.string });
 ;// CONCATENATED MODULE: ../../packages/overflow-title/src/props.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
 
 
 var PlacementEnum;
 (function (PlacementEnum) {
   PlacementEnum["AUTO"] = "auto";
-  PlacementEnum["AUTO_START"] = "auto-start";
   PlacementEnum["AUTO_END"] = "auto-end";
-  PlacementEnum["TOP"] = "top";
-  PlacementEnum["RIGHT"] = "right";
+  PlacementEnum["AUTO_START"] = "auto-start";
   PlacementEnum["BOTTOM"] = "bottom";
-  PlacementEnum["LEFT"] = "left";
-  PlacementEnum["TOP_START"] = "top-start";
-  PlacementEnum["TOP_END"] = "top-end";
-  PlacementEnum["BOTTOM_START"] = "bottom-start";
   PlacementEnum["BOTTOM_END"] = "bottom-end";
-  PlacementEnum["RIGHT_START"] = "right-start";
-  PlacementEnum["RIGHT_END"] = "right-end";
-  PlacementEnum["LEFT_START"] = "left-start";
+  PlacementEnum["BOTTOM_START"] = "bottom-start";
+  PlacementEnum["LEFT"] = "left";
   PlacementEnum["LEFT_END"] = "left-end";
+  PlacementEnum["LEFT_START"] = "left-start";
+  PlacementEnum["RIGHT"] = "right";
+  PlacementEnum["RIGHT_END"] = "right-end";
+  PlacementEnum["RIGHT_START"] = "right-start";
+  PlacementEnum["TOP"] = "top";
+  PlacementEnum["TOP_END"] = "top-end";
+  PlacementEnum["TOP_START"] = "top-start";
 })(PlacementEnum || (PlacementEnum = {}));
 function placementType() {
   return (0,external_vue_types_namespaceObject.string)().def(PlacementEnum.BOTTOM);
@@ -85,7 +115,6 @@ function placementType() {
 /* harmony default export */ const props = ({
   content: shared_namespaceObject.PropTypes.string,
   type: shared_namespaceObject.PropTypes.oneOf(['tips', 'title']).def('title'),
-  calType: shared_namespaceObject.PropTypes.oneOf(['dom', 'canvas']).def('dom'),
   boundary: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string.def('parent'), shared_namespaceObject.PropTypes.instanceOf(HTMLElement)]).def(document.body),
   placement: placementType().def(PlacementEnum.TOP_START),
   resizeable: shared_namespaceObject.PropTypes.bool,
@@ -93,6 +122,32 @@ function placementType() {
 });
 ;// CONCATENATED MODULE: ../../packages/overflow-title/src/components/overflow-title.tsx
 
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
 
 
 
@@ -158,16 +213,18 @@ function placementType() {
   },
   render: function render() {
     var _this = this;
+    /** popover 基础配置 */
+    var basePopoverOptions = {
+      boundary: this.boundary || document.body,
+      placement: this.placement,
+      popoverDelay: [200, 0],
+      disabled: this.type === 'title' || !this.isShowTips
+    };
+    var popoverOptions = (0,merge_namespaceObject["default"])(basePopoverOptions, this.popoverOptions);
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "ref": "boxRef",
       "class": "position-relative"
-    }, [(0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
-      "placement": this.placement,
-      "boundary": this.boundary || document.body,
-      "popoverDelay": [200, 0]
-    }, props.popoverOptions, {
-      "disabled": this.type === 'title' || !this.isShowTips
-    }), {
+    }, [(0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], popoverOptions, {
       "default": function _default() {
         return (0,external_vue_namespaceObject.createVNode)("div", (0,external_vue_namespaceObject.mergeProps)({
           "ref": "textRef",

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

@@ -1,25 +1,25 @@
 import { PropType } from 'vue/dist/vue';
 export type TipsType = 'tips' | 'title';
-export type CalType = 'dom' | 'canvas';
+export type CalType = 'canvas' | 'dom';
 export declare enum PlacementEnum {
     AUTO = "auto",
-    AUTO_START = "auto-start",
     AUTO_END = "auto-end",
-    TOP = "top",
-    RIGHT = "right",
+    AUTO_START = "auto-start",
     BOTTOM = "bottom",
-    LEFT = "left",
-    TOP_START = "top-start",
-    TOP_END = "top-end",
-    BOTTOM_START = "bottom-start",
     BOTTOM_END = "bottom-end",
-    RIGHT_START = "right-start",
-    RIGHT_END = "right-end",
+    BOTTOM_START = "bottom-start",
+    LEFT = "left",
+    LEFT_END = "left-end",
     LEFT_START = "left-start",
-    LEFT_END = "left-end"
+    RIGHT = "right",
+    RIGHT_END = "right-end",
+    RIGHT_START = "right-start",
+    TOP = "top",
+    TOP_END = "top-end",
+    TOP_START = "top-start"
 }
-export declare function placementType(): import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-    default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+export declare function placementType(): import("vue-types").VueTypeValidableDef<"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"> & {
+    default: "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";
 };
 declare const _default: {
     content: import("vue-types").VueTypeValidableDef<string> & {
@@ -28,19 +28,16 @@ declare const _default: {
     type: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    calType: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
     boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
         default: string | (() => HTMLElement);
     };
-    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-        default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    placement: import("vue-types").VueTypeValidableDef<"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"> & {
+        default: "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";
     };
     resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-    popoverOptions: PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+    popoverOptions: PropType<Partial<Readonly<import("@vue/runtime-core").ExtractPropTypes<{
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -56,6 +53,11 @@ declare const _default: {
         } & {
             default: boolean;
         };
+        clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
@@ -71,22 +73,25 @@ declare const _default: {
         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;
         } & {
             default: boolean;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"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"> & {
+            default: "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: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
             default: string;
         };
-        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-            default: "click" | "hover" | "manual";
+        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "click-hover" | "manual"> & {
+            default: "click" | "hover" | "click-hover" | "manual";
         };
         renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
             default: "auto" | "shown";

package/lib/pagination/index.d.ts

@@ -34,7 +34,6 @@ declare const BkPagination: {
         align: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
-        size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         small: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -56,9 +55,6 @@ declare const BkPagination: {
         } & {
             default: boolean;
         };
-        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-            default: (...args: any[]) => any;
-        };
         layout: import("vue-types").VueTypeDef<string[]> & {
             default: () => string[];
         };
@@ -118,7 +114,6 @@ declare const BkPagination: {
         align: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
-        size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         small: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -140,9 +135,6 @@ declare const BkPagination: {
         } & {
             default: boolean;
         };
-        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-            default: (...args: any[]) => any;
-        };
         layout: import("vue-types").VueTypeDef<string[]> & {
             default: () => string[];
         };
@@ -159,7 +151,6 @@ declare const BkPagination: {
         location: string;
         count: number;
         modelValue: number;
-        beforeChange: (...args: any[]) => any;
         prevText: string;
         nextText: string;
         align: string;
@@ -209,7 +200,6 @@ declare const BkPagination: {
         align: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
-        size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         small: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -231,9 +221,6 @@ declare const BkPagination: {
         } & {
             default: boolean;
         };
-        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-            default: (...args: any[]) => any;
-        };
         layout: import("vue-types").VueTypeDef<string[]> & {
             default: () => string[];
         };
@@ -266,7 +253,6 @@ declare const BkPagination: {
         location: string;
         count: number;
         modelValue: number;
-        beforeChange: (...args: any[]) => any;
         prevText: string;
         nextText: string;
         align: string;
@@ -313,7 +299,6 @@ declare const BkPagination: {
     align: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     small: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -335,9 +320,6 @@ declare const BkPagination: {
     } & {
         default: boolean;
     };
-    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-        default: (...args: any[]) => any;
-    };
     layout: import("vue-types").VueTypeDef<string[]> & {
         default: () => string[];
     };
@@ -370,7 +352,6 @@ declare const BkPagination: {
     location: string;
     count: number;
     modelValue: number;
-    beforeChange: (...args: any[]) => any;
     prevText: string;
     nextText: string;
     align: string;