@xhsreds/reds-rn-next 0.2.7 → 0.2.8

package/types/src/components/Image/index.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import * as ImageType from "./interface";
-declare const ImageComponent:
-  | import("react").MemoExoticComponent<{
-      ({
-        src,
-        source: _source,
-        width,
-        height,
-        borderRadius,
-        errorStyle,
-        loadStyle,
-        style,
-        ...props
-      }: ImageType.RedsImage &
-        Omit<import("react-native").ImageProps, keyof ImageType.RedsImage>): import("react").JSX.Element;
-      defaultProps: {
-        style: {};
-        loadStyle: ImageType.TLoadStyle;
-        loadMode: ImageType.TLoadMode;
-        errorStyle: ImageType.TErrorStyle;
-      };
-    }>
-  | import("react").MemoExoticComponent<
-      import("react").ForwardRefExoticComponent<
-        ImageType.RedsImage &
-          Omit<import("react-native").ImageProps, keyof ImageType.RedsImage> &
-          import("react").RefAttributes<import("react-native").Image>
-      >
-    >;
-export default ImageComponent;
-export { ImageComponent as Image, ImageType };

package/types/src/components/Image/interface/index.d.ts

@@ -1,47 +0,0 @@
-import {
-  AnimatableNumericValue,
-  DimensionValue,
-  GestureResponderEvent,
-  ImageSourcePropType,
-  ImageStyle,
-} from "react-native";
-export declare enum TLoadStyle {
-  LOADING = "loading",
-  AVE = "ave",
-  BLUR = "blur",
-  NONE = "none",
-}
-export declare enum IMAGE_STATUS {
-  LOADING = 0, //加载中
-  LOADED = 1, //加载完成
-  LOADERROR = 2, // 加载失败
-  RELOAD = 3, // 重新加载
-  HIDE = 4,
-}
-export declare enum TLoadMode {
-  LAZY = "lazy",
-  EAGER = "eager",
-}
-export declare enum TErrorStyle {
-  ERROR = "error",
-  RELOAD = "reload",
-}
-export interface RedsImage {
-  src?: string;
-  source?: ImageSourcePropType;
-  width?: number | DimensionValue;
-  height?: number | DimensionValue;
-  borderRadius?: number | AnimatableNumericValue;
-  style?: ImageStyle;
-  loadStyle?: TLoadStyle;
-  loadMode?: TLoadMode;
-  errorStyle?: TErrorStyle;
-  onReload?: (v: GestureResponderEvent) => void;
-}
-export interface RedsImageEvent {}
-export declare const ImageDefaultProps: {
-  style: {};
-  loadStyle: TLoadStyle;
-  loadMode: TLoadMode;
-  errorStyle: TErrorStyle;
-};

package/types/src/components/Image/styles.d.ts

@@ -1,10 +0,0 @@
-declare const styles: {
-  imageContainer: {};
-  loadingContainer: {
-    alignItems: "center";
-    justifyContent: "center";
-    position: "absolute";
-    backgroundColor: string;
-  };
-};
-export default styles;

package/types/src/components/ImagePreview/Gesture/Pan.d.ts

@@ -1,23 +0,0 @@
-import { GestureResponderEvent, PanResponderGestureState } from "react-native";
-import { GestureCtx, GestureOption } from "./types";
-export declare const defaultConfig: GestureOption;
-export declare const handler: {
-  start: (
-    evt: GestureResponderEvent,
-    gestureState: PanResponderGestureState,
-    gestureOption: GestureOption,
-    gestureCtx: GestureCtx,
-  ) => void;
-  update: (
-    evt: GestureResponderEvent,
-    gestureState: PanResponderGestureState,
-    gestureOption: GestureOption,
-    gestureCtx: GestureCtx,
-  ) => void;
-  end: (
-    evt: GestureResponderEvent,
-    gestureState: PanResponderGestureState,
-    gestureOption: GestureOption,
-    gestureCtx: GestureCtx,
-  ) => void;
-};

package/types/src/components/ImagePreview/Gesture/Pinch.d.ts

