Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

【更新】v0.13.9 #121

Merged
merged 31 commits into from
Aug 27, 2024
Merged

【更新】v0.13.9 #121

merged 31 commits into from
Aug 27, 2024

Conversation

crrashh1542
Copy link
Owner

@crrashh1542 crrashh1542 commented Aug 27, 2024

  • chore: 完善README
  • ci: 调整配置项
  • chore: 移除Yarn配置
  • build: 将预编译脚本和数据移动至/scripts目录
  • fix(AboutPage): 详情卡片图标无法显示
  • build: 将Vite作为打包工具
  • build: 让解析器不解析Web Component
  • chore(prebuild): 将分支中的”/“改为”_“
  • perf: 启用代码分割
  • perf: 将变量导出为单个字符
  • ci: 修复更换分支系统后无法开始CI的问题
  • fix(AboutPage): 修复外部链接样式不生效的问题
  • fix: 修复生产模式无法初始化的问题
  • fix(TopNav): 修复移动端导航栏文字过多时溢出的问题
  • chore: 更换站点图标
  • feat: 初步支持PWA
  • style(AboutPage): 使关于卡片更Fluent化
  • chore(parser): 移除不需要的项目信息
  • build(deps): 更新依赖

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
close #104

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
如果直接硬干会抛出 warn:
Vue warn]: Failed to resolve component: fluent-switch
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
  at <MainDialog class="z-50" onIsShowFlight=fn<setState> onIsShowBranch=fn<setState> >
  at <App>

影响 console 查看和调试,故需要对 fluent- 开头的元素进行忽略。

对于 Vite 的 Vue plugin,需要将其设置为“自定义元素”,即在解析器的 template.compilerOptions.
isCustomElement 中进行定义。

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
* 清理冗余内容
* 将 function 改为箭头函数
* 纠正一些函数的内容与注释对不上号的问题

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
昨天(2024 年 6 月 7 日),我们将分支系统正式从 `xx_xxxx` 的形式改为更加正式且符合规范的
`xx/xxxx` 的形式,这同时也是 Windows 的分支系统正在采用的格式。

为了和之前的 build 以及 Windows 的分支系统同步,故也将分支中的 “/” 字符改为 “_”。

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
在标准的前端项目中,负责逻辑或和视图无关的一些纯 JS/TS 代码一般经常
放在 src/utils 目录下,而不是 src/scripts 目录下,而且 scripts 目录一般用于
存储不涉及项目效果的内容,故修改。

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
由于本项目依赖较多,而 Vite 默认又不会对庞大的 chunk 进行分割,故按照官方文档
配置了 build.ollupOptions.output.manualChunks 以进行代码分割,以保证下一次遇到
相同 hash 的切分文件时可以直接使用浏览器缓存,同时提高加载速度。

同时,由于减少了打包时代码的嵌入,代码分割也能减少打包所使用的时间、提升生
产环境下打包的效率。

以下是未设置分割进行打包后,包括 vendor 的文件的体积:
dist/_wu/index.7008be9c.js                     218.81 kB │ gzip: 69.82 kB
✓ built in 4.32s

