feat: 优化文档包引入

Author: ff

package.json

@@ -81,6 +81,8 @@
       "**/@babel/**",
       "**/markdown-react-code-preview-loader",
       "**/markdown-react-code-preview-loader/**",
+      "**/babel-transform-import-plugin",
+      "**/babel-transform-import-plugin/**",
       "**/webpack",
       "**/webpack/**"
     ]

packages/core/src/Button/README.md

@@ -12,9 +12,7 @@ Button 按钮
 
 ```jsx  mdx:preview
 import React,{ Component } from "react"
-import Button from '@uiw/react-native/lib/Button';
-import Spacing from '@uiw/react-native/lib/Spacing';
-import Icon from '@uiw/react-native/lib/Icon';
+import  { Button, Spacing, Icon } from '@uiw/react-native';
 import { Text} from 'react-native';
 
 class Demo extends Component {
@@ -46,8 +44,8 @@ export default Demo
 
 ```jsx  mdx:preview
 import React,{ Component } from "react"
-import Button from '@uiw/react-native/lib/Button';
-import Spacing from '@uiw/react-native/lib/Spacing';
+import  { Button, Spacing } from '@uiw/react-native';
+
 
 class Demo extends Component {
   render() {
@@ -68,8 +66,8 @@ export default Demo
 
 ```jsx  mdx:preview
 import React,{ Component } from "react"
-import Button from '@uiw/react-native/lib/Button';
-import Spacing from '@uiw/react-native/lib/Spacing';
+import  { Button, Spacing } from '@uiw/react-native';
+
 
 class Demo extends Component {
   render() {
@@ -99,8 +97,8 @@ export default Demo
 
 ```jsx  mdx:preview
 import React,{ Component } from "react"
-import Button from '@uiw/react-native/lib/Button';
-import Spacing from '@uiw/react-native/lib/Spacing';
+import  { Button, Spacing } from '@uiw/react-native';
+
 
 class Demo extends Component {
   render() {
@@ -123,8 +121,8 @@ export default Demo
 
 ```jsx  mdx:preview
 import React,{ Component } from "react"
-import Button from '@uiw/react-native/lib/Button';
-import Spacing from '@uiw/react-native/lib/Spacing';
+import  { Button, Spacing } from '@uiw/react-native';
+
 class Demo extends Component {
   render() {
     return (
@@ -144,8 +142,8 @@ export default Demo
 ```jsx  mdx:preview
 
 import React,{ Component } from "react"
-import Button from '@uiw/react-native/lib/Button';
-import Spacing from '@uiw/react-native/lib/Spacing';
+import  { Button, Spacing } from '@uiw/react-native';
+
 function Demo() {
   return (
     <>
@@ -164,8 +162,8 @@ export default Demo
 ```jsx  mdx:preview
 
 import React,{ Component } from "react"
-import Button from '@uiw/react-native/lib/Button';
-import Spacing from '@uiw/react-native/lib/Spacing';
+import  { Button, Spacing } from '@uiw/react-native';
+
 function Demo() {
   return (
     <>
@@ -188,9 +186,7 @@ export default Demo
 ```jsx mdx:preview
 
 import React,{ Component } from "react"
-import Spacing from '@uiw/react-native/lib/Spacing';
-import Button from '@uiw/react-native/lib/Button';
-import Icon from '@uiw/react-native/lib/Icon';
+import  { Button, Spacing, Icon } from '@uiw/react-native';
 import {View, Text} from 'react-native';
 
 function Demo() {

website/.kktrc.ts

@@ -6,7 +6,8 @@ import lessModules from '@kkt/less-modules';
 import scopePluginOptions from '@kkt/scope-plugin-options';
 import pkg from './package.json';
 import { mdCodeModulesLoader } from 'markdown-react-code-preview-loader';
-
+// @ts-ignore
+import MDS from 'babel-transform-import-plugin';
 export default (conf: Configuration, env: 'development' | 'production', options: LoaderConfOptions) => {
   conf = lessModules(conf, env, options);
   // conf = rawModules(conf, env, { ...options });
@@ -22,7 +23,18 @@ export default (conf: Configuration, env: 'development' | 'production', options:
       VERSION: JSON.stringify(pkg.version),
     }),
   );
-  conf = mdCodeModulesLoader(conf);
+  // conf = mdCodeModulesLoader(conf);
+  conf = mdCodeModulesLoader(conf, undefined, {
+    babelPlugins: [
+      [
+        MDS,
+        {
+          libraryName: '@uiw/react-native',
+          alias: '@uiw/react-native/lib',
+        },
+      ],
+    ],
+  });
 
   conf.resolve = {
     ...(conf.resolve || {}),

website/package.json

@@ -13,18 +13,15 @@
   },
   "license": "MIT",
   "dependencies": {
+    "@babel/plugin-syntax-jsx": "^7.18.6",
+    "@babel/preset-react": "^7.18.6",
     "@babel/runtime": "~7.20.7",
+    "@uiw/icons": "2.5.3",
     "@uiw/react-code-preview": "3.0.0",
+    "@uiw/react-markdown-preview": "^4.1.6",
     "@uiw/react-native": "3.0.7",
     "@uiw/react-native-template": "3.0.0",
     "@uiw/reset.css": "~1.0.6",
-    "react-native": "0.69.7",
-    "react-router-dom": "6.2.1",
-    "uiw": "4.7.16",
-    "@babel/plugin-syntax-jsx": "^7.18.6",
-    "@babel/preset-react": "^7.18.6",
-    "@uiw/icons": "2.5.3",
-    "@uiw/react-markdown-preview": "^4.1.6",
     "@validator.tool/hook": "2.2.4",
     "@wcj/dark-mode": "^1.0.15",
     "ahooks": "2.10.14",
@@ -33,27 +30,31 @@
     "react": "~18.2.0",
     "react-code-preview-layout": "~2.0.7",
     "react-dom": "~18.2.0",
+    "react-native": "0.69.7",
     "react-native-gesture-handler": "2.8.0",
     "react-native-reanimated": "~2.13.0",
     "react-native-root-siblings": "4.1.1",
     "react-native-svg": "12.1.1",
     "react-native-web": "0.18.10",
+    "react-router-dom": "6.2.1",
     "styled-components": "^5.3.6",
-    "typescript": "^4.8.3"
+    "typescript": "^4.8.3",
+    "uiw": "4.7.16"
   },
   "devDependencies": {
-    "@kkt/raw-modules": "7.0.5",
-    "@kkt/scope-plugin-options": "7.0.5",
     "@babel/plugin-proposal-decorators": "~7.20.7",
     "@kkt/less-modules": "^7.3.2",
+    "@kkt/raw-modules": "7.0.5",
+    "@kkt/scope-plugin-options": "7.0.5",
     "@types/jest": "~27.4.1",
     "@types/react": "~18.0.0",
     "@types/react-dom": "~18.0.0",
     "@types/styled-components": "^5.1.26",
     "babel-plugin-react-native-web": "^0.18.10",
+    "babel-transform-import-plugin": "^1.0.2",
+    "kkt": "^7.3.2",
     "markdown-react-code-preview-loader": "~2.1.2",
-    "metro-react-native-babel-preset": "0.73.6",
-    "kkt": "^7.3.2"
+    "metro-react-native-babel-preset": "0.73.6"
   },
   "eslintConfig": {
     "extends": [
@@ -73,4 +74,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

website/tsconfig.json

@@ -19,5 +19,5 @@
     "noEmit": true,
     "types": ["jest", "node"]
   },
-  "include": ["src", ".kktrc.ts"]
+  "include": ["src"]
 }