@conecli/cone-render 0.8.15-beta.8 → 0.8.15-headerChange.0

package/dist/api/index.ts

@@ -1 +1 @@
-import { protocol, isBetaServer, isH5 } from '../config/env'
+import { protocol, isBetaServer, isH5 } from '../config/env'
    mobileLogin: `${protocol}//conecli.com`, 

package/dist/common/const.ts

@@ -1 +1 @@
-import { isPublishToWxapp } from '../config/env'
+import { isPublishToWxapp } from '../config/env'
    ONLINE: 'online',
    PREVIEW: 'preview',
    RENDER: 'render',
    DECORATE: 'decorate', 
    MARKETING: 'marketing', 
    'https://img30.360buyimg.com/cms/jfs/t18595/220/1675716535/1334/7ab25346/5ad3fffaN4384dc33.png'
    'https://img13.360buyimg.com/imagetools/jfs/t1/151010/32/14284/30214/5ff66791Ea1bc6cc6/698c0772b377aef5.png'
    'https://img30.360buyimg.com/pop/jfs/t1/99583/39/8509/10091/5e058421E929cf51a/79f49f8c0778f83f.png!q50.jpg'
    'https://img10.360buyimg.com/imagetools/jfs/t1/117628/20/21162/29396/6226cdfcE33b32c6f/0980e81e03c7348d.png'
    'https://m.360buyimg.com/cc/jfs/t1/182614/22/26670/9779/62e7b1e4Ef6a845b5/ca9abec2bc887473.png'
    'https://m.360buyimg.com/cc/jfs/t5827/105/952226698/11515/8a9cea51/5922c3bdN099c989f.png'
    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAeCAMAAABT0xOcAAAAe1BMVEUAAADx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fELy0NOAAAAKHRSTlMApwmfFtYm9rWveHDm70yJHYJaD2k8IeIr6pY2X0HHfsGRZDHdu1XNmO+CqgAAAu9JREFUSMfNlNmymzAQRAchkCUhdrMZbLze/v8vjIRMKN8kRR7ykFNeVIPV9Ewj039P1TR8+eILjL7RdLFFJUO8QMS7ZmyDJvZ0nDYGY+aKKDSJpY3OwWX6uFUEY/peCNEbY4Rp6AABixFYkLQRAK3VOmAjUrawMt1GrfWtXD7rlFF3uiA6HV/p0TF1tBECEVskYe+7qqW08mqT1jruneu21/72JfHoSZ7faj2bJu6mOlgEa3qjEXKeL/ACV1s5YSbqYP6stXUeX2FZnV3wuBSZqnVWqDNCIvaFRzZIiGAIw+CS/1brQCslgOQdUBoW10C2EFJei7AkygOlAnmGeMprJq/NjhZpAIrepOpOte2Oq9EXjupIMVoiXduQ9rTo7KsODhxJYaAGuJPjgRvdkRD1KP9CawRwettyF5SbVLZ49ZbuMJxGW93XisXPKA/oXNMDEReJT6N0OfZ2V4RqX4tFQPbOQbntwrl8oXCOQmu2hVosSr6j5QcW+uvukZJP37CWzL7tQs2lH8B53Nd6eq192N/72mdfa52XhdXPx6zcXKYgikLXbaNP66M27edoAO2X+RkQ9tVRhoWC6IZkCZAbHHa1SgDHNdHDsbrLr0ojKTkfDWp6+WPh1APakMAXbVrb6B/Mn+311zlETJZOCJYChttWxedUIyvyi9bLt+J4IPcLvVYypBNaDG5TguCzmct3rUkAPSdHJRLyDEjXQ6Un3GZQBamxaU09gJg+/r+4gqV0uzixXjBfLnDzixrjhDJGNoDXXqvK76OEJaO3L1bx/FQOCSxqcfJVUWiXCydEPowHeIqaZnf3wmvNRsBiC28ttEnS+1oy+lNtOMVAzayZCwsQ5ESNREgvKKuNjjI/ewNHr9Y4N5Is98llx2U8iOQXcKczhDwAM6ObayaanfWDDwhJcMvpU8ucr6+cPji5a8+UEVMCMNo97tLm0MU2uoMmi850yrc8s8Khyzuj7+Q6U7GPMCt8mOtGljP6l/wAUcBZ6lceL/8AAAAASUVORK5CYII='
    INIT = 'init', 
    NORMAL = 'normal',
    NO_NET_WORK = 'no-network',
    DATA_ERROR = 'data-error',
    NO_DATA = 'no-data',
    SHOP_HEADER = 'shopHeader', 
    PICTURE_HOST_SPOT = 'mPictureHotspot', 
    ICOMMONGOOD = 'mICommonGood', 
    TOPRANK = 'shopRankList', 
    SECKILLSKU = 'mPromotion', 
    PRESELLSKU = 'mPreSell', 
    VIDEO = 'mVideo', 
    COUPON = 'mCoupon', 
    PROMOTIONGOODSBYACTIVE = 'promotionGoodsByActive', 
    FLASHSALESKU = 'mHomeFlashBuyModule', 
    BANNER = 'mBanner', 
    JINGCOUPON = 'jingCoupon', 
    RECOMMENDGOODS = 'mGoodsFeeds', 
    RETURNTOMAINBYACTIVE = 'returnToMainByActive', 
    MAIN_PUSH_NEW_PRODUCTS = 'mMainPushNewProducts',
    SGCOUPON = 'SgCoupon', 
    TOTAL_PRICE_PROMOTION = 'mTotalPricePromotion',
    GROUP_BUY = 'mPingou', 
    SMART_POSTER = 'mSmartPoster', 
    SMART_CHOOSE_GOODS = 'mWisdomSku', 
    SMARTCARD = 'smartCardFlag', 
    IFrame = 'customize', 
    SHOPMEMBERS = 'mShopMembers', 
    MEMBER_SPRINT = 'mMemberSprint', 
    IMGCOUNTDOWN = 'mCountdown', 
    NEWANDOLD = 'newAndOld', 
    ML_PICTURE_HOST_SPOT = 'mLPictureHotspot', 
    NEW_PRODUCT_HOME = 'featureNewProductHome', 
    SERIA_NEW_WARE = 'serialNewWareFlag', 
    FREE_LAYOUT = 'freeLayout', 
    ACTIVE_TEXT = 'activeText', 
    SUPER_GOODS = 'superGoods', 
    DYNAMIC_IMAGE = 'mDynamicImage', 
    TABSERIOUSNEW = 'mTabSeriousNew', 
    ISVDESIGNERH5MODULE = 'designerModular', 
    NAV_CATEGRAY = 'navCategory', 
    FloorModuleType.PICTURE_HOST_SPOT,
    FloorModuleType.ICOMMONGOOD,
    FloorModuleType.TOPRANK,
    FloorModuleType.SECKILLSKU,
    FloorModuleType.PRESELLSKU,
    FloorModuleType.VIDEO,
    FloorModuleType.COUPON,
    FloorModuleType.PROMOTIONGOODSBYACTIVE,
    FloorModuleType.FLASHSALESKU,
    FloorModuleType.BANNER,
    FloorModuleType.JINGCOUPON,
    FloorModuleType.RECOMMENDGOODS,
    FloorModuleType.RETURNTOMAINBYACTIVE,
    FloorModuleType.MAIN_PUSH_NEW_PRODUCTS,
    FloorModuleType.SGCOUPON,
    FloorModuleType.TOTAL_PRICE_PROMOTION,
    FloorModuleType.IFrame,
    FloorModuleType.SMARTCARD,
    FloorModuleType.GROUP_BUY,
    FloorModuleType.SMART_POSTER,
    FloorModuleType.SMART_CHOOSE_GOODS,
    FloorModuleType.IMGCOUNTDOWN,
    FloorModuleType.NEWANDOLD,
    FloorModuleType.ML_PICTURE_HOST_SPOT,
    FloorModuleType.SHOPMEMBERS,
    FloorModuleType.MEMBER_SPRINT,
    FloorModuleType.NEW_PRODUCT_HOME,
    FloorModuleType.SERIA_NEW_WARE,
    FloorModuleType.FREE_LAYOUT,
    FloorModuleType.ACTIVE_TEXT,
    FloorModuleType.SUPER_GOODS,
    FloorModuleType.DYNAMIC_IMAGE,
    FloorModuleType.TABSERIOUSNEW,
    FloorModuleType.ISVDESIGNERH5MODULE,
    FloorModuleType.JOINT_MODULE,
    M_DOWNLOAD_APP_HEIGHT + SHOP_HEADER_HEIGHT + SHOP_NAV_BAR_HEIGHT
    M_DOWNLOAD_APP_HEIGHT +
    SHOP_HEADER_HEIGHT +
    SHOP_NAV_BAR_HEIGHT +
    SHOP_BOTTOM_MENU_HEIGHT
    SHOP_HEADER_HEIGHT +
    SHOP_NAV_BAR_HEIGHT +
    SHOP_TAB_CONTENT_BOTTOM +
    SHOP_BOTTOM_MENU_HEIGHT
    SHOP_MINI_HEADER_HEIGHT + SHOP_NAV_BAR_HEIGHT + SHOP_BOTTOM_MENU_HEIGHT
    PAGE_SCROLL: 'pageScroll', 
    PAGE_SCROLL_END: 'pageScrollEnd', 
    PAGE_STICKY_AND_TO_TOP_CHANGE: 'pageStickyAndToTopChange', 
    PAGE_ROOT_ELE_CLASS_CHANGE: 'pageRootEleClassChange', 
    PAGE_INIT_EXPOSURE: 'pageInitExposure', 
    PAGE_DOCUMENT_VISIBILITY_CHANGE: 'documentVisibilityChange', 
    PAGE_SCROLL_TO_BOTTOM: 'pageScrollToBottom', 
    DIALOG: 'dialog', 
    HOME_SCROLL_TOP: 'homeScrollTop', 
    HOME_GIFTS_SHOW: 'shopGiftsShow', 
    USER_AREA_UPDATE: 'userAreaUpdate', 
    DOWN_LOAD_APP_CLOSE_CHANGE: 'downloadAppCloseChange', 
    HOME: 1, 
    PRODUCT: 2, 
    CLASSIFY: 3, 
    MEMBER: 6, 
    DONGDONG: 5, 
    PHONE_SERVICE: 51, 
    ONLINE_SERVICE: 52, 
    [SHOP_MENU_ID_TYPE.HOME]: 'home',
    [SHOP_MENU_ID_TYPE.PRODUCT]: 'product',
    [SHOP_MENU_ID_TYPE.CLASSIFY]: 'classify',
    [SHOP_MENU_ID_TYPE.MEMBER]: 'member',
    [SHOP_MENU_ID_TYPE.DONGDONG]: 'dongdong',
    [SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.HOME]]: SHOP_MENU_ID_TYPE.HOME,
    [SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.PRODUCT]]: SHOP_MENU_ID_TYPE.PRODUCT,
    [SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.CLASSIFY]]: SHOP_MENU_ID_TYPE.CLASSIFY,
    HOME_NONE: 0, 
    HOME_WELL_CHOSEN: 1, 
    HOME_PRODUCT: 2, 
    HOME_ACTIVITY: 3, 
    HOME_NEW_PRODUCT: 4, 
    HOME_DYNAMIC: 5, 
    HOME_PROMOTION: 6, 
    HOME_MEMBER: 7, 
    HOME_BUYER_SHOW: 8, 
    HOME_SECKILL: 9, 
    HOME_SERVICE: 10, 
    INTRODUCE: 100, 
    COUPON: 101, 
    PROMOTION_WARES: 102, 
    WXAPP_MINI_PROMOTION: 103, 
    FAST_SHOPPING: 104, 
    SPECI_SECKILL: 105, 
    [SECTION_CUSTOMIZE_TYPE.WXAPP_MINI_PROMOTION]: 'wxapp-mini-promotion', 
    [SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]: '精选', 
    [SECTION_HOME_TAB_TYPE.HOME_PRODUCT]: '商品', 
    [SECTION_HOME_TAB_TYPE.HOME_ACTIVITY]: '活动', 
    [SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT]: '上新', 
    [SECTION_HOME_TAB_TYPE.HOME_DYNAMIC]: '动态', 
    [SECTION_HOME_TAB_TYPE.HOME_PROMOTION]: '大促', 
    [SECTION_HOME_TAB_TYPE.HOME_MEMBER]: '会员', 
    [SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW]: '买家秀', 
    [SECTION_HOME_TAB_TYPE.HOME_SECKILL]: '秒杀', 
    [SECTION_HOME_TAB_TYPE.HOME_SERVICE]: '服务', 
    [SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]: 'home-well-chosen', 
    [SECTION_HOME_TAB_TYPE.HOME_PRODUCT]: 'home-product', 
    [SECTION_HOME_TAB_TYPE.HOME_ACTIVITY]: 'home-activity', 
    [SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT]: 'home-new-product', 
    [SECTION_HOME_TAB_TYPE.HOME_DYNAMIC]: 'home-dynamic', 
    [SECTION_HOME_TAB_TYPE.HOME_PROMOTION]: 'home-promotion', 
    [SECTION_HOME_TAB_TYPE.HOME_MEMBER]: 'home-member', 
    [SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW]: 'home-buyer-show', 
    [SECTION_HOME_TAB_TYPE.HOME_SECKILL]: 'home-seckill', 
    [SECTION_HOME_TAB_TYPE.HOME_SERVICE]: 'home-service', 
    [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]]:
        SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN, 
    [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_PRODUCT]]:
        SECTION_HOME_TAB_TYPE.HOME_PRODUCT, 
    [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_ACTIVITY]]:
        SECTION_HOME_TAB_TYPE.HOME_ACTIVITY, 
    [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT]]:
        SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT, 
    [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_DYNAMIC]]:
        SECTION_HOME_TAB_TYPE.HOME_DYNAMIC, 
    [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_PROMOTION]]:
        SECTION_HOME_TAB_TYPE.HOME_PROMOTION, 
    [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_MEMBER]]:
        SECTION_HOME_TAB_TYPE.HOME_MEMBER, 
    [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW]]:
        SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW, 
    [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_SECKILL]]:
        SECTION_HOME_TAB_TYPE.HOME_SECKILL, 
    [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_SERVICE]]:
        SECTION_HOME_TAB_TYPE.HOME_SERVICE, 
    ...SECTION_HOME_TAB_NAME_TYPE,
    HOME: SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN],
    PROMOTION: SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_PROMOTION],
    MEMBER: SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_MEMBER],
    JDShopViewBusinessPathType.HOME,
    JDShopViewBusinessPathType.PROMOTION,
    JDShopViewBusinessPathType.MEMBER,
    [JDShopViewBusinessPathType.HOME]: 'homePage',
    [JDShopViewBusinessPathType.PROMOTION]: 'bigPromo',
    NO: 'no', 
    SHOP: 'shop', 
    PROMOTION: 'promotion', 
    [WX_BUSINESS_TYPE.SHOP]: 'JA2019_5112348', 
    [WX_BUSINESS_TYPE.PROMOTION]: 'JA2021_5123692',
    'memberCardFlag',
    'memberWelfareDayFlag',
    'memberRegisterGiftFlag',
    'memberCouponFlag',
    'memberGoodsFlag',
    'memberPointExchangeFlag',

