feat:render checkbox control with style

Hufe921 · Mar 10, 2023 · 9f64a06 · 9f64a06
1 parent a3664a2
commit 9f64a06
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/editor/utils/element.ts b/src/editor/utils/element.ts
@@ -134,6 +134,12 @@ export function formatElementList(elementList: IElement[], options: IFormatEleme
         if (type === ControlType.CHECKBOX) {
           const codeList = code ? code.split(',') : []
           if (Array.isArray(valueSets) && valueSets.length) {
+            // 拆分valueList优先使用其属性
+            const valueStyleList = valueList.reduce(
+              (pre, cur) => pre.concat(cur.value.split('').map(v => ({ ...cur, value: v }))),
+              [] as IElement[]
+            )
+            let valueStyleIndex = 0
             for (let v = 0; v < valueSets.length; v++) {
               const valueSet = valueSets[v]
               // checkbox组件
@@ -155,13 +161,15 @@ export function formatElementList(elementList: IElement[], options: IFormatEleme
                 const value = valueStrList[e]
                 const isLastLetter = e === valueStrList.length - 1
                 elementList.splice(i, 0, {
+                  ...valueStyleList[valueStyleIndex],
                   controlId,
                   value,
                   type: el.type,
                   letterSpacing: isLastLetter ? defaultCheckboxOption.gap : 0,
                   control: el.control,
                   controlComponent: ControlComponent.VALUE
                 })
+                valueStyleIndex++
                 i++
               }
             }