chore(release): 0.0.9

CHANGELOG.md

@@ -2,6 +2,22 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.9](https://github.com/StreakingMan/solvable-sheep-game/compare/v0.0.8...v0.0.9) (2022-10-04)
+
+
+### Features
+
+* 关卡进度缓存 ([0afeac0](https://github.com/StreakingMan/solvable-sheep-game/commit/0afeac0f8716bef43d67dfb999de31ac4fed8f01))
+* 缓存自定义主题 ([c0de917](https://github.com/StreakingMan/solvable-sheep-game/commit/c0de917641bd8ed08a5a4f1fda9c774770d879ec))
+
+
+### Bug Fixes
+
+* 防止音频配置错误时阻塞主流程 ([ad01eb2](https://github.com/StreakingMan/solvable-sheep-game/commit/ad01eb2dbb3519388c64ffe0cda8dddc457f0ce7))
+* 禁止图片拖动 ([e7ae319](https://github.com/StreakingMan/solvable-sheep-game/commit/e7ae319ecfddb4f0726355e9003d9f9f5e0c304a))
+* 默认音效填充 ([e4c6a2d](https://github.com/StreakingMan/solvable-sheep-game/commit/e4c6a2d584648b35735ede614a6f8683521e012e))
+* 项目链接 ([e867a92](https://github.com/StreakingMan/solvable-sheep-game/commit/e867a927b3e2faa831f8c462af059874bb59db5b))
+
 ### [0.0.8](https://github.com/StreakingMan/solvable-sheep-game/compare/v0.0.7...v0.0.8) (2022-09-26)
 
 

dist/assets/index.e92e35cb.css

@@ -1 +0,0 @@
-#root{text-align:center;width:100%;max-width:500px;margin:0 auto}.app{width:100%;margin:0 auto}.scene-container{width:100%;padding-bottom:100%;position:relative;margin:10% 0}.scene-inner{position:absolute;left:0;right:0;bottom:0;top:0;overflow:visible;font-size:28px}.symbol{width:12.5%;padding-bottom:12.5%;position:absolute;transition:.15s;left:0;top:0;border-radius:8px}.symbol-inner{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;justify-content:center;align-items:center;border-radius:8px;border:2px solid #444;transition:.3s;overflow:hidden;user-select:none}.symbol-inner img{width:100%;height:100%;object-fit:cover}.queue-container{border-radius:8px;width:100%;padding-bottom:15%;border:2px solid gray;margin-bottom:16px}.modal{position:fixed;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(10px);background-color:#0000001a;top:0;left:0}.bgm-button{position:fixed;left:0;top:0;padding:4px;width:36px;height:36px}.zhenghuo-button{width:100%;margin-top:8px}.background{position:fixed;left:0;top:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}._dialog_e4xgx_1{text-align:left;overflow-y:auto;color:#ffffffde;background-color:#242424}@media (prefers-color-scheme: light){._dialog_e4xgx_1{color:#213547;background-color:#fff}}._dialogWrapper_e4xgx_13{z-index:10;position:fixed;left:50%;top:0;width:calc(100% - 32px);max-width:500px;bottom:0;transform:translate(-50%) translateY(-100%);opacity:0;transition:.3s;padding:16px;display:flex;flex-flow:column nowrap!important}@media screen and (min-width: 1024px){._dialogWrapper_e4xgx_13{margin:36px 0;border-radius:16px;box-shadow:0 19px 38px #0000004d,0 15px 12px #00000038}}._dialogShow_e4xgx_35{transform:translate(-50%) translateY(0);opacity:1}._dialog_e4xgx_1 ._error_e4xgx_39{color:#dc143c}._dialog_e4xgx_1 h4{margin:8px 0}._addBtn_e4xgx_46{border-radius:8px;width:50px;height:50px;border:1px solid gray;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}._addBtnEmpty_e4xgx_57:before{content:"+";color:#999;font-size:2em}._addBtn_e4xgx_46 img{width:100%;height:100%;object-fit:cover}._addDialog_e4xgx_67{position:absolute;left:50%;top:50%;width:90%;padding:12px;transform:translate(-50%) translateY(-60vh);opacity:0;transition:.3s;border-radius:8px;border:2px solid #535bf2;color:#ffffffde;background-color:#242424}@media (prefers-color-scheme: light){._addDialog_e4xgx_67{color:#213547;background-color:#fff}}._addDialogShow_e4xgx_87{transform:translate(-50%) translateY(-50%);opacity:1}._deleteBtn_e4xgx_92{flex-grow:1;border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;font-size:1.5em;color:#999;cursor:pointer}._deleteBtn_e4xgx_92 span{transform:rotate(45deg)}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0 32px}h1{font-size:3.2em;line-height:1.1}select{border:1px solid gray;border-radius:4px;padding:4px 8px}input{border:1px solid gray;border-radius:4px;padding:8px 12px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;word-break:keep-all;outline:none}button.primary{background-color:#646cff;color:#fff}button:hover:not(.primary){border-color:#646cff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.flex-container{display:flex;gap:8px;flex-wrap:wrap}.flex-center{justify-content:center;align-items:center}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-grow{flex-grow:1}.flex-between{justify-content:space-between;align-items:center}.flex-spacer{flex:1 1 auto}

dist/github.svg

@@ -1,5 +0,0 @@
-<svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true"
-     class="octicon octicon-mark-github v-align-middle">
-    <path fill-rule="evenodd"
-          d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" />
-</svg>

dist/index.html

@@ -19,20 +19,187 @@
                 s.parentNode.insertBefore(hm, s);
             })();
         </script>
-      <script type="module" crossorigin src="/assets/index.7a640fdb.js"></script>
-      <link rel="stylesheet" href="/assets/index.e92e35cb.css">
+        <style>
+            html,
+            body {
+                margin: 0;
+                padding: 0;
+                background-color: white;
+                transition: background-color 0.3s 0.4s;
+                color: rgb(0 0 0 / 60%);
+            }
+            a {
+                color: currentColor;
+                text-decoration: inherit;
+            }
+            #root {
+                transition: opacity 0.5s;
+            }
+            #loading {
+                height: 100vh;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-direction: column;
+                gap: 32px;
+                overflow: visible;
+            }
+            @keyframes move {
+                0% {
+                    left: 0;
+                    top: 0;
+                    height: 50%;
+                    width: 50%;
+                }
+
+                12.5% {
+                    left: 0;
+                    top: 0;
+                    height: 50%;
+                    width: 100%;
+                }
+
+                25% {
+                    left: 50%;
+                    top: 0;
+                    height: 50%;
+                    width: 50%;
+                }
+
+                37.5% {
+                    left: 50%;
+                    top: 0;
+                    height: 100%;
+                    width: 50%;
+                }
+
+                50% {
+                    left: 50%;
+                    top: 50%;
+                    height: 50%;
+                    width: 50%;
+                }
+
+                62.5% {
+                    left: 0;
+                    top: 50%;
+                    height: 50%;
+                    width: 100%;
+                }
+
+                75% {
+                    left: 0;
+                    top: 50%;
+                    height: 50%;
+                    width: 50%;
+                }
+
+                87.5% {
+                    left: 0;
+                    top: 0;
+                    height: 100%;
+                    width: 50%;
+                }
+            }
+            @keyframes wave {
+                0% {
+                    transform: translateY(30px);
+                }
+                100% {
+                    transform: translateY(-30px);
+                }
+            }
+            .loadingBlock {
+                position: absolute;
+                transition: 0.6s;
+                border-radius: 12px;
+                left: 0;
+                top: 0;
+                height: 50%;
+                width: 50%;
+                animation: move 1s infinite ease-in-out;
+            }
+            .loadingBlockContainer {
+                width: 64px;
+                height: 64px;
+                position: relative;
+            }
+            #loading.error .loadingBlock,
+            #loading.success .loadingBlock {
+                animation-play-state: paused;
+            }
+            .loadingBlock1 {
+                background-color: #8dac8588;
+            }
+            #loading.error .loadingBlock1 {
+                transform: rotate(75deg) translateX(30px);
+                animation: wave 1s infinite alternate;
+            }
+            #loading.success .loadingBlock1 {
+                transform: rotate(75deg) translateX(200px) scale(4);
+                transition-delay: 0.1s;
+            }
+            .loadingBlock2 {
+                background-color: #8dac8566;
+                animation-delay: 0.375s;
+            }
+            #loading.error .loadingBlock2 {
+                transform: rotate(175deg) translateX(10px);
+            }
+            #loading.success .loadingBlock2 {
+                transform: rotate(175deg) translateX(200px) scale(2);
+                transition-delay: 0.05s;
+            }
+            .loadingBlock3 {
+                background-color: #8dac8544;
+                animation-delay: 0.75s;
+            }
+            #loading.error .loadingBlock3 {
+                transform: rotate(225deg) translateX(20px);
+            }
+            #loading.success .loadingBlock3 {
+                transform: rotate(225deg) translateX(200px) scale(3);
+            }
+            #loadingTips {
+                font-size: 0.8em;
+                line-height: 1.8;
+                text-align: center;
+                transition: 0.3s;
+            }
+            #loading.success #loadingTips {
+                transform: translateY(300px);
+                opacity: 0;
+            }
+            #backHomeTip {
+                visibility: hidden;
+            }
+        </style>
+      <script type="module" crossorigin src="/assets/index.8b817f1f.js"></script>
+      <link rel="stylesheet" href="/assets/index.c37e0d6f.css">
     </head>
     <body>