@@ -1,23 +0,0 @@
-import { GestureResponderEvent, PanResponderGestureState } from "react-native";
-import { GestureCtx, GestureOption } from "./types";
-export declare const defaultConfig: GestureOption;
-export declare const handler: {
-  start: (
-    evt: GestureResponderEvent,
-    gestureState: PanResponderGestureState,
-    gestureOption: GestureOption,
-    gestureCtx: GestureCtx,
-  ) => void;
-  update: (
-    evt: GestureResponderEvent,
-    gestureState: PanResponderGestureState,
-    gestureOption: GestureOption,
-    gestureCtx: GestureCtx,
-  ) => void;
-  end: (
-    evt: GestureResponderEvent,
-    gestureState: PanResponderGestureState,
-    gestureOption: GestureOption,
-    gestureCtx: GestureCtx,
-  ) => void;
-};

package/types/src/components/ImagePreview/Gesture/Tap.d.ts

@@ -1,23 +0,0 @@
-import { GestureResponderEvent, PanResponderGestureState } from "react-native";
-import { GestureCtx, GestureOption } from "./types";
-export declare const defaultConfig: GestureOption;
-export declare const handler: {
-  start: (
-    evt: GestureResponderEvent,
-    gestureState: PanResponderGestureState,
-    gestureOption: GestureOption,
-    gestureCtx: GestureCtx,
-  ) => void;
-  update: (
-    evt: GestureResponderEvent,
-    gestureState: PanResponderGestureState,
-    gestureOption: GestureOption,
-    gestureCtx: GestureCtx,
-  ) => void;
-  end: (
-    evt: GestureResponderEvent,
-    gestureState: PanResponderGestureState,
-    gestureOption: GestureOption,
-    gestureCtx: GestureCtx,
-  ) => void;
-};

package/types/src/components/ImagePreview/Gesture/types.d.ts

@@ -1,38 +0,0 @@
-export interface GestureOption {
-  onStart?: (e: any) => void;
-  onUpdate?: (e: any) => void;
-  onEnd?: (e: any) => void;
-  numberOfPointers?: number;
-  numberOfTaps?: number;
-  minDistance?: number;
-  maxDuration?: number;
-  maxDelay?: number;
-  type?: "Tap" | "Pan" | "Pinch";
-  gestureCtx?: GestureCtx;
-}
-export interface GestureCtx {
-  tapInfo?: {
-    timestamp: number;
-    numberActiveTouches: number;
-  };
-  panInfo?: {
-    absoluteX: number;
-    absoluteY: number;
-    numberOfPointers: number;
-    translationX: number;
-    translationY: number;
-    velocityX: number;
-    velocityY: number;
-    x: number;
-    y: number;
-  };
-  pinchInfo?: {
-    scale: number;
-    distance: number;
-    dx: number;
-    dy: number;
-    focalX: number;
-    focalY: number;
-  };
-  enabled?: boolean;
-}

package/types/src/components/ImagePreview/Gesture/useGesture.d.ts

@@ -1,8 +0,0 @@
-import { GestureOption } from "./types";
-declare const _default: () => {
-  createPan(option: GestureOption): any;
-  createPinch(option: GestureOption): any;
-  createTap(option: GestureOption): any;
-  panResponder: import("react-native").PanResponderInstance;
-};
-export default _default;

package/types/src/components/ImagePreview/ImageContainer.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const ImageContainer: ({ children }: any) => React.JSX.Element;
-export default ImageContainer;

package/types/src/components/ImagePreview/ImagePreview.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-declare const ImagePreview: {
-  ({ removePortal }: any): React.JSX.Element;
-  defaultProps: {
-    value: any;
-    defaultValue: boolean;
-    disabled: boolean;
-    trackOnColor: string;
-    trackOffColor: string;
-  };
-};
-export default ImagePreview;

package/types/src/components/ImagePreview/ImageViewer.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const _default: ({ children, onClose }: any) => React.JSX.Element;
-export default _default;

package/types/src/components/ImagePreview/ImageViewer3.d.ts

