chore: prettier js codes

src/sku/components/SkuImgUploader.js

@@ -53,9 +53,7 @@ export default createComponent({
           maxSize={this.maxSize * 1024 * 1024}
           onOversize={this.onOversize}
         >
-          <div class={bem('img')}>
-            {content}
-          </div>
+          <div class={bem('img')}>{content}</div>
         </Uploader>
       );
     },
@@ -63,15 +61,14 @@ export default createComponent({
     genMask() {
       return (
         <div class={bem('mask')}>
-          {this.uploadFail
-            ? (
-              [
-                <Icon name="warning-o" size="20px" />,
-                <div class={bem('warn-text')} domPropsInnerHTML={t('fail')} />,
-              ]
-            ) : (
-              <Loading type="spinner" size="20px" color="white" />
-            )}
+          {this.uploadFail ? (
+            [
+              <Icon name="warning-o" size="20px" />,
+              <div class={bem('warn-text')} domPropsInnerHTML={t('fail')} />,
+            ]
+          ) : (
+            <Loading type="spinner" size="20px" color="white" />
+          )}
         </div>
       );
     },
@@ -80,33 +77,34 @@ export default createComponent({
   render() {
     return (
       <div class={bem()}>
-        {this.value && this.genUploader(
-          [
-            <img src={this.value} />,
-            <Icon
-              name="clear"
-              class={bem('delete')}
-              onClick={() => {
-                this.$emit('input', '');
-              }}
-            />,
-          ],
-          true
-        )}
+        {this.value &&
+          this.genUploader(
+            [
+              <img src={this.value} />,
+              <Icon
+                name="clear"
+                class={bem('delete')}
+                onClick={() => {
+                  this.$emit('input', '');
+                }}
+              />,
+            ],
+            true
+          )}
 
-        {this.paddingImg && this.genUploader(
-          [
-            <img src={this.paddingImg} />,
-            this.genMask(),
-          ],
-          !this.uploadFail
-        )}
+        {this.paddingImg &&
+          this.genUploader(
+            [<img src={this.paddingImg} />, this.genMask()],
+            !this.uploadFail
+          )}
 
-        {!this.value && !this.paddingImg && this.genUploader(
-          <div class={bem('trigger')}>
-            <Icon name="photograph" size="22px" />
-          </div>
-        )}
+        {!this.value &&
+          !this.paddingImg &&
+          this.genUploader(
+            <div class={bem('trigger')}>
+              <Icon name="photograph" size="22px" />
+            </div>
+          )}
       </div>
     );
   },

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>
     );
   },

src/sku/components/SkuRowPropItem.js

@@ -11,6 +11,18 @@ export default createComponent({
     multiple: Boolean,
   },
 
+  computed: {
+    choosed() {
+      const { selectedProp, skuKeyStr, skuValue } = this;
+
+      if (selectedProp && selectedProp[skuKeyStr]) {
+        return selectedProp[skuKeyStr].indexOf(skuValue.id) > -1;
+      }
+
+      return false;
+    },
+  },
+
   methods: {
     onSelect() {
       this.skuEventBus.$emit('sku:propSelect', {
@@ -22,14 +34,11 @@ export default createComponent({
   },
 
   render() {
-    const choosed = this.selectedProp && (this.selectedProp[this.skuKeyStr] || []).indexOf(this.skuValue.id) > -1;
     return (
       <span
         class={[
           'van-sku-row__item',
-          {
-            'van-sku-row__item--active': choosed,
-          },
+          { 'van-sku-row__item--active': this.choosed },
         ]}
         onClick={this.onSelect}
       >

src/sku/components/SkuStepper.js

@@ -157,7 +157,9 @@ export default createComponent({
     return (
       <div class="van-sku-stepper-stock">
         <div class="van-sku-stepper-container">
-          <div class="van-sku__stepper-title">{this.stepperTitle || t('num')}</div>
+          <div class="van-sku__stepper-title">
+            {this.stepperTitle || t('num')}
+          </div>
           <Stepper
             vModel={this.currentNum}
             class="van-sku__stepper"
@@ -168,7 +170,9 @@ export default createComponent({
             onOverlimit={this.onOverLimit}
             onChange={this.onChange}
           />
-          {!this.hideQuotaText && this.quotaText && <span class="van-sku__stepper-quota">({this.quotaText})</span>}
+          {!this.hideQuotaText && this.quotaText && (
+            <span class="van-sku__stepper-quota">({this.quotaText})</span>
+          )}
         </div>
       </div>
     );