st-common-ui-vue3
Version:
小尾巴通用 Vue3 UI 组件库
2 lines (1 loc) • 3.2 kB
JavaScript
"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"),a=require("../../node_modules/.pnpm/st-common-core@0.1.1/node_modules/st-common-core/es/str/utils/str-util.js"),r={class:"st-login-page-1__form-container"},s={class:"st-login-page-1__form-container__form"},i={class:"st-login-page-1__form-container__form-1"},c={class:"st-login-page-1__form-container__form-2"},m={class:"st-login-page-1__panel-container"},d={class:"st-login-page-1__panel-container__panel-1"},_={class:"st-login-page-1__panel-container__panel-1__content"},p={class:"st-login-page-1__panel-container__panel-1__content__top"},g={class:"st-login-page-1__panel-container__panel-1__content__img"},u=["src"],S={class:"st-login-page-1__panel-container__panel-2"},f={class:"st-login-page-1__panel-container__panel-2__content"},h={class:"st-login-page-1__panel-container__panel-2__content__top"},v={class:"st-login-page-1__panel-container__panel-2__content__img"},E=["src"],I=e.defineComponent({name:"StLoginPage1",__name:"StLoginPage1",props:e.mergeModels({pageMinHeight:{default:"850px"},circleMaskDiameter:{default:"2500px"},circleMaskDiameterSmall:{default:"1500px"},circleMaskColor:{default:"#368EEF"},panelImgSrc:{default:""},panelImgWidthSmall:{default:"200px"}},{modelValue:{default:!1},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue");return(l,V)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["st-login-page-1",[o.value?"toggle-form":""]]),style:e.normalizeStyle({"--page-min-height":e.unref(n).elSizePreHandler(l.pageMinHeight),"--circle-mask-diameter":e.unref(n).elSizePreHandler(l.circleMaskDiameter),"--circle-mask-diameter-small":e.unref(n).elSizePreHandler(l.circleMaskDiameterSmall),"--circle-mask-color":l.circleMaskColor,"--panel-img-width-small":e.unref(n).elSizePreHandler(l.panelImgWidthSmall)})},[e.createElementVNode("div",r,[e.createElementVNode("div",s,[e.createElementVNode("div",i,[e.renderSlot(l.$slots,"form-1",{},void 0,!0)]),e.createElementVNode("div",c,[e.renderSlot(l.$slots,"form-2",{},void 0,!0)])])]),e.createElementVNode("div",m,[e.createElementVNode("div",d,[e.renderSlot(l.$slots,"panel-1",{},()=>[e.createElementVNode("div",_,[e.createElementVNode("div",p,[e.renderSlot(l.$slots,"panel-1-top",{},void 0,!0)]),e.createElementVNode("div",g,[(e.unref(a).isStr(l.panelImgSrc)?l.panelImgSrc:l.panelImgSrc[0])?(e.openBlock(),e.createElementBlock("img",{key:0,class:"img",src:e.unref(a).isStr(l.panelImgSrc)?l.panelImgSrc:l.panelImgSrc[0],alt:""},null,8,u)):e.createCommentVNode("",!0)])])],!0)]),e.createElementVNode("div",S,[e.renderSlot(l.$slots,"panel-2",{},()=>[e.createElementVNode("div",f,[e.createElementVNode("div",h,[e.renderSlot(l.$slots,"panel-2-top",{},void 0,!0)]),e.createElementVNode("div",v,[(e.unref(a).isStr(l.panelImgSrc)?l.panelImgSrc:l.panelImgSrc[1]||l.panelImgSrc[0])?(e.openBlock(),e.createElementBlock("img",{key:0,class:"img",src:e.unref(a).isStr(l.panelImgSrc)?l.panelImgSrc:l.panelImgSrc[1]?l.panelImgSrc[1]:l.panelImgSrc[0],alt:""},null,8,E)):e.createCommentVNode("",!0)])])],!0)])])],6))}});module.exports=I;