@conecli/cone-render 0.8.20 → 0.8.21-shop-beta.3

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

@@ -1 +1 @@
-import React from 'react'
    NETWORK_DATA_TYPE,
    M_SHOP_DOWNLOAD_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT,
    APP_SHOP_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT,
    containerFloorListData: ComponentInterFace.ContainerItemData[]
    className?: string
    containerItemClass?: object
    style?: object
    hasGoodsFeeds?: boolean
    builtInComponents?: Object
    loadingEndComponentFn?: Function
    sectionType?: string
    updateShopFloorDataFn?: Function
    updateContainerFloorListDataFn?: Function
    customErrorIsvFloorModule?: React.ReactElement
    const {
        className,
        style,
        containerItemClass = null,
        containerFloorListData,
        builtInComponents,
        loadingEndComponentFn,
        sectionType,
        updateShopFloorDataFn,
        updateContainerFloorListDataFn,
        customErrorIsvFloorModule
    } = props
    
    const renderFloorItem = (
        item,
        floorItem,
        floorIndex,
        containerLayoutLeftRightMargin,
        lazyLoadState = false,
    ) => {
        return (
            <View
              className={classNames(shopContainerListStyle['d-floor-item'])}
              data-floor-uid={floorItem?.uid}
              data-floor-type={floorItem?.floorExtInfo?.moduleFlag || ''}
              data-lazy-load={lazyLoadState}
              key={floorItem.uid}
              id={`J_floor_${floorItem.uid}`}
              style={{
                    borderRadius: `${item?.borderRadius || 0}px`,
                }}
            >
                <FloorListItem
                  floorIndex={floorIndex}
                  floorData={floorItem}
                  layoutLeftRightMargin={containerLayoutLeftRightMargin}
                  containerBorderRadius={item?.borderRadius || 0}
                  updateShopFloorDataFn={updateShopFloorDataFn}
                  loadingEndComponentFn={loadingEndComponentFn}
                  key={floorItem.uid}
                  builtInComponents={builtInComponents}
                  updateContainerFloorListDataFn={
                        updateContainerFloorListDataFn
                    }
                  customErrorIsvFloorModule={customErrorIsvFloorModule}
                />
            </View>
        )
    }
    
    const getFloorSetHeight = (item) => {
        const getHeight = item?.floorExtInfo?.floorHeight
            ? Number(item?.floorExtInfo?.floorHeight)
            : 200
        return getHeight > 0 ? getHeight : 200
    }
    return (
        <View
          className={classNames(
                className,
                shopContainerListStyle['d-shop-container-list'],
            )}
          style={style}
        >
            <View id='J_shopContainerFloorList'>
                {containerFloorListData.length > 0 ? (
                    containerFloorListData.map((item, index) => {
                        const containerLayoutLeftRightMargin =
                            (item.marginLeft || 0) + (item.marginRight || 0)
                        const getContainerId = `J_container_${item.containerId}`
                        return (
                            <View
                              className={classNames(
                                    shopContainerListStyle['d-container-item'],
                                    containerItemClass,
                                )}
                              id={getContainerId}
                              key={item.containerId}
                              data-container-id={item?.containerId}
                              data-container-type={item?.typeCode}
                              style={{
                                    marginBottom: item.marginBottom
                                        ? `${item.marginBottom}px`
                                        : 0,
                                    marginTop: item.marginTop
                                        ? `${item.marginTop}px`
                                        : 0,
                                    marginLeft: item.marginLeft
                                        ? `${item.marginLeft}px`
                                        : 0,
                                    marginRight: item.marginRight
                                        ? `${item.marginRight}px`
                                        : 0,
                                    borderRadius: item.borderRadius
                                        ? `${item.borderRadius}px`
                                        : 0,
                                }}
                            >
                                {item.floors &&
                                    item.floors.length > 0 &&
                                    item.floors?.map(
                                        (floorItem, floorIndex) => {
                                            return index > 4 ? (
                                                <LazyLayoutLoad
                                                  key={item.containerId}
                                                  sectionType={sectionType}
                                                  containerId={getContainerId}
                                                  height={getFloorSetHeight(
                                                        floorItem,
                                                    )}
                                                  floorData={floorItem}
                                                >
                                                    {renderFloorItem(
                                                        item,
                                                        floorItem,
                                                        floorIndex,
                                                        containerLayoutLeftRightMargin,
                                                        true,
                                                    )}
                                                </LazyLayoutLoad>
                                            ) : (
                                                renderFloorItem(
                                                    item,
                                                    floorItem,
                                                    floorIndex,
                                                    containerLayoutLeftRightMargin,
                                                )
                                            )
                                        },
                                    )}
                            </View>
                        )
                    })
                ) : (
                    <View
                      className={
                            shopContainerListStyle['d-container-list-no-data']
                        }
                      style={{
                            height: `${
                                windowHeight -
                                (isJdApp
                                    ? APP_SHOP_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT
                                    : M_SHOP_DOWNLOAD_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT)
                            }px`,
                        }}
                    >
                        <NetworkDataError
                          netWorkShowType={NetWorkShowType.PART}
                          netWorkDataType={NETWORK_DATA_TYPE.DATA_ERROR}
                        />
                    </View>
                )}
            </View>
        </View>
    )
    updateShopDataFn: null,
