From 064c68e2a6739cfd8b95ef465c391d503e74d179 Mon Sep 17 00:00:00 2001
From: iapyang <yklorse@gmail.com>
Date: Mon, 18 Jul 2022 17:21:45 +0800
Subject: [PATCH] =?UTF-8?q?KERNEL-9708=20refactor:=20=E6=8F=90=E5=8F=96?=
 =?UTF-8?q?=E5=88=B0system=E4=B8=AD=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/base/1.pane.js | 26 ++------------------------
 src/core/system.js | 42 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+), 24 deletions(-)

diff --git a/src/base/1.pane.js b/src/base/1.pane.js
index 8df568ead..015be58b8 100644
--- a/src/base/1.pane.js
+++ b/src/base/1.pane.js
@@ -40,30 +40,8 @@ BI.Pane = BI.inherit(BI.Widget, {
 
     loading: function () {
         var self = this, o = this.options;
-        var isIE = BI.isIE();
-        var loadingAnimation = BI.createWidget({
-            type: "bi.horizontal",
-            cls: "bi-loading-widget" + (isIE ? " wave-loading hack" : ""),
-            height: this._getSize(60),
-            width: this._getSize(60),
-            hgap: this._getSize(10),
-            vgap: 2.5,
-            items: isIE ? [] : [{
-                type: "bi.layout",
-                cls: "animate-rect rect1",
-                height: this._getSize(50),
-                width: this._getSize(5)
-            }, {
-                type: "bi.layout",
-                cls: "animate-rect rect2",
-                height: this._getSize(50),
-                width: this._getSize(5)
-            }, {
-                type: "bi.layout",
-                cls: "animate-rect rect3",
-                height: this._getSize(50),
-                width: this._getSize(5)
-            }]
+        var loadingAnimation = BI.Providers.getProvider("bi.provider.system").getLoading({ 
+            loadingSize: o.loadingSize
         });
         // pane在同步方式下由items决定tipText的显示与否
         // loading的异步情况下由loaded后对面板的populate的时机决定
diff --git a/src/core/system.js b/src/core/system.js
index b0ebda3bf..545057e49 100644
--- a/src/core/system.js
+++ b/src/core/system.js
@@ -19,6 +19,40 @@
             TOAST_TOP: 10,
             H_GAP_SIZE: "M",
             V_GAP_SIZE: "S"
+        },
+        loadingCreator: function(config) {
+            var loadingSize = (config ? config.loadingSize : "small") || "small";
+
+            var isIE = BI.isIE();
+
+            function getSize(v) {
+                return Math.ceil(v / (loadingSize === "small" ? 2 : 1));
+            }
+
+            return {
+                type: "bi.horizontal",
+                cls: "bi-loading-widget" + (isIE ? " wave-loading hack" : ""),
+                height: getSize(60),
+                width: getSize(60),
+                hgap: getSize(10),
+                vgap: 2.5,
+                items: isIE ? [] : [{
+                    type: "bi.layout",
+                    cls: "animate-rect rect1",
+                    height: getSize(50),
+                    width: getSize(5)
+                }, {
+                    type: "bi.layout",
+                    cls: "animate-rect rect2",
+                    height: getSize(50),
+                    width: getSize(5)
+                }, {
+                    type: "bi.layout",
+                    cls: "animate-rect rect3",
+                    height: getSize(50),
+                    width: getSize(5)
+                }]
+            };
         }
     };
 
@@ -59,6 +93,10 @@
             BI.extend(system.dependencies, moduleConfig);
         };
 
+        this.setLoadingCreator = function(creator) {
+            system.loadingCreator = creator;
+        };
+
         this.$get = function () {
             return BI.inherit(BI.OB, {
 
@@ -87,6 +125,10 @@
 
                 getDependencies: function () {
                     return system.dependencies;
+                },
+
+                getLoading: function(config) {
+                    return system.loadingCreator(config);
                 }
             });
         };