bxs-tools-ui 3.2.0 → 3.3.0

package/src/js/loading.js

@@ -1,21 +1,21 @@
-import { Toast } from 'vant';
-import { IS_CPPOC_HOST } from './variables';
+import { Toast } from 'vant'
+import { IS_CPPOC_HOST } from './variables'
 
 export function showLoading() {
   if (IS_CPPOC_HOST) {
     Toast.loading({
       message: '加载中...',
       forbidClick: true
-    });
+    })
   } else if (window.appBridge && window.appBridge.showLoading) {
-    window.appBridge.showLoading();
+    window.appBridge.showLoading()
   }
 }
 
 export function hideLoading() {
   if (IS_CPPOC_HOST) {
-    Toast.clear();
+    Toast.clear()
   } else if (window.appBridge && window.appBridge.hideLoading) {
-    window.appBridge.hideLoading();
+    window.appBridge.hideLoading()
   }
 }

package/src/js/md5Token.js

@@ -1,55 +1,55 @@
-import MD5 from 'md5';
-import CryptoJS from 'crypto-js';
+import MD5 from 'md5'
+import CryptoJS from 'crypto-js'
 
 export function createMd5Token(reqData, obj) {
-  const personList = reqData.personData.personOrderList;
+  var personList = reqData.personData.personOrderList
 
-  const signInfo = {};
+  var signInfo = {}
   if (reqData.insuranceTypeId !== null) {
-    signInfo.insuranceTypeId = reqData.insuranceTypeId;
+    signInfo.insuranceTypeId = reqData.insuranceTypeId
   }
-  const insuredInfo = personList.find(p => p.key === 'insuredInfo');
-  const applicantInfo = personList.find(p => p.key === 'applicantInfo');
-  signInfo.insuredAge = insuredInfo.age * 1;
-  signInfo.insuredSex = insuredInfo.sex * 1;
+  var insuredInfo = personList.filter(p => p.key === 'insuredInfo')[0]
+  var applicantInfo = personList.filter(p => p.key === 'applicantInfo')[0]
+  signInfo.insuredAge = insuredInfo.age * 1
+  signInfo.insuredSex = insuredInfo.sex * 1
   if (applicantInfo) {
-    signInfo.applicantAge = isNaN(applicantInfo.age * 1) ? 0 : applicantInfo.age * 1;
-    signInfo.applicantSex = isNaN(applicantInfo.sex * 1) ? 0 : applicantInfo.sex * 1;
+    signInfo.applicantAge = isNaN(applicantInfo.age * 1) ? 0 : applicantInfo.age * 1
+    signInfo.applicantSex = isNaN(applicantInfo.sex * 1) ? 0 : applicantInfo.sex * 1
   }
 
-  let productKeys = [];
-  let insuranceKeys = [];
-  let productGroup = reqData.productGroupList.filter(group => group.key === obj.groupDataKey)[0];
-  let prodOrderList = productGroup.prodOrderList.slice();
+  var productKeys = []
+  var insuranceKeys = []
+  var productGroup = reqData.productGroupList.filter(group => group.key === obj.groupDataKey)[0]
+  var prodOrderList = productGroup.prodOrderList.slice()
   prodOrderList &&
     prodOrderList.map(prod => {
-      productKeys.push(prod.key);
+      productKeys.push(prod.key)
       prod.mulInsOrderList.map(ins => {
-        insuranceKeys.push(ins.key);
-      });
-    });
+        insuranceKeys.push(ins.key)
+      })
+    })
 
-  signInfo.product = '';
-  signInfo.insurance = '';
+  signInfo.product = ''
+  signInfo.insurance = ''
 
-  productKeys.sort((a, b) => a - b);
+  productKeys.sort((a, b) => a - b)
   productKeys.map(ele => {
-    signInfo.product += `p=${ele};`;
-  });
+    signInfo.product += `p=${ele};`
+  })
 
-  insuranceKeys.sort((a, b) => a - b);
+  insuranceKeys.sort((a, b) => a - b)
   insuranceKeys.map(ele => {
-    signInfo.insurance += `i=${ele};`;
-  });
+    signInfo.insurance += `i=${ele};`
+  })
 
-  signInfo.params = JSON.stringify(reqData);
+  signInfo.params = JSON.stringify(reqData)
 
