@mpxjs/webpack-plugin 2.9.70 → 2.9.71

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

@@ -1,80 +0,0 @@
-import { ScrollView } from 'react-native'
-import { JSX, MutableRefObject, forwardRef, useRef } from 'react'
-import Carouse from './carouse'
-import { SwiperProps } from './type'
-import useInnerProps from '../getInnerListeners'
-import useNodesRef, { HandlerRef } from '../useNodesRef' // 引入辅助函数
-/**
- * ✔ indicator-dots
- * ✔ indicator-color
- * ✔ indicator-active-color
- * ✔ autoplay
- * ✔ current
- * ✔ interval
- * ✔ duration
- * ✔ circular
- * ✔ vertical
- * ✘ display-multiple-items
- * ✘ previous-margin
- * ✘ next-margin
- * ✔ easing-function  ="easeOutCubic"
- * ✘ snap-to-edge
- */
-const _SwiperWrapper = forwardRef<HandlerRef<ScrollView, SwiperProps>, SwiperProps>((props: SwiperProps, ref): JSX.Element => {
-  const { children } = props
-  const innerLayout = useRef({})
-  const swiperProp = {
-    circular: props.circular || false,
-    current: props.current || 0,
-    autoplay: props.autoplay || false,
-    duration: props.duration || 500,
-    interval: props.interval || 5000,
-    showsPagination: props['indicator-dots'],
-    dotColor: props['indicator-color'] || 'rgba(0, 0, 0, .3)',
-    activeDotColor: props['indicator-active-color'] || '#000000',
-    horizontal: props.vertical !== undefined ? !props.vertical : true,
-    previousMargin: props['previous-margin'] ? parseInt(props['previous-margin']) : 0,
-    nextMargin: props['next-margin'] ? parseInt(props['next-margin']) : 0,
-    enableOffset: props['enable-offset'] || true,
-    enableVar: props['enable-var'] || false,
-    parentFontSize: props['parent-font-size'],
-    parentWidth: props['parent-width'],
-    parentHeight: props['parent-height'],
-    style: props.style || {},
-    externalVarContext: props['external-var-context'],
-    bindchange: props.bindchange,
-    easingFunction: props['easing-function'] || 'default'
-  }
-
-  const nodeRef = useRef(null)
-  useNodesRef<ScrollView, SwiperProps>(props, ref, nodeRef, {})
-
-  const innerProps = useInnerProps(props, {
-    ref: nodeRef
-  }, [
-    'indicator-dots',
-    'indicator-color',
-    'indicator-active-color',
-    'previous-margin',
-    'vertical',
-    'previous-margin',
-    'next-margin',
-    'easing-function'
-  ], { layoutRef: innerLayout })
-
-  const getInnerLayout = (layout: MutableRefObject<{}>) => {
-    innerLayout.current = layout.current
-  }
-
-  return <Carouse
-    getInnerLayout={getInnerLayout}
-    innerProps={innerProps}
-    {...innerProps}
-    {...swiperProp}>
-    {children}
-  </Carouse>
-})
-
-_SwiperWrapper.displayName = 'MpxSwiper'
-
-export default _SwiperWrapper

package/lib/runtime/components/react/mpx-swiper/type.ts

@@ -1,87 +0,0 @@
-import { ReactNode } from 'react'
-import { NativeSyntheticEvent } from 'react-native'
-
-export type EaseType = 'default' | 'linear' | 'easeInCubic' | 'easeOutCubic' | 'easeInOutCubic'
-
-export interface SwiperProps {
-  children?: ReactNode;
-  circular?: boolean;
-  current?: number;
-  interval?: number;
-  autoplay?: boolean;
-  duration?: number;
-  'indicator-dots'?: boolean;
-  'indicator-color'?: string;
-  'indicator-active-color'?: string;
-  vertical?: boolean;
-  style: {
-    [key: string]: any
-  };
-  'easing-function'?: EaseType;
-  'previous-margin'?: string;
-  'next-margin'?: string;
-  'enable-offset'?: boolean;
-  'enable-var': boolean;
-  'parent-font-size'?: number;
-  'parent-width'?: number;
-  'parent-height'?: number;
-  'external-var-context'?: Record<string, any>;
-  bindchange?: (event: NativeSyntheticEvent<TouchEvent> | unknown) => void;
-}
-
-export interface CarouseProps {
-  children?: ReactNode;
-  circular?: boolean;
-  current: number;
-  autoplay?: boolean;
-  duration?: number;
-  interval?: number;
-  showsPagination?: boolean;
-  dotColor?: string;
-  activeDotColor?: string;
-  horizontal?: boolean;
-  easingFunction?: EaseType;
-  previousMargin?: number;
-  nextMargin?: number;
-  enableOffset?: boolean;
-  parentFontSize?: number;
-  parentWidth?: number;
-  parentHeight?: number;
-  bindchange?: (event: NativeSyntheticEvent<TouchEvent> | unknown) => void;
-  getInnerLayout: Function;
-  innerProps: Object;
-  style: {
-    [key: string]: any
-  };
-  enableVar: boolean;
-  externalVarContext?: Record<string, any>;
-}
-
-export interface CarouseState {
-  children: Array<ReactNode> | ReactNode,
-  width: number;
-  height: number;
-  index: number;
-  total: number;
-  // 设置scrollView初始的滚动坐标，contentOffset
-  offset: {
-    x: number,
-    y: number
-  };
-  // 是否结束自动轮播，手动设置滚动到具体位置时结束
-  autoplayEnd: boolean;
-  loopJump: boolean;
-  dir: 'x' | 'y';
-  isScrollEnd: boolean
-}
-
-export interface ScrollElementProps {
-  pagingEnabled: boolean,
-  showsHorizontalScrollIndicator: boolean,
-  showsVerticalScrollIndicator: boolean,
-  bounces: boolean,
-  scrollsToTop: boolean,
-  removeClippedSubviews: boolean,
-  automaticallyAdjustContentInsets: boolean,
-  horizontal: boolean
-}

package/lib/runtime/components/react/pickerOverlay.tsx

@@ -1,32 +0,0 @@
-import React from 'react'
-import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native'
-
-type OverlayProps = {
-  itemHeight: number
-  overlayItemStyle?: StyleProp<ViewStyle>
-  overlayContainerStyle?: StyleProp<ViewStyle>
-}
-
-const Overlay = ({ itemHeight, overlayItemStyle, overlayContainerStyle }: OverlayProps) => {
-  return (
-    <View style={[styles.overlayContainer, overlayContainerStyle]} pointerEvents={'none'}>
-      <View style={[styles.selection, { height: itemHeight }, overlayItemStyle]} />
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  overlayContainer: {
-    ...StyleSheet.absoluteFillObject,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  selection: {
-    borderTopWidth: 1,
-    borderBottomWidth: 1,
-    borderColor: 'rgba(0, 0, 0, 0.05)',
-    alignSelf: 'stretch'
-  }
-})
-
-export default React.memo(Overlay)