[发明专利]一种基于Flutter的文档处理方法和装置

权利要求书

1.一种基于Flutter的文档处理方法，其特征在于，包括：

获取MarkDown文档，所述MarkDown文档包括UI组件代码与样式参数，所述样式参数为对样式组件进行参数的界面配置的特定代码，其中，所述样式参数包括展示信息；

根据所述样式参数，从所述UI组件代码中，提取所述MarkDown文档的样式组件代码以及基础组件代码；

加载所述样式组件代码与所述基础组件代码，渲染针对所述MarkDown文档的UI界面；

展示所述UI界面的预览效果，并基于所述展示信息展示所述样式组件代码；

其中，所述加载所述样式组件代码与所述基础组件代码，渲染针对所述MarkDown文档的UI界面，包括：

将所述基础组件代码拼接成适配于所述Flutter的第一文本，以及将所述样式组件代码转换为适配于所述Flutter的第二文本；

对所述第一文本与所述第二文本进行拼接，生成兼容列表；

采用所述兼容列表，生成针对所述MarkDown文档的组件列表；

渲染所述组件列表对应的UI界面。

2.根据权利要求1所述的方法，其特征在于，所述Flutter包括渲染插件，所述渲染所述组件列表对应的UI界面，包括：

通过所述渲染插件渲染所述组件列表对应的UI界面。

3.根据权利要求2所述的方法，其特征在于，所述样式参数包括路径信息，所述兼容列表包括文本信息，所述采用所述兼容列表，生成针对所述MarkDown文档的组件列表，包括：

在遍历所述兼容列表的过程中，当所述文本信息为所述第一文本时，则生成与所述第一文本对应的基础组件标识；

当所述文本信息为第二文本时，则获取与所述MarkDown文档匹配的配置文件，并从所述配置文件中提取与所述路径信息对应的样式组件标识；

将所述基础组件标识与所述样式组件标识组成所述组件列表。

4.根据权利要求1所述的方法，其特征在于，所述样式参数包括显示效果信息，所述展示所述UI界面的预览效果，并基于所述展示信息展示所述样式组件代码，包括：

在所述UI界面中，展示与所述显示效果信息对应的预览效果；

以及当所述展示信息指示展示所述样式组件代码时，则确定当前UI界面中的目标UI控件，并获取所述目标UI控件对应的目标组件代码，展示所述目标组件代码。

5.根据权利要求1所述的方法，其特征在于，所述根据所述样式参数，从所述UI组件代码中，提取所述MarkDown文档的样式组件代码以及基础组件代码，包括：

从所述UI组件代码中，将与所述样式参数匹配的UI组件代码作为所述样式组件代码；

将与所述样式参数不匹配的UI组件代码作为所述基础组件代码。

6.一种基于Flutter的文档处理装置，其特征在于，包括：

文档获取模块，用于获取MarkDown文档，所述MarkDown文档包括UI组件代码与样式参数，所述样式参数为对样式组件进行参数的界面配置的特定代码，其中，所述样式参数包括展示信息；

组件代码提取模块，用于根据所述样式参数，从所述UI组件代码中，提取所述MarkDown文档的样式组件代码以及基础组件代码；

UI界面渲染模块，用于加载所述样式组件代码与所述基础组件代码，渲染针对所述MarkDown文档的UI界面；

信息展示模块，用于展示所述UI界面的预览效果，并基于所述展示信息展示所述样式组件代码；

其中，所述UI界面渲染模块包括：

文本生成子模块，用于将所述基础组件代码拼接成适配于所述Flutter的第一文本，以及将所述样式组件代码转换为适配于所述Flutter的第二文本；

兼容列表生成子模块，用于对所述第一文本与所述第二文本进行拼接，生成兼容列表；

组件列表生成子模块，用于采用所述兼容列表，生成针对所述MarkDown文档的组件列表；

UI界面渲染子模块，用于渲染所述组件列表对应的UI界面。