package/dist/common/index.h5.ts

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
+import Taro from '@tarojs/taro'
    urlCookie
    public config: object | null 
        this.config = {}

package/dist/common/index.jd.ts

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
+import Taro from '@tarojs/taro'

package/dist/common/index.ts

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
+import Taro from '@tarojs/taro'
    public config: object | null 
        this.config = {}

package/dist/common/index.weapp.ts

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
+import Taro from '@tarojs/taro'
    public config: object | null 
        this.config = {}
        console.log('=================>', 'updateBusinessDomainAndApi')

package/dist/common/wxappApi.ts

@@ -1 +1 @@
-import * as WXAPP_LOGIN from '../wxapp/common/login/login.js'
+import * as WXAPP_LOGIN from '../wxapp/common/login/login.js'

package/dist/components/ErrorBoundary.tsx

@@ -1 +1 @@
-import React from 'react'
+import React from 'react'

package/dist/components/base/CustomScrollView/index.weapp.tsx

@@ -0,0 +1 @@
+import React from 'react'
    return (
        <ScrollView
            scrollX
            enhanced
            showScrollbar={false}
            {...otherProps}
            className={classNames(
                className,
                {
                    [customScrollViewStyle[
                        'd-custom-ios-mini-extend-border-radius'
                    ]]:
                        isIosDevice &&
                        isWxMin &&
                        scrollX &&
                        style['borderRadius'],
                },
                {
                    [customScrollViewStyle[
                        'd-custom-ios-h5-extend-border-radius'
                    ]]: isIosDevice,
                },
                {
                    [customScrollViewStyle['d-custom-mini-hide-scroll']]:
                        isWxMin,
                },
            )}
            style={style}
        >
            {children}
        </ScrollView>
    )

