@conecli/cone-render 0.8.15-beta.4 → 0.8.15-beta.41

package/README.md

@@ -1,3 +1 @@
 cone-render
-
-11

package/dist/common/const.ts

@@ -1 +1 @@
-import { isPublishToWxapp } from '../config/env'
+import { isPublishToWxapp } from '../config/env'

package/dist/components/ErrorBoundary.tsx

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

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
                console.log('>>>>>>>>>>>>>>>>>>> 向IOS原生发送通知请求ISV模块依赖JS文件：', bundleUrl)
                nativePageRegisterMessage(
                    Message_Type.NATIVE_INJECT_JS_FILE,
                    {
                        data: {
                            "bundleUrl": [bundleUrl]
                        },
                    },
                )
            }
        }
    }, [componentShowState])
            ref={ref}

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 && <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/floorItem.tsx

@@ -1 +1 @@
-import React, { Suspense, lazy } from 'react'
+import React, { Suspense, lazy } from 'react'

package/dist/jumpEventReport/index.h5.ts

@@ -1 +1 @@
-import { isApp, getUrlQuery } from '../utils/jm-common'
+import { isApp, getUrlQuery } from '../utils/jm-common'

package/dist/modules/ContainerFloorList/index.h5.tsx

@@ -1 +1 @@
-import React from 'react'
+import React from 'react'
                                                    floorData={floorItem}

package/dist/modules/DecorateContainerFloorList/index.module.scss

@@ -12,14 +12,15 @@
 	}
 	.taro_router,
 	.taro_page {
-		height: auto!important;
-		max-height: inherit!important;
-		overflow: auto!important;
+		height: auto !important;
+		max-height: inherit !important;
+		overflow: auto !important;
 	}
 	
 	.taro_router {
 		min-height: 800PX;
-		padding-bottom: 50PX;
+		// TODO: 这里的全局样式，用于本地开发工具装修端。但经打包后会影响浏览端样式，使得多出一段间距。暂时屏蔽处理
+		// padding-bottom: 50PX;
 		.taro_page {
 			position: static!important;
 		}

package/dist/open/index.ts

@@ -1 +1 @@
-import taroJdBaseInfo from '../common'
+import taroJdBaseInfo from '../common'
    const result = document.domain.match(/jd\.\w+$/)    
    if(result){
        document.domain = result[0]
    }

package/dist/utils/connectNativeJsBridge.ts

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
+import Taro from '@tarojs/taro'
    latestFromNativeMsgStorage[TaroEventType.PAGE_SCROLL] = {
        displayHeight: 1920,
        offSetY: 0
    }
    console.log('>>>>>>>>>>>>>>>>>>> render taroEventSendPageScrollInfo origin time:', Date.now(), 'res:', options)
    if(options){
        latestFromNativeMsgStorage[TaroEventType.PAGE_SCROLL] = options
    }

package/dist/utils/index.h5.ts

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
                                    <span class="d-shop-loading-icon"></span>
                                    <p class="d-shop-text">${text}</p>
                                  </div>`
+import Taro from '@tarojs/taro'
                                    <span class="d-shop-loading-icon"></span>
                                    <p class="d-shop-text">${text}</p>
                                  </div>`

package/dist/utils/jm-js-agent.js

@@ -0,0 +1 @@
+(function webpackUniversalModuleDefinition(root, factory) {

package/dist/utils/utils.ts

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

package/package.json

@@ -1,16 +1,15 @@
 {
 	"name": "@conecli/cone-render",
-	"version": "0.8.15-beta.4",
+	"version": "0.8.15-beta.41",
 	"private": false,
-	"main": "dist/open/index.ts",
 	"files": [
 		"dist/"
 	],
 	"exports": {
-		".": "./dist/open/index.ts",
 		"./api": "./dist/open/api/index.ts",
 		"./components": "./dist/open/components/index.ts",
-		"./modules": "./dist/open/modules/index.ts"
+		"./modules": "./dist/open/modules/index.ts",
+		"./_utils/": "./dist/utils/"
 	},
 	"description": "cone-render",
 	"templateInfo": {
@@ -68,8 +67,8 @@
 		"react": "^18.2.0",
 		"react-content-loader": "^6.2.0",
 		"react-dom": "^18.2.0",
-		"react-refresh": "^0.14.0",
-		"react-intersection-observer": "^9.1.0"
+		"react-intersection-observer": "^9.1.0",
+		"react-refresh": "^0.14.0"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.8.0",

package/dist/components/ErrorBoundary.jsx

@@ -1,43 +0,0 @@
-/*
- * @Author: lichang68
- * @Date: 2022-10-31 20:27:51
- * @LastEditTime: 2022-11-01 11:05:23
- * @LastEditors: lichang68
- * @Description: 错误边界，是一个React组件，只能是class组件，可以捕获发生在子组件树任何位置的js错误，并打印这些错误，同时展示降级UI，并不会渲染发生崩溃的子组件树。
- * 包裹ContainerFloorList，捕获isv h5楼层渲染时的错误异常，并做屏蔽处理
- * @FilePath: /shop-react/Users/cdlichang1/Documents/work/workSpace/cone-render/src/components/ErrorBoundary.jsx
- */
-import React from 'react'
-import { Text } from '@tarojs/components'
-export default class ErrorBoundary extends React.Component {
-	constructor(props) {
-		super(props);
-		this.state = {
-			hasError: false,
-		}
-	}
-
-	static getDerivedStateFromError(error) {
-		// 更新 state 使下一次渲染能够显示出错降级后的 UI
-		return {
-			hasError: true
-		}
-	}
-
-	componentDidCatch(error, errorInfo) {
-		// TODO: 后期这里增加，isv异常上报。当前处理只是简单的console.log('错误信息')
-		// 打印错误信息，error错误信息，errorInfo错误堆栈
-		console.log('isv模块渲染异常ErrorBoundary==========error: ', error.toString())
-		console.log('isv模块渲染异常ErrorBoundary==========errorInfo: ', errorInfo.componentStack)
-	}
-
-	render() {
-		if (this.state.hasError) {
-			// 可以在这里自定义出错降级后的 UI 并渲染
-			// 对于isv模块，出错后隐藏楼层
-			return null
-		}
-
-		return this.props.children
-	}
-}