更新文档：1. 添加隐藏变量选择和隐藏虚拟键盘的配置项；2. 增加初始设置示例，便于用户理解；3. 更新接口文档以反映新选项。

---------------------
[deploy]

Author: iwangbowen

README.en.md

@@ -142,18 +142,28 @@ app.mount('#app')
   <ExpressionEditor
     v-model="expression"
     :variables="variables"
-    :show-toolbar="true"         <!-- Show toolbar -->
-    :show-validate="true"        <!-- Show validation button -->
-    :show-info="true"           <!-- Show information button -->
-    :show-theme="true"          <!-- Show theme toggle -->
-    :show-settings="true"       <!-- Show settings button -->
-    :show-preview="true"        <!-- Show preview button -->
-    :show-copy="true"          <!-- Show copy button -->
-    :show-style-toggle="true"   <!-- Show style toggle -->
-    :readonly="false"          <!-- Enable editing -->
-    :disabled="false"          <!-- Enable component -->
-    :max-length="1000"         <!-- Maximum input length -->
-    :autofocus="false"         <!-- Auto focus on mount -->
+    :show-toolbar="true"
+    :show-validate="true"
+    :show-info="true"
+    :show-theme="true"
+    :show-settings="true"
+    :show-preview="true"
+    :show-copy="true"
+    :show-style-toggle="true"
+    :hide-variables="false"
+    :hide-keyboard="false"
+    :initial-settings="{
+      autoCompleteBrackets: false,
+      bracketColorEnabled: false,
+      isDarkMode: false,
+      horizontalLayout: false,
+      hideVariables: false,
+      hideKeyboard: false
+    }"
+    :readonly="false"
+    :disabled="false"
+    :max-length="1000"
+    :autofocus="false"
     @update:modelValue="handleUpdate"
     @validation-change="handleValidationChange"
     @change="handleChange"
@@ -255,6 +265,8 @@ const insertAtCursor = (text) => {
 | showPreview | boolean | true | Show preview button |
 | showCopy | boolean | true | Show copy button |
 | showStyleToggle | boolean | true | Show style toggle button |
+| hideVariables | boolean | false | Whether to hide variable selection area |
+| hideKeyboard | boolean | false | Whether to hide virtual keyboard |
 | readonly | boolean | false | Read-only mode |
 | disabled | boolean | false | Disable component |
 | maxLength | number | 1000 | Maximum input length |
@@ -308,10 +320,14 @@ interface EditorSettings {
   autoCompleteBrackets: boolean;
   // Enable bracket colors
   bracketColorEnabled: boolean;
-  // Dark mode
+  // Dark theme
   isDarkMode: boolean;
   // Horizontal layout
   horizontalLayout: boolean;
+  // Hide variable selection area
+  hideVariables: boolean;
+  // Hide virtual keyboard
+  hideKeyboard: boolean;
 }
 ```
 

README.md

@@ -150,6 +150,16 @@ app.mount('#app')
     :show-preview="true"
     :show-copy="true"
     :show-style-toggle="true"
+    :hide-variables="false"
+    :hide-keyboard="false"
+    :initial-settings="{
+      autoCompleteBrackets: false,
+      bracketColorEnabled: false,
+      isDarkMode: false,
+      horizontalLayout: false,
+      hideVariables: false,
+      hideKeyboard: false
+    }"
     :readonly="false"
     :disabled="false"
     :max-length="1000"
@@ -255,6 +265,8 @@ const insertAtCursor = (text) => {
 | showPreview | boolean | true | 是否显示预览按钮 |
 | showCopy | boolean | true | 是否显示复制按钮 |
 | showStyleToggle | boolean | true | 是否显示样式切换按钮 |
+| hideVariables | boolean | false | 是否隐藏变量选择区域 |
+| hideKeyboard | boolean | false | 是否隐藏虚拟键盘 |
 | readonly | boolean | false | 是否只读 |
 | disabled | boolean | false | 是否禁用 |
 | maxLength | number | 1000 | 最大长度 |
@@ -312,6 +324,10 @@ interface EditorSettings {
   isDarkMode: boolean;
   // 水平布局
   horizontalLayout: boolean;
+  // 隐藏变量选择区域
+  hideVariables: boolean;
+  // 隐藏虚拟键盘
+  hideKeyboard: boolean;
 }
 ```