bxs-tools-ui 3.2.0 → 3.3.0

package/packages/business-card/index.less

@@ -0,0 +1,100 @@
+@import (reference) 'variables.less';
+
+.bxt-business-card {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  box-sizing: content-box;
+  background: #f8f8f8;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
+  z-index: 100;
+
+  & .bxt-business-card-ul {
+    position: relative;
+    padding: 10px 15px;
+    white-space: nowrap;
+
+    & .bxt-business-card-li {
+      display: inline-block;
+      line-height: 100%;
+      vertical-align: middle;
+
+      & .bxt-business-card-avatar {
+        display: block;
+        width: 100%;
+        height: 100%;
+        border-radius: 100px;
+        overflow: hidden;
+      }
+
+      & .bxt-business-card-container {
+        margin-left: 9px;
+        line-height: 40px;
+
+        & .bxt-business-card-name,
+        & .bxt-business-card-rank {
+          .bxt-nowrap();
+
+          display: block;
+          line-height: 100%;
+          font-size: 16px;
+          font-weight: bold;
+        }
+
+        & .bxt-business-card-rank {
+          margin-top: 2px;
+          font-size: 12px;
+          transform: scale(0.8333);
+          transform-origin: 0 50%;
+        }
+
+        & .bxt-business-card-diamond {
+          width: 15px;
+          vertical-align: top;
+        }
+      }
+
+      & .bxt-business-card-mobile {
+        .bxt-nowrap();
+
+        display: block;
+        line-height: 40px;
+        font-size: 14px;
+        color: inherit;
+      }
+
+      & .bxt-business-card-button {
+        display: inline-block;
+        margin-top: 3px;
+        padding: 0 12px;
+        line-height: 35px;
+        border-radius: 2px;
+        font-size: 13px;
+      }
+
+      &:nth-child(1) {
+        width: 40px;
+        height: 40px;
+      }
+
+      &:nth-child(2) {
+        min-width: 25%;
+      }
+
+      &:nth-child(3) {
+        width: 32%;
+        margin-left: 9px;
+        text-align: center;
+      }
+
+      &:nth-child(4) {
+        position: absolute;
+        top: 10px;
+        right: 15px;
+      }
+    }
+  }
+}

package/packages/business-card/index.vue

@@ -27,8 +27,9 @@
   </div>
 </template>
 <script lang="ts">
-import Vue from 'vue';
-import { Component, Prop } from 'vue-property-decorator';
+import Vue from 'vue'
+import { Component, Prop } from 'vue-property-decorator'
+import './index.less'
 
 const defaultCardData: any = {
   avatar: '',
@@ -36,63 +37,59 @@ const defaultCardData: any = {
   rank: '',
   rankIcon: '',
   mobile: ''
-};
+}
 const defaultButtonData: any = {
   tx: '编辑名片',
   bg: '#ED9E14',
   color: '#fff'
-};
+}
 
 @Component({})
 export default class BusinessCard extends Vue {
   rankStyle: any = {
     color: '#999'
-  };
-  buttonStyle: any = {};
+  }
+  buttonStyle: any = {}
 
   @Prop({
     default: () => {
-      return defaultCardData;
+      return defaultCardData
     }
   })
-  cardData: any;
+  cardData: any
 
   @Prop({
     default: () => {
-      return defaultButtonData;
+      return defaultButtonData
     }
   })
-  buttonData: any;
+  buttonData: any
 
   created() {
     //默认头像
     if (!this.cardData.avatar) {
-      this.cardData.avatar = defaultCardData.avatar;
+      this.cardData.avatar = defaultCardData.avatar
     }
 
     //按钮样式
     if (this.buttonData) {
-      this.buttonStyle.background = this.buttonData.bg || defaultButtonData.bg;
-      this.buttonStyle.color = this.buttonData.color || defaultButtonData.color;
+      this.buttonStyle.background = this.buttonData.bg || defaultButtonData.bg
+      this.buttonStyle.color = this.buttonData.color || defaultButtonData.color
     }
   }
   mounted() {
     //职级样式
-    const thisEl: any = this.$el;
+    const thisEl: any = this.$el
     if (thisEl.style.color) {
-      this.rankStyle.color = thisEl.style.color;
+      this.rankStyle.color = thisEl.style.color
     }
   }
 
   avatarHandler() {
-    this.$emit('click');
+    this.$emit('click')
   }
   buttonHandler() {
-    this.$emit('clickBtn');
+    this.$emit('clickBtn')
   }
 }
 </script>