package/dist/components/base/Exposure/index.h5.module.scss

@@ -1,7 +1,8 @@
 
 .d-floor-exposure {
+    position: absolute;
+    width: 1PX;
 	height: 0;
-	width: 100%;
 	opacity: 0;
 	pointer-events: none;
 }

package/dist/components/base/Exposure/index.h5.tsx

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
+import Taro from '@tarojs/taro'
        (
            <View
                className={classNames(
                    exposureStyle['d-floor-exposure'],
                    className,
                    floorName,
                )}
                id={`J_floor_${floorName}`}
            />
        )

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

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
+import Taro from '@tarojs/taro'
            <View
                className={classNames(
                    exposureStyle['d-floor-exposure'],
                    className,
                    floorName,
                )}
                id={floorName}
            />
        ): null

package/dist/components/base/ExposureSmart/index.h5.module.scss

@@ -0,0 +1,8 @@
+
+.root {
+    position: absolute;
+    width: 1PX;
+	height: 0;
+	opacity: 0;
+	pointer-events: none;
+}

package/dist/components/base/ExposureSmart/index.h5.tsx

@@ -0,0 +1 @@
+import Taro from '@tarojs/taro'
    const inViewCallback = () => {
        console.log('埋点收到进入可视区域的回到啦！', reportData)
        addReportData(reportData)
    }
            exposureStyle.root,
            className,
        )} height={'100%'} inViewCallback={inViewCallback}></InViewRender>

