@conecli/cone-render 0.8.17 → 0.8.18-beta.1

package/dist/components/base/InViewRender/index.tsx

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
        inViewCallback
    if (isH5AndJdShopView) {
        useEffect(() => {
            const latestRes = latestFromNativeMsgStorage[TaroEventType.PAGE_SCROLL] || {}
            !componentShowStateRef.current && dealPageScrollInfo(latestRes)
            Taro.eventCenter.on(TaroEventType.PAGE_SCROLL, (res) => {
                !componentShowStateRef.current && dealPageScrollInfo(res)
            })
        }, [])
        useEffect(() => {
            if(componentShowState){
                typeof inViewCallback === 'function' && inViewCallback()
                console.log('InViewRender -- 店铺H5 展示啦!')
            }
        }, [componentShowState])
        
        const dealPageScrollInfo = (res) => {
            if (componentLazyRef.current) {
                const eleClientRect =
                    componentLazyRef.current.getBoundingClientRect()
                const getContainerHeightOffSetY = res.displayHeight + res.offSetY
                const eleOffsetTop = Math.ceil(eleClientRect.top)
                if (!componentShowStateRef.current) {
                    if (getContainerHeightOffSetY > eleOffsetTop) {
                        componentShowStateRef.current = true
                        setComponentShowState(true)
                        Taro.nextTick(() => {
                            setComponentRenderShowState(true)
                        })
                    }
                }
            }
        }
        return (
            <View
                ref={componentLazyRef}
                className={classNames(
                    lazyLayoutLoadStyle['d-app-floor-lazy-layout-load'],
                    'd-app-floor-lazy-load',
                )}
                style={{
                    minHeight: `${
                        componentRenderShowState ? 'auto' : height + (typeof height === 'number'? 'px': '')
                    }`,
                    backgroundColor: componentRenderShowState
                        ? 'transparent'
                        : '#ffffff',
                }}
            >
                {componentShowState ? children : placeholder}
            </View>
        )
    } else {
        const rootDom = document.querySelector('#J_shopHomeRoot')
        const { ref, inView } = useInView({
            threshold: 0,
            triggerOnce: true,
            root: rootDom,    
            rootMargin: `0px 0px 0px 0px`,  
        })
        useEffect(() => {
            if(inView){
                typeof inViewCallback === 'function' && inViewCallback()
                console.log('InViewRender -- 其它H5 展示啦!')
            }
        }, [inView])
        return (
            <View
                ref={ref}
                style={{
                    minHeight: `${inView ? 'auto' : height + 'px'}`,
                    backgroundColor: 'transparent',
                }}
            >
                {inView ? children : placeholder}
            </View>
        )
    }
    inViewCallback: null,
+import Taro from '@tarojs/taro'
    TaroEventType,
    const {
        children,
        placeholder,
        height,
        inViewCallback
    } = props
    const [componentShowState, setComponentShowState] = useState(false)
    const [componentRenderShowState, setComponentRenderShowState] =
        useState(false)
    const componentLazyRef = useRef<HTMLElement | null>(null)
    const componentShowStateRef = useRef(false)
    if (isH5AndJdShopView) {
        useEffect(() => {
            const latestRes = latestFromNativeMsgStorage[TaroEventType.PAGE_SCROLL] || {}
            !componentShowStateRef.current && dealPageScrollInfo(latestRes)
            Taro.eventCenter.on(TaroEventType.PAGE_SCROLL, (res) => {
                !componentShowStateRef.current && dealPageScrollInfo(res)
            })
        }, [])
        useEffect(() => {
            if (componentShowState) {
                typeof inViewCallback === 'function' && inViewCallback()
                console.log('InViewRender -- 店铺H5 展示啦!')
            }
        }, [componentShowState])
        
        const dealPageScrollInfo = (res) => {
            if (componentLazyRef.current) {
                const eleClientRect =
                    componentLazyRef.current.getBoundingClientRect()
                const getContainerHeightOffSetY = res.displayHeight + res.offSetY
                const eleOffsetTop = Math.ceil(eleClientRect.top)
                if (!componentShowStateRef.current) {
                    if (getContainerHeightOffSetY > eleOffsetTop) {
                        componentShowStateRef.current = true
                        setComponentShowState(true)
                        Taro.nextTick(() => {
                            setComponentRenderShowState(true)
                        })
                    }
                }
            }
        }
        return (
            <View
                ref={componentLazyRef}
                className={classNames(
                    lazyLayoutLoadStyle['d-app-floor-lazy-layout-load'],
                    'd-app-floor-lazy-load',
                )}
                style={{
                    minHeight: `${componentRenderShowState ? 'auto' : height + (typeof height === 'number' ? 'px' : '')
                        }`,
                    backgroundColor: componentRenderShowState
                        ? 'transparent'
                        : '#ffffff',
                }}
            >
                {componentShowState ? children : placeholder}
            </View>
        )
    } else {
        const rootDom = document.querySelector('#J_shopHomeRoot')
        const { ref, inView } = useInView({
            threshold: 0,
            triggerOnce: true,
            root: rootDom || null,    
            rootMargin: `0px 0px 0px 0px`,  
        })
        useEffect(() => {
            if (inView) {
                typeof inViewCallback === 'function' && inViewCallback()
                console.log('InViewRender -- 其它H5 展示啦!')
            }
        }, [inView])
        return (
            <View
                ref={ref}
                style={{
                    minHeight: `${inView ? 'auto' : height + 'px'}`,
                    backgroundColor: 'transparent',
                }}
            >
                {inView ? children : placeholder}
            </View>
        )
    }
    children: null, 
    placeholder: null, 
    height: 1, 
    className: '',
    lazyNodeClassName: '',
    inViewCallback: null,