-<style>
-@import 'base.css';
-@import './index.css';
-</style>

package/packages/business-card/readme.md

@@ -29,44 +29,39 @@ export default {
 
 ```html
 <template>
-  <BusinessCard
-    :card-data="cardData"
-    :button-data="buttonData"
-    @click="avatarHandler"
-    @clickBtn="buttonHandler"
-  />
+  <BusinessCard :card-data="cardData" :button-data="buttonData" @click="avatarHandler" @clickBtn="buttonHandler" />
 </template>
 
 <script>
-import { BusinessCard } from 'bxs-tools-ui';
-
-export default {
-  components: { BusinessCard },
-  data() {
-    return {
-      cardData: {
-        avatar: '//media.winbaoxian.com/autoUpload/activity/xxx.jpeg',
-        name: '张三',
-        rank: '三联钻代理人',
-        rankIcon: '//media.winbaoxian.com/autoUpload/activity/diamond_xxx.png',
-        mobile: '13800138000'
+  import { BusinessCard } from 'bxs-tools-ui';
+
+  export default {
+    components: { BusinessCard },
+    data() {
+      return {
+        cardData: {
+          avatar: '//media.winbaoxian.com/autoUpload/activity/xxx.jpeg',
+          name: '张三',
+          rank: '三联钻代理人',
+          rankIcon: '//media.winbaoxian.com/autoUpload/activity/diamond_xxx.png',
+          mobile: '13800138000'
+        },
+        buttonData: {
+          tx: '编辑名片',
+          bg: '#ED9E14',
+          color: '#fff'
+        }
+      };
+    },
+    methods: {
+      avatarHandler() {
+        console.log('点击头像或姓名');
       },
-      buttonData: {
-        tx: '编辑名片',
-        bg: '#ED9E14',
-        color: '#fff'
+      buttonHandler() {
+        console.log('点击操作按钮');
       }
-    };
-  },
-  methods: {
-    avatarHandler() {
-      console.log('点击头像或姓名');
-    },
-    buttonHandler() {
-      console.log('点击操作按钮');
     }
-  }
-};
+  };
 </script>
 ```
 
@@ -76,30 +71,28 @@ export default {
 
 #### 根级 props
 
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| `cardData` | 必传，名片信息 | Object | 见 CardData 对象 |
+| 参数         | 说明           | 类型   | 默认值             |
+| ------------ | -------------- | ------ | ------------------ |
+| `cardData`   | 必传，名片信息 | Object | 见 CardData 对象   |
 | `buttonData` | 可选，按钮配置 | Object | 见 ButtonData 对象 |
 
-
 #### CardData 对象
 
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| `avatar` | 头像图片地址 | String | `''` |
-| `name` | 姓名 | String | `''` |
-| `rank` | 职级文案 | String | `''` |
-| `rankIcon` | 职级图标地址 | String | `''` |
-| `mobile` | 手机号（点击触发系统拨号） | String | `''` |
-
+| 参数       | 说明                       | 类型   | 默认值 |
+| ---------- | -------------------------- | ------ | ------ |
+| `avatar`   | 头像图片地址               | String | `''`   |
+| `name`     | 姓名                       | String | `''`   |
+| `rank`     | 职级文案                   | String | `''`   |
+| `rankIcon` | 职级图标地址               | String | `''`   |
+| `mobile`   | 手机号（点击触发系统拨号） | String | `''`   |
 
 #### ButtonData 对象
 
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| `tx` | 按钮文案；为空时不渲染按钮 | String | `'编辑名片'` |
-| `bg` | 按钮背景色 | String | `'#ED9E14'` |
-| `color` | 按钮文字颜色 | String | `'#fff'` |
+| 参数    | 说明                       | 类型   | 默认值       |
+| ------- | -------------------------- | ------ | ------------ |
+| `tx`    | 按钮文案；为空时不渲染按钮 | String | `'编辑名片'` |
+| `bg`    | 按钮背景色                 | String | `'#ED9E14'`  |
+| `color` | 按钮文字颜色               | String | `'#fff'`     |
 
 ---
 
@@ -111,7 +104,7 @@ export default {
 
 ### Events
 
-| 事件名 | 说明 | 参数 |
-| --- | --- | --- |
-| `click` | 点击头像或姓名区域时触发 | — |
-| `clickBtn` | 点击操作按钮时触发 | — |
+| 事件名     | 说明                     | 参数 |
+| ---------- | ------------------------ | ---- |
+| `click`    | 点击头像或姓名区域时触发 | —    |
+| `clickBtn` | 点击操作按钮时触发       | —    |

package/packages/bxs-utils/demo/index.vue

@@ -2,8 +2,8 @@
   <div></div>
 </template>
 <script lang="ts">
-import Vue from 'vue';
-import { Component } from 'vue-property-decorator';
+import Vue from 'vue'
+import { Component } from 'vue-property-decorator'
 
 @Component({
   components: {}

package/packages/bxs-utils/index.ts

@@ -1,9 +1,9 @@
-export * from './planbook';
-export * from './trade';
-import * as planbook from './planbook';
-import * as trade from './trade';
+export * from './planbook'
+export * from './trade'
+import * as planbook from './planbook'
+import * as trade from './trade'
 
 export default {
   planbook,
   trade
-}
+}

package/packages/bxs-utils/planbook/common.ts

@@ -31,21 +31,21 @@ export function consoleLogWhenEnable(...args: any[]) {
   // }
  * @returns {any}
  */
-export function convertEleOrderListToObj(obj : any) : any {
-  let resData : any = {};
+export function convertEleOrderListToObj(obj: any): any {
+  let resData: any = {}
   for (let k in obj) {
     if (k == 'eleOrderList') {
-      obj[k].map((ele : any) => {
-        resData[ele.key] = ele.value;
-      });
+      obj[k].map((ele: any) => {
+        resData[ele.key] = ele.value
+      })
     } else {
       // eleOrderList中有的key，则不取当前对象下的属性
-      if (!obj.eleOrderList || obj.eleOrderList.every((e : any) => e.key !== k)) {
-        resData[k] = obj[k];
+      if (!obj.eleOrderList || obj.eleOrderList.every((e: any) => e.key !== k)) {
+        resData[k] = obj[k]
       }
     }
   }
-  return resData;
+  return resData
 }
 
 /**
@@ -55,22 +55,22 @@ export function convertEleOrderListToObj(obj : any) : any {
  * @param {IPbProductGroup} productGroupList 所有产品组数据
  * @returns {number} 总保费
  */
-export function calcTotalBaof(productGroupList : IPbProductGroup []) : number {
-  let totalBaof : number = 0;
+export function calcTotalBaof(productGroupList: IPbProductGroup[]): number {
+  let totalBaof: number = 0
   if (!productGroupList) {
     return totalBaof
   }
-  productGroupList.map((group : IPbProductGroup) => {
+  productGroupList.map((group: IPbProductGroup) => {
     if (group.isHide) {
-      return;
+      return
     }
-    group.prodOrderList.map((prod : IPbProduct) => {
+    group.prodOrderList.map((prod: IPbProduct) => {
       if (prod.hadChoice && !prod.hide) {
-        totalBaof += Number(prod.totalBaof) || 0;
+        totalBaof += Number(prod.totalBaof) || 0
       }
-    });
-  });
-  return totalBaof && Number(totalBaof.toFixed(2));
+    })
+  })
+  return totalBaof && Number(totalBaof.toFixed(2))
 }
 
 /**
@@ -91,18 +91,18 @@ export function calcTotalBaof(productGroupList : IPbProductGroup []) : number {
  * getHuomianPeriodValue('a60', 1, 30)
  * // returns b29
  */
-export function getHuomianPeriodValue(val = '', pMinus = 0, age = 0) : string {
+export function getHuomianPeriodValue(val = '', pMinus = 0, age = 0): string {
   // a999: 终身; a1000: 趸交
   if (val == 'a999' || val == 'a1000') {
-    return val;
+    return val
   }
   // b开头：XXX 年。关联险种的交费期间 - 指定的值
   if (val.search(/^b/) !== -1) {
-    return 'b' + (Number(val.replace(/[^0-9]/, '')) - pMinus);
+    return 'b' + (Number(val.replace(/[^0-9]/, '')) - pMinus)
   }
   // a开头：至XXX岁。关联险种的交费期间 - 人员的年龄 - 指定的值
   if (val.search(/^a/) !== -1) {
-    return 'b' + (Number(val.replace(/[^0-9]/, '')) - age - pMinus);
+    return 'b' + (Number(val.replace(/[^0-9]/, '')) - age - pMinus)
   }
   return ''
 }
@@ -124,17 +124,17 @@ export function getHuomianPeriodValue(val = '', pMinus = 0, age = 0) : string {
  * getNumberFromYear('b10')
  * // returns 10
  */
-export function getNumberFromYear(value : string | number, age = 0) : number {
+export function getNumberFromYear(value: string | number, age = 0): number {
   if (typeof value === 'number') {
-    return value;
+    return value
   }
   if (value === 'a1000') {
-    return 1;
+    return 1
   }
   if (value.match(/^a/)) {
-    return Number(value.replace(/\D/g, '')) - age;
+    return Number(value.replace(/\D/g, '')) - age
   }
-  return Number(value.replace(/\D/g, ''));
+  return Number(value.replace(/\D/g, ''))
 }
 
 /**
@@ -153,48 +153,8 @@ export function getNumberFromYear(value : string | number, age = 0) : number {
  * converUnit10000(2000001)
  * // returns 2000001
  */
-export function converUnit10000(value : number) : number | string {
-  return value >= 10000 && !(value % 10000) ? `${value / 10000}万` : value;
-}
-
-/**
- * **对象的深拷贝**
- * @ignore
- * @author Lizhao <lz@winbaoxian.com>
- * @date 2022-04-25
- * @param {object} obj - 必传
- * @param {WeakMap} hash - 可不传
- * @returns {object} 拷贝对象
- */
-export function deepCopy(obj : any, hash = new WeakMap()) : any {
-  if (!obj || typeof obj !== 'object') {
-    return obj;
-  }
-  if (hash.has(obj)) {
-    return hash.get(obj);
-  }
-  let newObj : any;
-  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;
+export function converUnit10000(value: number): number | string {
+  return value >= 10000 && !(value % 10000) ? `${value / 10000}万` : value
 }
 
 /**
@@ -214,17 +174,14 @@ export function deepCopy(obj : any, hash = new WeakMap()) : any {
  * getAgeFromBirth('2000-01-10', '2022-01-09')
  * // returns 21
  */
-export function getAgeFromBirth(birth : Date | number | string, cDate? : Date | number | string ) : number {
-  const nowDate : Date = cDate ? new Date(cDate) : new Date();
-  const bDate : Date = new Date(birth);
-  let age = nowDate.getFullYear() - bDate.getFullYear();
-  if (
-    nowDate.getMonth() - bDate.getMonth() < 0 ||
-    (nowDate.getMonth() - bDate.getMonth() === 0 && nowDate.getDate() - bDate.getDate() < 0)
-  ) {
-    age--;
+export function getAgeFromBirth(birth: Date | number | string, cDate?: Date | number | string): number {
+  const nowDate: Date = cDate ? new Date(cDate) : new Date()
+  const bDate: Date = new Date(birth)
+  let age = nowDate.getFullYear() - bDate.getFullYear()
+  if (nowDate.getMonth() - bDate.getMonth() < 0 || (nowDate.getMonth() - bDate.getMonth() === 0 && nowDate.getDate() - bDate.getDate() < 0)) {
+    age--
   }
-  return age;
+  return age
 }
 
 /**
@@ -271,7 +228,7 @@ export function formatNumberToThousand(n) {
  * textOverflowEllipsis('hello world', 4)
  * // returns hello world
  */
-export function textOverflowEllipsis (str, n) {
+export function textOverflowEllipsis(str, n) {
   let text = String(str)
   if (text && n && n > 2) {
     const ChineseChars = text.match(/[^0-9a-z.()]/g) || ''
@@ -284,8 +241,10 @@ export function textOverflowEllipsis (str, n) {
   return text
 }
 
-export function getExpressionParamMap (personData : IPbPersons, product : IPbProduct, ins : IProdInsurance, options : any) : any {
-  const map : any = {
+export function getExpressionParamMap(personData: IPbPersons, product: IPbProduct, ins: IProdInsurance, options: any): any {
+  const map: any = {
+    user: {},
+    executeSource: null, // 执行：init-初始化 import-导入数据 userAction-用户操作 confirm-确认
     planbookId: null, // 计划书id
     productId: null, // 产品id
     insured: {}, // 被保人
@@ -298,7 +257,7 @@ export function getExpressionParamMap (personData : IPbPersons, product : IPbPro
     common: {}, // 通用信息
     customVariable: null, // 自定义变量
     cv: null, // 简写，自定义变量
-    t: {}, // 事件目标
+    t: {} // 事件目标
   }
 
   if (personData) {
@@ -326,7 +285,7 @@ export function getExpressionParamMap (personData : IPbPersons, product : IPbPro
       })
     if (Array.isArray(product.mulInsOrderList)) {
       const common = product.mulInsOrderList.find(item => item.key === 'common')
-      const insuranceList = product.mulInsOrderList.filter((item : any) => !['common'].includes(item.key)).map(item => convertEleOrderListToObj(item))
+      const insuranceList = product.mulInsOrderList.filter((item: any) => !['common'].includes(item.key)).map(item => convertEleOrderListToObj(item))
       map.m = insuranceList[0] ? insuranceList[0] : {}
       map.me = ins && ins.key ? insuranceList.find(e => e.key === ins.key) || {} : {}
       map.common = common ? convertEleOrderListToObj(common) : {}
@@ -337,12 +296,18 @@ export function getExpressionParamMap (personData : IPbPersons, product : IPbPro
   }
 
   if (options) {
+    if (options.user) {
+      map.user = options.user
+    }
     if (options.planbookId) {
       map.planbookId = options.planbookId
     }
     if (options.eventTarget) {
       map.t = options.eventTarget
     }
+    if (options.executeSource) {
+      map.executeSource = options.executeSource
+    }
   }
 
   if (ins && ins.customVariableExp) {
@@ -350,18 +315,17 @@ export function getExpressionParamMap (personData : IPbPersons, product : IPbPro
     map.customVariable = eval(exp)
     map.cv = map.customVariable
   }
-
   return map
 }
 
-export function executeElementRule (personData : IPbPersons, product : IPbProduct, ins : IProdInsurance, ele : IInsElement, options : any = {}) : any {
+export function executeElementRule(personData: IPbPersons, product: IPbProduct, ins: IProdInsurance, ele: IInsElement, options: any = {}): any {
   const paramMap = getExpressionParamMap(personData, product, ins, options)
-  const newEleMap : any = {}
+  const newEleMap: any = {}
   if (paramMap) {
     if (['cmCommonTitle'].includes(ele.componentName!)) {
       if (ele.underwriteExp) {
         const exp = ele.underwriteExp.replace(/(%)(\d+)(\.*\w*)(%)/g, 'paramMap.i$2$3').replace(/(%)(\w*\.*\w*)(%)/g, 'paramMap.$2')
-        const evalValue : Array<number> = eval(exp)
+        const evalValue: Array<number> = eval(exp)
         if (Array.isArray(evalValue)) {
           if ([0, 1].includes(evalValue[0])) {
             newEleMap.value = evalValue[0] === 1
@@ -384,16 +348,16 @@ export function executeElementRule (personData : IPbPersons, product : IPbProduc
       }
       if (ele.underwriteExp) {
         const exp = ele.underwriteExp.replace(/(%)(\d+)(\.*\w*)(%)/g, 'paramMap.i$2$3').replace(/(%)(\w*\.*\w*)(%)/g, 'paramMap.$2')
-        const evalValue : Array<number> = eval(exp)
+        const evalValue: Array<number> = eval(exp)
         if (Array.isArray(evalValue) && Array.isArray(ele.opts)) {
           if (evalValue.length === 2) {
-            newEleMap.opts = (ele.opts || []).filter((o : any) => o.val >= evalValue[0] && o.val <= evalValue[1])
+            newEleMap.opts = (ele.opts || []).filter((o: any) => o.val >= evalValue[0] && o.val <= evalValue[1])
           } else {
-            newEleMap.opts = (ele.opts || []).filter((o : any) => evalValue.includes(o.val))
+            newEleMap.opts = (ele.opts || []).filter((o: any) => evalValue.includes(o.val))
           }
         }
         if (Array.isArray(newEleMap.opts)) {
-          if (newEleMap.opts.length && !newEleMap.opts.some((o : any) => o.val === ele.value)) {
+          if (newEleMap.opts.length && !newEleMap.opts.some((o: any) => o.val === ele.value)) {
             newEleMap.value = newEleMap.opts[0].val
           }
         }
@@ -427,4 +391,4 @@ export function executeElementRule (personData : IPbPersons, product : IPbProduc
     }
   }
   return newEleMap
-}
+}

package/packages/bxs-utils/planbook/index.ts

@@ -1,4 +1,4 @@
-export * from './common';
-export * from './person';
-export * from './product';
-export * from './insurance';
+export * from './common'
+export * from './person'
+export * from './product'
+export * from './insurance'