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

package/dist/sass/base.scss

@@ -1,296 +1,337 @@
 
- @font-face {
-	font-family: 'JDZhengHT-Bold';
-	//src: url(https://storage.360buyimg.com/jshopstorage/JDZhengHT-Bold.ttf) format('truetype');
-	src: url('https://wq.360buyimg.com/data/ppms/others/JDZH_Bold.ttf')
-		format('truetype');
-	font-weight: normal;
-	font-style: normal;
+@font-face {
+  font-family: 'JDZhengHT-Bold';
+  //src: url(https://storage.360buyimg.com/jshopstorage/JDZhengHT-Bold.ttf) format('truetype');
+  src: url('https://wq.360buyimg.com/data/ppms/others/JDZH_Bold.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'JDZhengHT-Light';
+  //src: url(https://storage.360buyimg.com/jshopstorage/JDZhengHT-Light.ttf) format('truetype');
+  src: url('https://wq.360buyimg.com/data/ppms/others/JDZH_Light.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'JDZhengHT-Regular';
+  //src: url(https://storage.360buyimg.com/jshopstorage/JDZhengHT-Regular.ttf) format('truetype');
+  src: url('https://wq.360buyimg.com/data/ppms/others/JDZH_Regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
 }
 
 @font-face {
-	font-family: 'JDZhengHT-Light';
-	//src: url(https://storage.360buyimg.com/jshopstorage/JDZhengHT-Light.ttf) format('truetype');
-	src: url('https://wq.360buyimg.com/data/ppms/others/JDZH_Light.ttf')
-		format('truetype');
-	font-weight: normal;
-	font-style: normal;
+  font-family: 'JDZhengHT-EN-Bold';
+  src: url('https://wq.360buyimg.com/data/ppms/others/JDZhengHei_01_Bold.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'JDZhengHeiV2-Bold';
+  src: url('https://jscss.360buyimg.com/static-common/font/JDZhengHeiV20_Bold.otf')
+    format('truetype');
+  font-weight: normal;
+  font-style: normal;
 }
 
 @font-face {
-	font-family: 'JDZhengHT-Regular';
-	//src: url(https://storage.360buyimg.com/jshopstorage/JDZhengHT-Regular.ttf) format('truetype');
-	src: url('https://wq.360buyimg.com/data/ppms/others/JDZH_Regular.ttf')
-		format('truetype');
-	font-weight: normal;
-	font-style: normal;
+  font-family: 'JDZhengHeiV2-Light';
+  //src: url(https://storage.360buyimg.com/jshopstorage/JDZhengHT-Light.ttf) format('truetype');
+  src: url('https://jscss.360buyimg.com/static-common/font/JDZhengHeiV20_Light.otf')
+    format('truetype');
+  font-weight: normal;
+  font-style: normal;
 }
 
 @font-face {
-	font-family: 'JDZhengHT-EN-Bold';
-	src: url('https://wq.360buyimg.com/data/ppms/others/JDZhengHei_01_Bold.ttf')
-		format('truetype');
+  font-family: 'JDZhengHeiV2-Regular';
+  //src: url(https://storage.360buyimg.com/jshopstorage/JDZhengHT-Regular.ttf) format('truetype');
+  src: url('https://jscss.360buyimg.com/static-common/font/JDZhengHeiV20_Regular.otf ')
+    format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'JDZhengHeiV2-Heavy';
+  src: url('https://jscss.360buyimg.com/static-common/font/JDZhengHeiV20_Heavy.otf')
+    format('truetype');
+  font-weight: normal;
+  font-style: normal;
 }
 
 .font-jdzht {
-	font-family: 'JDZhengHT-Regular';
+  font-family: 'JDZhengHT-Regular';
 }
 
 .font-jdzht-bold {
-	font-family: 'JDZhengHT-Bold';
+  font-family: 'JDZhengHT-Bold';
 }
 
 .font-jdzht-en-bold {
-	font-family: 'JDZhengHT-EN-Bold';
+  font-family: 'JDZhengHT-EN-Bold';
 }
 
 .font-jdzht-light {
-	font-family: 'JDZhengHT-Light';
+  font-family: 'JDZhengHT-Light';
+}
+.font-jdzht-v2 {
+  font-family: 'JDZhengHeiV2-Regular';
+}
+.font-jdzht-v2-bold {
+  font-family: 'JDZhengHeiV2-Bold';
+}
+.font-jdzht-v2-heavy {
+  font-family: 'JDZhengHeiV2-Heavy';
 }
 
+.font-jdzht-v2-light {
+  font-family: 'JDZhengHeiV2-Light';
+}
 
 .border-box {
-	box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 
 .content-box {
-	box-sizing: content-box;
+  box-sizing: content-box;
 }
 
 
 .flexible-box {
-	display: flex;
+  display: flex;
 }
 
 .flexible-box-important {
-	display: flex !important;
+  display: flex !important;
 }
 
 //竖向布局
 .flexible-box-h {
-	display: flex;
-	flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
 .flexible-box-h-important {
-	display: flex !important;
-	flex-direction: column !important;
+  display: flex !important;
+  flex-direction: column !important;
 }
 
 //垂直居中布局
 .flexible-vertical-center-box {
-	display: flex;
-	align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 //水平居中布局
 .flexible-horizontal-center-box {
-	display: flex;
-	justify-content: center;
+  display: flex;
+  justify-content: center;
 }
 
 //水平垂直居中布局
 .flexible-center-box {
-	display: flex;
-	align-items: center;
-	justify-content: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 
 .adaptive-box-flex {
-	flex: 1;
+  flex: 1;
 }
 
 .left {
-	float: left;
+  float: left;
 }
 
 .right {
-	float: right;
+  float: right;
 }
 
 .vertical-align-t {
-	vertical-align: top;
+  vertical-align: top;
 }
 
 .vertical-align-m {
-	vertical-align: middle;
+  vertical-align: middle;
 }
 
 .vertical-align-b {
-	vertical-align: bottom;
+  vertical-align: bottom;
 }
 
 .margin-lr-auto {
-	margin: 0 auto;
+  margin: 0 auto;
 }
 
 .pos-relative {
-	position: relative;
+  position: relative;
 }
 
 .pos-absolute {
-	position: absolute;
+  position: absolute;
 }
 
 .pos-fixed {
-	position: fixed;
+  position: fixed;
 }
 
 .align-left {
-	text-align: left;
+  text-align: left;
 }
 
 .align-center {
-	text-align: center;
+  text-align: center;
 }
 
 .align-right {
-	text-align: right;
+  text-align: right;
 }
 
 .display-none {
-	display: none;
+  display: none;
 }
 
 .display-none-important {
-	display: none !important;
+  display: none !important;
 }
 
 .display-block {
-	display: block;
+  display: block;
 }
 
 .display-block-important {
-	display: block !important;
+  display: block !important;
 }
 
 .display-inline-block {
-	display: inline-block;
+  display: inline-block;
 }
 
 .display-inline-block-important {
-	display: inline-block !important;
+  display: inline-block !important;
 }
 
 .display-inline {
-	display: inline;
+  display: inline;
 }
 
 .display-inline-important {
-	display: inline !important;
+  display: inline !important;
 }
 
 .font-bold {
-	font-weight: bold;
+  font-weight: bold;
 }
 
 .pointer {
-	cursor: pointer;
+  cursor: pointer;
 }
 
 .over-hidden {
-	overflow: hidden;
+  overflow: hidden;
 }
 
 .over-auto {
-	overflow: auto;
+  overflow: auto;
 }
 
 .over-auto-hidden-x {
-	overflow: auto;
-	overflow-x: hidden;
+  overflow: auto;
+  overflow-x: hidden;
 }
 
 .over-auto-hidden-y {
-	overflow: auto;
-	overflow-y: hidden;
+  overflow: auto;
+  overflow-y: hidden;
 }
 
 .over-x-auto {
-	overflow-x: auto;
-	overflow-y: hidden;
+  overflow-x: auto;
+  overflow-y: hidden;
 }
 
 .over-y-auto {
-	overflow-y: auto;
-	overflow-x: hidden;
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 
 .font-size-0 {
-	font-size: 0;
+  font-size: 0;
 }
 
 
 .text-ellipsis {
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .text-ellipsis-2 {
-	display: -webkit-box;
-	overflow: hidden;
-	word-break: break-all;
-	text-overflow: ellipsis;
-	-webkit-line-clamp: 2;
-	
-	-webkit-box-orient: vertical;
+  display: -webkit-box;
+  overflow: hidden;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  
+  -webkit-box-orient: vertical;
 }
 
 .text-ellipsis-3 {
-	display: -webkit-box;
-	overflow: hidden;
-	word-break: break-all;
-	text-overflow: ellipsis;
-	-webkit-line-clamp: 3;
-	
-	-webkit-box-orient: vertical;
+  display: -webkit-box;
+  overflow: hidden;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 3;
+  
+  -webkit-box-orient: vertical;
 }
 
 .text-ellipsis-no-omit {
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: clip;
-	//display: -webkit-box;
-	//overflow: hidden;
-	//word-break: break-all;
-	//text-overflow: ellipsis;
-	//-webkit-line-clamp: 1;
-	//
-	//-webkit-box-orient: inherit;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: clip;
+  //display: -webkit-box;
+  //overflow: hidden;
+  //word-break: break-all;
+  //text-overflow: ellipsis;
+  //-webkit-line-clamp: 1;
+  //
+  //-webkit-box-orient: inherit;
 }
 
 .text-ellipsis-1-no-omit {
-	display: -webkit-box;
-	overflow: hidden;
-	word-break: break-all;
-	text-overflow: ellipsis;
-	-webkit-line-clamp: 1;
-	
-	// -webkit-box-orient: inherit;
-	-webkit-box-orient: vertical;
+  display: -webkit-box;
+  overflow: hidden;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 1;
+  
+  // -webkit-box-orient: inherit;
+  -webkit-box-orient: vertical;
 }
 
 .text-ellipsis-2-no-omit {
-	display: -webkit-box;
-	overflow: hidden;
-	word-break: break-all;
-	text-overflow: ellipsis;
-	-webkit-line-clamp: 2;
-	
-	-webkit-box-orient: inherit;
+  display: -webkit-box;
+  overflow: hidden;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  
+  -webkit-box-orient: inherit;
 }
 
 .text-ellipsis-3-no-omit {
-	display: -webkit-box;
-	overflow: hidden;
-	word-break: break-all;
-	text-overflow: ellipsis;
-	-webkit-line-clamp: 3;
-	
-	-webkit-box-orient: inherit;
+  display: -webkit-box;
+  overflow: hidden;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 3;
+  
+  -webkit-box-orient: inherit;
 }
 
 
@@ -315,7 +356,12 @@
     //-webkit-transform-style: preserve-3d; 
   }
 }
-
+.visibility-hide {
+  visibility: hidden !important;
+}
+.visibility-show {
+  visibility: visible !important;
+}
 
 .d-half-1px-line::after {
   border-width: 0;
@@ -324,19 +370,31 @@
 }
 //解决安卓行高不居中对齐问题
 .d-android-vertical-align {
-	&:before {
-		content: '';
-		display: inline-block;
-		margin-top: 1px;
-		width: 0;
-		min-height: 10px;
-		height: 100%;
-		vertical-align: middle;
-	}
+  &:before {
+    content: '';
+    display: inline-block;
+    margin-top: 1px;
+    width: 0;
+    min-height: 10px;
+    height: 100%;
+    vertical-align: middle;
+  }
 }
 
 .d-button-no-border {
-	&::after {
-		border: none;
-	}
+  &::after {
+    border: none;
+  }
+}
+.slide-in-left {
+  animation: slide-in-left 1s forwards;
+}
+
+@keyframes slide-in-left {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-270px);
+  }
 }

package/dist/service/bMallConst.ts

@@ -0,0 +1 @@
+import { isAndroidDevice } from '../utils'
  buId: '',
  console.log('getBMallUserInfo')
  if (!(isApp('jdb') || isApp('jdjch'))) {
    return null
  }
  if (bMallUserInfo) {
    return new Promise((resolve) => resolve(bMallUserInfo))
  }
  const requestTimeoutPromise = new Promise((resolve) => {
    setTimeout(() => {
      resolve({})
    }, 3000)
  })
  const userInfoPromise = new Promise((resolve) => {
    let result: any = {}
    try {
      if(isApp('jdjch')) {
        const { user } = window['@jd/jdb-jssdk-b2b'] || {}
        user && user.getUserInfo().then((res) => {
          resolve(res?.data || {})
        })
      }else {
        if (isAndroidDevice) {
          result = JSON.parse(
            window.WebViewCommon && window.WebViewCommon.getUserInfo(),
          )
          bMallUserInfo = result
          commonParam.buId = result?.data?.buId
          resolve(result)
        } else {
          window.getUserInfoCallBack = null
          window.getUserInfoCallBack = function (callBackJson) {
            if (callBackJson) {
              result.data = JSON.parse(callBackJson)
              bMallUserInfo = result
              commonParam.buId = result?.data?.buId
              resolve(result)
            }
          }
          window?.webkit?.messageHandlers?.WebViewCommon?.postMessage({
            businessType: 'router://com.jd.jlstudio/getUserInfo', 
            params: {}, 
            callBackName: 'getUserInfoCallBack', 
            method: 'callRouterModuleWithParams',
          })
        }
      }
    } catch (e) {
      resolve(result)
    }
  })
  return Promise.race([userInfoPromise, requestTimeoutPromise])
  process.env.NODE_ENV === 'development'
    ? {
        apolloId: '48ee955b0fb04d19b9f9fe8cb73d387f',
        apolloSecret: '0d9c76ee66b0487da4e17d3cf1d7af7a',
      }
    : {
        apolloId: '80c46fd06e4442998609d9f6a4ab96f0',
        apolloSecret: 'f36bef08bcba4683b409732095793fb2',
      }
  if (typeof window.crypto === 'object') {
    if (typeof (window.crypto as any).randomUUID === 'function') {
      return (window.crypto as any).randomUUID()
    }
    if (
      typeof (window.crypto as any).getRandomValues === 'function' &&
      typeof Uint8Array === 'function'
    ) {
      const callback = (c) => {
        const num = Number(c)
        return (
          num ^
          ((window.crypto as any).getRandomValues(new Uint8Array(1))[0] &
            (15 >> (num / 4)))
        ).toString(16)
      }
      return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, callback)
    }
  }
  let timestamp = new Date().getTime()
  let perforNow =
    (typeof window.performance !== 'undefined' &&
      window.performance.now &&
      window.performance.now() * 1000) ||
    0
  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
    let random = Math.random() * 16
    if (timestamp > 0) {
      random = (timestamp + random) % 16 | 0
      timestamp = Math.floor(timestamp / 16)
    } else {
      random = (perforNow + random) % 16 | 0
      perforNow = Math.floor(perforNow / 16)
    }
    return (c === 'x' ? random : (random & 0x3) | 0x8).toString(16)
  })
  skuId,
  bMallTag = 1,
  num,
  skuUuid,
  ...otherGoodParams
  let buId = commonParam.buId
  if (!buId) {
    const useInfo: any = await getBMallUserInfo()
    buId = useInfo?.data?.buId
  }
  let params: any = {
    uniformBizInfo: {
      tenantId: 1024,
      ua: 1,
      buId: buId || 456,
      bMallTag: bMallTag,
    },
    commonParam: {
      pid: 100,
      verticalCode: 'cn_retail_bmall',
      ua: 1,
      language: 'zh',
    },
    operations: [{ TheSkus: [{ Id: skuId, num: num ?? 1 }] }],
    apolloId: APOLLO.apolloId,
    apolloSecret: APOLLO.apolloSecret,
    client: 'H5',
    verticalTag: 'cn_retail_bmall',
    carttype: bMallTag == 1 ? 21 : 22,
    bMallTag: bMallTag,
    traceId: getUuid(),
    noResponse: true,
  }
  if (skuUuid) {
    params.operations[0].TheSkus[0].skuUuid = skuUuid
  }
  if (otherGoodParams.buId) {
    const uniformBizInfo = {
      buId: otherGoodParams.buId,
    }
    params.operations[0].TheSkus[0].uniformBizInfo = uniformBizInfo
  }
  if (window?.siteTransResult?.gridInfoList) {
    params = {
      ...params,
      cartLocationList: [
        {
          gridInfos:
            window?.siteTransResult?.gridInfoList &&
            JSON.parse(window?.siteTransResult?.gridInfoList),
          areaIdSet:
            window?.siteTransResult?.area &&
            window?.siteTransResult?.area?.split('-'),
        },
      ],
    }
  }
  return params

package/dist/service/bMallConst.weapp.ts

@@ -0,0 +1 @@
+export const getBMallUserInfo = () => {
  return new Promise((resolve) => {
    resolve({})
  })
  return {}