@conecli/cone-render 0.10.1-shop-beta.22 → 0.10.1-shop-beta.24

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

@@ -1 +0,0 @@
-import Taro from '@tarojs/taro'
  title: '',
  message: null,
  className: '',
  maskCloseable: false, 
  show: true, 
  hasFooter: true,
  isCustom: false, 
  titleNode: null,
  bodyNode: null,
  footerNode: null,
  closeBtnText: '取消',
  closeBtnHideState: false,
  confirmBtnText: '确定',
  confirmBtnHideState: false,
  onBeforeConfirm: null,
  onConfirm: null,
  onClose: null,
  onBackground: null,
  onHide: null,
  onInit: null,
  isFormDialog: false,
  onFormSubmit: null,
  onFormReset: null,
  forbiddenBgScrollState: true, 
  const [dialogShowState, setDialogShowState] = useState(false)
  const [dialogConfig, setDialogConfig] =
    useState<ComponentInterFace.DialogConfigProps>({
      type: DialogType.BASE,
    })
  const dialogBackFnRef = useRef<ComponentInterFace.DialogConfigBackFn>({})
  useEffect(() => {
    
    Taro.eventCenter.on(TaroEventType.DIALOG, (res) => {
      res.show ? dialogInit(res) : setDialogShowState(false)
    })
    return () => {
      Taro.eventCenter.off(TaroEventType.DIALOG)
    }
  }, [])
  
  useEffect(() => {
    if (dialogConfig.forbiddenBgScrollState && taroJdBaseInfo.rootEleNode) {
      !dialogShowState ? taroJdBaseInfo.rootEleNode.classList.remove('over-hidden') : taroJdBaseInfo.rootEleNode.classList.add('over-hidden')
    }
  }, [dialogConfig, dialogShowState])
  const dialogInit = useCallback((opts) => {
    const {
      onBeforeConfirm,
      onConfirm,
      onClose,
      onBackground,
      onHide,
      onInit,
      onFormSubmit,
      onFormReset,
      ...otherOpts
    } = opts
    const dialogOpts = Object.assign(
      {},
      {
        ...dialogDefaultConfig,
        type: DialogType.BASE,
      },
      otherOpts,
    )
    dialogBackFnRef.current = {
      onInit,
      onBeforeConfirm,
      onConfirm,
      onClose,
      onBackground,
      onHide,
      onFormSubmit,
      onFormReset,
    }
    setDialogConfig(dialogOpts)
    setDialogShowState(true)
  }, [])
  const hideDialog = useCallback(() => {
    setDialogShowState(false)
  }, [])
  const closeDialog = useCallback(() => {
    hideDialog()
    dialogBackFnRef.current.onHide &&
    typeof dialogBackFnRef.current.onHide === 'function' &&
    dialogBackFnRef.current.onHide(dialogConfig)
  }, [dialogConfig])
  
  const updateDialogContentFn = (changeDialogConfig) => {
    setDialogConfig({
      ...dialogConfig,
      ...changeDialogConfig
    })
  }
  useEffect(() => {
    dialogShowState &&
    dialogBackFnRef.current.onInit &&
    typeof dialogBackFnRef.current.onInit === 'function' &&
    dialogBackFnRef.current.onInit(hideDialog, dialogConfig, updateDialogContentFn)
  }, [dialogShowState])
  
  const dialogConfirmFn = useCallback(
    (e) => {
      e.stopPropagation()
      if (
        dialogBackFnRef.current.onBeforeConfirm &&
        typeof dialogBackFnRef.current.onBeforeConfirm === 'function'
      ) {
        dialogBackFnRef.current.onBeforeConfirm(
          hideDialog,
          dialogConfig,
        )
      } else {
        closeDialog()
        dialogBackFnRef.current.onConfirm &&
        typeof dialogBackFnRef.current.onConfirm === 'function' &&
        dialogBackFnRef.current.onConfirm(dialogConfig)
      }
    },
    [dialogConfig],
  )
  const dialogCloseFn = useCallback(
    (e) => {
      e.stopPropagation()
      closeDialog()
      dialogBackFnRef.current.onClose &&
      typeof dialogBackFnRef.current.onClose === 'function' &&
      dialogBackFnRef.current.onClose(dialogConfig)
    },
    [dialogConfig],
  )
  const dialogBackgroundFn = useCallback(() => {
    if (dialogConfig.maskCloseable) {
      closeDialog()
    }
    if (
      dialogBackFnRef.current.onBackground &&
      typeof dialogBackFnRef.current.onBackground === 'function'
    ) {
      dialogBackFnRef.current.onBackground()
    }
  }, [dialogConfig])
  const renderCustomViewCompontent = (children) => {
    return <>{children}</>
  }
  return dialogShowState ? renderCustomViewCompontent(
    <>
      <View
        className={classNames(dialogStyle['d-dialog-layout'],"J_customLayout")}
        onClick={dialogBackgroundFn}
      >
        <View
          className={classNames(
            dialogStyle['d-dialog-wrap'],
            dialogStyle[`d-dialog-type-${dialogConfig.type}`],
            {
              [dialogStyle['d-dialog-jdapp-wrap']]: isJdApp
            },
            'flexible-center-box',
            dialogConfig.className,
          )}
        >
          {dialogConfig.isCustom ? (
            dialogConfig.bodyNode ? (
              dialogConfig.bodyNode
            ) : null
          ) : (
            <View
              className={classNames(
                dialogStyle['d-dialog-content'],
                'd-dialog-content',
              )}
              onClick={(e) => e.stopPropagation()}
            >
              {dialogConfig.title && dialogConfig.title != '' && (
                <View
                  className={classNames(
                    dialogStyle['d-dialog-header'],
                    'd-dialog-header',
                  )}
                >
                  {dialogConfig.title}
                </View>
              )}
              {dialogConfig.message && (
                <View
                  className={classNames(
                    dialogStyle['d-dialog-body'],
                    'd-dialog-body',
                  )}
                >{dialogConfig.message}</View>
              )}
              {dialogConfig.bodyNode && (
                <View
                  className={classNames(
                    dialogStyle['d-dialog-body'],
                    'd-dialog-body',
                  )}
                >
                  {dialogConfig.bodyNode
                    ? dialogConfig.bodyNode
                    : null}
                </View>
              )}
              {dialogConfig.footerNode ? (
                dialogConfig.footerNode
              ) : dialogConfig.hasFooter ? (
                <View
                  className={classNames(
                    dialogStyle['d-dialog-footer'],
                    {
                      [dialogStyle['d-dialog-footer-btn-line']]: !dialogConfig.closeBtnHideState && !dialogConfig.confirmBtnHideState
                    },
                    'd-dialog-footer',
                    'flexible-box',
                  )}
                >
                  {!dialogConfig.closeBtnHideState && (
                    <Button
                      className={classNames(
                        dialogStyle['d-dialog-btn'],
                        dialogStyle[
                          'd-dialog-cancel-btn'
                          ],
                        'd-dialog-cancel-btn',
                        'adaptive-box-flex',
                      )}
                      form-type={dialogConfig.isFormDialog ? 'reset' : ''}
                      onClick={dialogCloseFn}
                    >
                      {dialogConfig.closeBtnText}
                    </Button>
                  )}
                  {!dialogConfig.confirmBtnHideState && (
                    <Button
                      className={classNames(
                        dialogStyle['d-dialog-btn'],
                        dialogStyle[
                          'd-dialog-ensure-btn'
                          ],
                        'd-dialog-ensure-btn',
                        'adaptive-box-flex',
                      )}
                      onClick={dialogConfirmFn}
                    >
                      {dialogConfig.confirmBtnText}
                    </Button>
                  )}
                </View>
              ) : null}
            </View>
          )
          }
        </View>
      </View>
    </>,
  ) : null

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

