From e82ec0390f8069c1ab69f003551f9f414f3740d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=87=E8=B6=A3=E4=BF=9D=E7=BD=97?=
 <dreamer_paul@126.com>
Date: Thu, 11 Aug 2022 23:14:42 +0800
Subject: [PATCH] Fix: Improve Message API
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

可自由设置展示时长，优化展示的文字布局
---
 static/pio.css |  7 ++++---
 static/pio.js  | 36 ++++++++++++++++++------------------
 2 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/static/pio.css b/static/pio.css
index 1f8278b..0d0bdc8 100644
--- a/static/pio.css
+++ b/static/pio.css
@@ -2,7 +2,7 @@
 
 # Pio Plugin
 # By: Dreamer-Paul
-# Last Update: 2021.5.6
+# Last Update: 2022.8.11
 
 一个支持更换 Live2D 模型的 Typecho 插件。
 
@@ -51,8 +51,9 @@
 .pio-container.static{ pointer-events: none }
 
 .pio-container .pio-action{
-    top: 3em;
     opacity: 0;
+    bottom: 90%;
+    bottom: calc(100% - 2em);
     position: absolute;
     transition: opacity .3s;
 }
@@ -116,4 +117,4 @@
 @media screen and (max-width: 768px){
     #pio{ width: 8em }
     .pio-container{ pointer-events: none }
-}
\ No newline at end of file
+}
diff --git a/static/pio.js b/static/pio.js
index f1d6819..f20d43e 100644
--- a/static/pio.js
+++ b/static/pio.js
@@ -2,7 +2,7 @@
 
 # Pio Plugin
 # By: Dreamer-Paul
-# Last Update: 2022.8.9
+# Last Update: 2022.8.11
 
 一个支持更换 Live2D 模型的 JS 插件
 
@@ -25,9 +25,9 @@ var Paul_Pio = function (prop) {
     // 工具通用函数
     var tools = {
         // 创建内容
-        create: function (tag, prop) {
+        create: function (tag, options) {
             var el = document.createElement(tag);
-            prop.class && (el.className = prop.class);
+            options.class && (el.className = options.class);
 
             return el;
         },
@@ -61,36 +61,36 @@ var Paul_Pio = function (prop) {
     /* - 方法 */
     var modules = {
         // 更换模型
-        idol: function () {
+        idol: () => {
             current.idol < (prop.model.length - 1) ? current.idol++ : current.idol = 0;
 
             return current.idol;
         },
         // 创建对话框方法
-        message: function (text, dangerousHTML) {
+        message: (text, options = {}) => {
             const { dialog } = elements;
 
-            if(text.constructor === Array){
+            if (text.constructor === Array) {
                 dialog.innerText = tools.rand(text);
             }
-            else if(text.constructor === String){
-                dialog[dangerousHTML ? "innerHTML" : "innerText"] = text;
+            else if (text.constructor === String) {
+                dialog[options.html ? "innerHTML" : "innerText"] = text;
             }
-            else{
+            else {
                 dialog.innerText = "输入内容出现问题了 X_X";
             }
 
             dialog.classList.add("active");
 
             current.timeout = clearTimeout(current.timeout) || undefined;
-            current.timeout = setTimeout(function () {
+            current.timeout = setTimeout(() => {
                 dialog.classList.remove("active");
-            }, 3000);
+            }, options.time || 3000);
         },
         // 移除方法
-        destroy: function () {
+        destroy: () => {
             that.initHidden();
-            localStorage.setItem("posterGirl", 0);
+            localStorage.setItem("posterGirl", "0");
         }
     };
 
@@ -271,7 +271,7 @@ var Paul_Pio = function (prop) {
     };
 
     // 运行
-    this.init = function (noModel) {
+    this.init = (noModel) => {
         if(!(prop.hidden && tools.isMobile())){
             if(!noModel){
                 action.welcome();
@@ -289,7 +289,7 @@ var Paul_Pio = function (prop) {
     };
 
     // 隐藏状态
-    this.initHidden = function () {
+    this.initHidden = () => {
         // ! 清除预设好的间距
         if(prop.mode === "draggable"){
             current.body.style.top = null;
@@ -302,15 +302,15 @@ var Paul_Pio = function (prop) {
 
         elements.show.onclick = function () {
             current.body.classList.remove("hidden");
-            localStorage.setItem("posterGirl", 1);
+            localStorage.setItem("posterGirl", "1");
             that.init();
         }
     }
 
-    localStorage.getItem("posterGirl") == 0 ? this.initHidden() : this.init();
+    localStorage.getItem("posterGirl") === "0" ? this.initHidden() : this.init();
 };
 
 // 请保留版权说明
 if (window.console && window.console.log) {
     console.log("%c Pio %c https://paugram.com ","color: #fff; margin: 1em 0; padding: 5px 0; background: #673ab7;","margin: 1em 0; padding: 5px 0; background: #efefef;");
-}
\ No newline at end of file
+}