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

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.jsx

@@ -0,0 +1,42 @@
+/*
+ * @Author: lichang68
+ * @Date: 2022-10-31 20:27:51
+ * @LastEditTime: 2022-11-01 10:54:17
+ * @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) {
+		// 打印错误信息，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
+	}
+}

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/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, useState} from 'react'

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

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

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,6 +1,6 @@
 {
 	"name": "@conecli/cone-render",
-	"version": "0.8.15-beta.0",
+	"version": "0.8.15-beta.2",
 	"private": false,
 	"main": "dist/open/index.ts",
 	"files": [
@@ -75,6 +75,8 @@
 		"@babel/core": "^7.8.0",
 		"@babel/runtime": "^7.17.9",
 		"@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 +94,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"
 	}