@xhsreds/reds-rn-next 0.2.7 → 0.2.9

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

@@ -1,24 +0,0 @@
-declare const createStyles: () => {
-  circleInactive: {
-    color: string;
-  };
-  circleActive: {
-    color: string;
-  };
-  percentTextContainer: {
-    position: "absolute";
-    width: "100%";
-    height: "100%";
-    justifyContent: "center";
-    alignItems: "center";
-    transform: {
-      rotate: string;
-    }[];
-  };
-  percentText: {
-    color: string;
-    fontSize: number;
-    lineHeight: number;
-  };
-};
-export default createStyles;

package/types/src/components/PullRefresh/component.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-export declare enum PullState {
-  INIT = 0, // 初始化
-  FINISH = 1, // 结束
-  PULLING = 2, // 下拉中
-  LOADING = 3, // 请求数据中
-  HOLDING = 4,
-}
-export interface RefreshControlParams {
-  moveHeight: number;
-  movePercent: number;
-  pullAnimHeight: number;
-  minPullDistance: number;
-  pullState: PullState;
-}
-declare const DefaultRefreshControl: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
-export default DefaultRefreshControl;

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

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { ViewStyle } from "react-native";
-export interface RedsPullRefresh {
-  children: React.ReactNode;
-  pullAnimHeight?: number;
-  minPullDistance?: number;
-  msHoldingTime?: number;
-  onRequest?: () => void;
-  isRefreshing: boolean;
-  style?: ViewStyle;
-  controlStyle?: ViewStyle;
-}
-export interface RedsPullRefreshEvent {}
-export declare const PullRefreshDefaultProps: {
-  children: any;
-  pullAnimHeight: number;
-  minPullDistance: number;
-  msHoldingTime: number;
-  isRefreshing: boolean;
-};

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

@@ -1,10 +0,0 @@
-declare const styles: {
-  PullRefreshContainer: {
-    width: number;
-    height: number;
-    borderRadius: number;
-    justifyContent: "center";
-    alignItems: "center";
-  };
-};
-export default styles;

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

@@ -1,7 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-import { RedsRadio } from "./interface";
-declare const _default: React.MemoExoticComponent<
-  React.ForwardRefExoticComponent<RedsRadio & React.RefAttributes<View>>
->;
-export default _default;

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

@@ -1,47 +0,0 @@
-import React, { ReactNode } from "react";
-import { ViewStyle } from "react-native";
-export interface RedsRadio {
-  name?: string;
-  size?: "small" | "medium" | "large";
-  disabled?: boolean;
-  checkedColor?: string;
-  type?: "default" | "line";
-  customIcon?: string;
-  customIconStyle?: ViewStyle;
-  children?: React.ReactNode;
-  onClick?: (value: string) => void;
-  textStyle?: ViewStyle;
-  isControl?: boolean;
-  checked?: boolean;
-  containerStyle?: ViewStyle;
-}
-export declare const RadioDefaultProps: {
-  disabled: boolean;
-  customIconStyle: {};
-  textStyle: {};
-  isControl: boolean;
-  checked: boolean;
-  containerStyle: {};
-};
-export interface RedsRadioGroup {
-  value: string | number;
-  size?: "small" | "medium" | "large";
-  disabled?: boolean;
-  direction?: "vertical" | "horizontal";
-  position?: "left" | "right";
-  checkedColor?: string;
-  type?: "default" | "line";
-  children?: ReactNode;
-  onChange?: (value: string | number) => void;
-  style?: ViewStyle;
-}
-export interface RadioGroupContextProps {
-  value: string | number;
-  disabled?: boolean;
-  checkedColor?: string;
-  size?: "small" | "medium" | "large";
-  direction?: "vertical" | "horizontal";
-  position?: "left" | "right";
-  type?: "default" | "line";
-  updateValue: (value: string | number) => void;
-}

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

@@ -1,15 +0,0 @@
-import React from "react";
-import { RedsRate, RateSize, RateType, RateDescType, RatePattern } from "./interface";
-declare const Rate: {
-  (props: RedsRate): React.JSX.Element;
-  defaultProps: {
-    type: RateType;
-    disabled: boolean;
-    size: RateSize;
-    descType: RateDescType;
-    pattern: RatePattern;
-    texts: string[];
-    isControl: boolean;
-  };
-};
-export default Rate;

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

