st-common-ui-vue3/lib/components/StHoverFleetingContainer/StHoverFleetingContainer.vue2.js

小尾巴通用 Vue3 UI 组件库

"use strict";const e=require("vue"),n=require("../../node_modules/.pnpm/st-common-ui-utils@0.1.1/node_modules/st-common-ui-utils/es/utils/el-size-util.js"),t=e.defineComponent({name:"StHoverFleetingContainer",__name:"StHoverFleetingContainer",props:{width:{default:"100%"},height:{default:"100%"},backgroundColor:{default:"#111"},borderColor:{default:"#43CBFF"},borderWidth:{default:"2px"},borderRadius:{default:"0.25rem"},start:{default:0},speed:{default:"1.5s"},shine:{type:Boolean,default:!1},shineRangeStart:{default:"10px"},shineRangeEnd:{default:"30px"},shineBrightnessStart:{},shineBrightnessEnd:{default:1},blurBorder:{type:Boolean,default:!1},blurSpeed:{default:"1.5s"}},setup(l){return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["st-hover-fleeting-container",[r.shine?"st-hover-fleeting-container--shine":"",r.blurBorder?"st-hover-fleeting-container--blur-border":""]]),style:e.normalizeStyle({"--border-width":e.unref(n).elSizePreHandler(r.borderWidth),"--border-color":r.borderColor,"--border-radius":e.unref(n).elSizePreHandler(r.borderRadius),"--start":e.unref(n).elSizePreHandler(r.start,"deg"),"--speed":e.unref(n).elSizePreHandler(r.speed,"ms"),"--shine-range-start":e.unref(n).elSizePreHandler(r.shineRangeStart),"--shine-range-end":e.unref(n).elSizePreHandler(r.shineRangeEnd),"--shine-brightness-start":r.shineBrightnessStart,"--shine-brightness-end":r.shineBrightnessEnd,"--blur-speed":e.unref(n).elSizePreHandler(r.blurSpeed,"ms"),width:e.unref(n).elSizePreHandler(r.width),height:e.unref(n).elSizePreHandler(r.height)})},[e.createElementVNode("div",{class:"st-hover-fleeting-container__content",style:e.normalizeStyle({backgroundColor:r.backgroundColor})},[e.renderSlot(r.$slots,"default",{},void 0,!0)],4)],6))}});module.exports=t;