-  let signInfoTx = '';
-  for (let k in signInfo) {
-    signInfoTx += `${k}=${signInfo[k]}&`;
+  var signInfoTx = ''
+  for (var k in signInfo) {
+    signInfoTx += `${k}=${signInfo[k]}&`
   }
 
-  delete signInfo.params;
+  delete signInfo.params
 
   // console.log(signInfoTx)
   // console.log(MD5(signInfoTx))
@@ -58,19 +58,13 @@ export function createMd5Token(reqData, obj) {
   // 	signMd5: MD5(signInfoTx)
   // }))
 
+  signInfo.signMd5 = MD5(signInfoTx)
   return (
-    CryptoJS.AES.encrypt(
-      JSON.stringify({
-        ...signInfo,
-        signMd5: MD5(signInfoTx)
-      }),
-      CryptoJS.enc.Utf8.parse('67u3Dg5fcc06UntP'),
-      {
-        mode: CryptoJS.mode.ECB,
-        padding: CryptoJS.pad.Pkcs7
-      }
-    ).toString() ||
+    CryptoJS.AES.encrypt(JSON.stringify(signInfo), CryptoJS.enc.Utf8.parse('67u3Dg5fcc06UntP'), {
+      mode: CryptoJS.mode.ECB,
+      padding: CryptoJS.pad.Pkcs7
+    }).toString() ||
     MD5(signInfoTx) ||
     '20190929'
-  );
+  )
 }

package/src/js/utils.js

@@ -1,38 +1,4 @@
-'use strict';
-export * from './variables';
-
-// 函数：Obj深度考贝
-// 参数：target为最终返回的对象；origial为需要复制的数据源
-export function deepCopy(obj, hash = new WeakMap()) {
-  if (!obj || typeof obj !== 'object') {
-    return obj;
-  }
-  if (hash.has(obj)) {
-    return hash.get(obj);
-  }
-  let newObj;
-  let Constructor = obj.constructor;
-  switch (Constructor) {
-    case RegExp:
-      newObj = new Constructor(obj);
-      break;
-    case Date:
-      newObj = new Constructor(obj.getTime());
-      break;
-    default:
-      newObj = new Constructor();
-      break;
-  }
-
-  hash.set(obj, newObj);
-  for (let key in obj) {
-    if (obj.hasOwnProperty(key)) {
-      newObj[key] = typeof obj[key] === 'object' ? deepCopy(obj[key], hash) : obj[key];
-    }
-  }
-
-  return newObj;
-}
+import { createMd5Token } from './md5Token'
 
 /**转换时间字符串
  * @Author   Lizh
@@ -43,18 +9,18 @@ export function deepCopy(obj, hash = new WeakMap()) {
  */
 export function parseTime(time, cFormat) {
   if (arguments.length === 0) {
-    return null;
+    return null
   }
-  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}';
-  let date;
+  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date
   if (time === null) {
-    return;
+    return
   } else if (typeof time === 'object') {
-    date = time;
+    date = time
   } else {
-    if (('' + time).length === 10) time = parseInt(time) * 1000;
+    if (('' + time).length === 10) time = parseInt(time) * 1000
 
-    date = new Date(time);
+    date = new Date(time)
   }
   const formatObj = {
     y: date.getFullYear(),
@@ -64,21 +30,47 @@ export function parseTime(time, cFormat) {
     i: date.getMinutes(),
     s: date.getSeconds(),
     a: date.getDay()
-  };
+  }
   const timeStr = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
-    let value = formatObj[key];
+    let value = formatObj[key]
     if (key === 'a') {
-      return ['日', '一', '二', '三', '四', '五', '六'][value];
+      return ['日', '一', '二', '三', '四', '五', '六'][value]
     }
     if (result.length > 0 && value < 10) {
-      value = '0' + value;
+      value = '0' + value
     }
-    return value || 0;
-  });
-  return timeStr;
+    return value || 0
+  })
+  return timeStr
+}
+
+export function getSecurityToken(data, options = {}) {
+  return createMd5Token(JSON.parse(data), options)
 }
 
