Skip to content

Commit 257d546

Browse files
committed
更新文档:添加多语言支持说明,包括语言属性设置、动态切换和设置面板切换的示例。
1 parent e97d6e8 commit 257d546

File tree

2 files changed

+64
-0
lines changed

2 files changed

+64
-0
lines changed

README.en.md

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -171,6 +171,7 @@ const insertAtCursor = (text) => {
171171
| disabled | boolean | false | Disable component |
172172
| maxLength | number | 1000 | Maximum input length |
173173
| autofocus | boolean | false | Auto focus on mount |
174+
| language | string | 'zh' | Interface language ('zh'/'en') |
174175

175176
## Component Events
176177

@@ -237,6 +238,37 @@ interface Variable {
237238
}
238239
```
239240

241+
## Language Support
242+
243+
The editor supports both Chinese and English interfaces:
244+
245+
1. Set language via prop:
246+
```vue
247+
<ExpressionEditor
248+
:language="'en'" <!-- Set to English interface -->
249+
/>
250+
```
251+
252+
2. Dynamic language switching:
253+
```vue
254+
<script setup>
255+
const currentLang = ref('zh')
256+
</script>
257+
258+
<template>
259+
<ExpressionEditor
260+
v-model:language="currentLang"
261+
/>
262+
</template>
263+
```
264+
265+
3. Switch in settings panel:
266+
- Click the settings button to open settings panel
267+
- Select desired language in language settings
268+
- Settings will be automatically saved
269+
270+
Note: Language setting affects all interface text in the editor, including button labels, tooltips, and error messages.
271+
240272
## Usage Tips
241273

242274
1. Keyboard Shortcuts:

README.md

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -171,6 +171,7 @@ const insertAtCursor = (text) => {
171171
| disabled | boolean | false | 是否禁用 |
172172
| maxLength | number | 1000 | 最大长度 |
173173
| autofocus | boolean | false | 是否自动获取焦点 |
174+
| language | string | 'zh' | 界面语言(支持 'zh'/'en') |
174175

175176
## 组件事件
176177

@@ -237,6 +238,37 @@ interface Variable {
237238
}
238239
```
239240

241+
## 多语言支持
242+
243+
编辑器支持中文和英文两种界面语言:
244+
245+
1. 通过属性设置语言:
246+
```vue
247+
<ExpressionEditor
248+
:language="'en'" <!-- 设置为英文界面 -->
249+
/>
250+
```
251+
252+
2. 动态切换语言:
253+
```vue
254+
<script setup>
255+
const currentLang = ref('zh')
256+
</script>
257+
258+
<template>
259+
<ExpressionEditor
260+
v-model:language="currentLang"
261+
/>
262+
</template>
263+
```
264+
265+
3. 在设置面板中切换:
266+
- 点击设置按钮打开设置面板
267+
- 在语言设置中选择需要的语言
268+
- 设置会自动保存
269+
270+
注意:语言设置会影响整个编辑器的界面文本,包括按钮文本、提示信息和错误消息等。
271+
240272
## 使用技巧
241273

242274
1. 快捷键支持:

0 commit comments

Comments
 (0)