@conecli/cone-render 0.9.1-shop2.4 → 0.9.1-shop2.40

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

@@ -1 +1 @@
-import React, { useMemo } from 'react'
  key: 1, 
+import React, { useMemo } from 'react';
  'https://m.360buyimg.com/imagetools/jfs/t1/170321/15/27425/230/61c1839aE0514462b/0b4d278fe18d91bb.png';
  'https://m.360buyimg.com/imagetools/jfs/t1/94671/2/26921/257/623d630aE681512e3/ded2e640c4a0a7ea.png';
  const getLogInfo = ReportContainerData.getReportClickFloorInfo(
    floorData,
    dataDefines,
    {
      clickArea: `title`,
      skuid: ``,
      tagList: [],
      labelList: [],
      pos: ``,
    },
    {
      la_p: ``,
    },
  );
  if (config) {
    JumpEventReport.jdJumpConfigUrl(config, {
      eventId: `TerminatorNew_${floorData.floorExtInfo?.moduleFlag}_Click`,
      jsonParam: getLogInfo,
    });
  }
  dataDefines,
  floorData,
  oldModuleFloorTitle, 
  titleText,
  titleMoreClick,
  additionalRenderContent,
  customClassName,
  const floorTitleDataDefine = dataDefines
    ? dataDefines.filter((item) => {
        return item.type === 'floorTitle';
      })
    : [];
  const floorTitle = oldModuleFloorTitle
    ? oldModuleFloorTitle
    : (floorTitleDataDefine[0]?.nodeText?.data ?? {});
  const { detail, imageUrl, text, textBackground, type: floorTitleType = 1, subText } = floorTitle;
  if (floorTitleType === 1) {
    return null;
  }
  const bgMap = {
    '1': null,
    '2': textBackground || '',
    '3': imageUrl || '',
  };
  const useFloorTitleBgImg = bgMap[floorTitleType];
  return (
    <View
      className={classNames(styles['d-root'], customClassName)}
      onClick={floorTitleType === 3 ? gotoMPage.bind(this, dataDefines, floorData, detail) : {}}
    >
      <View
        className={classNames(styles['d-img'], {
          [styles['d-img-bg']]: useFloorTitleBgImg,
        })}
        style={useFloorTitleBgImg ? { backgroundImage: `url(${useFloorTitleBgImg})` } : {}}
      />
      <View
        className={classNames(
          styles['d-content-wrap'],
          floorTitleType === 2 && textBackground ? styles['d-has-title-bg'] : null,
          floorTitleType === 3 ? styles['d-type-is-img'] : null,
          useFloorTitleBgImg ? styles['d-content-wrap-for-img'] : null,
        )}
      >
        <View className={classNames(styles['d-content'], 'd-content')}>
          <View className={styles['d-content-left']}>
            {floorTitleType === 2 && text ? (
              <Text className={classNames(styles['d-text'], 'text-ellipsis')}>
                {titleText ? titleText : text}
              </Text>
            ) : null}
            {floorTitleType === 2 && subText
              ? [
                  textBackground ? <View key={1} className={styles['d-vertical-line']} /> : null,
                  <Text key={2} className={styles['d-sub-text']}>
                    {subText}
                  </Text>,
                ]
              : null}
            {additionalRenderContent ? additionalRenderContent(textBackground) : null}
          </View>
          <View className={styles['d-content-right']}>
            {titleMoreClick ? (
              <View
                className={styles['d-title-more']}
                onClick={(e) => {
                  typeof titleMoreClick === 'function' && titleMoreClick(e);
                  e.stopPropagation();
                }}
              >
                <Text
                  className={classNames(
                    styles['d-title-more-text'],
                    textBackground || floorTitleType === 3
                      ? styles['d-title-more-text-white']
                      : null,
                  )}
                >
                  更多
                </Text>
                <Image
                  className={styles['d-title-more-arrow']}
                  src={textBackground || floorTitleType === 3 ? ICON_ARROW_WHITE : ICON_ARROW_GRAY}
                  mode="widthFix"
                />
              </View>
            ) : null}
          </View>
        </View>
      </View>
    </View>
  );
  return useMemo(() => {
    return <CommonFloorHeader {...props} />;
  }, [props.key]);
  titleText: null,
  titleMoreClick: null,
  additionalRenderContent: null,
  customClassName: null,
  key: 1, 

package/dist/components/base/CountDown/index.module.scss

