feat: 生产 shape

miniprogram/pages/shape/index.wxml

@@ -24,7 +24,7 @@
                 wx:for-item="item"
                 wx:for-index="index"
                 wx:key="{{index}}"
-                key="{{index}}"
+                index="{{index}}"
                 svg="{{ item.svg }}"
                 fillColor="{{ item.fillColor }}"
                 bind:onShapeTap="openSelectShapePopup"
@@ -34,7 +34,49 @@
     </view>
     <shape-picker
         show="{{showSelectShapePopup}}"
-        currentShapeKey="{{currentShapeKey}}"
         bind:onClose="closeSelectShapePopup"
         bind:onChange="onChangeShape" />
+    <color-picker
+        show="{{showColorPopup}}"
+        currentColor="{{currentColor}}"
+        bind:onClose="onCloseColorPopup"
+        bind:onChange="onChangeColor" />
+
+    <view id="previewWrapper" class="wrapper">
+        <text class="wrapper-title">预览打印效果</text>
+        <view
+            wx:if="{{!isPCDevtool}}"
+            id="canvasWrapper"
+            class="canvas-wrapper">
+            <canvas
+                type="2d"
+                id="canvasContent"
+                class="canvas-content"
+                style="width:{{boxWidth}}px;height:{{boxHeight}}px" />
+        </view>
+    </view>
+</view>
+<view class="bottom-btn-box">
+    <toy-button
+        openType="share"
+        type="green"
+        flat="{{true}}"
+        bind:click="onShareAppMessage"
+        width="220rpx"
+        height="80rpx"
+        icon="wechat"
+        icon-class-prefix="toy-icon">
+        分享
+    </toy-button>
+    <toy-button
+        type="primary"
+        flat="{{true}}"
+        bind:click="exportToPrint"
+        width="420rpx"
+        height="80rpx"
+        disabled="{{shapeList.length <= 0}}"
+        icon="download"
+        icon-class-prefix="toy-icon">
+        下载打印
+    </toy-button>
 </view>