@@ -1,39 +0,0 @@
-export declare const enum RateType {
-  OUTLINED = "outlined",
-  SOLID = "solid",
-}
-export declare const enum RateSize {
-  LARGE = "large",
-  MEDIUM = "medium",
-  SMALL = "small",
-}
-export declare const enum RatePattern {
-  Star = "star",
-  EMOJI = "emoji",
-}
-export declare const iconSizeMap: Record<"small" | "medium" | "large", number>;
-export declare const enum RateDescType {
-  NUMBER = "number",
-  DESC = "desc",
-}
-export interface RedsRate {
-  type?: RateType;
-  disabled?: boolean;
-  size?: RateSize;
-  descType?: RateDescType;
-  pattern?: RatePattern;
-  texts?: string[];
-  value?: number;
-  onChange?: (value: number) => void;
-  isControl?: boolean;
-}
-export interface RedsRateEvent {}
-export declare const RateDefaultProps: {
-  type: RateType;
-  disabled: boolean;
-  size: RateSize;
-  descType: RateDescType;
-  pattern: RatePattern;
-  texts: string[];
-  isControl: boolean;
-};

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

@@ -1,23 +0,0 @@
-declare const styles: {
-  container: {
-    display: "flex";
-    alignItems: "center";
-    flexDirection: "row";
-  };
-  rate: {
-    marginRight: number;
-  };
-};
-export declare const getRateDescStyle: (themeColor: any) => {
-  fontWeight: any;
-  fontSize: any;
-  color: any;
-  marginLeft: number;
-};
-export declare const getTextStyles: (themeColor: any) => {
-  fontWeight: any;
-  fontSize: any;
-  color: any;
-  marginTop: number;
-};
-export default styles;

package/types/src/components/Result/hooks/useDefaultIcon.d.ts

@@ -1,14 +0,0 @@
-export declare const defaultIcon: {
-  Success: {
-    title: string;
-    image: string;
-  };
-  Warning: {
-    title: string;
-    image: string;
-  };
-  Info: {
-    title: string;
-    image: string;
-  };
-};

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

@@ -1,13 +0,0 @@
-import { ReactNode } from "react";
-export interface RedsResult {
-  type?: "Success" | "Warning" | "Info";
-  title?: string;
-  description?: string;
-  action?: ReactNode;
-  image?: ReactNode;
-}
-export declare const ResultDefaultProps: {
-  type: string;
-  title: string;
-  description: string;
-};

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

@@ -1,30 +0,0 @@
-declare const createStyles: () => {
-  container: {
-    alignItems: "center";
-    paddingHorizontal: number;
-    paddingVertical: number;
-  };
-  title: {
-    marginTop: number;
-  };
-  titleText: {
-    fontSize: any;
-    fontWeight: any;
-    lineHeight: any;
-    color: string;
-  };
-  description: {
-    marginTop: number;
-  };
-  descriptionText: {
-    fontSize: any;
-    fontWeight: any;
-    lineHeight: any;
-    color: string;
-    textAlign: "center";
-  };
-  action: {
-    marginTop: number;
-  };
-};
-export default createStyles;

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

@@ -1,58 +0,0 @@
-/// <reference types="react" />
-/// <reference types="node" />
-import { ViewStyle } from "react-native";
-import { IconType } from "../../Icon";
-export type IconFunction = (props: { size: number; fill?: string | string[] }) => string;
-export type TextFieldType = "text" | "password" | "number" | "tel" | "digit" | string;
-export type TextFieldFormatTriggerType = "onChange" | "onBlur" | string;
-export type AdditionalIconsType = {
-  icon?: IconFunction;
-  onClick?: () => void;
-  type?: IconType.iconType;
-}[];
-export interface RedsSearch {
-  modelValue?: string;
-  type?: TextFieldType;
-  maxLength?: number;
-  placeholder?: string;
-  disabled?: boolean;
-  readonly?: boolean;
-  clearable?: boolean;
-  formatter?: (val: string) => string;
-  formatterTrigger?: TextFieldFormatTriggerType;
-  inputAlign?: "left" | "right";
-  autocomplete?: string;
-  autofocus?: boolean;
-  showWordLimit?: boolean;
-  onSearch?: (val: Event) => void;
-  style?: ViewStyle;
-  additionalIcons?: AdditionalIconsType;
-  leftBack?: string | boolean;
-  camera?: boolean;
-  transparent?: boolean;
-  onInput?: (value: string) => any;
-  onChange?: (e: any) => void;
-  onFocus?: (event: FocusEvent) => any;
-  onBlur?: (event: FocusEvent) => any;
-  onClear?: () => any;
-  onCameraIconClick?: () => any;
-  onSearchIconClick?: () => any;
-  onLeftBackIconClick?: () => any;
-  onButtonClick?: () => any;
-  onCancelClick?: () => any;
-  onSearchClick?: () => any;
-  onAdditionalIconsClick?: () => any;
-}
-export declare const SearchDefaultProps: {
-  modelValue: string;
-  type: string;
-  clearable: boolean;
-  formatterTrigger: string;
-  autofocus: boolean;
-  showWordLimit: boolean;
-  style: {};
-  additionalIcons: any[];
-  leftBack: boolean;
-  camera: boolean;
-  transparent: boolean;
-};

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

