@conecli/cone-render 0.8.19 → 0.8.20-beta.0

package/dist/components/base/Price/Double/index.module.scss

@@ -0,0 +1,158 @@
+.wrap {
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: baseline;
+  line-height: 0; // 这个是保障不同平台（IOS、Android），不同font-size下多个行内元素文案底部还能对齐的基石
+}
+.childStyle {
+  transform: translateY(50%);
+}
+.bigStyle {
+  color: #fa2c19;
+}
+
+.bigNoPrice {
+  font-family: PingFang SC;
+}
+.bigNoPriceXL {
+  font-size: 48px;
+}
+.bigNoPriceL {
+  font-size: 42px;
+}
+.bigNoPriceM {
+  font-size: 36px;
+}
+.bigNoPriceS {
+  font-size: 30px;
+}
+.bigNoPriceXS {
+  font-size: 24px;
+}
+
+.bigSymbol {
+  font-family: JDZhengHT-Regular;
+}
+.bigSymbolXL {
+  font-size: 28px;
+}
+.bigSymbolL {
+  font-size: 26px;
+}
+.bigSymbolM {
+  font-size: 24px;
+}
+.bigSymbolS {
+  font-size: 22px;
+}
+.bigSymbolXS {
+  font-size: 20px;
+}
+
+.bigInteger {
+  font-family: JDZhengHT-Regular;
+}
+.bigIntegerXL {
+  font-size: 52px;
+}
+.bigIntegerL {
+  font-size: 46px;
+}
+.bigIntegerM {
+  font-size: 40px;
+}
+.bigIntegerS {
+  font-size: 34px;
+}
+.bigIntegerXS {
+  font-size: 28px;
+}
+
+.bigDecimal {
+  font-family: JDZhengHT-Regular;
+}
+
+.bigDecimalXL {
+  font-size: 28px;
+}
+.bigDecimalL {
+  font-size: 26px;
+}
+.bigDecimalM {
+  font-size: 24px;
+}
+.bigDecimalS {
+  font-size: 22px;
+}
+.bigDecimalXS {
+  font-size: 20px;
+}
+
+.priceDesc {
+  margin-left: 4px;
+  font-family: PingFang SC;
+}
+.priceDescXL {
+  font-size: 28px;
+}
+.priceDescL {
+  font-size: 26px;
+}
+.priceDescM {
+  font-size: 24px;
+}
+.priceDescS {
+  font-size: 22px;
+}
+.priceDescXS {
+  font-size: 20px;
+}
+
+.missPriceDesc {
+}
+.smallStyle {
+  color: #8c8c8c;
+}
+
+.smallPrice {
+  font-family: JDZhengHT-Regular;
+}
+.smallPriceXL {
+  font-size: 28px;
+}
+.smallPriceL {
+  font-size: 26px;
+}
+.smallPriceM {
+  font-size: 24px;
+}
+.smallPriceS {
+  font-size: 22px;
+}
+.smallPriceXS {
+  font-size: 20px;
+}
+
+.rightMargin {
+  margin-right: 16px;
+}
+.plusStyle {
+  color: #1c4b8c;
+}
+.fansStyle {
+  color: #8450e5;
+}
+.samStyle {
+  color: #3981e5;
+}
+.studentStyle {
+  color: #30bf26;
+}
+.yhdStyle {
+  color: #674431;
+}
+.memberStyle {
+  color: #f6b303;
+}

package/dist/components/base/Price/Double/index.tsx

