@mpxjs/webpack-plugin 2.10.7-beta.8 → 2.10.7

package/lib/runtime/components/react/mpx-sticky-section.tsx

@@ -1,96 +0,0 @@
-
-import { useRef, forwardRef, createElement, ReactNode, useCallback, useMemo } from 'react'
-import { View, ViewStyle } from 'react-native'
-import useNodesRef, { HandlerRef } from './useNodesRef'
-import { splitProps, splitStyle, useTransformStyle, wrapChildren, useLayout, extendObject } from './utils'
-import { StickyContext } from './context'
-import useInnerProps from './getInnerListeners'
-
-interface StickySectionProps {
-  children?: ReactNode;
-  style?: ViewStyle;
-  'offset-top'?: number;
-  'enable-var'?: boolean;
-  'external-var-context'?: Record<string, any>;
-  'parent-font-size'?: number;
-  'parent-width'?: number;
-  'parent-height'?: number;
-}
-
-const _StickySection = forwardRef<HandlerRef<View, StickySectionProps>, StickySectionProps>((stickySectionProps: StickySectionProps = {}, ref): JSX.Element => {
-  const { textProps, innerProps: props = {} } = splitProps(stickySectionProps)
-  const {
-    style,
-    'enable-var': enableVar,
-    'external-var-context': externalVarContext,
-    'parent-font-size': parentFontSize,
-    'parent-width': parentWidth,
-    'parent-height': parentHeight
-  } = props
-  const sectionRef = useRef<View>(null)
-
-  const {
-    normalStyle,
-    hasVarDec,
-    varContextRef,
-    hasSelfPercent,
-    setWidth,
-    setHeight
-  } = useTransformStyle(style, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight })
-
-  const { layoutRef, layoutProps, layoutStyle } = useLayout({ props, hasSelfPercent, setWidth, setHeight, nodeRef: sectionRef, onLayout })
-
-  const { textStyle, innerStyle = {} } = splitStyle(normalStyle)
-
-  const stickyHeaders = useRef<Map<string, any>>(new Map())
-
-  const registerStickyHeader = useCallback((item: { id: string, updatePosition: Function }) => {
-    stickyHeaders.current.set(item.id, item)
-  }, [])
-
-  const unregisterStickyHeader = useCallback((id: string) => {
-    stickyHeaders.current.delete(id)
-  }, [])
-
-  const contextValue = useMemo(() => ({
-    registerStickyHeader,
-    unregisterStickyHeader
-  }), [])
-
-  useNodesRef(props, ref, sectionRef, {
-    style: normalStyle
-  })
-
-  function onLayout () {
-    stickyHeaders.current.forEach(item => {
-      item.updatePosition()
-    })
-  }
-
-  const innerProps = useInnerProps(extendObject({}, props, {
-    style: extendObject(innerStyle, layoutStyle),
-    ref: sectionRef
-  }, layoutProps), [], { layoutRef })
-
-  return (
-    createElement(
-      View,
-      innerProps,
-      createElement(
-        StickyContext.Provider,
-        { value: contextValue },
-        wrapChildren(
-          props,
-          {
-            hasVarDec,
-            varContext: varContextRef.current,
-            textStyle,
-            textProps
-          }
-        )
-      ))
-  )
-})
-
-_StickySection.displayName = 'MpxStickySection'
-export default _StickySection

package/lib/runtime/components/web/mpx-sticky-header.vue

@@ -1,91 +0,0 @@
-<script>
-import { warn } from '@mpxjs/utils'
-import { getCustomEvent } from './getInnerListeners'
-
-  export default {
-    name: 'mpx-sticky-header',
-    inject: ['scrollOffset', 'refreshVersion'],
-    props: {
-      'offsetTop': {
-        type: Number,
-        default: 0
-      }
-    },
-    data() {
-      return {
-        headerTop: 0,
-        isStickOnTop: false
-      }
-    },
-    computed: {
-      _scrollOffset() {
-        return -this.scrollOffset?.get() || 0
-      },
-      _refreshVersion() {
-        return this.refreshVersion?.get() || 0
-      }
-    },
-    watch: {
-      _scrollOffset: {
-        handler(newScrollOffset) {
-          const newIsStickOnTop = newScrollOffset > this.headerTop
-          if (newIsStickOnTop !== this.isStickOnTop) {
-            this.isStickOnTop = newIsStickOnTop
-            this.$emit('stickontopchange', getCustomEvent('stickontopchange', {
-              isStickOnTop: newIsStickOnTop
-            }, this))
-          }
-          const stickyHeader = this.$refs.stickyHeader
-          if (!stickyHeader) return
-          if (this.isStickOnTop) {
-            stickyHeader.style.transform = `translateY(${newScrollOffset - this.headerTop + this.offsetTop}px)`
-          } else {
-            stickyHeader.style.transform = 'none'
-          }
-        },
-        immediate: true
-      },
-      _refreshVersion: {
-        handler() {
-          const parentElement = this.$el.parentElement
-          if (!parentElement) return
-          
-          const parentClass = parentElement.className || ''
-          const isStickySection = /mpx-sticky-section/.test(parentClass)
-          const isScrollViewWrapper = /mpx-inner-wrapper/.test(parentClass)
-          
-          if (!isStickySection && !isScrollViewWrapper) {
-            warn('sticky-header only supports being a direct child of a scroll-view or sticky-section component.')
-            return
-          }
-          
-          this.headerTop = isStickySection 
-            ? this.$el.offsetTop + parentElement.offsetTop
-            : this.$el.offsetTop
-          
-          const stickyHeader = this.$refs.stickyHeader
-          if (!stickyHeader) return
-          
-          if (this._scrollOffset > this.headerTop) {
-            stickyHeader.style.transform = `translateY(${this._scrollOffset - this.headerTop + this.offsetTop}px)`
-          } else {
-            stickyHeader.style.transform = 'none'
-          }
-        },
-      }
-    },
-    render(h) {
-      const style = {
-        width: '100%',
-        boxSizing: 'border-box',
-        position: 'relative',
-        zIndex: 10
-      }
-
-      return h('div', {
-        style,
-        ref: 'stickyHeader'
-      }, this.$slots.default)
-    }
-  }
-</script>

package/lib/runtime/components/web/mpx-sticky-section.vue

@@ -1,15 +0,0 @@
-<script>
-  export default {
-    name: 'mpx-sticky-section',
-    render(h) {
-      const style = {
-        position: 'relative'
-      }
-
-      return h('div', {
-        style,
-        class: 'mpx-sticky-section'
-      }, this.$slots.default)
-    }
-  }
-</script>