@conecli/cone-render 0.10.1-shop-beta.13 → 0.10.1-shop-beta.15

package/dist/components/base/NetworkDataError/const.ts

@@ -1 +1 @@
-import { NETWORK_DATA_TYPE } from '../../../common/const';
  [NETWORK_DATA_TYPE.NO_NET_WORK]: '网络连接已断开',
  [NETWORK_DATA_TYPE.DATA_ERROR]: '数据加载失败',
  [NETWORK_DATA_TYPE.NO_DATA]: '你访问的内容飞到太空了', 
  [NETWORK_DATA_TYPE.RISK]: '活动太火爆',
  [NETWORK_DATA_TYPE.NO_NET_WORK]: '请检查您的网络设置',
  [NETWORK_DATA_TYPE.DATA_ERROR]: '请稍后重试',
  [NETWORK_DATA_TYPE.NO_DATA]: '', 
  [NETWORK_DATA_TYPE.RISK]: '页面加载失败，请稍后再试',
  NETWORK_DATA_TYPE.NO_NET_WORK,
  NETWORK_DATA_TYPE.DATA_ERROR,
  NETWORK_DATA_TYPE.NO_DATA,
  NETWORK_DATA_TYPE.RISK,
  PART: 'part', 
  FULL: 'full', 
  No_Data_Default_Tip: 'no-data-default-tip',
  No_Data_Tip_1: 'no-data-tip-1',
  No_Data_Tip_2: 'no-data-tip-2',
  No_Network_Err_Tip: 'no-network',
  No_Data_Bmall: 'no-data-bmall',
  OLD: 'old',
  NEW: 'new',
+import { NETWORK_DATA_TYPE } from '../../../common/const';
  [NETWORK_DATA_TYPE.NO_NET_WORK]: '网络连接已断开',
  [NETWORK_DATA_TYPE.DATA_ERROR]: '数据加载失败',
  [NETWORK_DATA_TYPE.NO_DATA]: '你访问的内容飞到太空了', 
  [NETWORK_DATA_TYPE.RISK]: '活动太火爆',
  [NETWORK_DATA_TYPE.NO_NET_WORK]: '请检查您的网络设置',
  [NETWORK_DATA_TYPE.DATA_ERROR]: '请稍后重试',
  [NETWORK_DATA_TYPE.NO_DATA]: '', 
  [NETWORK_DATA_TYPE.RISK]: '页面加载失败，请稍后再试',
  NETWORK_DATA_TYPE.NO_NET_WORK,
  NETWORK_DATA_TYPE.DATA_ERROR,
  NETWORK_DATA_TYPE.NO_DATA,
  NETWORK_DATA_TYPE.RISK,
  PART: 'part', 
  FULL: 'full', 
  No_Data_Default_Tip: 'no-data-default-tip',
  No_Data_Tip_1: 'no-data-tip-1',
  No_Data_Tip_2: 'no-data-tip-2',
  No_Network_Err_Tip: 'no-network',
  No_Data_Bmall: 'no-data-bmall',
  noData: 'no-data-empty', 
  netWorkErr: 'network-err', 
  searchEmpty: 'search-empty',
  shopClose: 'shop-close',
  OLD: 'old',
  NEW: 'new',

package/dist/components/base/NetworkDataError/index.dynamic.module.scss