package/dist/components/base/ExposureSmart/index.module.scss

@@ -0,0 +1,11 @@
+
+.d-floor-exposure {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	height: 1px;
+	width: 100%;
+	opacity: 0;
+	pointer-events: none;
+}

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

@@ -0,0 +1 @@
+import Taro from '@tarojs/taro'

package/dist/components/base/ExposureSmart/reporter.tsx

@@ -0,0 +1 @@
+import track from '../../../open/api/track'
    const {arr : arrTask, startWaitTime} = floorTask
    const isTimeout = startWaitTime != 0 && (Date.now() - startWaitTime >= 1000)    
    const isOverMax = arrTask.length >= 10  
    const hasData = arrTask.length > 0
    if(hasData && (isTimeout || isOverMax)){
        const reduceData = connactData(arrTask)
        track.reportExposureEventLog(reduceData)
        floorTask.arr = []
        floorTask.startWaitTime = 0
        clearTimeout(floorTask.timer)
    }
    const initData = JSON.parse(JSON.stringify(arr[0]))
    initData.jsonParam.logBaseInfo = []
    initData.jsonParam.etModelInfo.lstms = []
    return arr.reduce((acc, cur) => {
        cur.jsonParam.etModelInfo.lstms[0].la_p = cur.jsonParam.logBaseInfo.mInfo.pos
        acc.jsonParam.logBaseInfo.push(cur.jsonParam.logBaseInfo)
        acc.jsonParam.etModelInfo.lstms.push(cur.jsonParam.etModelInfo.lstms)
        return acc
    }, initData)
    if(!Array.isArray(data)){
        console.log('坑位曝光埋点原始数据参类型错误，期望是数组，实际是：', data)
        return 
    }
    const [floorData, mInfo, etModelInfo] = data
    if(floorData && mInfo && etModelInfo){
        const reportJson = track.getIsvExposureInfo(floorData, mInfo, etModelInfo)
        const { floorIdx } = floorData
        if(!task[floorIdx]){
            task[floorIdx] = {
                arr: [],
                startWaitTime: 0,
                timer : 0
            }
        }
        const floorTask = task[floorIdx]
        if(floorTask.arr.length === 0){
            floorTask.startWaitTime = Date.now()
        }
        if(reportJson){
            floorTask.arr.push(reportJson)
            clearTimeout(floorTask.timer)
            floorTask.timer = setTimeout(() => {
                check(floorTask)
            }, 1000)
            check(floorTask)
        }
    }else{
        console.log('坑位曝光埋点原始数据参数缺失，期望是[floorData, mInfo, etModelInfo]，实际是：', data)
    }

