import components on demand

.babelrc

@@ -4,7 +4,7 @@
     "transform-object-rest-spread",
     [
       "import",
-      { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }
+      { "libraryName": "antd", "libraryDirectory": "es", "style": true }
     ]
   ]
 }

lib/App.js

@@ -13,7 +13,7 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require("antd/es/message/style/css");
+require("antd/es/message/style");
 
 var _react = require("react");
 

lib/components/CommentBox/index.js

@@ -10,7 +10,7 @@ var _icon2 = _interopRequireDefault(_icon);
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require("antd/es/icon/style/css");
+require("antd/es/icon/style");
 
 var _react = require("react");
 

lib/components/CommentList/index.js

@@ -14,9 +14,9 @@ var _pagination2 = _interopRequireDefault(_pagination);
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require("antd/es/spin/style/css");
+require("antd/es/spin/style");
 
-require("antd/es/pagination/style/css");
+require("antd/es/pagination/style");
 
 var _react = require("react");
 

lib/components/ContentItem/AvatarHoverCard.js

@@ -14,9 +14,9 @@ var _row2 = _interopRequireDefault(_row);
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require("antd/es/col/style/css");
+require("antd/es/col/style");
 
-require("antd/es/row/style/css");
+require("antd/es/row/style");
 
 var _react = require("react");
 

lib/components/ContentItem/index.css

@@ -89,7 +89,7 @@
 .comment-item-reply {
   margin-left: 20px;
   cursor: pointer;
-  color: #3C9CFE;
+  color: #3c9cfe;
 }
 .comment-item-bottom-left {
   color: #71c135;

lib/components/ContentItem/index.js

@@ -24,13 +24,13 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require("antd/es/popconfirm/style/css");
+require("antd/es/popconfirm/style");
 
-require("antd/es/icon/style/css");
+require("antd/es/icon/style");
 
-require("antd/es/tooltip/style/css");
+require("antd/es/tooltip/style");
 
-require("antd/es/popover/style/css");
+require("antd/es/popover/style");
 
 var _react = require("react");
 

lib/components/EditComment/EditComment.js

@@ -14,9 +14,9 @@ var _icon2 = _interopRequireDefault(_icon);
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require("antd/es/modal/style/css");
+require("antd/es/modal/style");
 
-require("antd/es/icon/style/css");
+require("antd/es/icon/style");
 
 var _react = require("react");
 

lib/components/Editor/Emoji.js

@@ -10,7 +10,7 @@ var _carousel2 = _interopRequireDefault(_carousel);
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require("antd/es/carousel/style/css");
+require("antd/es/carousel/style");
 
 var _react = require("react");
 

lib/components/Editor/Upload.css

@@ -27,7 +27,7 @@
   justify-content: center;
 }
 .ant-upload-list-picture-card {
-  float: none!important;
+  float: none !important;
 }
 .upload-close-icon {
   position: absolute;

lib/components/Editor/Upload.js

@@ -26,15 +26,15 @@ var _message3 = _interopRequireDefault(_message2);
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require("antd/es/modal/style/css");
+require("antd/es/modal/style");
 
-require("antd/es/spin/style/css");
+require("antd/es/spin/style");
 
-require("antd/es/upload/style/css");
+require("antd/es/upload/style");
 
-require("antd/es/icon/style/css");
+require("antd/es/icon/style");
 
-require("antd/es/message/style/css");
+require("antd/es/message/style");
 
 var _react = require("react");
 

lib/components/Editor/index.js

@@ -26,15 +26,15 @@ var _input2 = _interopRequireDefault(_input);
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require("antd/es/button/style/css");
+require("antd/es/button/style");
 
-require("antd/es/popover/style/css");
+require("antd/es/popover/style");
 
-require("antd/es/icon/style/css");
+require("antd/es/icon/style");
 
-require("antd/es/message/style/css");
+require("antd/es/message/style");
 
-require("antd/es/input/style/css");
+require("antd/es/input/style");
 
 var _react = require("react");
 

lib/components/ImagePreviewer/ImagePreviewer.js

@@ -14,9 +14,9 @@ var _icon2 = _interopRequireDefault(_icon);
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-require("antd/es/spin/style/css");
+require("antd/es/spin/style");
 
-require("antd/es/icon/style/css");
+require("antd/es/icon/style");
 
 var _react = require("react");
 

lib/helper.js

@@ -75,7 +75,7 @@ function renderContent(content, onClick) {
     }
     // 如果不存在对应的表情, 则返回原文
     // const emoji = emojiObejct[src];
-    if(sessionStorage.getItem("emojiMap") && JSON.parse(sessionStorage.getItem("emojiMap"))){
+    if (sessionStorage.getItem("emojiMap") && JSON.parse(sessionStorage.getItem("emojiMap"))) {
       var emoji = JSON.parse(sessionStorage.getItem("emojiMap"))[src];
       if (emoji) {
         return "<img class=\"comment-emoji\" src=\"" + emoji + "\" alt=\"" + emoji.title + "\" style=\"width:28px\"/>";

lib/version.json

@@ -1,8 +1,8 @@
 {
     "name":       "comment",
-    "buildDate":  1565745352505,
+    "buildDate":  1573731377000,
     "version":    "1.0.4",
-    "numCommits": 184,
-    "hash":       "865439d",
+    "numCommits": 192,
+    "hash":       "e027c33",
     "dirty":      true
 }