添加正则表达式页面

wherewhere · Jul 18, 2024 · 57a2dc0 · 57a2dc0
1 parent a0acf65
commit 57a2dc0
Show file tree

Hide file tree

Showing 3 changed files with 748 additions and 25 deletions.
diff --git a/source/tools/crypto/index.md b/source/tools/crypto/index.md
@@ -167,14 +167,12 @@ sitemap: false
       <template #description>
         其他加密选项。
       </template>
-      <div class="setting-expander-content-grid">
-        <div class="stack-vertical" style="gap: 3px; align-items: stretch;">
-          <fluent-number-field v-for="(_, key) in option.others" v-model="option.others[key]">{{ key
-            }}</fluent-number-field>
-        </div>
+      <div class="setting-expander-content-grid stack-vertical" style="gap: 3px; align-items: stretch;">
+        <fluent-number-field v-for="(_, key) in option.others" v-model="option.others[key]">{{ key
+          }}</fluent-number-field>
       </div>
     </settings-expander>
-    <settings-card v-if="verify.enabled">
+    <settings-card class="settings-nowarp" v-if="verify.enabled">
       <template #icon>
         <svg-host src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons/icons/autocorrect_20_regular.svg"></svg-host>
       </template>
@@ -210,7 +208,8 @@ sitemap: false
             </div>
           </div>
         </template>
-        <fluent-text-area v-model="encoded" resize="vertical" :readonly="!verify.enabled" style="width: 100%;"></fluent-text-area>
+        <fluent-text-area v-model="encoded" resize="vertical" :readonly="!verify.enabled"
+          style="width: 100%;"></fluent-text-area>
       </input-label>
     </div>
   </div>
@@ -854,6 +853,20 @@ sitemap: false
     .settings-presenter div.content-presenter {
       margin: var(--settings-card-vertical-header-content-spacing);
     }
+
+    .settings-nowarp .settings-presenter {
+      flex-flow: row;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .settings-nowarp .settings-presenter div.header-panel {
+      margin: 0px 24px 0px 0px;
+    }
+
+    .settings-nowarp .settings-presenter div.content-presenter {
+      margin: unset;
+    }
   }
 
   .settings-card {

diff --git a/source/tools/index.md b/source/tools/index.md
@@ -87,22 +87,20 @@ sitemap: false
       <template #description>
         转换 Unix 时间戳与时间字符串。
       </template>
-      <div class="setting-expander-content-grid">
-        <div class="stack-vertical" style="gap: 10px;">
-          <div class="stack-horizontal" style="gap: inherit;">
-            <fluent-number-field v-model="timeStamp" style="flex: 1;"></fluent-number-field>
-            <fluent-button @click="convertTimeStamp">转换时间戳</fluent-button>
-          </div>
-          <div class="stack-horizontal" style="gap: inherit;">
-            <fluent-text-field v-model="timeString" style="flex: 1;"></fluent-text-field>
-            <fluent-button @click="convertTimeString">转换时间</fluent-button>
-          </div>
-          <div class="stack-horizontal" style="justify-content: space-between; gap: inherit;">
-            <fluent-button @click="setDateTimeNow">当前时间</fluent-button>
-            <value-change-host v-model="isMillisecond" value-name="checked" event-name="change">
-              <fluent-switch>时间戳是否为毫秒</fluent-switch>
-            </value-change-host>
-          </div>
+      <div class="setting-expander-content-grid stack-vertical" style="gap: 10px;">
+        <div class="stack-horizontal" style="gap: inherit;">
+          <fluent-number-field v-model="timeStamp" style="flex: 1;"></fluent-number-field>
+          <fluent-button @click="convertTimeStamp">转换时间戳</fluent-button>
+        </div>
+        <div class="stack-horizontal" style="gap: inherit;">
+          <fluent-text-field v-model="timeString" style="flex: 1;"></fluent-text-field>
+          <fluent-button @click="convertTimeString">转换时间</fluent-button>
+        </div>
+        <div class="stack-horizontal" style="justify-content: space-between; gap: inherit;">
+          <fluent-button @click="setDateTimeNow">当前时间</fluent-button>
+          <value-change-host v-model="isMillisecond" value-name="checked" event-name="change">
+            <fluent-switch>时间戳是否为毫秒</fluent-switch>
+          </value-change-host>
         </div>
       </div>
     </settings-expander>
@@ -126,7 +124,7 @@ sitemap: false
           src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons/icons/number_symbol_square_20_regular.svg"></svg-host>
       </template>
       <template #header>
-        <h4 id="base-x" class="unset">Base X</h4>
+        <h4 id="base-x" class="unset">Base X 编码</h4>
       </template>
       <template #description>
         使用 <fluent-anchor appearance="hypertext" href="https://github.com/UmamiAppearance/BaseExJS"
@@ -146,7 +144,7 @@ sitemap: false
         <svg-host src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons/icons/shield_lock_20_regular.svg"></svg-host>
       </template>
       <template #header>
-        <h4 id="base-x" class="unset">加密</h4>
+        <h4 id="base-x" class="unset">Hash 加密</h4>
       </template>
       <template #description>
         使用 <fluent-anchor appearance="hypertext" href="https://github.com/Daninet/hash-wasm/"
@@ -156,6 +154,20 @@ sitemap: false
         <svg-host src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons/icons/chevron_right_12_regular.svg"></svg-host>
       </template>
     </settings-button>
+    <settings-button @click="() => navigate('./regex')">
+      <template #icon>
+        <svg-host src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons/icons/code_20_regular.svg"></svg-host>
+      </template>
+      <template #header>
+        <h4 id="base-x" class="unset">正则表达式</h4>
+      </template>
+      <template #description>
+        测试正则表达式。
+      </template>
+      <template #action-icon>
+        <svg-host src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons/icons/chevron_right_12_regular.svg"></svg-host>
+      </template>
+    </settings-button>
   </settings-group>
 </div>