From fe2b19b622df945cc413eb1eaa35557630ea73b9 Mon Sep 17 00:00:00 2001 From: Hacxy Date: Tue, 12 Mar 2024 18:39:06 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E6=8F=90=E7=A4=BA?= =?UTF-8?q?=E6=A1=86=E9=BB=98=E8=AE=A4=E6=A0=B7=E5=BC=8F=E7=9A=84=E6=9C=80?= =?UTF-8?q?=E5=B0=8F=E9=AB=98=E5=BA=A6=E4=B8=BA100px?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/oh-my-live2d/src/config/style.ts | 7 +++++-- packages/oh-my-live2d/src/modules/tips.ts | 1 + packages/oh-my-live2d/src/types/options.ts | 4 ++-- packages/oh-my-live2d/src/types/tips.ts | 4 ++-- tests/vite-app/public/index.min.js | 8 ++++---- tests/vite-app/src/main.ts | 1 + 6 files changed, 15 insertions(+), 10 deletions(-) diff --git a/packages/oh-my-live2d/src/config/style.ts b/packages/oh-my-live2d/src/config/style.ts index 3fb42e5..2824173 100644 --- a/packages/oh-my-live2d/src/config/style.ts +++ b/packages/oh-my-live2d/src/config/style.ts @@ -130,7 +130,7 @@ export const TIPS_DEFAULT_STYLE: CSSProperties = { filter: 'drop-shadow(0 0 5px #999)', border: '2px solid #fff', color: '#fff', - padding: '15px 5px', + padding: '5px 5px', opacity: 0, visibility: 'hidden', transform: 'translateX(-50%)', @@ -141,5 +141,8 @@ export const TIPS_DEFAULT_STYLE: CSSProperties = { animationIterationCount: '1, infinite', width: '60%', left: '50%', - top: 0 + top: 0, + display: 'flex', + alignItems: 'center', + minHeight: '100px' }; diff --git a/packages/oh-my-live2d/src/modules/tips.ts b/packages/oh-my-live2d/src/modules/tips.ts index 51d5fdc..17197f0 100644 --- a/packages/oh-my-live2d/src/modules/tips.ts +++ b/packages/oh-my-live2d/src/modules/tips.ts @@ -34,6 +34,7 @@ export class Tips { // this.setStyle(); this.setContentStyle({ + wordBreak: 'break-all', display: '-webkit-box', textOverflow: 'ellipsis', WebkitBoxOrient: 'vertical', diff --git a/packages/oh-my-live2d/src/types/options.ts b/packages/oh-my-live2d/src/types/options.ts index 2e75902..dd03f46 100644 --- a/packages/oh-my-live2d/src/types/options.ts +++ b/packages/oh-my-live2d/src/types/options.ts @@ -85,10 +85,10 @@ export interface Options { parentElement?: HTMLElement; /** - * 组件是否使用固定定位 + * 组件是否使用固定定位 * * > [!WARNING] - * > 注意, 关闭这个属性后舞台的定位属性将从 fixed 改为 relative, 使舞台回到文档流, 另外该属性不影响状态条定位属性, 状态条与舞台之间相互独立,样式互不干扰. + * > 该属性将在下个版本移除, 现在您可以通过模型选项的stageStyle属性为舞台元素设置定位属性 * @valueType boolean * @default true * @deprecated 已弃用将在下个版本移除 diff --git a/packages/oh-my-live2d/src/types/tips.ts b/packages/oh-my-live2d/src/types/tips.ts index 6df987c..b4f4872 100644 --- a/packages/oh-my-live2d/src/types/tips.ts +++ b/packages/oh-my-live2d/src/types/tips.ts @@ -15,7 +15,7 @@ export interface TipsOptions { messageLine?: number; /** * - * 定义提示框样式, 支持传入CSS对象, 提示框的默认情况下, 始终与舞台保持水平居中, 默认宽度为舞台的60%, 高度自动被内容撑开. + * 定义提示框样式, 支持传入CSS对象, 提示框的默认情况下, 始终与舞台保持水平居中, 默认宽度为舞台的60%, 最小高度为 100px, 内容默认垂直水平居中. * * @valueType object */ @@ -23,7 +23,7 @@ export interface TipsOptions { /** * - * 移动端时的提示框样式, 支持传入CSS对象, 提示框的默认情况下, 始终与舞台保持水平居中, 默认宽度为舞台的60%, 高度自动被内容撑开. + * 移动端时的提示框样式, 支持传入CSS对象, 提示框的默认情况下, 始终与舞台保持水平居中, 默认宽度为舞台的60%, 最小高度为 100px, 内容默认垂直水平居中. */ mobileStyle?: CommonStyleType; /** diff --git a/tests/vite-app/public/index.min.js b/tests/vite-app/public/index.min.js index e7c8751..e4560c3 100644 --- a/tests/vite-app/public/index.min.js +++ b/tests/vite-app/public/index.min.js @@ -1,4 +1,4 @@ -(function(d,a){typeof exports=="object"&&typeof module!="undefined"?a(exports):typeof define=="function"&&define.amd?define(["exports"],a):(d=typeof globalThis!="undefined"?globalThis:d||self,a(d.OML2D={}))})(this,function(d){"use strict";var tt=Object.defineProperty;var N=Object.getOwnPropertySymbols;var et=Object.prototype.hasOwnProperty,it=Object.prototype.propertyIsEnumerable;var D=(d,a,r)=>a in d?tt(d,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):d[a]=r,H=(d,a)=>{for(var r in a||(a={}))et.call(a,r)&&D(d,r,a[r]);if(N)for(var r of N(a))it.call(a,r)&&D(d,r,a[r]);return d};var o=(d,a,r)=>(D(d,typeof a!="symbol"?a+"":a,r),r);var S=(d,a,r)=>new Promise((z,E)=>{var C=I=>{try{M(r.next(I))}catch(y){E(y)}},u=I=>{try{M(r.throw(I))}catch(y){E(y)}},M=I=>I.done?z(I.value):Promise.resolve(I.value).then(C,u);M((r=r.apply(d,a)).next())});const a=i=>{const t=i.length;if(t===0)return;const e=Math.floor(Math.random()*t);return i[e]},r=(i,t)=>{let e;return{start:function(){return S(this,null,function*(){const s=()=>S(this,null,function*(){e&&(yield i(),clearTimeout(e),e=setTimeout(s,t))});e||(clearTimeout(e),e=setTimeout(s,t))})},stop:function(){clearTimeout(e),e=void 0}}},z=i=>i!==null&&typeof i=="object"&&!Array.isArray(i),E=i=>typeof i=="number"||i instanceof Number,C=i=>typeof i=="function",u=(i,t)=>{const e=Object.assign({},i);return z(i)&&z(t)&&Object.keys(t).forEach(s=>{z(t[s])?s in i?e[s]=u(i[s],t[s]):Object.assign(e,{[s]:t[s]}):Object.assign(e,{[s]:t[s]})}),e},M=i=>` +(function(d,a){typeof exports=="object"&&typeof module!="undefined"?a(exports):typeof define=="function"&&define.amd?define(["exports"],a):(d=typeof globalThis!="undefined"?globalThis:d||self,a(d.OML2D={}))})(this,function(d){"use strict";var tt=Object.defineProperty;var N=Object.getOwnPropertySymbols;var et=Object.prototype.hasOwnProperty,it=Object.prototype.propertyIsEnumerable;var D=(d,a,r)=>a in d?tt(d,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):d[a]=r,H=(d,a)=>{for(var r in a||(a={}))et.call(a,r)&&D(d,r,a[r]);if(N)for(var r of N(a))it.call(a,r)&&D(d,r,a[r]);return d};var o=(d,a,r)=>(D(d,typeof a!="symbol"?a+"":a,r),r);var S=(d,a,r)=>new Promise((k,E)=>{var z=I=>{try{M(r.next(I))}catch(y){E(y)}},u=I=>{try{M(r.throw(I))}catch(y){E(y)}},M=I=>I.done?k(I.value):Promise.resolve(I.value).then(z,u);M((r=r.apply(d,a)).next())});const a=i=>{const t=i.length;if(t===0)return;const e=Math.floor(Math.random()*t);return i[e]},r=(i,t)=>{let e;return{start:function(){return S(this,null,function*(){const s=()=>S(this,null,function*(){e&&(yield i(),clearTimeout(e),e=setTimeout(s,t))});e||(clearTimeout(e),e=setTimeout(s,t))})},stop:function(){clearTimeout(e),e=void 0}}},k=i=>i!==null&&typeof i=="object"&&!Array.isArray(i),E=i=>typeof i=="number"||i instanceof Number,z=i=>typeof i=="function",u=(i,t)=>{const e=Object.assign({},i);return k(i)&&k(t)&&Object.keys(t).forEach(s=>{k(t[s])?s in i?e[s]=u(i[s],t[s]):Object.assign(e,{[s]:t[s]}):Object.assign(e,{[s]:t[s]})}),e},M=i=>` @keyframes oml2d-shake-tips{ 0% { transform: translate(-50%, 5%) scale(0.99); @@ -117,15 +117,15 @@ transform: translateX(0%); } } - `,I={position:"absolute",fontSize:"18px",borderRadius:"10px",filter:"drop-shadow(0 0 5px #999)",border:"2px solid #fff",color:"#fff",padding:"15px 5px",opacity:0,visibility:"hidden",transform:"translateX(-50%)",textAlign:"center",justifyContent:"center",animationDuration:"1000ms,1000ms",animationFillMode:"forwards, none",animationIterationCount:"1, infinite",width:"60%",left:"50%",top:0},y="https://lib.oml2d.com",B={mobileDisplay:!1,fixed:!0,primaryColor:"#38B0DE",sayHello:!0,transitionTime:1e3,parentElement:document.body,importType:"complete",libraryUrls:{cubism2:`${y}/live2d.min.js`,cubism5:`${y}/live2dcubismcore.min.js`},models:[],tips:{messageLine:3,mobileStyle:{},style:{},idleTips:{wordTheDay:!1,message:[],duration:5e3,interval:1e4,priority:2},welcomeTips:{message:{daybreak:"早上好！一日之计在于晨，美好的一天就要开始了。",morning:"上午好！工作顺利嘛，不要久坐，多起来走动走动哦！",noon:"中午了，工作了一个上午，现在是午餐时间！",afternoon:"午后很容易犯困呢，来杯咖啡吧~",dusk:"傍晚了！工作一天幸苦啦~",night:"晚上好，今天过得怎么样呢？",lateNight:"已经这么晚了呀，早点休息吧，晚安~",weeHours:"这么晚还不睡吗？当心熬夜秃头哦！"},duration:6e3,priority:3},copyTips:{duration:3e3,priority:3,message:["你复制了什么内容呢?记得注明出处哦~"]}}},T={PIXI:`${y}/pixi.min.js`,PIXI_LIVE2D_DISPLAY:`${y}/pixi-live2d-display.min.js`,PIXI_LIVE2D_DISPLAY_CUBISM2:`${y}/pixi-live2d-display-cubism2.min.js`,PIXI_LIVE2D_DISPLAY_CUBISM4:`${y}/pixi-live2d-display-cubism4.min.js`,PIXI_LIVE2D_DISPLAY_EXTRA:`${y}/pixi-live2d-display-extra.min.js`},L={stageId:"oml2dStage",canvasId:"oml2dCanvas",statusBarId:"oml2dStatusBar",tipsId:"oml2dTips",menusId:"oml2dMenus"},$=[{id:"Rest",name:"icon-bed",title:"休息"},{id:"SwitchModel",name:"icon-a-userswitch-fill",title:"切换模型"},{id:"About",name:"icon-info-circle-fill",title:"关于"}],j=function(i){const{message:t}=i;let e="";const s=new Date().getHours().toString(),n=/^[5-7]$/,l=/^(?:[8-9]|1[0-1])$/,c=/^(1[2-3])$/,p=/^1[4-7]$/,g=/^1[8-9]$/,v=/^2[0-1]$/,b=/^2[2-3]$/;return n.test(s)?e=t.daybreak:l.test(s)?e=t==null?void 0:t.morning:c.test(s)?e=t==null?void 0:t.noon:p.test(s)?e=t==null?void 0:t.afternoon:g.test(s)?e=t==null?void 0:t.dusk:v.test(s)?e=t==null?void 0:t.night:b.test(s)?e=t==null?void 0:t.lateNight:e=t==null?void 0:t.weeHours,e},X=()=>console.log(` + `,I={position:"absolute",fontSize:"18px",borderRadius:"10px",filter:"drop-shadow(0 0 5px #999)",border:"2px solid #fff",color:"#fff",padding:"5px 5px",opacity:0,visibility:"hidden",transform:"translateX(-50%)",textAlign:"center",justifyContent:"center",animationDuration:"1000ms,1000ms",animationFillMode:"forwards, none",animationIterationCount:"1, infinite",width:"60%",left:"50%",top:0,display:"flex",alignItems:"center",minHeight:"100px"},y="https://lib.oml2d.com",B={mobileDisplay:!1,fixed:!0,primaryColor:"#38B0DE",sayHello:!0,transitionTime:1e3,parentElement:document.body,importType:"complete",libraryUrls:{cubism2:`${y}/live2d.min.js`,cubism5:`${y}/live2dcubismcore.min.js`},models:[],tips:{messageLine:3,mobileStyle:{},style:{},idleTips:{wordTheDay:!1,message:[],duration:5e3,interval:1e4,priority:2},welcomeTips:{message:{daybreak:"早上好！一日之计在于晨，美好的一天就要开始了。",morning:"上午好！工作顺利嘛，不要久坐，多起来走动走动哦！",noon:"中午了，工作了一个上午，现在是午餐时间！",afternoon:"午后很容易犯困呢，来杯咖啡吧~",dusk:"傍晚了！工作一天幸苦啦~",night:"晚上好，今天过得怎么样呢？",lateNight:"已经这么晚了呀，早点休息吧，晚安~",weeHours:"这么晚还不睡吗？当心熬夜秃头哦！"},duration:6e3,priority:3},copyTips:{duration:3e3,priority:3,message:["你复制了什么内容呢?记得注明出处哦~"]}}},T={PIXI:`${y}/pixi.min.js`,PIXI_LIVE2D_DISPLAY:`${y}/pixi-live2d-display.min.js`,PIXI_LIVE2D_DISPLAY_CUBISM2:`${y}/pixi-live2d-display-cubism2.min.js`,PIXI_LIVE2D_DISPLAY_CUBISM4:`${y}/pixi-live2d-display-cubism4.min.js`,PIXI_LIVE2D_DISPLAY_EXTRA:`${y}/pixi-live2d-display-extra.min.js`},L={stageId:"oml2dStage",canvasId:"oml2dCanvas",statusBarId:"oml2dStatusBar",tipsId:"oml2dTips",menusId:"oml2dMenus"},$=[{id:"Rest",name:"icon-bed",title:"休息"},{id:"SwitchModel",name:"icon-a-userswitch-fill",title:"切换模型"},{id:"About",name:"icon-info-circle-fill",title:"关于"}],j=function(i){const{message:t}=i;let e="";const s=new Date().getHours().toString(),n=/^[5-7]$/,l=/^(?:[8-9]|1[0-1])$/,c=/^(1[2-3])$/,p=/^1[4-7]$/,g=/^1[8-9]$/,v=/^2[0-1]$/,b=/^2[2-3]$/;return n.test(s)?e=t.daybreak:l.test(s)?e=t==null?void 0:t.morning:c.test(s)?e=t==null?void 0:t.noon:p.test(s)?e=t==null?void 0:t.afternoon:g.test(s)?e=t==null?void 0:t.dusk:v.test(s)?e=t==null?void 0:t.night:b.test(s)?e=t==null?void 0:t.lateNight:e=t==null?void 0:t.weeHours,e},X=()=>console.log(` %c 🎉🎉🎉 %c %c ✨ oh-my-live2d v0.9.0 - https://oml2d.com Happy Hacking !! ✨ %c %c 🎉🎉🎉 `,"background: #add7fb; padding:5px 0;","background: #58b0fc; padding:5px 0;","color: #fff; background: #030307; padding:5px 0;","background: #58b0fc; padding:5px 0;","background: #add7fb; padding:5px 0;"),O=i=>{const t=H({},i);return"width"in i&&E(i.width)&&(t.width=`${i.width}px`),"height"in i&&E(i.height)&&(t.height=`${i.height}px`),t},P=(i,t)=>{Object.assign(t.style,i)},F=i=>new Promise(t=>setTimeout(t,i)),w=i=>{const t=document.createElement(i.tagName);return t.id=i.id,i.className&&(t.className=i.className),i.dataName&&t.setAttribute("data-name",i.dataName),i.children&&i.children.forEach(e=>{t.appendChild(w(e))}),i.innerHtml&&(t.innerHTML=i.innerHtml),i.innerText&&(t.innerText=i.innerText),t},f=i=>new Promise(t=>{const e=document.createElement("script");document.head.append(e),e.src=i,e.addEventListener("load",()=>{t()})}),R=(i,t)=>S(this,null,function*(){switch(i){case"cubism2":yield f(t[i]),yield f(T.PIXI),yield f(T.PIXI_LIVE2D_DISPLAY_CUBISM2);break;case"cubism5":yield f(t[i]),yield f(T.PIXI),yield f(T.PIXI_LIVE2D_DISPLAY_CUBISM4);break;default:yield Promise.all([f(t.cubism2),f(t.cubism5)]),yield f(T.PIXI),yield f(T.PIXI_LIVE2D_DISPLAY);break}yield f(T.PIXI_LIVE2D_DISPLAY_EXTRA)}),V=()=>S(this,null,function*(){const i=yield fetch("https://unpkg.com/oh-my-live2d/package.json"),{version:t}=yield i.json();t!=="0.9.0"&&console.warn("[oml2d] 检查到 oh-my-live2d 存在最新版:",`v${t}`,"请前往: https://oml2d.com 以获得最新版详细信息, 并及时更新.")}),A=i=>S(this,null,function*(){const e=yield(yield fetch("https://v1.hitokoto.cn/")).json();return i?i(e):`${e.hitokoto} -- ${e.from}`});class Y{constructor(t){o(this,"styleSheet");this.style=t,this.styleSheet=w({tagName:"style",id:"oml2dStyle",innerHtml:M(this.style.primaryColor)}),document.head.append(this.styleSheet)}reloadStyleSheet(t){this.styleSheet.innerHTML=M(t.primaryColor)}}class W{constructor(t){o(this,"element");o(this,"style",{});o(this,"clickItem");this.stageElement=t,this.element=w({id:L.menusId,tagName:"div",className:L.menusId}),this.createMenuItem(),this.stageElement.append(this.element),this.ininStyle()}ininStyle(){this.setStyle({transition:"all 500ms",visibility:"hidden",opacity:0,position:"absolute",right:0,bottom:"10%",zIndex:"9999",fontSize:"26px"}),this.stageElement.addEventListener("mouseover",()=>this.setStyle({opacity:1,visibility:"visible"})),this.stageElement.addEventListener("mouseout",()=>this.setStyle({opacity:0,visibility:"hidden"}))}createMenuItem(){const t=$.map(e=>{const s=w({id:e.id,tagName:"div",dataName:e.id,className:"oml2d-menus-item",innerHtml:` - `});return s.title=e.title,s});this.element.append(...t),this.element.addEventListener("click",e=>{var n;if(e.target===e.currentTarget)return;let s=e.target;for(;s.parentNode!==e.currentTarget;)s=s.parentNode;(n=this.clickItem)==null||n.call(this,s.getAttribute("data-name"))})}onClickItem(t){this.clickItem=t}setStyle(t){this.style=u(this.style,t),P(this.style,this.element)}}var x=(i=>(i.pc="PC",i.mobile="MOBILE",i))(x||{}),_=(i=>(i.ALL="ALL",i.IDLE="IDLE",i.NONE="NONE",i))(_||{});class U{constructor(t,e,s,n){o(this,"model");o(this,"failEvent");this.live2dModel=t,this.modelOptions=e,this.application=s,this.HitAreaFrames=n,this.model=this.create()}create(){const t=this.live2dModel.fromSync(this.modelOptions.path||"",{motionPreload:this.modelOptions.motionPreloadStrategy||_.IDLE,onError:e=>{var s;(s=this.failEvent)==null||s.call(this,e)}});return t.once("load",()=>{if(this.modelOptions.showHitAreaFrames){const e=new this.HitAreaFrames;t.addChild(e)}this.application.stage.addChild(this.model),this.application.resize()}),t.on("hit",e=>{const s=Object.keys(t.internalModel.motionManager.motionGroups);let n=s.find(l=>e[0].includes(l.toLowerCase())||l.toLowerCase().includes(e[0]));n||(n=a(s)),this.modelOptions.motionPreloadStrategy===_.ALL?t.motion(n):t.internalModel.motionManager.loadMotion(n,0).then(()=>{t.motion(n)})}),t}onLoaded(t){this.model.once("load",()=>{t({width:this.model.width,height:this.model.height})})}onFail(t){this.failEvent=t}setScale(t=.1,e=.1){this.model.scale.set(t,e)}setPosition(t=0,e=0){this.model.x=t,this.model.y=e}changeTexture(t){if(this.model.textures.length<=1)t({status:!1});else{const e=this.model.textures.shift();this.model.textures.push(e),t({status:!0})}}get width(){return this.model.width}get height(){return this.model.height}}class G{constructor(t,e){o(this,"element");o(this,"canvasElement");o(this,"wrapperElement");o(this,"status",0);o(this,"style",{});o(this,"canvasStyle",{});o(this,"slideChangeEnd");this.targetElement=t,this.options=e,this.element=w({id:L.stageId,tagName:"div"}),this.canvasElement=w({id:L.canvasId,tagName:"canvas"}),this.wrapperElement=w({id:"oml2dWrapper",tagName:"div"}),this.create(),this.initStyle()}create(){const t=document.createDocumentFragment();this.element.append(this.canvasElement),t.append(this.element),this.targetElement.append(t),this.targetElement!==document.body&&document.body.append(this.targetElement),window.onbeforeunload=()=>{this.targetElement.removeChild(this.element)}}initStyle(){this.setStyle({width:"0px",height:"0px",position:this.options.fixed?"fixed":"relative",left:0,bottom:0,zIndex:"9997",transform:"translateY(130%)"})}setStyle(t,e){this.style=u(this.style,t),P(this.style,this.element),this.setCanvasStyle({width:"100%",height:"100%",zIndex:"9999",position:"relative"}),e==null||e()}setCanvasStyle(t){this.canvasStyle=u(this.canvasStyle,t),P(this.canvasStyle,this.canvasElement)}slideIn(t){return this.setStyle({animationName:"oml2d-stage-slide-in",animationDuration:`${t}ms`,animationFillMode:"forwards"}),this.status=1,new Promise(e=>{setTimeout(()=>{var s;(s=this.slideChangeEnd)==null||s.call(this,this.status),e()},t)})}slideOut(t){return this.setStyle({animationName:"oml2d-stage-slide-out",animationDuration:`${t}ms`,animationFillMode:"forwards"}),this.status=0,new Promise(e=>setTimeout(()=>{var s;(s=this.slideChangeEnd)==null||s.call(this,this.status),e()},t))}onSlideChangeEnd(t){this.slideChangeEnd=t}}var k=(i=>(i.info="info",i.error="error",i))(k||{});class Q{constructor(t,e){o(this,"element");o(this,"transitionTime",800);o(this,"status",0);o(this,"style",{});o(this,"timer",0);this.wrapperElement=t,this.stateColor=e,this.element=w({id:L.statusBarId,tagName:"div",innerText:"hello"}),this.wrapperElement.append(this.element),this.initStyle()}initStyle(){this.setStyle({minWidth:"20px",minHeight:"40px",position:"fixed",transform:"translateX(-110%)",left:"0",bottom:"80px",padding:"7px 5px",zIndex:"9998",borderStyle:"solid",borderColor:"#fff",fontWeight:"bold",borderRadius:"0 5px 5px 0",borderWidth:"2px 2px 2px 0",boxShadow:"0 0 5px #999",color:"#fff",display:"flex",alignItems:"center",textAlign:"center",flexWrap:"wrap",fontSize:"14px",writingMode:"vertical-lr",cursor:"pointer"})}setStyle(t){this.style=u(this.style,t),P(t,this.element)}slideIn(){return new Promise(t=>{this.status=1,this.setStyle({animationName:"oml2d-status-bar-slide-in",animationDuration:`${this.transitionTime}ms`,animationFillMode:"forwards"}),setTimeout(()=>{t(this.status)},this.transitionTime)})}slideOut(){return new Promise(t=>{this.status=0,this.setStyle({animationName:"oml2d-status-bar-slide-out",animationDuration:`${this.transitionTime}ms`,animationFillMode:"forwards"}),setTimeout(()=>{t(this.status)},this.transitionTime)})}showLoading(){this.popup(` + `});return s.title=e.title,s});this.element.append(...t),this.element.addEventListener("click",e=>{var n;if(e.target===e.currentTarget)return;let s=e.target;for(;s.parentNode!==e.currentTarget;)s=s.parentNode;(n=this.clickItem)==null||n.call(this,s.getAttribute("data-name"))})}onClickItem(t){this.clickItem=t}setStyle(t){this.style=u(this.style,t),P(this.style,this.element)}}var x=(i=>(i.pc="PC",i.mobile="MOBILE",i))(x||{}),_=(i=>(i.ALL="ALL",i.IDLE="IDLE",i.NONE="NONE",i))(_||{});class U{constructor(t,e,s,n){o(this,"model");o(this,"failEvent");this.live2dModel=t,this.modelOptions=e,this.application=s,this.HitAreaFrames=n,this.model=this.create()}create(){const t=this.live2dModel.fromSync(this.modelOptions.path||"",{motionPreload:this.modelOptions.motionPreloadStrategy||_.IDLE,onError:e=>{var s;(s=this.failEvent)==null||s.call(this,e)}});return t.once("load",()=>{if(this.modelOptions.showHitAreaFrames){const e=new this.HitAreaFrames;t.addChild(e)}this.application.stage.addChild(this.model),this.application.resize()}),t.on("hit",e=>{const s=Object.keys(t.internalModel.motionManager.motionGroups);let n=s.find(l=>e[0].includes(l.toLowerCase())||l.toLowerCase().includes(e[0]));n||(n=a(s)),this.modelOptions.motionPreloadStrategy===_.ALL?t.motion(n):t.internalModel.motionManager.loadMotion(n,0).then(()=>{t.motion(n)})}),t}onLoaded(t){this.model.once("load",()=>{t({width:this.model.width,height:this.model.height})})}onFail(t){this.failEvent=t}setScale(t=.1,e=.1){this.model.scale.set(t,e)}setPosition(t=0,e=0){this.model.x=t,this.model.y=e}changeTexture(t){if(this.model.textures.length<=1)t({status:!1});else{const e=this.model.textures.shift();this.model.textures.push(e),t({status:!0})}}get width(){return this.model.width}get height(){return this.model.height}}class G{constructor(t,e){o(this,"element");o(this,"canvasElement");o(this,"wrapperElement");o(this,"status",0);o(this,"style",{});o(this,"canvasStyle",{});o(this,"slideChangeEnd");this.targetElement=t,this.options=e,this.element=w({id:L.stageId,tagName:"div"}),this.canvasElement=w({id:L.canvasId,tagName:"canvas"}),this.wrapperElement=w({id:"oml2dWrapper",tagName:"div"}),this.create(),this.initStyle()}create(){const t=document.createDocumentFragment();this.element.append(this.canvasElement),t.append(this.element),this.targetElement.append(t),this.targetElement!==document.body&&document.body.append(this.targetElement),window.onbeforeunload=()=>{this.targetElement.removeChild(this.element)}}initStyle(){this.setStyle({width:"0px",height:"0px",position:this.options.fixed?"fixed":"relative",left:0,bottom:0,zIndex:"9997",transform:"translateY(130%)"})}setStyle(t,e){this.style=u(this.style,t),P(this.style,this.element),this.setCanvasStyle({width:"100%",height:"100%",zIndex:"9999",position:"relative"}),e==null||e()}setCanvasStyle(t){this.canvasStyle=u(this.canvasStyle,t),P(this.canvasStyle,this.canvasElement)}slideIn(t){return this.setStyle({animationName:"oml2d-stage-slide-in",animationDuration:`${t}ms`,animationFillMode:"forwards"}),this.status=1,new Promise(e=>{setTimeout(()=>{var s;(s=this.slideChangeEnd)==null||s.call(this,this.status),e()},t)})}slideOut(t){return this.setStyle({animationName:"oml2d-stage-slide-out",animationDuration:`${t}ms`,animationFillMode:"forwards"}),this.status=0,new Promise(e=>setTimeout(()=>{var s;(s=this.slideChangeEnd)==null||s.call(this,this.status),e()},t))}onSlideChangeEnd(t){this.slideChangeEnd=t}}var C=(i=>(i.info="info",i.error="error",i))(C||{});class Q{constructor(t,e){o(this,"element");o(this,"transitionTime",800);o(this,"status",0);o(this,"style",{});o(this,"timer",0);this.wrapperElement=t,this.stateColor=e,this.element=w({id:L.statusBarId,tagName:"div",innerText:"hello"}),this.wrapperElement.append(this.element),this.initStyle()}initStyle(){this.setStyle({minWidth:"20px",minHeight:"40px",position:"fixed",transform:"translateX(-110%)",left:"0",bottom:"80px",padding:"7px 5px",zIndex:"9998",borderStyle:"solid",borderColor:"#fff",fontWeight:"bold",borderRadius:"0 5px 5px 0",borderWidth:"2px 2px 2px 0",boxShadow:"0 0 5px #999",color:"#fff",display:"flex",alignItems:"center",textAlign:"center",flexWrap:"wrap",fontSize:"14px",writingMode:"vertical-lr",cursor:"pointer"})}setStyle(t){this.style=u(this.style,t),P(t,this.element)}slideIn(){return new Promise(t=>{this.status=1,this.setStyle({animationName:"oml2d-status-bar-slide-in",animationDuration:`${this.transitionTime}ms`,animationFillMode:"forwards"}),setTimeout(()=>{t(this.status)},this.transitionTime)})}slideOut(){return new Promise(t=>{this.status=0,this.setStyle({animationName:"oml2d-status-bar-slide-out",animationDuration:`${this.transitionTime}ms`,animationFillMode:"forwards"}),setTimeout(()=>{t(this.status)},this.transitionTime)})}showLoading(){this.popup(`
加载中
- `,"info",!1)}hideLoading(){this.popup("加载成功")}loadingError(t){this.popup("加载失败","error",!1);const e=()=>{this.popup("重新加载","info",!1)},s=()=>{this.popup("加载失败","error",!1)},n=()=>{t(),this.element.removeEventListener("mouseout",s),this.element.removeEventListener("mouseover",e),this.element.removeEventListener("click",n)};this.element.addEventListener("click",n),this.element.addEventListener("mouseover",e),this.element.addEventListener("mouseout",s)}popup(t,e="info",s=1e3,n){clearTimeout(this.timer),this.setContent(t),this.setStyle({backgroundColor:this.stateColor[e]}),this.slideIn().then(()=>{s?this.timer=setTimeout(()=>{this.slideOut()},s):n&&(this.element.onclick=n)})}setContent(t){this.element.innerHTML=t}}class K{constructor(t,e){o(this,"element");o(this,"idlePlayer");o(this,"closeTimer",0);o(this,"transitionTime",1e3);o(this,"style",I);o(this,"priority",0);o(this,"contentElement");o(this,"contentStyle",{});this.tipsOptions=e,this.element=w({id:L.tipsId,tagName:"div"}),this.contentElement=w({id:"oml2dTipsContent",tagName:"div"}),this.element.append(this.contentElement),t.append(this.element),this.initStyle(),this.idlePlayer=this.createIdleMessagePlayer()}initStyle(){this.setContentStyle({display:"-webkit-box",textOverflow:"ellipsis",WebkitBoxOrient:"vertical",WebkitLineClamp:this.tipsOptions.messageLine,overflow:"hidden"})}setStyle(t={}){this.style=u(this.style,t),P(this.style,this.element)}setContentStyle(t){this.contentStyle=u(this.contentStyle,t),P(this.contentStyle,this.contentElement)}setContent(t){this.contentElement.innerHTML=t}showMessage(t,e=3e3,s=0){s{this.setStyle({animationName:"oml2d-hidden-tips,oml2d-shake-tips"}),this.priority=0},e))}clear(){var t;this.setStyle({animationName:"oml2d-hidden-tips,oml2d-shake-tips"}),(t=this.idlePlayer)==null||t.stop(),clearTimeout(this.closeTimer),this.priority=0}notification(t,e=3e3,s=3){var n;(n=this.idlePlayer)==null||n.stop(),this.showMessage(t,e,s),setTimeout(()=>{var l;(l=this.idlePlayer)==null||l.start()},e+this.transitionTime)}welcome(){if(!this.tipsOptions)return;const t=j(this.tipsOptions.welcomeTips||{}),{duration:e,priority:s}=this.tipsOptions.welcomeTips;this.notification(t,e,s)}copy(){if(this.tipsOptions.copyTips.message.length){const t=a(this.tipsOptions.copyTips.message)||"";this.notification(t,this.tipsOptions.copyTips.duration,this.tipsOptions.copyTips.priority)}}createIdleMessagePlayer(){if(!this.tipsOptions)return;const{message:t,duration:e,priority:s}=this.tipsOptions.idleTips;let n="";const l=r(()=>S(this,null,function*(){this.tipsOptions.idleTips.wordTheDay?C(this.tipsOptions.idleTips.wordTheDay)?n=yield A(this.tipsOptions.idleTips.wordTheDay):n=yield A():C(t)?n=yield t():n=a(t||[])||"",n?(this.showMessage(n,e,s),yield F(e)):l.stop()}),this.tipsOptions.idleTips.interval);return l}}class q{constructor(t,e,s,n){o(this,"stage");o(this,"statusBar");o(this,"tips");o(this,"menus");o(this,"application");o(this,"model");o(this,"modelIndex",0);o(this,"windowSizeType",x.pc);o(this,"mediaQuery",window.matchMedia("screen and (max-width: 768px)"));this.options=t,this.pixiLive2dDisplayModule=e,this.Application=s,this.HitAreaFrames=n,this.options.sayHello&&this.sayHello(),new Y({primaryColor:this.options.primaryColor}),this.stage=new G(this.options.parentElement,t),this.statusBar=new Q(this.options.parentElement,{info:this.options.primaryColor,error:"#F08080"}),this.tips=new K(this.stage.element,this.options.tips),this.menus=new W(this.stage.element),this.application=this.createApplication(),this.initialize(),this.setCommonStyle(),V()}initialize(){if(this.getWindowSizeType(),this.windowSizeType!==x.pc&&!this.options.mobileDisplay){this.statusBar.popup("看板娘休息中",k.info,8e3);return}this.loadModel(),this.registerEvents()}setCommonStyle(){const t={backgroundColor:this.options.primaryColor};this.tips.setStyle(t),this.statusBar.setStyle(t)}getWindowSizeType(){this.mediaQuery.matches?this.windowSizeType=x.mobile:this.windowSizeType=x.pc}onWindowSizeChange(t,e){this.mediaQuery.matches?(this.windowSizeType=x.mobile,e()):(this.windowSizeType=x.pc,t()),this.mediaQuery.addEventListener("change",s=>{s.matches?(this.windowSizeType=x.mobile,e()):(this.windowSizeType=x.pc,t())})}loadModel(t=!0){var e,s;t&&this.statusBar.showLoading(),this.model=new U(this.pixiLive2dDisplayModule.Live2DModel,this.currentModelOption,this.application,this.HitAreaFrames),(e=this.model)==null||e.onLoaded(()=>{var n;this.onWindowSizeChange(()=>{var p,g,v,b,m;(g=this.model)==null||g.setScale((p=this.currentModelOption)==null?void 0:p.scale,this.currentModelOption.scale),(v=this.model)==null||v.setPosition(...this.currentModelOption.position||[]);const l={width:(b=this.model)==null?void 0:b.width,height:(m=this.model)==null?void 0:m.height},c=u(O(l),O(this.currentModelOption.stageStyle||{}));this.stage.setStyle(c,()=>this.application.resize()),this.tips.setStyle(O(this.options.tips.style||{}))},()=>{var p,g,v,b,m;if(!this.options.mobileDisplay){this.statusBar.popup("看板娘休息中",k.info,8e3),this.stage.slideOut(this.options.transitionTime),this.tips.clear();return}(g=this.model)==null||g.setScale((p=this.currentModelOption)==null?void 0:p.mobileScale,this.currentModelOption.mobileScale),(v=this.model)==null||v.setPosition(...this.currentModelOption.mobilePosition||[]);const l={width:(b=this.model)==null?void 0:b.width,height:(m=this.model)==null?void 0:m.height},c=u(O(l),O(this.currentModelOption.mobileStageStyle||{}));this.stage.setStyle(c,()=>this.application.resize()),this.tips.setStyle(O(this.options.tips.mobileStyle||{}))}),this.stage.slideIn((n=this.options)==null?void 0:n.transitionTime),this.statusBar.hideLoading()}),(s=this.model)==null||s.onFail(n=>{this.statusBar.loadingError(this.loadModel.bind(this)),console.error(n)})}get currentModelOption(){return this.options.models[this.modelIndex]}loadNextModel(){return S(this,null,function*(){var t;if(this.options.models.length<=1){this.tips.notification("没找到其他模型哦...",3e3,9);return}this.tips.clear(),this.statusBar.showLoading(),yield this.stage.slideOut(this.options.transitionTime),this.application.stage.children.length>=1&&this.application.stage.removeChildAt(0),E((t=this.options.models)==null?void 0:t.length)&&(this.modelIndex{switch(t){case"Rest":this.stage.slideOut(this.options.transitionTime),this.statusBar.popup("看板娘休息中",k.info,!1,()=>{var e;this.stage.slideIn(this.options.transitionTime),this.statusBar.popup("闪亮登场"),(e=this.tips.idlePlayer)==null||e.start()}),this.tips.clear();return;case"SwitchModel":this.loadNextModel();return;case"About":window.open("https://oml2d.com");return}}),window.addEventListener("copy",()=>{this.tips.copy()}),this.stage.onSlideChangeEnd(t=>{t&&this.tips.welcome()})}createApplication(){return new this.Application({view:this.stage.canvasElement,resolution:2,autoStart:!0,autoDensity:!0,backgroundAlpha:0,resizeTo:this.stage.element})}}const J=i=>{let t;return s=>S(this,null,function*(){const{parentElement:n}=s,l=u(B,s);l.parentElement=n||document.body;const{PixiLive2dDisplay:c,PIXI:p,HitAreaFrames:g}=yield i(l.importType,l.libraryUrls);t||(t=new q(l,c,p.Application,g))})};window._iconfont_svg_string_3847283='',function(i){var e=(e=document.getElementsByTagName("script"))[e.length-1],t=e.getAttribute("data-injectcss"),e=e.getAttribute("data-disable-injectsvg");if(!e){var s,n,l,c,p,g=function(m,h){h.parentNode.insertBefore(m,h)};if(t&&!i.__iconfont__svg__cssinject__){i.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(m){console&&console.log(m)}}s=function(){var m,h=document.createElement("div");h.innerHTML=i._iconfont_svg_string_3847283,(h=h.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",h=h,(m=document.body).firstChild?g(h,m.firstChild):m.appendChild(h))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(s,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),s()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(l=s,c=i.document,p=!1,b(),c.onreadystatechange=function(){c.readyState=="complete"&&(c.onreadystatechange=null,v())})}function v(){p||(p=!0,l())}function b(){try{c.documentElement.doScroll("left")}catch(m){return void setTimeout(b,50)}v()}}(window);const Z=J((i,t)=>S(this,null,function*(){return yield R(i,t),window.PIXI.utils.skipHello(),{PixiLive2dDisplay:window.PIXI.live2d,PIXI:window.PIXI,HitAreaFrames:window.PIXI.live2d.HitAreaFrames}}));d.loadOml2d=Z,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}); + `,"info",!1)}hideLoading(){this.popup("加载成功")}loadingError(t){this.popup("加载失败","error",!1);const e=()=>{this.popup("重新加载","info",!1)},s=()=>{this.popup("加载失败","error",!1)},n=()=>{t(),this.element.removeEventListener("mouseout",s),this.element.removeEventListener("mouseover",e),this.element.removeEventListener("click",n)};this.element.addEventListener("click",n),this.element.addEventListener("mouseover",e),this.element.addEventListener("mouseout",s)}popup(t,e="info",s=1e3,n){clearTimeout(this.timer),this.setContent(t),this.setStyle({backgroundColor:this.stateColor[e]}),this.slideIn().then(()=>{s?this.timer=setTimeout(()=>{this.slideOut()},s):n&&(this.element.onclick=n)})}setContent(t){this.element.innerHTML=t}}class K{constructor(t,e){o(this,"element");o(this,"idlePlayer");o(this,"closeTimer",0);o(this,"transitionTime",1e3);o(this,"style",I);o(this,"priority",0);o(this,"contentElement");o(this,"contentStyle",{});this.tipsOptions=e,this.element=w({id:L.tipsId,tagName:"div"}),this.contentElement=w({id:"oml2dTipsContent",tagName:"div"}),this.element.append(this.contentElement),t.append(this.element),this.initStyle(),this.idlePlayer=this.createIdleMessagePlayer()}initStyle(){this.setContentStyle({wordBreak:"break-all",display:"-webkit-box",textOverflow:"ellipsis",WebkitBoxOrient:"vertical",WebkitLineClamp:this.tipsOptions.messageLine,overflow:"hidden"})}setStyle(t={}){this.style=u(this.style,t),P(this.style,this.element)}setContentStyle(t){this.contentStyle=u(this.contentStyle,t),P(this.contentStyle,this.contentElement)}setContent(t){this.contentElement.innerHTML=t}showMessage(t,e=3e3,s=0){s{this.setStyle({animationName:"oml2d-hidden-tips,oml2d-shake-tips"}),this.priority=0},e))}clear(){var t;this.setStyle({animationName:"oml2d-hidden-tips,oml2d-shake-tips"}),(t=this.idlePlayer)==null||t.stop(),clearTimeout(this.closeTimer),this.priority=0}notification(t,e=3e3,s=3){var n;(n=this.idlePlayer)==null||n.stop(),this.showMessage(t,e,s),setTimeout(()=>{var l;(l=this.idlePlayer)==null||l.start()},e+this.transitionTime)}welcome(){if(!this.tipsOptions)return;const t=j(this.tipsOptions.welcomeTips||{}),{duration:e,priority:s}=this.tipsOptions.welcomeTips;this.notification(t,e,s)}copy(){if(this.tipsOptions.copyTips.message.length){const t=a(this.tipsOptions.copyTips.message)||"";this.notification(t,this.tipsOptions.copyTips.duration,this.tipsOptions.copyTips.priority)}}createIdleMessagePlayer(){if(!this.tipsOptions)return;const{message:t,duration:e,priority:s}=this.tipsOptions.idleTips;let n="";const l=r(()=>S(this,null,function*(){this.tipsOptions.idleTips.wordTheDay?z(this.tipsOptions.idleTips.wordTheDay)?n=yield A(this.tipsOptions.idleTips.wordTheDay):n=yield A():z(t)?n=yield t():n=a(t||[])||"",n?(this.showMessage(n,e,s),yield F(e)):l.stop()}),this.tipsOptions.idleTips.interval);return l}}class q{constructor(t,e,s,n){o(this,"stage");o(this,"statusBar");o(this,"tips");o(this,"menus");o(this,"application");o(this,"model");o(this,"modelIndex",0);o(this,"windowSizeType",x.pc);o(this,"mediaQuery",window.matchMedia("screen and (max-width: 768px)"));this.options=t,this.pixiLive2dDisplayModule=e,this.Application=s,this.HitAreaFrames=n,this.options.sayHello&&this.sayHello(),new Y({primaryColor:this.options.primaryColor}),this.stage=new G(this.options.parentElement,t),this.statusBar=new Q(this.options.parentElement,{info:this.options.primaryColor,error:"#F08080"}),this.tips=new K(this.stage.element,this.options.tips),this.menus=new W(this.stage.element),this.application=this.createApplication(),this.initialize(),this.setCommonStyle(),V()}initialize(){if(this.getWindowSizeType(),this.windowSizeType!==x.pc&&!this.options.mobileDisplay){this.statusBar.popup("看板娘休息中",C.info,8e3);return}this.loadModel(),this.registerEvents()}setCommonStyle(){const t={backgroundColor:this.options.primaryColor};this.tips.setStyle(t),this.statusBar.setStyle(t)}getWindowSizeType(){this.mediaQuery.matches?this.windowSizeType=x.mobile:this.windowSizeType=x.pc}onWindowSizeChange(t,e){this.mediaQuery.matches?(this.windowSizeType=x.mobile,e()):(this.windowSizeType=x.pc,t()),this.mediaQuery.addEventListener("change",s=>{s.matches?(this.windowSizeType=x.mobile,e()):(this.windowSizeType=x.pc,t())})}loadModel(t=!0){var e,s;t&&this.statusBar.showLoading(),this.model=new U(this.pixiLive2dDisplayModule.Live2DModel,this.currentModelOption,this.application,this.HitAreaFrames),(e=this.model)==null||e.onLoaded(()=>{var n;this.onWindowSizeChange(()=>{var p,g,v,b,m;(g=this.model)==null||g.setScale((p=this.currentModelOption)==null?void 0:p.scale,this.currentModelOption.scale),(v=this.model)==null||v.setPosition(...this.currentModelOption.position||[]);const l={width:(b=this.model)==null?void 0:b.width,height:(m=this.model)==null?void 0:m.height},c=u(O(l),O(this.currentModelOption.stageStyle||{}));this.stage.setStyle(c,()=>this.application.resize()),this.tips.setStyle(O(this.options.tips.style||{}))},()=>{var p,g,v,b,m;if(!this.options.mobileDisplay){this.statusBar.popup("看板娘休息中",C.info,8e3),this.stage.slideOut(this.options.transitionTime),this.tips.clear();return}(g=this.model)==null||g.setScale((p=this.currentModelOption)==null?void 0:p.mobileScale,this.currentModelOption.mobileScale),(v=this.model)==null||v.setPosition(...this.currentModelOption.mobilePosition||[]);const l={width:(b=this.model)==null?void 0:b.width,height:(m=this.model)==null?void 0:m.height},c=u(O(l),O(this.currentModelOption.mobileStageStyle||{}));this.stage.setStyle(c,()=>this.application.resize()),this.tips.setStyle(O(this.options.tips.mobileStyle||{}))}),this.stage.slideIn((n=this.options)==null?void 0:n.transitionTime),this.statusBar.hideLoading()}),(s=this.model)==null||s.onFail(n=>{this.statusBar.loadingError(this.loadModel.bind(this)),console.error(n)})}get currentModelOption(){return this.options.models[this.modelIndex]}loadNextModel(){return S(this,null,function*(){var t;if(this.options.models.length<=1){this.tips.notification("没找到其他模型哦...",3e3,9);return}this.tips.clear(),this.statusBar.showLoading(),yield this.stage.slideOut(this.options.transitionTime),this.application.stage.children.length>=1&&this.application.stage.removeChildAt(0),E((t=this.options.models)==null?void 0:t.length)&&(this.modelIndex{switch(t){case"Rest":this.stage.slideOut(this.options.transitionTime),this.statusBar.popup("看板娘休息中",C.info,!1,()=>{var e;this.stage.slideIn(this.options.transitionTime),this.statusBar.popup("闪亮登场"),(e=this.tips.idlePlayer)==null||e.start()}),this.tips.clear();return;case"SwitchModel":this.loadNextModel();return;case"About":window.open("https://oml2d.com");return}}),window.addEventListener("copy",()=>{this.tips.copy()}),this.stage.onSlideChangeEnd(t=>{t&&this.tips.welcome()})}createApplication(){return new this.Application({view:this.stage.canvasElement,resolution:2,autoStart:!0,autoDensity:!0,backgroundAlpha:0,resizeTo:this.stage.element})}}const J=i=>{let t;return s=>S(this,null,function*(){const{parentElement:n}=s,l=u(B,s);l.parentElement=n||document.body;const{PixiLive2dDisplay:c,PIXI:p,HitAreaFrames:g}=yield i(l.importType,l.libraryUrls);t||(t=new q(l,c,p.Application,g))})};window._iconfont_svg_string_3847283='',function(i){var e=(e=document.getElementsByTagName("script"))[e.length-1],t=e.getAttribute("data-injectcss"),e=e.getAttribute("data-disable-injectsvg");if(!e){var s,n,l,c,p,g=function(m,h){h.parentNode.insertBefore(m,h)};if(t&&!i.__iconfont__svg__cssinject__){i.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(m){console&&console.log(m)}}s=function(){var m,h=document.createElement("div");h.innerHTML=i._iconfont_svg_string_3847283,(h=h.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",h=h,(m=document.body).firstChild?g(h,m.firstChild):m.appendChild(h))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(s,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),s()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(l=s,c=i.document,p=!1,b(),c.onreadystatechange=function(){c.readyState=="complete"&&(c.onreadystatechange=null,v())})}function v(){p||(p=!0,l())}function b(){try{c.documentElement.doScroll("left")}catch(m){return void setTimeout(b,50)}v()}}(window);const Z=J((i,t)=>S(this,null,function*(){return yield R(i,t),window.PIXI.utils.skipHello(),{PixiLive2dDisplay:window.PIXI.live2d,PIXI:window.PIXI,HitAreaFrames:window.PIXI.live2d.HitAreaFrames}}));d.loadOml2d=Z,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}); diff --git a/tests/vite-app/src/main.ts b/tests/vite-app/src/main.ts index b00db06..7845420 100644 --- a/tests/vite-app/src/main.ts +++ b/tests/vite-app/src/main.ts @@ -24,6 +24,7 @@ void loadOml2d({ } ], tips: { + messageLine: 2, mobileStyle: { padding: '0px 5px' },