-export default {
-  deepCopy,
-  parseTime
-};
+export async function goBack() {
+  // 增加 try catch appBridge避免报错中断返回, 例如在NUOYA中appBridge.getWebBackListSize报错
+  try {
+    const { nw } = URL_PARAM
+    if (isApp && window && window.appBridge) {
+      if (window.appBridge.getWebBackListSize) {
+        const size = await window.appBridge.getWebBackListSize()
+        if (size === 0) {
+          window.appBridge.closeView()
+          return
+        }
+      }
+      if (window.appBridge.checkAppFeature && window.appBridge.checkAppFeature('CLOSE_VIEW') && nw === '1') {
+        window.appBridge.closeView()
+        return
+      }
+    }
+    if (history.length <= 1) {
+      window.close()
+    } else {
+      history.back()
+    }
+  } catch (e) {
+    history.back()
+  }
+}

package/src/js/variables.js

@@ -1,45 +1,67 @@
-import QS from 'qs';
-import Jax from '@bxs/jax';
+import QS from 'qs'
+import Jax from '@bxs/jax'
 
-const { getStandardOrigin } = Jax.urlUtil;
+const { getStandardOrigin } = Jax.urlUtil
 
-const hostname = (window && window.location && window.location.hostname) || '';
+export const {
+  isApp,
+  appType,
+  appVersion,
+  isAndroid,
+  isIos,
+  isBxsApp,
+  isBaoXiaoZhuApp,
+  isBrokerApp,
+  isYjjApp,
+  isToBApp,
+  isRongYiBaoApp,
+  isWeChat,
+  appScheme
+} = Jax.parseUaString()
+
+const hostname = (window && window.location && window.location.hostname) || ''
 /** 当前页 host 为 cppoc- 前缀时，请求 loading 使用 Vant Toast，否则走 appBridge */
-export const IS_CPPOC_HOST = hostname.startsWith('cppoc-');
-export const IS_PRODUCT_ENV = hostname.search(/(winbaoxian|ai-baoxiaozhu)\.com/) !== -1;
-export const IS_DEVELOP_ENV = hostname.search(/(winbaoxian|ai-baoxiaozhu)\.cn/) !== -1;
-export const IS_LOCALHOST_ENV = hostname.search(/localhost|192\.168|127\.0\.0\.1|dev\.winbaoxian\.cn/) !== -1;
-export const IS_UAT_ENV = hostname.includes(`pbf-uat.`);
-export const IS_ENABLE_DEBUG = !IS_PRODUCT_ENV;
+export const IS_CPPOC_HOST = hostname.startsWith('cppoc-')
+export const IS_PRODUCT_ENV = hostname.search(/(winbaoxian|ai-baoxiaozhu)\.com/) !== -1
+export const IS_DEVELOP_ENV = hostname.search(/(winbaoxian|ai-baoxiaozhu)\.cn/) !== -1
+export const IS_LOCALHOST_ENV = hostname.search(/localhost|192\.168|127\.0\.0\.1|dev\.winbaoxian\.cn/) !== -1
+export const IS_LOCALHOST_IP_ENV = hostname.search(/192\.168/) !== -1
+export const IS_UAT_ENV = hostname.includes(`pbf-uat.`)
+export const IS_ENABLE_DEBUG = !IS_PRODUCT_ENV
 if (IS_ENABLE_DEBUG) {
-  console.error(`非线上环境，默认开启调试模式`);
+  console.error(`非线上环境，默认开启调试模式`)
 }
 
-const topDomain = IS_PRODUCT_ENV ? 'com' : 'cn';
-const secondDomain = hostname.includes('ai-baoxiaozhu') ? 'ai-baoxiaozhu' : 'winbaoxian';
-export const MAIN_DOMAIN = `${secondDomain}.${topDomain}`;
+const topDomain = IS_PRODUCT_ENV ? 'com' : 'cn'
+const secondDomain = hostname.includes('ai-baoxiaozhu') ? 'ai-baoxiaozhu' : 'winbaoxian'
+export const MAIN_DOMAIN = `${secondDomain}.${topDomain}`
 
 export function getFullOrigin(data) {
-  const _prefixDomain = IS_CPPOC_HOST ? 'cppoc-' : '';
+  if (IS_LOCALHOST_IP_ENV) {
+    return `https://${data}.winbaoxian.cn`
+  }
+  const _prefixDomain = IS_CPPOC_HOST ? 'cppoc-' : ''
   if (typeof data === 'string') {
-    return getStandardOrigin(`${_prefixDomain}${data}`);
+    return getStandardOrigin(`${_prefixDomain}${data}`)
   }
   if (typeof data === 'object' && data !== null) {
     return getStandardOrigin({
       subDomain: `${_prefixDomain}${data.subDomain}`,
       domainType: data.domainType
-    });
+    })
   }
