bkui-vue 2.0.1-beta.70.search.1 → 2.0.1-beta.72

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;
@@ -59,8 +56,8 @@ declare const BkOverflowTitle: {
             } & {
                 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;
@@ -165,14 +162,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;
@@ -214,8 +208,8 @@ declare const BkOverflowTitle: {
             } & {
                 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;
@@ -308,9 +302,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 +319,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;
@@ -375,8 +365,8 @@ declare const BkOverflowTitle: {
             } & {
                 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;
@@ -477,9 +467,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 +481,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;
@@ -541,8 +527,8 @@ declare const BkOverflowTitle: {
         } & {
             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;
@@ -643,9 +629,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

@@ -41,7 +41,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({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.debounce, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.debounce, ["hasOverflowEllipsis"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.hasOverflowEllipsis, ["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
@@ -59,25 +59,50 @@ var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); retur
 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,53 +110,45 @@ 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,
   popoverOptions: Object // popover属性
 });
-;// CONCATENATED MODULE: ../../packages/overflow-title/src/utils/getActualWidthByCanvas.ts
-function getActualWidthByCanvas(text, options) {
-  var _options$fontSize = options.fontSize,
-    fontSize = _options$fontSize === void 0 ? 14 : _options$fontSize,
-    _options$fontFamily = options.fontFamily,
-    fontFamily = _options$fontFamily === void 0 ? 'Microsoft YaHei' : _options$fontFamily;
-  var canvas = document.createElement('canvas');
-  var ctx = canvas.getContext('2d');
-  ctx.font = "".concat(fontSize, "px ").concat(fontFamily);
-  var metrics = ctx.measureText(text);
-  var actual = Math.abs(metrics.actualBoundingBoxLeft) + Math.abs(metrics.actualBoundingBoxRight);
-  return Math.max(metrics.width, actual);
-}
-/* harmony default export */ const utils_getActualWidthByCanvas = (getActualWidthByCanvas);
-;// CONCATENATED MODULE: ../../packages/overflow-title/src/utils/getActualWidthByDom.ts
-function getActualWidthByDom(text, options) {
-  var dom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : document.body;
-  if (!dom) {
-    return 0;
-  }
-  var _ref = options || {},
-    fontSize = _ref.fontSize,
-    fontFamily = _ref.fontFamily;
-  var tempDom = document.createElement('div');
-  tempDom.style.cssText = "position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;\n    ".concat(fontSize ? "font-size:".concat(fontSize, " ;") : '', "\n    ").concat(fontFamily ? "font-family:".concat(fontFamily, " ") : '', "\n  ");
-  tempDom.innerText = text;
-  dom.append(tempDom);
-  var clientWidth = tempDom.clientWidth;
-  dom.removeChild(tempDom);
-  return clientWidth;
-}
-/* harmony default export */ const utils_getActualWidthByDom = (getActualWidthByDom);
 ;// 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.
+ */
 
 
 
 
 
-
-
+// import getActualWidthByCanvas from '../utils/getActualWidthByCanvas';
+// import getActualWidthByDom from '../utils/getActualWidthByDom';
 /* harmony default export */ const overflow_title = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'OverflowTitle',
   props: props,
@@ -149,29 +166,23 @@ function getActualWidthByDom(text, options) {
       return slots === null || slots === void 0 || (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
     });
     (0,external_vue_namespaceObject.onMounted)(function () {
-      var clientWidth = boxRef.value.clientWidth;
+      // const { clientWidth } = boxRef.value;
       var resizeHandler = (0,shared_namespaceObject.debounce)(500, function () {
         isShowTips.value = false;
         textProps.value = {};
-        var textWidth = 0;
-        if (props.calType === 'dom') {
-          var _textRef$value;
-          textWidth = utils_getActualWidthByDom((_textRef$value = textRef.value) === null || _textRef$value === void 0 ? void 0 : _textRef$value.textContent, null, boxRef.value);
-        } else {
-          var _getComputedStyle = getComputedStyle(boxRef.value),
-            fontSize = _getComputedStyle.fontSize,
-            fontFamily = _getComputedStyle.fontFamily;
-          textWidth = utils_getActualWidthByCanvas(contentText.value, {
-            fontSize: fontSize,
-            fontFamily: fontFamily
-          });
-        }
-        if (textWidth > clientWidth) {
+        // let textWidth = 0;
+        // if (props.calType === 'dom') {
+        //   textWidth = getActualWidthByDom(textRef.value?.textContent, null, boxRef.value);
+        // } else {
+        //   const { fontSize, fontFamily } = getComputedStyle(boxRef.value);
+        //   textWidth = getActualWidthByCanvas(contentText.value as string, { fontSize, fontFamily });
+        // }
+        if ((0,shared_namespaceObject.hasOverflowEllipsis)(textRef.value)) {
           isShowTips.value = true;
           if (props.type === 'title') {
-            var _textRef$value$innerT, _textRef$value2;
+            var _textRef$value$innerT, _textRef$value;
             textProps.value = {
-              title: (_textRef$value$innerT = textRef === null || textRef === void 0 || (_textRef$value2 = textRef.value) === null || _textRef$value2 === void 0 ? void 0 : _textRef$value2.innerText) !== null && _textRef$value$innerT !== void 0 ? _textRef$value$innerT : props.content
+              title: (_textRef$value$innerT = textRef === null || textRef === void 0 || (_textRef$value = textRef.value) === null || _textRef$value === void 0 ? void 0 : _textRef$value.innerText) !== null && _textRef$value$innerT !== void 0 ? _textRef$value$innerT : props.content
             };
           }
         }
@@ -200,8 +211,8 @@ function getActualWidthByDom(text, options) {
       "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,
+      "placement": this.placement,
       "popoverDelay": [200, 0]
     }, props.popoverOptions, {
       "disabled": this.type === 'title' || !this.isShowTips
@@ -218,6 +229,38 @@ function getActualWidthByDom(text, options) {
     })]);
   }
 }));
+;// CONCATENATED MODULE: ../../packages/overflow-title/src/utils/getActualWidthByCanvas.ts
+function getActualWidthByCanvas(text, options) {
+  var _options$fontSize = options.fontSize,
+    fontSize = _options$fontSize === void 0 ? 14 : _options$fontSize,
+    _options$fontFamily = options.fontFamily,
+    fontFamily = _options$fontFamily === void 0 ? 'Microsoft YaHei' : _options$fontFamily;
+  var canvas = document.createElement('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.font = "".concat(fontSize, "px ").concat(fontFamily);
+  var metrics = ctx.measureText(text);
+  var actual = Math.abs(metrics.actualBoundingBoxLeft) + Math.abs(metrics.actualBoundingBoxRight);
+  return Math.max(metrics.width, actual);
+}
+/* harmony default export */ const utils_getActualWidthByCanvas = (getActualWidthByCanvas);
+;// CONCATENATED MODULE: ../../packages/overflow-title/src/utils/getActualWidthByDom.ts
+function getActualWidthByDom(text, options) {
+  var dom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : document.body;
+  if (!dom) {
+    return 0;
+  }
+  var _ref = options || {},
+    fontSize = _ref.fontSize,
+    fontFamily = _ref.fontFamily;
+  var tempDom = document.createElement('div');
+  tempDom.style.cssText = "position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;\n    ".concat(fontSize ? "font-size:".concat(fontSize, " ;") : '', "\n    ").concat(fontFamily ? "font-family:".concat(fontFamily, " ") : '', "\n  ");
+  tempDom.innerText = text;
+  dom.append(tempDom);
+  var clientWidth = tempDom.clientWidth;
+  dom.removeChild(tempDom);
+  return clientWidth;
+}
+/* harmony default export */ const utils_getActualWidthByDom = (getActualWidthByDom);
 ;// CONCATENATED MODULE: ../../packages/overflow-title/src/directive/overflow-title.ts
 
 

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;
         } & {
@@ -77,8 +74,8 @@ declare const _default: {
         } & {
             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;

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;