oxygen/ui-theme

Oxygen 用户界面

安装: 360

依赖: 0

建议者: 0

安全: 0

星星: 0

关注者: 2

分支: 0

开放问题: 5

语言:JavaScript


README

此仓库包含 Oxygen 的传统前端代码。

有关更多信息,请访问核心 仓库。

迁移到 Vue.js

Vue.js 迁移不是在这个仓库中进行的。相反,大部分兴奋点都在 @oxygen-cms/ui npm 包中。

随着组件被 Vue.js 版本替换,此 UI 正在逐渐被拆解。首先被替换的是屏幕顶部的导航栏。

两个 UI 框架之间的集成是通过使用 <iframe> 实现的。当请求传统页面时,Vue.js UI 将在 iframe 中加载传统页面,并设置一系列全局钩子,以允许 iframe 中的传统页面与父页面通信。这些钩子包括

  • window.Oxygen.onNavigationBegin - 当使用 SmoothState.js 在内部加载新页面时被调用
  • window.Oxygen.onNavigationEnd - 当导航完成时被调用,例如:父页面的标题应该被更新
  • window.Oxygen.notify - 被调用以在父页面中显示通知
  • window.Oxygen.openAlertDialog - 显示一个警告
  • window.Oxygen.openConfirmDialog - 显示一个确认对话框
  • window.Oxygen.popState - 在历史记录中后退一个条目

开发

yarn install
npx webpack