ant-simple-pro2月发布v1.0版本。已经有段时间了，在github上也获得了100+的star，更重要的是得到了偏友、陈帅、小希等大佬的鼓励，让我这个菜鸟更有动力了去学习和维护，做好ant-simple-pro。姗姗来迟的2.0已经完成版本react(v2.0)react+ts(v2.0)vue3.1+ts(v2.0)vue3.1(v2.0)未完成部分angular(2.0)本次版本更新，react版本不难，难的是vue版本，因为react对应的插件和第三方库，有些是vue3没有的。主意。提示：以下代码片段只是演示，并不完整，完整的请查看ant-simple-pro。vue3-grid-layoutvue3-grid-layout借鉴了vue-grid-layout和react-grid-layout这两个库，我们在vue-grid-layout的基础上全部用vue3+ts重写，使其支持vue3、typescript、vue3-grid-layout可能有很多bug，但欢迎大家提问题，vue3-grid-layout文档地址。//以下代码来自ant-simple-proimport{GridLayout,GridItem}from'@/components/grid-layout'onComponentClick(e,item)":data-i="item.i">vue3-context-menuvue3-context-menu是我们的右键菜单自己写的组件是用vue3+ts写的，完美支持vue3，typescript，有bug可以提issue，vue3-context-menu文档地址。//以下代码来自ant-simple-proimportcreateContextMenufrom'@/components/context-menu/create-context-menu'setup(){functiononContainerRightClick(e:MouseEvent){createContextMenu({event:e,menus:[{label:'Edit',handler(){visible.value=true}},{label:'复制标题',handler(item,event:MouseEvent){copy(form.title,event)message.destroy()message.success('复制成功，ctrl+v粘贴')}}]})}}{{data.title}}{{data.description}}vue3-qrcodevue3-qrcode是我们写的一个生成二维码的组件，用vue3+ts写的，完整美的支持vue3，typescript，如果有bug，可以提交issue，vue3-qrcode地址文档//以下代码来自ant-simple-proimportVueQrcodefrom'@/components/qrcode'vue3-colorvue3-color是我们借鉴了react-color的源码思想，用vue3+ts写的颜色选择器组件全面支持vue3,ts，我们暴露了SketchPicker、SwatchesPicker等组件选择器、api和组件选择器，与react-color一模一样，vue3-color文档地址。//以下代码来自ant-simple-proimport{Sketch,Swatch,Chrome,Compact}from'@/components/vue-color'<草图v-model:value="color">vue3-cropImagevue3-cropImage是我们写的一个图片上传和裁剪组件。vue3+ts编写，完美支持vue3，操作简单，vue3-cropImage文档地址。//以下代码来自ant-simple-proimportCropImagefrom'@/components/cropper/index.vue'vue3-useHotkeysvue3-useHotkeys是我们自己写的一个按钮监控插件。它利用了vue3中hooks的思想，结合hotkeys-js编写。操作简单，vue3-useHotkeys文档地址。//以下代码来自ant-simple-proimport{useHotkeys}from'@/hooks'useHotkeys('ctrl+d',event=>{event.preventDefault()disabled.value=false})useHotkeys('ctrl+s',event=>{event.preventDefault()disabled.value=true})vue3-for-editorvue3-for-editor是我们自己写的markdown语法编辑器，供参考，for-editor是reactmarkdown语法编辑器，虽然作者维护的不多，但是看中了for-editor的简洁，适合二次开发，所以全部用vue3+ts重写了。可以认为vue3-for-editor是for-editor的vue版本，vue3-for-editor文档地址。//以下代码来自ant-simple-proimportForEditorfrom'@/components/for-editor'vue3-codemirrorvue3-codemirror是我们对CodeMirror的引用，并在CodeMirror的基础上用vue3+ts编写的一个代码编辑器组件，使其完美支持vue3且操作简单，vue3-codemirror文档地址。//以下代码来自ant-simple-proimportCodemirrorfrom'@/components/vue-codemirror/index.vue'vue3-tinymcevue3-tinymce是我们自己写的一个富文本编辑器组件，参考了tinymce和tinymce-vue这两个插件，虽然tinymce-vue现在支持vue3.0，但是有一些bug，我们在两者之间再次封装，让操作更简洁，vue3-tinymce文档地址。//以下代码来自ant-simple-proimportTinymceEditorfrom'@/components/tinymce/index.vue'emoji-mart-vueemoji-mart-vue不是我们开发的，emoji-mart-vue也支持vue3.0，但是ts声明少，所以我们在emoji-mart-vue添加了ts版本类型声明文件地址。//以下代码来自ant-simple-proimport{Picker,EmojiIndex}from'vue-emoji-mart'综上所述，上面提到的vue3组件或者插件基本上都是自己编写开发维护的，所以如果有什么BUG也是正常的，希望大家给issue。vue版除了上面的组件，我们还写了很多小组件，比如图片上传组件，layoutTable，scrollbar，svg组件等等，当然我们也写了一些hooks，具体可以查看这个项目.我们都是一群非常优秀的码农，如果有什么不好的地方，请大家多多指教，我们也想为vue3社区和antd社区贡献一点力量，也非常感谢我的好朋友；foreverHowe对vue版本的巨大贡献。ant-simple-pro会持续更新迭代，不用担心项目无人维护。项目地址：ant-simple-pro。文档地址：ant-simple-pro-文档必看。温馨提示：在ant-simple-pro-document文档中，部分案例用法可能不同步，后续会同步更新文档。
