From 8617b508fba585e30cdcebb145d1f5fb4065da3d Mon Sep 17 00:00:00 2001
From: guy <guy@finereport.com>
Date: Thu, 18 Nov 2021 22:13:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9EDrawer=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/base/layer/layer.drawer.js | 48 +++++++++++++++++++++++++++++-----
 1 file changed, 41 insertions(+), 7 deletions(-)

diff --git a/src/base/layer/layer.drawer.js b/src/base/layer/layer.drawer.js
index 6b93a4324..e62c272dc 100644
--- a/src/base/layer/layer.drawer.js
+++ b/src/base/layer/layer.drawer.js
@@ -4,8 +4,14 @@
  * @extends BI.Widget
  */
 BI.Drawer = BI.inherit(BI.Widget, {
+    SIZE: {
+        SMALL: "small",
+        NORMAL: "normal",
+        BIG: "big"
+    },
     props: {
         baseCls: "bi-drawer bi-card",
+        size: "normal",
         placement: "right", //  top/bottom/left/right
         header: null,
         headerHeight: 40,
@@ -74,10 +80,37 @@ BI.Drawer = BI.inherit(BI.Widget, {
             bgap: o.bodyBgap
         }];
 
-        return {
+        return BI.extend({
             type: "bi.vtape",
             items: items
-        };
+        }, this._getSuitableSize());
+    },
+
+    _getSuitableSize: function () {
+        var o = this.options;
+        var size = 0;
+        switch (o.size) {
+            case "big":
+                size = 736;
+                break;
+            case "small":
+                size = 200;
+                break;
+            case "normal":
+            default:
+                size = 378;
+                break;
+        }
+        if (o.placement === "top" || o.placement === "bottom") {
+            return {
+                height: o.height || size
+            };
+        }
+        if (o.placement === "left" || o.placement === "right") {
+            return {
+                width: o.width || size
+            };
+        }
     },
 
     mounted: function () {
@@ -117,25 +150,26 @@ BI.Drawer = BI.inherit(BI.Widget, {
     show: function (callback) {
         var self = this, o = this.options;
         requestAnimationFrame(function () {
+            var size = self._getSuitableSize();
             switch (o.placement) {
                 case "right":
                     self.element.css({
-                        transform: "translateX(-" + self.getWidth() + "px)"
+                        transform: "translateX(-" + size.width + "px)"
                     });
                     break;
                 case "left":
                     self.element.css({
-                        transform: "translateX(" + self.getWidth() + "px)"
+                        transform: "translateX(" + size.width + "px)"
                     });
                     break;
                 case "top":
                     self.element.css({
-                        transform: "translateY(" + self.getHeight() + "px)"
+                        transform: "translateY(" + size.height + "px)"
                     });
                     break;
                 case "bottom":
                     self.element.css({
-                        transform: "translateY(-" + self.getHeight() + "px)"
+                        transform: "translateY(-" + size.height + "px)"
                     });
                     break;
             }
@@ -160,7 +194,7 @@ BI.Drawer = BI.inherit(BI.Widget, {
                     });
                     break;
             }
-            setTimeout(callback, 300)
+            setTimeout(callback, 300);
         });
     },