以下是已设置分割进行打包后,包括 vendor 的文件的体积:
dist/_wu/vendors/router.1270c992.js             32.30 kB │ gzip: 13.21 kB
dist/_wu/vendors/ms1.da962897.js                33.23 kB │ gzip: 10.67 kB
dist/_wu/vendors/vue-runtime.723dec1c.js        36.48 kB │ gzip: 15.43 kB
dist/_wu/vendors/fluentui.fbddd369.js           50.22 kB │ gzip: 10.83 kB
dist/_wu/vendors/ms2.186f5910.js                51.54 kB │ gzip: 14.91 kB
✓ built in 3.43s

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
对于 Windows Up-to-Date 这样以外来依赖为主、变量和运算较少的项目而言,通过这种方法
带来的代码体积层面上的优化只是细微提升而已。然而还是按照文档将 `build.rollupOptions.
output.minifyInternalExports 改为了 true 以应用此优化,能省一点是一点(划掉

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
项目的原 GitHub Workflow 触发条件为检测 wu_main 分支上是否有 push,
更换分支系统(将分支名称 “_” 改为 “/” )后也要讲 Workflow 配置文件中对
应的分支名改为 wu/main。

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
* @fluentui/web-components:2.6.0 → 2.6.1
* axios 1.6.8 → 1.7.2
* eslint 8.57.0 → 9.4.0
* eslint-plugin-vue 9.24.0 → 9.26.0
* tailwindcss 3.4.3 → 3.4.4
* vite 5.2.12 → vite 5.2.13
*  vue 3.4.21 → vue 3.4.27
* vue-router 4.3.0 → vue-router 4.3.2

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
根据 `/src/styles/reset.less`,外部样式列表需要在 `<p>` 标签中才会生效,
然而在 prettier 对代码进行格式化时(详见 30b2f6c)错误地移除了这个 `<p>
标签,从而导致该问题,故此 commit 将其加回。

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
如果按照 fa05cb8 进行代码分割,以下的包无法被正常初始化:

vue-reactivity.3e8cd67e.js:5  Uncaught ReferenceError: Cannot access 'y' before initialization
    at vue-reactivity.3e8cd67e.js:5:3472

Uncaught ReferenceError: Cannot access 'O' before initialization
    at Qr (fluentui.3e1d6240.js:1:569)
    at ms2.6240dc00.js:193:2171

故将 `@vue/runtime-core` 和 `@vue/reactivity` 缝合在一起,`@microsoft/
fast-foundation` 和 `@fluentui/web-components` 缝合在一起,以防在生
产环境下出现上述错误。

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
* eslint:9.4.0 → 9.7.0
* eslint-plugin-vue:9.26.0 → 9.27.0
* postcss:8.4.38 → 8.4.39
* prettier:3.3.1 → 3.3.3
* tailwindcss:3.4.4 → 3.4.6
* vite:5.2.13 → 5.3.4
* vue:3.4.27 → 3.4.32
* vue-router:4.3.2 → 4.4.0

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
nav>span 的字号是固定的,所以文字一多就会出现溢出。
目前的解决办法是,减小文字的字号并调整 UI 布局。

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
托尔好文明!😋😋😋

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
- @vitejs/plugin-vue 5.0.5 → 5.1.2
- autoprefixer 10.4.19 → 10.4.20
- axios 1.7.2 → 1.7.3
- eslint 9.7.0 → 9.8.0
- postcss 8.4.39 → 8.4.40
- tailwindcss 3.4.6 → 3.4.7
- vite 5.3.4 → 5.3.5
- vue 3.4.32 → 3.4.35
- vue-router 4.4.0 → 4.4.2

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
通过 vite-plugin-pwa 插件实现了 App 的 PWA
Close #100.

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
- postcss:8.4.40 → 8.4.41
- tailwindcss:3.4.7 → 3.4.9
- vite:5.3.5 → 5.4.0
- vue:3.4.35 → 3.4.37
- vue-router:4.4.2 → 4.4.3
axios:1.7.3 → 1.7.5
eslint:9.8.0 → 9.9.1
tailwindcss:3.4.9 → 3.4.10
vite:5.4.0 → 5.4.2
vue:3.4.37 → 3.4.38

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
通过自写样式表移除 FluentUI Web Component 矢一样的预设样式,对比 WinUI App Gallery 进行参考
以达到更加类似于纯血 Fluent Design 的视觉效果。

同时,本项目也正在计划正式启动去 FluentUI Web Component 化专项项目(详见 #114#120),
目标分支 “wu/ui” 即将建立,将于很久之后(划掉)开工!

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
经过推敲后认为 Vue 版本和 Fluent 组件库版本号没有显示的必要,故移除

Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
Signed-off-by: crrashh1542 <kotsuki@crrashh.com>
@crrashh1542 crrashh1542 merged commit 499cd9e into th/release Aug 27, 2024
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant