element-gui/lib/text-ellipsis.js

A Component Library for Vue.js.

module.exports=function(t){var e={};function i(n){if(e[n])return e[n].exports;var r=e[n]={i:n,l:!1,exports:{}};return t[n].call(r.exports,r,r.exports,i),r.l=!0,r.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)i.d(n,r,function(e){return t[e]}.bind(null,r));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="/dist/",i(i.s=141)}({0:function(t,e,i){"use strict";function n(t,e,i,n,r,o,l,s){var a,u="function"==typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=i,u._compiled=!0),n&&(u.functional=!0),o&&(u._scopeId="data-v-"+o),l?(a=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(l)},u._ssrRegister=a):r&&(a=s?function(){r.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:r),a)if(u.functional){u._injectStyles=a;var c=u.render;u.render=function(t,e){return a.call(e),c(t,e)}}else{var f=u.beforeCreate;u.beforeCreate=f?[].concat(f,a):[a]}return{exports:t,options:u}}i.d(e,"a",(function(){return n}))},141:function(t,e,i){"use strict";i.r(e);var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"el-text-ellipsis",attrs:{"aria-describedby":t.text}},[t._t("before"),i("el-tooltip",{attrs:{"popper-class":"text-ellipsis-tooltip",disabled:t.hideTooltip,effect:t.effect,"max-width":t.toolTipWidth,placement:t.placement,content:t.text}},[i("span",{class:t.textClass,style:t.textStyle},[i("span",{key:t.keyIndex,staticClass:"el-text-ellipsis-limit-text"},[t._v(t._s(t.text))]),i("span",{staticClass:"el-text-ellipsis-more"},[t._v(t._s(t.more?t.more:"…"))])])]),t._t("after")],2)};n._withStripped=!0;var r=i(22),o={name:"ElTextEllipsis",components:{ElTooltip:i.n(r).a},props:{text:String,height:Number,isLimit:{type:Boolean,default:!0},hideTooltip:{type:Boolean,default:!0},effect:{type:String,default:"dark"},placement:{type:String,default:"top"},toolTipWidth:{type:Number,default:200},textStyle:[String,Object,Array],textClass:[String,Object,Array],more:String},data:function(){return{keyIndex:0,isHide:!1}},watch:{isLimit:function(){this.init()},text:function(){this.init()},height:function(){this.init()}},mounted:function(){this.init()},methods:{init:function(){this.keyIndex+=1,this.$el.querySelector(".el-text-ellipsis-more").style.display="none",this.isLimit&&this.limitShow()},limitShow:function(){var t=this;this.$nextTick((function(){var e=t.$el.querySelector(".el-text-ellipsis-limit-text"),i=t.$el,n=t.$el.querySelector(".el-text-ellipsis-more"),r=1e3;if(e&&i.offsetHeight>t.height){n.style.display="inline-block";for(var o=t.text;i.offsetHeight>t.height&&r>0;)i.offsetHeight>2*t.height?e.innerText=o=o.substring(0,Math.floor(o.length/2)):e.innerText=o=o.substring(0,o.length-1),r--}}))}}},l=i(0),s=Object(l.a)(o,n,[],!1,null,null,null).exports;s.install=function(t){t.component(s.name,s)};e.default=s},22:function(t,e){t.exports=require("element-gui/lib/tooltip")}});