@@ -1,88 +0,0 @@
-declare const createStyles: () => {
-  searchContainer: {
-    width: "100%";
-    flexDirection: "row";
-    alignItems: "center";
-    backgroundColor: string;
-  };
-  searchTransparenting: {
-    backgroundColor: string;
-  };
-  searchBackLeft: {
-    marginRight: number;
-  };
-  searchContentInputRight: {
-    textAlign: "right";
-  };
-  searchContentClearRight: {
-    display: "flex";
-    justifyContent: "center";
-    alignItems: "center";
-  };
-  searchContentIconGap: {
-    marginLeft: number;
-  };
-  searchButtonRight: {
-    justifyContent: "center";
-    alignItems: "center";
-    marginLeft: number;
-    height: number;
-    width: "100%";
-  };
-  searchButtonRightText: {
-    color: string;
-    fontSize: any;
-    lineHeight: any;
-    fontWeight: any;
-  };
-  searchIconsRight: {
-    flexDirection: "row";
-  };
-  searchIconRight: {
-    marginLeft: number;
-  };
-  navBarContentCenter: {
-    backgroundColor: string;
-    flex: number;
-    borderRadius: number;
-    paddingVertical: number;
-    paddingRight: number;
-    paddingLeft: number;
-    height: number;
-    flexDirection: "row";
-    alignItems: "center";
-  };
-  searchContentInput: {
-    flex: number;
-    height: number;
-    marginVertical: number;
-    marginHorizontal: number;
-    backgroundColor: string;
-    borderWidth: number;
-    color: string;
-    fontSize: any;
-    lineHeight: any;
-    fontWeight: any;
-    verticalAlign: "middle";
-  };
-  searchContentInputSelection: {
-    color: string;
-  };
-  placeholderColor: {
-    color: string;
-  };
-  navbarContentCenterTransparenting: {
-    backgroundColor: string;
-  };
-  searchIcon: {
-    color: string;
-  };
-  icons: {
-    color: string;
-  };
-  icon: {
-    width: number;
-    height: number;
-  };
-};
-export default createStyles;

package/types/src/components/Sheets/AnimatedSheets.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-import {
-  RedsSheets,
-  SheetsMaskMode,
-  SheetsType,
-  SheetsIconType,
-  SheetsActionType,
-  SheetsSize,
-} from "./interface/index";
-declare const Sheets: {
-  (props: RedsSheets): React.JSX.Element;
-  defaultProps: {
-    label: string;
-    mask: boolean;
-    maskMode: SheetsMaskMode;
-    sheetsType: SheetsType;
-    cancel: boolean;
-    close: boolean;
-    zIndex: number;
-    cancelType: SheetsActionType;
-    closeType: SheetsActionType;
-    cancelText: string;
-    closeText: string;
-    iconType: SheetsIconType;
-    size: SheetsSize;
-    onCancel: () => void;
-    onConfirm: () => void;
-    visible: boolean;
-  };
-};
-export default Sheets;

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

@@ -1,34 +0,0 @@
-import React from "react";
-import {
-  RedsSheets,
-  SheetsMaskMode,
-  SheetsType,
-  SheetsIconType,
-  SheetsActionType,
-  SheetsSize,
-} from "./interface/index";
-declare const Sheets: {
-  (props: RedsSheets): React.JSX.Element;
-  defaultProps: {
-    label: string;
-    mask: boolean;
-    maskMode: SheetsMaskMode;
-    sheetsType: SheetsType;
-    cancel: boolean;
-    close: boolean;
-    zIndex: number;
-    cancelType: SheetsActionType;
-    closeType: SheetsActionType;
-    cancelText: string;
-    closeText: string;
-    iconType: SheetsIconType;
-    size: SheetsSize;
-    /**
-     * 是否展示底部操作栏
-     */
-    onCancel: () => void;
-    onConfirm: () => void;
-    visible: boolean;
-  };
-};
-export default Sheets;

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

