feat: 多实例支持

Author: zyt-cloud

docs/react/package.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@z-cloud/virtual-react": "workspace:^",
+    "@z-cloud/pull-to-refresh": "workspace:^",
     "rspress": "^1.40.2"
   },
   "devDependencies": {

docs/react/src/components/pull-to-refresh/local.tsx

@@ -23,7 +23,7 @@ export default function LocalPullToRefresh() {
     >
       <div>当前属于局部刷新，兼容PC、Mobile</div>
       <br />
-      <div>请将当前滚动元素滚动到最顶部，PC端按住鼠标乡下拉查看效果</div>
+      <div>请将当前滚动元素滚动到最顶部，PC端按住鼠标向下拉查看效果</div>
       <PullToRefresh
         event={event}
         onRefresh={() => new Promise((resolve) => setTimeout(() => resolve(true), 3000))}

docs/react/src/components/pull-to-refresh/page.tsx

@@ -7,7 +7,7 @@ export default function PagePullToRefresh() {
       <br />
       <div>请注意顶部遮挡</div>
       <br />
-      <div>请将页面滚动到最顶部，PC端按住鼠标乡下拉查看效果</div>
+      <div>请将页面滚动到最顶部，PC端按住鼠标向下拉查看效果</div>
       <PullToRefresh
         style={{ top: 72 }}
         onRefresh={() => new Promise((resolve) => setTimeout(() => resolve(true), 3000))}

packages/pull-to-refresh/package.json

@@ -47,7 +47,6 @@
     },
     "./package.json": "./package.json"
   },
-  "sideEffects": false,
   "files": [
     "dist"
   ],
@@ -59,19 +58,20 @@
     "@z-cloud/virtual-vanilla": "workspace:^"
   },
   "devDependencies": {
+    "@tarojs/components": "catalog:",
+    "@tarojs/taro": "catalog:",
     "@types/react": "catalog:",
     "@vitejs/plugin-react": "catalog:",
     "@vitejs/plugin-vue": "catalog:",
-    "@tarojs/components": "catalog:",
-    "@tarojs/taro": "catalog:",
     "react": "catalog:",
-    "react-dom": "catalog:"
+    "react-dom": "catalog:",
+    "vite-plugin-css-injected-by-js": "^3.5.2"
   },
   "peerDependencies": {
-    "react": ">=17.0.0",
-    "vue": ">=3.0.0",
     "@tarojs/components": "*",
-    "@tarojs/taro": "*"
+    "@tarojs/taro": "*",
+    "react": ">=17.0.0",
+    "vue": ">=3.0.0"
   },
   "peerDependenciesMeta": {
     "react": {

packages/pull-to-refresh/src/lib/pull-to-refresh.ts

@@ -36,7 +36,7 @@ export class PullToRefresh {
   }
 
   public onScroll(scrollTop: number) {
-    // or scrollTop === 0
+    // or scrollTop === 0 小程序专用
     this.ready = scrollTop < 1
 
     if (!this.ready && this.status !== 'initial') {
@@ -70,7 +70,7 @@ export class PullToRefresh {
 
     this.pullDistance = Math.max(
       pullDistance > maxPullDistance ? this.pullDistance + 0.2 : pullDistance,
-      0
+      0,
     )
 
     this.notify()

packages/pull-to-refresh/src/lib/utils/event.ts

@@ -37,6 +37,7 @@ export class EventManager<TEvent = TouchEvent | PointerEvent> {
   }
 
   public move(e: TEvent) {
+    // pointerEvent 不满足效果
     if ((hasTouch && !this.isTouchEvent(e as Event)) || !this.pressed) {
       return
     }

packages/pull-to-refresh/vite.config.ts

@@ -1,14 +1,21 @@
 import { defineConfig, mergeConfig } from 'vite'
 import { viteConfig } from '@z-cloud/vite-config'
 import react from '@vitejs/plugin-react'
+import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
 
 const config = defineConfig({
-  plugins: [react()],
+  plugins: [react(), cssInjectedByJsPlugin()],
+  css: {
+    modules: {
+      scopeBehaviour: 'local',
+    },
+  },
 })
 
 export default mergeConfig(
   config,
   viteConfig({
+    cssCodeSplit: true,
     lib: {
       entry: ['./src/index.ts', './src/react/index.ts'],
     },