package/dist/components/decorate/EmptyFloorModule/index.tsx

@@ -1 +1 @@
-import { View, Text } from '@tarojs/components'
+import { View, Text } from '@tarojs/components'

package/dist/components/decorate/PlaceHolder/index.tsx

@@ -1 +1 @@
-import { View, Text } from '@tarojs/components'
+import { View, Text } from '@tarojs/components'

package/dist/interface/component.ts

@@ -1 +1 @@
-import React from 'react'
    containerIndex?: number
    containerData?: any
    shopTotalInfo?: any
    selectContainerFn?: Function
    selectContainerId?: string
    placeHolderPreContainerId?: string
    children?: any
    style?: {
      [key: string]: any
    };
    layoutLeftRightMargin?: number
  }
+import React from 'react'
    containerIndex?: number
    containerData?: any
    shopTotalInfo?: any
    selectContainerFn?: Function
    selectContainerId?: string
    placeHolderPreContainerId?: string
    children?: any
    style?: {
      [key: string]: any
    };
    layoutLeftRightMargin?: number
  }

package/dist/interface/jumpEventReport.ts

@@ -1 +1 @@
-export declare namespace JumpEventReportInterFace {
+export declare namespace JumpEventReportInterFace {
  export interface ShopIdsInfo {
    shopId?: number | string
    venderId?: number | string
    logEventInfo?: object
    type?: string
  }
  export interface RouterInfo {
    params: any
    pageParamStr?: string
    [key: string]: any
  }
  export interface JumpMiniPath {
    shop: string
    shopx: string
    detail: string
    searchCoupon: string
    h5: string
    jingGouHome: string
    shopFans: string 
    shopLight: string 
    couponSearch: string
  }
  export interface jumpWebUrl {
    mshop: string
    pages: string
    couponSearch: string
    shopSecondActivity: string
    shopLight: string
    detail: string
    mobileHome: string
    rank: string
    wqShopMember: string
    wqShopDetail: string
    wqShopSearch: string
    shopMember: string
    shopMemberPointDetail: string
    shopMemberBenefit: string
    shopMemberRule: string
    shopMemberCloseAccount: string
    shopMemberPointExchange: string
    shopMemberBonusPurchase: string
    shopMemberGood: string
    beanDetail: string
    totalPromotion: string
    mLive: string 
    shopHome: string 
    shopIntroduce: string 
    shopSearch: string 
    shopLottery: string 
    shopCoupon: string
    shopWares: string 
    shopFastShopping: string 
    shopSpeciSeckill: string
    shopVideos: string 
    shopUseShareOrderUgcContent: string 
    dongDongChat: string 
    samCenter: string 
    samCard: string 
  }
  export interface EventReportConfig {
    routerInfo: RouterInfo
    nativeEvent: any
  }
  export interface OptEventLogParams {
    eventId?: string
    eventParam?: string | object
    pTag?: string 
    jsonParam?: {
      [key: string]: any
    }
    skuId?: string | number
    eventLevel?: string
    exposureState?: boolean
    otherParams?: object
  }
  
  export interface JumpH5ReportConfig {
    shopId?: number | string
    venderId?: number | string
    sourceValue?: string
    sourceType?: string
  }
  export interface JumpEventReportInit extends EventReportConfig {
    getConfig(opt): EventReportConfig
    updateInfo(routerInfo, logPname): void
  }
  export interface CouponUrlParams {
    batchId: number
    bindType: number
    startTime?: number
    endTime?: number
    quangoufrom?: number
    sceneId?: number
  }
  export interface JdMiniJumpParams {
    param: string | object
    sourceValue: string
    sourceType: string
    des?: any
    logEventInfo?: object
  }
  export interface LinkMiniParams {
    param?: {
      pageType?: string
    }
    appId?: string | number
    path?: string
  }
  export interface JdJumpWxappReportConfig {
    wxApiVersion: string
    wxApiUrl: string
    wqReportUrl: string
  }

package/dist/interface/service.ts

@@ -1 +1 @@
-import { ComponentInterFace } from './component'
        mobileLogin: string
+import { ComponentInterFace } from './component'
        mobileLogin: string