bxs-tools-ui 3.3.3 → 3.4.0

package/packages/product-info/handler.js

@@ -0,0 +1,307 @@
+/**
+ * product-info 辅助
+ * - 组合险 UI 状态（不进产品数据 / 试算）
+ * - 推荐保额保费、自定义结果元素
+ */
+import { get as _get } from 'lodash'
+import { initElementValidateRules } from 'packages/bxs-utils/index'
+import { createdProductDataToCalc } from 'packages/planbook-input/helper.js'
+import { getPlanbookRecommendData } from '../../src/api/planbook.js'
+
+export function getTitleEle(ins) {
+  return (ins.eleOrderList || []).find(e => e.key === 'title')
+}
+
+export function isTitleChecked(ins) {
+  const t = getTitleEle(ins)
+  return !!(t && t.value)
+}
+
+export function isTitleEnabled(ins) {
+  const t = getTitleEle(ins)
+  return !!(t && !t.isDisabled)
+}
+
+/** title 已选中且不可改（锁定勾选） */
+export function isTitleLockedChecked(ins) {
+  const t = getTitleEle(ins)
+  return !!(t && t.value === true && t.isDisabled === true)
+}
+
+export function getCheckedIds(siblings) {
+  return siblings.filter(isTitleChecked).map(s => s.key)
+}
+
+export function isCheckboxGroup(siblings) {
+  return siblings.some(s => !!s.isCheckbox)
+}
+
+/** 非 checkbox：多个选中时只保留第一个 */
+export function enforceSingleSelect(siblings) {
+  if (isCheckboxGroup(siblings)) {
+    return
+  }
+  const checked = siblings.filter(isTitleChecked)
+  if (checked.length <= 1) {
+    return
+  }
+  const keepKey = checked[0].key
+  checked.forEach(s => {
+    if (s.key !== keepKey) {
+      const t = getTitleEle(s)
+      if (t) {
+        t.value = false
+      }
+    }
+  })
+}
+
+export function setAllTitles(siblings, value) {
+  siblings.forEach(s => {
+    const t = getTitleEle(s)
+    if (t) {
+      t.value = value
+    }
+  })
+}
+
+/** 快照：组合子险 title 是否可选、是否选中 */
+export function snapshotGroupTitleEnabledMap(list) {
+  const map = {}
+  const insuranceList = list || []
+  insuranceList.forEach(ins => {
+    if (!ins.groupKey) {
+      return
+    }
+    const t = getTitleEle(ins)
+    if (t) {
+      map[ins.key] = {
+        enabled: !t.isDisabled,
+        checked: !!t.value
+      }
+    }
+  })
+  return map
+}
+
+/**
+ * 找出「原先选中 → 现在不可选」的组合子险名称（用于 Toast）
+ * 未选中的子险变为不可选时不提示
+ */
+export function getGroupSubsBecameUnselectable(list, prevSnapshotMap) {
+  const names = []
+  const insuranceList = list || []
+  insuranceList.forEach(ins => {
+    const prev = prevSnapshotMap && prevSnapshotMap[ins.key]
+    const wasChecked = !!(prev && prev.checked)
+    if (!ins.groupKey || !wasChecked) {
+      return
+    }
+    const t = getTitleEle(ins)
+    if (t && t.isDisabled && !t.value) {
+      names.push(t.labelName || ins.name || String(ins.key))
+    }
+  })
+  return names
+}
+
+/** 按 id 列表写 title；disabled 的不会勾上 */
+export function applySelectedIds(siblings, selectedIds) {
+  const idSet = new Set((selectedIds || []).map(String))
+  siblings.forEach(s => {
+    const t = getTitleEle(s)
+    if (!t) {
+      return
+    }
+    t.value = idSet.has(String(s.key)) && !t.isDisabled
+  })
+  return getCheckedIds(siblings)
+}
+
+/**
+ * 按 mulInsOrderList 首次出现顺序构建 groupUiState Map
+ * - 若有 title.value===true 且 isDisabled===true：active=true，locked=true，selectedIds 取第一个该险种 id
+ *   locked：组开关开启且不可关，其他子险 title 不可点
+ * - 否则 selectedIds：优先用当前 title 选中；否则回退 prev，并剔除已 disabled 的 id
+ */
+export function buildGroupUiState(list, prevMap, options = {}) {
+  const { isInit } = options
+  const next = new Map()
+  const insuranceList = (list || []).filter(ins => ins.groupKey)
+  insuranceList.forEach(ins => {
+    const gk = String(ins.groupKey)
+    if (next.has(gk)) {
+      return
+    }
+    const siblings = insuranceList.filter(i => String(i.groupKey) === gk)
+    const lockedChecked = siblings.find(isTitleLockedChecked)
+    if (lockedChecked) {
+      next.set(gk, {
+        active: true,
+        locked: true,
+        selectedIds: [lockedChecked.key],
+        groupName: ins.groupName
+      })
+      return
+    }
+    enforceSingleSelect(siblings)
+
+    const enabled = siblings.filter(isTitleEnabled)
+    const enabledKeySet = new Set(enabled.map(s => String(s.key)))
+    const pickEnabledIds = ids => (ids || []).filter(id => enabledKeySet.has(String(id)))
+
+    const selectedFromTitle = pickEnabledIds(getCheckedIds(siblings))
+    const prev = prevMap && prevMap.get(gk)
+    const allDisabled = enabled.length === 0
+
+    let active = false
+    if (allDisabled) {
+      active = false
+    } else if (isInit || !prev) {
+      active = selectedFromTitle.length > 0
+    } else {
+      active = prev.active || selectedFromTitle.length > 0
+    }
+
+    const selectedIds = selectedFromTitle.length > 0 ? selectedFromTitle : pickEnabledIds(prev && Array.isArray(prev.selectedIds) ? prev.selectedIds : [])
+
+    next.set(gk, {
+      active,
+      locked: false,
+      selectedIds,
+      groupName: ins.groupName
+    })
+  })
+  return next
+}
+
+/** 普通险在前，组合险在后（组序 = groupKey 首次出现） */
+export function buildDisplayBlocks(list, groupUiState, normalizeIns) {
+  const normals = []
+  const groups = []
+  const visited = new Set()
+  const insuranceList = list || []
+  insuranceList.forEach(ins => {
+    if (!ins.groupKey) {
+      normalizeIns && normalizeIns(ins)
+      normals.push({ type: 'normal', ins })
+      return
+    }
+    const gk = String(ins.groupKey)
+    if (visited.has(gk)) {
+      return
+    }
+    visited.add(gk)
+    const insList = insuranceList.filter(i => String(i.groupKey) === gk)
+    insList.forEach(i => normalizeIns && normalizeIns(i))
+    const state = groupUiState && groupUiState.get(gk)
+    groups.push({
+      type: 'group',
+      groupKey: gk,
+      groupName: (state && state.groupName) || ins.groupName || '',
+      insList
+    })
+  })
+  return normals.concat(groups)
+}
+
+/**
+ * 拉取并过滤推荐保额/保费（读写共用传入的 cache 对象）
+ * @returns {Promise<{ recommendValues: object, cacheKey: string, fromCache?: boolean } | null>}
+ */
+export async function fetchRecommendValues({ inputData, groupKey, productKey, productData, cache }) {
+  const requestDataToCalc = await createdProductDataToCalc(inputData, { groupKey, productKey }).catch(() => null)
+  if (!_get(requestDataToCalc, 'jd')) {
+    return null
+  }
+  const inputDataToCalc = JSON.parse(requestDataToCalc.jd)
+  const calcList = _get(inputDataToCalc, 'productGroupList[0].prodOrderList[0].mulInsOrderList') || []
+  const reqParams = calcList.map(ins => ({
+    insuranceId: ins.key,
+    period: ins.pPeriod,
+    calMethod: ins.calMethod || ins.feeType || ins.feeBaseType
+  }))
+  const cacheKey = JSON.stringify(reqParams)
+  if (cache && cache[cacheKey]) {
+    return { recommendValues: cache[cacheKey], fromCache: true, cacheKey }
+  }
+  const data = await getPlanbookRecommendData(reqParams)
+  const recommendValues = (data || []).reduce((obj, ele) => Object.assign(obj, { [ele.insuranceId]: ele.valueList }), {})
+  const mulInsOrderList = _get(productData, 'mulInsOrderList') || []
+  mulInsOrderList
+    .filter(ins => ins.eleOrderList && recommendValues[ins.key])
+    .forEach(ins => {
+      const calMethod = ins.calMethod || ins.feeType || ins.feeBaseType
+      const key = calMethod === 'baof2baoe' ? 'baof' : 'baoe'
+      const ele = ins.eleOrderList.find(e => e.key === key)
+      if (!ele) {
+        return
+      }
+      if (ele.min && !isNaN(Number(ele.min))) {
+        recommendValues[ins.key] = (recommendValues[ins.key] || []).filter(v => v >= ele.min)
+      }
+      if (ele.max && !isNaN(Number(ele.max))) {
+        recommendValues[ins.key] = (recommendValues[ins.key] || []).filter(v => v <= ele.max)
+      }
+    })
+  if (cache) {
+    cache[cacheKey] = recommendValues
+  }
+  return { recommendValues, cacheKey, fromCache: false }
+}
+
+/**
+ * 为选中险种写入/更新自定义保费 inputResult；未选中则清掉元素（值回写到 ins.inputResult）
+ */
+export function createInsuranceInputResultEle(productData, options = {}) {
+  const { allowCustomResult, insData, eleData } = options
+  const list = _get(productData, 'mulInsOrderList')
+  if (allowCustomResult && list) {
+    list.forEach(ins => {
+      const isCommon = ins.key === 'common'
+      const checked = isTitleChecked(ins)
+      const isCurrentIns = !!(insData && eleData && insData.key === ins.key)
+      const shouldSkipUpdate = isCurrentIns && eleData.key !== 'calMethod'
+      const shouldClear = !isCommon && !checked
+      const shouldWrite = !isCommon && checked && !shouldSkipUpdate
+      const eleOrderList = _get(ins, 'eleOrderList') || []
+      const existingInputResult = eleOrderList.find(e => e.key === 'inputResult')
+      const existingInputResultValue = existingInputResult ? existingInputResult.value : null
+
+      if (shouldClear) {
+        if (existingInputResult) {
+          ins.inputResult = existingInputResultValue
+        }
+        ins.eleOrderList = eleOrderList.filter(e => e.key !== 'inputResult')
+      }
+
+      if (shouldWrite) {
+        const calMethod = eleOrderList.find(e => e.key === 'calMethod')
+        const baof = eleOrderList.find(e => e.key === 'baof') || eleOrderList.find(e => e.key === 'payModePremium')
+        const labelName = calMethod ? (calMethod.value === 'baof2baoe' ? '保额' : '保费') : baof ? '保额' : '保费'
+        let value = existingInputResult ? ins.inputResult : ins.inputResult === undefined ? null : ins.inputResult
+        if (isCurrentIns && eleData.key === 'inputResult') {
+          value = eleData.value
+        }
+        const inputResult = {
+          componentName: 'cmCommonInput',
+          placeholder: `按照保单填写${labelName}`,
+          isHide: !productData.inputResultSwitch,
+          key: 'inputResult',
+          labelName: `自定义${labelName}`,
+          inputType: 'text',
+          required: false,
+          regExp: '/^\\d{1,}(\\.\\d{1,2})?$/',
+          regExpMessage: '请输入1-2位小数的值',
+          value
+        }
+        inputResult.rules = initElementValidateRules(inputResult)
+        delete ins.inputResult
+        ins.eleOrderList = eleOrderList.filter(e => e.key !== 'inputResult')
+        if (productData.inputResultSwitch) {
+          ins.eleOrderList.push(inputResult)
+        }
+      }
+    })
+  }
+}