@@ -1,222 +0,0 @@
-import * as React from "react";
-import { GestureResponderEvent, LayoutChangeEvent, PanResponderGestureState, ViewStyle } from "react-native";
-export interface ICenterOn {
-  x: number;
-  y: number;
-  scale: number;
-  duration: number;
-}
-export interface IOnMove {
-  type: string;
-  positionX: number;
-  positionY: number;
-  scale: number;
-  zoomCurrentDistance: number;
-}
-export interface IOnClick {
-  locationX: number;
-  locationY: number;
-  pageX: number;
-  pageY: number;
-}
-export declare class ImageZoomProps {
-  /**
-   * 操作区域宽度
-   */
-  cropWidth: number;
-  /**
-   * 操作区域高度
-   */
-  cropHeight: number;
-  /**
-   * 图片宽度
-   */
-  imageWidth: number;
-  /**
-   * 图片高度
-   */
-  imageHeight: number;
-  /**
-   * 单手是否能移动图片
-   */
-  panToMove?: boolean;
-  /**
-   * 多手指是否能缩放
-   */
-  pinchToZoom?: boolean;
-  /**
-   * 双击能否放大
-   */
-  enableDoubleClickZoom?: boolean;
-  /**
-   * 单击最大位移
-   */
-  clickDistance?: number;
-  /**
-   * 最大滑动阈值
-   */
-  maxOverflow?: number;
-  /**
-   * 长按的阈值（毫秒）
-   */
-  longPressTime?: number;
-  /**
-   * 双击计时器最大间隔
-   */
-  doubleClickInterval?: number;
-  /**
-   * If provided this will cause the view to zoom and pan to the center point
-   * Duration is optional and defaults to 300 ms.
-   */
-  centerOn?: ICenterOn;
-  style?: ViewStyle;
-  /**
-   * threshold for firing swipe down function
-   */
-  swipeDownThreshold?: number;
-  /**
-   * for enabling vertical movement if user doesn't want it
-   */
-  enableSwipeDown?: boolean;
-  /**
-   * for disabling focus on image center if user doesn't want it
-   */
-  enableCenterFocus?: boolean;
-  /**
-   * for disabling rendering to hardware texture on Android
-   */
-  useHardwareTextureAndroid?: boolean;
-  /**
-   * minimum zoom scale
-   */
-  minScale?: number;
-  /**
-   * maximum zoom scale
-   */
-  maxScale?: number;
-  /**
-   * 是否启用原生动画驱动
-   * Whether to use native code to perform animations.
-   */
-  useNativeDriver?: boolean;
-  /**
-   * 单击的回调
-   */
-  onClick?: (eventParams: IOnClick) => void;
-  /**
-   * 双击的回调
-   */
-  onDoubleClick?: (eventParams: IOnClick) => void;
-  /**
-   * 长按的回调
-   */
-  onLongPress?: (eventParams: IOnClick) => void;
-  /**
-   * 横向超出的距离，父级做图片切换时，可以监听这个函数
-   * 当此函数触发时，可以做切换操作
-   */
-  horizontalOuterRangeOffset?: (offsetX: number) => void;
-  /**
-   * 触发想切换到左边的图，向左滑动速度超出阈值时触发
-   */
-  onDragLeft?: () => void;
-  /**
-   * 松手但是没有取消看图的回调
-   */
-  responderRelease?: (vx: number, scale: number) => void;
-  /**
-   * If provided, this will be called everytime the map is moved
-   */
-  onMove?: (position: IOnMove) => void;
-  /**
-   * If provided, this method will be called when the onLayout event fires
-   */
-  layoutChange?: (event: LayoutChangeEvent) => void;
-  /**
-   * function that fires when user swipes down
-   */
-  onSwipeDown?: () => void;
-  /**
-   * Allows defining the onMoveShouldSetResponder behavior.
-   */
-  onMoveShouldSetPanResponder?: (event: GestureResponderEvent, gestureState: PanResponderGestureState) => boolean;
-  /**
-   * Allows overriding the default onStartShouldSetPanResponder behavior.
-   * By default, always becomes the responder
-   */
-  onStartShouldSetPanResponder?: (event: GestureResponderEvent, gestureState: PanResponderGestureState) => boolean;
-  /**
-   * Allows overriding the default onPanResponderTerminationRequest behavior.
-   * By default, doesn't terminate until the press ends
-   */
-  onPanResponderTerminationRequest?: (event: GestureResponderEvent, gestureState: PanResponderGestureState) => boolean;
-}
-export declare class ImageZoomState {
-  /**
-   * 中心 x 坐标
-   */
-  centerX?: number;
-  /**
-   * 中心 y 坐标
-   */
-  centerY?: number;
-}
-export default class ImageViewer extends React.Component<ImageZoomProps, ImageZoomState> {
-  static defaultProps: ImageZoomProps;
-  state: ImageZoomState;
-  private lastPositionX;
-  private positionX;
-  private animatedPositionX;
-  private lastPositionY;
-  private positionY;
-  private animatedPositionY;
-  private scale;
-  private animatedScale;
-  private zoomLastDistance;
-  private zoomCurrentDistance;
-  private lastTouchStartTime;
-  private horizontalWholeOuterCounter;
-  private swipeDownOffset;
-  private horizontalWholeCounter;
-  private verticalWholeCounter;
-  private centerDiffX;
-  private centerDiffY;
-  private singleClickTimeout;
-  private longPressTimeout;
-  private lastClickTime;
-  private doubleClickX;
-  private doubleClickY;
-  private isDoubleClick;
-  private isLongPress;
-  private isHorizontalWrap;
-  private imagePanResponder;
-  resetScale: () => void;
-  panResponderReleaseResolve: () => void;
-  componentDidMount(): void;
-  componentDidUpdate(prevProps: ImageZoomProps): void;
-  imageDidMove(type: string): void;
-  didCenterOnChange(
-    params: {
-      x: number;
-      y: number;
-      scale: number;
-      duration: number;
-    },
-    paramsNext: {
-      x: number;
-      y: number;
-      scale: number;
-      duration: number;
-    },
-  ): boolean;
-  centerOn(params: ICenterOn): void;
-  /**
-   * 图片区域视图渲染完毕
-   */
-  handleLayout(event: LayoutChangeEvent): void;
-  /**
-   * 重置大小和位置
-   */
-  reset(): void;
-  render(): React.ReactNode;
-}

