背景
使用XForm或者XTable经常需要结合文档来使用，同时在多个表单的构建过程中也经常出现重复的文本，所以就导致了会经常回去翻找以前的代码进行ctrl + c，ctrl + v，X系列的框架确实好用，方便，但是查找文档以及回看以前的代码会相对地降低开发的效率，所以可以将部分内容通过vscode的片段——snippets来解决。
安装
vscode 插件市场中搜索x-snippets，或者在本文档附件中点击下载然后通过图示进行安装（目前只包含xForm部分片段
基本使用方法
在javascript或者typescript中输入x，则会带出所有与xForm或者xTable相关的片段，同时会在每个片段的右侧展示对应的内容，通过补全字段或者键盘的上下键进行片段选择，最后通过回车确定选择的片段。
选择片段之后通常会有几个光标位置，填写相应的内容后可以通过tab切换到下一个光标的位置继续填写。
部分特殊的字段，比如xForm表单中的status字段拥有的枚举类型也会有相应的选择提供。
协定
目前插件只涵盖schema版本的xForm及xTable
- XForm相关内容以x为开头，内容涵盖组件、状态、以及联动
- XTable相关内容以xt为开头，内容涵盖filter，action，operation，fields等。
snippets 列表
| No. |
Trigger Key |
Key Description |
| 1. |
xSelect |
schema 组件 Select |
| 2. |
xInput |
schema 组件 Input |
| 3. |
xInputNumber |
schema 组件 InputNumber，ps：值为数字类型的组件 rules 中 type 要为 number，否则会报错：xxx is not a string |
| 4. |
xAutoComplete |
schema 组件 AutoComplete |
| 5. |
xSwitch |
schema 组件 Switch |
| 6. |
xRadio |
schema 组件 Radio |
| 7. |
xRadioButton |
schema 组件 RadioButton |
| 8. |
xCheckbox |
schema 组件 Checkbox 多选框 |
| 9. |
xCheckboxAll |
schema 组件 CheckboxAll 全选框 |
| 10. |
xCascader |
schema 组件 Cascader 级联选择器 |
| 12. |
xTreeSelect |
schema 组件 TreeSelect 树形选择器 |
| 13. |
xDatePicker |
schema 组件 DatePicker 日期选择器 |
| 14. |
xTimePicker |
schema 组件 TimePicker 时间选择器 |
| 15. |
xDateTimePicker |
schema 组件 DateTimePicker 日期时间选择器 |
| 16. |
xMonthPicker |
schema 组件 MonthPicker 月选择器 |
| 17. |
xWeekPicker |
schema 组件 WeekPicker 周选择器 |
| 18. |
xRangePicker |
schema 组件 RangePicker 时间段选择器 |
| 19. |
xUploadImg |
schema 组件 UploadImg 图片上传 |
| 20. |
xUploadFile |
schema 组件 UploadFile 文件上传 |
| 21. |
xUploadAudio |
schema 组件 UploadAudio 上传音频 |
| 22. |
xRate |
xForm schema 组件 Rate 评星级 |
| 23. |
xSlider |
schema 组件 Slider 数字滑块 |
| 24. |
xArrayCard |
schema 列表组件 Array Card类型 |
| 25. |
xArrayTable |
schema 列表组件 Array Table类型 |
| No. |
Trigger Key |
Key Description |
| 1. |
xStatus |
表单状态，edit(默认)：编辑，disabled: 禁用， preview：预览，hidden：隐藏，none：消失（隐藏且不会带入到表单中） |
| 2. |
xListener1 |
表单联动，当Condition为表达式 |
| 3. |
xListener2 |
表单联动，当Condition为Function |
| 4. |
xListener3 |
表单联动，当Set为对象 |
| 5. |
xListener4 |
表单联动，当Set为Function |
| 6. |
xRules1 |
schema 组件规则 不能为空 |
| 7. |
xRules2 |
schema 组件规则 自定义 |
XTable Part 常规类型字段
| No. |
Trigger Key |
Key Description |
| 1. |
xtBaseConfig |
xTable schema 基本配置 |
| 2. |
xtText |
xTable 列表对象 Text 常规组件 |
| 3. |
xtEnum1 |
xTable 列表对象 Enum 枚举组件 |
| 4. |
xtEnum2 |
xTable 列表对象 Enum 枚举组件 options写法 |
| 5. |
xtDatetime |
xTable 列表对象 Datetime 日期组件 |
| 6. |
xtImage |
xTable 列表对象 Image 图片组件 |
| 7. |
xtFormat |
xTable 列表对象 Format 格式化组件 |
| 8. |
xtLink |
xTable 列表对象 Link 链接组件 |
| 9. |
xtAudio |
xTable 列表对象 Audio 音频组件 |
| 10. |
xtVideo |
xTable 列表对象 Video 视频组件 |
| 11. |
xtJson |
xTable 列表对象 Json 字符串 |
| 12. |
xtIndexBorder |
xTable 列表对象 IndexBorder 序号列 |
| 13. |
xtNumber |
xTable 列表对象 Number 数字列 |
XTable Part 全局/局部操作配置
| No. |
Trigger Key |
Key Description |
| 1. |
xtCreate |
xTable 全局/局部操作 创建 |
| 2. |
xtEdit |
xTable 全局/局部操作 编辑 |
| 3. |
xtDelete |
xTable 全局/局部操作 删除 |
| 4. |
xtDetail |
xTable 全局/局部操作 详情操作 |
| 5. |
xtHttp |
xTable 全局/局部操作 请求操作 |
| 6. |
xtOpen |
xTable 全局/局部操作 新开页面链接 |
XTable Part 全局/局部操作配置 钩子/条件
| No. |
Trigger Key |
Key Description |
| 1. |
xtBefore1 |
xTable 全局/局部操作 before 同步 |
| 2. |
xtBefore2 |
xTable 全局/局部操作 before 异步 |
| 3. |
xtAfter1 |
xTable 全局/局部操作 after 同步 |
| 4. |
xtAfter2 |
xTable 全局/局部操作 after 异步 |
| 5. |
xtCondition |
xTable 操作配置 按钮显示隐藏 condition |
| |