+import React from 'react'
  NETWORK_DATA_TYPE,
  M_SHOP_DOWNLOAD_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT,
  APP_SHOP_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT,
  containerFloorListData: ComponentInterFace.ContainerItemData[]
  className?: string
  containerItemClass?: object
  style?: object
  hasGoodsFeeds?: boolean
  builtInComponents?: Object
  loadingEndComponentFn?: Function
  sectionType?: string
  updateShopFloorDataFn?: Function
  updateContainerFloorListDataFn?: Function
  customErrorIsvFloorModule?: React.ReactElement
  const {
    className,
    style,
    containerItemClass = null,
    containerFloorListData,
    builtInComponents,
    loadingEndComponentFn,
    sectionType,
    updateShopFloorDataFn,
    updateContainerFloorListDataFn,
    customErrorIsvFloorModule,
  } = props
  
  const renderFloorItem = (
    item,
    floorItem,
    floorIndex,
    containerLayoutLeftRightMargin,
    lazyLoadState = false,
  ) => {
    return (
      <View
        className={classNames(shopContainerListStyle['d-floor-item'])}
        data-floor-uid={floorItem?.uid}
        data-floor-type={floorItem?.floorExtInfo?.moduleFlag || ''}
        data-lazy-load={lazyLoadState}
        key={floorItem.uid}
        id={`J_floor_${floorItem.uid}`}
        style={{
          borderRadius: `${item?.borderRadius || 0}px`,
        }}
      >
        {
          isChartH5 &&
          <View className={shopContainerListStyle['d-floor-chart-item']} id={`J_chart_floor_${floorItem?.uid}`}
                data-floor-uid={floorItem?.uid}
                data-floor-type={floorItem?.floorExtInfo?.moduleFlag || ''} />
        }
        <FloorListItem
          floorIndex={floorIndex}
          floorData={floorItem}
          layoutLeftRightMargin={containerLayoutLeftRightMargin}
          containerBorderRadius={item?.borderRadius || 0}
          updateShopFloorDataFn={updateShopFloorDataFn}
          loadingEndComponentFn={loadingEndComponentFn}
          key={floorItem.uid}
          builtInComponents={builtInComponents}
          updateContainerFloorListDataFn={
            updateContainerFloorListDataFn
          }
          customErrorIsvFloorModule={customErrorIsvFloorModule}
        />
      </View>
    )
  }
  
  const getFloorSetHeight = (item) => {
    const getHeight = item?.floorExtInfo?.floorHeight
      ? Number(item?.floorExtInfo?.floorHeight)
      : 200
    return getHeight > 0 ? getHeight : 200
  }
  return (
    <View
      className={classNames(
        className,
        shopContainerListStyle['d-shop-container-list'],
      )}
      style={style}
    >
      <View id='J_shopContainerFloorList'>
        {containerFloorListData.length > 0 ? (
          containerFloorListData.map((item, index) => {
            const containerLayoutLeftRightMargin =
              (item.marginLeft || 0) + (item.marginRight || 0)
            const getContainerId = `J_container_${item.containerId}`
            return (
              <View
                className={classNames(
                  shopContainerListStyle['d-container-item'],
                  containerItemClass,
                )}
                id={getContainerId}
                key={item.containerId}
                data-container-id={item?.containerId}
                data-container-type={item?.typeCode}
                style={{
                  marginBottom: item.marginBottom
                    ? `${item.marginBottom}px`
                    : 0,
                  marginTop: item.marginTop
                    ? `${item.marginTop}px`
                    : 0,
                  marginLeft: item.marginLeft
                    ? `${item.marginLeft}px`
                    : 0,
                  marginRight: item.marginRight
                    ? `${item.marginRight}px`
                    : 0,
                  borderRadius: item.borderRadius
                    ? `${item.borderRadius}px`
                    : 0,
                }}
              >
                {item.floors &&
                  item.floors.length > 0 &&
                  item.floors?.map(
                    (floorItem, floorIndex) => {
                      return index > lazyLoadStartIndex ? (
                        <LazyLayoutLoad
                          key={item.containerId}
                          sectionType={sectionType}
                          containerId={getContainerId}
                          height={getFloorSetHeight(
                            floorItem,
                          )}
                          floorData={floorItem}
                        >
                          {renderFloorItem(
                            item,
                            floorItem,
                            floorIndex,
                            containerLayoutLeftRightMargin,
                            true,
                          )}
                        </LazyLayoutLoad>
                      ) : (
                        renderFloorItem(
                          item,
                          floorItem,
                          floorIndex,
                          containerLayoutLeftRightMargin,
                        )
                      )
                    },
                  )}
              </View>
            )
          })
        ) : (
          <View
            className={
              shopContainerListStyle['d-container-list-no-data']
            }
            style={{
              height: `${
                windowHeight -
                (isJdApp
                  ? APP_SHOP_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT
                  : M_SHOP_DOWNLOAD_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT)
              }px`,
            }}
          >
            <NetworkDataError
              netWorkShowType={NetWorkShowType.PART}
              netWorkDataType={NETWORK_DATA_TYPE.DATA_ERROR}
            />
          </View>
        )}
      </View>
    </View>
  )
  updateShopDataFn: null,