@@ -0,0 +1 @@
+import React from 'react';
    const result = String(strPrice).match(/(-?\d+)\.?(\d+)?/);
    if(result && Number(result[0]) > 0){
        return {
            integerPrice: result[1],
            decimalPrice: (result[2] || '').replace(/0+$/, '')  
        }
    }else{
        return null;
    }
    const {
        jdPrice,    
        finalPrice, 
        priceText = '',   
        priceType, 
        hitUserIdentity = false,    
        isAuctionWare,  
        fallbackRender = null, 
        className = null,   
        style = {}, 
        childrenClassName = null,   
        bigNoPriceClassName = null, 
        bigSymbolClassName = null, 
        bigIntegerClassName = null, 
        bigDecimalClassName = null, 
        priceDescClassName = null, 
        smallPriceClassName = null, 
        lineNumber = 1,  
        size = 'M'  
    } = props
    const especialHitStyleType = {
        7: 'plusStyle',
        9: 'samStyle'
    }
    const especialMissStyleType = {
        7: 'plusStyle',
        8: 'fansStyle',
        9: 'samStyle',
        10: 'studentStyle',
        12: 'yhdStyle',
        13: 'memberStyle'
    }
    const isNoPrice = priceType === 4 
    const isUseFinalPriceAsBigPrice = [1, 2, 6, 14, 16, 17, 18].includes(priceType)    
    const isEquivalentHit = isUseFinalPriceAsBigPrice || hitUserIdentity    
    const bigPriceObj = getDeconstructPrice(isEquivalentHit? finalPrice: jdPrice)
    if(isAuctionWare || (!isNoPrice && bigPriceObj === null)){
        return fallbackRender
    }
    const {integerPrice, decimalPrice = ''} = bigPriceObj || {}
    const isOnlyShowBigPrice = priceType === 3    
    const isHideSmallPrice = priceType === 14   
    const smallPrice = isEquivalentHit? jdPrice: finalPrice 
    const isPriceDescInFront = isEquivalentHit  
    const hitColorStyle = isEquivalentHit? styles[especialHitStyleType[priceType]]: null    
    const missColorStyle = isEquivalentHit? null: styles[especialMissStyleType[priceType]]    
    const isBigPriceHasDecimal = decimalPrice !== '' && !/^0+$/.test(decimalPrice)    
    const sizeLineHeight = {
        'XS': 28,
        'S': 34,
        'M': 40,
        'L': 46,
        'XL': 52
    }
    const lineHeight = Taro.pxTransform(sizeLineHeight[size] * 1.25)
    const wrapHeight = Taro.pxTransform(sizeLineHeight[size] * 1.25 * lineNumber)
    const computedHeightStyle = {
        height: wrapHeight
    }
    const itemCommonStyle = {
        height: lineHeight
    }
    const needSizeStyles = ['bigNoPrice', 'bigSymbol', 'bigInteger', 'bigDecimal', 'priceDesc', 'smallPrice']
    const sizeStyles = needSizeStyles.reduce((acc, cur) => {
        acc[cur] = styles[cur + size]
        return acc
    }, {})
    const noPriceShowText = priceText || (/^[\u4e00-\u9fa5]+$/.test(jdPrice)? jdPrice: '')  
    return (
        <View className={classNames(styles.wrap, className)} style={{...computedHeightStyle, ...style}}>
            {isNoPrice?
                <Text className={classNames(styles.childStyle, styles.bigStyle, styles.bigNoPrice, sizeStyles['bigNoPrice'], childrenClassName, bigNoPriceClassName)} style={{...itemCommonStyle}}>{noPriceShowText}</Text>
                :
                [
                    <Text className={classNames(styles.childStyle, styles.bigStyle, styles.bigSymbol, sizeStyles['bigSymbol'], hitColorStyle, childrenClassName, bigSymbolClassName)} key="bigSymbol" style={{...itemCommonStyle}}>¥</Text>,
                    <Text className={classNames(styles.childStyle, styles.bigStyle, styles.bigInteger, sizeStyles['bigInteger'], hitColorStyle, !isOnlyShowBigPrice && !isBigPriceHasDecimal && !isPriceDescInFront ? styles.rightMargin : null, childrenClassName, bigIntegerClassName)} key="bigInteger" style={{...itemCommonStyle}}>{integerPrice}</Text>,
                    isBigPriceHasDecimal?
                        <Text className={classNames(styles.childStyle, styles.bigStyle, styles.bigDecimal, sizeStyles['bigDecimal'], hitColorStyle, isPriceDescInFront ? null : styles.rightMargin, childrenClassName, bigDecimalClassName)} key="bigDecimal" style={{...itemCommonStyle}}>.{decimalPrice}</Text>
                        :
                        null
                    ,
                    !isOnlyShowBigPrice && [
                        isPriceDescInFront && <Text className={classNames(styles.childStyle, styles.priceDesc, sizeStyles['priceDesc'], styles.bigStyle, hitColorStyle, isPriceDescInFront ? styles.rightMargin : null, childrenClassName, priceDescClassName)} key="descFront" style={{...itemCommonStyle}}>{priceText}</Text>,
                        smallPrice && !isHideSmallPrice ? <Text className={classNames(styles.childStyle, styles.smallPrice, sizeStyles['smallPrice'], styles.smallStyle, missColorStyle, childrenClassName, smallPriceClassName)} key="smallPrice" style={{...itemCommonStyle}}>¥{smallPrice}</Text> : null,
                        !isPriceDescInFront && <Text className={classNames(styles.childStyle, styles.priceDesc, sizeStyles['priceDesc'], styles.smallStyle, styles.missPriceDesc, missColorStyle, childrenClassName, priceDescClassName)} key="descBack" style={{...itemCommonStyle}}>{priceText}</Text>
                    ]
                ]
            }
        </View>
    )

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

