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

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

@@ -1 +1 @@
-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>
+import React from 'react'
  <View className={blockStyle['skeleton-header']}>
    <Image
      className={blockStyle['skeleton-header-img']}
      src={ShopHeaderSvgUrl}
      mode="widthFix"
    />
  </View>

package/dist/components/debug/DebugLayout/index.module.scss

@@ -0,0 +1,67 @@
+
+.debug-layout-warp {
+  position: absolute;
+  border-radius: 12PX;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 50;
+
+	.debug-layout {
+		position: absolute;
+		border-radius: 12PX;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+
+		border: 1PX solid #f50707;
+		background-color: rgba(219, 38, 38, 0.2);
+
+		&[data-module-type='JOINT'] {
+			border: 1PX solid #f507c9;
+			background-color: rgba(219, 38, 150, 0.2);
+		}
+
+		&.green {
+			border: 1PX solid #04a607;
+			background-color: rgba(38, 219, 71, 0.2);
+		}
+
+		.cd-version-list {
+			pointer-events: none;
+			position: absolute;
+			font-size: 0;
+			top: 0;
+			left: 0;
+			right: 0;
+			background-color: transparent;
+			text-align: center;
+			overflow: hidden;
+		}
+		
+		.cd-version-item {
+			display: inline-block;
+			background-color: #00c853;
+			font-size: 30px;
+			color: white;
+			padding: 1PX 3PX;
+			border-radius: 4PX;
+			margin: 0 5PX;
+			&[data-version='3.5.4'] {
+				background-color: #999;
+			}
+		}
+	}
+
+	.d-info {
+		position: relative;
+		cursor: pointer;
+		z-index: 3;
+		margin: 3PX 3PX;
+		width: 22PX;
+		height: 22PX;
+		background: url('../../../assets/icon_blue_info.svg') center center / 22PX 22PX no-repeat;
+	}
+}

package/dist/components/debug/DebugLayout/index.tsx

@@ -0,0 +1 @@
+import React from 'react'
  const { debug } = global.info.queryInfo
  const { floorData, index } = props
  if (debug != '1' || !floorData) {
    return null
  }
  const renderRemoteLayout = () => {
    const isRemote = isRemoteFloor(floorData)
    if (isRemote) {
      const moduleType = getModuleType(floorData)
      const packResult = floorData?.floorExtInfo?.modularPackResult
      const packResultObj = JSONParse(packResult)
      const taroVersionList = getTaroVersionList(packResultObj)
      const layoutClass = classNames(style['debug-layout'], {
        [style['green']]: taroVersionList.length >= 2,
      })
      return (
        <View data-module-type={moduleType} className={layoutClass}>
          <View className={style['cd-version-list']}>
            {taroVersionList.map(item => {
              return (
                <Text className={style['cd-version-item']} data-version={item}>
                  v{item}
                </Text>
              )
            })}
          </View>
        </View>
      )
    } else {
      return null
    }
  }
  return (
    <View className={style['debug-layout-warp']}>
      <View
        className={style['d-info']}
        onClick={() => {
          Messager && Messager.trigger('openDebugLayout', { floorData, index })
        }}
      />
      {renderRemoteLayout()}
    </View>
  )

package/dist/components/debug/DebugLayout/utils.ts

@@ -0,0 +1 @@
+import { RemoteLoadFloorList, FloorModuleType } from '../../../common/const'
  if (!packResultObj) {
    return []
  }
  const result: string[] = []
  if (packResultObj.bundleUrl) {
    result.push(packResultObj.taroVersion || '3.5.4')
  }
  if (packResultObj.bundleUrlV2) {
    result.push(packResultObj.taroVersionV2)
  }
  return result
  if (!floorData) {
    return false
  }
  const moduleFlag = floorData.floorExtInfo?.moduleFlag
  const floorLoadWay = floorData.floorExtInfo?.floorLoadWay
  return RemoteLoadFloorList.includes(moduleFlag) || floorLoadWay === 2
  if (!floorData) {
    return ''
  }
  const moduleFlag = floorData.floorExtInfo?.moduleFlag
  const floorLoadWay = floorData.floorExtInfo?.floorLoadWay
  if (moduleFlag === FloorModuleType.ISVDESIGNERH5MODULE) {
    return 'ISV'
  } else if (
    moduleFlag === FloorModuleType.JOINT_MODULE ||
    floorLoadWay === 2
  ) {
    return 'JOINT'
  } else {
    return 'SYSTEM'
  }

package/dist/components/decorate/DecorateFloorModule/index.module.scss

@@ -1,12 +1,30 @@
 