package/types/src/components/ImagePreview/index.d.ts

@@ -1,5 +0,0 @@
-import ImagePreview from "./ImagePreview";
-import ImageViewer from "./ImageViewer";
-import * as ImagePreviewType from "./interface";
-export default ImagePreview;
-export { ImagePreview, ImagePreviewType, ImageViewer };

package/types/src/components/ImagePreview/interface/index.d.ts

@@ -1,18 +0,0 @@
-import { GestureResponderEvent } from "react-native";
-export interface RedsImagePreview {
-  value?: boolean;
-  defaultValue?: boolean;
-  disabled?: boolean;
-  trackOnColor?: string;
-  trackOffColor?: string;
-  onChange?: (value: boolean) => any;
-  onClick?: (value: GestureResponderEvent) => any;
-}
-export interface RedsImagePreviewEvent {}
-export declare const ImagePreviewDefaultProps: {
-  value: any;
-  defaultValue: boolean;
-  disabled: boolean;
-  trackOnColor: string;
-  trackOffColor: string;
-};

package/types/src/components/ImagePreview/styles.d.ts

@@ -1,20 +0,0 @@
-declare const styles: {
-  ImagePreviewContainer: {
-    width: number;
-    height: number;
-    borderRadius: number;
-    justifyContent: "center";
-    alignItems: "center";
-  };
-  thumb: {
-    width: number;
-    height: number;
-    borderRadius: number;
-    backgroundColor: string;
-    justifyContent: "center";
-    alignItems: "center";
-    position: "absolute";
-    left: number;
-  };
-};
-export default styles;

package/types/src/components/List/ListItem/ListItem.d.ts

@@ -1,12 +0,0 @@
-import React, { ReactNode } from "react";
-export interface RedsListItem {
-  title: string;
-  subtitle?: string;
-  actionText?: string;
-  size?: "regular" | "expand";
-  arrow?: boolean;
-  prefix?: ReactNode;
-  action?: ReactNode;
-}
-declare const ListItem: React.FC<RedsListItem>;
-export default ListItem;

