bkui-vue 0.0.1-beta.393 → 0.0.1-beta.394

package/lib/overflow-title/index.js

@@ -1,512 +1 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("../shared"), require("vue"), require("../popover"));
-	else if(typeof define === 'function' && define.amd)
-		define(["../shared", "vue", "../popover"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("../shared"), require("vue"), require("../popover")) : factory(root["../shared"], root["vue"], root["../popover"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
-})(self, (__WEBPACK_EXTERNAL_MODULE__4212__, __WEBPACK_EXTERNAL_MODULE__748__, __WEBPACK_EXTERNAL_MODULE__5537__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	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 {\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", ""]);
-// 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];
-};
-
-/***/ }),
-
-/***/ 5537:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__5537__;
-
-/***/ }),
-
-/***/ 4212:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__4212__;
-
-/***/ }),
-
-/***/ 748:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__748__;
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// 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))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-(() => {
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "OverflowTitle": () => (/* reexport */ OverflowTitle),
-  "default": () => (/* binding */ src),
-  "getActualWidthByCanvas": () => (/* reexport */ utils_getActualWidthByCanvas),
-  "getActualWidthByDom": () => (/* reexport */ utils_getActualWidthByDom),
-  "overflowTitle": () => (/* reexport */ directive_overflowTitle)
-});
-
-// EXTERNAL MODULE: external "../shared"
-var external_shared_ = __webpack_require__(4212);
-// EXTERNAL MODULE: external "vue"
-var external_vue_ = __webpack_require__(748);
-// EXTERNAL MODULE: external "../popover"
-var external_popover_ = __webpack_require__(5537);
-var external_popover_default = /*#__PURE__*/__webpack_require__.n(external_popover_);
-;// CONCATENATED MODULE: ../../packages/overflow-title/src/props.ts
-/* harmony default export */ const props = ({
-  content: String,
-  type: {
-    type: String,
-    "default": 'title'
-  },
-  calType: {
-    type: String,
-    "default": 'dom'
-  },
-  resizeable: Boolean
-});
-;// 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;
-
-  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/OverflowTitle.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.
-*/
-
-
-
-
-
-
-
-/* harmony default export */ const OverflowTitle = ((0,external_vue_.defineComponent)({
-  name: 'OverflowTitle',
-  props: props,
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots;
-    var boxRef = (0,external_vue_.ref)(null);
-    var textRef = (0,external_vue_.ref)(null);
-    var isShowTips = (0,external_vue_.ref)(false);
-    var textProps = (0,external_vue_.shallowRef)();
-    var contentText = (0,external_vue_.computed)(function () {
-      var _a;
-
-      if (props.content) {
-        return props.content;
-      }
-
-      return (_a = slots === null || slots === void 0 ? void 0 : slots["default"]) === null || _a === void 0 ? void 0 : _a.call(slots);
-    });
-    (0,external_vue_.onMounted)(function () {
-      var clientWidth = boxRef.value.clientWidth;
-      var resizeHandler = (0,external_shared_.debounce)(500, function () {
-        isShowTips.value = false;
-        textProps.value = {};
-        var textWidth = 0;
-
-        if (props.calType === 'dom') {
-          textWidth = utils_getActualWidthByDom(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') {
-            textProps.value = {
-              title: textRef.value.innerText
-            };
-          }
-        }
-      });
-      resizeHandler();
-
-      if (props.resizeable) {
-        var observer = new ResizeObserver(resizeHandler);
-        observer.observe(boxRef.value);
-        (0,external_vue_.onUnmounted)(function () {
-          observer.unobserve(boxRef.value);
-          observer.disconnect();
-        });
-      }
-    });
-    return {
-      boxRef: boxRef,
-      textRef: textRef,
-      isShowTips: isShowTips,
-      contentText: contentText,
-      textProps: textProps
-    };
-  },
-  render: function render() {
-    var _this = this;
-
-    return (0,external_vue_.createVNode)("div", {
-      "ref": "boxRef",
-      "class": "position-relative"
-    }, [(0,external_vue_.createVNode)((external_popover_default()), {
-      "disabled": this.type === 'title'
-    }, {
-      "default": function _default() {
-        return (0,external_vue_.createVNode)("div", (0,external_vue_.mergeProps)({
-          "ref": "textRef",
-          "class": "text-ov"
-        }, _this.textProps), [_this.contentText]);
-      },
-      content: function content() {
-        return _this.contentText;
-      }
-    })]);
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/overflow-title/src/directive/overflowTitle.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_overflowTitle = (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_.withInstall)(OverflowTitle);
-
-/* harmony default export */ const src = (BkOverflowTitle);
-})();
-
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../popover"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../popover"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../popover")):t(e["../shared"],e.vue,e["../popover"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n)=>(()=>{"use strict";var o={35:(e,t,n)=>{var o=n(9601),r=n.n(o),i=n(2609);n.n(i)()(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 n="",o=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),o&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),o&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,o,r,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(o)for(var l=0;l<this.length;l++){var u=this[l][0];null!=u&&(a[u]=!0)}for(var c=0;c<e.length;c++){var f=[].concat(e[c]);o&&a[f[0]]||(void 0!==i&&(void 0===f[5]||(f[1]="@layer".concat(f[5].length>0?" ".concat(f[5]):""," {").concat(f[1],"}")),f[5]=i),n&&(f[2]?(f[1]="@media ".concat(f[2]," {").concat(f[1],"}"),f[2]=n):f[2]=n),r&&(f[4]?(f[1]="@supports (".concat(f[4],") {").concat(f[1],"}"),f[4]=r):f[4]="".concat(r)),t.push(f))}},t}},9601:e=>{e.exports=function(e){return e[1]}},5537:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={id:e,exports:{}};return o[e](n,n.exports,i),n.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 n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{OverflowTitle:()=>c,default:()=>s,getActualWidthByCanvas:()=>l,getActualWidthByDom:()=>u,overflowTitle:()=>f});var e=i(4212),t=i(748),n=i(5537),o=i.n(n);const r={content:String,type:{type:String,default:"title"},calType:{type:String,default:"dom"},resizeable:Boolean},l=function(e,t){var n=t.fontSize,o=void 0===n?14:n,r=t.fontFamily,i=void 0===r?"Microsoft YaHei":r,a=document.createElement("canvas").getContext("2d");a.font="".concat(o,"px ").concat(i);var l=a.measureText(e),u=Math.abs(l.actualBoundingBoxLeft)+Math.abs(l.actualBoundingBoxRight);return Math.max(l.width,u)},u=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:document.body,o=t||{},r=o.fontSize,i=o.fontFamily,a=document.createElement("div");a.style.cssText="position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;\n    ".concat(r?"font-size:".concat(r," ;"):"","\n    ").concat(i?"font-family:".concat(i," "):"","\n  "),a.innerText=e,n.append(a);var l=a.clientWidth;return n.removeChild(a),l};i(35);const c=(0,t.defineComponent)({name:"OverflowTitle",props:r,setup:function(n,o){var r=o.slots,i=(0,t.ref)(null),a=(0,t.ref)(null),c=(0,t.ref)(!1),f=(0,t.shallowRef)(),s=(0,t.computed)((function(){var e;return n.content?n.content:null===(e=null==r?void 0:r.default)||void 0===e?void 0:e.call(r)}));return(0,t.onMounted)((function(){var o=i.value.clientWidth,r=(0,e.debounce)(500,(function(){c.value=!1,f.value={};var e=0;if("dom"===n.calType)e=u(a.value.textContent,null,i.value);else{var t=getComputedStyle(i.value),r=t.fontSize,v=t.fontFamily;e=l(s.value,{fontSize:r,fontFamily:v})}e>o&&(c.value=!0,"title"===n.type&&(f.value={title:a.value.innerText}))}));if(r(),n.resizeable){var v=new ResizeObserver(r);v.observe(i.value),(0,t.onUnmounted)((function(){v.unobserve(i.value),v.disconnect()}))}})),{boxRef:i,textRef:a,isShowTips:c,contentText:s,textProps:f}},render:function(){var e=this;return(0,t.createVNode)("div",{ref:"boxRef",class:"position-relative"},[(0,t.createVNode)(o(),{disabled:"title"===this.type},{default:function(){return(0,t.createVNode)("div",(0,t.mergeProps)({ref:"textRef",class:"text-ov"},e.textProps),[e.contentText])},content:function(){return e.contentText}})])}}),f={mounted:function(e,t){var n=t.value,o=void 0===n?{}:n,r=e.parentElement.clientWidth;if(r){var i=o.content,a=o.calType,c=void 0===a?"dom":a,f=i||e.innerText,s=0;if("dom"===c)s=u(e.textContent,null,e.parentElement);else{var v=getComputedStyle(e),d=v.fontSize,p=v.fontFamily;s=l(f,{fontSize:d,fontFamily:p})}s>r&&e.setAttribute("title",f)}}},s=(0,e.withInstall)(c)})(),a})()));