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

package/dist/modules/ContainerFloorList/index.tsx

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
  className={classNames(
  id={`J_floor_${floorItem?.uid}`}
  key={floorItem.uid}
  data-floor-uid={floorItem?.uid}
  data-floor-type={floorItem?.floorExtInfo?.moduleFlag || ''}
  floorIndex={floorIndex}
  floorData={floorItem}
  layoutLeftRightMargin={containerLayoutLeftRightMargin}
  containerBorderRadius={item?.borderRadius || 0}
  updateShopFloorDataFn={updateShopFloorDataFn}
  loadingEndComponentFn={loadingEndComponentFn}
  key={floorItem.uid}
  changeScrollTopFn={changeContainerFloorListScrollTop}
  builtInComponents={builtInComponents}
  className={
  style={{
  netWorkShowType={NetWorkShowType.PART}
  netWorkDataType={NETWORK_DATA_TYPE.DATA_ERROR}
+import Taro from '@tarojs/taro';
  NETWORK_DATA_TYPE,
  TaroEventType,
  MINI_APP_SHOP_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT,
  SHOP_TAB_CONTENT_BOTTOM,
  let thisListData: ComponentInterFace.ContainerItemData[] | [] = listData.slice(0);
  const thisListDataLen = thisListData.length;
  const res: any[] = [];
  if (thisListDataLen) {
    if (thisListDataLen < num) {
      res.push(thisListData);
    } else {
      while (thisListData.length) {
        if (thisListData.length >= num) {
          res.push(thisListData.splice(0, num));
        } else {
          res.push(thisListData);
          thisListData = [];
        }
      }
    }
  }
  return res;
  containerFloorListData: ComponentInterFace.ContainerItemData[];
  className?: string;
  sectionType?: string;
  style?: object;
  hasGoodsFeeds?: boolean;
  miniScrollSelf?: boolean; 
  tabContentShowState?: boolean; 
  loadingEndComponentFn?: functionType;
  updateShopFloorDataFn?: functionType;
  builtInComponents?: object;
  changeScrollToLowerStateFn: functionType | null;
  changeLayoutScrollToTopFn?: functionType;
  triggerMiniLoadProductWithFilterFn?: functionType;
  switchConfig?: {
    [key: string]: any;
  };
  const { windowHeight, actualNavBarHeight } = taroJdBaseInfo.info.sysInfo;
  const {
    className,
    style,
    loadingEndComponentFn,
    hasGoodsFeeds,
    sectionType,
    tabContentShowState,
    containerFloorListData,
    updateShopFloorDataFn,
    changeScrollToLowerStateFn,
    changeLayoutScrollToTopFn,
    triggerMiniLoadProductWithFilterFn,
    builtInComponents,
    miniScrollSelf = false,
    switchConfig,
  } = props;
  const emptyFloorListHidden = switchConfig?.emptyFloorListHidden || false;
  const [containerFloorListScrollTop, setContainerFloorListScrollTop] = useState(0);
  const loadMoreContainerFloorListDataRef = useRef({
    needFirstLoadState: true, 
    loadingState: false, 
  });
  const isFuncForChangeScrollToLowerStateFn = typeof changeScrollToLowerStateFn === 'function';
  const loadSectionTypeContainerFloorListRef = useRef<{
    [key: string]: ComponentInterFace.MiniLoadFloorListRef;
  }>({
    [`${sectionType}`]: {
      index: 1,
      itemNum: 0,
      list: [],
      loadList: [], 
      max: 1,
    },
  });
  const [containerFloorList, setContainerFloorList] = useState<
    ComponentInterFace.ContainerItemData[]
  >(() => {
    
    const getLoadDataArr = containerFloorListDataSpliceToPromise(containerFloorListData);
    const getThisSectionTypeListData =
      loadSectionTypeContainerFloorListRef.current[`${sectionType}`];
    getThisSectionTypeListData.list = getLoadDataArr;
    getThisSectionTypeListData.itemNum = containerFloorListData.length;
    getThisSectionTypeListData.max = getLoadDataArr.length;
    console.log('获取加载数据总数据----' + sectionType, getLoadDataArr);
    const getThisLoadList = getLoadDataArr.shift();
    if (getThisLoadList) {
      getThisSectionTypeListData.loadList = getThisLoadList;
      return getThisLoadList;
    } else {
      return [];
    }
  });
  useEffect(() => {
    if (containerFloorList.length > 0) {
      Taro.nextTick(() => {
        const getThisSectionTypeListData =
          loadSectionTypeContainerFloorListRef.current[`${sectionType}`];
        console.log(
          `加载${sectionType}中第${getThisSectionTypeListData.index}批次${LOAD_FLOOR_BATCH_NUM}个模块完毕,共计${getThisSectionTypeListData.max}轮，楼层总计${getThisSectionTypeListData.itemNum}`,
        );
        loadMoreContainerFloorListDataRef.current.needFirstLoadState &&
          checkLoadFloorListLoadState().then((needLoadState) => {
            console.log('检查是否需要继续加载状态', needLoadState);
            if (needLoadState) {
              const getThisLoadList = getThisSectionTypeListData.list.shift();
              if (getThisLoadList) {
                getThisSectionTypeListData.index++;
                const changeContainerList: ComponentInterFace.ContainerItemData[] = [
                  ...getThisSectionTypeListData.loadList,
                  ...getThisLoadList,
                ];
                getThisSectionTypeListData.loadList = changeContainerList;
                setContainerFloorList(changeContainerList);
              } else {
                Taro.hideLoading();
                loadMoreContainerFloorListDataRef.current.needFirstLoadState = false;
              }
            } else {
              Taro.hideLoading();
              loadMoreContainerFloorListDataRef.current.needFirstLoadState = false;
            }
          });
      });
    }
  }, [containerFloorList]);
  
  const checkLoadFloorListLoadState = () => {
    return new Promise((resolve) => {
      Taro.createSelectorQuery()
        .select('#J_shopContainerFloorList')
        .boundingClientRect(function (rect) {
          if (rect) {
            if (rect.height && rect.height < windowHeight + 100) {
              resolve(true);
            } else {
              resolve(false);
            }
          } else {
            resolve(true);
          }
        })
        .exec();
    });
  };
  
  const loadMoreContainerFloorList = (evt: any = false) => {
    const getThisSectionTypeListData =
      loadSectionTypeContainerFloorListRef.current[`${sectionType}`];
    if (
      !loadMoreContainerFloorListDataRef.current.loadingState &&
      getThisSectionTypeListData.list.length > 0
    ) {
      loadMoreContainerFloorListDataRef.current.loadingState = true;
      getThisSectionTypeListData.index++;
      console.log(`当前即将加载${sectionType}中第${getThisSectionTypeListData.index}轮`);
      const getThisLoadList = getThisSectionTypeListData.list.shift();
      if (getThisLoadList) {
        const changeFloorList = [...getThisSectionTypeListData.loadList, ...getThisLoadList];
        getThisSectionTypeListData.loadList = changeFloorList;
        loadMoreContainerFloorListDataRef.current.loadingState = false;
        isFuncForChangeScrollToLowerStateFn && changeScrollToLowerStateFn(false);
        setContainerFloorList(changeFloorList);
        Taro.nextTick(() => {
          if (getThisSectionTypeListData.list.length == 0) {
            typeof triggerMiniLoadProductWithFilterFn === 'function' &&
              triggerMiniLoadProductWithFilterFn();
          }
        });
      } else {
        isFuncForChangeScrollToLowerStateFn && changeScrollToLowerStateFn(false);
      }
    }
    if (
      miniScrollSelf &&
      evt &&
      !loadMoreContainerFloorListDataRef.current.loadingState &&
      getThisSectionTypeListData.index >= getThisSectionTypeListData.max
    ) {
      pageScrollToLower(evt);
    }
  };
  useEffect(() => {
    if (!miniScrollSelf) {
      Taro.eventCenter.on(TaroEventType.PAGE_SCROLL_END, (tabActiveType) => {
        if (tabActiveType == sectionType && tabContentShowState) {
          loadMoreContainerFloorList();
        }
      });
    }
  }, []);
  const pageScrollToLower = useCallback((evt) => {
    console.log('触发滚动底部位置', evt.detail);
    Taro.eventCenter.trigger(TaroEventType.PAGE_SCROLL_END);
  }, []);
  
  const onScrollRecord = (event) => {
    const { detail } = event;
    if (detail) {
      taroJdBaseInfo.info.pageInfo.miniScrollInfo = detail;
    }
  };
  const renderFloorItem = useCallback(
    (item, floorItem, floorIndex, containerLayoutLeftRightMargin, borderStyle) => {
      return (
        <View
          className={classNames(shopContainerListStyle['d-floor-item'])}
          id={`J_floor_${floorItem?.uid}`}
          key={floorItem.uid}
          data-floor-uid={floorItem?.uid}
          data-floor-type={floorItem?.floorExtInfo?.moduleFlag || ''}
          style={borderStyle}
        >
          <FloorListItem
            floorIndex={floorIndex}
            floorData={floorItem}
            layoutLeftRightMargin={containerLayoutLeftRightMargin}
            containerBorderRadius={borderStyle}
            updateShopFloorDataFn={updateShopFloorDataFn}
            loadingEndComponentFn={loadingEndComponentFn}
            changeScrollToLowerStateFn={changeScrollToLowerStateFn}
            key={floorItem.uid}
            changeScrollTopFn={changeContainerFloorListScrollTop}
            builtInComponents={builtInComponents}
          />
        </View>
      );
    },
    [],
  );
  const changeContainerFloorListScrollTop = (top) => {
    if (miniScrollSelf) {
      setContainerFloorListScrollTop(top);
    } else {
      typeof changeLayoutScrollToTopFn === 'function' && changeLayoutScrollToTopFn(top);
    }
  };
  const renderContainerList = () => {
    const listNum = containerFloorList.length || 0;
    const getThisSectionTypeListData =
      loadSectionTypeContainerFloorListRef.current[`${sectionType}`];
    return (
      <View id="J_shopContainerFloorList">
        {containerFloorListData && containerFloorListData.length > 0 ? (
          listNum > 0 && (
            <>
              {containerFloorList.map((item, index) => {
                const containerLayoutLeftRightMargin =
                  (item.marginLeft || 0) + (item.marginRight || 0);
                const getContainerId = `J_container_${item.containerId}`;
                const borderStyle = getBorderStyle(item, index, containerFloorList, listNum);
                if (index === listNum - 1) item.marginBottom = 8;
                return (
                  <View
                    className={shopContainerListStyle['d-container-item']}
                    id={getContainerId}
                    key={item.containerId + item.key}
                    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,
                      borderTopLeftRadius: borderStyle?.borderTopLeftRadius || `0px`,
                      borderTopRightRadius: borderStyle?.borderTopRightRadiu || `0px`,
                      borderBottomLeftRadius: borderStyle?.borderBottomLeftRadius || `0px`,
                      borderBottomRightRadius: borderStyle?.borderBottomRightRadius || `0px`,
                    }}
                  >
                    {item.floors.length > 0 && (
                      <>
                        {item.floors?.map((floorItem, floorIndex) => {
                          return renderFloorItem(
                            item,
                            floorItem,
                            floorIndex,
                            containerLayoutLeftRightMargin,
                            borderStyle,
                          );
                        })}
                      </>
                    )}
                  </View>
                );
              })}
              {getThisSectionTypeListData.index < getThisSectionTypeListData.max && (
                <JdLoading localState={true} text="加载中..." />
              )}
              {!hasGoodsFeeds &&
                getThisSectionTypeListData.index >= getThisSectionTypeListData.max &&
                loadingEndComponentFn &&
                loadingEndComponentFn()}
            </>
          )
        ) : !emptyFloorListHidden ? (
          <View
            className={shopContainerListStyle['d-container-list-no-data']}
            style={{
              height: `${
                windowHeight -
                actualNavBarHeight -
                MINI_APP_SHOP_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT +
                SHOP_TAB_CONTENT_BOTTOM
              }px`,
            }}
          >
            <NetworkDataError
              netWorkShowType={NetWorkShowType.PART}
              netWorkDataType={NETWORK_DATA_TYPE.DATA_ERROR}
              refreshCallBackFn={updateShopFloorDataFn}
            />
          </View>
        ) : null}
      </View>
    );
  };
  return miniScrollSelf ? (
    <ScrollView
      scrollY
      scrollTop={containerFloorListScrollTop}
      className={classNames(className, shopContainerListStyle['d-shop-container-list'])}
      onScroll={onScrollRecord}
      lowerThreshold={windowHeight / 2}
      onScrollToLower={loadMoreContainerFloorList}
      style={style}
    >
      {tabContentShowState && renderContainerList()}
    </ScrollView>
  ) : (
    <View
      className={classNames(className, shopContainerListStyle['d-shop-container-list'])}
      style={style}
    >
      {tabContentShowState && renderContainerList()}
    </View>
  );

package/dist/open/api/device.ts

@@ -1 +1 @@
-import taroJdBaseInfo from '../../common'
+import global from '../../common'
  return global.info.sysInfo.screenWidth
  return global.info.sysInfo.screenHeight
  return global.info.sysInfo.headerHeight
  return global.info.sysInfo.tabBarHeight
  return global.info.sysInfo.safeContentHeight
  const result =
    global.info.sysInfo.screenHeight - global.info.sysInfo.jdBottomBarHeight + 8
  return result
  getScreenWidth,
  getScreenHeight,
  getHeaderHeight,
  getFooterHeight,
  getSafeContentHeight,
  getFullscreenCropHeight,
  TaroEventType,
  SHOP_NAV_BAR_HEIGHT,

package/dist/open/api/environment.ts

@@ -1 +1 @@
-import taroJdBaseInfo from '../../common'
+import taroJdBaseInfo from '../../common'
  isIosDevice,
  isAndroidDevice,
  isHarmonyDevice,
  isH5,
  isJdApp,
  isJdMin,
  isWxApp,
  isWxMin,
  isMin,
  isWxMinAndWxapp,
  getNetworkType,
  isIos: isIosDevice,
  isAndroid: isAndroidDevice,
  isHarmony: isHarmonyDevice,
  isH5,
  isJdApp,
  isJdMin,
  isWxApp,
  isWxMin,
  isMin,
  isWxJgMin: isWxMinAndWxapp,
  
  pageType: pageType,
  return sysInfo.netWorkType 

package/dist/open/api/index.ts

@@ -1 +1 @@
-import * as device from './device'
+import * as device from './device'
  device,
  environment,
  jump,
  storage,
  util,
  moduleUtil,
  track,
  trackPromise,
  global,
  http,
  fetchGateway,
  fetchJsonp,
  shopMember,
  userToken,
  TokenPlatform,
  requestServer,
  isvStorage,

package/dist/open/api/jump/business.ts

@@ -0,0 +1 @@
+import { JumpEventReport } from '../../../jumpEventReport'

package/dist/open/api/jump/index.ts

@@ -0,0 +1 @@
+import { business } from './business'

package/dist/open/api/jump/minPath.ts

@@ -0,0 +1 @@
+import {
  JumpEventReport,
  JumpEventReportPromise,
  const { jumpMiniPath } = JumpEventReport
  Object.assign(minPath, jumpMiniPath)

package/dist/open/api/jump/side.ts

@@ -0,0 +1 @@
+import {
  JumpEventReport,
  JumpEventReportPromise,
  jdJumpToWeb: (url: string, logEventInfo: object) => void
  jdJumpToAppMiniProgram: (path: string, logEventInfo: object) => void
  jdJumpToShopLight: (detail: object) => void
  jdJumpToAppMiniProgram: () => {},
  jdJumpToShopLight: () => {},
  jdJumpToWeb: () => {},
  const {
    jdJumpToAppMiniProgram,
    jdJumpToShopLight,
    jdJumpToWeb,
    jumpWebUrl,
    jumpMiniPath,
  } = JumpEventReport
  Object.assign(side, {
    jdJumpToAppMiniProgram: jdJumpToAppMiniProgram.bind(JumpEventReport),
    jdJumpToShopLight: jdJumpToShopLight.bind(JumpEventReport),
    jdJumpToWeb: jdJumpToWeb.bind(JumpEventReport),
    jumpWebUrl,
    jumpMiniPath,
  })

package/dist/open/api/jump/webUrl.ts

@@ -0,0 +1 @@
+import {
  JumpEventReport,
  JumpEventReportPromise,
  const { jumpWebUrl } = JumpEventReport
  Object.assign(webUrl, jumpWebUrl)

package/dist/open/api/jump copy.ts

@@ -0,0 +1 @@
+import { JumpEventReport, JumpEventReportPromise } from '../../jumpEventReport'
  jdJumpToShopHome: (info: object) => void
  jdJumpToProduct: (skuId: string | null, logEventInfo: object) => void
  jdJumpToCouponSearchProductList: (souponId: string | null, logEventInfo: object) => void
  jdJumpConfigUrl: (detail: object, logEventInfo: object) => void
  jdJumpToShopMemberInfo: (logEventInfo: object) => void
  jdJumpToShopMemberPointDetail: (logEventInfo: object) => void
  jdJumpToShopMemberBenefit: (logEventInfo: object) => void
  jdJumpToShopMemberRule: (logEventInfo: object) => void
  jdJumpToShopMemberCloseAccount: (
    venderType: number,
    logEventInfo: object,
  ) => void
  jdJumpToShopMemberPointExchange: (
    venderType: number,
    channel: number,
    levelZeroMenuUrl: string,
    logEventInfo: object,
  ) => void
  jdJumpToShopMemberBonusPurchase: (
    customerLevel: number,
    logEventInfo: object,
  ) => void
  jdJumpToShopMemberGood: (customerLevel: number, logEventInfo: object) => void
  jdJumpToBeanDetail: (logEventInfo: object) => void
  jdJumpToMyRedEnvelope: (logEventInfo: object) => void
  jdJumpToMyCoupon: (logEventInfo: object) => void
  jdJumpToTabAllProduct: (
    shopId: string | number,
    venderId: string | number,
    logEventInfo: object,
  ) => void
  jdJumpToTabAllProductInner: (
    shopId: string | number,
    venderId: string | number,
    logEventInfo: object,
  ) => void
  jdJumpToShopHome: () => {},
  jdJumpToProduct: () => {},
  jdJumpToCouponSearchProductList: () => {},
  jdJumpConfigUrl: () => {},
  jdJumpToShopMemberInfo: () => {},
  jdJumpToShopMemberPointDetail: () => {},
  jdJumpToShopMemberBenefit: () => {},
  jdJumpToShopMemberRule: () => {},
  jdJumpToShopMemberCloseAccount: () => {},
  jdJumpToShopMemberPointExchange: () => {},
  jdJumpToShopMemberBonusPurchase: () => {},
  jdJumpToShopMemberGood: () => {},
  jdJumpToBeanDetail: () => {},
  jdJumpToMyRedEnvelope: () => {},
  jdJumpToMyCoupon: () => {},
  jdJumpToTabAllProduct: () => {},
  jdJumpToTabAllProductInner: () => {},
  jdJumpToWeb: (url: string, logEventInfo: object) => void
  jdJumpToAppMiniProgram: (path: string, logEventInfo: object) => void
  jdJumpToShopLight: (detail: object) => void
  jdJumpToAppMiniProgram: () => {},
  jdJumpToShopLight: () => {},
  jdJumpToWeb: () => {},
  [key: string]: any
  [key: string]: any
  const {
    jdJumpToShopHome,
    jdJumpToProduct,
    jdJumpToCouponSearchProductList,
    jdJumpConfigUrl,
    jdJumpToShopMemberInfo,
    jdJumpToShopMemberPointDetail,
    jdJumpToShopMemberBenefit,
    jdJumpToShopMemberRule,
    jdJumpToShopMemberCloseAccount,
    jdJumpToShopMemberPointExchange,
    jdJumpToShopMemberBonusPurchase,
    jdJumpToShopMemberGood,
    jdJumpToBeanDetail,
    jdJumpToMyRedEnvelope,
    jdJumpToMyCoupon,
    jdJumpToTabAllProduct,
    jdJumpToTabAllProductInner,
  } = JumpEventReport
  const {
    jdJumpToAppMiniProgram,
    jdJumpToShopLight,
    jdJumpToWeb,
    jumpWebUrl,
    jumpMiniPath,
  } = JumpEventReport
  Object.assign(business, {
    jdJumpToShopHome: jdJumpToShopHome.bind(JumpEventReport),
    jdJumpToProduct: jdJumpToProduct.bind(JumpEventReport),
    jdJumpToCouponSearchProductList: jdJumpToCouponSearchProductList.bind(JumpEventReport),
    jdJumpConfigUrl: jdJumpConfigUrl.bind(JumpEventReport),
    jdJumpToShopMemberInfo: jdJumpToShopMemberInfo.bind(JumpEventReport),
    jdJumpToShopMemberPointDetail:
      jdJumpToShopMemberPointDetail.bind(JumpEventReport),
    jdJumpToShopMemberBenefit: jdJumpToShopMemberBenefit.bind(JumpEventReport),
    jdJumpToShopMemberRule: jdJumpToShopMemberRule.bind(JumpEventReport),
    jdJumpToShopMemberCloseAccount:
      jdJumpToShopMemberCloseAccount.bind(JumpEventReport),
    jdJumpToShopMemberPointExchange:
      jdJumpToShopMemberPointExchange.bind(JumpEventReport),
    jdJumpToShopMemberBonusPurchase:
      jdJumpToShopMemberBonusPurchase.bind(JumpEventReport),
    jdJumpToShopMemberGood: jdJumpToShopMemberGood.bind(JumpEventReport),
    jdJumpToBeanDetail: jdJumpToBeanDetail.bind(JumpEventReport),
    jdJumpToMyRedEnvelope: jdJumpToMyRedEnvelope.bind(JumpEventReport),
    jdJumpToMyCoupon: jdJumpToMyCoupon.bind(JumpEventReport),
    jdJumpToTabAllProduct: jdJumpToTabAllProduct.bind(JumpEventReport),
    jdJumpToTabAllProductInner:
      jdJumpToTabAllProductInner.bind(JumpEventReport),
  })
  Object.assign(side, {
    jdJumpToAppMiniProgram: jdJumpToAppMiniProgram.bind(JumpEventReport),
    jdJumpToShopLight: jdJumpToShopLight.bind(JumpEventReport),
    jdJumpToWeb: jdJumpToWeb.bind(JumpEventReport),
    jumpWebUrl,
    jumpMiniPath,
  })
  Object.assign(webUrl, jumpWebUrl)
  Object.assign(minPath, jumpMiniPath)

package/dist/open/api/moduleUtil.ts

@@ -1 +1 @@
-export const getDataDefine = (floorData, name = "") => {
    if (floorData) {
        if (name) {
            return floorData?.dsConfig?.editProperty?.dataDefines?.find(item => item.name === name)?.nodeText ?? {}
        }
        else {
            return floorData?.dsConfig?.editProperty?.dataDefines ?? []
        }
    }
    return {}
+export const getDataDefine = (floorData, name = '') => {
  if (floorData) {
    const dataDefines = floorData?.dsConfig?.editProperty?.dataDefines ?? []
    if (name) {
      return dataDefines.find((item) => item.name === name)?.nodeText ?? {}
    } else {
      return dataDefines
    }
  }
  return {}

package/dist/open/api/request.ts

@@ -0,0 +1 @@
+import requestServer from '../../service/requestServer'
  return requestServer.receiveCoupon(param, clientParams)
  return requestServer.batchAddCart(skuIdList, num, showToast)
  return requestServer.bMallGetUserInfo()
  return requestServer.bMallGetSkuNumApi(needRequest, bMallTag)
  return requestServer.bMallCartHandle(goodItem, num)
  receiveCoupon,
  bMallGetUserInfo,
  bMallGetSkuNumApi,
  bMallCartHandle,
  batchAddCart