├── imgs
    ├── vue.gif
    ├── heyui.png
    └── component.gif
├── CHANGELOG.md
├── snippets
    ├── vue.json
    ├── javascript.json
    └── component.json
├── LICENSE
├── vsc-extension-quickstart.md
├── package.json
└── README.md


/imgs/vue.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/heyui/heyui-snippets/HEAD/imgs/vue.gif


--------------------------------------------------------------------------------
/imgs/heyui.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/heyui/heyui-snippets/HEAD/imgs/heyui.png


--------------------------------------------------------------------------------
/imgs/component.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/heyui/heyui-snippets/HEAD/imgs/component.gif


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Change Log
2 | All notable changes to the "heyui-snippets" extension will be documented in this file.
3 | 
4 | Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file.
5 | 
6 | ## [Unreleased]
7 | - Initial release


--------------------------------------------------------------------------------
/snippets/vue.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "vue": {
 3 |     "prefix": "vue",
 4 |     "body": [
 5 |       "<style lang='less'>",
 6 |       "</style>",
 7 |       "<template>",
 8 |       "  <div class=\"\">",
 9 |       "    ",
10 |       "  </div>",
11 |       "</template>",
12 |       "<script>",
13 |       "export default {",
14 |       "  data() {",
15 |       "    return {",
16 |       "      ",
17 |       "    }",
18 |       "  },",
19 |       "  mounted() {",
20 |       "    this.init()",
21 |       "  },",
22 |       "  methods: {",
23 |       "    init() {",
24 |       "      ",
25 |       "    }",
26 |       "  },",
27 |       "  computed: {",
28 |       "    ",
29 |       "  }",
30 |       "}",
31 |       "</script>"
32 |     ],
33 |     "description": "vue-template"
34 |   },
35 |   "jsmodel template": {
36 |     "prefix": "model",
37 |     "body": [
38 |       "import FORMAT from '../format';",
39 |       "",
40 |       "export default new Model({",
41 |       "  createdAt: {",
42 |       "    type: Model.DATE,",
43 |       "    format: FORMAT.K",
44 |       "  }",
45 |       "})"
46 |     ],
47 |     "description": "init js-model"
48 |   }
49 | }
50 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 Hey UI
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/vsc-extension-quickstart.md:
--------------------------------------------------------------------------------
 1 | # Welcome to your VS Code Extension
 2 | 
 3 | ## What's in the folder
 4 | * This folder contains all of the files necessary for your extension.
 5 | * `package.json` - this is the manifest file that defines the location of the snippet file
 6 | and specifies the language of the snippets.
 7 | * `snippets/snippets.json` - the file containing all snippets.
 8 | 
 9 | ## Get up and running straight away
10 | * Press `F5` to open a new window with your extension loaded.
11 | * Create a new file with a file name suffix matching your language.
12 | * Verify that your snippets are proposed on intellisense.
13 | 
14 | ## Make changes
15 | * You can relaunch the extension from the debug toolbar after making changes to the files listed above.
16 | * You can also reload (`Ctrl+R` or `Cmd+R` on Mac) the VS Code window with your extension to load your changes.
17 | 
18 | ## Install your extension
19 | * To start using your extension with Visual Studio Code copy it into the `<user home>/.vscode/extensions` folder and restart Code.
20 | * To share your extension with the world, read on https://code.visualstudio.com/docs about publishing an extension.
21 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "heyui-snippets",
 3 |     "displayName": "heyui-snippets",
 4 |     "description": "HeyUI Component Snippets",
 5 |     "version": "1.1.0",
 6 |     "publisher": "vvpvvp",
 7 |     "license": "MIT",
 8 |     "icon": "imgs/heyui.png",
 9 |     "scripts": {
10 |         "publish": "vsce publish"
11 |     },
12 | 	"bugs": {
13 | 		"url": "https://github.com/heyui/heyui-snippets/issues",
14 | 		"email": "alias8516@sina.com.cn"
15 | 	},
16 | 	"homepage": "https://github.com/heyui/heyui-snippets/blob/master/README.md",
17 | 	"repository": {
18 | 		"type": "git",
19 | 		"url": "https://github.com/heyui/heyui-snippets"
20 | 	},
21 |     "engines": {
22 |         "vscode": "^1.24.0"
23 |     },
24 |     "categories": [
25 |         "Snippets"
26 |     ],
27 |     "contributes": {
28 |         "snippets": [
29 |             {
30 |                 "language": "vue",
31 |                 "path": "./snippets/vue.json"
32 |             },
33 |             {
34 |                 "language": "vue-html",
35 |                 "path": "./snippets/component.json"
36 |             },
37 |             {
38 |                 "language": "javascript",
39 |                 "path": "./snippets/javascript.json"
40 |             }
41 |         ]
42 | 	}
43 | }


