Vue3风格统一认领：选项式升级成组合式API #108
Comments
|
使用 Vue3 组合式 API 写法, 重构下例三个文件 |
好的，升级后提PR即可 |
|
使用 Vue3 组合式 API 写法对 render/components 目录列表文件进行调整 render
├── components
│ ├── AlertDialog.vue
│ ├── ConfirmDialog.vue
│ ├── HeaderSetter.vue
│ ├── LogoIcon.vue
│ ├── MainRenderer.vue
│ ├── MainTitle.vue
│ ├── SubmitSetter.vue |
|
认领重构下列两个文件 |
|
使用 Vue3 组合式 API 写法对 materials/setters/widgets 目录列表文件进行调整 materials
├── setters
│ └── widgets
│ ├── CheckBox.vue
│ ├── CheckboxGroup.vue
│ ├── ColorInput.vue
│ ├── ColorPicker.vue
│ ├── FormItem.vue
│ ├── FormdataBackFill.vue
│ ├── FreqAndNumberLimit.vue
│ ├── InputNumber.vue
│ ├── InputPercent.vue
│ ├── InputSetter.vue
│ ├── MultiInput.vue
│ ├── MultiSelect.vue
│ ├── QuestionTime.vue
│ ├── QuestionTimeHour.vue
│ ├── RadioGroup.vue
│ ├── RadioSetter.vue
│ ├── RangeSetter.vue
│ ├── RichText.vue
│ ├── SelectSetter.vue
│ └── SliderSetter.vue |
@alwayrun 这部分内容已CR，已备注有功能失效了，请查看下 |
@sudoooooo 已解决 |
@alwayrun banner链接依然有问题，已截图备注，请查看下 |
还是相同的问题吗？我这边只看到你之前截图备注，我目前测试是可以的 条件检测已跳过到 window.open 所在行: |
|
setters/widgets/FreqAndNumberLimit.vue 这个组件目前没查到使用他的地方，这个组件主要是用做啥限制的，或者给我一段设置属性中的配置信息，我附加到某个组件中测试一下 |
@alwayrun 次数限制的setter，后续会在问卷设置用到，改后提交即可，用到的时候再验证。 |
|
认领重构下列四个文件 management/pages/create/components/CreateForm.vue |
|
使用 Vue3 组合式 API 写法对 management/components 目录列表文件进行调整 management
│ ├── components
│ │ ├── EmptyIndex.vue
│ │ ├── LeftMenu.vue
│ │ └── LogoIcon.vue |
|
使用 Vue3 组合式 API 写法对 management/pages/publishResult 目录列表文件进行调整 management/pages/publishResult
├── PublishResultPage.vue
└── components
├── ChannelRow.vue
└── QRCode.vue |
|
认领登录页代码风格统一： |
|
使用 Vue3 组合式 API 写法对 management/pages/edit 目录列表文件进行调整 src/management/pages/edit
├── components
│ ├── LogoPreview.vue
│ ├── MainTitle.vue
│ ├── ModuleNavbar.vue
│ ├── SetterField.vue
│ └── SubmitButton.vue
├── index.vue
├── modules
│ ├── contentModule
│ │ ├── HistoryPanel.vue
│ │ ├── PublishPanel.vue
│ │ └── SavePanel.vue
│ ├── generalModule
│ │ ├── BackPanel.vue
│ │ ├── NavPanel.vue
│ │ └── TitlePanel.vue
│ ├── questionModule
│ │ ├── CatalogPanel.vue
│ │ ├── SetterPanel.vue
│ │ └── components
│ │ ├── CatalogItem.vue
│ │ └── QuestionCatalog.vue
│ └── settingModule
│ ├── SettingPanel.vue
│ ├── components
│ │ ├── BannerContent.vue
│ │ ├── OverTime.vue
│ │ └── SuccessContent.vue
│ ├── result
│ │ ├── CatalogPanel.vue
│ │ ├── PreviewPanel.vue
│ │ └── SetterPanel.vue
│ └── skin
│ ├── CatalogPanel.vue
│ └── SetterPanel.vue
└── pages
├── edit
│ ├── QuestionEditPage.vue
│ └── index.vue
├── setting
│ └── index.vue
└── skin
├── ContentPage.vue
├── ResultPage.vue
└── index.vue |
@alwayrun 👍 |
|
认领重构下列组件, 调整成 Vue3 组合式 API 写法 |
由于工程是从vue2升级到vue3，目前项目里还保留了大部分选项式API的写法：升级文档。
如果你想熟悉工程和组合式API写法，或者参与贡献，这是一个比较好的机会。
方式：
1、留言认领的文件以免重复建设
2、改造后通过以下检测：
3、提交PR到develop分支
List：
升级完成：
@alwayrun refactor: 重构 render/pages 目录下三个文件, 使用 Vue3 组合式 API 写法
@alwayrun refactor: 重构 render/App.vue, 使用 Vue3 组合式 API 写法
@alwayrun refactor: 重构 render/components 目录下部分组件, 使用 Vue3 组合式 API 写法
@alwayrun refactor: 重构 materials/setters/widgets 目录下部分组件, 使用 Vue3 组合式 API 写法
@alwayrun refactor: 重构 management/components 目录下组件, 使用 Vue3 组合式 API 写法
@1004801012 refactor: Vue3 组合式 API 写法重构
@alwayrun refactor: 重构 management/pages/publishResult 目录下组件, 使用 Vue3 组合式 API 写法
@Codeniu refactor: 使用vue3组合式API重构登录页代码
@chaorenluo refactor: questionModule/PreviewPanel.vue和skin/PreviewPanel.vue 重构
@skique feat: 问卷空间协作能力前端
@alwayrun refactor: 重构 management/pages/edit 目录下组件, 使用 Vue3 组合式 API 写法
已认领待升级
@Realabiha #108 (comment)
The text was updated successfully, but these errors were encountered: