chore: prettier js codes

src/sku/components/SkuMessages.js

@@ -103,43 +103,54 @@ export default createComponent({
           if (message.type === 'email' && !isEmail(value)) {
             return t('invalid.email');
           }
-          if (message.type === 'id_no' && (value.length < 15 || value.length > 18)) {
+          if (
+            message.type === 'id_no' &&
+            (value.length < 15 || value.length > 18)
+          ) {
             return t('invalid.id_no');
           }
         }
       }
     },
+
+    genMessage(message, index) {
+      if (message.type === 'image') {
+        return (
+          <Cell
+            key={`${this.goodsId}-${index}`}
+            title={message.name}
+            label={t('imageLabel')}
+            class={bem('image-cell')}
+            required={String(message.required) === '1'}
+            valueClass={bem('image-cell-value')}
+          >
+            <SkuImgUploader
+              vModel={this.messageValues[index].value}
+              maxSize={this.messageConfig.uploadMaxSize}
+              uploadImg={this.messageConfig.uploadImg}
+            />
+          </Cell>
+        );
+      }
+
+      return (
+        <Field
+          vModel={this.messageValues[index].value}
+          maxlength="200"
+          label={message.name}
+          key={`${this.goodsId}-${index}`}
+          required={String(message.required) === '1'}
+          placeholder={this.getPlaceholder(message)}
+          type={this.getType(message)}
+        />
+      );
+    },
   },
 
   render() {
     return (
       <CellGroup class={bem()} border={this.messages.length > 0}>
-        {this.messages.map((message, index) => (message.type === 'image' ? (
-          <Cell
-            class={bem('image-cell')}
-            value-class={bem('image-cell-value')}
-            label={t('imageLabel')}
-            title={message.name}
-            key={`${this.goodsId}-${index}`}
-            required={String(message.required) === '1'}
-          >
-            <SkuImgUploader
-              vModel={this.messageValues[index].value}
-              uploadImg={this.messageConfig.uploadImg}
-              maxSize={this.messageConfig.uploadMaxSize}
-            />
-          </Cell>
-        ) : (
-          <Field
-            vModel={this.messageValues[index].value}
-            maxlength="200"
-            label={message.name}
-            key={`${this.goodsId}-${index}`}
-            required={String(message.required) === '1'}
-            placeholder={this.getPlaceholder(message)}
-            type={this.getType(message)}
-          />
-        )))}
+        {this.messages.map(this.genMessage)}
       </CellGroup>
     );
   },