package/packages/product-info/handler.md

@@ -0,0 +1,26 @@
+# handler.js
+
+`product-info` 辅助函数。组合险 UI 状态**不写入**产品数据 / 试算 jd。
+
+## 组合险
+
+| 函数 | 说明 |
+|------|------|
+| `isTitleEnabled` | title 可选（`!isDisabled`） |
+| `isTitleLockedChecked` | title 已选中且不可改（`value===true` 且 `isDisabled===true`） |
+| `buildGroupUiState` | 按 `groupKey` 首次出现建 `Map`；有锁定勾选则 `active=true`、`locked=true`、`selectedIds` 取第一个（组开关不可关、其他子险不可点）；否则非 checkbox 强制单选，派生 `active` / `selectedIds`（剔除已 disabled） |
+| `buildDisplayBlocks` | 普通险在前，组合险在后 |
+| `enforceSingleSelect` | 非 checkbox：多选中时只留第一个 |
+| `applySelectedIds` / `setAllTitles` / `getCheckedIds` | 读写子险 `title` |
+| `snapshotGroupTitleEnabledMap` / `getGroupSubsBecameUnselectable` | 对比承保处理后，哪些**原先已选中**的组合子险变为不可选（未选中的不 Toast） |
+
+```ts
+Map<groupKey, { active: boolean, locked: boolean, selectedIds: Array<id>, groupName?: string }>
+```
+
+## 其它
+
+| 函数 | 说明 |
+|------|------|
+| `fetchRecommendValues` | 组装试算参数、请求推荐保额/保费并按 min/max 过滤；读写共用传入的 `cache` |
+| `createInsuranceInputResultEle` | 仅对**选中**险种写入 `inputResult`；未选中清掉元素，值回写 `ins.inputResult` |

package/packages/product-info/index.less

@@ -38,6 +38,39 @@
     }
   }
 
+  & .bxt-product-group {
+    margin-bottom: 9px;
+    padding-top: 9px;
+    background: white;
+    border-radius: 6px;
+
+    & .bxt-product-group-header {
+      margin-bottom: 0;
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+      padding: 0 15px;
+    }
+
+    & .bxt-product-group-sub {
+      margin-bottom: 0;
+      border-radius: 0;
+
+      &:last-child {
+        margin-bottom: 0;
+        border-bottom-left-radius: 6px;
+        border-bottom-right-radius: 6px;
+      }
+    }
+
+    & .bxt-product-insurance-type-group .bxt-item-title::before {
+      display: none;
+    }
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
   & .bxt-product-info-form {
     background: white;
     margin-bottom: 9px;