@conecli/cone-render 0.10.1-shop-beta.34 → 0.10.1-shop-beta.36

package/dist/interface/component.ts

@@ -1 +1 @@
-import React from 'react';
  export interface LazyLoadImageProps {
    src: string;
    lazyLoad?: boolean;
    imagRenderingSet?: boolean;
    width?: number | string;
    height?: number | string;
    className?: string;
    style?: object;
    backgroundColor?: string;
    errorSrc?: string;
    [key: string]: any;
  }
  export interface JdLoadingProps {
    className: string | null;
    hideState: boolean;
    fullState: boolean;
    localState: boolean;
    style: object;
    text: string | null;
  }
  export interface ShopConfigTabsItem {
    tabType: number;
    tabActBlurIcon?: string;
    tabText?: string;
    tabActClickIcon?: string;
  }
  export interface ShopConfigMenuItem extends ShopMenuListItem {
    url?: string;
  }
  export interface VipShopConfigMenuItem {
    menuName?: string;
    menuId: string | number;
  }
  export interface ShopTotalInfo {
    shopInfo: {
      shopId?: string;
      venderId?: string;
      shopName?: string;
      logoUrl?: string;
      followed?: boolean;
      followerCount?: number;
      closed?: boolean;
      filterShop?: boolean;
      [key: string]: any;
    };
    tabs?: [ShopConfigTabsItem];
    config?: {
      tabs: [ShopConfigTabsItem];
      mTabs: [ShopConfigTabsItem];
      bigBgImgUrl?: string;
      [key: string]: any;
    };
    menuInfo?: {
      menuList: [ShopConfigMenuItem];
      mMenuList: [ShopConfigMenuItem];
      [key: string]: any;
    };
    activityInfo?: {
      activityRuleType: number;
      isSign: number;
      followed: boolean;
      coupons?: ShopCouponListItem[];
      liveInfo?: {
        type: string;
        data: {
          living: {
            [key: string]: any;
          };
          playback: {
            [key: string]: any;
          };
          preview: {
            [key: string]: any;
          };
        };
        [key: string]: any;
      };
      signStatus?: {
        activityRuleType: number;
        interActActivityId: number;
        interActActivityType: number;
        isSign: number;
        source: number;
      };
      giftBagDataResult?: {
        activityId: number;
        activityType: number;
        giftButton: string;
        giftTitle: string;
        giftsToast: string;
        isVipGift: string;
        shopGifts: any[];
      };
      [key: string]: any;
    };
    extendInfo?: {
      coupons?: ShopCouponListItem[];
      liveInfo?: {
        type: string;
        data: {
          living: {
            [key: string]: any;
          };
          playback: {
            [key: string]: any;
          };
          preview: {
            [key: string]: any;
          };
        };
        [key: string]: any;
      };
      signStatus?: {
        activityRuleType: number;
        interActActivityId: number;
        interActActivityType: number;
        isSign: number;
        source: number;
      };
    };
    pageSet?: {
      [key: string]: any;
    };
    followed?: boolean;
    followCount?: number;
  }
  export interface PageSetData {
    backGround?: {
      type?: string;
      value?: string;
    } | null;
    [key: string]: any;
  }
  interface ShopContactInfoItem {
    hasImChat: boolean;
    infoTitle: string;
    typeCShopUrl?: string;
    infoDetail?: string;
    infoTelephone: string;
    infoType: string;
  }
  interface ShopBriefInfoItem {
    infoDetail: string;
    infoTitle: string;
  }
  interface ShopScoreItem {
    scoreColor: string;
    scoreNumber: string;
    scorePercent: string;
    scoreTitle: string;
  }
  export interface ShopDetailInfo {
    score?: ShopScoreItem[];
    shopContactInfo?: ShopContactInfoItem[];
    shopBriefInfo?: ShopBriefInfoItem[];
    shopStarInfo?: {
      title: string | null;
      scoreRankRateGrade: string;
      tip: string;
      descPageURL: string;
    };
  }
  export interface ShopContextValue {
    shopTotalInfo: ShopTotalInfo;
    urlQueryData?: object | null;
    oldUrlParamsToStr?: string;
    rootEleNode?: HTMLElement | null;
    updateShopFollowedStateFn: functionType;
  }
  export interface NetWorkErrorProps {
    className?: string;
    netWorkImageType?: string;
    message?: string;
    btnLabel?: string;
    subMessage?: string;
    netWorkDataType: string;
    netWorkShowType?: string;
    netWorkStyleType?: string;
    viewMaxHeight?: string;
    backgroundColorWhite?: boolean;
    refreshCallBackFn?: functionType | null;
    noPosition?: boolean;
  }
  export interface floorItemData {
    uid: string;
    floorIdx?: number;
    containerIndex?: number;
    containerId?: string;
    moduleFlag?: string;
    moduleName?: string;
    moduleAlias?: string;
    moduleId?: number;
    previewUri?: string;
    moduleType: number | string;
    sizeRule: number;
    visible: boolean;
    configEmpty?: boolean;
    floorPosition?: string;
    middleTemplateType?: string;
    middleTemplateId?: number;
    dsConfig?: any;
    jdrInfo?: any;
    floorExtInfo?: {
      moduleFlag?: string;
      moduleName?: string;
      moduleId?: number;
      currentTimeMillis?: number;
      floorHeight?: string;
      floorLoadWay?: number;
      floorKind?: number;
      transform?: boolean;
      modularPackResult?: {
        bundleUrl?: string;
        bundleFileName?: string;
      };
      shopId?: string;
      moduleDesignerType?: string;
    };
    showCommonFloorHead?: boolean;
  }
  export interface FloorInfoInterfaceResponseData {
    containers: ContainerItemData[];
    floors: floorItemData[];
    pageSet?: object;
  }
  export interface ContainerItemData {
    borderRadius: number;
    borderTopLeftRadius?: number;
    borderTopRightRadius?: number;
    borderBottomLeftRadius?: number;
    borderBottomRightRadius?: number;
    marginTop?: number;
    marginBottom?: number;
    marginLeft?: number;
    marginRight?: number;
    paddingTop?: number;
    paddingBottom?: number;
    paddingLeft?: number;
    paddingRight?: number;
    containerId: string;
    background?: string;
    containerPosition?: string;
    key?: string;
    floors: floorItemData[];
    includeUids: string[];
    typeCn: string;
    typeCode?: string;
    addLuxuryStyle?: boolean;
    addLuxuryBackupStyle?: boolean;
    renderExtendComponent?: functionType;
    insertContainerStartComponent?: functionType;
    floorExtendData?: any;
  }
  export interface FloorModuleData {
    floorIndex?: number;
    containerIndex?: number;
    floorData: floorItemData;
    children?: React.ReactElement;
    style?: {
      [key: string]: any;
    };
    layoutLeftRightMargin: number;
    containerBorderRadius?: number | { [key: string]: any };
    dataDefines?: DataDefinesItem[];
    updateShopFloorDataFn?: functionType;
    loadingEndComponentFn?: functionType;
    changeScrollTopFn?: functionType;
    changeScrollToLowerStateFn?: functionType | null;
    customerLayoutWidth?: number;
    builtInComponents?: any;
    updateContainerFloorListDataFn?: functionType;
    isRealTimeRender: boolean;
    forceRenderTime: number;
    luxuryFixed?: boolean;
  }
  export interface DecorateFloorModuleData extends FloorModuleData {
    source?: string;
    memberBaseInfo?: {
      shopId?: string;
      venderId?: string;
      channel?: string;
      venderType?: string;
      showDefaultModule?: boolean;
      customerLevel?: string;
      isUserForMember?: boolean;
      isLv0?: boolean;
      levelZeroMenuUrl?: string;
      totalRefresh?: functionType;
      callOpenCardPopPage?: functionType;
    };
    renderSourceType?: string;
    children?: any;
    extendInfoData?: object | undefined;
    updateContainerFloorListDataFn?: functionType;
    customErrorIsvFloorModule?: React.ReactElement | undefined;
  }
  export interface DecorateContainerData {
    containerIndex?: number;
    containerData?: any;
    shopTotalInfo?: any;
    selectContainerFn?: functionType;
    selectContainerId?: string;
    placeHolderPreContainerId?: string;
    children?: any;
    luxuryFixed?: boolean;
    style?: {
      [key: string]: any;
    };
    layoutLeftRightMargin?: number;
    urlQueryData?: object | any;
  }
  export interface PlaceHolderProps {
    containerId: string;
    placeHolderPreContainerId: string;
    isShowPlaceHolder?: boolean;
  }
  export interface ShopRankGradeProps {
    scoreGrade: number | string;
    className?: string;
  }
  export interface ShopRankGradeGradeArrItem {
    index: number;
    starState: string;
  }
  export interface DataDefinesItem {
    type: string;
    nodeText: {
      
      feedFlowInfo?: any;
      max?: any;
      
      data?: any;
      hotAreaHeight?: number;
      numShowPerLine?: number;
    };
    propertyName?: string;
  }
  export interface PriceProps {
    prefixCls?: string;
    className?: string;
    nativeProps?: any;
    style?: React.CSSProperties;
    
    value: string | number;
    
    symbol?: string;
    
    currencySym?: string;
    
    symPos?: string;
    
    decLength?: number;
    
    decPos?: string;
    
    status?: string;
    
    symClassName?: string;
    
    intClassName?: string;
    
    decClassName?: string;
    
    noPriceClassName?: string;
    
    decToIntegerState?: boolean;
    
    isPlusPrice?: boolean;
    
    isSamsPrice?: boolean;
    
    isSfpPrice?: boolean;
    
    isMemberPrice?: boolean;
    
    memberPriceIcon?: string;
    
    isShowPriceLabel?: boolean;
    
    priceLabelText?: string;
    
    priceTextColor;
    
    useFontV2?: boolean;
    useFontV2Bold?: boolean;
  }
  export interface rankSkuItem {
    skuId: string;
    wareId: string;
    buyedStr?: string;
    imgPath: string;
    name: string;
    wareName: string;
    commentcount?: string;
    favRateDto?: {
      commentCountStr: string;
    };
  }
  export interface rankItem {
    title: string;
    rankId?: number;
    rankSkuInfoVoList: rankSkuItem[];
  }
  export interface MiniLoadFloorListRef {
    index: number;
    itemNum: number;
    list: (floorItemData | any)[];
    loadList: (floorItemData | any)[];
    max: number;
  }
  export interface HotStyleConfig {
    wHotMobile: number;
    hHotMobile: number;
    xHotMobile: number;
    yHotMobile: number;
  }
  export interface HotData {
    data?: HotDataItem[];
    hotAreaHeight?: number;
  }
  export interface HotDataItem {
    coordinate: {
      h: number;
      w: number;
      x: number;
      y: number;
    };
    detail: {
      configDataType: number;
      configDataValue: any;
    };
    dataSourceType: number;
    jdPrice?: boolean;
    prefix: string;
    price: string;
    priceStyleConfig: any;
    showSkuPrice: number;
    priceInfoDetail?: {
      jdPrice: string;
    };
  }
  export interface CountDownProps {
    residueTime: number; 
    serverTime: number;
    className?: string;
    startTime: number;
    endTime: number;
    info?: any; 
    startTitleText?: string | null;
    endTitleText?: string | null;
    fromEndText?: string | null;
    startTimeEndCallBack?: functionType | null;
    endTimeEndCallBack?: functionType | null;
    timeNumSpaceTextState: boolean; 
    showDaytimeNumSpaceTextState?: boolean;
    onlyShowDayState?: boolean; 
    onlyShowDaySpaceTextState?: boolean; 
    showDayState?: boolean; 
    showDayToSecondState?: boolean; 
    showHourState: boolean;
    showMinuteState: boolean;
    showSecondState: boolean;
    getDaysToHours: boolean;
    fromStartText: null | string;
    numTextColor: null | string;
    textColor: null | string;
    numTextBgColor: null | string;
    useFontV2: boolean;
    useFontV2Bold: boolean;
  }
  export interface CountDownTimerRef {
    type: string;
    text: string | null | undefined;
    time?: number | null;
    endTime?: number | null;
  }
  export interface FilterBarSearchChangeType {
    id?: string;
    inStock: boolean;
    inStockText: string;
    showJdDeliver: boolean;
    showJdDeliverText: string;
    searchDataSetState: boolean;
  }
  export interface MultipleFilterListItem {
    id?: string;
    type: number;
    value: string;
    checked: boolean;
    text: string;
  }
  export interface FilterBarProps {
    className?: string;
    showType?: string | number; 
    defaultSelected?: number; 
    isTriggerFilterChangeOnInit?: boolean; 
    onFilterChange?: functionType | null; 
    onShowTypeChange?: functionType | null; 
    instockSelected?: boolean; 
    pageId?: undefined | string; 
    searchDescription?: undefined | string; 
    searchChangeType: FilterBarSearchChangeType; 
    placeholderDomRef?: HTMLElement | null;
    isFixed?: boolean;
    searchTab?: any;
    useNewMultiple?: boolean; 
  }
  export interface FilterRadioItemProps {
    filterType?: number;
    label: string;
    className: string;
    icon: boolean;
    onToggleChange?: functionType; 
    onSelected: functionType; 
    selected: boolean;
    type: string;
    switchOn: boolean;
  }
  export interface ShopNavBarScrollXOffsetRef {
    [key: number]: number;
    tabListPosResList?: number;
  }
  export interface SearchHotKeyWord {
    [key: string]: string;
  }
  export interface ProductWithFilterProps {
    className?: string;
    listClassName?: string;
    gridListClassName?: string;
    filterBarEnabled?: boolean;
    height: number;
    minHeight: number;
    keyWord: string;
    defaultKeyWord: string;
    totalHeight: number;
    defaultShowType?: undefined | string | number;
    showType?: undefined | string | number;
    showTypeChangeDisable: boolean;
    searchType: string | number;
    loadState: string | number;
    skuId?: string | number;
    cateId?: undefined | string;
    pageId?: undefined | string;
    activityId?: undefined | string;
    activityType?: undefined | string;
    searchDescription?: undefined | string;
    useOutsideScrollView: boolean;
    extraParam: object;
    pageJumpParam?: object;
    enableEventUpdate?: boolean;
    showFilterBarSecondary?: boolean;
    showEmptyFloorTip?: boolean;
    displayHeight: number;
    toTop: boolean;
    tabContentShowState?: boolean;
    scrollToLowerState?: boolean;
    changeScrollToLowerStateFn?: functionType;
    changeProductWithFilterStateFn?: functionType;
    fetchProductsFun?: functionType;
  }
  export interface ShopMenuListItem {
    menuId: number;
    menuName: string;
    menuType?: string;
    icon?: string;
    text?: string;
    config?: object;
    subMenu?: any[];
  }
  export interface VipShopMenuListItem {
    menuId: number | string;
    menuName: string;
    iconAfter: string;
    iconBefore: string;
    jumpUrl: string;
    visible: boolean;
  }
  export interface DialogConfigBackFn {
    onClose?: functionType;
    onBeforeConfirm?: functionType;
    onConfirm?: functionType;
    onBackground?: functionType;
    onHide?: functionType;
    onInit?: functionType;
    onFormSubmit?: functionType;
    onFormReset?: functionType;
  }
  export interface DialogConfigProps extends DialogConfigBackFn {
    type: number;
    className?: string;
    style?: React.CSSProperties;
    title?: string;
    message?: string | null;
    closeBtnText?: string;
    closeBtnHideState?: boolean;
    confirmBtnText?: string;
    confirmBtnHideState?: boolean;
    hasFooter?: boolean;
    bodyNode?: React.ReactNode | null;
    footerNode?: React.ReactNode;
    show?: boolean;
    isCustom?: boolean;
    maskCloseable?: boolean;
    isFormDialog?: boolean;
    dialogTransition?: string;
    maskTransition?: string;
    usePortal?: boolean;
    forbiddenBgScrollState?: boolean;
  }
  export interface ActivityTabFullData {
    sortOrderFloorMapList: string[];
    serverTimeRes: number;
    loadingDataFinishState: boolean;
    secKillPage?: {
      [key: string]: string;
    };
    gwredPage?: {
      [key: string]: string;
    };
    orderFloorMap?: {
      [key: string]: string;
    };
    promotionFloorInfo?: {
      [key: string]: string;
    };
    shopSalePage?: {
      [key: string]: string;
    };
    signInfo?: {
      [key: string]: string;
    };
    speciSecKillPage?: {
      [key: string]: string;
    };
    couponInfos?: any[];
  }
  export interface PromotionTabData {
    loadingDataFinishState: boolean;
    hasGoodsFeeds: boolean;
    list: ContainerItemData[];
  }
  export interface NewWareInfoData {
    hasReady: boolean;
    hasNext: boolean;
    pageIdx: number;
    newWareList: {
      date: number;
      title: string;
      wareList: any[];
    }[];
    totalPage: number;
    totalCount: number;
    magicTabs: any[];
    videoTabs: any[];
    extend: null | {
      background: string;
      backgroundType: null;
      newProductList: any[];
      newProductSubTitle: string;
    };
    serialNew: {
      compName: string;
      firstText: string;
      headerImg: string;
      secText: string;
      serialUrl: string;
      skuInfoList: any[];
    }[];
    preferredGoods: null | {
      headerTitle: string;
      headerTagImg: null;
      itemList: any[];
    };
  }
  export interface ActivitySignInfo {
    source: number;
    isvUrl?: string;
    isvText?: string;
    isvImgUrl?: string;
    signImageUrl?: string;
  }
  export interface ShopLotteryInfo {
    signInfo: {
      activityRuleType: number;
      continueDay: number;
      isSign: number;
      signTotal: number;
    };
    winInfo: string[];
    tabNames: string[];
    lotteryTabMenuList: ShopLotteryTabMenuListItem[];
    products?: ShopLotteryProductItem[];
  }
  export interface ShopLotteryTabMenuListItem {
    id: number;
    name: string;
    type: string;
  }
  export interface ShopLotteryProductItem {
    wareId: string;
    imgPath: string;
    wareName: string;
    jdPrice: string;
    promotion: boolean;
    flashSale: number;
    status: number;
    isUnderCarriage: number;
    stock: number;
    addCart: boolean;
    addCartAbTest: boolean;
    preSale: boolean;
    emptyJDPrice: boolean;
    emptyPrice: boolean;
  }
  export interface ShopCouponListItem {
    couponId: number;
    type: number;
    couponName?: string;
    name?: string;
    beginTime: string;
    endTime: string;
    discount: number;
    quota: number;
    style: number;
    crmCoupon: boolean;
    applicability: boolean;
    act: string;
    bindType: number;
    isfansCoupon: boolean;
    couponSource: string;
    couponSourceDetail: string;
    channel: string;
    subChannel: string;
    couponStatus?: number;
    channelDetail?: string;
    minDiscount?: string | number;
    maxDiscount?: string | number;
    biinfo?: string;
    skus?: string;
    foldSpread?: boolean;
    couponFaceDescription?: string;
    appid?: string;
    platformid?: string;
  }
  export interface ShopProWaresListItem {
    wareId: number;
    wareImage: string;
    wareName: string;
    jdPrice: string;
    lineationPrice?: string;
    isPreSale: boolean;
    purchasePrice?: string;
  }
  export interface ShopPromotionWaresListInfo {
    hasNext: boolean;
    pageIdx: number;
    pageSize: number;
    skuList: ShopProWaresListItem[];
    totalSize: number;
    activityIntensity?: string;
  }
  export interface GuideInfoWaresListItem {
    wareId: number | string;
    imgPath: string;
    wareName: string;
    jdPrice: string;
    priceInfo?: PriceInfo;
    spPrice?: string;
    ppPrice?: string;
  }
  export interface GuideInfoWaresListInfo {
    hasNext: boolean;
    pageIdx: number;
    pageSize: number;
    wareList: GuideInfoWaresListItem[];
    totalSize: number;
    guideText: string;
    standbyText: string;
    testId: string;
    totalCount: number;
    totalPage: number;
  }
  export interface ShopVideosListItem {
    cmtid: string;
    content: string;
    days: string;
    height: string;
    openApp: string;
    playUrl: string;
    projectid: string;
    skuId: string;
    skuPic: string;
    videoCoverUrl: string;
    videoNum: string;
    width: string;
  }
  export interface ShopVideosListInfo {
    hasNext: boolean;
    pageIdx: number;
    pageSize: number;
    videoList: ShopVideosListItem[];
    videoEvenList: ShopVideosListItem[]; 
    videoOddList: ShopVideosListItem[]; 
    totalPage: number;
    videoItemWh: number;
  }
  export interface ShopMoreGoodsListInfo {
    hasNext: boolean;
    pageIdx: number;
    pageSize: number;
    wareList: ShopMoreGoodsListItem[];
    totalPage: number;
  }
  export interface ShopMoreGoodsListItem {
    wareId: number;
    imgPath: string;
    wareName: string;
    skVersionInfo: {};
    shareInfo: {
      title: string;
      content: string;
      url: string;
      img: string;
    };
  }
  export interface ShopFastShoppingSkuListItem {
    actId: number;
    displayTime: string;
    endTime: string;
    jgys: string;
    jdPrice?: string;
    redPrice: string;
    skuId: number;
    skuImg: string;
    skuName: string;
    soldOut: number;
    start: string | number;
    startTime: string;
  }
  export interface ShopFastShoppingSkuListInfo {
    nextPage: boolean;
    data: ShopFastShoppingSkuListItem[];
    total: number;
    serverTime?: number;
    displayTime?: string;
    startTime?: string;
    endTime?: string;
  }
  export interface ShopSpeciSecKillSkuListItem {
    displayTime: string;
    endTime: string;
    jdPrice?: string;
    miaoShaPrice: string;
    skuId: number;
    imageUrl: string;
    skuName: string;
    discountReason: string;
    operateWord: string;
    promotionId: string;
    seckillNum: string;
    soldOut: number;
    source: number;
    seckillType: number;
    start: string | number;
    startTime: string;
  }
  export interface ShopSpeciSecKillSkuListInfo {
    nextPage: boolean;
    data: ShopSpeciSecKillSkuListItem[];
    total: number;
  }
  export interface CategoryList {
    showType: number;
    insurancePriceSuffix?: string;
    hasCateList: boolean;
    wareInfoList: any;
  }
  export interface DecorationDataList {
    parentId: string;
    navigationDecorationData: any;
    index: number;
  }
  export interface ShopSignActivityRuleInfo {
    data: {
      activityDescription: string;
      activityTime: string;
      awardName: string;
      awardDescription: string[];
    } | null;
    loadState: boolean;
  }
  export interface ShopSignPrizeListItem {
    type: number;
    loadState: boolean;
    activeState: boolean;
    list: any[];
    expireList: any[];
    name: string;
  }
  export interface ShopSignPrizeListInfo {
    loadState: boolean;
    signPrizeList: ShopSignPrizeListItem[] | any[];
  }
  export interface VipShopHeader {
    current?: {
      className?: string;
    } | null;
    [key: string]: any;
  }
  export interface BuyerShowTabListInfoData {
    finishState: boolean;
    loadingDataFinishState: boolean;
    list: any[];
    evenList: any[];
    oddList: any[];
  }
  interface BuyerShowInfoImageItem {
    largePicURL: string;
    mediaType: string;
    picHeight: string;
    picURL: string;
    picWidth: string;
  }
  export interface BuyerShowInfoData {
    category: string;
    commentData: string;
    commentId: string;
    commentType: string;
    createdDate: string;
    guid: string;
    hadPraise: boolean;
    imageInfoList: BuyerShowInfoImageItem[];
    oldCommentId: string;
    praiseCnt: string;
    praiseCntNum: number;
    praiseUsable: boolean;
    resourceType: number;
    skuImgUrl: string;
    skuName: string;
    skuPrice: string;
    source: string;
    userImgURL: string;
    userLevel: null | string;
    userNickName: string;
    userPin: null | string;
    wareId: string;
    detailImageLoadState?: boolean;
  }
  export interface RecommendShopGuidListItem {
    followed: boolean;
    followerCount: number;
    longLogoStatus: number;
    recommendGoods: {
      imgUrl: string;
      wareId: string;
      wareName: string;
    }[];
    shopBanner: string;
    shopId: string;
    shopLogoImg: string;
    shopName: string;
    venderType: number;
    vendorId: string;
  }
  
  export interface InOrOutViewObserverProps {
    children?: React.ReactElement;
    className?: string;
    
    style?: object;
    
    threshold?: number;
    
    inViewCallback?: functionType;
    
    outViewCallback?: functionType;
  }
  
  export interface CustomVideoProps {
    isSystemVideo?: boolean;
    id?: string;
    className?: string;
    
    style?: object;
    
    videoStyle?: object;
    
    src: string;
    
    width?: string | number;
    
    height?: string | number;
    
    poster?: string;
    
    controls?: boolean;
    
    autoplay?: boolean;
    
    mockAutoplay?: boolean;
    
    loop?: boolean;
    
    showMuteBtn?: boolean;
    
    muteButtonPostion?: keyof MuteButtonPostion;
    
    muteBtnPicSrcObj?: muteBtnPicObj;
    
    muteBtnClassName?: string;
    
    muteBtnStyle?: object;
    
    showFullscreenBtn?: boolean;
    
    showCenterPlayBtn?: boolean;
    
    objectFit?: keyof ObjectFit;
    
    threshold?: number;
    
    onPlayCallback?: any;
    
    onPauseCallback?: any;
    
    onVideoApiCall?: functionType;
    
    inViewCallback?: functionType;
    
    outViewCallback?: functionType;
    floorData: floorItemData;
  }
  
  interface muteBtnPicObj {
    IS_MUTED: string;
    NOT_MUTED: string;
  }
  
  interface MuteButtonPostion {
    topLeft;
    topRight;
    bottomLeft;
    bottomRight;
  }
  
  interface ObjectFit {
    
    contain;
    
    fill;
    
    cover;
  }
  interface SkuItem {
    id: number;
    name: string;
    imgMain: string;
    suggested: number;
    rankUrl: string;
  }
  export interface RankV1Item {
    id: number;
    type: number;
    rankUrl: string;
    title: string;
    hotPoint: string;
    skuCount: number;
    skuList: SkuItem[];
  }
  interface PriceInfo {
    jdPrice: string;
    finalPrice: string;
    priceText: string;
    priceType: number;
    hiddenPrice: boolean;
    isAuctionWare: boolean;
    isPinGouWare: boolean;
    showPromotionList: boolean;
    hitUserIdentity: boolean;
  }
  interface SkVersionInfo {
    priceInfo: PriceInfo;
  }
  export interface ProductItem {
    id: number;
    name: string;
    imgMain: string;
    priceJD: string;
    sellPoint: string;
    sellCount: number;
    sellCountDesc: string;
    rankDesc: string;
    suggested: number;
    skVersionInfo: SkVersionInfo;
  }