package/dist/components/base/InViewRender/const.ts

@@ -0,0 +1 @@
+export const LazyType = {

package/dist/components/base/InViewRender/index.module.scss

@@ -0,0 +1,17 @@
+
+
+.d-mobile-floor-lazy-layout-load,
+.d-app-floor-lazy-layout-load {
+	position: relative;
+	background: #fff
+		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAeCAMAAABT0xOcAAAAe1BMVEUAAADx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fELy0NOAAAAKHRSTlMApwmfFtYm9rWveHDm70yJHYJaD2k8IeIr6pY2X0HHfsGRZDHdu1XNmO+CqgAAAu9JREFUSMfNlNmymzAQRAchkCUhdrMZbLze/v8vjIRMKN8kRR7ykFNeVIPV9Ewj039P1TR8+eILjL7RdLFFJUO8QMS7ZmyDJvZ0nDYGY+aKKDSJpY3OwWX6uFUEY/peCNEbY4Rp6AABixFYkLQRAK3VOmAjUrawMt1GrfWtXD7rlFF3uiA6HV/p0TF1tBECEVskYe+7qqW08mqT1jruneu21/72JfHoSZ7faj2bJu6mOlgEa3qjEXKeL/ACV1s5YSbqYP6stXUeX2FZnV3wuBSZqnVWqDNCIvaFRzZIiGAIw+CS/1brQCslgOQdUBoW10C2EFJei7AkygOlAnmGeMprJq/NjhZpAIrepOpOte2Oq9EXjupIMVoiXduQ9rTo7KsODhxJYaAGuJPjgRvdkRD1KP9CawRwettyF5SbVLZ49ZbuMJxGW93XisXPKA/oXNMDEReJT6N0OfZ2V4RqX4tFQPbOQbntwrl8oXCOQmu2hVosSr6j5QcW+uvukZJP37CWzL7tQs2lH8B53Nd6eq192N/72mdfa52XhdXPx6zcXKYgikLXbaNP66M27edoAO2X+RkQ9tVRhoWC6IZkCZAbHHa1SgDHNdHDsbrLr0ojKTkfDWp6+WPh1APakMAXbVrb6B/Mn+311zlETJZOCJYChttWxedUIyvyi9bLt+J4IPcLvVYypBNaDG5TguCzmct3rUkAPSdHJRLyDEjXQ6Un3GZQBamxaU09gJg+/r+4gqV0uzixXjBfLnDzixrjhDJGNoDXXqvK76OEJaO3L1bx/FQOCSxqcfJVUWiXCydEPowHeIqaZnf3wmvNRsBiC28ttEnS+1oy+lNtOMVAzayZCwsQ5ESNREgvKKuNjjI/ewNHr9Y4N5Is98llx2U8iOQXcKczhDwAM6ObayaanfWDDwhJcMvpU8ucr6+cPji5a8+UEVMCMNo97tLm0MU2uoMmi850yrc8s8Khyzuj7+Q6U7GPMCt8mOtGljP6l/wAUcBZ6lceL/8AAAAASUVORK5CYII=')
+		center center no-repeat;
+}
+
+.d-mobile-prestrain-component {
+	position: absolute;
+	//top: -50vh;
+	top: -35vh;
+	width: 100%;
+	height: 0;
+}

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

@@ -0,0 +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,

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

@@ -0,0 +1 @@
+import Taro from '@tarojs/taro'

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

@@ -1 +1 @@
-import Taro, { useRouter } from '@tarojs/taro'
+import Taro, { useRouter } from '@tarojs/taro'
        floorData = {},
    const rootDom = document.querySelector('#J_shopHomeRoot')
        root: rootDom,    
        rootMargin: `0px 0px ${window.innerHeight}px 0px`,  
            const latestRes = latestFromNativeMsgStorage[TaroEventType.PAGE_SCROLL] || {}
            !componentShowStateRef.current && dealPageScrollInfo(latestRes)
    useEffect(() => {
        if(componentShowState === true){
            console.log('>>>>>>>>>>>>>>>>>>> 楼层【id=' + containerId + '】已经渲染！')
            const modularPackResult = floorData?.floorExtInfo?.modularPackResult
                nativePageRegisterMessage(
                    Message_Type.NATIVE_INJECT_JS_FILE,
                    {
                        data: {
                            "bundleUrl": [bundleUrl]
                        },
                    },
                )
            }
        }
    }, [componentShowState])
            ref={ref}