-  return '';
+  return ''
 }
 
-export const APP_HOSTNAME = getFullOrigin('app');
-export const PBF_HOSTNAME = getFullOrigin('pbf');
-export const PLANBOOK_API_HOSTNAME = getFullOrigin(`bxs-planbook-api${IS_UAT_ENV ? '-uat' : ''}`);
+export const APP_HOSTNAME = getFullOrigin('app')
+export const PBF_HOSTNAME = getFullOrigin('pbf')
+export const PLANBOOK_API_HOSTNAME = getFullOrigin(`bxs-planbook-api${IS_UAT_ENV ? '-uat' : ''}`)
+/** 险种试算等 trade 接口（insurance2a-api） */
+export const INSURANCE2A_API_HOSTNAME = `https://insurance2a-api.wyins.net${IS_PRODUCT_ENV ? '' : '.cn'}`
 
-export const URL_PARAM = getUrlParams();
+export const URL_PARAM = getUrlParams()
 export function getUrlParams(url) {
-  const _url = url || location.search || '';
-  const _searchStr = _url.split('?')[1];
-  return _searchStr ? QS.parse(_searchStr) : {};
+  const _url = url || location.search || ''
+  const _searchStr = _url.split('?')[1]
+  return _searchStr ? QS.parse(_searchStr) : {}
 }

package/src/style/base.less

@@ -0,0 +1,18 @@
+* {
+  padding: 0;
+  margin: 0;
+}
+
+ul,
+dl {
+  list-style: none;
+}
+
+section,
+article,
+aside,
+nav,
+header,
+footer {
+  display: block;
+}

package/src/style/color.less

@@ -0,0 +1,40 @@
+:root {
+
+  /* 主色 / 品牌 */
+  --bxt-primary: #0a64fe;
+  --bxt-default: #0a64fe;
+
+  /* 背景 */
+  --bxt-bg-primary: #f2f2f2;
+  --bxt-bg-minor: #f8f8f8;
+
+  /* 功能色 */
+  --bxt-feature-primary: #f43030;
+  --bxt-feature-minor: #ff5000;
+  --bxt-feature-patch: #f90;
+  --bxt-feature-assist: #fffeed;
+
+  /* 文字 */
+  --bxt-text-primary: #333;
+  --bxt-text-minor: #666;
+  --bxt-text-patch: #999;
+  --bxt-text-assist: #ccc;
+  --bxt-text-disabled: #ccc;
+
+  /* 线条 */
+  --bxt-line-split: #e5e5e5;
+
+  /* 遮罩 */
+  --bxt-overlay-default: rgba(0, 0, 0, 0.5);
+  --bxt-overlay-thick: rgba(0, 0, 0, 0.8);
+  --bxt-overlay-thin: rgba(0, 0, 0, 0.1);
+
+  /* type 色板 */
+  --bxt-type-default: #999;
+  --bxt-type-primary: #0a64fe;
+  --bxt-type-success: #d4edda;
+  --bxt-type-info: #70acf6;
+  --bxt-type-warning: #f90;
+  --bxt-type-danger: #f43030;
+  --bxt-type-caution: #ff5000;
+}

package/src/style/variables.less

