st-common-ui-vue3
Version:
小尾巴通用 Vue3 UI 组件库
2 lines (1 loc) • 1.02 kB
JavaScript
"use strict";const e=require("vue"),r=require("../../node_modules/.pnpm/st-common-ui-utils@0.1.1/node_modules/st-common-ui-utils/es/utils/el-size-util.js"),o=require("../../enums/text-align-enums.js"),a=e.defineComponent({name:"StGhostTextHover",__name:"StGhostTextHover",props:{content:{},horizontalAlign:{default:"left"},verticalAlign:{default:"top"},speed:{default:1e3},delay:{default:100}},setup(i){return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:"st-ghost-text",style:e.normalizeStyle({justifyContent:e.unref(o.horizontalAlignFlexMap)[t.horizontalAlign],alignItems:e.unref(o.verticalAlignFlexMap)[t.verticalAlign]})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.content,(n,l)=>(e.openBlock(),e.createElementBlock("span",{key:l,class:"st-ghost-text__letter",style:e.normalizeStyle({transitionDuration:e.unref(r).elSizePreHandler(t.speed,"ms"),transitionDelay:e.unref(r).elSizePreHandler(l*t.delay,"ms")})},e.toDisplayString(n===" "?" ":n),5))),128))],4))}});module.exports=a;