@mpxjs/webpack-plugin 2.10.18-beta.1 → 2.10.19

package/lib/runtime/components/react/mpx-camera.tsx

@@ -1,8 +1,10 @@
-import React, { createElement, forwardRef, useRef, useCallback, useContext, useState, useEffect } from 'react'
-import { useTransformStyle, useLayout, extendObject } from './utils'
+import { createElement, forwardRef, useRef, useCallback, useContext, useState, useEffect, useMemo } from 'react'
+import { getCurrentPage, useTransformStyle, useLayout, extendObject } from './utils'
 import useInnerProps, { getCustomEvent } from './getInnerListeners'
-import { noop } from '@mpxjs/utils'
+import { Camera, useCameraDevice, useCodeScanner, useCameraFormat } from 'react-native-vision-camera'
+import { noop, warn, hasOwn } from '@mpxjs/utils'
 import { RouteContext } from './context'
+import { watch, WatchOptions } from '@mpxjs/core'
 
 const qualityValue = {
   high: 90,
@@ -14,9 +16,9 @@ const qualityValue = {
 interface CameraProps {
   mode?: 'normal' | 'scanCode'
   resolution?: 'low' | 'medium' | 'high'
-  devicePosition?: 'front' | 'back'
+  'device-position'?: 'front' | 'back'
   flash?: 'auto' | 'on' | 'off'
-  frameSize?: 'small' | 'medium' | 'large'
+  'frame-size'?: 'small' | 'medium' | 'large'
   style?: Record<string, any>
   bindstop?: () => void
   binderror?: (error: { message: string }) => void
@@ -65,14 +67,13 @@ let RecordRes: any = null
 
 const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: CameraProps, ref): JSX.Element | null => {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
-  const { Camera, useCameraDevice, useCodeScanner, useCameraFormat } = require('react-native-vision-camera')
   const cameraRef = useRef<any>(null)
   const {
     mode = 'normal',
     resolution = 'medium',
-    devicePosition = 'back',
+    'device-position': devicePosition = 'back',
     flash = 'auto',
-    frameSize = 'medium',
+    'frame-size': frameSize = 'medium',
     bindinitdone,
     bindstop,
     bindscancode,
@@ -100,24 +101,26 @@ const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: Ca
     parentHeight
   })
   const { layoutRef, layoutStyle, layoutProps } = useLayout({ props, hasSelfPercent, setWidth, setHeight, nodeRef: cameraRef })
-  const isPhoto = mode === 'normal'
+  const isPhoto = useRef<boolean>(false)
+  isPhoto.current = mode === 'normal'
   const device = useCameraDevice(devicePosition || 'back')
-  const { navigation } = useContext(RouteContext) || {}
+  const { navigation, pageId } = useContext(RouteContext) || {}
   const [zoomValue, setZoomValue] = useState<number>(1)
+  const [isActive, setIsActive] = useState<boolean>(true)
   const [hasPermission, setHasPermission] = useState<boolean | null>(null)
-  const hasCamera = useRef(false)
+  const page = getCurrentPage(pageId)
 
   // 先定义常量，避免在条件判断后使用
   const maxZoom = device?.maxZoom || 1
-  const RESOLUTION_MAPPING: Record<string, { width: number, height: number }> = {
-    low: { width: 640, height: 480 },
-    medium: { width: 1280, height: 720 },
-    high: { width: 1920, height: 1080 }
+  const RESOLUTION_MAPPING: Record<string, { width: number, height: number } | 'max'> = {
+    low: { width: 1280, height: 720 },
+    medium: { width: 1920, height: 1080 },
+    high: 'max'
   }
-  const FRAME_SIZE_MAPPING: Record<string, { width: number, height: number }> = {
-    small: { width: 480, height: 360 },
-    medium: { width: 720, height: 540 },
-    large: { width: 1080, height: 810 }
+  const FRAME_SIZE_MAPPING: Record<string, { width: number, height: number } | 'max'> = {
+    small: { width: 1280, height: 720 },
+    medium: { width: 1920, height: 1080 },
+    large: 'max'
   }
 
   const format = useCameraFormat(device, [
@@ -126,16 +129,31 @@ const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: Ca
       videoResolution: FRAME_SIZE_MAPPING[frameSize] || RESOLUTION_MAPPING[resolution]
     }
   ])
-
+  const isScancode = useCallback((fail: (res: { errMsg: string }) => void, complete: (res: { errMsg: string }) => void) => {
+    if (!isPhoto.current) {
+      const result = {
+        errMsg: 'Not allow to invoke takePhoto in \'scanCode\' mode.'
+      }
+      fail(result)
+      complete(result)
+      return true
+    }
+    return false
+  }, [])
   const codeScanner = useCodeScanner({
-    codeTypes: ['qr', 'ean-13'],
+    codeTypes: ['qr'],
     onCodeScanned: (codes: any[]) => {
-      const result = codes.map(code => code.value).join(',')
-      bindscancode && bindscancode(getCustomEvent('scancode', {}, {
-        detail: {
-          result: codes.map(code => code.value).join(',')
-        }
-      }))
+      codes.forEach(code => {
+        const type = code.type === 'qr' ? 'QR_CODE' : code.type?.toUpperCase()
+        const frame = code.frame || {}
+        bindscancode && bindscancode(getCustomEvent('scancode', {}, {
+          detail: {
+            result: code.value,
+            type,
+            scanArea: [parseInt(frame.x) || 0, parseInt(frame.y) || 0, parseInt(frame.width) || 0, parseInt(frame.height) || 0]
+          }
+        }))
+      })
     }
   })
 
@@ -151,14 +169,14 @@ const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: Ca
     bindstop && bindstop()
   }, [bindstop])
 
-  const camera: CameraRef = {
+  const camera: CameraRef = useMemo(() => ({
     setZoom: (zoom: number) => {
       setZoomValue(zoom)
     },
     takePhoto: (options: TakePhotoOptions = {}) => {
       const { success = noop, fail = noop, complete = noop } = options
+      if (isScancode(fail, complete)) return
       cameraRef.current?.takePhoto?.({
-        flash,
         quality: qualityValue[options.quality || 'normal'] as number
       } as any).then((res: { path: any }) => {
         const result = {
@@ -179,7 +197,7 @@ const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: Ca
       let { timeout = 30, success = noop, fail = noop, complete = noop, timeoutCallback = noop } = options
       timeout = timeout > 300 ? 300 : timeout
       let recordTimer: NodeJS.Timeout | null = null
-      let isTimeout = false
+      if (isScancode(fail, complete)) return
       try {
         const result = {
           errMsg: 'startRecord:ok'
@@ -188,7 +206,6 @@ const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: Ca
         complete(result)
 
         cameraRef.current?.startRecording?.({
-          flash,
           onRecordingError: (error: any) => {
             if (recordTimer) clearTimeout(recordTimer)
             const errorResult = {
@@ -204,7 +221,6 @@ const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: Ca
         })
 
         recordTimer = setTimeout(() => { // 超时自动停止
-          isTimeout = true
           cameraRef.current?.stopRecording().catch(() => {
             // 忽略停止录制时的错误
           })
@@ -220,6 +236,7 @@ const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: Ca
     },
     stopRecord: (options: StopRecordOptions = {}) => {
       const { success = noop, fail = noop, complete = noop } = options
+      if (isScancode(fail, complete)) return
       try {
         cameraRef.current?.stopRecording().then(() => {
           setTimeout(() => {
@@ -249,16 +266,21 @@ const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: Ca
         complete(result)
       }
     }
-  }
+  }), [])
 
   useEffect(() => {
-    if (navigation) {
-      if (navigation && !navigation.camera) {
-        navigation.camera = camera
-      } else {
-        hasCamera.current = true
-        navigation.camera.multi = true
-      }
+    let unWatch: any
+    if (pageId && hasOwn(global.__mpxPageStatusMap, String(pageId))) {
+      unWatch = watch(() => global.__mpxPageStatusMap[pageId], (newVal: string) => {
+        if (newVal === 'show') {
+          if (page.id === pageId) {
+            setIsActive(true)
+          }
+        }
+        if (newVal === 'hide') {
+          setIsActive(false)
+        }
+      }, { sync: true } as WatchOptions)
     }
     const checkCameraPermission = async () => {
       try {
@@ -275,13 +297,14 @@ const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: Ca
     }
     checkCameraPermission()
     return () => {
-      if (navigation && navigation.camera) {
-        navigation.camera = null
+      if (navigation?.camera === camera) {
+        delete navigation.camera
       }
+      unWatch && unWatch()
     }
   }, [])
 
-  const innerProps = useInnerProps(
+  const innerProps:any = useInnerProps(
     extendObject(
       {},
       props,
@@ -289,15 +312,16 @@ const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: Ca
       {
         ref: cameraRef,
         style: extendObject({}, normalStyle, layoutStyle),
-        isActive: true,
+        isActive,
         photo: true,
         video: true,
         onInitialized,
         onStopped,
         device,
         format,
-        codeScanner: !isPhoto ? codeScanner : undefined,
-        zoom: zoomValue
+        codeScanner: !isPhoto.current ? codeScanner : undefined,
+        zoom: zoomValue,
+        torch: flash
       }
     ),
     [
@@ -315,7 +339,14 @@ const _camera = forwardRef<HandlerRef<any, CameraProps>, CameraProps>((props: Ca
     }
   )
 
-  if (!hasPermission || hasCamera.current || !device) {
+  if (navigation && navigation.camera && navigation.camera !== camera) {
+    warn('<camera>: 一个页面只能插入一个')
+    return null
+  } else if (navigation) {
+    navigation.camera = camera
+  }
+
+  if (!hasPermission || !device) {
     return null
   }
 

package/lib/runtime/components/react/mpx-scroll-view.tsx

@@ -299,22 +299,112 @@ const _ScrollView = forwardRef<HandlerRef<ScrollView & View, ScrollViewProps>, S
     }
   }, [refresherTriggered])
 
-  function scrollTo ({ top = 0, left = 0, animated = false }: { top?: number; left?: number; animated?: boolean }) {
-    scrollToOffset(left, top, animated)
+  function scrollTo ({ top = 0, left = 0, animated = false, duration }: { top?: number; left?: number; animated?: boolean; duration?: number }) {
+    // 如果指定了 duration 且需要动画，使用自定义动画
+    if (animated && duration && duration > 0) {
+      // 获取当前滚动位置
+      const currentY = scrollOptions.current.scrollTop || 0
+      const currentX = scrollOptions.current.scrollLeft || 0
+
+      const startTime = Date.now()
+      const deltaY = top - currentY
+      const deltaX = left - currentX
+
+      // 缓动函数：easeInOutCubic
+      const easing = (t: number) => {
+        return t < 0.5
+          ? 4 * t * t * t
+          : 1 - Math.pow(-2 * t + 2, 3) / 2
+      }
+
+      // 使用 requestAnimationFrame 实现平滑动画
+      const animate = () => {
+        const elapsed = Date.now() - startTime
+        const progress = Math.min(elapsed / duration, 1) // 0 到 1
+
+        const easeProgress = easing(progress)
+        const nextY = currentY + deltaY * easeProgress
+        const nextX = currentX + deltaX * easeProgress
+
+        if (scrollViewRef.current) {
+          scrollViewRef.current.scrollTo({ y: nextY, x: nextX, animated: false })
+        }
+
+        if (progress < 1) {
+          requestAnimationFrame(animate)
+        } else {
+          // 确保最终位置准确
+          if (scrollViewRef.current) {
+            scrollViewRef.current.scrollTo({ y: top, x: left, animated: false })
+          }
+        }
+      }
+
+      requestAnimationFrame(animate)
+    } else {
+      // 使用原生的 scrollTo
+      scrollToOffset(left, top, animated)
+    }
   }
 
-  function handleScrollIntoView (selector = '', { offset = 0, animated = true } = {}) {
-    const refs = __selectRef!(`#${selector}`, 'node')
-    if (!refs) return
-    const { nodeRef } = refs.getNodeInstance()
-    nodeRef.current?.measureLayout(
-      scrollViewRef.current,
-      (left: number, top: number) => {
-        const adjustedLeft = scrollX ? left + offset : left
-        const adjustedTop = scrollY ? top + offset : top
-        scrollToOffset(adjustedLeft, adjustedTop, animated)
+  function handleScrollIntoView (selector = '', { offset = 0, animated = true, duration = undefined }: { offset?: number; animated?: boolean; duration?: number } = {}) {
+    try {
+      const currentSelectRef = propsRef.current.__selectRef
+
+      if (!currentSelectRef) {
+        const errMsg = '__selectRef is not available. Please ensure the scroll-view component is properly initialized.'
+        warn(errMsg)
+        return
       }
-    )
+
+      const targetScrollView = scrollViewRef.current
+
+      if (!targetScrollView) {
+        const errMsg = 'scrollViewRef is not ready'
+        warn(errMsg)
+        return
+      }
+
+      // scroll-into-view prop 按微信规范直传裸 id（如 "section-1"），而 __refs 注册时 key 带 # 或 . 前缀，需补齐才能命中；
+      // pageScrollTo 调用方已自带前缀（如 "#section-1"）
+      const normalizedSelector = selector.startsWith('#') || selector.startsWith('.') ? selector : `#${selector}`
+
+      // 调用 __selectRef 查找元素
+      const refs = currentSelectRef(normalizedSelector, 'node')
+      if (!refs) {
+        const errMsg = `Element not found for selector: ${normalizedSelector}`
+        warn(errMsg)
+        return
+      }
+
+      const { nodeRef } = refs.getNodeInstance()
+      if (!nodeRef?.current) {
+        const errMsg = `Node ref not available for selector: ${normalizedSelector}`
+        warn(errMsg)
+        return
+      }
+
+      nodeRef.current.measureLayout(
+        targetScrollView,
+        (left: number, top: number) => {
+          const adjustedLeft = scrollX ? left + offset : left
+          const adjustedTop = scrollY ? top + offset : top
+
+          // 使用 scrollTo 方法，支持 duration 参数
+          if (duration !== undefined) {
+            scrollTo({ left: adjustedLeft, top: adjustedTop, animated, duration })
+          } else {
+            scrollToOffset(adjustedLeft, adjustedTop, animated)
+          }
+        },
+        (error: any) => {
+          warn(`Failed to measure layout for selector ${normalizedSelector}: ${error}`)
+        }
+      )
+    } catch (error: any) {
+      const errMsg = `handleScrollIntoView error for selector ${selector}: ${error?.message || error}`
+      warn(errMsg)
+    }
   }
 
   function selectLength (size: { height: number; width: number }) {
@@ -641,9 +731,9 @@ const _ScrollView = forwardRef<HandlerRef<ScrollView & View, ScrollViewProps>, S
 
   // 处理下拉刷新的手势 - 使用 useMemo 避免每次渲染都创建
   const panGesture = useMemo(() => {
-    if (!hasRefresher) return Gesture.Pan() // 返回空手势
-
     return Gesture.Pan()
+      .activeOffsetY([-5, 5])
+      .failOffsetX([-5, 5])
       .onUpdate((event) => {
         'worklet'
         if (enhanced && !!bounces) {
@@ -703,7 +793,7 @@ const _ScrollView = forwardRef<HandlerRef<ScrollView & View, ScrollViewProps>, S
         }
       })
       .simultaneousWithExternalGesture(scrollViewRef)
-  }, [hasRefresher, enhanced, bounces, refreshing, refresherThreshold])
+  }, [enhanced, bounces, refreshing, refresherThreshold])
 
   const scrollAdditionalProps: ScrollAdditionalProps = extendObject(
     {

package/lib/runtime/components/react/mpx-swiper.tsx

@@ -77,7 +77,6 @@ interface SwiperProps {
   'wait-for'?: Array<GestureHandler>
   'simultaneous-handlers'?: Array<GestureHandler>
   disableGesture?: boolean
-  'display-multiple-items'?: number
   bindchange?: (event: NativeSyntheticEvent<TouchEvent> | unknown) => void
 }
 
@@ -172,7 +171,6 @@ const SwiperWrapper = forwardRef<HandlerRef<View, SwiperProps>, SwiperProps>((pr
     marginBottom: dotSpacing,
     zIndex: 98
   }
-  const displayMultipleItems = props['display-multiple-items'] || 1
   const easeingFunc = props['easing-function'] || 'default'
   const easeDuration = props.duration || 500
   const horizontal = props.vertical !== undefined ? !props.vertical : true
@@ -206,19 +204,19 @@ const SwiperWrapper = forwardRef<HandlerRef<View, SwiperProps>, SwiperProps>((pr
   const preMarginShared = useSharedValue(preMargin)
   const nextMarginShared = useSharedValue(nextMargin)
   const autoplayShared = useSharedValue(autoplay)
-  const children = Array.isArray(props.children) ? props.children.filter(child => child) : (props.children ? [props.children] : [])
   // 默认前后补位的元素个数
-  const patchElmNum = (circular && children.length > 1) ? displayMultipleItems + 1 : 0
+  const patchElmNum = circular ? (preMargin ? 2 : 1) : 0
   const patchElmNumShared = useSharedValue(patchElmNum)
-  const displayMultipleItemsShared = useSharedValue(displayMultipleItems)
   const circularShared = useSharedValue(circular)
+  // 支持swiper-item 同时存在<swiper-item wx:for/>和<swiper-item>并列的情况
+  const children = React.Children.toArray(props.children) as ReactElement[]
   // 对有变化的变量，在worklet中只能使用sharedValue变量，useRef不能更新
   const childrenLength = useSharedValue(children.length)
   const initWidth = typeof normalStyle?.width === 'number' ? normalStyle.width - preMargin - nextMargin : normalStyle.width
   const initHeight = typeof normalStyle?.height === 'number' ? normalStyle.height - preMargin - nextMargin : normalStyle.height
   const dir = horizontal === false ? 'y' : 'x'
   const pstep = dir === 'x' ? initWidth : initHeight
-  const initStep: number = isNaN(pstep) ? 0 : pstep / displayMultipleItems
+  const initStep: number = isNaN(pstep) ? 0 : pstep
   // 每个元素的宽度 or 高度，有固定值直接初始化无则0
   const step = useSharedValue(initStep)
   // 记录选中元素的索引值
@@ -296,7 +294,7 @@ const SwiperWrapper = forwardRef<HandlerRef<View, SwiperProps>, SwiperProps>((pr
     const { width, height } = e.nativeEvent.layout
     const realWidth = dir === 'x' ? width - preMargin - nextMargin : width
     const realHeight = dir === 'y' ? height - preMargin - nextMargin : height
-    const iStep = (dir === 'x' ? realWidth : realHeight) / displayMultipleItems
+    const iStep = dir === 'x' ? realWidth : realHeight
     if (iStep !== step.value) {
       step.value = iStep
       updateCurrent(propCurrent, iStep)
@@ -355,35 +353,18 @@ const SwiperWrapper = forwardRef<HandlerRef<View, SwiperProps>, SwiperProps>((pr
   function renderItems () {
     const intLen = children.length
     let renderChild = children.slice()
-    // if (circular && intLen > 1) {
-    //   // 最前面加最后一个元素
-    //   const lastChild = React.cloneElement(children[intLen - 1] as ReactElement, { key: 'clone0' })
-    //   // 最后面加第一个元素
-    //   const firstChild = React.cloneElement(children[0] as ReactElement, { key: 'clone1' })
-    //   if (preMargin) {
-    //     const lastChild1 = React.cloneElement(children[intLen - 2] as ReactElement, { key: 'clone2' })
-    //     const firstChild1 = React.cloneElement(children[1] as ReactElement, { key: 'clone3' })
-    //     renderChild = [lastChild1, lastChild].concat(renderChild).concat([firstChild, firstChild1])
-    //   } else {
-    //     renderChild = [lastChild].concat(renderChild).concat([firstChild])
-    //   }
-    // }
     if (circular && intLen > 1) {
-      // 动态生成前置补位元素
-      const frontClones = []
-      // 计算补位序列的起始索引。例如 len=3, patch=2 -> start=1 (即从B开始)
-      const startIndex = intLen - (patchElmNum % intLen)
-      for (let i = 0; i < patchElmNum; i++) {
-        const sourceIndex = (startIndex + i) % intLen
-        frontClones.push(React.cloneElement(children[sourceIndex], { key: `clone_front_${i}` }))
-      }
-      // 动态生成后置补位元素
-      const backClones = []
-      for (let i = 0; i < patchElmNum; i++) {
-        const sourceIndex = i % intLen
-        backClones.push(React.cloneElement(children[sourceIndex], { key: `clone_back_${i}` }))
+      // 最前面加最后一个元素
+      const lastChild = React.cloneElement(children[intLen - 1] as ReactElement, { key: 'clone0' })
+      // 最后面加第一个元素
+      const firstChild = React.cloneElement(children[0] as ReactElement, { key: 'clone1' })
+      if (preMargin) {
+        const lastChild1 = React.cloneElement(children[intLen - 2] as ReactElement, { key: 'clone2' })
+        const firstChild1 = React.cloneElement(children[1] as ReactElement, { key: 'clone3' })
+        renderChild = [lastChild1, lastChild].concat(renderChild).concat([firstChild, firstChild1])
+      } else {
+        renderChild = [lastChild].concat(renderChild).concat([firstChild])
       }
-      renderChild = [...frontClones, ...renderChild, ...backClones]
     }
     const arrChildren = renderChild.map((child, index) => {
       const extraStyle = {} as { [key: string]: any }
@@ -418,7 +399,7 @@ const SwiperWrapper = forwardRef<HandlerRef<View, SwiperProps>, SwiperProps>((pr
       let nextIndex = currentIndex.value
       if (!circularShared.value) {
         // 获取下一个位置的坐标, 循环到最后一个元素,直接停止, 取消定时器
-        if (currentIndex.value === childrenLength.value - displayMultipleItemsShared.value) {
+        if (currentIndex.value === childrenLength.value - 1) {
           pauseLoop()
           return
         }
@@ -587,14 +568,14 @@ const SwiperWrapper = forwardRef<HandlerRef<View, SwiperProps>, SwiperProps>((pr
       }
     }
   }, [autoplay])
+
   useEffect(() => {
-    if (circular !== circularShared.value || patchElmNum !== patchElmNumShared.value || displayMultipleItems !== displayMultipleItemsShared.value) {
+    if (circular !== circularShared.value) {
       circularShared.value = circular
-      patchElmNumShared.value = patchElmNum
-      displayMultipleItemsShared.value = displayMultipleItems
+      patchElmNumShared.value = circular ? (preMargin ? 2 : 1) : 0
       offset.value = getOffset(currentIndex.value, step.value)
     }
-  }, [circular, patchElmNum, displayMultipleItems])
+  }, [circular, preMargin])
   const { gestureHandler } = useMemo(() => {
     // 基于transdir + 当前offset计算索引
     function getTargetPosition (eventData: EventEndType) {
@@ -613,8 +594,7 @@ const SwiperWrapper = forwardRef<HandlerRef<View, SwiperProps>, SwiperProps>((pr
       const moveToIndex = transdir < 0 ? Math.ceil(computedIndex) : Math.floor(computedIndex)
       // 实际应该定位的索引值
       if (!circularShared.value) {
-        const maxIndex = Math.max(0, childrenLength.value - displayMultipleItemsShared.value)
-        selectedIndex = Math.min(Math.max(moveToIndex, 0), maxIndex)
+        selectedIndex = moveToIndex
         moveToTargetPos = selectedIndex * step.value
       } else {
         if (moveToIndex >= childrenLength.value + patchElmNumShared.value) {
@@ -647,7 +627,7 @@ const SwiperWrapper = forwardRef<HandlerRef<View, SwiperProps>, SwiperProps>((pr
       const gestureMovePos = offset.value + translation
       if (!circularShared.value) {
         // 如果只判断区间，中间非滑动状态(handleResistanceMove)向左滑动，突然改为向右滑动，但是还在非滑动态，本应该可滑动判断为了不可滑动
-        const posEnd = -step.value * (childrenLength.value - displayMultipleItemsShared.value)
+        const posEnd = -step.value * (childrenLength.value - 1)
         if (transdir < 0) {
           return gestureMovePos > posEnd
         } else {
@@ -751,7 +731,7 @@ const SwiperWrapper = forwardRef<HandlerRef<View, SwiperProps>, SwiperProps>((pr
       const { translation, transdir } = eventData
       const moveToOffset = offset.value + translation
       const maxOverDrag = Math.floor(step.value / 2)
-      const maxOffset = translation < 0 ? -(childrenLength.value - displayMultipleItemsShared.value) * step.value : 0
+      const maxOffset = translation < 0 ? -(childrenLength.value - 1) * step.value : 0
       let resistance = 0.1
       let overDrag = 0
       let finalOffset = 0

package/lib/runtime/components/web/mpx-scroll-view.vue

@@ -380,7 +380,7 @@
             const top = item.offsetTop
             const width = item.offsetWidth
             const height = item.offsetHeight
-
+    
             minLeft = getMinLength(minLeft, left)
             minTop = getMinLength(minTop, top)
             maxRight = getMaxLength(maxRight, left + width)
@@ -414,9 +414,6 @@
           if (this.bs) this.bs.refresh()
         }
       },
-      forceUpdateRefreshVersion () {
-        this.refreshVersion++
-      },
       compare(num1, num2, scale = 1) {
         return Math.abs(num1 - num2) < scale
       },
@@ -591,4 +588,4 @@
               background: rgba(255, 255, 255, .7)
             100%
               background: rgba(255, 255, 255, .3)
-</style>
+</style>

package/lib/template-compiler/compiler.js

@@ -1,7 +1,7 @@
 const JSON5 = require('json5')
 const he = require('he')
 const config = require('../config')
-const { MPX_ROOT_VIEW, MPX_APP_MODULE_ID, PARENT_MODULE_ID, MPX_TAG_PAGE_SELECTOR, EXTEND_COMPONENT_CONFIG } = require('../utils/const')
+const { MPX_ROOT_VIEW, MPX_APP_MODULE_ID, PARENT_MODULE_ID, MPX_TAG_PAGE_SELECTOR } = require('../utils/const')
 const normalize = require('../utils/normalize')
 const { normalizeCondition } = require('../utils/match-condition')
 const isValidIdentifierStr = require('../utils/is-valid-identifier-str')
@@ -2432,11 +2432,7 @@ function isRealNode (el) {
 }
 
 function isComponentNode (el) {
-  return usingComponents.indexOf(el.tag) !== -1 || el.tag === 'component' || componentGenerics[el.tag] || isExtendComponentNode(el)
-}
-
-function isExtendComponentNode (el) {
-  return EXTEND_COMPONENT_CONFIG[el.tag]?.[mode]
+  return usingComponents.indexOf(el.tag) !== -1 || el.tag === 'component' || componentGenerics[el.tag]
 }
 
 function getComponentInfo (el) {
@@ -2444,7 +2440,7 @@ function getComponentInfo (el) {
 }
 
 function isReactComponent (el) {
-  return !isComponentNode(el) && isRealNode(el) && !el.isBuiltIn && !isExtendComponentNode(el)
+  return !isComponentNode(el) && isRealNode(el) && !el.isBuiltIn
 }
 
 function processExternalClasses (el, options) {

package/lib/utils/const.js

@@ -1,5 +1,3 @@
-const componentPrefixPath = '@mpxjs/webpack-plugin/lib/runtime/components'
-
 module.exports = {
   MPX_PROCESSED_FLAG: 'mpx_processed',
   MPX_DISABLE_EXTRACTOR_CACHE: 'mpx_disable_extractor_cache',
@@ -9,32 +7,5 @@ module.exports = {
   MPX_ROOT_VIEW: 'mpx-root-view', // 根节点类名
   MPX_APP_MODULE_ID: 'mpx-app-scope', // app文件moduleId
   PARENT_MODULE_ID: '__pid',
-  // 扩展组件的平台配置：声明哪些组件在哪些平台有专用实现，哪些使用公共组件
-  EXTEND_COMPONENT_CONFIG: {
-    'section-list': {
-      wx: `${componentPrefixPath}/wx/mpx-section-list.mpx`,
-      ali: `${componentPrefixPath}/ali/mpx-section-list.mpx`,
-      web: `${componentPrefixPath}/web/mpx-section-list.vue`,
-      ios: `${componentPrefixPath}/react/dist/mpx-section-list.jsx`,
-      android: `${componentPrefixPath}/react/dist/mpx-section-list.jsx`,
-      harmony: `${componentPrefixPath}/react/dist/mpx-section-list.jsx`
-    },
-    'sticky-header': {
-      wx: `${componentPrefixPath}/wx/mpx-sticky-header.mpx`,
-      ali: `${componentPrefixPath}/ali/mpx-sticky-header.mpx`,
-      web: `${componentPrefixPath}/web/mpx-sticky-header.vue`,
-      ios: `${componentPrefixPath}/react/dist/mpx-sticky-header.jsx`,
-      android: `${componentPrefixPath}/react/dist/mpx-sticky-header.jsx`,
-      harmony: `${componentPrefixPath}/react/dist/mpx-sticky-header.jsx`
-    },
-    'sticky-section': {
-      wx: `${componentPrefixPath}/wx/mpx-sticky-section.mpx`,
-      ali: `${componentPrefixPath}/ali/mpx-sticky-section.mpx`,
-      web: `${componentPrefixPath}/web/mpx-sticky-section.vue`,
-      ios: `${componentPrefixPath}/react/dist/mpx-sticky-section.jsx`,
-      android: `${componentPrefixPath}/react/dist/mpx-sticky-section.jsx`,
-      harmony: `${componentPrefixPath}/react/dist/mpx-sticky-section.jsx`
-    }
-  },
   MPX_TAG_PAGE_SELECTOR: 'mpx-page'
 }