-        <div id="root"></div>
+        <div id="root">
+            <!--数据加载提示在react渲染之前做-->
+            <div id="loading" class="loading">
+                <div class="loadingBlockContainer">
+                    <div class="loadingBlock loadingBlock1"></div>
+                    <div class="loadingBlock loadingBlock2"></div>
+                    <div class="loadingBlock loadingBlock3"></div>
+                </div>
+                <div id="loadingTips">
+                    <span id="loadingText">加载中...</span><br />
+                    <span id="backHomeTip">
+                        稍后再试或
+                        <a href="/" style="color: #646cff"> 返回首页 </a>
+                    </span>
+                </div>
+            </div>
+        </div>
         <script>
             // vite没有global，手动声明
             var global = global || window;
         </script>
         
-        <script
-            async
-            src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"
-        ></script>
         <script async>
             // 如果您基于此项目二创，可以删除以下代码
             // 否则请标明原仓库地址
@@ -47,13 +214,12 @@
                         'href',
                         'https://github.com/StreakingMan/solvable-sheep-game'
                     );
-                    a.setAttribute('target', '_blank');
+                    a.setAttribute('target', '_self');
+                    a.style.cursor = 'pointer'
+                    a.style.zIndex = '15'
                     a.innerText =
                         '本项目仅供交流，禁止商业用途，点击查看原github仓库';
-                    const p = document.createElement('p');
-                    p.style.textAlign = 'center';
-                    p.append(a);
-                    document.body.prepend(p);
+                    document.getElementById('root')?.prepend(a);
                 }
             }, 5000);
         </script>

package.json

@@ -1,7 +1,7 @@
 {
     "name": "solvable-sheep-game",
     "private": false,
-    "version": "0.0.8",
+    "version": "0.0.9",
     "type": "module",
     "scripts": {
         "dev": "vite",