-.d-container-item {
+.d-container-item, .d-container-item-trusteeship {
 	position: relative;
 	overflow: hidden;
 	z-index: 3;
 	&:first-child {
 		z-index: 1;
 	}
-	&.d-container-item-active {
+
+  &.d-container-item-hide{
+    display: none;
+  }
+}
+.d-container-item-cover {
+  &:first-child {
+    z-index: 99;
+    top: 22px;
+    // top: 21px;
+    width: 98.5%;
+    left: 6px;
+	}
+
+ width: 100%;
+ position: absolute;
+}
+.d-container-item{
+  &.d-container-item-active {
 		:global {
 			.d-decorate-floor-item {
 				.d-floor-selected-border {
@@ -16,3 +34,15 @@
 		}
 	}
 }
+
+.d-container-item-trusteeship{
+  &.d-container-item-active {
+		:global {
+			.d-decorate-floor-item {
+				.d-floor-selected-border {
+					border: 4px solid #4A82F2 !important;
+				}
+			}
+		}
+	}
+}

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

@@ -1 +1 @@
-import { View } from '@tarojs/components'
    selectContainerId,
    placeHolderPreContainerId,
    containerData,
    children,
    style,
    shopTotalInfo,
  } = props;
    return children ? children : null;
  }, [containerData, shopTotalInfo]);
+import { View } from '@tarojs/components'
  const {
    selectContainerId,
    placeHolderPreContainerId,
    containerData,
    children,
    style,
    shopTotalInfo,
    urlQueryData,
    containerIndex = -1,
    luxuryFixed = false
  } = props;
  const { isTrusteeship = false } = urlQueryData || {}
  const selectContainerState = selectContainerId == containerData?.containerId
  const ChildrenComponent = useCallback(() => {
    return children ? children : null;
  }, [containerData, shopTotalInfo]);
  const isHideFloor = isTrusteeship && containerData?.floors?.[0]?.status === -1
  return (
    <View
      className={classNames(
        decorateModuleStyle[isTrusteeship ? 'd-container-item-trusteeship' : 'd-container-item'],
        'J_container',
        {
          [decorateModuleStyle['d-container-item-active']]:
            selectContainerState,
        },
        {
          J_floorItemActive: selectContainerState,
        },
        {
          [decorateModuleStyle['d-container-item-hide']]:
            isHideFloor,
        },
        {
          [decorateModuleStyle['d-container-item-cover']]:
          containerIndex === 0 && luxuryFixed && !isTrusteeship,
        },
      )}
      id={`J_container_${containerData?.containerId}`}
      data-container-id={containerData?.containerId}
      data-container-type={containerData?.typeCode}
      data-container-cn={containerData?.typeCn}
      data-container-floorFlag={containerData?.extInfo?.floorFlag || ''}
      data-container-moduleInstanceType={containerData?.extInfo?.moduleInstanceType || ''}
      data-container-position={containerData?.containerPosition}
      data-container-alias={
        containerData?.containerAlias
          ? containerData?.containerAlias
          : ''
      }
      data-container-empty={containerData?.floors?.[0]?.configEmpty || 'false'}
      style={
        containerData?.typeCode !== ContainerShopHeaderType ? style : {}
      }
    >
      <input
        type="hidden"
        value={`container_${containerData?.containerId}`}
      />
      <ChildrenComponent />
      <PlaceHolder
        placeHolderPreContainerId={placeHolderPreContainerId}
        containerId={containerData?.containerId}
        {...(selectContainerId === "luxuryHeader-isUpperHalf" && { isShowPlaceHolder: false })}
      />
    </View>
  )

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

@@ -1 +1 @@
-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) {
+import { View, Text } from '@tarojs/components'
  '//img11.360buyimg.com/imagetools/jfs/t1/141506/22/31698/7923/637b6db9E2af80265/10e76e2c31e0e356.png'
  '//img14.360buyimg.com/imagetools/jfs/t1/247708/11/19310/58975/66ecefa4Fe36ade02/370c18c961aceef1.png'
  const {
    moduleType,
    configEmpty,
    previewUri = null,
    uid,
    moduleFlag,
    moduleName,
  } = props.floorData
  const { luxuryFixed = false } = props
  let previewUrl = previewUri
  const newModuleFloorTypeList = [100, 101, 100000, 99999]
  const isNewFloorState = newModuleFloorTypeList.includes(moduleType)
  if ((moduleType == 99999 || moduleType == 101) && !previewUri) {
    previewUrl = luxuryFixed ? luxuryDecorateModulePrevDefaultUrl : decorateModulePrevDefaultUrl
  }
  const loadImageErr = e => {
    e.target.src = decorateModulePrevDefaultUrl
  }
  if (moduleFlag && TRUSTEESHIP_MODULE_FLAG_LIST.indexOf(moduleFlag) !== -1)
    return null
  return isNewFloorState && configEmpty && previewUrl ? (
    <View
      className={emptyModuleStyle['d-empty-module']}
      data-floor-uid={uid}
      data-floor-type={moduleFlag}
      data-floor-modulename={moduleName}
    >
      {}
      {}
      {}
      {}
      {}
      {}
      {}
      <View className={classNames(emptyModuleStyle['d-empty-img'])}>
        <img
          width={luxuryFixed ? 375 : 355}
          className={classNames('J_floorEmptyDataImg')}
          src={previewUrl}
          onError={loadImageErr.bind(this)}
        />
      </View>
    </View>
  ) : (
    <View
      className={classNames(
        emptyModuleStyle['d-empty-module'],
        emptyModuleStyle['d-empty-text-warp'],
      )}
      data-floor-uid={uid}
      data-floor-type={moduleFlag}
      data-floor-modulename={moduleName}
    >
      <Text className={emptyModuleStyle['d-empty-text']}>
        该楼层还未配置数据
      </Text>
    </View>
  )

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

@@ -1 +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
      }
    }
  })
+import React from 'react'
    return FloorContentItem ? (
        <FloorContentItem {...props} dataDefines={dataDefines} />
    ) : isDevMode ? (
        renderDecorateDefaultModule()
    ) : null