@conecli/cone-render 0.8.15-beta.0 → 0.8.15-beta.10

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/common/index.h5.ts

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

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'

package/dist/common/index.weapp.ts

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

package/dist/components/ErrorBoundary.tsx

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

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

@@ -138,7 +138,7 @@
 	display: block;
 	// height: auto;
 	height: 96px;
-	background: no-repeat center/cover;
+	background: no-repeat top/100% auto;
 }
 
 .d-place-holder {

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

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

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

@@ -1 +1 @@
-import React, {useRef, useEffect} from 'react'
+import React, {useRef, useEffect} 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`,  
    useEffect(() => {
        if(componentShowState === true){
            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/const.ts

@@ -1 +1 @@
-export const NetWorkTypeQuality = {
+export const NetWorkTypeQuality = {

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

@@ -1 +1 @@
-import React, {useCallback, useState} from 'react'
    const {
        src,
        lazyLoad,
        width,
        height,
        className,
        isSkuImage,
        hideErrorImage,
        style,
        backgroundColor,
        errorSrc,
        onLoad,
        onError,
        ...otherOption
    } = props
    getNetWorkType === NetWorkTypeQuality.default &&
    (getNetWorkType = taroJdBaseInfo.info.sysInfo.netWorkType)
    const [loadSuccess, setLoadSuccess] = useState(false)
    const [imageErrState, setImageErrState] = useState(false)
    const [imgSrc, setImgSrc] = useState(src)
    const imageError = useCallback(
        (e) => {
            console.log('图片加载错误', e)
            errorSrc && setImgSrc(errorSrc)
            hideErrorImage && setImageErrState(true)
            typeof onError === 'function' && onError(e, src, props)
        },
        [src],
    )
    
    const imageLoad = useCallback(
+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/base/LazyLoadImage/index.tsx

@@ -1 +1 @@
-import React, {useCallback, useState} from 'react'
    const {
        src,
        lazyLoad,
        width,
        height,
        className,
        isSkuImage,
        hideErrorImage,
        style,
        backgroundColor,
        errorSrc,
        onLoad,
        onError,
        ...otherOption
    } = props
    getNetWorkType === NetWorkTypeQuality.default &&
    (getNetWorkType = taroJdBaseInfo.info.sysInfo.netWorkType)
    const [loadSuccess, setLoadSuccess] = useState(false)
    const [imgSrc, setImgSrc] = useState(src)
    const [imageErrState, setImageErrState] = useState(false)
    const imageError = useCallback(
        (e) => {
            console.log('图片加载错误', e)
            errorSrc && setImgSrc(errorSrc)
            hideErrorImage && setImageErrState(true)
            typeof onError === 'function' && onError(e, src, props)
        },
        [src],
    )
    
    const imageLoad = useCallback(
        (event) => {
            setLoadSuccess(true)
            typeof onLoad === 'function' && onLoad(event, src, props)
        },
        [src],
    )
    
    const changeStyleIncludeWidthAndHeightAndBgColor = () => {
        const changeStyle = {}
        width && (changeStyle['width'] = width)
        height && (changeStyle['height'] = height)
        backgroundColor && (changeStyle['backgroundColor'] = backgroundColor)
        return changeStyle
    }
    return (
        <Image
            style={{
                ...style,
                ...changeStyleIncludeWidthAndHeightAndBgColor(),
            }}
            className={classNames(
                imageStyle['d-lazy-image'],
                {
                    [imageStyle['d-lazy-sku-image']]: isSkuImage,
                },
                {
                    [imageStyle['d-hide-image-error']]: imageErrState,
                },
                {
                },
                'd-imag-rendering-crisp-edges',
                className,
            )}
            src={getQualityImage(imgSrc, NetWorkTypeQuality[getNetWorkType])}
            lazyLoad={lazyLoad}
            onError={imageError}
            onLoad={imageLoad}
            {...otherOption}
        />
    )
    lazyLoad: true, 
    isSkuImage: false,
    hideErrorImage: false, 
    src: null,
    style: null, 
    width: null,
    height: null,
    backgroundColor: null, 
    className: null, 
    errorSrc: null, 
    onLoad: null, 
    onError: null, 
+import React, {useCallback, useState} from 'react'

package/dist/components/floorItem.tsx

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

package/dist/components/system/Banner/index.tsx

@@ -1 +1 @@
-import { ComponentInterFace } from '../../../interface/component'
+import { ComponentInterFace } from '../../../interface/component'

package/dist/components/system/PictureHotSpot/index.tsx

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

package/dist/components/system/Video/index.tsx

@@ -1 +1 @@
-import React, { useCallback, useEffect, useRef } from 'react'
+import React, { useCallback, useEffect, useRef } from 'react'

package/dist/interface/common.ts

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

package/dist/interface/component.ts

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

package/dist/interface/jumpEventReport.ts

@@ -1 +1 @@
-export declare namespace JumpEventReportInterFace {
+export declare namespace JumpEventReportInterFace {

package/dist/jumpEventReport/base.ts

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

package/dist/jumpEventReport/const.ts

@@ -1 +1 @@
-export enum LinkConfigType {
+import { isH5 } from '../utils'

package/dist/jumpEventReport/jdJumpJdApp.ts

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

package/dist/jumpEventReport/web.jd.ts

@@ -1 +1 @@
-import { JdJumpJdApp } from './jdJumpJdApp'
+import { JdJumpJdApp } from './jdJumpJdApp'

package/dist/jumpEventReport/web.wxapp.ts

@@ -1 +1 @@
-import taroJdBaseInfo from '../common'
+import taroJdBaseInfo from '../common'

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

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

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'
    if(isJdApp && isH5AndJdShopView && isAndroidDevice){
        setTimeout(() => {
            nativePageRegisterMessage(
                Message_Type.NATIVE_GET_SCROLL_TOP,
                null,
            )
        }, 0)
    }

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/utils.ts

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

package/package.json

@@ -1,13 +1,11 @@
 {
 	"name": "@conecli/cone-render",
-	"version": "0.8.15-beta.0",
+	"version": "0.8.15-beta.10",
 	"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"
@@ -68,13 +66,16 @@
 		"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",
 		"@babel/runtime": "^7.17.9",
+		"@jmfe/jd-jssdk": "^3.3.1-alpha.0",
 		"@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
+		"@swc/core": "^1.2.242",
+		"@swc/register": "^0.1.10",
 		"@types/react": "^18.0.17",
 		"@types/webpack-env": "^1.13.6",
 		"@typescript-eslint/eslint-plugin": "^5.20.0",
@@ -92,9 +93,12 @@
 		"estraverse": "^5.3.0",
 		"gulp": "^4.0.2",
 		"gulp-util": "^3.0.8",
+		"html-webpack-plugin": "^5.5.0",
+		"mini-css-extract-plugin": "^2.6.1",
 		"sass": "^1.53.0",
 		"shelljs": "^0.8.5",
 		"stylelint": "^14.4.0",
+		"terser-webpack-plugin": "^5.3.6",
 		"typescript": "^4.1.0",
 		"webpack": "5.69.0"
 	}