From 5626547a19bda4dcf7a1cea26f3225b1e1e4b866 Mon Sep 17 00:00:00 2001
From: rex <rexkaneki@gmail.com>
Date: Tue, 22 Dec 2020 20:55:58 +0800
Subject: [PATCH] perf(uploader): use wxs (#3897)

---
 packages/uploader/index.wxml |  9 +++++----
 packages/uploader/index.wxs  | 14 ++++++++++++++
 2 files changed, 19 insertions(+), 4 deletions(-)
 create mode 100644 packages/uploader/index.wxs

diff --git a/packages/uploader/index.wxml b/packages/uploader/index.wxml
index 111e64c5..a44f80d2 100644
--- a/packages/uploader/index.wxml
+++ b/packages/uploader/index.wxml
@@ -1,4 +1,5 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
 
 <view class="van-uploader">
   <view class="van-uploader__wrapper">
@@ -17,7 +18,7 @@
         src="{{ item.thumb || item.url }}"
         alt="{{ item.name || ('图片' + index) }}"
         class="van-uploader__preview-image"
-        style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
+        style="{{ computed.sizeStyle({ previewSize }) }}"
         data-index="{{ index }}"
         bind:tap="onPreviewImage"
       />
@@ -28,7 +29,7 @@
         poster="{{ item.thumb }}"
         autoplay="{{ item.autoplay }}"
         class="van-uploader__preview-image"
-        style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
+        style="{{ computed.sizeStyle({ previewSize }) }}"
         data-index="{{ index }}"
         bind:tap="onPreviewVideo"
       >
@@ -36,7 +37,7 @@
       <view
         wx:else
         class="van-uploader__file"
-        style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
+        style="{{ computed.sizeStyle({ previewSize }) }}"
       >
         <van-icon name="description" class="van-uploader__file-icon" />
         <view class="van-uploader__file-name van-ellipsis">{{ item.name || item.url }}</view>
@@ -69,7 +70,7 @@
       <view
         wx:if="{{ showUpload }}"
         class="van-uploader__upload {{ disabled ? 'van-uploader__upload--disabled': ''}}"
-        style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
+        style="{{ computed.sizeStyle({ previewSize }) }}"
         bindtap="startUpload"
       >
         <van-icon name="{{ uploadIcon }}" class="van-uploader__upload-icon" />
diff --git a/packages/uploader/index.wxs b/packages/uploader/index.wxs
new file mode 100644
index 00000000..257c7804
--- /dev/null
+++ b/packages/uploader/index.wxs
@@ -0,0 +1,14 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function sizeStyle(data) {
+  return style({
+    width: addUnit(data.previewSize),
+    height: addUnit(data.previewSize),
+  });
+}
+
+module.exports = {
+  sizeStyle: sizeStyle,
+};