Merge pull request #1 from anyone-yuren/main

添加页面

.github/workflows/gh-page.yml

@@ -5,7 +5,6 @@ name: 「GitHub Pages」Build & Deploy
 on:
   push:
     branches:
-      - master
       - main
 
 # 3. 创建工作流
@@ -27,8 +26,9 @@ jobs:
       # step 3. 安装依赖并打包
       - name: Install and Build 🔧
         run: |
-          npm install
-          npm run build
+          npm install pnpm -g 
+          pnpm install
+          pnpm run build
 
       # step 4. 项目部署, 将打包后的产物合并到指定的分支上
       - name: Deploy 🚀 # 步骤名

.gitignore

@@ -22,3 +22,5 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+tsconfig.json

README.md

@@ -1,44 +1,23 @@
-简体中文 | [English](./README.en-US.md)
+# React + TypeScript + Vite
 
-<h1 align="center">MUI PAD HMI</h1>
+这个模板提供了一个最小化的设置，使得在 Vite 中使用 React 可以实现热模块替换（HMR），并包含一些 ESLint 规则。
 
-<div align="center">
-
-项目使用react material ui以及react-spring/web构建，更多是动画层面设计，结构本身不复杂，目前阶段可做参考与学习，后续看需求变化，再进行nomorepo改造。
-![starter-antd-admin-crud-auth-mern-crud-auth](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5f30a22d75954c7bb0021323326df08d~tplv-k3u1fbpfcp-jj-mark:3024:0:0:0:q75.awebp#?w=1176&h=818&s=4244265&e=gif&f=160&b=140630)
+目前，有两个官方插件可用：
 
-[![MIT](https://img.shields.io/github/license/iczer/vue-antd-admin)](https://github.com/iczer/vue-antd-admin/blob/master/LICENSE)
+- @vitejs/plugin-react 使用 Babel 实现快速刷新（Fast Refresh）
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) 使用 [SWC](https://swc.rs/) 实现快速刷新（Fast Refresh）
 
-</div>
+## 扩展 ESLint 配置
 
-- 预览地址：https://anyone-yuren.github.io/mui-pad-hmi/
+如果你正在开发一个生产应用程序，建议更新配置以启用类型感知的 lint 规则：
 
-## 浏览器支持
+- 配置顶级的 parserOptions 属性如下：
 
-现代浏览器及 IE10
-
-| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
-| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| IE10, Edge                                                                                                                                                                                                      | last 2 versions                                                                                                                                                                                                   | last 2 versions                                                                                                                                                                                               | last 2 versions                                                                                                                                                                                               | last 2 versions                                                                                                                                                                                           |
-
-## 使用
-
-### clone
-
-```bash
-$ git clone https://github.com/anyone-yuren/mui-pad-hmi.git
-```
-
-### yarn
-
-```bash
-$ yarn install
-$ yarn dev
-```
-
-### or pnpm
-
-```
-$ pnpm i
-$ pnpm dev
+```js
+   parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: ['./tsconfig.json', './tsconfig.node.json'],
+    tsconfigRootDir: __dirname,
+   },
 ```

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "javascript-quizz",
+  "name": "mui-pad-hmi",
   "private": true,
   "version": "0.0.0",
   "type": "module",
@@ -15,11 +15,15 @@
     "@mui/icons-material": "^5.14.7",
     "@mui/lab": "5.0.0-alpha.152",
     "@mui/material": "^5.14.7",
+    "@react-spring/konva": "9.7.3",
     "@react-spring/web": "^9.7.3",
+    "ahooks": "^3.7.8",
     "antd": "^5.11.0",
     "echarts-for-react": "^3.0.2",
+    "konva": "^9.2.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-konva": "18.2.2",
     "react-spring-lightbox": "^1.7.1",
     "swiper": "^11.0.3",
     "zustand": "4.4.1"