mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-06 00:18:51 +08:00
2 lines
5.2 KiB
JavaScript
2 lines
5.2 KiB
JavaScript
import{d as g,a as b,b as _,e as y,w as s,g as e,f as l,u as n,j as o,h as i,t as C,aZ as T,_ as w}from"./index-DMqaFtX4.js";import{R as p}from"./index-DKfKBO4n.js";const k={class:"card-header"},P={class:"font-medium"},z={class:"content"},V={class:"mb-2"},D={class:"content"},N={class:"content"},Y={class:"content"},B={class:"content"},M=g({name:"PureText",__name:"text",setup(R){const d=b("自定义tooltip内容"),m=()=>{d.value="现在的时间是: "+T().format("YYYY-MM-DD HH:mm:ss")};return(j,t)=>{const f=i("el-link"),a=i("el-space"),r=i("el-divider"),x=i("el-button"),u=i("el-text"),v=i("el-card");return y(),_(v,{shadow:"never"},{header:s(()=>[e("div",k,[e("span",P,[t[2]||(t[2]=o(" 文本省略，基于 ")),l(f,{href:"https://element-plus.org/zh-CN/component/text.html",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:s(()=>t[0]||(t[0]=[o(" el-text ")])),_:1}),t[3]||(t[3]=o(" 和 ")),l(f,{href:"https://vue-tippy.netlify.app/basic-usage",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:s(()=>t[1]||(t[1]=[o(" VueTippy ")])),_:1}),t[4]||(t[4]=o(" 自动省略后显示 Tooltip 提示， 支持多行省略 "))])]),l(f,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/text.vue",target:"_blank"},{default:s(()=>t[5]||(t[5]=[o(" 代码位置 src/views/components/text.vue ")])),_:1})]),default:s(()=>[t[25]||(t[25]=e("div",{class:"mb-2"},"基础用法",-1)),l(a,{wrap:""},{default:s(()=>[e("ul",z,[e("li",null,[l(n(p),null,{default:s(()=>t[6]||(t[6]=[o(" 测试文本，这是一个稍微有点长的文本，过长省略后，鼠标悬浮会有tooltip提示 ")])),_:1}),l(n(p),{lineClamp:2},{default:s(()=>t[7]||(t[7]=[o(" 测试文本，这是一个稍微有点长的文本，lineClamp参数为2，即两行过长省略后，鼠标悬浮会有tooltip提示 ")])),_:1})])])]),_:1}),l(r),t[26]||(t[26]=e("div",{class:"mb-2"},"自定义 Tooltip 内容",-1)),e("div",V,[l(x,{onClick:m},{default:s(()=>t[8]||(t[8]=[o(" 点击切换下方 Tooltip 内容 ")])),_:1})]),l(a,{wrap:""},{default:s(()=>[e("ul",D,[e("li",null,[l(n(p),{tippyProps:{content:d.value}},{default:s(()=>t[9]||(t[9]=[o(" props写法 - 测试文本，这是一个稍微有点长的文本，过长省略后，鼠标悬浮会有tooltip提示 ")])),_:1},8,["tippyProps"])]),e("li",null,[l(n(p),null,{content:s(()=>[e("div",null,[t[10]||(t[10]=e("b",null,"这是插槽写法: ",-1)),e("div",null,C(d.value),1)])]),default:s(()=>[t[11]||(t[11]=o(" 插槽写法 - 测试文本，这是一个稍微有点长的文本，过长省略后，鼠标悬浮会有tooltip提示 "))]),_:1})])])]),_:1}),l(r),t[27]||(t[27]=e("div",{class:"mb-2"},"自定义 el-text 配置",-1)),l(a,{wrap:""},{default:s(()=>[e("ul",N,[e("li",null,[l(n(p),{type:"primary",size:"large"},{default:s(()=>t[12]||(t[12]=[o(" 测试文本，这是一个稍微有点长的文本，过长省略后，鼠标悬浮会有tooltip提示 ")])),_:1})]),e("li",null,[l(n(p),{lineClamp:4,type:"info"},{default:s(()=>t[13]||(t[13]=[o(" 测试文本，这是一个非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长的文本，lineClamp参数为4，即四行过长省略后，鼠标悬浮会有tooltip提示 ")])),_:1})])])]),_:1}),l(r),t[28]||(t[28]=e("div",{class:"mb-2"},"自定义 VueTippy 配置",-1)),l(a,{wrap:""},{default:s(()=>[e("ul",Y,[e("li",null,[l(n(p),{tippyProps:{offset:[0,-20],theme:"light",arrow:!1}},{default:s(()=>t[14]||(t[14]=[o(" 偏移白色无箭头 - 测试文本，这是一个稍微有点长的文本，过长省略后，鼠标悬浮会有tooltip提示 ")])),_:1})]),e("li",null,[l(n(p),{lineClamp:4,tippyProps:{followCursor:!0}},{default:s(()=>t[15]||(t[15]=[o(" 鼠标跟随 - 测试文本，这是一个非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长，非常非常长的文本，lineClamp参数为4，即四行过长省略后，鼠标悬浮会有tooltip提示 ")])),_:1})])])]),_:1}),l(r),t[29]||(t[29]=e("div",{class:"mb-2"},"组件嵌套: 不需要省略的需设置 truncated 为 false",-1)),l(a,{wrap:""},{default:s(()=>[e("ul",B,[e("li",null,[l(n(p),{tag:"p",lineClamp:2},{default:s(()=>[t[23]||(t[23]=o(" This is a paragraph. Paragraph start ")),l(n(p),{truncated:!1},{default:s(()=>[t[17]||(t[17]=o(" 【 This is ReText ")),l(n(p),{tag:"sup",size:"small",truncated:!1},{default:s(()=>t[16]||(t[16]=[o(" superscript 】 ")])),_:1})]),_:1}),l(u,null,{default:s(()=>[t[19]||(t[19]=o(" 【 This is El-Text ")),l(u,{tag:"sub",size:"small"},{default:s(()=>t[18]||(t[18]=[o(" subscript 】 ")])),_:1})]),_:1}),l(u,{tag:"ins"},{default:s(()=>t[20]||(t[20]=[o("【Inserted】")])),_:1}),l(u,{tag:"del"},{default:s(()=>t[21]||(t[21]=[o("【Deleted】")])),_:1}),l(u,{tag:"mark"},{default:s(()=>t[22]||(t[22]=[o("【Marked】")])),_:1}),t[24]||(t[24]=o(" Paragraph end. "))]),_:1})])])]),_:1})]),_:1})}}}),E=w(M,[["__scopeId","data-v-dbc70f2c"]]);export{E as default};
|