@@ -1,54 +1,18 @@
-@base-url: '/';
-@primary-color: #025CEA;
-@minor-color: #F62D32;
-@primary-bg-color: #F7F8FA;
-@minor-bg-color: #f8f8f8;
-@patch-bg-color: #F4F8FF;
-@primary-text-color: #17204D;
-@minor-text-color: #555C80;
-@patch-text-color: #7E849F;
-@assist-text-color: #D0D2DB;
-@primary-border-color: #EBEDF0;
-@primary-section-bg-color: #FFF;
-@nav-bar-height: 46px;
-/** 仅用于团险app，顶部安全区域测试用测试 **/
-// @safe-area-inset-top: 34px;
-
-.safeAreaInsetMarginTop {
-  margin-top: constant(safe-area-inset-top);
-  margin-top: env(safe-area-inset-top);
-}
-
-.safeAreaInsetBottom {
-  &::after {
-    display: block;
-    content: ' ';
-    height: constant(safe-area-inset-bottom);
-    height: env(safe-area-inset-bottom);
-  }
-}
-
-.vertical_center {
-  position: absolute;
-  top: 50%;
-  right: 0;
-  transform: translateY(-50%);
-}
-
-.nowrap {
+.bxt-nowrap() {
   display: inline-block;
+  width: 100%;
   white-space: nowrap;
-  text-overflow: ellipsis;
   overflow: hidden;
-  vertical-align: middle;
+  text-overflow: ellipsis;
 }
 
-.multiline_ellipsis(@number) {
+.bxt-multiline-ellipsis(@number) {
   position: relative;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -moz-box;
   display: -webkit-box;
+
   /* autoprefixer: off */
   display: box;
   -moz-line-clamp: @number;
@@ -56,5 +20,20 @@
   line-clamp: @number;
   -moz-box-orient: vertical;
   -webkit-box-orient: vertical;
-  box-orient: vertical;
+}
+
+.bxt-vertical-center() {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+}
+
+.bxt-safe-area-inset-bottom() {
+  &::after {
+    display: block;
+    height: constant(safe-area-inset-bottom);
+    height: env(safe-area-inset-bottom);
+    content: '';
+  }
 }

package/packages/add-and-take/api.ts

@@ -1,70 +0,0 @@
-import { hideLoading, showLoading } from '@src/js/loading.js';
-import { PLANBOOK_API_HOSTNAME } from '@src/js/variables.js';
-
-const apiBaseUrl = `${PLANBOOK_API_HOSTNAME}/planBook`
-
-export function initInsuranceInterest (reqParams, options : any = {}) {
-  const { scene } = options
-  const apis = {
-    init: `${apiBaseUrl}/interest/init`,
-    init4: `${apiBaseUrl}/public/interest/product/init`,
-    init5: `${apiBaseUrl}/insurance/compare/draw/init`
-  };
-  const api = apis[`init${[4, 5].includes(scene)? scene : ''}`];
-
-  showLoading()
-  return fetch(api, {
-    method: 'POST',
-    credentials: 'include',
-    headers: {
-      Accept: 'application/json, text/plain, */*',
-      'Content-Type': 'application/json;'
-    },
-    body: JSON.stringify(reqParams)
-  })
-    .then(response => response.json())
-    .then(({ success, data, info }: any) => {
-      if (!success || !data) {
-        return Promise.reject(info)
-      }
-      return Promise.resolve(data)
-    })
-    .finally(() => {
-      hideLoading()
-    })
-}
-
-export function getInsuranceInterestDetail (reqParams, options : any = {}) {
-  const { scene, isReduceBaof } = options
-  const apis = {
-    addAndTake: `${apiBaseUrl}/interest/addAndTake/detail`,
-    addAndTake4: `${apiBaseUrl}/public/interest/addAndTake/detail`,
-    addAndTake5: `${apiBaseUrl}/interest/addAndTake/detail`,
-    draw: `${apiBaseUrl}/interest/draw/detail`,
-    draw4: `${apiBaseUrl}/public/interest/draw/detail`,
-    draw5: `${apiBaseUrl}/insurance/compare/draw/detail`,
-  }
-  const _type = isReduceBaof ? 'draw' : 'addAndTake'
-  const api = apis[`${_type}${[4, 5].includes(scene)? scene : ''}`]
-  showLoading()
-  return fetch(api, {
-    method: 'POST',
-    credentials: 'include',
-    headers: {
-      Accept: 'application/json, text/plain, */*',
-      'Content-Type': 'application/json;'
-    },
-    body: JSON.stringify(reqParams)
-  })
-    .then(response => response.json())
-    .then((res: any) => {
-      const { success, data } = res
-      if (!success || !data) {
-        return Promise.reject(res)
-      }
-      return Promise.resolve(data)
-    })
-    .finally(() => {
-      hideLoading()
-    })
-}