bkui-vue 0.0.2-beta.35 → 0.0.2-beta.37

package/lib/overflow-title/index.js

@@ -1 +1,547 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../popover"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../popover","vue-types"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../popover"),require("vue-types")):t(e["../shared"],e.vue,e["../popover"],e["vue-types"]);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t,o,n)=>(()=>{"use strict";var r={35:(e,t,o)=>{var n=o(9601),r=o.n(n),i=o(2609);o.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 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,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(n)for(var l=0;l<this.length;l++){var u=this[l][0];null!=u&&(a[u]=!0)}for(var s=0;s<e.length;s++){var c=[].concat(e[s]);n&&a[c[0]]||(void 0!==i&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=i),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]}},5537:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t},210:e=>{e.exports=n}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var o=i[e]={id:e,exports:{}};return r[e](o,o.exports,a),o.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{a.r(l),a.d(l,{OverflowTitle:()=>d,default:()=>f,getActualWidthByCanvas:()=>s,getActualWidthByDom:()=>c,overflowTitle:()=>p});var e,t=a(4212),o=a(748),n=a(5537),r=a.n(n),i=a(210);!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"}(e||(e={}));const u={content:t.PropTypes.string,type:t.PropTypes.oneOf(["tips","title"]).def("title"),calType:t.PropTypes.oneOf(["dom","canvas"]).def("dom"),boundary:t.PropTypes.oneOfType([t.PropTypes.string.def("parent"),t.PropTypes.instanceOf(HTMLElement)]).def(document.body),placement:(0,i.string)().def(e.BOTTOM).def(e.TOP_START),resizeable:t.PropTypes.bool},s=function(e,t){var o=t.fontSize,n=void 0===o?14:o,r=t.fontFamily,i=void 0===r?"Microsoft YaHei":r,a=document.createElement("canvas").getContext("2d");a.font="".concat(n,"px ").concat(i);var l=a.measureText(e),u=Math.abs(l.actualBoundingBoxLeft)+Math.abs(l.actualBoundingBoxRight);return Math.max(l.width,u)},c=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,i=n.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,o.append(a);var l=a.clientWidth;return o.removeChild(a),l};a(35);const d=(0,o.defineComponent)({name:"OverflowTitle",props:u,setup:function(e,n){var r=n.slots,i=(0,o.ref)(null),a=(0,o.ref)(null),l=(0,o.ref)(!1),u=(0,o.shallowRef)(),d=(0,o.computed)((function(){var t;return e.content?e.content:null===(t=null==r?void 0:r.default)||void 0===t?void 0:t.call(r)}));return(0,o.onMounted)((function(){var n=i.value.clientWidth,r=(0,t.debounce)(500,(function(){var t,o,r;l.value=!1,u.value={};var p=0;if("dom"===e.calType)p=c(null===(t=a.value)||void 0===t?void 0:t.textContent,null,i.value);else{var f=getComputedStyle(i.value),v=f.fontSize,T=f.fontFamily;p=s(d.value,{fontSize:v,fontFamily:T})}p>n&&(l.value=!0,"title"===e.type&&(u.value={title:null!==(r=null===(o=null==a?void 0:a.value)||void 0===o?void 0:o.innerText)&&void 0!==r?r:e.content}))}));if(r(),e.resizeable){var p=new ResizeObserver(r);p.observe(i.value),(0,o.onBeforeUnmount)((function(){i.value&&(null==p||p.unobserve(i.value)),null==p||p.disconnect()}))}})),{boxRef:i,textRef:a,isShowTips:l,contentText:d,textProps:u}},render:function(){var e=this;return(0,o.createVNode)("div",{ref:"boxRef",class:"position-relative"},[(0,o.createVNode)(r(),{disabled:"title"===this.type||!this.isShowTips,placement:this.placement,boundary:this.boundary||document.body},{default:function(){return(0,o.createVNode)("div",(0,o.mergeProps)({ref:"textRef",class:"text-ov"},e.textProps),[e.contentText])},content:function(){return e.contentText}})])}}),p={mounted:function(e,t){var o=t.value,n=void 0===o?{}:o,r=e.parentElement.clientWidth;if(r){var i=n.content,a=n.calType,l=void 0===a?"dom":a,u=i||e.innerText,d=0;if("dom"===l)d=c(e.textContent,null,e.parentElement);else{var p=getComputedStyle(e),f=p.fontSize,v=p.fontFamily;d=s(u,{fontSize:f,fontFamily:v})}d>r&&e.setAttribute("title",u)}}},f=(0,t.withInstall)(d)})(),l})()));
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("../shared"), require("vue"), require("../popover"), require("vue-types"));
+	else if(typeof define === 'function' && define.amd)
+		define(["../shared", "vue", "../popover", "vue-types"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("../shared"), require("vue"), require("../popover"), require("vue-types")) : factory(root["../shared"], root["vue"], root["../popover"], root["vue-types"]);
+		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__, __WEBPACK_EXTERNAL_MODULE__210__) => {
+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 {
+  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];
+};
+
+/***/ }),
+
+/***/ 5537:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__5537__;
+
+/***/ }),
+
+/***/ 4212:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__4212__;
+
+/***/ }),
+
+/***/ 748:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__748__;
+
+/***/ }),
+
+/***/ 210:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__210__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// 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 */ overflow_title),
+  "default": () => (/* binding */ src),
+  getActualWidthByCanvas: () => (/* reexport */ utils_getActualWidthByCanvas),
+  getActualWidthByDom: () => (/* reexport */ utils_getActualWidthByDom),
+  overflowTitle: () => (/* reexport */ directive_overflow_title)
+});
+
+// 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_);
+// EXTERNAL MODULE: external "vue-types"
+var external_vue_types_ = __webpack_require__(210);
+;// 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["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_.string)().def(PlacementEnum.BOTTOM);
+}
+/* harmony default export */ const props = ({
+  content: external_shared_.PropTypes.string,
+  type: external_shared_.PropTypes.oneOf(['tips', 'title']).def('title'),
+  calType: external_shared_.PropTypes.oneOf(['dom', 'canvas']).def('dom'),
+  boundary: external_shared_.PropTypes.oneOfType([external_shared_.PropTypes.string.def('parent'), external_shared_.PropTypes.instanceOf(HTMLElement)]).def(document.body),
+  placement: placementType().def(PlacementEnum.TOP_START),
+  resizeable: external_shared_.PropTypes.bool
+});
+;// 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
+
+/*
+* 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 overflow_title = ((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 () {
+        var _a, _b, _c;
+        isShowTips.value = false;
+        textProps.value = {};
+        var textWidth = 0;
+        if (props.calType === 'dom') {
+          textWidth = utils_getActualWidthByDom((_a = textRef.value) === null || _a === void 0 ? void 0 : _a.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: (_c = (_b = textRef === null || textRef === void 0 ? void 0 : textRef.value) === null || _b === void 0 ? void 0 : _b.innerText) !== null && _c !== void 0 ? _c : props.content
+            };
+          }
+        }
+      });
+      resizeHandler();
+      if (props.resizeable) {
+        var observer = new ResizeObserver(resizeHandler);
+        observer.observe(boxRef.value);
+        (0,external_vue_.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_.createVNode)("div", {
+      "ref": "boxRef",
+      "class": "position-relative"
+    }, [(0,external_vue_.createVNode)((external_popover_default()), {
+      "disabled": this.type === 'title' || !this.isShowTips,
+      "placement": this.placement,
+      "boundary": this.boundary || document.body
+    }, {
+      "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/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_.withInstall)(overflow_title);
+
+/* harmony default export */ const src = (BkOverflowTitle);
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});