@@ -1,63 +0,0 @@
-import { ReactNode } from "react";
-export declare const enum SheetsMaskMode {
-  light = "light",
-  dark = "dark",
-}
-export declare const enum SheetsType {
-  normal = "narmal",
-  dragable = "dragable",
-  action = "action",
-}
-export declare const enum SheetsActionType {
-  text = "text",
-  icon = "icon",
-}
-export declare const enum SheetsIconType {
-  bg = "bg",
-  normal = "normal",
-}
-export declare const enum SheetsSize {
-  auto = "auto",
-  half = "half",
-  full = "full",
-  threeQuater = "threeQuater",
-}
-export interface RedsSheets {
-  label?: string;
-  mask?: boolean;
-  maskMode?: SheetsMaskMode;
-  sheetsType?: SheetsType;
-  cancel?: boolean;
-  close?: boolean;
-  zIndex?: number;
-  cancelType?: SheetsActionType;
-  closeType?: SheetsActionType;
-  cancelText?: string;
-  closeText?: string;
-  iconType?: SheetsIconType;
-  size?: SheetsSize;
-  onCancel: () => any;
-  onConfirm: () => any;
-  visible: boolean;
-  children: ReactNode;
-  autoSize?: number;
-}
-export interface RedsSheetsEvent {}
-export declare const SheetsDefaultProps: {
-  label: string;
-  mask: boolean;
-  maskMode: SheetsMaskMode;
-  sheetsType: SheetsType;
-  cancel: boolean;
-  close: boolean;
-  zIndex: number;
-  cancelType: SheetsActionType;
-  closeType: SheetsActionType;
-  cancelText: string;
-  closeText: string;
-  iconType: SheetsIconType;
-  size: SheetsSize;
-  onCancel: () => void;
-  onConfirm: () => void;
-  visible: boolean;
-};

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

@@ -1,85 +0,0 @@
-declare const styles: {
-  wrapper: {
-    position: "absolute";
-    bottom: number;
-    left: number;
-    right: number;
-    top: number;
-  };
-  mask: {
-    width: "100%";
-    height: "100%";
-    position: "absolute";
-    bottom: number;
-    left: number;
-    right: number;
-    top: number;
-  };
-  picker: {
-    borderTopLeftRadius: number;
-    borderTopRightRadius: number;
-    position: "absolute";
-    bottom: number;
-    left: number;
-    right: number;
-  };
-  labelContainer: {
-    display: "flex";
-    justifyContent: "space-between";
-    alignItems: "center";
-    flexDirection: "row";
-    height: number;
-    paddingLeft: number;
-    paddingRight: number;
-    borderTopLeftRadius: number;
-    borderTopRightRadius: number;
-  };
-  cancel: {
-    fontSize: number;
-    fontWeight: "400" | "500" | "600" | "700";
-  };
-  confirm: {
-    fontSize: number;
-    fontWeight: "400" | "500" | "600" | "700";
-  };
-  label: {
-    fontSize: number;
-    fontWeight: "400" | "500" | "600" | "700";
-  };
-  iconBg: {
-    width: number;
-    height: number;
-    borderRadius: number;
-    display: "flex";
-    justifyContent: "center";
-    alignItems: "center";
-  };
-  dragableContainer: {
-    width: "100%";
-    height: number;
-    display: "flex";
-    justifyContent: "center";
-    alignItems: "center";
-  };
-  dragable: {
-    width: number;
-    height: number;
-    borderRadius: number;
-  };
-  block: {
-    width: number;
-    height: number;
-  };
-  actionContainer: {
-    display: "flex";
-    justifyContent: "space-between";
-    alignItems: "center";
-    flexDirection: "row";
-    width: "100%";
-  };
-  action: {
-    flex: number;
-    marginHorizontal: number;
-  };
-};
-export default styles;

package/types/src/components/Skeleton/Item/SkeletonItem.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { RedsSkeletonItem } from "./interface/index";
-declare const SkeletonItem: {
-  (props: RedsSkeletonItem): React.JSX.Element;
-  defaultProps: {
-    type: string;
-    animation: boolean;
-    loading: boolean;
-  };
-};
-export default SkeletonItem;

package/types/src/components/Skeleton/Item/SkeletonItem69.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { RedsSkeletonItem } from "./interface/index";
-declare const SkeletonItem: {
-  (props: RedsSkeletonItem): React.JSX.Element;
-  defaultProps: {
-    type: string;
-    animation: boolean;
-    loading: boolean;
-  };
-};
-export default SkeletonItem;

package/types/src/components/Skeleton/Item/styles.d.ts

@@ -1,22 +0,0 @@
-type SkeletonType = "default" | "button" | "avatar" | "image" | "paragraph";
-declare const createStyles: (type: SkeletonType) =>
-  | {
-      height: number;
-      width: number;
-      borderRadius: number;
-    }
-  | {
-      borderRadius: number;
-      height: number;
-    }
-  | {
-      height: number;
-      width: number;
-      borderRadius: number;
-    }
-  | {
-      borderRadius: number;
-      height: number;
-    }
-  | {};
-export default createStyles;

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

@@ -1,9 +0,0 @@
-export interface RedsSkeleton {
-  animation?: boolean;
-  loading?: boolean;
-}
-export interface RedsSkeletonEvent {}
-export declare const SkeletonDefaultProps: {
-  animation: boolean;
-  loading: boolean;
-};