@@ -1,47 +1,52 @@
 
 .d-count-down {
-	position: relative;
-	z-index: 2;
-	padding-top: 1px;
-	line-height: 28px;
-	font-size: 24px;
-	font-weight: bolder;
-	color: #fff;
-	text-align: center;
-	&.d-ios-10-count-down {
-		padding-top: 9px;
-	}
-	:global {
-		.d-count-down-title {
-			// position: relative;
-			// top: -2px;
-			display: inline-block;
-			padding-right: 5px;
-			height: 24px;
-			line-height: 24px;
-			font-size: 20px;
-		}
-		.d-count-down-time {
-			display: inline-block;
-			//margin: 0 2px;
-			min-width: 24px;
-			line-height: 28px;
-			font-size: 20px;
-			text-align: center;
-		}
-		.d-time-space-text {
-			display: inline-block;
-			//margin: 0 2px;
-			font-size: 20px;
-		}
-		// .d-count-from-end {
-		// 	margin-right: 4px;
-		// 	font-size: 9px;
-		// }
-	}
-	:global(.d-count-down-time) {
-		&:global(.d-day-time) {
-			min-width: 12px;
-		}
-	}
+  position: relative;
+  z-index: 2;
+  padding-top: 1px;
+  line-height: 28px;
+  font-size: 24px;
+  font-weight: bolder;
+  color: #fff;
+  text-align: center;
+  &.d-ios-10-count-down {
+    padding-top: 9px;
+  }
+  :global {
+    .d-count-down-title {
+      // position: relative;
+      // top: -2px;
+      display: inline-block;
+      padding-right: 5px;
+      height: 24px;
+      line-height: 24px;
+      font-size: 20px;
+    }
+    .d-count-down-time {
+      display: inline-block;
+      //margin: 0 2px;
+      min-width: 24px;
+      line-height: 28px;
+      font-size: 20px;
+      text-align: center;
+    }
+    .d-time-space-text {
+      display: inline-block;
+      //margin: 0 2px;
+      font-size: 20px;
+    }
+    .d-day-time {
+      min-width: 12px;
+    }
+    // .d-count-from-end {
+    // 	margin-right: 4px;
+    // 	font-size: 9px;
+    // }
+  }
+  &.d-en-count-down {
+    :global {
+      .d-day-space-text {
+        padding-right: 4px;
+      }
+    }
+  }
 }

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

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
+import Taro from '@tarojs/taro';
  const {
    residueTime,
    serverTime,
    startTime,
    endTime,
    className,
    info,
    endTimeEndCallBack,
    startTimeEndCallBack,
    startTitleText,
    endTitleText,
    timeNumSpaceTextState,
    showDaytimeNumSpaceTextState,
    getDaysToHours,
    onlyShowDayState,
    showDayState,
    showHourState,
    showMinuteState,
    showSecondState,
    showDayToSecondState,
    fromStartText,
    fromEndText,
    numTextColor,
    textColor,
    numTextBgColor,
  } = props;
  const [endTimeFormat, setEndTimeFormat] = useState<{
    day: string | number;
    hour: string | number;
    minute: string | number;
    second: string | number;
  }>({
    day: 0,
    hour: 0,
    minute: 0,
    second: 0,
  });
  const countDownTimer = useRef<NodeJS.Timer | null>();
  const countDownTypeText = useRef<ComponentInterFace.CountDownTimerRef>({
    type: 'end',
    text: endTitleText,
    time: null,
  });
  
  const diffTimerRef = useRef({
    stopDocumentTime: 0,
    recoverDocumentTime: 0,
    diffTime: 0,
  });
  
  useEffect(() => {
    Taro.eventCenter.on(TaroEventType.PAGE_DOCUMENT_VISIBILITY_CHANGE, (state) => {
      if (state) {
        if (diffTimerRef.current.stopDocumentTime && diffTimerRef.current.stopDocumentTime > 0) {
          diffTimerRef.current.recoverDocumentTime = Date.now();
          diffTimerRef.current.diffTime =
            diffTimerRef.current.recoverDocumentTime - diffTimerRef.current.stopDocumentTime;
          changeTimerSetInterval(true);
        }
      } else {
        diffTimerRef.current.stopDocumentTime = Date.now();
        if (countDownTimer.current) {
          clearInterval(countDownTimer.current);
          countDownTimer.current = null;
        }
      }
    });
  }, []);
  useEffect(() => {
    if (serverTime > 0 || residueTime > 0) {
      let getNowEndTime = residueTime > 0 ? residueTime : endTime - serverTime;
      if (startTime && endTime) {
        if (serverTime <= startTime) {
          getNowEndTime = startTime - serverTime;
          countDownTypeText.current = {
            type: 'start',
            text: startTitleText,
            time: null,
          };
        } else {
          getNowEndTime = endTime - serverTime;
          countDownTypeText.current = {
            type: 'end',
            text: endTitleText,
            time: null,
          };
        }
      } else {
        countDownTypeText.current = {
          type: 'end',
          text: endTitleText,
          time: null,
        };
      }
      if (getNowEndTime > 0) {
        countDownTimeFormat(getNowEndTime);
        countDownTypeText.current.time = getNowEndTime;
        countDownTypeText.current.type === 'start' &&
          (countDownTypeText.current.endTime = endTime - serverTime);
        changeTimerSetInterval();
      } else {
        countDownTypeText.current = {
          type: 'end',
          text: endTitleText,
          time: 0,
        };
      }
    }
    return () => {
      countDownTimer.current && clearInterval(countDownTimer.current);
    };
  }, [serverTime]);
  
  const changeTimerSetInterval = (recoverState = false) => {
    countDownTimer.current && clearInterval(countDownTimer.current);
    recoverState && changeTimerFunc();
    countDownTimer.current = setInterval(changeTimerFunc, 1000);
  };
  const changeTimerFunc = () => {
    if (countDownTypeText.current.time && diffTimerRef.current.diffTime > 0) {
      countDownTypeText.current.time -= diffTimerRef.current.diffTime;
      countDownTypeText.current.type === 'start' &&
        countDownTypeText.current.endTime &&
        (countDownTypeText.current.endTime -= diffTimerRef.current.diffTime);
      console.log(
        '当前id倒计时获取倒计时息屏时间计算差值',
        countDownTimer.current,
        diffTimerRef.current,
        countDownTypeText.current,
      );
      diffTimerRef.current.stopDocumentTime = 0;
      diffTimerRef.current.recoverDocumentTime = 0;
      diffTimerRef.current.diffTime = 0;
    }
    if (countDownTypeText.current.time && countDownTypeText.current.time > 1000) {
      countDownTypeText.current.time -= 1000;
      countDownTypeText.current.type === 'start' &&
        countDownTypeText.current.endTime &&
        (countDownTypeText.current.endTime -= 1000);
      countDownTimeFormat(countDownTypeText.current.time);
    } else {
      countDownTypeText.current.time = 0;
      countDownTimeFormat(countDownTypeText.current.time);
      countDownTimer.current && clearInterval(countDownTimer.current);
      if (countDownTypeText.current.type === 'start') {
        let triggerStartTimeEndCallBackState = true;
        countDownTypeText.current = Object.assign({}, countDownTypeText.current, {
          type: 'end',
          text: endTitleText,
        });
        countDownTypeText.current.time = countDownTypeText.current.endTime;
        countDownTypeText.current.time && (countDownTypeText.current.time -= 1000);
        if (countDownTypeText.current.time && countDownTypeText.current.time > 0) {
          countDownTimer.current = setInterval(() => {
            if (countDownTypeText.current.time && diffTimerRef.current.diffTime > 0) {
              countDownTypeText.current.time -= diffTimerRef.current.diffTime;
              diffTimerRef.current.stopDocumentTime = 0;
              diffTimerRef.current.recoverDocumentTime = 0;
              diffTimerRef.current.diffTime = 0;
            }
            if (triggerStartTimeEndCallBackState && startTimeEndCallBack) {
              startTimeEndCallBack({
                type: 'start',
                endState: true,
                ...info,
              });
              triggerStartTimeEndCallBackState = false;
            }
            if (countDownTypeText.current.time && countDownTypeText.current.time > 1000) {
              countDownTypeText.current.time -= 1000;
              countDownTimeFormat(countDownTypeText.current.time);
            } else {
              endTimeEndCallBack &&
                endTimeEndCallBack({
                  type: 'end',
                  endState: true,
                  ...info,
                });
            }
          }, 1000);
        }
      } else {
        endTimeEndCallBack &&
          endTimeEndCallBack({
            type: 'end',
            endState: true,
            ...info,
          });
      }
    }
  };
  const countDownTimeFormat = (nowEndTime) => {
    let day = Math.floor(nowEndTime / 1000 / 86400);
    let hour = Math.floor((nowEndTime / 1000 / 3600) % 24);
    const minute = Math.floor((nowEndTime / 1000 / 60) % 60);
    const second = Math.floor((nowEndTime / 1000) % 60);
    if (getDaysToHours && day > 0) {
      hour = hour + day * 24;
      day = 0;
    }
    setEndTimeFormat({
      day,
      hour: `${hour}`.padStart(2, '0'),
      minute: `${minute}`.padStart(2, '0'),
      second: `${second}`.padStart(2, '0'),
    });
  };
  const numCustomStyle = numTextColor
    ? useRef({ color: numTextColor, backgroundColor: numTextBgColor })
    : useRef({});
  const textCustomStyle = textColor ? useRef({ color: textColor }) : useRef({});
  return (
    <View
      className={classNames(
        countDownStyle['d-count-down'],
        {
          [countDownStyle['d-ios-10-count-down']]: ios10State && !devToolPlatformState,
        },
        {
          [countDownStyle['d-en-count-down']]: isLanguageForEn,
        },
        className,
      )}
    >
      {countDownTypeText.current && countDownTypeText.current.text && (
        <Text className={classNames('d-count-down-title', 'font-jdzht')}>
          {countDownTypeText.current.text}
        </Text>
      )}
      <View className="display-inline-block">
        {fromStartText && <Text className="d-count-from-start">{fromStartText}</Text>}
        {onlyShowDayState && endTimeFormat.day > 0 ? (
          <>
            <Text
              className={classNames('d-count-down-time', 'd-day-time', 'font-jdzht')}
              style={numCustomStyle.current}
            >
              {endTimeFormat.day}
            </Text>
            <Text className="d-time-space-text d-day-space-text" style={textCustomStyle.current}>
              {showDaytimeNumSpaceTextState ? countDownTimeDay : ':'}
            </Text>
          </>
        ) : (
          <>
            {(showDayState || showDayToSecondState) && endTimeFormat.day > 0 && (
              <>
                <Text
                  className={classNames('d-count-down-time', 'd-day-time', 'font-jdzht')}
                  style={numCustomStyle.current}
                >
                  {endTimeFormat.day}
                </Text>
                <Text
                  className="d-time-space-text d-day-space-text"
                  style={textCustomStyle.current}
                >
                  {showDaytimeNumSpaceTextState ? countDownTimeDay : ':'}
                </Text>
              </>
            )}
            {showHourState && (
              <>
                <Text
                  className={classNames('d-count-down-time', 'd-hour-time', 'font-jdzht')}
                  style={numCustomStyle.current}
                >
                  {endTimeFormat.hour}
                </Text>
                <Text className="d-time-space-text" style={textCustomStyle.current}>
                  {(endTimeFormat.day > 0 && showDaytimeNumSpaceTextState) || timeNumSpaceTextState
                    ? countDownTimeHour
                    : ':'}
                </Text>
              </>
            )}
            {showMinuteState && (
              <>
                <Text
                  className={classNames('d-count-down-time', 'd-minute-time', 'font-jdzht')}
                  style={numCustomStyle.current}
                >
                  {endTimeFormat.minute}
                </Text>
                <Text className="d-time-space-text" style={textCustomStyle.current}>
                  {(endTimeFormat.day > 0 && showDaytimeNumSpaceTextState) || timeNumSpaceTextState
                    ? countDownTimeMin
                    : endTimeFormat.day > 0
                      ? ''
                      : ':'}
                </Text>
              </>
            )}
            {showSecondState && (endTimeFormat.day <= 0 || showDayToSecondState) && (
              <>
                <Text
                  className={classNames('d-count-down-time', 'd-second-time', 'font-jdzht')}
                  style={numCustomStyle.current}
                >
                  {endTimeFormat.second}
                </Text>
                {(timeNumSpaceTextState ||
                  (showDayToSecondState && showDaytimeNumSpaceTextState)) && (
                  <Text className="d-time-space-text" style={textCustomStyle.current}>
                    秒
                  </Text>
                )}
              </>
            )}
          </>
        )}
        {fromEndText && <Text className="d-count-from-end">{fromEndText}</Text>}
      </View>
    </View>
  );
  return useMemo(() => {
    return <CountDownTimer {...props} />;
  }, []);
  residueTime: -1, 
  serverTime: null,
  className: null,
  startTime: null,
  endTime: null,
  info: null, 
  startTitleText: '距活动开始',
  endTitleText: '距活动结束',
  fromEndText: null,
  startTimeEndCallBack: null,
  endTimeEndCallBack: null,
  timeNumSpaceTextState: false, 
  showDaytimeNumSpaceTextState: true, 
  onlyShowDayState: false, 
  showDayState: false, 
  showDayToSecondState: false, 
  getDaysToHours: false, 
  showHourState: true,
  showMinuteState: true,
  showSecondState: true,
  numTextColor: null,
  textColor: null,
  numTextBgColor: null,

package/dist/components/base/CustomScrollView/index.jd.tsx

@@ -0,0 +1 @@
+import React from 'react'
    return (
        <ScrollView
            scrollX
            enhanced
            showScrollbar={false}
            {...otherProps}
            className={classNames(
                className,
                {
                    [customScrollViewStyle[
                        'd-custom-ios-mini-extend-border-radius'
                    ]]:
                        isIosDevice &&
                        isJdMin &&
                        scrollX &&
                        style['borderRadius'],
                },
                {
                    [customScrollViewStyle[
                        'd-custom-ios-h5-extend-border-radius'
                    ]]: isIosDevice,
                },
                {
                    [customScrollViewStyle['d-custom-mini-hide-scroll']]:
                        isJdMin,
                },
            )}
            style={style}
        >
            {children}
        </ScrollView>
    )

package/dist/components/base/CustomScrollView/index.module.scss

@@ -16,3 +16,10 @@
 		width: 0;
 	}
 }
+
+.d-custom-mini-hide-scroll {
+	&::-webkit-scrollbar {
+		display: none;
+		width: 0;
+	}
+}