fix(taro-components): 组件与各lib解耦

packages/taro-components-library-react/package.json

@@ -2,14 +2,26 @@
   "name": "@tarojs/components-library-react",
   "version": "4.1.8",
   "description": "Taro 组件库 React 版本库",
-  "private": true,
   "author": "O2Team",
   "license": "MIT",
-  "main": "index.js",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "default": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./component-lib": {
+      "default": "./dist/component-lib/index.js",
+      "types": "./dist/component-lib/index.d.ts"
+    }
+  },
   "scripts": {
-    "prebuild": "pnpm run clean && node ./scripts/fix.js",
+    "prebuild": "pnpm run clean && node ./scripts/fix.cjs",
     "build": "rollup -c",
-    "clean": "rimraf ../taro-components/lib/react",
+    "clean": "rimraf dist",
     "dev": "pnpm run build -w",
     "prod": "pnpm run build"
   },

packages/taro-components-library-react/rollup.config.mjs

@@ -7,7 +7,7 @@ import postcss from 'rollup-plugin-postcss'
 const config = {
   input: ['src/index.ts', 'src/component-lib/index.ts'],
   output: {
-    dir: '../taro-components/lib/react',
+    dir: 'dist',
     exports: 'named',
     preserveModules: true,
     preserveModulesRoot: 'src',

packages/taro-components-library-react/scripts/fix.js → packages/taro-components-library-react/scripts/fix.cjs

@@ -1,7 +1,7 @@
 const fs = require('@tarojs/helper').fs
 const path = require('path')
 
-const componentsPath = path.resolve(__dirname, '..', 'src/components.ts')
+const componentsPath = path.resolve(__dirname, '..', 'node_modules/@tarojs/components/dist/lib/react/components.ts')
 // const avoidErrorType = ['Input', 'ScrollView']
 
 if (fs.existsSync(componentsPath)) {
@@ -35,5 +35,5 @@ if (fs.existsSync(componentsPath)) {
     code = code.replace(new RegExp(`export const (${comps.join('|')}) = \\/\\*\\@__PURE__\\*\\/createReactComponent.*`, 'ig'), 'export const $1 = Fragment;')
   }
 
-  fs.writeFileSync(componentsPath, code)
+  fs.writeFileSync(path.resolve(__dirname, '..', 'src/components.ts'), code)
 }

packages/taro-components-library-react/tsconfig.json

@@ -2,8 +2,8 @@
   "extends": "../../tsconfig.root.json",
   "compilerOptions": {
     "baseUrl": ".",
+    "outDir": "./dist",
     "declaration": true,
-    "declarationDir": "../taro-components/lib/react",
     "jsx": "react",
     "jsxFactory": "React.createElement",
     "module": "ESNext",

packages/taro-components-library-solid/package.json

@@ -2,12 +2,24 @@
   "name": "@tarojs/components-library-solid",
   "version": "4.1.8",
   "description": "Taro 组件库 Solid 版本库",
-  "private": true,
-  "main": "index.js",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "default": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./component-lib": {
+      "default": "./dist/component-lib/index.js",
+      "types": "./dist/component-lib/index.d.ts"
+    }
+  },
   "scripts": {
-    "prebuild": "pnpm run clean && node ./scripts/fix.js",
+    "prebuild": "pnpm run clean && node ./scripts/fix.cjs",
     "build": "rollup -c",
-    "clean": "rimraf ../taro-components/lib/solid",
+    "clean": "rimraf dist",
     "dev": "pnpm run build -w",
     "prod": "pnpm run build"
   },

packages/taro-components-library-solid/rollup.config.mjs

@@ -7,7 +7,7 @@ import postcss from 'rollup-plugin-postcss'
 const config = {
   input: ['src/index.ts', 'src/component-lib/index.ts'],
   output: {
-    dir: '../taro-components/lib/solid',
+    dir: 'dist',
     exports: 'named',
     preserveModules: true,
     preserveModulesRoot: 'src',

packages/taro-components-library-solid/scripts/fix.js → packages/taro-components-library-solid/scripts/fix.cjs

@@ -1,7 +1,7 @@
 const fs = require('@tarojs/helper').fs
 const path = require('path')
 
-const componentsPath = path.resolve(__dirname, '..', 'src/components.ts')
+const componentsPath = path.resolve(__dirname, '..', 'node_modules/@tarojs/components/dist/lib/solid/components.ts')
 // const avoidErrorType = ['Input', 'ScrollView']
 
 if (fs.existsSync(componentsPath)) {
@@ -35,5 +35,5 @@ if (fs.existsSync(componentsPath)) {
     code = code.replace(new RegExp(`export const (${comps.join('|')}) = \\/\\*\\@__PURE__\\*\\/createSolidComponent.*`, 'ig'), 'export const $1 = Fragment;')
   }
 
-  fs.writeFileSync(componentsPath, code)
+  fs.writeFileSync(path.resolve(__dirname, '..', 'src/components.ts'), code)
 }

packages/taro-components-library-solid/tsconfig.json

@@ -2,9 +2,9 @@
   "extends": "../../tsconfig.root.json",
   "compilerOptions": {
     "baseUrl": ".",
+    "outDir": "./dist",
     "declaration": true,
     "jsx": "preserve",
-    "declarationDir": "../taro-components/lib/solid",
     "jsxImportSource": "solid-js",
     "module": "ESNext",
     "noUnusedLocals": false,

packages/taro-components-library-vue3/package.json

@@ -2,15 +2,27 @@
   "name": "@tarojs/components-library-vue3",
   "version": "4.1.8",
   "description": "Taro 组件库 Vue3 版本库",
-  "private": true,
   "author": "O2Team",
   "license": "MIT",
-  "main": "index.js",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "default": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./component-lib": {
+      "default": "./dist/component-lib/index.js",
+      "types": "./dist/component-lib/index.d.ts"
+    }
+  },
   "scripts": {
     "prod": "pnpm run build",
-    "prebuild": "pnpm run clean && node ./scripts/fix.js",
+    "prebuild": "pnpm run clean && node ./scripts/fix.cjs",
     "build": "rollup -c",
-    "clean": "rimraf ../taro-components/lib/vue3",
+    "clean": "rimraf dist",
     "dev": "pnpm run build -w"
   },
   "keywords": [],

packages/taro-components-library-vue3/rollup.config.mjs

@@ -7,7 +7,7 @@ import postcss from 'rollup-plugin-postcss'
 const config = {
   input: ['src/index.ts', 'src/components-loader.ts', 'src/component-lib/index.ts'],
   output: {
-    dir: '../taro-components/lib/vue3',
+    dir: 'dist',
     exports: 'named',
     preserveModules: true,
     sourcemap: true,

packages/taro-components-library-vue3/scripts/fix.js → packages/taro-components-library-vue3/scripts/fix.cjs

@@ -1,7 +1,7 @@
 const fs = require('@tarojs/helper').fs
 const path = require('path')
 
-const componentsPath = path.resolve(__dirname, '..', 'src/components.ts')
+const componentsPath = path.resolve(__dirname, '..', 'node_modules/@tarojs/components/dist/lib/vue3/components.ts')
 
 if (fs.existsSync(componentsPath)) {
   const codeBuffer = fs.readFileSync(componentsPath)
@@ -18,5 +18,5 @@ if (fs.existsSync(componentsPath)) {
     code = code.replace(new RegExp(`export const (${comps.join('|')}) = \\/\\*\\@__PURE__\\*\\/ defineContainer[^;]*;`, 'ig'), 'export const $1 = defineComponent((__props, { slots }) => slots.default);')
   }
 
-  fs.writeFileSync(componentsPath, code)
+  fs.writeFileSync(path.resolve(__dirname, '..', 'src/components.ts'), code)
 }

packages/taro-components-library-vue3/tsconfig.json

@@ -2,8 +2,8 @@
   "extends": "../../tsconfig.root.json",
   "compilerOptions": {
     "baseUrl": ".",
+    "outDir": "./dist",
     "declaration": true,
-    "declarationDir": "../taro-components/lib/vue3",
     "module": "ESNext",
     "noUnusedLocals": false,
     "skipLibCheck": true,

packages/taro-components-react/package.json

@@ -38,6 +38,8 @@
   "dependencies": {
     "@babel/runtime": "^7.24.4",
     "@tarojs/components": "workspace:*",
+    "@tarojs/components-library-react": "workspace:*",
+    "@tarojs/components-library-solid": "workspace:*",
     "@tarojs/shared": "workspace:*",
     "@tarojs/taro": "workspace:*",
     "classnames": "^2.2.5",

packages/taro-components-react/src/index.react.ts

@@ -1,79 +1,77 @@
-/* eslint-disable simple-import-sort/exports */
-export { Ad } from '@tarojs/components/lib/react'
-export { AdCustom } from '@tarojs/components/lib/react'
-export { AnimationVideo } from '@tarojs/components/lib/react'
-export { AnimationView } from '@tarojs/components/lib/react'
-export { ArCamera } from '@tarojs/components/lib/react'
-export { Audio } from '@tarojs/components/lib/react'
-export { AwemeData } from '@tarojs/components/lib/react'
-export { Block } from '@tarojs/components/lib/react'
 export { default as Button } from './components/button'
-export { Camera } from '@tarojs/components/lib/react'
-export { Canvas } from '@tarojs/components/lib/react'
-export { ChannelLive } from '@tarojs/components/lib/react'
-export { ChannelVideo } from '@tarojs/components/lib/react'
-export { Checkbox, CheckboxGroup } from '@tarojs/components/lib/react'
-export { CommentDetail, CommentList } from '@tarojs/components/lib/react'
-export { ContactButton } from '@tarojs/components/lib/react'
-export { CoverImage } from '@tarojs/components/lib/react'
-export { CoverView } from '@tarojs/components/lib/react'
-export { CustomWrapper } from '@tarojs/components/lib/react'
-export { DraggableSheet } from '@tarojs/components/lib/react'
-export { Editor } from '@tarojs/components/lib/react'
-export { FollowSwan } from '@tarojs/components/lib/react'
-export { Form } from '@tarojs/components/lib/react'
-export { FunctionalPageNavigator } from '@tarojs/components/lib/react'
-export { GridView } from '@tarojs/components/lib/react'
-export { GridBuilder } from '@tarojs/components/lib/react'
 export { default as Icon } from './components/icon'
 export { default as Image } from './components/image'
-export { InlinePaymentPanel } from '@tarojs/components/lib/react'
 export { default as Input } from './components/input'
-export { KeyboardAccessory } from '@tarojs/components/lib/react'
-export { Label } from '@tarojs/components/lib/react'
-export { Lifestyle } from '@tarojs/components/lib/react'
-export { Like } from '@tarojs/components/lib/react'
-export { LivePlayer } from '@tarojs/components/lib/react'
-export { LivePusher } from '@tarojs/components/lib/react'
-export { ListBuilder } from '@tarojs/components/lib/react'
-export { ListView } from '@tarojs/components/lib/react'
-export { Login } from '@tarojs/components/lib/react'
-export { Lottie } from '@tarojs/components/lib/react'
-export { Map } from '@tarojs/components/lib/react'
-export { MatchMedia } from '@tarojs/components/lib/react'
-export { MovableArea, MovableView } from '@tarojs/components/lib/react'
-export { NavigationBar } from '@tarojs/components/lib/react'
-export { Navigator } from '@tarojs/components/lib/react'
-export { NestedScrollBody } from '@tarojs/components/lib/react'
-export { NestedScrollHeader } from '@tarojs/components/lib/react'
-export { OfficialAccount } from '@tarojs/components/lib/react'
-export { OpenData } from '@tarojs/components/lib/react'
-export { OpenContainer } from '@tarojs/components/lib/react'
-export { PageContainer } from '@tarojs/components/lib/react'
-export { PageMeta } from '@tarojs/components/lib/react'
 export { default as Picker } from './components/picker'
-export { PickerView, PickerViewColumn } from '@tarojs/components/lib/react'
-export { Progress } from '@tarojs/components/lib/react'
 export { default as PullDownRefresh } from './components/pull-down-refresh'
-// export { PullToRefresh } from '@tarojs/components/lib/react'
 export { default as Refresher } from './components/refresher'
-export { Radio, RadioGroup } from '@tarojs/components/lib/react'
-export { RichText } from '@tarojs/components/lib/react'
-export { RootPortal } from '@tarojs/components/lib/react'
-export { RtcRoom, RtcRoomItem } from '@tarojs/components/lib/react'
-export { Script } from '@tarojs/components/lib/react'
 export { default as ScrollView } from './components/scroll-view'
-export { ShareElement } from '@tarojs/components/lib/react'
-export { Slider } from '@tarojs/components/lib/react'
-export { Snapshot } from '@tarojs/components/lib/react'
-export { Span } from '@tarojs/components/lib/react'
-export { NativeSlot, Slot } from '@tarojs/components/lib/react'
 export { Swiper, SwiperItem } from './components/swiper'
-export { Switch } from '@tarojs/components/lib/react'
-export { Tabs } from '@tarojs/components/lib/react'
 export { default as Text } from './components/text'
-export { Textarea } from '@tarojs/components/lib/react'
-export { Video } from '@tarojs/components/lib/react'
 export { default as View } from './components/view'
-export { VoipRoom } from '@tarojs/components/lib/react'
-export { WebView } from '@tarojs/components/lib/react'
+export { Ad } from '@tarojs/components-library-react'
+export { AdCustom } from '@tarojs/components-library-react'
+export { AnimationVideo } from '@tarojs/components-library-react'
+export { AnimationView } from '@tarojs/components-library-react'
+export { ArCamera } from '@tarojs/components-library-react'
+export { Audio } from '@tarojs/components-library-react'
+export { AwemeData } from '@tarojs/components-library-react'
+export { Block } from '@tarojs/components-library-react'
+export { Camera } from '@tarojs/components-library-react'
+export { Canvas } from '@tarojs/components-library-react'
+export { ChannelLive } from '@tarojs/components-library-react'
+export { ChannelVideo } from '@tarojs/components-library-react'
+export { Checkbox, CheckboxGroup } from '@tarojs/components-library-react'
+export { CommentDetail, CommentList } from '@tarojs/components-library-react'
+export { ContactButton } from '@tarojs/components-library-react'
+export { CoverImage } from '@tarojs/components-library-react'
+export { CoverView } from '@tarojs/components-library-react'
+export { CustomWrapper } from '@tarojs/components-library-react'
+export { DraggableSheet } from '@tarojs/components-library-react'
+export { Editor } from '@tarojs/components-library-react'
+export { FollowSwan } from '@tarojs/components-library-react'
+export { Form } from '@tarojs/components-library-react'
+export { FunctionalPageNavigator } from '@tarojs/components-library-react'
+export { GridView } from '@tarojs/components-library-react'
+export { GridBuilder } from '@tarojs/components-library-react'
+export { InlinePaymentPanel } from '@tarojs/components-library-react'
+export { KeyboardAccessory } from '@tarojs/components-library-react'
+export { Label } from '@tarojs/components-library-react'
+export { Lifestyle } from '@tarojs/components-library-react'
+export { Like } from '@tarojs/components-library-react'
+export { LivePlayer } from '@tarojs/components-library-react'
+export { LivePusher } from '@tarojs/components-library-react'
+export { ListBuilder } from '@tarojs/components-library-react'
+export { ListView } from '@tarojs/components-library-react'
+export { Login } from '@tarojs/components-library-react'
+export { Lottie } from '@tarojs/components-library-react'
+export { Map } from '@tarojs/components-library-react'
+export { MatchMedia } from '@tarojs/components-library-react'
+export { MovableArea, MovableView } from '@tarojs/components-library-react'
+export { NavigationBar } from '@tarojs/components-library-react'
+export { Navigator } from '@tarojs/components-library-react'
+export { NestedScrollBody } from '@tarojs/components-library-react'
+export { NestedScrollHeader } from '@tarojs/components-library-react'
+export { OfficialAccount } from '@tarojs/components-library-react'
+export { OpenData } from '@tarojs/components-library-react'
+export { OpenContainer } from '@tarojs/components-library-react'
+export { PageContainer } from '@tarojs/components-library-react'
+export { PageMeta } from '@tarojs/components-library-react'
+export { PickerView, PickerViewColumn } from '@tarojs/components-library-react'
+export { Progress } from '@tarojs/components-library-react'
+export { Radio, RadioGroup } from '@tarojs/components-library-react'
+export { RichText } from '@tarojs/components-library-react'
+export { RootPortal } from '@tarojs/components-library-react'
+export { RtcRoom, RtcRoomItem } from '@tarojs/components-library-react'
+export { Script } from '@tarojs/components-library-react'
+export { ShareElement } from '@tarojs/components-library-react'
+export { Slider } from '@tarojs/components-library-react'
+export { Snapshot } from '@tarojs/components-library-react'
+export { Span } from '@tarojs/components-library-react'
+export { NativeSlot, Slot } from '@tarojs/components-library-react'
+export { Switch } from '@tarojs/components-library-react'
+export { Tabs } from '@tarojs/components-library-react'
+export { Textarea } from '@tarojs/components-library-react'
+export { Video } from '@tarojs/components-library-react'
+export { VoipRoom } from '@tarojs/components-library-react'
+export { WebView } from '@tarojs/components-library-react'