package/dist/components/base/LazyLayoutLoad/index.weapp.tsx

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
+import Taro from '@tarojs/taro'

package/dist/components/base/LazyLoadImage/index.h5.tsx

@@ -1 +1 @@
-import React, {useCallback, useState} from 'react'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
    const [componentShowState, setComponentShowState] = useState(false)
    const componentLazyRef = useRef<HTMLElement | null>(null)
    const componentShowStateRef = useRef(false)
    useEffect(() => {
        const latestRes = latestFromNativeMsgStorage[TaroEventType.PAGE_SCROLL] || {}
        !componentShowStateRef.current && dealPageScrollInfo(latestRes)
        Taro.eventCenter.on(TaroEventType.PAGE_SCROLL, (res) => {
            !componentShowStateRef.current && dealPageScrollInfo(res)
        })
    
        
            <View
                ref={componentLazyRef}
                className={classNames(
                    imageStyle['d-app-lazy-image'],
                    {
                        [imageStyle['d-lazy-sku-image']]: isSkuImage,
                    },
                    {
                        [imageStyle['d-hide-image-error']]: imageErrState,
                    },
                    {
                        [imageStyle['d-load-completed']]: loadSuccess,
                    },
                    {
                        'd-imag-rendering-crisp-edges':
                            !taroJdBaseInfo.info.pageInfo.isVipShop &&
                            imagRenderingSet,
                    },
                    'J_html5ImageBg',
                    className,
                )}
                style={{
                    ...style,
                    ...changeStyleIncludeWidthAndHeightAndBgColor(),
            >
                {(componentShowState || lazyLoad === false) && <img
                    src={getQualityImage(
                        imgSrc,
                        taroJdBaseInfo.info.pageInfo.isVipShop
                            ? NetWorkTypeQuality['perfect']
                            : NetWorkTypeQuality[getNetWorkType],
                    )}
                    onLoad={imageLoad.bind(this, imgSrc)}
                    onError={imageError}
                />}
            </View>
        ) : (
            <Image
                style={{
                    ...style,
                    ...changeStyleIncludeWidthAndHeightAndBgColor(),
                }}
                className={classNames(
                    imageStyle['d-lazy-image'],
                    {
                        [imageStyle['d-lazy-sku-image']]: isSkuImage,
                    },
                    {
                        [imageStyle['d-hide-image-error']]: imageErrState,
                    },
                    {
                        [imageStyle['d-load-completed']]: loadSuccess,
                    },
                    {
                        'd-imag-rendering-crisp-edges': imagRenderingSet,
                    },
                    className,
                )}
                src={getQualityImage(
                    imgSrc,
                    NetWorkTypeQuality[getNetWorkType],
                )}
                lazyLoad={lazyLoad}
                onError={imageError}
                onLoad={imageLoad.bind(this, imgSrc)}
                {...otherOption}
            />
        )

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

@@ -1 +1 @@
-import ContentLoader from 'react-content-loader'
+import React from 'react'
    <View className={blockStyle['skeleton-header']}>
        <Image
          className={blockStyle['skeleton-header-img']}
          src={ShopHeaderSvgUrl}
          mode='widthFix'
        />
    </View>
    <View className={blockStyle['skeleton-new-product']}>
        <ContentLoader viewBox='0 0 375 280' {...props}>
            <rect x='10' y='38' rx='5' ry='5' width='355' height='55' />
            <rect x='12' y='112' rx='3' ry='3' width='111' height='95' />
            <rect x='12' y='11' rx='3' ry='3' width='100' height='10' />
            <rect x='254' y='112' rx='3' ry='3' width='111' height='95' />
            <rect x='14' y='218' rx='0' ry='0' width='111' height='27' />
            <rect x='261' y='217' rx='0' ry='0' width='111' height='27' />
            <rect x='134' y='112' rx='3' ry='3' width='111' height='95' />
            <rect x='133' y='218' rx='0' ry='0' width='111' height='27' />
            <rect x='20' y='255' rx='0' ry='0' width='100' height='9' />
            <rect x='140' y='255' rx='0' ry='0' width='100' height='9' />
            <rect x='263' y='255' rx='0' ry='0' width='100' height='9' />
        </ContentLoader>
    </View>