@@ -0,0 +1,110 @@
+
+.d-shop-network {
+  position: fixed;
+  padding-bottom: 160px;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #e5e5e5;
+  box-sizing: border-box;
+  &.d-shop-network-white {
+    background-color: #fff;
+  }
+  .d-error-content {
+    text-align: center;
+    .d-data-error,
+    .d-no-data{
+      width: 320px;
+      height: 320px;
+      background: url('https://img13.360buyimg.com/img/jfs/t1/338555/32/1332/105413/68abc87dFeaf0b55c/75f29c7a376aab33.png')
+      0 0 /320px 320px no-repeat;
+    }
+    .d-opt-btn {
+      width: 160px;
+      height: 64px;
+      line-height: 64px;
+      font-size: 28px;
+      color: #1a1a1a;
+      border-radius: 12px;
+      border: none;
+      
+      &:after{
+        border: 1PX solid #C2C4CC;
+      }
+    }
+  }
+
+  .d-error-tip {
+    text-align: center;
+    line-height: 36px;
+    font-size: 32px;
+    font-weight: 600;
+    color: #1A1A1A;
+  }
+  .d-error-no-sub-tip,
+  .d-error-sub-tip {
+    margin-top: 20px;
+    line-height: 26px;
+    font-size: 24px;
+    text-align: center;
+    color: #505259;
+    font-weight: normal;
+  }
+  .d-error-type {
+    margin: 0 auto;
+    width: 320px;
+    height: 320px;
+    background-size: contain;
+    background-repeat: no-repeat;
+  }
+
+  .d-no-network {
+    // background-image: url('https://m.360buyimg.com/imagetools/jfs/t1/219405/34/29129/32963/64892a0eF2c068392/86c3fcf9d980ff10.png');
+    //background-image: url('../../../assets/networkError.png');
+    background-image: url('https://img20.360buyimg.com/img/jfs/t1/288585/18/14561/112286/68a2be15Fe5ac83cf/4c7a0aab9b5637da.png');
+  }
+
+  .d-data-error {
+    background-image: url('https://m.360buyimg.com/imagetools/jfs/t1/106708/34/36128/37234/64896f52Fed1530e0/7b403e068aae316c.png');
+  }
+  .d-risk {
+    background-image: url('https://m.360buyimg.com/imagetools/jfs/t1/106708/34/36128/37234/64896f52Fed1530e0/7b403e068aae316c.png');
+  }
+  .d-no-data {
+    background-image: url('https://img13.360buyimg.com/img/jfs/t1/338555/32/1332/105413/68abc87dFeaf0b55c/75f29c7a376aab33.png');
+  }
+  .d-search-empty {
+    background-image: url('https://img13.360buyimg.com/img/jfs/t1/324272/38/10433/126399/68abc9f3Faeb1be1e/cfe0f3f8af9b4cf1.png');
+  }
+  .d-shop-close {
+    background-image: url('https://img20.360buyimg.com/img/jfs/t1/332566/11/3756/130550/68abca38Feeda2bc3/706b2bbbdfefe19f.png');
+  }
+  
+  .d-opt-btn {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 144px;
+    height: 56px;
+    margin-top: 32px;
+    padding: 0;
+    font-size: 24px;
+    color: #fa2c19;
+    border: 1px solid #fa2c19;
+    box-sizing: border-box;
+    border-radius: 48px;
+    &:active {
+      opacity: 0.8;
+    }
+  }
+}
+
+.d-shop-network-part {
+  position: absolute;
+  min-height: 500px;
+  background: #f2f2f2;
+}
+.d-shop-network-no-position {
+  position: static;
+}

package/dist/components/base/NetworkDataError/index.dynamic.tsx

@@ -0,0 +1 @@
+import { Button, View } from '@tarojs/components';
  NetWorkErrorList,
  NetWorkErrorTip,
  NetWorkErrorSubTip,
  NetWorkShowType,
  NetWorkBusinessType,
  const {
    className = '',
    message = '',
    subMessage = '',
    btnLabel = '重新加载',
    backgroundColorWhite = false, 
    netWorkDataType = NETWORK_DATA_TYPE.NORMAL,
    netWorkShowType = NetWorkShowType.FULL,
    netWorkBusinessType = NetWorkBusinessType.noData,
    refreshCallBackFn = null,
    viewMaxHeight = '',
    noPosition = false, 
  } = props;
  const refershInitData = useCallback(() => {
    refreshCallBackFn && refreshCallBackFn(true);
  }, []);
  const useErrorTip = message && message !== '' ? message : NetWorkErrorTip[netWorkDataType];
  const useErrorSubTip = subMessage && subMessage !== "" ? subMessage : NetWorkErrorSubTip[netWorkDataType];
  const latestRes = latestFromNativeMsgStorage[TaroEventType.PAGE_SCROLL] || {};
  const maxHeight = latestRes?.displayHeight || 0; 
  return NetWorkErrorList.includes(netWorkDataType as NETWORK_DATA_TYPE) ? (
    <View
      style={{
        maxHeight: viewMaxHeight !== '' ? viewMaxHeight : maxHeight > 0 ? maxHeight : '100vh',
      }}
      className={classNames(
        netWorkErrorStyle['d-shop-network'],
        {
          [netWorkErrorStyle['d-shop-network-white']]: backgroundColorWhite,
        },
        {
          [netWorkErrorStyle['d-shop-network-part']]: netWorkShowType === NetWorkShowType.PART,
        },
        {
          [netWorkErrorStyle['d-shop-network-no-position']]: noPosition,
        },
        'flexible-center-box',
        className,
      )}
    >
      <View
        className={classNames(
          netWorkErrorStyle['d-error-content'],
          'd-error-content',
        )}
      >
        <View
          className={classNames(
            netWorkErrorStyle['d-error-type'],
            netWorkErrorStyle[`d-${netWorkDataType}`],
            netWorkErrorStyle[`d-${netWorkBusinessType}`],
            'd-error-type',
          )}
        />
        <View
          className={classNames(
            netWorkErrorStyle['d-error-tip'],
            netWorkErrorStyle[`d-${netWorkDataType}-tip`],
            {
              [netWorkErrorStyle[`d-error-no-sub-tip`]]: !useErrorSubTip
            },
            'd-error-tip',
          )}
        >
          {useErrorTip}
        </View>
        {useErrorSubTip ? (
          <View
            className={classNames(
              netWorkErrorStyle['d-error-sub-tip'],
              netWorkErrorStyle[`d-${netWorkDataType}-sub-tip`],
              'd-error-sub-tip',
            )}
          >
            {useErrorSubTip}
          </View>
        ) : null}
        <View className={'flexible-horizontal-center-box'}>
          {refreshCallBackFn && (
            <Button
              onClick={refershInitData}
              className={classNames(
                netWorkErrorStyle['d-opt-btn'],
                'd-button-no-border',
                'd-opt-btn',
              )}
              plain
              size="mini"
            >
              {btnLabel}
            </Button>
          )}
        </View>
      </View>
    </View>
  ) : null;