--------------------------------------------------------------------------------
/snippets/javascript.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"$Message": {
 3 | 		"prefix": "this.$Message",
 4 | 		"body": "this.\\$Message(${1})",
 5 | 		"description": "heyui $Message"
 6 | 	},
 7 | 	"$Notice": {
 8 | 		"prefix": "this.$Notice",
 9 | 		"body": "this.\\$Notice({${1}})",
10 | 		"description": "heyui $Notice"
11 | 	},
12 | 	"$Modal": {
13 | 		"prefix": "this.$Modal",
14 | 		"body": "this.\\$Modal({${1}})",
15 | 		"description": "heyui $Modal"
16 | 	},
17 | 	"$Confirm": {
18 | 		"prefix": "this.$Confirm",
19 | 		"body": "this.\\$Confirm(${1}).then(()=>{${2}})",
20 | 		"description": "heyui $Confirm"
21 | 	},
22 | 	"$Loading": {
23 | 		"prefix": "this.$Loading",
24 | 		"body": "this.\\$Loading(${1})",
25 | 		"description": "heyui $Loading"
26 | 	},
27 | 	"$LoadingBar": {
28 | 		"prefix": "this.$LoadingBar",
29 | 		"body": "this.\\$LoadingBar(${1})",
30 | 		"description": "heyui $LoadingBar"
31 | 	},
32 | 	"$ScrollIntoView": {
33 | 		"prefix": "this.$ScrollIntoView",
34 | 		"body": "this.\\$ScrollIntoView({${1}})",
35 | 		"description": "heyui $ScrollIntoView"
36 | 	},
37 | 	"$Clipboard": {
38 | 		"prefix": "this.$Clipboard",
39 | 		"body": "this.\\$Clipboard({${1}})",
40 | 		"description": "heyui $Clipboard"
41 | 	},
42 | 	"$ImagePreview": {
43 | 		"prefix": "this.$ImagePreview",
44 | 		"body": "this.\\$ImagePreview({${1}})",
45 | 		"description": "heyui $ImagePreview"
46 | 	}
47 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # heyui-snippets
  2 | [![](https://vsmarketplacebadge.apphb.com/version-short/vvpvvp.heyui-snippets.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=vvpvvp.heyui-snippets)
  3 | [![](https://vsmarketplacebadge.apphb.com/installs-short/vvpvvp.heyui-snippets.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=vvpvvp.heyui-snippets)
  4 | [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](LICENSE)  
  5 | 
  6 | HeyUI tooling for VS Code.
  7 | 
  8 | git: https://github.com/heyui/heyui-snippets  
  9 | vscode: https://marketplace.visualstudio.com/items?itemName=vvpvvp.heyui-snippets
 10 | 
 11 | ## HeyUI
 12 | 
 13 | >A UI components Library.
 14 | 
 15 | visit [heyui.top](http://www.heyui.top).
 16 | 
 17 | ## Snippets
 18 | 
 19 | ### Vue Snippets
 20 | 
 21 | ![vue snippets](https://raw.githubusercontent.com/heyui/heyui-snippets/master/imgs/vue.gif)
 22 | 
 23 | 
 24 | ### HeyUI Snippets
 25 | ![component snippets](https://raw.githubusercontent.com/heyui/heyui-snippets/master/imgs/component.gif)
 26 | 
 27 | 
 28 | ### Component Snippets List
 29 | 
 30 | <table>
 31 |   <thead>
 32 |     <tr>
 33 |       <th>Component</th>
 34 |     </tr>
 35 |   </thead>
 36 |   <tbody>
 37 |     <tr>
 38 |       <td>Affix</td>
 39 |     </tr>
 40 |     <tr>
 41 |       <td>BackTop</td>
 42 |     </tr>
 43 |     <tr>
 44 |       <td>Badge</td>
 45 |     </tr>
 46 |     <tr>
 47 |       <td>Checkbox</td>
 48 |     </tr>
 49 |     <tr>
 50 |       <td>Circle</td>
 51 |     </tr>
 52 |     <tr>
 53 |       <td>Category</td>
 54 |     </tr>
 55 |     <tr>
 56 |       <td>Datetime</td>
 57 |     </tr>
 58 |     <tr>
 59 |       <td>DropdownCustom</td>
 60 |     </tr>
 61 |     <tr>
 62 |       <td>DropdownMenu</td>
 63 |     </tr>
 64 |     <tr>
 65 |       <td>Form</td>
 66 |     </tr>
 67 |     <tr>
 68 |       <td>FormItem</td>
 69 |     </tr>
 70 |     <tr>
 71 |       <td>Menu</td>
 72 |     </tr>
 73 |     <tr>
 74 |       <td>Modal</td>
 75 |     </tr>
 76 |     <tr>
 77 |       <td>ModalComponent</td>
 78 |     </tr>
 79 |     <tr>
 80 |       <td>Pagination</td>
 81 |     </tr>
 82 |     <tr>
 83 |       <td>Poptip</td>
 84 |     </tr>
 85 |     <tr>
 86 |       <td>Progress</td>
 87 |     </tr>
 88 |     <tr>
 89 |       <td>Radio</td>
 90 |     </tr>
 91 |     <tr>
 92 |       <td>Rate</td>
 93 |     </tr>
 94 |     <tr>
 95 |       <td>Slider</td>
 96 |     </tr>
 97 |     <tr>
 98 |       <td>Loading</td>
 99 |     </tr>
100 |     <tr>
101 |       <td>Steps</td>
102 |     </tr>
103 |     <tr>
104 |       <td>Search</td>
105 |     </tr>
106 |     <tr>
107 |       <td>Select</td>
108 |     </tr>
109 |     <tr>
110 |       <td>Switch</td>
111 |     </tr>
112 |     <tr>
113 |       <td>SwitchList</td>
114 |     </tr>
115 |     <tr>
116 |       <td>Tabs</td>
117 |     </tr>
118 |     <tr>
119 |       <td>TagInput</td>
120 |     </tr>
121 |     <tr>
122 |       <td>Tree</td>
123 |     </tr>
124 |     <tr>
125 |       <td>TreePicker</td>
126 |     </tr>
127 |     <tr>
128 |       <td>NumberInput</td>
129 |     </tr>
130 |     <tr>
131 |       <td>Tooltip</td>
132 |     </tr>
133 |     <tr>
134 |       <td>Uploader</td>
135 |     </tr>
136 |     <tr>
137 |       <td>AutoComplete</td>
138 |     </tr>
139 |     <tr>
140 |       <td>Timeline</td>
141 |     </tr>
142 |     <tr>
143 |       <td>TextEllipsis</td>
144 |     </tr>
145 |     <tr>
146 |       <td>Table</td>
147 |     </tr>
148 |     <tr>
149 |       <td>TableItem</td>
150 |     </tr>
151 |     <tr>
152 |       <td>Row</td>
153 |     </tr>
154 |     <tr>
155 |       <td>Col</td>
156 |     </tr>
157 |     <tr>
158 |       <td>Button</td>
159 |     </tr>
160 |     <tr>
161 |       <td>ButtonGroup</td>
162 |     </tr>
163 |   </tbody>
164 | </table>
165 | 
166 | ### Method Snippets List
167 | 
168 | <table>
169 |   <thead>
170 |     <tr>
171 |       <th>Method</th>
172 |     </tr>
173 |   </thead>
174 |   <tbody>
175 |     <tr>
176 |       <td>$Message</td>
177 |     </tr>
178 |     <tr>
179 |       <td>$Notice</td>
180 |     </tr>
181 |     <tr>
182 |       <td>$Confirm</td>
183 |     </tr>
184 |     <tr>
185 |       <td>$Loading</td>
186 |     </tr>
187 |     <tr>
188 |       <td>$ScrollIntoView</td>
189 |     </tr>
190 |   </tbody>
191 | </table>
192 | 
193 | 
194 | **Enjoy!**
195 | 


--------------------------------------------------------------------------------
/snippets/component.json:
--------------------------------------------------------------------------------
  1 | {
  2 | 	"Affix": {
  3 | 		"prefix": "Affix",
  4 | 		"body": "<Affix :offsetTop=\"${1}\"></Affix>",
  5 | 		"description": "Affix Component"
  6 | 	},
  7 | 	"BackTop": {
  8 | 		"prefix": "BackTop",
  9 | 		"body": "<BackTop :target=\"getTarget\" className=\"${1}\"></BackTop>",
 10 | 		"description": "BackTop Component"
 11 | 	},
 12 | 	"Badge": {
 13 | 		"prefix": "Badge",
 14 | 		"body": "<Badge :count=\"${1}\"></Badge>",
 15 | 		"description": "Badge Component"
 16 | 	},
 17 | 	"Checkbox": {
 18 | 		"prefix": "Checkbox",
 19 | 		"body": "<Checkbox v-model=\"${1}\" dict=\"${2}\"></Checkbox>",
 20 | 		"description": "Checkbox Component"
 21 | 	},
 22 | 	"h-circle": {
 23 | 		"prefix": "h-circle",
 24 | 		"body": "<h-circle :percent=\"${1}\"></h-circle>",
 25 | 		"description": "h-circle Component"
 26 | 	},
 27 | 	"Circle": {
 28 | 		"prefix": "Circle",
 29 | 		"body": "<hCircle :percent=\"${1}\"></hCircle>",
 30 | 		"description": "hCircle Component"
 31 | 	},
 32 | 	"Category": {
 33 | 		"prefix": "Category",
 34 | 		"body": "<Category v-model=\"${1}\"></Category>",
 35 | 		"description": "Category Component"
 36 | 	},
 37 | 	"Datetime": {
 38 | 		"prefix": "Datetime",
 39 | 		"body": "<Datetime v-model=\"${1}\"></Datetime>",
 40 | 		"description": "Datetime Component"
 41 | 	},
 42 | 	"DropdownCustom": {
 43 | 		"prefix": "DropdownCustom",
 44 | 		"body": "<DropdownCustom placement=\"${1}\" className=\"${2}\"></DropdownCustom>",
 45 | 		"description": "DropdownCustom Component"
 46 | 	},
 47 | 	"DropdownMenu": {
 48 | 		"prefix": "DropdownMenu",
 49 | 		"body": "<DropdownMenu placement=\"${1}\" className=\"${2}\"></DropdownMenu>",
 50 | 		"description": "DropdownMenu Component"
 51 | 	},
 52 | 	"Form": {
 53 | 		"prefix": "Form",
 54 | 		"body": "<Form ref=\"${1}\"></Form>",
 55 | 		"description": "Form Component"
 56 | 	},
 57 | 	"FormItem": {
 58 | 		"prefix": "FormItem",
 59 | 		"body": "<FormItem label=\"${1}\" prop=\"${2}\"></FormItem>",
 60 | 		"description": "FormItem Component"
 61 | 	},
 62 | 	"Menu": {
 63 | 		"prefix": "Menu",
 64 | 		"body": "<Menu :datas=\"data\" ref=\"menu\" @select=\"triggerSelect\"></Menu>",
 65 | 		"description": "Menu Component"
 66 | 	},
 67 | 	"Modal": {
 68 | 		"prefix": "Modal",
 69 | 		"body": "<Modal></Modal>",
 70 | 		"description": "Modal Component"
 71 | 	},
 72 | 	"ModalComponent": {
 73 | 		"prefix": "ModalComponent",
 74 | 		"body": "<ModalComponent></ModalComponent>",
 75 | 		"description": "ModalComponent"
 76 | 	},
 77 | 	"Pagination": {
 78 | 		"prefix": "Pagination",
 79 | 		"body": "<Pagination :cur=\"pagination.page\" :total=\"pagination.total\" @change=\"changePage\"></Pagination>",
 80 | 		"description": "Pagination Component"
 81 | 	},
 82 | 	"Poptip": {
 83 | 		"prefix": "Poptip",
 84 | 		"body": "<Poptip></Poptip>",
 85 | 		"description": "Poptip Component"
 86 | 	},
 87 | 	"Progress": {
 88 | 		"prefix": "Progress",
 89 | 		"body": "<Progress :percent=\"value\"></Progress>",
 90 | 		"description": "Progress Component"
 91 | 	},
 92 | 	"Radio": {
 93 | 		"prefix": "Radio",
 94 | 		"body": "<Radio v-model=\"${1}\"></Radio>",
 95 | 		"description": "Radio Component"
 96 | 	},
 97 | 	"Rate": {
 98 | 		"prefix": "Rate",
 99 | 		"body": "<Rate v-model=\"${1}\"></Rate>",
100 | 		"description": "Rate Component"
101 | 	},
102 | 	"Slider": {
103 | 		"prefix": "Slider",
104 | 		"body": "<Slider v-model=\"${1}\"></Slider>",
105 | 		"description": "Slider Component"
106 | 	},
107 | 	"Loading": {
108 | 		"prefix": "Loading",
109 | 		"body": "<Loading :loading=\"loading\"></Loading>",
110 | 		"description": "Loading Component"
111 | 	},
112 | 	"Steps": {
113 | 		"prefix": "Steps",
114 | 		"body": "<Steps :datas=\"${1}\" :step=\"${2}\"></Steps>",
115 | 		"description": "Steps Component"
116 | 	},
117 | 	"Search": {
118 | 		"prefix": "Search",
119 | 		"body": "<Search v-model=\"${1}\" @search=\"search\"></Search>",
120 | 		"description": "Search Component"
121 | 	},
122 | 	"Select": {
123 | 		"prefix": "Select",
124 | 		"body": "<Select v-model=\"${1}\" dict=\"${2}\"></Select>",
125 | 		"description": "Select Component"
126 | 	},
127 | 	"Switch": {
128 | 		"prefix": "Switch",
129 | 		"body": "<hSwitch v-model=\"${1}\"></hSwitch>",
130 | 		"description": "hSwitch Component"
131 | 	},
132 | 	"h-switch": {
133 | 		"prefix": "h-switch",
134 | 		"body": "<h-switch v-model=\"${1}\"></h-switch>",
135 | 		"description": "h-switch Component"
136 | 	},
137 | 	"SwitchList": {
138 | 		"prefix": "SwitchList",
139 | 		"body": "<SwitchList v-model=\"${1}\" :datas=\"${2}\"></SwitchList>",
140 | 		"description": "SwitchList Component"
141 | 	},
142 | 	"Tabs": {
143 | 		"prefix": "Tabs",
144 | 		"body": "<Tabs v-model=\"${1}\" @change=\"${2}\"></Tabs>",
145 | 		"description": "Tabs Component"
146 | 	},
147 | 	"TagInput": {
148 | 		"prefix": "TagInput",
149 | 		"body": "<TagInput v-model=\"${1}\"></TagInput>",
150 | 		"description": "TagInput Component"
151 | 	},
152 | 	"Tree": {
153 | 		"prefix": "Tree",
154 | 		"body": "<Tree ref=\"${1}\" config=\"${2}\"></Tree>",
155 | 		"description": "Tree Component"
156 | 	},
157 | 	"TreePicker": {
158 | 		"prefix": "TreePicker",
159 | 		"body": "<TreePicker v-model=\"${1}\" config=\"${2}\"></TreePicker>",
160 | 		"description": "TreePicker Component"
161 | 	},
162 | 	"NumberInput": {
163 | 		"prefix": "NumberInput",
164 | 		"body": "<NumberInput v-model=\"${1}\"></NumberInput>",
165 | 		"description": "NumberInput Component"
166 | 	},
167 | 	"Tooltip": {
168 | 		"prefix": "Tooltip",
169 | 		"body": "<Tooltip></Tooltip>",
170 | 		"description": "Tooltip Component"
171 | 	},
172 | 	"Uploader": {
173 | 		"prefix": "Uploader",
174 | 		"body": "<Uploader></Uploader>",
175 | 		"description": "Uploader Component"
176 | 	},
177 | 	"AutoComplete": {
178 | 		"prefix": "AutoComplete",
179 | 		"body": "<AutoComplete v-model=\"${1}\" config=\"${2}\"></AutoComplete>",
180 | 		"description": "AutoComplete Component"
181 | 	},
182 | 	"Timeline": {
183 | 		"prefix": "Timeline",
184 | 		"body": "<Timeline></Timeline>",
185 | 		"description": "Timeline Component"
186 | 	},
187 | 	"TimelineItem": {
188 | 		"prefix": "TimelineItem",
189 | 		"body": "<TimelineItem>${1}</TimelineItem>",
190 | 		"description": "TimelineItem Component"
191 | 	},
192 | 	"TextEllipsis": {
193 | 		"prefix": "TextEllipsis",
194 | 		"body": "<TextEllipsis :text=\"${1}\" :height=\"${2}\"></TextEllipsis>",
195 | 		"description": "TextEllipsis Component"
196 | 	},
197 | 	"Table": {
198 | 		"prefix": "Table",
199 | 		"body": "<Table :datas=\"${1}\"></Table>",
200 | 		"description": "Table Component"
201 | 	},
202 | 	"TableItem": {
203 | 		"prefix": "TableItem",
204 | 		"body": [
205 | 			"<TableItem><template slot-scope=\"{data, index}\"></template></TableItem>"
206 | 		],
207 | 		"description": "TableItem Component"
208 | 	},
209 | 	"Row": {
210 | 		"prefix": "Row",
211 | 		"body": "<Row></Row>",
212 | 		"description": "Row Component"
213 | 	},
214 | 	"Cell": {
215 | 		"prefix": "Cell",
216 | 		"body": "<Cell :width=\"${1}\"></Cell>",
217 | 		"description": "Cell Component"
218 | 	},
219 | 	"Col": {
220 | 		"prefix": "Col",
221 | 		"body": "<Col :width=\"${1}\"></Col>",
222 | 		"description": "Col Component"
223 | 	},
224 | 	"Button": {
225 | 		"prefix": "Button",
226 | 		"body": "<Button color=\"${2:color}\">\"${1:text}\"</Button>",
227 | 		"description": "Button Component"
228 | 	},
229 | 	"ButtonGroup": {
230 | 		"prefix": "ButtonGroup",
231 | 		"body": "<ButtonGroup></ButtonGroup>",
232 | 		"description": "ButtonGroup Component"
233 | 	},
234 | 	"Carousel": {
235 | 		"prefix": "Carousel",
236 | 		"body": "<Carousel :datas=\"${1}\"></Carousel>",
237 | 		"description": "Carousel Component"
238 | 	},
239 | 	"Transfer": {
240 | 		"prefix": "Transfer",
241 | 		"body": "<Transfer v-model=\"${1}\" :datas=\"${2}\"></Transfer>",
242 | 		"description": "Transfer Component"
243 | 	},
244 | 	"Collapse": {
245 | 		"prefix": "Collapse",
246 | 		"body": "<Collapse v-model=\"${1}\"></Collapse>",
247 | 		"description": "Collapse Component"
248 | 	},
249 | 	"CollapseItem": {
250 | 		"prefix": "CollapseItem",
251 | 		"body": "<CollapseItem title=\"${1}\">${2}</CollapseItem>",
252 | 		"description": "CollapseItem Component"
253 | 	},
254 | 	"Avatar": {
255 | 		"prefix": "Avatar",
256 | 		"body": "<Avatar :src=\"${1}\">${2}</Avatar>",
257 | 		"description": "Avatar Component"
258 | 	},
259 | 	"Layout": {
260 | 		"prefix": "Layout",
261 | 		"body": "<Layout>${1}</Layout>",
262 | 		"description": "Layout Component"
263 | 	},
264 | 	"Content": {
265 | 		"prefix": "Content",
266 | 		"body": "<Content>${1}</Content>",
267 | 		"description": "Content Component"
268 | 	},
269 | 	"Sider": {
270 | 		"prefix": "Sider",
271 | 		"body": "<Sider>${1}</Sider>",
272 | 		"description": "Sider Component"
273 | 	},
274 | 	"HHeader": {
275 | 		"prefix": "HHeader",
276 | 		"body": "<HHeader>${1}</HHeader>",
277 | 		"description": "HHeader Component"
278 | 	},
279 | 	"HFooter": {
280 | 		"prefix": "HFooter",
281 | 		"body": "<HFooter>${1}</HFooter>",
282 | 		"description": "HFooter Component"
283 | 	}
284 | }


--------------------------------------------------------------------------------