@@ -1 +1 @@
-import React from 'react'
  priceLabelText: "到手价" 
+import React from 'react'
        <BasePrice {...props}/>
        :
        <DoublePrice {...props} />

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

@@ -1 +1 @@
-import { View, Text } from '@tarojs/components'
+import { View, Text } from '@tarojs/components'
  '//img11.360buyimg.com/imagetools/jfs/t1/141506/22/31698/7923/637b6db9E2af80265/10e76e2c31e0e356.png'
  const newModuleFloorTypeList = [100, 101, 100000, 99999]
  const isNewFloorState = newModuleFloorTypeList.includes(moduleType)
  if ((moduleType == 99999 || moduleType == 101) && !previewUri) {

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

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

package/dist/components/floorItem.jd.tsx

@@ -0,0 +1 @@
+import { ComponentInterFace } from '../interface/component'
  const { floorData, builtInComponents = {} } = props
  const floorModuleType = floorData?.floorExtInfo?.moduleFlag
  const FloorContentItem =
    (floorModuleType && builtInComponents[floorModuleType]) || null
  const dataDefines = getFloorDataToDataDefines(floorData)
  return FloorContentItem ? (
    <ErrorBoundary {...props}>
      <FloorContentItem {...props} dataDefines={dataDefines} />
    </ErrorBoundary>
  ) : null
  renderSourceType: BUSINESS_TYPE.ONLINE, 
  switch (moduleId) {
    case 83158:
      return 'freeLayout'
    case 99654:
      return 'activeText'
    case 100382:
      return 'superGoods'
  }
  floorList.map((item) => {
    if (!item.floorExtInfo) {
      return null
    }
    const moduleFlag = item.floorExtInfo.moduleFlag
    if (!moduleFlag) {
      const newModuleFlag = moduleId2ModuleFlag(item.moduleId)
      if (newModuleFlag) {
        item.floorExtInfo.moduleFlag = newModuleFlag
      }
    }
  })

package/dist/components/floorItem.tsx

@@ -1 +1 @@
-import React, { Suspense, lazy } from 'react'
  style={{
+import React, { Suspense, lazy } from 'react'
  BUSINESS_TYPE,
  RemoteLoadFloorList,
  JD_PLACEHOLDER_IMG,
  DraJSAgentReportException,
  DraJSAgentReport,
  const {
    floorData,
    renderSourceType,
    builtInComponents = {},
    updateContainerFloorListDataFn,
  } = props
  const isDevMode = renderSourceType === BUSINESS_TYPE.DECORATE
  const floorModuleType: any = floorData?.floorExtInfo?.moduleFlag
  const FloorContentItem =
    (floorModuleType && builtInComponents[floorModuleType]) || null
  const dataDefines = getFloorDataToDataDefines(floorData)
  
  const renderDecorateDefaultModule = () => {
    return (
      <View
        style={{
          lineHeight: '120px',
          textAlign: 'center',
        }}
      >
        当前模块是{floorData.moduleName}
      </View>
    )
  }
  
  const getFloorSetHeight = (item) => {
    const getHeight = item?.floorExtInfo?.floorHeight
      ? Number(item?.floorExtInfo?.floorHeight)
      : 200
    return getHeight > 0 ? getHeight : 200
  }
  if (floorModuleType && RemoteLoadFloorList.includes(floorModuleType)) {
    console.log(
      '>>>>>>>>>> floorModuleType === FloorModuleType.ISVDESIGNERH5MODULE >>>>>>>>>>',
    )
    const renderResult = (() => {
      try {
        console.log('>>>>>>>>>> 开始渲染1个isv模块 >>>>>>>>>>')
        console.log(
          '==========当前业务类型renderSourceType、楼层floorId: ',
          renderSourceType,
          floorData.uid,
        )
        const modularPackResult = floorData?.floorExtInfo?.modularPackResult
        const modularPackResultObj =
          typeof modularPackResult === 'string'
            ? JSON.parse(modularPackResult)
            : modularPackResult
        if (modularPackResultObj) {
          const { bundleUrl, bundleFileName } = modularPackResultObj
          if (bundleUrl && bundleFileName) {
            let ISVModule =
              taroJdBaseInfo?.renderedIsvComponents[
                `${floorData.uid}_${bundleFileName}`
              ] || null
            if (!ISVModule) {
              ISVModule = lazy(
                () => import(bundleFileName + '@@@@@@' + bundleUrl),
              )
              console.log(
                '1|加载isv模块==========走lazy import生成新的isv模块react组件',
                bundleFileName,
              )
              taroJdBaseInfo.renderedIsvComponents[
                `${floorData.uid}_${bundleFileName}`
              ] = ISVModule
              console.log(
                '2|渲染isv模块的react组件==========,window.taroJshopH5WebpackJsonp上的组件是否已就绪: ',
                bundleFileName,
                window['taroJshopH5WebpackJsonp'].find(
                  (item) => item[0][0] == bundleFileName,
                ),
              )
            } else {
              console.log(
                '1|加载isv模块==========不走lazy import生成新的isv模块react组件，从已加载中获取，taroJdBaseInfo: ',
                taroJdBaseInfo,
              )
              console.log(
                '2|渲染isv模块的react组件==========,taroJdBaseInfo.renderedIsvComponents上的组件是否已就绪: ',
                taroJdBaseInfo.renderedIsvComponents[
                  `${floorData.uid}_${bundleFileName}`
                ],
              )
            }
            const _floorHeight = getFloorSetHeight(floorData)
            return (
              <ErrorBoundary {...props}>
                <Suspense
                  fallback={
                    <View
                      style={{
                        position: 'relative',
                        background: `#ffffff url('${JD_PLACEHOLDER_IMG}')	center center no-repeat`,
                        height: `${_floorHeight}px`,
                      }}
                    ></View>
                  }
                >
                  <ISVFloor {...props} dataDefines={dataDefines}>
                    <ISVModule {...props} dataDefines={dataDefines}></ISVModule>
                  </ISVFloor>
                </Suspense>
              </ErrorBoundary>
            )
          } else {
            console.log(
              '3|isv模块渲染异常，modularPackResult中缺少bundleUrl或bundleFileName==========modularPackResult: ',
              modularPackResultObj,
            )
            DraJSAgentReport(
              `店铺首页isv h5楼层隐藏不显示。原因：modularPackResult数据不完备。页面类型-buildType: ${buildType}。楼层顺序-floorIdx: ${floorData?.floorIdx}`,
              {
                buildType,
                uid: floorData?.uid,
                floorIdx: floorData?.floorIdx,
                shopId: floorData?.floorExtInfo?.shopId,
                moduleId: floorData?.moduleId,
                moduleName: floorData?.moduleName,
                middleTemplateId: floorData?.middleTemplateId,
                modularPackResult: modularPackResult,
              },
            )
            return null
          }
        } else {
          console.log(
            '3|isv模块渲染异常，缺少modularPackResult==========modularPackResult: ',
            modularPackResultObj,
          )
          DraJSAgentReport(
            `店铺首页isv h5楼层隐藏不显示。原因：modularPackResult数据不完备。页面类型-buildType: ${buildType}。楼层顺序-floorIdx: ${floorData?.floorIdx}`,
            {
              buildType,
              uid: floorData?.uid,
              floorIdx: floorData?.floorIdx,
              shopId: floorData?.floorExtInfo?.shopId,
              moduleId: floorData?.moduleId,
              moduleName: floorData?.moduleName,
              middleTemplateId: floorData?.middleTemplateId,
              modularPackResult: modularPackResult,
            },
          )
          return null
        }
      } catch (err) {
        console.log('3|isv模块渲染异常，floorItem逻辑错误==========err: ', err)
        DraJSAgentReportException(err)
        return null
      }
    })()
    if (renderResult === null) {
      updateContainerFloorListDataFn &&
        updateContainerFloorListDataFn({
          type: 'filter',
          containerId: floorData?.uid,
        })
      console.log('renderResult === null: 命中了！')
      taroEventSendPageScrollInfo()
    } else {
      console.log('renderResult !== null: 没命中', renderResult)
    }
    return renderResult
  } else {
    return FloorContentItem ? (
      <ErrorBoundary {...props}>
        <FloorContentItem {...props} dataDefines={dataDefines} />
      </ErrorBoundary>
    ) : isDevMode ? (
      renderDecorateDefaultModule()
    ) : null
  }
  renderSourceType: BUSINESS_TYPE.ONLINE, 
  switch (moduleId) {
    case 83158:
      return 'freeLayout'
    case 99654:
      return 'activeText'
    case 100382:
      return 'superGoods'
  }
  floorList.map((item) => {
    if (!item.floorExtInfo) {
      return null
    }
    const moduleFlag = item.floorExtInfo.moduleFlag
    if (!moduleFlag) {
      const newModuleFlag = moduleId2ModuleFlag(item.moduleId)
      if (newModuleFlag) {
        item.floorExtInfo.moduleFlag = newModuleFlag
      }
    }
  })

package/dist/components/isv/Floor/index.tsx

@@ -1 +1 @@
-import React, { useCallback } from 'react'
+import React, { useCallback } from 'react'
      {floorData?.showCommonFloorHead === false ? null : (
        <CommonFloorHead dataDefines={dataDefines} floorData={floorData} />
      )}

package/dist/interface/component.ts

@@ -1 +1 @@
-import React from 'react'
        subMessage?: string
    customErrorIsvFloorModule?: React.ReactElement | undefined
    containerIndex?: number
    containerData?: any
    shopTotalInfo?: any
    selectContainerFn?: Function
    selectContainerId?: string
    placeHolderPreContainerId?: string
    children?: any
    style?: {
      [key: string]: any
    };
    layoutLeftRightMargin?: number
  }
+import React from 'react'
        subMessage?: string
    showCommonFloorHead?: boolean
    customErrorIsvFloorModule?: React.ReactElement | undefined
    containerIndex?: number
    containerData?: any
    shopTotalInfo?: any
    selectContainerFn?: Function
    selectContainerId?: string
    placeHolderPreContainerId?: string
    children?: any
    style?: {
      [key: string]: any
    };
    layoutLeftRightMargin?: number
  }
    onFormSubmit?: Function
    onFormReset?: Function
    isFormDialog?: boolean
    forbiddenBgScrollState?: boolean

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 
    shopH5MemberCardAPP: string 
    shopH5MemberCardM: 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
    isLogin: string