bkui-vue 0.0.2-beta.81 → 0.0.2-beta.82

package/lib/overflow-title/index.js

@@ -1,461 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
-import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__ from "../popover";
-import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
-/******/ var __webpack_modules__ = ({
-
-/***/ 35:
-/***/ ((module, __unused_webpack___webpack_exports__, __webpack_require__) => {
-
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2609);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.text-ov {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.position-relative {
-  position: relative;
-}
-.position-absolute {
-  position: absolute;
-}
-`, ""]);
-// Exports
-/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (___CSS_LOADER_EXPORT___)));
-
-
-/***/ }),
-
-/***/ 2609:
-/***/ ((module) => {
-
-
-
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-module.exports = function (cssWithMappingToString) {
-  var list = [];
-
-  // return the list of modules as css string
-  list.toString = function toString() {
-    return this.map(function (item) {
-      var content = "";
-      var needLayer = typeof item[5] !== "undefined";
-      if (item[4]) {
-        content += "@supports (".concat(item[4], ") {");
-      }
-      if (item[2]) {
-        content += "@media ".concat(item[2], " {");
-      }
-      if (needLayer) {
-        content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
-      }
-      content += cssWithMappingToString(item);
-      if (needLayer) {
-        content += "}";
-      }
-      if (item[2]) {
-        content += "}";
-      }
-      if (item[4]) {
-        content += "}";
-      }
-      return content;
-    }).join("");
-  };
-
-  // import a list of modules into the list
-  list.i = function i(modules, media, dedupe, supports, layer) {
-    if (typeof modules === "string") {
-      modules = [[null, modules, undefined]];
-    }
-    var alreadyImportedModules = {};
-    if (dedupe) {
-      for (var k = 0; k < this.length; k++) {
-        var id = this[k][0];
-        if (id != null) {
-          alreadyImportedModules[id] = true;
-        }
-      }
-    }
-    for (var _k = 0; _k < modules.length; _k++) {
-      var item = [].concat(modules[_k]);
-      if (dedupe && alreadyImportedModules[item[0]]) {
-        continue;
-      }
-      if (typeof layer !== "undefined") {
-        if (typeof item[5] === "undefined") {
-          item[5] = layer;
-        } else {
-          item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
-          item[5] = layer;
-        }
-      }
-      if (media) {
-        if (!item[2]) {
-          item[2] = media;
-        } else {
-          item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
-          item[2] = media;
-        }
-      }
-      if (supports) {
-        if (!item[4]) {
-          item[4] = "".concat(supports);
-        } else {
-          item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
-          item[4] = supports;
-        }
-      }
-      list.push(item);
-    }
-  };
-  return list;
-};
-
-/***/ }),
-
-/***/ 9601:
-/***/ ((module) => {
-
-
-
-module.exports = function (i) {
-  return i[1];
-};
-
-/***/ })
-
-/******/ });
-/************************************************************************/
-/******/ // The module cache
-/******/ var __webpack_module_cache__ = {};
-/******/ 
-/******/ // The require function
-/******/ function __webpack_require__(moduleId) {
-/******/ 	// Check if module is in cache
-/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 	if (cachedModule !== undefined) {
-/******/ 		return cachedModule.exports;
-/******/ 	}
-/******/ 	// Create a new module (and put it into the cache)
-/******/ 	var module = __webpack_module_cache__[moduleId] = {
-/******/ 		id: moduleId,
-/******/ 		// no module.loaded needed
-/******/ 		exports: {}
-/******/ 	};
-/******/ 
-/******/ 	// Execute the module function
-/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 
-/******/ 	// Return the exports of the module
-/******/ 	return module.exports;
-/******/ }
-/******/ 
-/************************************************************************/
-/******/ /* webpack/runtime/compat get default export */
-/******/ (() => {
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = (module) => {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			() => (module['default']) :
-/******/ 			() => (module);
-/******/ 		__webpack_require__.d(getter, { a: getter });
-/******/ 		return getter;
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/define property getters */
-/******/ (() => {
-/******/ 	// define getter functions for harmony exports
-/******/ 	__webpack_require__.d = (exports, definition) => {
-/******/ 		for(var key in definition) {
-/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 			}
-/******/ 		}
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/hasOwnProperty shorthand */
-/******/ (() => {
-/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ })();
-/******/ 
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-(() => {
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  p1: () => (/* reexport */ overflow_title),
-  ZP: () => (/* binding */ src),
-  si: () => (/* reexport */ utils_getActualWidthByCanvas),
-  ZF: () => (/* reexport */ utils_getActualWidthByDom),
-  $s: () => (/* reexport */ directive_overflow_title)
-});
-
-;// CONCATENATED MODULE: external "../shared"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.debounce, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.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
-const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["shallowRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef });
-;// CONCATENATED MODULE: external "../popover"
-var external_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_popover_y = x => () => x
-const external_popover_namespaceObject = external_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__["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
-
-
-var PlacementEnum;
-(function (PlacementEnum) {
-  PlacementEnum["AUTO"] = "auto";
-  PlacementEnum["AUTO_START"] = "auto-start";
-  PlacementEnum["AUTO_END"] = "auto-end";
-  PlacementEnum["TOP"] = "top";
-  PlacementEnum["RIGHT"] = "right";
-  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["LEFT_END"] = "left-end";
-})(PlacementEnum || (PlacementEnum = {}));
-function placementType() {
-  return (0,external_vue_types_namespaceObject.string)().def(PlacementEnum.BOTTOM);
-}
-/* harmony default export */ const props = ({
-  content: external_shared_namespaceObject.PropTypes.string,
-  type: external_shared_namespaceObject.PropTypes.oneOf(['tips', 'title']).def('title'),
-  calType: external_shared_namespaceObject.PropTypes.oneOf(['dom', 'canvas']).def('dom'),
-  boundary: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string.def('parent'), external_shared_namespaceObject.PropTypes.instanceOf(HTMLElement)]).def(document.body),
-  placement: placementType().def(PlacementEnum.TOP_START),
-  resizeable: external_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);
-// EXTERNAL MODULE: ../../packages/overflow-title/src/overflow.less
-var overflow = __webpack_require__(35);
-;// CONCATENATED MODULE: ../../packages/overflow-title/src/components/overflow-title.tsx
-
-
-
-
-
-
-
-
-/* harmony default export */ const overflow_title = ((0,external_vue_namespaceObject.defineComponent)({
-  name: 'OverflowTitle',
-  props: props,
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots;
-    var boxRef = (0,external_vue_namespaceObject.ref)(null);
-    var textRef = (0,external_vue_namespaceObject.ref)(null);
-    var isShowTips = (0,external_vue_namespaceObject.ref)(false);
-    var textProps = (0,external_vue_namespaceObject.shallowRef)();
-    var contentText = (0,external_vue_namespaceObject.computed)(function () {
-      var _slots$default;
-      if (props.content) {
-        return props.content;
-      }
-      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;
-      var resizeHandler = (0,external_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) {
-          isShowTips.value = true;
-          if (props.type === 'title') {
-            var _textRef$value$innerT, _textRef$value2;
-            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
-            };
-          }
-        }
-      });
-      resizeHandler();
-      if (props.resizeable) {
-        var observer = new ResizeObserver(resizeHandler);
-        observer.observe(boxRef.value);
-        (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
-          boxRef.value && (observer === null || observer === void 0 ? void 0 : observer.unobserve(boxRef.value));
-          observer === null || observer === void 0 ? void 0 : observer.disconnect();
-        });
-      }
-    });
-    return {
-      boxRef: boxRef,
-      textRef: textRef,
-      isShowTips: isShowTips,
-      contentText: contentText,
-      textProps: textProps
-    };
-  },
-  render: function render() {
-    var _this = this;
-    return (0,external_vue_namespaceObject.createVNode)("div", {
-      "ref": "boxRef",
-      "class": "position-relative"
-    }, [(0,external_vue_namespaceObject.createVNode)(external_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
-    }), {
-      "default": function _default() {
-        return (0,external_vue_namespaceObject.createVNode)("div", (0,external_vue_namespaceObject.mergeProps)({
-          "ref": "textRef",
-          "class": "text-ov"
-        }, _this.textProps), [_this.contentText]);
-      },
-      content: function content() {
-        return _this.contentText;
-      }
-    })]);
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/overflow-title/src/directive/overflow-title.ts
-
-
-var overflowTitle = {
-  mounted: function mounted(el, _ref) {
-    var _ref$value = _ref.value,
-      value = _ref$value === void 0 ? {} : _ref$value;
-    var clientWidth = el.parentElement.clientWidth;
-    if (!clientWidth) {
-      return;
-    }
-    var content = value.content,
-      _value$calType = value.calType,
-      calType = _value$calType === void 0 ? 'dom' : _value$calType;
-    var text = content || el.innerText;
-    var textWidth = 0;
-    if (calType === 'dom') {
-      textWidth = utils_getActualWidthByDom(el.textContent, null, el.parentElement);
-    } else {
-      var _getComputedStyle = getComputedStyle(el),
-        fontSize = _getComputedStyle.fontSize,
-        fontFamily = _getComputedStyle.fontFamily;
-      textWidth = utils_getActualWidthByCanvas(text, {
-        fontSize: fontSize,
-        fontFamily: fontFamily
-      });
-    }
-    if (textWidth > clientWidth) {
-      el.setAttribute('title', text);
-    }
-  }
-};
-/* harmony default export */ const directive_overflow_title = (overflowTitle);
-;// CONCATENATED MODULE: ../../packages/overflow-title/src/index.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 BkOverflowTitle = (0,external_shared_namespaceObject.withInstall)(overflow_title);
-
-/* harmony default export */ const src = (BkOverflowTitle);
-})();
-
-var __webpack_exports__OverflowTitle = __webpack_exports__.p1;
-var __webpack_exports__default = __webpack_exports__.ZP;
-var __webpack_exports__getActualWidthByCanvas = __webpack_exports__.si;
-var __webpack_exports__getActualWidthByDom = __webpack_exports__.ZF;
-var __webpack_exports__overflowTitle = __webpack_exports__.$s;
-export { __webpack_exports__OverflowTitle as OverflowTitle, __webpack_exports__default as default, __webpack_exports__getActualWidthByCanvas as getActualWidthByCanvas, __webpack_exports__getActualWidthByDom as getActualWidthByDom, __webpack_exports__overflowTitle as overflowTitle };
+import*as e from"../shared";import*as t from"vue";import*as o from"../popover";import*as n from"vue-types";var r={35:(e,t,o)=>{var n=o(9601),r=o.n(n),a=o(2609);o.n(a)()(r()).push([e.id,".text-ov {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.position-relative {\n  position: relative;\n}\n.position-absolute {\n  position: absolute;\n}\n",""])},2609:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var o="",n=void 0!==t[5];return t[4]&&(o+="@supports (".concat(t[4],") {")),t[2]&&(o+="@media ".concat(t[2]," {")),n&&(o+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),o+=e(t),n&&(o+="}"),t[2]&&(o+="}"),t[4]&&(o+="}"),o})).join("")},t.i=function(e,o,n,r,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(n)for(var l=0;l<this.length;l++){var s=this[l][0];null!=s&&(i[s]=!0)}for(var u=0;u<e.length;u++){var c=[].concat(e[u]);n&&i[c[0]]||(void 0!==a&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=a),o&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=o):c[2]=o),r&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=r):c[4]="".concat(r)),t.push(c))}},t}},9601:e=>{e.exports=function(e){return e[1]}}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var o=a[e]={id:e,exports:{}};return r[e](o,o.exports,i),o.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var l={};(()=>{i.d(l,{p1:()=>T,ZP:()=>h,si:()=>v,ZF:()=>m,$s:()=>y});const r=(a={PropTypes:()=>e.PropTypes,debounce:()=>e.debounce,withInstall:()=>e.withInstall},s={},i.d(s,a),s);var a,s;const u=(e=>{var t={};return i.d(t,e),t})({computed:()=>t.computed,createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,mergeProps:()=>t.mergeProps,onBeforeUnmount:()=>t.onBeforeUnmount,onMounted:()=>t.onMounted,ref:()=>t.ref,shallowRef:()=>t.shallowRef}),c=(e=>{var t={};return i.d(t,e),t})({default:()=>o.default}),d=(e=>{var t={};return i.d(t,e),t})({string:()=>n.string});var p;!function(e){e.AUTO="auto",e.AUTO_START="auto-start",e.AUTO_END="auto-end",e.TOP="top",e.RIGHT="right",e.BOTTOM="bottom",e.LEFT="left",e.TOP_START="top-start",e.TOP_END="top-end",e.BOTTOM_START="bottom-start",e.BOTTOM_END="bottom-end",e.RIGHT_START="right-start",e.RIGHT_END="right-end",e.LEFT_START="left-start",e.LEFT_END="left-end"}(p||(p={}));const f={content:r.PropTypes.string,type:r.PropTypes.oneOf(["tips","title"]).def("title"),calType:r.PropTypes.oneOf(["dom","canvas"]).def("dom"),boundary:r.PropTypes.oneOfType([r.PropTypes.string.def("parent"),r.PropTypes.instanceOf(HTMLElement)]).def(document.body),placement:(0,d.string)().def(p.BOTTOM).def(p.TOP_START),resizeable:r.PropTypes.bool,popoverOptions:Object},v=function(e,t){var o=t.fontSize,n=void 0===o?14:o,r=t.fontFamily,a=void 0===r?"Microsoft YaHei":r,i=document.createElement("canvas").getContext("2d");i.font="".concat(n,"px ").concat(a);var l=i.measureText(e),s=Math.abs(l.actualBoundingBoxLeft)+Math.abs(l.actualBoundingBoxRight);return Math.max(l.width,s)},m=function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:document.body;if(!o)return 0;var n=t||{},r=n.fontSize,a=n.fontFamily,i=document.createElement("div");i.style.cssText="position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;\n    ".concat(r?"font-size:".concat(r," ;"):"","\n    ").concat(a?"font-family:".concat(a," "):"","\n  "),i.innerText=e,o.append(i);var l=i.clientWidth;return o.removeChild(i),l};i(35);const T=(0,u.defineComponent)({name:"OverflowTitle",props:f,setup:function(e,t){var o=t.slots,n=(0,u.ref)(null),a=(0,u.ref)(null),i=(0,u.ref)(!1),l=(0,u.shallowRef)(),s=(0,u.computed)((function(){var t;return e.content?e.content:null===(t=null==o?void 0:o.default)||void 0===t?void 0:t.call(o)}));return(0,u.onMounted)((function(){var t=n.value.clientWidth,o=(0,r.debounce)(500,(function(){var o,r,u;i.value=!1,l.value={};var c=0;if("dom"===e.calType)c=m(null===(o=a.value)||void 0===o?void 0:o.textContent,null,n.value);else{var d=getComputedStyle(n.value),p=d.fontSize,f=d.fontFamily;c=v(s.value,{fontSize:p,fontFamily:f})}c>t&&(i.value=!0,"title"===e.type&&(l.value={title:null!==(u=null===(r=null==a?void 0:a.value)||void 0===r?void 0:r.innerText)&&void 0!==u?u:e.content}))}));if(o(),e.resizeable){var c=new ResizeObserver(o);c.observe(n.value),(0,u.onBeforeUnmount)((function(){n.value&&(null==c||c.unobserve(n.value)),null==c||c.disconnect()}))}})),{boxRef:n,textRef:a,isShowTips:i,contentText:s,textProps:l}},render:function(){var e=this;return(0,u.createVNode)("div",{ref:"boxRef",class:"position-relative"},[(0,u.createVNode)(c.default,(0,u.mergeProps)({placement:this.placement,boundary:this.boundary||document.body,popoverDelay:[200,0]},f.popoverOptions,{disabled:"title"===this.type||!this.isShowTips}),{default:function(){return(0,u.createVNode)("div",(0,u.mergeProps)({ref:"textRef",class:"text-ov"},e.textProps),[e.contentText])},content:function(){return e.contentText}})])}}),y={mounted:function(e,t){var o=t.value,n=void 0===o?{}:o,r=e.parentElement.clientWidth;if(r){var a=n.content,i=n.calType,l=void 0===i?"dom":i,s=a||e.innerText,u=0;if("dom"===l)u=m(e.textContent,null,e.parentElement);else{var c=getComputedStyle(e),d=c.fontSize,p=c.fontFamily;u=v(s,{fontSize:d,fontFamily:p})}u>r&&e.setAttribute("title",s)}}},h=(0,r.withInstall)(T)})();var s=l.p1,u=l.ZP,c=l.si,d=l.ZF,p=l.$s;export{s as OverflowTitle,u as default,c as getActualWidthByCanvas,d as getActualWidthByDom,p as overflowTitle};