@@ -1,15 +0,0 @@
-
-.d-sub-dynamic{
-  padding: 30px;
-  background-color: #9ebaee;
-  .d-btn{
-    font-size: 24px;
-    color: #49a6e8;
-    border-radius: 16px;
-    background-color: #dbdbdb;
-  }
-  .d-text{
-    font-size: 30px;
-    color: #c183db;
-  }
-}

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

@@ -1,16 +0,0 @@
-
-
-
-.d-sub-dynamic{
-  padding: 30px;
-  .d-btn{
-    font-size: 24px;
-    color: red;
-    border-radius: 16px;
-    background-color: darkgrey;
-  }
-  .d-text{
-    font-size: 30px;
-    color: #00c853;
-  }
-}

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

@@ -1 +0,0 @@
-import Taro from '@tarojs/taro'
  const onClick = () => {
    Taro.showToast({
      title: 'cone-render动态化引入测试'
    })
  }
  return <View className={styles['d-sub-dynamic']}>
    <Button className={styles['d-btn']} onClick={onClick}>动态化楼层按钮测试</Button>
    <Text className={styles['d-text']}>你好，动态化</Text>
  </View>;

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

@@ -1,40 +0,0 @@
-
-.d-lazy-image {
-  position: relative;
-  //background: #F8F8F8 url("../../resoure/jd_logo_bg.png") center center/50% no-repeat;
-  //background: #fff
-  //url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAeCAMAAABT0xOcAAAAe1BMVEUAAADx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fELy0NOAAAAKHRSTlMApwmfFtYm9rWveHDm70yJHYJaD2k8IeIr6pY2X0HHfsGRZDHdu1XNmO+CqgAAAu9JREFUSMfNlNmymzAQRAchkCUhdrMZbLze/v8vjIRMKN8kRR7ykFNeVIPV9Ewj039P1TR8+eILjL7RdLFFJUO8QMS7ZmyDJvZ0nDYGY+aKKDSJpY3OwWX6uFUEY/peCNEbY4Rp6AABixFYkLQRAK3VOmAjUrawMt1GrfWtXD7rlFF3uiA6HV/p0TF1tBECEVskYe+7qqW08mqT1jruneu21/72JfHoSZ7faj2bJu6mOlgEa3qjEXKeL/ACV1s5YSbqYP6stXUeX2FZnV3wuBSZqnVWqDNCIvaFRzZIiGAIw+CS/1brQCslgOQdUBoW10C2EFJei7AkygOlAnmGeMprJq/NjhZpAIrepOpOte2Oq9EXjupIMVoiXduQ9rTo7KsODhxJYaAGuJPjgRvdkRD1KP9CawRwettyF5SbVLZ49ZbuMJxGW93XisXPKA/oXNMDEReJT6N0OfZ2V4RqX4tFQPbOQbntwrl8oXCOQmu2hVosSr6j5QcW+uvukZJP37CWzL7tQs2lH8B53Nd6eq192N/72mdfa52XhdXPx6zcXKYgikLXbaNP66M27edoAO2X+RkQ9tVRhoWC6IZkCZAbHHa1SgDHNdHDsbrLr0ojKTkfDWp6+WPh1APakMAXbVrb6B/Mn+311zlETJZOCJYChttWxedUIyvyi9bLt+J4IPcLvVYypBNaDG5TguCzmct3rUkAPSdHJRLyDEjXQ6Un3GZQBamxaU09gJg+/r+4gqV0uzixXjBfLnDzixrjhDJGNoDXXqvK76OEJaO3L1bx/FQOCSxqcfJVUWiXCydEPowHeIqaZnf3wmvNRsBiC28ttEnS+1oy+lNtOMVAzayZCwsQ5ESNREgvKKuNjjI/ewNHr9Y4N5Is98llx2U8iOQXcKczhDwAM6ObayaanfWDDwhJcMvpU8ucr6+cPji5a8+UEVMCMNo97tLm0MU2uoMmi850yrc8s8Khyzuj7+Q6U7GPMCt8mOtGljP6l/wAUcBZ6lceL/8AAAAASUVORK5CYII=')
-  //0 0 / 75px 30px no-repeat;
-  //&:before{
-  //  content: '';
-  //  position: absolute;
-  //  top: 0;
-  //  left: 0;
-  //  right: 0;
-  //  bottom: 0;
-  //  display: inline-block;
-  //  margin: auto;
-  //  width: 75px;
-  //  height: 30px;
-  //  background:  url('https://img10.360buyimg.com/cms/jfs/t1/328840/6/11913/995/68afbf0bF9ec30819/def24889cbb231ec.png')
-  //  0 0 / 75px 30px no-repeat;
-  //}
-  background:  url('https://img10.360buyimg.com/cms/jfs/t1/328840/6/11913/995/68afbf0bF9ec30819/def24889cbb231ec.png') center center / 75px 30px no-repeat;
-  &.d-lazy-sku-image {
-    background-color: #F6F6F6;
-    background-image: url('https://img14.360buyimg.com/imagetools/jfs/t1/222907/25/7012/5824/61c4797cEbcd17c7f/6c76fc71e4fdb5a5.png');
-    background-size: 100% 100%;
-    background-position: 0 0;
-  }
-  &.d-load-completed {
-    background: none;
-  }
-  &.d-hide-image-error {
-    opacity: 0;
-  }
-  .d-lazy-image-content{
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-}

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

@@ -1 +0,0 @@
-import React, { useCallback, useState } from 'react';
  const {
    src = null,
    lazyLoad = true, 
    imagRenderingSet = true, 
    width = null,
    height = null,
    className = null, 
    isSkuImage = false,
    hideErrorImage = false, 
    style = null, 
    backgroundColor = null, 
    errorSrc = null, 
    onLoad = null, 
    onError = null, 
    ...otherOption
  } = props;
  getNetWorkType === NetWorkTypeQuality.default &&
    (getNetWorkType = taroJdBaseInfo.info.sysInfo.netWorkType);
  const [loadSuccess, setLoadSuccess] = useState(false);
  const [imgSrc, setImgSrc] = useState(src);
  const [imageErrState, setImageErrState] = useState(false);
  const imageError = useCallback(
    (e) => {
      console.log('图片加载错误', e);
      errorSrc && setImgSrc(errorSrc);
      hideErrorImage && setImageErrState(true);
      typeof onError === 'function' && onError(e, src, props);
    },
    [src],
  );
  
  const imageLoad = useCallback(
    (event) => {
      setLoadSuccess(true);
      typeof onLoad === 'function' && onLoad(event, src, props);
    },
    [src],
  );
  
  const changeStyleIncludeWidthAndHeightAndBgColor = () => {
    const changeStyle = {};
    width && (changeStyle['width'] = width);
    height && (changeStyle['height'] = height);
    backgroundColor && (changeStyle['backgroundColor'] = backgroundColor);
    return changeStyle;
  };
  const getLastStyle = () => {
    return {
      ...style,
      ...changeStyleIncludeWidthAndHeightAndBgColor(),
    };
  };
  return (
    <View
      className={classNames(
        imageStyle['d-lazy-image'],
        {
          [imageStyle['d-lazy-sku-image']]: isSkuImage,
        },
        {
          [imageStyle['d-hide-image-error']]: imageErrState,
        },
        {
          [imageStyle['d-load-completed']]: loadSuccess,
        },
        {
          'd-imag-rendering-crisp-edges': imagRenderingSet,
        },
        className,
      )}
      style={getLastStyle()}
    >
      <Image
        className={classNames(imageStyle['d-lazy-image-content'])}
        src={getQualityImage(imgSrc, NetWorkTypeQuality[getNetWorkType])}
        lazyLoad={lazyLoad}
        onError={imageError}
        placeholder={placeholderImg}
        onLoad={imageLoad}
        {...otherOption}
      />
    </View>
  );

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

@@ -1,95 +0,0 @@
-
-.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 {
-      display: inline-block;
-      margin-top: 32px;
-      padding: 0 24px;
-      //min-width: 160px;
-      height: 64px;
-      line-height: 64px;
-      font-size: 24px;
-      color: #1A1A1A;
-      text-align: center;
-      border: 1px solid #C2C4CC;
-      border-radius: 12px;
-      background-color: #fff;
-      box-sizing: border-box;
-    }
-  }
-
-  .d-error-tip {
-    line-height: 38px;
-    font-size: 32px;
-    font-weight: 600;
-    color: #1A1A1A;
-    text-align: center;
-  }
-  .d-error-no-sub-tip,
-  .d-error-sub-tip {
-    margin-top: 20px;
-    line-height: 28px;
-    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-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

@@ -1 +0,0 @@
-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/components/base/Price/Base/index.dynamic.module.scss

@@ -1,63 +0,0 @@
-
-:global {
-  .d-mini-price {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    align-items: baseline;
-    overflow: hidden;
-    .init-font-color{
-      color: #f23030;
-      font-family: 'JDZH-Regular';
-      align-self: baseline;
-      &.d-font-v2{
-        font-family: 'JDZH-Regular';
-      }
-      &.d-font-v2-bold{
-        font-family: 'JDZH-Bold';
-      }
-    }
-    .init-font-android-color{
-      align-self: flex-end;
-    }
-    &-sym {
-      font-size: 22px;
-    }
-
-    .int-txt {
-      font-size: 36px;
-    }
-    .off-shelf {
-      color: rgb(162, 164, 172);
-    }
-
-    .dec-txt {
-      font-size: 22px;
-    }
-
-    .sym-sup {
-      vertical-align: top;
-    }
-
-    .dec-sup {
-      vertical-align: top;
-    }
-
-    &.del {
-      .sym-sub,
-      .int-txt,
-      .dec-txt {
-        font-size: 22px;
-        color: #2e2e2e;
-        text-decoration: line-through;
-      }
-    }
-    &.d-price-label {
-      .d-price-label-text {
-        margin-left: 8px;
-        font-size: 22px;
-        font-family: PingFang SC;
-      }
-    }
-  }
-}