package/dist/interface/component.ts

@@ -1 +1 @@
-import React from 'react'
    subMessage?: string
    netWorkStyleType?: string
    viewMaxHeight?: string
        noPosition?: boolean
      floorLoadWay?: number
      floorKind?: number
      shopId?: string
      moduleDesignerType?: string
    showCommonFloorHead?: boolean
    borderRadius: number
    borderTopLeftRadius?: number
    borderTopRightRadius?: number
    borderBottomLeftRadius?: number
    borderBottomRightRadius?: number
    marginTop?: number
    marginBottom?: number
    marginLeft?: number
    marginRight?: number
    paddingTop?: number
    paddingBottom?: number
    paddingLeft?: number
    paddingRight?: number
    containerId: string
    background?: string
    containerPosition?: string
    key?: string
    floors: floorItemData[]
    includeUids: string[]
    typeCn: string
    typeCode?: string
    addLuxuryStyle?: boolean
    addLuxuryBackupStyle?: boolean
    renderExtendComponent?: functionType
    insertContainerStartComponent?: functionType
    floorExtendData?: any
  }
    isRealTimeRender: boolean
    forceRenderTime: number
    luxuryFixed?: boolean
    customErrorIsvFloorModule?: React.ReactElement | undefined
    containerIndex?: number
    containerData?: any
    shopTotalInfo?: any
    selectContainerFn?: functionType
    selectContainerId?: string
    placeHolderPreContainerId?: string
    children?: any
    luxuryFixed?: boolean
    style?: {
      [key: string]: any
    };
    layoutLeftRightMargin?: number
  }
    isShowPlaceHolder?: boolean
    
    useFontV2?: boolean
    useFontV2Bold?: boolean
    onlyShowDaySpaceTextState?: boolean 
    showDayToSecondState?: boolean 
    useFontV2: boolean
    useFontV2Bold: boolean
    onFormSubmit?: functionType
    onFormReset?: functionType
    isFormDialog?: boolean
    forbiddenBgScrollState?: boolean
    evenList:  any[]
    oddList: any[]
+import React from 'react'
    netWorkBusinessType?: string
    subMessage?: string
    netWorkStyleType?: string
    viewMaxHeight?: string
        noPosition?: boolean
      floorLoadWay?: number
      floorKind?: number
      shopId?: string
      moduleDesignerType?: string
    showCommonFloorHead?: boolean
    borderRadius: number
    borderTopLeftRadius?: number
    borderTopRightRadius?: number
    borderBottomLeftRadius?: number
    borderBottomRightRadius?: number
    marginTop?: number
    marginBottom?: number
    marginLeft?: number
    marginRight?: number
    paddingTop?: number
    paddingBottom?: number
    paddingLeft?: number
    paddingRight?: number
    containerId: string
    background?: string
    containerPosition?: string
    key?: string
    floors: floorItemData[]
    includeUids: string[]
    typeCn: string
    typeCode?: string
    addLuxuryStyle?: boolean
    addLuxuryBackupStyle?: boolean
    renderExtendComponent?: functionType
    insertContainerStartComponent?: functionType
    floorExtendData?: any
  }
    isRealTimeRender: boolean
    forceRenderTime: number
    luxuryFixed?: boolean
    customErrorIsvFloorModule?: React.ReactElement | undefined
    containerIndex?: number
    containerData?: any
    shopTotalInfo?: any
    selectContainerFn?: functionType
    selectContainerId?: string
    placeHolderPreContainerId?: string
    children?: any
    luxuryFixed?: boolean
    style?: {
      [key: string]: any
    };
    layoutLeftRightMargin?: number
  }
    isShowPlaceHolder?: boolean
    
    useFontV2?: boolean
    useFontV2Bold?: boolean
    onlyShowDaySpaceTextState?: boolean 
    showDayToSecondState?: boolean 
    useFontV2: boolean
    useFontV2Bold: boolean
    onFormSubmit?: functionType
    onFormReset?: functionType
    isFormDialog?: boolean
    forbiddenBgScrollState?: boolean
    evenList:  any[]
    oddList: any[]