package/types/src/components/List/interface/index.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { ViewStyle } from "react-native";
-export interface RedsList {
-  headerText?: string;
-  footerText?: string;
-  type?: "grouped" | "plain";
-  containerStyle?: ViewStyle;
-  title?: string;
-  subtitle?: string;
-  actionText?: string;
-  size?: "regular" | "expand";
-  arrow?: boolean;
-  prefix?: React.ReactNode;
-  action?: React.ReactNode;
-}
-export interface RedsListEvent {}
-export declare const ListDefaultProps: {
-  type: string;
-  containerStyle: {};
-  size: string;
-  arrow: boolean;
-};

package/types/src/components/List/styles.d.ts

@@ -1,114 +0,0 @@
-declare const createStyles: () => {
-  list: {
-    paddingVertical: number;
-  };
-  headerText: {
-    color: string;
-    marginHorizontal: number;
-    marginBottom: number;
-    marginLeft: number;
-    fontSize: any;
-    fontWeight: any;
-    lineHeight: any;
-  };
-  headerTextPlain: {
-    color: string;
-    marginHorizontal: number;
-    marginBottom: number;
-    fontSize: any;
-    fontWeight: any;
-    lineHeight: any;
-  };
-  footerText: {
-    color: string;
-    marginHorizontal: number;
-    marginTop: number;
-    marginLeft: number;
-    fontSize: any;
-    fontWeight: any;
-    lineHeight: any;
-  };
-  footerTextPlain: {
-    color: string;
-    marginHorizontal: number;
-    marginTop: number;
-    fontSize: any;
-    fontWeight: any;
-    lineHeight: any;
-  };
-  listContainer: {
-    borderRadius: number;
-    marginHorizontal: number;
-    backgroundColor: string;
-  };
-  listContainerPlain: {
-    borderRadius: number;
-    marginHorizontal: number;
-    backgroundColor: string;
-  };
-  listItem: {
-    display: "flex";
-    flexDirection: "row";
-    alignItems: "center";
-    justifyContent: "flex-start";
-    paddingVertical: number;
-  };
-  expand: {};
-  prefix: {
-    marginLeft: number;
-  };
-  contentBox: {
-    flex: number;
-    marginLeft: number;
-  };
-  contentContainer: {
-    flexDirection: "row";
-    alignItems: "center";
-    justifyContent: "space-between";
-    width: "100%";
-  };
-  textContainer: {
-    flexDirection: "column";
-    justifyContent: "center";
-    flex: number;
-  };
-  tailContainer: {
-    flexDirection: "row";
-    alignItems: "center";
-  };
-  title: {
-    fontSize: any;
-    fontWeight: any;
-    lineHeight: any;
-    color: string;
-  };
-  subtitle: {
-    fontSize: any;
-    color: string;
-    lineHeight: any;
-    fontWeight: any;
-  };
-  tail: {
-    marginRight: number;
-    fontSize: any;
-    color: string;
-    display: "flex";
-    flexDirection: "row";
-    alignItems: "center";
-  };
-  tailText: {
-    color: string;
-  };
-  hr: {
-    borderTopWidth: number;
-    borderTopColor: string;
-    width: "100%";
-    alignSelf: "stretch";
-    position: "relative";
-  };
-  icon: {
-    width: number;
-    height: number;
-  };
-};
-export default createStyles;

package/types/src/components/NavigationBar/NavigationBar.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import {
-  RedsNavigationBar,
-  NavigationBarActionType,
-  NavigationBarLayoutType,
-  NavigationBarSize,
-} from "./interface/index";
-declare const NavigationBar: {
-  (props: RedsNavigationBar): React.JSX.Element;
-  defaultProps: {
-    layout: NavigationBarLayoutType;
-    actionType: NavigationBarActionType;
-    leftActions: any[];
-    rightActions: any[];
-    size: NavigationBarSize;
-  };
-};
-export default NavigationBar;