+import React from 'react';
  export interface LazyLoadImageProps {
    src: string;
    lazyLoad?: boolean;
    imagRenderingSet?: boolean;
    width?: number | string;
    height?: number | string;
    className?: string;
    style?: object;
    backgroundColor?: string;
    errorSrc?: string;
    [key: string]: any;
  }
  export interface JdLoadingProps {
    className: string | null;
    hideState: boolean;
    fullState: boolean;
    localState: boolean;
    style: object;
    text: string | null;
  }
  export interface ShopConfigTabsItem {
    tabType: number;
    tabActBlurIcon?: string;
    tabText?: string;
    tabActClickIcon?: string;
  }
  export interface ShopConfigMenuItem extends ShopMenuListItem {
    url?: string;
  }
  export interface VipShopConfigMenuItem {
    menuName?: string;
    menuId: string | number;
  }
  export interface ShopTotalInfo {
    shopInfo: {
      shopId?: string;
      venderId?: string;
      shopName?: string;
      logoUrl?: string;
      followed?: boolean;
      followerCount?: number;
      closed?: boolean;
      filterShop?: boolean;
      [key: string]: any;
    };
    tabs?: [ShopConfigTabsItem];
    config?: {
      tabs: [ShopConfigTabsItem];
      mTabs: [ShopConfigTabsItem];
      bigBgImgUrl?: string;
      [key: string]: any;
    };
    menuInfo?: {
      menuList: [ShopConfigMenuItem];
      mMenuList: [ShopConfigMenuItem];
      [key: string]: any;
    };
    activityInfo?: {
      activityRuleType: number;
      isSign: number;
      followed: boolean;
      coupons?: ShopCouponListItem[];
      liveInfo?: {
        type: string;
        data: {
          living: {
            [key: string]: any;
          };
          playback: {
            [key: string]: any;
          };
          preview: {
            [key: string]: any;
          };
        };
        [key: string]: any;
      };
      signStatus?: {
        activityRuleType: number;
        interActActivityId: number;
        interActActivityType: number;
        isSign: number;
        source: number;
      };
      giftBagDataResult?: {
        activityId: number;
        activityType: number;
        giftButton: string;
        giftTitle: string;
        giftsToast: string;
        isVipGift: string;
        shopGifts: any[];
      };
      [key: string]: any;
    };
    extendInfo?: {
      coupons?: ShopCouponListItem[];
      liveInfo?: {
        type: string;
        data: {
          living: {
            [key: string]: any;
          };
          playback: {
            [key: string]: any;
          };
          preview: {
            [key: string]: any;
          };
        };
        [key: string]: any;
      };
      signStatus?: {
        activityRuleType: number;
        interActActivityId: number;
        interActActivityType: number;
        isSign: number;
        source: number;
      };
    };
    pageSet?: {
      [key: string]: any;
    };
    followed?: boolean;
    followCount?: number;
  }
  export interface PageSetData {
    backGround?: {
      type?: string;
      value?: string;
    } | null;
    [key: string]: any;
  }
  interface ShopContactInfoItem {
    hasImChat: boolean;
    infoTitle: string;
    typeCShopUrl?: string;
    infoDetail?: string;
    infoTelephone: string;
    infoType: string;
  }
  interface ShopBriefInfoItem {
    infoDetail: string;
    infoTitle: string;
  }
  interface ShopScoreItem {
    scoreColor: string;
    scoreNumber: string;
    scorePercent: string;
    scoreTitle: string;
  }
  export interface ShopDetailInfo {
    score?: ShopScoreItem[];
    shopContactInfo?: ShopContactInfoItem[];
    shopBriefInfo?: ShopBriefInfoItem[];
    shopStarInfo?: {
      title: string | null;
      scoreRankRateGrade: string;
      tip: string;
      descPageURL: string;
    };
  }
  export interface ShopContextValue {
    shopTotalInfo: ShopTotalInfo;
    urlQueryData?: object | null;
    oldUrlParamsToStr?: string;
    rootEleNode?: HTMLElement | null;
    updateShopFollowedStateFn: functionType;
  }
  export interface NetWorkErrorProps {
    className?: string;
    netWorkImageType?: string;
    message?: string;
    btnLabel?: string;
    subMessage?: string;
    netWorkDataType: string;
    netWorkShowType?: string;
    netWorkStyleType?: string;
    viewMaxHeight?: string;
    backgroundColorWhite?: boolean;
    refreshCallBackFn?: functionType | null;
    noPosition?: boolean;
  }
  export interface floorItemData {
    uid: string;
    floorIdx?: number;
    containerIndex?: number;
    containerId?: string;
    moduleFlag?: string;
    moduleName?: string;
    moduleAlias?: string;
    moduleId?: number;
    previewUri?: string;
    moduleType: number | string;
    sizeRule: number;
    visible: boolean;
    configEmpty?: boolean;
    floorPosition?: string;
    middleTemplateType?: string;
    middleTemplateId?: number;
    dsConfig?: any;
    jdrInfo?: any;
    floorExtInfo?: {
      moduleFlag?: string;
      moduleName?: string;
      moduleId?: number;
      currentTimeMillis?: number;
      floorHeight?: string;
      floorLoadWay?: number;
      floorKind?: number;
      transform?: boolean;
      modularPackResult?: {
        bundleUrl?: string;
        bundleFileName?: string;
      };
      shopId?: string;
      moduleDesignerType?: string;
    };
    showCommonFloorHead?: boolean;
  }
  export interface FloorInfoInterfaceResponseData {
    containers: ContainerItemData[];
    floors: floorItemData[];
    pageSet?: object;
  }
  export interface ContainerItemData {
    borderRadius: number;
    borderTopLeftRadius?: number;
    borderTopRightRadius?: number;
    borderBottomLeftRadius?: number;
    borderBottomRightRadius?: number;
    marginTop?: number;
    marginBottom?: number;
    marginLeft?: number;
    marginRight?: number;
    paddingTop?: number;
    paddingBottom?: number;
    paddingLeft?: number;
    paddingRight?: number;
    containerId: string;
    background?: string;
    containerPosition?: string;
    key?: string;
    floors: floorItemData[];
    includeUids: string[];
    typeCn: string;
    typeCode?: string;
    addLuxuryStyle?: boolean;
    addLuxuryBackupStyle?: boolean;
    renderExtendComponent?: functionType;
    insertContainerStartComponent?: functionType;
    floorExtendData?: any;
  }
  export interface FloorModuleData {
    floorIndex?: number;
    containerIndex?: number;
    floorData: floorItemData;
    children?: React.ReactElement;
    style?: {
      [key: string]: any;
    };
    layoutLeftRightMargin: number;
    containerBorderRadius?: number | { [key: string]: any };
    dataDefines?: DataDefinesItem[];
    updateShopFloorDataFn?: functionType;
    loadingEndComponentFn?: functionType;
    changeScrollTopFn?: functionType;
    changeScrollToLowerStateFn?: functionType | null;
    customerLayoutWidth?: number;
    builtInComponents?: any;
    updateContainerFloorListDataFn?: functionType;
    isRealTimeRender: boolean;
    forceRenderTime: number;
    luxuryFixed?: boolean;
  }
  export interface DecorateFloorModuleData extends FloorModuleData {
    source?: string;
    memberBaseInfo?: {
      shopId?: string;
      venderId?: string;
      channel?: string;
      venderType?: string;
      showDefaultModule?: boolean;
      customerLevel?: string;
      isUserForMember?: boolean;
      isLv0?: boolean;
      levelZeroMenuUrl?: string;
      totalRefresh?: functionType;
      callOpenCardPopPage?: functionType;
    };
    renderSourceType?: string;
    children?: any;
    extendInfoData?: object | undefined;
    updateContainerFloorListDataFn?: functionType;
    customErrorIsvFloorModule?: React.ReactElement | undefined;
  }
  export interface DecorateContainerData {
    containerIndex?: number;
    containerData?: any;
    shopTotalInfo?: any;
    selectContainerFn?: functionType;
    selectContainerId?: string;
    placeHolderPreContainerId?: string;
    children?: any;
    luxuryFixed?: boolean;
    style?: {
      [key: string]: any;
    };
    layoutLeftRightMargin?: number;
    urlQueryData?: object | any;
  }
  export interface PlaceHolderProps {
    containerId: string;
    placeHolderPreContainerId: string;
    isShowPlaceHolder?: boolean;
  }
  export interface ShopRankGradeProps {
    scoreGrade: number | string;
    className?: string;
  }
  export interface ShopRankGradeGradeArrItem {
    index: number;
    starState: string;
  }
  export interface DataDefinesItem {
    type: string;
    nodeText: {
      
      feedFlowInfo?: any;
      max?: any;
      
      data?: any;
      hotAreaHeight?: number;
      numShowPerLine?: number;
    };
    propertyName?: string;
  }
  export interface PriceProps {
    prefixCls?: string;
    className?: string;
    style?: React.CSSProperties;
    
    value: string | number;
    
    symbol?: string;
    
    currencySym?: string;
    
    symPos?: string;
    
    decLength?: number;
    
    decPos?: string;
    
    status?: string;
    
    symClassName?: string;
    
    intClassName?: string;
    
    decClassName?: string;
    
    noPriceClassName?: string;
    
    decToIntegerState?: boolean;
    
    isPlusPrice?: boolean;
    
    isSamsPrice?: boolean;
    
    isSfpPrice?: boolean;
    
    isMemberPrice?: boolean;
    
    memberPriceIcon?: string;
    
    isShowPriceLabel?: boolean;
    
    priceLabelText?: string;
    
    priceTextColor;
    
    useFontV2?: boolean;
    useFontV2Bold?: boolean;
  }
  export interface rankSkuItem {
    skuId: string;
    wareId: string;
    buyedStr?: string;
    imgPath: string;
    name: string;
    wareName: string;
    commentcount?: string;
    favRateDto?: {
      commentCountStr: string;
    };
  }
  export interface rankItem {
    title: string;
    rankId?: number;
    rankSkuInfoVoList: rankSkuItem[];
  }
  export interface MiniLoadFloorListRef {
    index: number;
    itemNum: number;
    list: (floorItemData | any)[];
    loadList: (floorItemData | any)[];
    max: number;
  }
  export interface HotStyleConfig {
    wHotMobile: number;
    hHotMobile: number;
    xHotMobile: number;
    yHotMobile: number;
  }
  export interface HotData {
    data?: HotDataItem[];
    hotAreaHeight?: number;
  }
  export interface HotDataItem {
    coordinate: {
      h: number;
      w: number;
      x: number;
      y: number;
    };
    detail: {
      configDataType: number;
      configDataValue: any;
    };
    dataSourceType: number;
    jdPrice?: boolean;
    prefix: string;
    price: string;
    priceStyleConfig: any;
    showSkuPrice: number;
    priceInfoDetail?: {
      jdPrice: string;
    };
  }
  export interface CountDownProps {
    residueTime: number; 
    serverTime: number;
    className?: string;
    startTime: number;
    endTime: number;
    info?: any; 
    startTitleText?: string | null;
    endTitleText?: string | null;
    fromEndText?: string | null;
    startTimeEndCallBack?: functionType | null;
    endTimeEndCallBack?: functionType | null;
    timeNumSpaceTextState: boolean; 
    showDaytimeNumSpaceTextState?: boolean;
    onlyShowDayState?: boolean; 
    onlyShowDaySpaceTextState?: boolean; 
    showDayState?: boolean; 
    showDayToSecondState?: boolean; 
    showHourState: boolean;
    showMinuteState: boolean;
    showSecondState: boolean;
    getDaysToHours: boolean;
    fromStartText: null | string;
    numTextColor: null | string;
    textColor: null | string;
    numTextBgColor: null | string;
    useFontV2: boolean;
    useFontV2Bold: boolean;
  }
  export interface CountDownTimerRef {
    type: string;
    text: string | null | undefined;
    time?: number | null;
    endTime?: number | null;
  }
  export interface FilterBarSearchChangeType {
    id?: string;
    inStock: boolean;
    inStockText: string;
    showJdDeliver: boolean;
    showJdDeliverText: string;
    searchDataSetState: boolean;
  }
  export interface MultipleFilterListItem {
    id?: string;
    type: number;
    value: string;
    checked: boolean;
    text: string;
  }
  export interface FilterBarProps {
    className?: string;
    showType?: string | number; 
    defaultSelected?: number; 
    isTriggerFilterChangeOnInit?: boolean; 
    onFilterChange?: functionType | null; 
    onShowTypeChange?: functionType | null; 
    instockSelected?: boolean; 
    pageId?: undefined | string; 
    searchDescription?: undefined | string; 
    searchChangeType: FilterBarSearchChangeType; 
    placeholderDomRef?: HTMLElement | null;
    isFixed?: boolean;
    searchTab?: any;
  }
  export interface FilterRadioItemProps {
    filterType?: number;
    label: string;
    className: string;
    icon: boolean;
    onToggleChange?: functionType; 
    onSelected: functionType; 
    selected: boolean;
    type: string;
    switchOn: boolean;
  }
  export interface ShopNavBarScrollXOffsetRef {
    [key: number]: number;
    tabListPosResList?: number;
  }
  export interface SearchHotKeyWord {
    [key: string]: string;
  }
  export interface ProductWithFilterProps {
    className?: string;
    listClassName?: string;
    gridListClassName?: string;
    filterBarEnabled?: boolean;
    height: number;
    minHeight: number;
    keyWord: string;
    defaultKeyWord: string;
    totalHeight: number;
    defaultShowType?: undefined | string | number;
    showType?: undefined | string | number;
    showTypeChangeDisable: boolean;
    searchType: string | number;
    loadState: string | number;
    skuId?: string | number;
    cateId?: undefined | string;
    pageId?: undefined | string;
    activityId?: undefined | string;
    activityType?: undefined | string;
    searchDescription?: undefined | string;
    useOutsideScrollView: boolean;
    extraParam: object;
    pageJumpParam?: object;
    enableEventUpdate?: boolean;
    showFilterBarSecondary?: boolean;
    showEmptyFloorTip?: boolean;
    displayHeight: number;
    toTop: boolean;
    tabContentShowState?: boolean;
    scrollToLowerState?: boolean;
    changeScrollToLowerStateFn?: functionType;
    changeProductWithFilterStateFn?: functionType;
    fetchProductsFun?: functionType;
  }
  export interface ShopMenuListItem {
    menuId: number;
    menuName: string;
    menuType?: string;
    icon?: string;
    text?: string;
    config?: object;
    subMenu?: any[];
  }
  export interface VipShopMenuListItem {
    menuId: number | string;
    menuName: string;
    iconAfter: string;
    iconBefore: string;
    jumpUrl: string;
    visible: boolean;
  }
  export interface DialogConfigBackFn {
    onClose?: functionType;
    onBeforeConfirm?: functionType;
    onConfirm?: functionType;
    onBackground?: functionType;
    onHide?: functionType;
    onInit?: functionType;
    onFormSubmit?: functionType;
    onFormReset?: functionType;
  }
  export interface DialogConfigProps extends DialogConfigBackFn {
    type: number;
    className?: string;
    style?: React.CSSProperties;
    title?: string;
    message?: string | null;
    closeBtnText?: string;
    closeBtnHideState?: boolean;
    confirmBtnText?: string;
    confirmBtnHideState?: boolean;
    hasFooter?: boolean;
    bodyNode?: React.ReactNode | null;
    footerNode?: React.ReactNode;
    show?: boolean;
    isCustom?: boolean;
    maskCloseable?: boolean;
    isFormDialog?: boolean;
    dialogTransition?: string;
    maskTransition?: string;
    usePortal?: boolean;
    forbiddenBgScrollState?: boolean;
  }
  export interface ActivityTabFullData {
    sortOrderFloorMapList: string[];
    serverTimeRes: number;
    loadingDataFinishState: boolean;
    secKillPage?: {
      [key: string]: string;
    };
    gwredPage?: {
      [key: string]: string;
    };
    orderFloorMap?: {
      [key: string]: string;
    };
    promotionFloorInfo?: {
      [key: string]: string;
    };
    shopSalePage?: {
      [key: string]: string;
    };
    signInfo?: {
      [key: string]: string;
    };
    speciSecKillPage?: {
      [key: string]: string;
    };
    couponInfos?: any[];
  }
  export interface PromotionTabData {
    loadingDataFinishState: boolean;
    hasGoodsFeeds: boolean;
    list: ContainerItemData[];
  }
  export interface NewWareInfoData {
    hasReady: boolean;
    hasNext: boolean;
    pageIdx: number;
    newWareList: {
      date: number;
      title: string;
      wareList: any[];
    }[];
    totalPage: number;
    totalCount: number;
    magicTabs: any[];
    videoTabs: any[];
    extend: null | {
      background: string;
      backgroundType: null;
      newProductList: any[];
      newProductSubTitle: string;
    };
    serialNew: {
      compName: string;
      firstText: string;
      headerImg: string;
      secText: string;
      serialUrl: string;
      skuInfoList: any[];
    }[];
    preferredGoods: null | {
      headerTitle: string;
      headerTagImg: null;
      itemList: any[];
    };
  }
  export interface ActivitySignInfo {
    source: number;
    isvUrl?: string;
    isvText?: string;
    isvImgUrl?: string;
    signImageUrl?: string;
  }
  export interface ShopLotteryInfo {
    signInfo: {
      activityRuleType: number;
      continueDay: number;
      isSign: number;
      signTotal: number;
    };
    winInfo: string[];
    tabNames: string[];
    lotteryTabMenuList: ShopLotteryTabMenuListItem[];
    products?: ShopLotteryProductItem[];
  }
  export interface ShopLotteryTabMenuListItem {
    id: number;
    name: string;
    type: string;
  }
  export interface ShopLotteryProductItem {
    wareId: string;
    imgPath: string;
    wareName: string;
    jdPrice: string;
    promotion: boolean;
    flashSale: number;
    status: number;
    isUnderCarriage: number;
    stock: number;
    addCart: boolean;
    addCartAbTest: boolean;
    preSale: boolean;
    emptyJDPrice: boolean;
    emptyPrice: boolean;
  }
  export interface ShopCouponListItem {
    couponId: number;
    type: number;
    couponName?: string;
    name?: string;
    beginTime: string;
    endTime: string;
    discount: number;
    quota: number;
    style: number;
    crmCoupon: boolean;
    applicability: boolean;
    act: string;
    bindType: number;
    isfansCoupon: boolean;
    couponSource: string;
    couponSourceDetail: string;
    channel: string;
    subChannel: string;
    couponStatus?: number;
    channelDetail?: string;
    minDiscount?: string | number;
    maxDiscount?: string | number;
    biinfo?: string;
    skus?: string;
    foldSpread?: boolean;
    couponFaceDescription?: string;
    appid?: string;
    platformid?: string;
  }
  export interface ShopProWaresListItem {
    wareId: number;
    wareImage: string;
    wareName: string;
    jdPrice: string;
    lineationPrice?: string;
    isPreSale: boolean;
    purchasePrice?: string;
  }
  export interface ShopPromotionWaresListInfo {
    hasNext: boolean;
    pageIdx: number;
    pageSize: number;
    skuList: ShopProWaresListItem[];
    totalSize: number;
    activityIntensity?: string;
  }
  export interface GuideInfoWaresListItem {
    wareId: number | string;
    imgPath: string;
    wareName: string;
    jdPrice: string;
    priceInfo?: PriceInfo;
    spPrice?: string;
    ppPrice?: string;
  }
  export interface GuideInfoWaresListInfo {
    hasNext: boolean;
    pageIdx: number;
    pageSize: number;
    wareList: GuideInfoWaresListItem[];
    totalSize: number;
    guideText: string;
    standbyText: string;
    testId: string;
    totalCount: number;
    totalPage: number;
  }
  export interface ShopVideosListItem {
    cmtid: string;
    content: string;
    days: string;
    height: string;
    openApp: string;
    playUrl: string;
    projectid: string;
    skuId: string;
    skuPic: string;
    videoCoverUrl: string;
    videoNum: string;
    width: string;
  }
  export interface ShopVideosListInfo {
    hasNext: boolean;
    pageIdx: number;
    pageSize: number;
    videoList: ShopVideosListItem[];
    videoEvenList: ShopVideosListItem[]; 
    videoOddList: ShopVideosListItem[]; 
    totalPage: number;
    videoItemWh: number;
  }
  export interface ShopMoreGoodsListInfo {
    hasNext: boolean;
    pageIdx: number;
    pageSize: number;
    wareList: ShopMoreGoodsListItem[];
    totalPage: number;
  }
  export interface ShopMoreGoodsListItem {
    wareId: number;
    imgPath: string;
    wareName: string;
    skVersionInfo: {};
    shareInfo: {
      title: string;
      content: string;
      url: string;
      img: string;
    };
  }
  export interface ShopFastShoppingSkuListItem {
    actId: number;
    displayTime: string;
    endTime: string;
    jgys: string;
    jdPrice?: string;
    redPrice: string;
    skuId: number;
    skuImg: string;
    skuName: string;
    soldOut: number;
    start: string | number;
    startTime: string;
  }
  export interface ShopFastShoppingSkuListInfo {
    nextPage: boolean;
    data: ShopFastShoppingSkuListItem[];
    total: number;
    serverTime?: number;
    displayTime?: string;
    startTime?: string;
    endTime?: string;
  }
  export interface ShopSpeciSecKillSkuListItem {
    displayTime: string;
    endTime: string;
    jdPrice?: string;
    miaoShaPrice: string;
    skuId: number;
    imageUrl: string;
    skuName: string;
    discountReason: string;
    operateWord: string;
    promotionId: string;
    seckillNum: string;
    soldOut: number;
    source: number;
    seckillType: number;
    start: string | number;
    startTime: string;
  }
  export interface ShopSpeciSecKillSkuListInfo {
    nextPage: boolean;
    data: ShopSpeciSecKillSkuListItem[];
    total: number;
  }
  export interface CategoryList {
    showType: number;
    insurancePriceSuffix?: string;
    hasCateList: boolean;
    wareInfoList: any;
  }
  export interface DecorationDataList {
    parentId: string;
    navigationDecorationData: any;
    index: number;
  }
  export interface ShopSignActivityRuleInfo {
    data: {
      activityDescription: string;
      activityTime: string;
      awardName: string;
      awardDescription: string[];
    } | null;
    loadState: boolean;
  }
  export interface ShopSignPrizeListItem {
    type: number;
    loadState: boolean;
    activeState: boolean;
    list: any[];
    expireList: any[];
    name: string;
  }
  export interface ShopSignPrizeListInfo {
    loadState: boolean;
    signPrizeList: ShopSignPrizeListItem[] | any[];
  }
  export interface VipShopHeader {
    current?: {
      className?: string;
    } | null;
    [key: string]: any;
  }
  export interface BuyerShowTabListInfoData {
    finishState: boolean;
    loadingDataFinishState: boolean;
    list: any[];
    evenList: any[];
    oddList: any[];
  }
  interface BuyerShowInfoImageItem {
    largePicURL: string;
    mediaType: string;
    picHeight: string;
    picURL: string;
    picWidth: string;
  }
  export interface BuyerShowInfoData {
    category: string;
    commentData: string;
    commentId: string;
    commentType: string;
    createdDate: string;
    guid: string;
    hadPraise: boolean;
    imageInfoList: BuyerShowInfoImageItem[];
    oldCommentId: string;
    praiseCnt: string;
    praiseCntNum: number;
    praiseUsable: boolean;
    resourceType: number;
    skuImgUrl: string;
    skuName: string;
    skuPrice: string;
    source: string;
    userImgURL: string;
    userLevel: null | string;
    userNickName: string;
    userPin: null | string;
    wareId: string;
    detailImageLoadState?: boolean;
  }
  export interface RecommendShopGuidListItem {
    followed: boolean;
    followerCount: number;
    longLogoStatus: number;
    recommendGoods: {
      imgUrl: string;
      wareId: string;
      wareName: string;
    }[];
    shopBanner: string;
    shopId: string;
    shopLogoImg: string;
    shopName: string;
    venderType: number;
    vendorId: string;
  }
  
  export interface InOrOutViewObserverProps {
    children?: React.ReactElement;
    className?: string;
    
    style?: object;
    
    threshold?: number;
    
    inViewCallback?: functionType;
    
    outViewCallback?: functionType;
  }
  
  export interface CustomVideoProps {
    isSystemVideo?: boolean;
    id?: string;
    className?: string;
    
    style?: object;
    
    videoStyle?: object;
    
    src: string;
    
    width?: string | number;
    
    height?: string | number;
    
    poster?: string;
    
    controls?: boolean;
    
    autoplay?: boolean;
    
    mockAutoplay?: boolean;
    
    loop?: boolean;
    
    showMuteBtn?: boolean;
    
    muteButtonPostion?: keyof MuteButtonPostion;
    
    muteBtnPicSrcObj?: muteBtnPicObj;
    
    muteBtnClassName?: string;
    
    muteBtnStyle?: object;
    
    showFullscreenBtn?: boolean;
    
    showCenterPlayBtn?: boolean;
    
    objectFit?: keyof ObjectFit;
    
    threshold?: number;
    
    onPlayCallback?: any;
    
    onPauseCallback?: any;
    
    onVideoApiCall?: functionType;
    
    inViewCallback?: functionType;
    
    outViewCallback?: functionType;
    floorData: floorItemData;
  }
  
  interface muteBtnPicObj {
    IS_MUTED: string;
    NOT_MUTED: string;
  }
  
  interface MuteButtonPostion {
    topLeft;
    topRight;
    bottomLeft;
    bottomRight;
  }
  
  interface ObjectFit {
    
    contain;
    
    fill;
    
    cover;
  }
  interface SkuItem {
    id: number;
    name: string;
    imgMain: string;
    suggested: number;
    rankUrl: string;
  }
  export interface RankV1Item {
    id: number;
    type: number;
    rankUrl: string;
    title: string;
    hotPoint: string;
    skuCount: number;
    skuList: SkuItem[];
  }
  interface PriceInfo {
    jdPrice: string;
    finalPrice: string;
    priceText: string;
    priceType: number;
    hiddenPrice: boolean;
    isAuctionWare: boolean;
    isPinGouWare: boolean;
    showPromotionList: boolean;
    hitUserIdentity: boolean;
  }
  interface SkVersionInfo {
    priceInfo: PriceInfo;
  }
  export interface ProductItem {
    id: number;
    name: string;
    imgMain: string;
    priceJD: string;
    sellPoint: string;
    sellCount: number;
    sellCountDesc: string;
    rankDesc: string;
    suggested: number;
    skVersionInfo: SkVersionInfo;
  }