fix

public/index.html

@@ -98,13 +98,14 @@
               <th class="col-key">键名</th>
               <th class="col-value">值</th>
               <th class="col-type">类型</th>
+              <th class="col-status">状态</th>
               <th class="col-desc">说明</th>
               <th class="col-actions">操作</th>
             </tr>
           </thead>
           <tbody id="config-tbody">
             <tr class="empty-row">
-              <td colspan="5">请在左侧选择节点查看配置</td>
+              <td colspan="6">请在左侧选择节点查看配置</td>
             </tr>
           </tbody>
         </table>
@@ -204,8 +205,8 @@
     </div>
   </div>
 
-  <!-- 模态框：新增/编辑配置项 -->
-  <div class="modal-overlay" id="modal-config" style="display:none">
+  <!-- 抽屉：新增/编辑/查看配置项（右侧滑出，占屏幕 68%） -->
+  <div class="modal-overlay drawer-overlay" id="modal-config" style="display:none">
     <div class="modal">
       <div class="modal-header">
         <h3 id="modal-config-title">新增配置项</h3>
@@ -236,6 +237,10 @@
           <label>值</label>
           <input type="text" id="config-value" placeholder="配置值">
         </div>
+        <div class="form-group">
+          <label>默认值 <span class="hint">（规划模式，编辑模式下值为空时展示回退）</span></label>
+          <input type="text" id="config-default-value" placeholder="配置值为空时展示/回退的默认值">
+        </div>
         <div class="form-row">
           <div class="form-group form-half">
             <label>类型</label>
@@ -248,7 +253,30 @@
           </div>
           <div class="form-group form-half">
             <label>值范围 <span class="hint">（规划模式）</span></label>
-            <input type="text" id="config-value-range" placeholder="例如：1-100 或 枚举: A,B">
+            <input type="text" id="config-value-range" placeholder="例如：1-100、枚举: A,B 或 /正则/">
+          </div>
+        </div>
+        <div class="form-group" id="config-range-preset-group" style="display:none">
+          <label>常见格式 <span class="hint">（string 类型：值范围按正则校验，选择后自动填入）</span></label>
+          <select id="config-range-preset">
+            <option value="">— 选择常见格式 —</option>
+            <option value="phone">📱 手机号（中国大陆 11 位）</option>
+            <option value="email">✉️ 邮箱</option>
+            <option value="idcard">🪪 身份证（18 位）</option>
+            <option value="ipv4">🌐 IPv4 地址</option>
+            <option value="url">🔗 URL 链接</option>
+            <option value="port">🔌 端口号（1-65535）</option>
+            <option value="alphanumeric">🔤 字母数字</option>
+          </select>
+        </div>
+        <div class="form-row">
+          <div class="form-group form-half">
+            <label>是否必须 <span class="hint">（规划模式）</span></label>
+            <label class="checkbox-label"><input type="checkbox" id="config-required"> 编辑模式下必须填写值</label>
+          </div>
+          <div class="form-group form-half">
+            <label>是否存在 <span class="hint">（编辑模式）</span></label>
+            <label class="checkbox-label"><input type="checkbox" id="config-exists" checked> 该配置项当前存在/生效</label>
           </div>
         </div>
         <div class="form-group">