NeteaseYanxuan · CaedmonW · Sep 2, 2022 · Sep 2, 2022 · Sep 5, 2022
diff --git a/.changeset/happy-ways-wink.md b/.changeset/happy-ways-wink.md
diff --git a/.changeset/nervous-roses-kick.md b/.changeset/nervous-roses-kick.md
diff --git a/package.json b/package.json
@@ -57,5 +57,12 @@
     "serve-static": "^1.15.0",
     "shelljs": "^0.8.5",
     "typescript": "^4.7.4"
+  },
+  "pnpm": {
+    "overrides": {
+      "@types/react": "^17.0.0",
+      "@types/react-dom": "^17.0.0",
+      "typescript": "^3.9.5"
+    }
   }
 }
diff --git a/packages/ossa-demo/CHANGELOG.md b/packages/ossa-demo/CHANGELOG.md
@@ -1,5 +1,15 @@
 # ossa-demo
 
+## 1.4.0
+
+### Minor Changes
+
+- [#24](https://github.com/NeteaseYanxuan/OSSA/pull/24) [`404bcaa`](https://github.com/NeteaseYanxuan/OSSA/commit/404bcaa15af9f1d94ca1b113632fa27b07b6e061) Thanks [@CaedmonW](https://github.com/CaedmonW)! - update taro to 3.5
+
+### Patch Changes
+
+- [#23](https://github.com/NeteaseYanxuan/OSSA/pull/23) [`ce40dce`](https://github.com/NeteaseYanxuan/OSSA/commit/ce40dce0bf6c2560ba581bb7f6560c33ac33c85c) Thanks [@hzxulin](https://github.com/hzxulin)! - fix: Update the test cases for Layout
+
 ## 1.3.0
 
 ### Minor Changes

diff --git a/packages/ossa-demo/package.json b/packages/ossa-demo/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "ossa-demo",
-	"version": "1.3.0",
+	"version": "1.4.0",
 	"private": true,
 	"description": "OSSA Demo",
 	"privite": true,
@@ -40,38 +40,38 @@
 	],
 	"author": "",
 	"dependencies": {
-    "@babel/runtime": "^7.7.7",
-    "@tarojs/components": "3.5.4",
-    "@tarojs/helper": "3.5.4",
-    "@tarojs/plugin-platform-weapp": "3.5.4",
-    "@tarojs/plugin-platform-alipay": "3.5.4",
-    "@tarojs/plugin-platform-tt": "3.5.4",
-    "@tarojs/plugin-platform-swan": "3.5.4",
-    "@tarojs/plugin-platform-jd": "3.5.4",
-    "@tarojs/plugin-platform-qq": "3.5.4",
-    "@tarojs/router": "3.5.4",
-    "@tarojs/runtime": "3.5.4",
-    "@tarojs/shared": "3.5.4",
+		"@babel/runtime": "^7.7.7",
+		"@tarojs/components": "3.5.4",
+		"@tarojs/helper": "3.5.4",
+		"@tarojs/plugin-platform-weapp": "3.5.4",
+		"@tarojs/plugin-platform-alipay": "3.5.4",
+		"@tarojs/plugin-platform-tt": "3.5.4",
+		"@tarojs/plugin-platform-swan": "3.5.4",
+		"@tarojs/plugin-platform-jd": "3.5.4",
+		"@tarojs/plugin-platform-qq": "3.5.4",
+		"@tarojs/router": "3.5.4",
+		"@tarojs/runtime": "3.5.4",
+		"@tarojs/shared": "3.5.4",
 		"@tarojs/taro": "3.5.4",
 		"@tarojs/taro-h5": "3.5.4",
-    "@tarojs/plugin-framework-react": "3.5.4",
-    "@tarojs/react": "3.5.4",
+		"@tarojs/plugin-framework-react": "3.5.4",
+		"@tarojs/react": "3.5.4",
 		"ossaui": "workspace:^0.2.0",
 		"react": "^17.0.0",
 		"react-dom": "^17.0.0"
 	},
 	"devDependencies": {
-    "@babel/core": "^7.8.0",
-    "@tarojs/cli": "3.5.4",
-    "@types/webpack-env": "^1.13.6",
-    "@types/react": "^18.0.0",
-    "webpack": "5.69.0",
-    "@tarojs/webpack5-runner": "3.5.4",
-    "babel-preset-taro": "3.5.4",
-    "eslint-config-taro": "3.5.4",
-    "eslint": "^8.12.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "react-refresh": "^0.11.0",
+		"@babel/core": "^7.8.0",
+		"@tarojs/cli": "3.5.4",
+		"@types/webpack-env": "^1.13.6",
+		"@types/react": "^18.0.0",
+		"webpack": "5.69.0",
+		"@tarojs/webpack5-runner": "3.5.4",
+		"babel-preset-taro": "3.5.4",
+		"eslint-config-taro": "3.5.4",
+		"eslint": "^8.12.0",
+		"@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
+		"react-refresh": "^0.11.0",
 		"eslint-plugin-react": "^7.8.2",
 		"eslint-plugin-import": "^2.12.0",
 		"eslint-plugin-react-hooks": "^4.2.0",

diff --git a/packages/ossa-doc/CHANGELOG.md b/packages/ossa-doc/CHANGELOG.md
@@ -1,5 +1,11 @@
 # ossa-doc
 
+## 0.0.2
+
+### Patch Changes
+
+- doc support mdx2
+
 ## 0.0.1
 
 ### Patch Changes

diff --git a/packages/ossa-doc/docusaurus.config.js b/packages/ossa-doc/docusaurus.config.js
@@ -53,6 +53,7 @@ const config = {
     ],
   ],
 
+  themes: ["mdx-v2"],
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({

diff --git a/packages/ossa-doc/package.json b/packages/ossa-doc/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ossa-doc",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",
@@ -17,8 +17,9 @@
   "dependencies": {
     "@docusaurus/core": "2.0.1",
     "@docusaurus/preset-classic": "2.0.1",
-    "@mdx-js/react": "^1.6.22",
+    "@mdx-js/react": "^2.0.0",
     "clsx": "^1.2.1",
+    "docusaurus-theme-mdx-v2": "^0.1.2",
     "prism-react-renderer": "^1.3.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

diff --git a/packages/ossa-doc/src/css/custom.css b/packages/ossa-doc/src/css/custom.css
@@ -6,13 +6,13 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #EB767A;
-  --ifm-color-primary-dark: #E4484D;
-  --ifm-color-primary-darker: #DD1A21;
-  --ifm-color-primary-darkest: #e01219;
-  --ifm-color-primary-light: #F1A3A6;
-  --ifm-color-primary-lighter: #F8D1D3;
-  --ifm-color-primary-lightest: #FBE8E8;
+  --ifm-color-primary: #F4473B;
+  --ifm-color-primary-dark: #DB4035;
+  --ifm-color-primary-darker: #C2382F;
+  --ifm-color-primary-darkest: #A83129;
+  --ifm-color-primary-light: #F45D53;
+  --ifm-color-primary-lighter: #F4746B;
+  --ifm-color-primary-lightest: #F48B84;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
   --ifm-navbar-shadow: none;

diff --git a/packages/ossa-doc/src/pages/index.module.css b/packages/ossa-doc/src/pages/index.module.css
@@ -3,7 +3,7 @@
  * and scoped locally.
  */
 
- @keyframes sacleName {
+@keyframes sacleName {
   0% {
     transform: scale(5);
     transform-origin: left;
@@ -12,9 +12,9 @@
     transform: scale(1);
     transform-origin: right;
   }
- }
+}
 
- @keyframes sacleIcon {
+@keyframes sacleIcon {
   0% {
     transform: scale(2);
     transform-origin: right;
@@ -23,23 +23,26 @@
     transform: scale(1);
     transform-origin: left;
   }
- }
+}
 
- .container {
+.container {
   display: flex;
   justify-content: space-between;
+  max-width: 1800px;
+  position: relative;
+  margin: auto;
  }
 
 .left {
-  float: left;
+  align-self: flex-start;
   z-index: 1;
   margin-left: 140px;
   margin-top: 200px;
 }
 
 .bg {
-  float: right;
   position: absolute;
+  right: 0;
   width: 100vw;
   overflow: hidden;
   top: var(--ifm-navbar-height);
@@ -105,6 +108,7 @@
 .btn:hover {
   cursor: pointer;
   text-decoration: none;
+  color: #FFFFFF;
 }
 
 .github {
@@ -115,10 +119,6 @@
   background-color: var(--ifm-color-primary);
 }
 
-.start:hover {
-  color: #333333;
-}
-
 .btnGrounp {
   margin-top: 100px;;
 } 

diff --git a/packages/ossa-doc/src/pages/index.tsx b/packages/ossa-doc/src/pages/index.tsx
@@ -14,13 +14,6 @@ export default function Home(): JSX.Element {
       description='OSSA 官网'
     >
       <main className={styles.container}>
-        <div className={styles.bg}>
-          <div className={styles.icon}>
-            <img src='/img/logo2.png' />
-          </div>
-          <img className={styles.namePic} src='/img/name.svg' />
-        </div>
-
         <div className={styles.left}>
           <p className={styles.title}>OSSA</p>
           <p className={styles.slogon}>Taro多端UI组件库</p>
@@ -33,7 +26,12 @@ export default function Home(): JSX.Element {
             <Link href='/docs/start' className={clsx(styles.start, styles.btn)}>快速开始</Link>
           </div>
         </div>
-
+        <div className={styles.bg}>
+          <div className={styles.icon}>
+            <img src='/img/logo2.png' />
+          </div>
+          <img className={styles.namePic} src='/img/name.svg' />
+        </div>
       </main>
     </Layout>
   );
-Original file line number
+Diff line change
@@ Expand Up / @@ -53,6 +53,7 @@ const config = { @@
         ],
       ],
+      themes: ["mdx-v2"],
       themeConfig:
         /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
         ({
@@ Expand Down @@