diff --git a/README.md b/README.md
index 7988f49f..be45224b 100644
--- a/README.md
+++ b/README.md
@@ -3,5 +3,5 @@
 
 
 
-Documentation v2.0.2: https://raw.githack.com/uiwjs/date-formatter/15e60a5/index.html  
+Documentation v2.0.2: https://raw.githack.com/uiwjs/date-formatter/47bb5d0/index.html  
 Documentation Website: https://uiwjs.github.io/date-formatter/  
diff --git a/index.html b/index.html
index bd506f06..5c8f1774 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,13 @@
-<!doctype html><html lang="en"><head></head><body>
-
-  
+<!doctype html>
+<html lang="en">
+  <head>
     <meta charset="utf-8">
     <title>@uiw/formatter</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta content="width=device-width, initial-scale=1" name="viewport">
     <meta description="Get a formatted date.">
     <meta keywords="date-formatter,formatter,date,uiw">
-  
-  <script type="module">const GITHUB_CORNERS_TEMPLATE = document.createElement("template");
+  </head>
+  <body><script type="module">const GITHUB_CORNERS_TEMPLATE = document.createElement("template");
 GITHUB_CORNERS_TEMPLATE.innerHTML = `
 <style>
 :host a:hover .octo-arm { animation: octocat-wave 560ms ease-in-out; }
@@ -71,7 +71,7 @@
         }
     }
 }
-customElements.define('github-corners', GithubCorners);</script><github-corners target="__blank" position="fixed" z-index="999" href="https://github.com/uiwjs/date-formatter"></github-corners><dark-mode permanent="true" style="position: fixed; top: 8px; left: 10px; z-index: 999;" dark="Dark" light="Light"></dark-mode><script>const t=document;const e="_dark_mode_theme_";const s="permanent";const o="colorschemechange";const i="permanentcolorscheme";const h="light";const r="dark";const n=(t,e,s=e)=>{Object.defineProperty(t,s,{enumerable:true,get(){const t=this.getAttribute(e);return t===null?"":t},set(t){this.setAttribute(e,t)}})};const c=(t,e,s=e)=>{Object.defineProperty(t,s,{enumerable:true,get(){return this.hasAttribute(e)},set(t){if(t){this.setAttribute(e,"")}else{this.removeAttribute(e)}}})};class a extends HTMLElement{static get observedAttributes(){return["mode",h,r,s]}LOCAL_NANE=e;constructor(){super();this.t()}connectedCallback(){n(this,"mode");n(this,r);n(this,h);c(this,s);const a=localStorage.getItem(e);if(a&&[h,r].includes(a)){this.mode=a;this.permanent=true}if(this.permanent&&!a){localStorage.setItem(e,this.mode)}const l=[h,r].includes(a);if(this.permanent&&a){this.o()}else{if(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches){this.mode=r;this.o()}if(window.matchMedia&&window.matchMedia("(prefers-color-scheme: light)").matches){this.mode=h;this.o()}}if(!this.permanent&&!l){window.matchMedia("(prefers-color-scheme: light)").onchange=t=>{this.mode=t.matches?h:r;this.o()};window.matchMedia("(prefers-color-scheme: dark)").onchange=t=>{this.mode=t.matches?r:h;this.o()}}const d=new MutationObserver(((s,h)=>{this.mode=t.documentElement.dataset.colorMode;if(this.permanent&&l){localStorage.setItem(e,this.mode);this.i(i,{permanent:this.permanent})}this.h();this.i(o,{colorScheme:this.mode})}));d.observe(t.documentElement,{attributes:true});this.i(o,{colorScheme:this.mode});this.h()}attributeChangedCallback(t,s,o){if(t==="mode"&&s!==o&&[h,r].includes(o)){const t=localStorage.getItem(e);if(this.mode===t){this.mode=o;this.h();this.o()}else if(this.mode&&this.mode!==t){this.h();this.o()}}else if((t===h||t===r)&&s!==o){this.h()}if(t==="permanent"&&typeof this.permanent==="boolean"){this.permanent?localStorage.setItem(e,this.mode):localStorage.removeItem(e)}}o(){t.documentElement.setAttribute("data-color-mode",this.mode)}h(){this.icon.textContent=this.mode===h?"🌒":"🌞";this.text.textContent=this.mode===h?this.getAttribute(r):this.getAttribute(h)}t(){var s=this.attachShadow({mode:"open"});this.label=t.createElement("span");this.label.setAttribute("class","wrapper");this.label.onclick=()=>{this.mode=this.mode===h?r:h;if(this.permanent){localStorage.setItem(e,this.mode)}this.o();this.h()};s.appendChild(this.label);this.icon=t.createElement("span");this.label.appendChild(this.icon);this.text=t.createElement("span");this.label.appendChild(this.text);const o=`
+customElements.define('github-corners', GithubCorners);</script><github-corners target="__blank" position="fixed" z-index="999" href="https://github.com/uiwjs/date-formatter"></github-corners><dark-mode style="position: fixed; top: 8px; left: 10px; z-index: 999;" dark="Dark" light="Light" permanent="true"></dark-mode><script>const t=document;const e="_dark_mode_theme_";const s="permanent";const o="colorschemechange";const i="permanentcolorscheme";const h="light";const r="dark";const n=(t,e,s=e)=>{Object.defineProperty(t,s,{enumerable:true,get(){const t=this.getAttribute(e);return t===null?"":t},set(t){this.setAttribute(e,t)}})};const c=(t,e,s=e)=>{Object.defineProperty(t,s,{enumerable:true,get(){return this.hasAttribute(e)},set(t){if(t){this.setAttribute(e,"")}else{this.removeAttribute(e)}}})};class a extends HTMLElement{static get observedAttributes(){return["mode",h,r,s]}LOCAL_NANE=e;constructor(){super();this.t()}connectedCallback(){n(this,"mode");n(this,r);n(this,h);c(this,s);const a=localStorage.getItem(e);if(a&&[h,r].includes(a)){this.mode=a;this.permanent=true}if(this.permanent&&!a){localStorage.setItem(e,this.mode)}const l=[h,r].includes(a);if(this.permanent&&a){this.o()}else{if(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches){this.mode=r;this.o()}if(window.matchMedia&&window.matchMedia("(prefers-color-scheme: light)").matches){this.mode=h;this.o()}}if(!this.permanent&&!l){window.matchMedia("(prefers-color-scheme: light)").onchange=t=>{this.mode=t.matches?h:r;this.o()};window.matchMedia("(prefers-color-scheme: dark)").onchange=t=>{this.mode=t.matches?r:h;this.o()}}const d=new MutationObserver(((s,h)=>{this.mode=t.documentElement.dataset.colorMode;if(this.permanent&&l){localStorage.setItem(e,this.mode);this.i(i,{permanent:this.permanent})}this.h();this.i(o,{colorScheme:this.mode})}));d.observe(t.documentElement,{attributes:true});this.i(o,{colorScheme:this.mode});this.h()}attributeChangedCallback(t,s,o){if(t==="mode"&&s!==o&&[h,r].includes(o)){const t=localStorage.getItem(e);if(this.mode===t){this.mode=o;this.h();this.o()}else if(this.mode&&this.mode!==t){this.h();this.o()}}else if((t===h||t===r)&&s!==o){this.h()}if(t==="permanent"&&typeof this.permanent==="boolean"){this.permanent?localStorage.setItem(e,this.mode):localStorage.removeItem(e)}}o(){t.documentElement.setAttribute("data-color-mode",this.mode)}h(){this.icon.textContent=this.mode===h?"🌒":"🌞";this.text.textContent=this.mode===h?this.getAttribute(r):this.getAttribute(h)}t(){var s=this.attachShadow({mode:"open"});this.label=t.createElement("span");this.label.setAttribute("class","wrapper");this.label.onclick=()=>{this.mode=this.mode===h?r:h;if(this.permanent){localStorage.setItem(e,this.mode)}this.o();this.h()};s.appendChild(this.label);this.icon=t.createElement("span");this.label.appendChild(this.icon);this.text=t.createElement("span");this.label.appendChild(this.text);const o=`
 [data-color-mode*='dark'], [data-color-mode*='dark'] body {
   color-scheme: dark;
   --color-theme-bg: #0d1117;
@@ -155,7 +155,7 @@
         }
     }
 }
-customElements.define('markdown-style', MarkdownStyle);</script><markdown-style style="max-width: 960px; margin: 0 auto 60px auto; padding: 8px" class="markdown-style">
+customElements.define('markdown-style', MarkdownStyle);</script><markdown-style style="max-width: 960px; margin: 0 auto 60px auto; padding: 8px;max-width: 960px;" class="markdown-style">
     <h1 id="formatter"><a class="anchor" aria-hidden="true" tabindex="-1" href="#formatter"><span class="octicon octicon-link"></span></a>Formatter</h1>
     <p>
       <a href="https://github.com/uiwjs/date-formatter/actions/workflows/ci.yml"><img src="https://github.com/uiwjs/date-formatter/actions/workflows/ci.yml/badge.svg" alt="GitHub Actions Build formatter"></a> <a href="https://www.npmjs.com/package/@uiw/formatter"><img src="https://img.shields.io/npm/v/@uiw/formatter" alt=""></a> <a href="https://www.npmjs.com/package/@uiw/formatter"><img src="https://img.shields.io/bundlephobia/min/@uiw/formatter" alt=""></a>
@@ -264,60 +264,60 @@ <h2 id="api"><a class="anchor" aria-hidden="true" tabindex="-1" href="#api"><spa
 formatter.utc(rule: String, date: Date);
 " class="copied"><svg class="octicon-copy" aria-hidden="true" viewBox="0 0 16 16" fill="currentColor" height="12" width="12"><path fill-rule="evenodd" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"></path><path fill-rule="evenodd" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"></path></svg><svg class="octicon-check" aria-hidden="true" viewBox="0 0 16 16" fill="currentColor" height="12" width="12"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg></div></pre>
     <h2 id="supported-patterns"><a class="anchor" aria-hidden="true" tabindex="-1" href="#supported-patterns"><span class="octicon octicon-link"></span></a>Supported Patterns</h2>
-    
-      
-        
-          
-          
-          
-          
-        
-      
-      
-        
-          
-          
-          
-          
-        
-        
-          
-          
-          
-          
-        
-        
-          
-          
-          
-          
-        
-        
-          
-          
-          
-          
-        
-        
-          
-          
-          
-          
-        
-        
-          
-          
-          
-          
-        
-        
-          
-          
-          
-          
-        
-      
-    <table><thead><tr><th>rule</th><th>Description</th><th>中文说明</th><th>E.g</th></tr></thead><tbody><tr><td><code>YYYY</code></td><td>full year</td><td>年</td><td><code>2019</code></td></tr><tr><td><code>MM</code></td><td>month</td><td>月</td><td><code>02</code></td></tr><tr><td><code>DD</code></td><td>day</td><td>天</td><td><code>05</code></td></tr><tr><td><code>HH</code></td><td>hours</td><td>时</td><td><code>12</code></td></tr><tr><td><code>mm</code></td><td>minutes</td><td>分钟</td><td><code>59</code></td></tr><tr><td><code>ss</code></td><td>seconds</td><td>秒</td><td><code>09</code></td></tr><tr><td><code>ms</code></td><td>milliseconds</td><td>毫秒</td><td><code>532</code></td></tr></tbody></table>
+    <table>
+      <thead>
+        <tr>
+          <th>rule</th>
+          <th>Description</th>
+          <th>中文说明</th>
+          <th>E.g</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td><code>YYYY</code></td>
+          <td>full year</td>
+          <td>年</td>
+          <td><code>2019</code></td>
+        </tr>
+        <tr>
+          <td><code>MM</code></td>
+          <td>month</td>
+          <td>月</td>
+          <td><code>02</code></td>
+        </tr>
+        <tr>
+          <td><code>DD</code></td>
+          <td>day</td>
+          <td>天</td>
+          <td><code>05</code></td>
+        </tr>
+        <tr>
+          <td><code>HH</code></td>
+          <td>hours</td>
+          <td>时</td>
+          <td><code>12</code></td>
+        </tr>
+        <tr>
+          <td><code>mm</code></td>
+          <td>minutes</td>
+          <td>分钟</td>
+          <td><code>59</code></td>
+        </tr>
+        <tr>
+          <td><code>ss</code></td>
+          <td>seconds</td>
+          <td>秒</td>
+          <td><code>09</code></td>
+        </tr>
+        <tr>
+          <td><code>ms</code></td>
+          <td>milliseconds</td>
+          <td>毫秒</td>
+          <td><code>532</code></td>
+        </tr>
+      </tbody>
+    </table>
   <style>markdown-style pre .copied {
   display: flex;
   position: absolute;
@@ -367,6 +367,5 @@ <h2 id="supported-patterns"><a class="anchor" aria-hidden="true" tabindex="-1" h
       target.classList.remove('active');
     }, 2000);
   });
-}</script></markdown-style>
-
-</body></html>
\ No newline at end of file
+}</script></markdown-style></body>
+</html>
diff --git a/lcov-report/index.html b/lcov-report/index.html
index 16ef4980..c1c3631b 100644
--- a/lcov-report/index.html
+++ b/lcov-report/index.html
@@ -57,7 +57,7 @@ <h1>All files</h1>
         <template id="filterTemplate">
             <div class="quiet">
                 Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
+                <input type="search" id="fileSearch">
             </div>
         </template>
     </div>
@@ -101,7 +101,7 @@ <h1>All files</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-04-05T12:44:01.003Z
+                at 2024-06-24T06:20:04.015Z
             </div>
         <script src="prettify.js"></script>
         <script>
diff --git a/lcov-report/index.ts.html b/lcov-report/index.ts.html
index 501c75ca..d206f051 100644
--- a/lcov-report/index.ts.html
+++ b/lcov-report/index.ts.html
@@ -57,7 +57,7 @@ <h1><a href="index.html">All files</a> index.ts</h1>
         <template id="filterTemplate">
             <div class="quiet">
                 Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
+                <input type="search" id="fileSearch">
             </div>
         </template>
     </div>
@@ -187,7 +187,7 @@ <h1><a href="index.html">All files</a> index.ts</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-04-05T12:44:01.003Z
+                at 2024-06-24T06:20:04.015Z
             </div>
         <script src="prettify.js"></script>
         <script>

rule	Description	中文说明	E.g
`YYYY`	full year	年	`2019`
`MM`	month	月	`02`
`DD`	day	天	`05`
`HH`	hours	时	`12`
`mm`	minutes	分钟	`59`
`ss`	seconds	秒	`09`
`ms`	milliseconds	毫秒	`532`