@fonixtree/magic-design 2.0.198 → 2.0.202

package/lib/assets/images/base64/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.walletVoucherIcon = exports.walletSaldoIcon = exports.walletKoinIcon = exports.tipIcon = exports.timeIcon = exports.starIcon = exports.pcNavIcon = exports.menuHomeSelectedIcon = exports.menuHomeIcon = exports.menuCommunitySelectedIcon = exports.menuCommunityIcon = exports.menuCategorySelectedIcon = exports.menuCategoryIcon = exports.menuCartSelectedIcon = exports.menuCartIcon = exports.menuAccountSelectedIcon = exports.menuAccountIcon = exports.headInboxIcon = exports.headHomeIcon = exports.headAccountIcon = exports.flashIcon = exports.bikeIcon = exports.bargainIcon = void 0;
+exports.walletVoucherIcon = exports.walletSaldoIcon = exports.walletKoinIcon = exports.tipIcon = exports.timeIcon = exports.starIcon = exports.searchMessageIcon = exports.searchChatbotIcon = exports.searchCartIcon = exports.pcNavIcon = exports.menuHomeSelectedIcon = exports.menuHomeIcon = exports.menuCommunitySelectedIcon = exports.menuCommunityIcon = exports.menuCategorySelectedIcon = exports.menuCategoryIcon = exports.menuCartSelectedIcon = exports.menuCartIcon = exports.menuAccountSelectedIcon = exports.menuAccountIcon = exports.headInboxIcon = exports.headHomeIcon = exports.headAccountIcon = exports.flashIcon = exports.bikeIcon = exports.bargainIcon = void 0;
 var pcNavIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAbCAYAAAAdx42aAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABRSURBVHgB7dWxFUBQEAXR91YidERicmXIVYRSdKIUJWjA+VRhA3M7mGjcj9Nia9X3znCZq7YbDuVoiqOOt35Tjsu6dwFANvMCXgDg93hB+gsemfAbHEJkq40AAAAASUVORK5CYII=';
 exports.pcNavIcon = pcNavIcon;
 var flashIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAYAAAAqXEs9AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMoSURBVHgB5VhdbtNAEP5sJxKP6RsS/dmeoIlIkHginKThBNATJDlB4QSkJyA9AelTpdCq5QQsBZ5rXknjZcb1Oht34+ySRKrEJ1lZr2fX45lvv9kN8L/h/KkQVzVRw2PBxY747GMfYoMY74gOFLyiszGHOFU0eVcF+O4zrlLsoBB/sxnSxCetG9mDI6pVsK0IFE7hgYqlT1gtFepwxFiIOqY4TIcpSHjAOWUB8MrVNpziUz4uXNGh5g8Z6GsSYd94VDsXQmAJLrdFF0aUk2iNEXoppaTQxPo+mqBdZs9EJq71zL5qvOaUEQfOcuOgnEcZkU3EjVjGWKdDFKGR0T5YZJZqDu6JbOAanljuUDI3qTVCWnOK/Qr4DU8ExQ5Th4gPHyohBtMpbnP/IjReSDn35Ze74phS+w7uGJF9PwjwMbuXtIhec8MWIaGvUOGgIYkDwSxKQYHYKZH9nAGt3jfkTCd/l8JX/aw0ZUqLoTkgnOcREdmreFJKBunqNXRNVTB0cohGC/5JkhmxiRdt3b7YFW+xSNkX4E+E/pdt0dbjyEHZknLk5hCJIXMqirBn9KX7G04VPFOlo5OlS2Nk2lQc5hEqwRa5HuutxF0N9eo054AzODpZM08XLZITX4d4tXHVZmK3044J6s1fskOtTtGWIjrAQz3Ko1NMV9NIF8OpuNLAA5PYNKoND/CLdXTK0nU/tQN4L2Qqtk/lZyQ0PltZjIXpcnaI9GiPtMMUQ6fKz+DokLi+5/b4mWAZ0ePiViFdzg6xHmVfKHXfssqvMQX6qbgiLc4dw9Ghzd6J1FqPCFz50zYJ5DERuGuxPjNv6IsPyU6TPK+FpGenTg4VNmVzIC5d02rTk9eyq9QhwBrJmGqXW4QM8j0EV/4AK2NRuqwOlaH1U46IzPtlNiSYPf4lMT26q9pf/ATw2rStBBZG39OqCa8IadD+p0srj0+lMZ0qhs9vZN98rmYlwsnehDcj+FRR3MjTfV8fIrk0cGpd7Vd2iLYct5bzOq+arXXYb/TPhn+Bv0OWs3rZMva193aINmu8KTOL4jCMcLQu+5VwJfz+GfO1fxT4C80iKW9PTeIFAAAAAElFTkSuQmCC';
@@ -49,4 +49,10 @@ exports.starIcon = starIcon;
 var timeIcon = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzI1MjY4MTYzMDY2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjYxMDkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PHBhdGggZD0iTTUxMS45NDcwNTkwOCAxODUuNTY0NzA1NDdhMzI2LjQ4ODIzNTQ1IDMyNi40ODgyMzU0NSAwIDEgMCAwIDY1Mi45MjM1Mjk5OCAzMjYuNDg4MjM1NDUgMzI2LjQ4ODIzNTQ1IDAgMCAwIDAtNjUyLjkyMzUyOTk4ek0xMzIuNTE3NjQ3MjcgNTEyLjA1Mjk0MDkyYTM3OS40Mjk0MTE4MiAzNzkuNDI5NDExODIgMCAxIDEgNzU4LjgwNTg4MTg0IDAgMzc5LjQyOTQxMTgyIDM3OS40Mjk0MTE4MiAwIDAgMS03NTguODA1ODgxODQgMHogbTM3OS40Mjk0MTE4MS0xNjcuNjY0NzA1NDdhMjYuNDcwNTg4MTggMjYuNDcwNTg4MTggMCAwIDEgMjYuNDcwNTg4MTkgMjYuNDcwNTg4MTl2MTMwLjIzNTI5MzY1bDgwLjQ3MDU4ODE4IDgwLjQ3MDU4ODE4YTI2LjQ3MDU4ODE4IDI2LjQ3MDU4ODE4IDAgMSAxLTM3LjQyOTQxMTgxIDM3LjQyOTQxMTgyTDQ5My4yMDU4ODI3MSA1MzAuNzQxMTc2MzdhMjYuNDcwNTg4MTggMjYuNDcwNTg4MTggMCAwIDEtNy43Mjk0MTE4MS0xOC42ODgyMzU0NVYzNzAuODU4ODIzNjNhMjYuNDcwNTg4MTggMjYuNDcwNTg4MTggMCAwIDEgMjYuNDcwNTg4MTgtMjYuNDcwNTg4MTh6IiBmaWxsPSIjMzMzMzMzIiBwLWlkPSI2MTEwIj48L3BhdGg+PC9zdmc+';
 exports.timeIcon = timeIcon;
 var bikeIcon = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzI1MjY4MTcwMjUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjYyNjYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PHBhdGggZD0iTTU4Mi4xMzY0NzAzMSAyNzcuOTg1ODgyMTlhNTQ0Ljk0MTE3NjI1IDU0NC45NDExNzYyNSAwIDAgMC01MC4zMTUyOTQwNi0xLjI0MjM1MjVoLTE5Ljg3NzY0NjU2YTI4LjIzNTI5NDA2IDI4LjIzNTI5NDA2IDAgMCAxIDAtNTYuNDcwNTg4MTNoMjEuMjMyOTQwNjJjMjEuNDU4ODIzNzUgMCAzOS42OTg4MjM3NSAwIDU0Ljc3NjQ3MTI1IDEuNTgxMTc2MjUgMTUuOTgxMTc2MjUgMS42Mzc2NDc1IDMwLjgzMjk0MTU2IDUuMjUxNzY0MzcgNDQuNzgxMTc2MjUgMTMuODkxNzY0MzggMTQuMDA0NzA1OTQgOC42NCAyMy44ODcwNTg0NCAyMC4zMjk0MTE4NyAzMi41MjcwNTg0NCAzMy44ODIzNTM0MyA3LjYyMzUyOTY5IDExLjk3MTc2NDM4IDE1LjI0NzA1ODQ0IDI3LjEwNTg4MjE5IDI0LjExMjk0MTU2IDQ0Ljc4MTE3NjI1aDQzLjQ4MjM1MjVjMTAuNzI5NDExODggMCAyMC40OTg4MjM3NSAwIDI4LjY4NzA1OTM4IDAuNzM0MTE3ODIgOC44MDk0MTE4OCAwLjc5MDU4ODEyIDE4LjQ2NTg4MjE5IDIuNTk3NjQ3NSAyNy43ODM1Mjg3NSA3LjkwNTg4MjE4IDEwLjE2NDcwNTk0IDUuODcyOTQxNTYgMTguNjM1Mjk0MDYgMTQuMzQzNTI5NjkgMjQuNTA4MjM1NjIgMjQuNTY0NzA1OTQgNS4zMDgyMzU2MyA5LjMxNzY0NzUgNy4xNzE3NjQzNyAxOC45MTc2NDc1IDcuOTA1ODgyMTkgMjcuNzgzNTI5NjkgMC43OTA1ODgxMiA4LjE4ODIzNTYzIDAuNzkwNTg4MTIgMTcuOTU3NjQ3NSAwLjc5MDU4ODEzIDI4LjYzMDU4ODEydjMuNTU3NjQ2NTdjMCA5Ljc2OTQxMTg3IDAgMjAuMjE2NDcwMzEtMy4xNjIzNTI1IDMwLjE1NTI5NDA2YTY1LjkwMTE3NjI1IDY1LjkwMTE3NjI1IDAgMCAxLTkuMzc0MTE3ODIgMTguNjM1Mjk0MDZjLTYuMDk4ODIzNzUgOC40NzA1ODgxMy0xNC41Njk0MTE4OCAxNC42MjU4ODIxOS0yMi40MTg4MjM3NSAyMC4zODU4ODIxOWwtMS45NzY0NzAzMSAxLjQ2ODIzNTYyLTEwLjQ0NzA1ODQ0IDcuNjgwMDAwMDEgMTguMzUyOTQwNjMgMzYuNzA1ODgyMThhMTQxLjE3NjQ3MDMxIDE0MS4xNzY0NzAzMSAwIDEgMS0xNTYuNDIzNTI5NjkgMTY4LjI4MjM1MzQ0SDQ0My4yMTg4MjM3NWExNDEuMTc2NDcwMzEgMTQxLjE3NjQ3MDMxIDAgMCAxLTI3Ni43NjIzNTM0NC0wLjM5NTI5NDA2IDY1LjkwMTE3NjI1IDY1LjkwMTE3NjI1IDAgMCAxLTU5LjIzNzY0NjU2LTY4LjU1NTI5NDA2di0yLjE0NTg4MzEzYzAtMTIuNjQ5NDExODggMC0yMC42NjgyMzU2MyAwLjU2NDcwNTk0LTI3LjY3MDU4ODEzQTE3OC44NDIzNTI1IDE3OC44NDIzNTI1IDAgMCAxIDI3MiA0MjcuODU4ODIzNzVDMjc5LjA1ODgyMzc1IDQyNy4yOTQxMTc4MSAyODcuMDc3NjQ3NSA0MjcuMjk0MTE3ODEgMjk5LjY3MDU4ODEzIDQyNy4yOTQxMTc4MWgyNS45NzY0NzAzMWMzMy44MjU4ODIxOSAwIDYyLjA2MTE3NjI1IDAgODQuNDIzNTI5NjkgMy4wNDk0MTE4OCAyMy42NjExNzYyNSAzLjE2MjM1MjUgNDQuOTUwNTg4MTIgMTAuMTY0NzA1OTQgNjIuMTE3NjQ3NSAyNy4zMzE3NjQzNyAxNy4xNjcwNTg0NCAxNy4xMTA1ODgxMiAyNC4xNjk0MTE4NyAzOC40NTY0NzAzMSAyNy4zMzE3NjQzNyA2Mi4xMTc2NDc1IDIuOTkyOTQxNTYgMjIuMzYyMzUyNSAyLjk5Mjk0MTU2IDUwLjU5NzY0NzUgMi45OTI5NDE1NiA4NC40MjM1Mjg3NXYzMC4xNTUyOTQwN2gxMzQuNTY5NDEwOTRhMTQxLjQwMjM1MjUgMTQxLjQwMjM1MjUgMCAwIDEgOTUuOTQzNTI5NjktMTA2LjQ0NzA1ODQ0bC05MS43NjQ3MDU5NC0xODMuNTI5NDExODhhNTQ1LjI4IDU0NS4yOCAwIDAgMC0yMy42NjExNzYyNS00NC40NDIzNTI1Yy01Ljk4NTg4MjE5LTkuNDg3MDU4NDQtMTAuMzM0MTE3ODEtMTMuNTUyOTQxNTYtMTQuNTEyOTQxNTYtMTYuMjA3MDU5MzctNC4yMzUyOTQwNi0yLjU5NzY0NzUtOS44MjU4ODIxOS00LjU3NDExNzgxLTIwLjk1MDU4ODEzLTUuNzZ6IG0tMTM2LjA5NDExNzgxIDM1Ni4zODU4ODIxOXYtMjguMjM1Mjk0MDdjMC0zNi4yNTQxMTc4MS0wLjA1NjQ3MDMxLTYwLjY0OTQxMTg3LTIuNDg0NzA1LTc4LjgzMjk0MDYyLTIuMzcxNzY0MzgtMTcuMzkyOTQxNTYtNi4zODExNzYyNS0yNC44NDcwNTg0NC0xMS4yOTQxMTc4MS0yOS43MDM1Mjk2OS00LjkxMjk0MTU2LTQuOTEyOTQxNTYtMTIuMzY3MDU4NDQtOC45Nzg4MjM3NS0yOS43MDM1Mjk2OS0xMS4yOTQxMTc4MS0xOC4xODM1Mjk2OS0yLjQyODIzNTYzLTQyLjU3ODgyMzc1LTIuNDg0NzA1OTQtNzguODg5NDExODgtMi40ODQ3MDU5NGgtMjIuNTg4MjM1NjJjLTE0LjUxMjk0MTU2IDAtMjAuMTAzNTI5NjkgMC0yNC42MjExNzYyNSAwLjMzODgyMzc1YTEyMi4zNzE3NjQzNyAxMjIuMzcxNzY0MzcgMCAwIDAtMTEyLjM3NjQ3MDMxIDExMi4zNzY0NzAzMSAzNjIuMTQ1ODgyMTkgMzYyLjE0NTg4MjE5IDAgMCAwLTAuMzk1Mjk0MDcgMjguNDA0NzA1OTRjMC4zOTUyOTQwNiA0LjU3NDExNzgxIDQuODU2NDcwMzEgOS4wMzUyOTQwNiA5LjQzMDU4ODEzIDkuNDMwNTg4MTJoMjcyLjkyMjM1MjV6IG0tMjIxLjA4MjM1MjUgNTYuNDcwNTg4MTJhODQuNzA1ODgyMTkgODQuNzA1ODgyMTkgMCAwIDAgMTU5LjgxMTc2NDM3IDBoLTE1OS44MTE3NjQzN3ogbTQ2NS43Njk0MTE4Ny0yOC4yMzUyOTQwNmE4NC43MDU4ODIxOSA4NC43MDU4ODIxOSAwIDEgMSAxNjkuNDExNzY0MzggMCA4NC43MDU4ODIxOSA4NC43MDU4ODIxOSAwIDAgMS0xNjkuNDExNzY0MzggMHogbTU4LjcyOTQxMTg4LTIyNy45NzE3NjQzOGwyLjY1NDExNzgxLTEuODYzNTI5NjhhMjQ4LjQ3MDU4ODEzIDI0OC40NzA1ODgxMyAwIDAgMCAxMC4yMjExNzYyNS03Ljc5Mjk0MDYzIDE3LjczMTc2NDM4IDE3LjczMTc2NDM4IDAgMCAwIDEuOTItMS42OTQxMTc4MSA5LjU0MzUyOTY5IDkuNTQzNTI5NjkgMCAwIDAgMS4zNTUyOTQwNi0yLjcxMDU4ODEzYy0wLjExMjk0MTU2IDAuMjI1ODgyMTkgMC4xMTI5NDE1Ni0wLjE2OTQxMTg4IDAuMjgyMzUyNS0yLjU0MTE3NjI1YTI0NS4wODIzNTI1IDI0NS4wODIzNTI1IDAgMCAwIDAuMTY5NDExODgtMTIuODc1Mjk0MDZjMC0xMi4xNDExNzYyNSAwLTE5LjM2OTQxMTg4LTAuNTY0NzA1OTQtMjQuNzM0MTE3ODFhMjIuOTgzNTI5NjkgMjIuOTgzNTI5NjkgMCAwIDAtMC43MzQxMTc4MS00LjkxMjk0MTU2IDkuMzc0MTE3ODEgOS4zNzQxMTc4MSAwIDAgMC0zLjM4ODIzNDY5LTMuMzg4MjM1NjMgMjMuMTUyOTQxNTYgMjMuMTUyOTQxNTYgMCAwIDAtNC45MTI5NDE1Ni0wLjczNDExNjg3IDMxNC44OCAzMTQuODggMCAwIDAtMjQuNjc3NjQ2NTYtMC41NjQ3MDU5NGgtMTQuMTE3NjQ3NWwzMS44NDk0MTE4NyA2My44MTE3NjQzN3oiIGZpbGw9IiMzMzMzMzMiIHAtaWQ9IjYyNjciPjwvcGF0aD48L3N2Zz4=';
-exports.bikeIcon = bikeIcon;
+exports.bikeIcon = bikeIcon;
+var searchChatbotIcon = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzMzNDU5NjE5MDg4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU2OTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PHBhdGggZD0iTTU3MC45OTIxODc3NyA0NzcuMjY1NjI0NzNhMzIuNTE5NTMxNTIgMzIuNTE5NTMxNTIgMCAwIDAgMCA2NC45Njg3NSAzMi41MTk1MzE1MiAzMi41MTk1MzE1MiAwIDAgMCAwLTY0Ljk2ODc1ek00MjEuMTIxMDk0MDIgNDc3LjI2NTYyNDczYTMyLjUxOTUzMTUyIDMyLjUxOTUzMTUyIDAgMCAwIDAgNjQuOTY4NzUgMzIuNTE5NTMxNTIgMzIuNTE5NTMxNTIgMCAwIDAgMC02NC45Njg3NXoiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjU2OTciPjwvcGF0aD48cGF0aCBkPSJNNDk0LjQyMTg3NTI3IDkwLjEyNUMyNzEuMTQ0NTMxNTIgOTAuMTI1IDkwLjEyNSAyNzEuMTQ0NTMxNTIgOTAuMTI1IDQ5NC40MjE4NzUyN2MwIDEwMC4xOTUzMTI1IDM2LjQ1NzAzMDk4IDE5MS44ODI4MTI3NyA5Ni44NTU0NjkwMiAyNjIuNTQ2ODc0NDZMMTQ4Ljk3NjU2MjUgODY5LjE4NzQ5OTczbDEyOS40NDUzMTI3Ny0zMi45NDE0MDU3MUE0MDIuMjU3ODEyNSA0MDIuMjU3ODEyNSAwIDAgMCA0OTQuNDIxODc1MjcgODk4LjcxODc0OTczQzcxNy42OTkyMTkwMiA4OTguNzE4NzQ5NzMgODk4LjcxODc0OTczIDcxNy43MzQzNzQ3MyA4OTguNzE4NzQ5NzMgNDk0LjQyMTg3NTI3IDg5OC43MTg3NDk3MyAyNzEuMTQ0NTMxNTIgNzE3LjY5OTIxOTAyIDkwLjEyNSA0OTQuNDIxODc1MjcgOTAuMTI1ek0yOTUuOTI5Njg3NzcgNTEwLjgzOTg0Mzc1YTgzLjg4MjgxMjc3IDgzLjg4MjgxMjc3IDAgMCAxIDgzLjc3NzM0MzIxLTgzLjc0MjE4NzVoMjI0LjY0ODQzNzVhODMuODgyODEyNzcgODMuODgyODEyNzcgMCAwIDEgODMuNzQyMTg3NSA4My43NDIxODc1IDgzLjg4MjgxMjc3IDgzLjg4MjgxMjc3IDAgMCAxLTgzLjc3NzM0MzIxIDgzLjc3NzM0NDAyaC0yMjQuNjQ4NDM3NWE4My44ODI4MTI3NyA4My44ODI4MTI3NyAwIDAgMS04My43NDIxODc1LTgzLjc3NzM0NDAyeiBtMjU4LjUwMzkwNjI1IDExMC40NjA5Mzc3N3Y1LjYyNDk5OTQ2YTYwLjExNzE4NzUgNjAuMTE3MTg3NSAwIDAgMS02MC4wMTE3MTg3NSA1OS45NzY1NjMwNCA2MC4xMTcxODc1IDYwLjExNzE4NzUgMCAwIDEtNjAuMDExNzE4NzUtNjAuMDExNzE4NzV2LTUuNTg5ODQzNzVoMTIwLjAyMzQzNzV6IG0yMDIuOTkyMTg3MjMtMTkuMTI1MDAwMjdhMjgwLjMzNTkzNzUgMjgwLjMzNTkzNzUgMCAwIDEtMTg1Ljc2NTYyNTI3IDE3NS41MzUxNTY1MiAzNi41MjczNDQwMiAzNi41MjczNDQwMiAwIDAgMS0xNC4yMDMxMjQ3MyAyMy40MTQwNjI1Yy0xMy43MTA5Mzc1IDEwLjE5NTMxMjIzLTMzLjE1MjM0NDAyIDE1LjkyNTc4MTI1LTU3LjcyNjU2Mjc3IDE3LjAxNTYyNDQ2YTE3MS42Njc5Njg0OCAxNzEuNjY3OTY4NDggMCAwIDEtNi42NDQ1MzEyNSAwLjE0MDYyNTI3Yy0zMS42MDU0Njg0OCAwLTUxLjUwMzkwNjUyLTEwLjQwNjI0OTczLTYyLjg1OTM3NS0xOS41MTE3MTg3NWEzNi4wMzUxNTU5OCAzNi4wMzUxNTU5OCAwIDAgMS02LjgyMDMxMjIzLTQ5LjE0ODQzNzVjMTMuMzI0MjE5MDItMTguNDkyMTg3NzcgMzguOTUzMTI1MjctMzguMjQ5OTk5NzMgNzEuMDE1NjI1MjctMzguMjQ5OTk5NzMgMTkuMzcxMDkzNDggMCAzOC40OTYwOTM3NSA3LjU1ODU5MzQ4IDU0LjQ5MjE4NzIzIDIxLjQ0NTMxMTk2IDEwMS43NzczNDM3NS0yNC44OTA2MjUgMTc0LjkzNzQ5OTczLTExNy41MjczNDQwMiAxNzQuOTM3NDk5NzMtMjIyLjg5MDYyNDQ2QTIyOC4wOTM3NDk3MyAyMjguMDkzNzQ5NzMgMCAwIDAgNjU4Ljk1MzEyNTI3IDM1MC4yODEyNDk3M2EyMjguMjY5NTMxNTIgMjI4LjI2OTUzMTUyIDAgMCAwLTE0My4zMzIwMzEyNS02OC43NjU2MjV2MzkuMDIzNDM3NWMxNy4zMzIwMzE1MiA4LjE5MTQwNTk4IDI5LjA3NDIxODQ4IDI1LjkxMDE1NTk4IDI5LjA3NDIxODQ4IDQ1LjcwMzEyNTI3djEzLjM5NDUzMTI1aC0xMDAuNzIyNjU2MjV2LTEzLjQyOTY4Nzc3YzAtMTkuNzIyNjU2MjUgMTEuNzQyMTg3NzctMzcuNDc2NTYyNzcgMjkuMTA5Mzc1LTQ1LjYzMjgxMjIzVjI4MS40ODA0NjkwMmEyMjguMzA0Njg3MjMgMjI4LjMwNDY4NzIzIDAgMCAwLTE0My4zMzIwMzEyNSA2OC43NjU2MjUgMjI4LjE2NDA2Mjc3IDIyOC4xNjQwNjI3NyAwIDAgMC02NC44NjMyODEyNSAxNTkuNjc5Njg3NWMwIDI1LjYyODkwNjI1IDQuMjE4NzUgNTIuMjQyMTg3NzcgMTEuODEyNSA3NS4wMjM0MzY5Nmw1Ljk3NjU2MjIzIDE3LjcxODc1SDIzMC41MzkwNjI3N2wtMC4xNDA2MjUyNy0wLjUyNzM0Mzc1YTkyLjgxMjUgOTIuODEyNSAwIDAgMS04Mi44MjgxMjUyNy05Mi4xNzk2ODc1IDkzLjA1ODU5NDAyIDkzLjA1ODU5NDAyIDAgMCAxIDgzLjc3NzM0NDAyLTkyLjI4NTE1NjI1IDI3OC4zMzIwMzEyNSAyNzguMzMyMDMxMjUgMCAwIDEgMjQxLjc2OTUzMTUyLTE4NS42MjVWMjE5LjQ5OTk5OTczYTM4LjMyMDMxMjc3IDM4LjMyMDMxMjc3IDAgMCAxIDIxLjI2OTUzMDk4LTcwLjA2NjQwNTcxIDM4LjMyMDMxMjc3IDM4LjMyMDMxMjc3IDAgMCAxIDIxLjIzNDM3NTI3IDcwLjA2NjQwNTcxdjEyLjYyMTA5NDI5YTI3OC4zMzIwMzEyNSAyNzguMzMyMDMxMjUgMCAwIDEgMjQxLjczNDM3NSAxODUuNjI1IDkyLjgxMjUgOTIuODEyNSAwIDAgMSA4My44MTI0OTk3MyA5Mi4yNDk5OTk3MyA5Mi44MTI1IDkyLjgxMjUgMCAwIDEtODMuODEyNDk5NzMgOTIuMjQ5OTk5NzNoMC4wMzUxNTU3MXoiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjU2OTgiPjwvcGF0aD48L3N2Zz4=';
+exports.searchChatbotIcon = searchChatbotIcon;
+var searchCartIcon = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzMzNDU5NjY4MDcxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU4OTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PHBhdGggZD0iTTMyMCA5MzAuMTMzMzMzYy0zNC4xMzMzMzMgMC02NC0yOS44NjY2NjctNjQtNjRzMjkuODY2NjY3LTY0IDY0LTY0IDY0IDI1LjYgNjQgNTkuNzMzMzM0LTI5Ljg2NjY2NyA2OC4yNjY2NjctNjQgNjguMjY2NjY2eiBtMC02OC4yNjY2NjZoMzQuMTMzMzMzLTM0LjEzMzMzM3pNNzMzLjg2NjY2NyA5MzAuMTMzMzMzYy0zNC4xMzMzMzMgMC02NC0yOS44NjY2NjctNjQtNjRzMjkuODY2NjY3LTY0IDY0LTY0IDY0IDI5Ljg2NjY2NyA2NCA2NC0yNS42IDY0LTY0IDY0eiBtMC02OC4yNjY2NjZoMzQuMTMzMzMzLTM0LjEzMzMzM3pNMzM3LjA2NjY2NyA3MzMuODY2NjY3Yy0yMS4zMzMzMzMgMC00Mi42NjY2NjctOC41MzMzMzMtNTUuNDY2NjY3LTIxLjMzMzMzNC0xNy4wNjY2NjctMTIuOC0yOS44NjY2NjctMjkuODY2NjY3LTM0LjEzMzMzMy01MS4yTDk4LjEzMzMzMyAxNjIuMTMzMzMzSDM0LjEzMzMzM0MxMi44IDE2Mi4xMzMzMzMgMCAxNDUuMDY2NjY3IDAgMTI4czEyLjgtMzQuMTMzMzMzIDM0LjEzMzMzMy0zNC4xMzMzMzNoNjguMjY2NjY3YzEyLjggMCAyNS42IDQuMjY2NjY3IDM4LjQgMTIuOCA4LjUzMzMzMyA4LjUzMzMzMyAxNy4wNjY2NjcgMjEuMzMzMzMzIDIxLjMzMzMzMyAzNC4xMzMzMzNMMTkyIDI1Nmg2OTUuNDY2NjY3YzguNTMzMzMzIDAgMjEuMzMzMzMzIDQuMjY2NjY3IDI1LjYgMTIuOHM4LjUzMzMzMyAxNy4wNjY2NjcgNC4yNjY2NjYgMjkuODY2NjY3TDgxMC42NjY2NjcgNjY1LjZjLTQuMjY2NjY3IDIxLjMzMzMzMy0xNy4wNjY2NjcgMzguNC0zNC4xMzMzMzQgNTEuMi0xNy4wNjY2NjcgMTIuOC0zOC40IDE3LjA2NjY2Ny01OS43MzMzMzMgMjEuMzMzMzMzSDMzNy4wNjY2Njd2LTQuMjY2NjY2ek0yMTMuMzMzMzMzIDMyMGw5My44NjY2NjcgMzI4LjUzMzMzM2MwIDguNTMzMzMzIDQuMjY2NjY3IDEyLjggMTIuOCAxNy4wNjY2NjcgNC4yNjY2NjcgNC4yNjY2NjcgMTIuOCA0LjI2NjY2NyAxNy4wNjY2NjcgNC4yNjY2NjdoMzg0YzguNTMzMzMzIDAgMTIuOC00LjI2NjY2NyAyMS4zMzMzMzMtNC4yNjY2NjcgNC4yNjY2NjctNC4yNjY2NjcgOC41MzMzMzMtOC41MzMzMzMgMTIuOC0xNy4wNjY2NjdsOTMuODY2NjY3LTMyOC41MzMzMzNIMjEzLjMzMzMzM3oiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjU5MDAiPjwvcGF0aD48L3N2Zz4=';
+exports.searchCartIcon = searchCartIcon;
+var searchMessageIcon = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAzMCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMTU2MjUgNkMwLjk2NTgyIDYgMCA2Ljk1MTgyIDAgOC4xMjVDMCA4Ljc5MzQ5IDAuMzE4OTQ1IDkuNDIyMTMgMC44NjI1IDkuODI1TDEwLjYzNzUgMTcuMDVDMTEuMTQ5NiAxNy40MjYzIDExLjg1MDQgMTcuNDI2MyAxMi4zNjI1IDE3LjA1TDIyLjEzNzUgOS44MjVDMjIuNjgxMSA5LjQyMjEzIDIzIDguNzkzNDkgMjMgOC4xMjVDMjMgNi45NTE4MiAyMi4wMzQyIDYgMjAuODQzOCA2SDIuMTU2MjVaTTAgMTAuOTU4M1YyMC4xNjY3QzAgMjEuNzI5NCAxLjI4OTI2IDIzIDIuODc1IDIzSDIwLjEyNUMyMS43MTA3IDIzIDIzIDIxLjcyOTQgMjMgMjAuMTY2N1YxMC45NTgzTDEzLjIyNSAxOC4xODMzQzEyLjcyNzYgMTguNTUxOCAxMi4xMjIyIDE4Ljc1MTEgMTEuNSAxOC43NTExQzEwLjg3NzggMTguNzUxMSAxMC4yNzI0IDE4LjU1MTggOS43NzUgMTguMTgzM0wwIDEwLjk1ODNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjUuMjcxNSAwLjY2MDA0OUMyNC42MjAyIDAuNDQ5ODQgMjMuOTI1NiAwLjgwMTgwNyAyMy43MTcyIDEuNDQ3NjdMMjMuNDkxIDIuMTQ4MjZDMjAuNjMwNyAxLjgyMTM0IDE3Ljg0NjEgMy41MjUzNiAxNi45MzQ1IDYuMzQ5NjNMMTYuNzEzMSA3LjAzNTYzQzE2LjE1OTYgOC43NTA2MiAxNC45ODgzIDEwLjIwMTggMTMuNDI1NyAxMS4xMTU3TDEzLjA1NTcgMTEuMzMwNkMxMi42MzU5IDExLjU3MzkgMTIuNDAzMyAxMi4wNDI3IDEyLjQ1NTUgMTIuNTIyOUMxMi41MDc4IDEzLjAwMzEgMTIuODQzNyAxMy40MDk3IDEzLjMwNzQgMTMuNTU5NEwyNy40MzY4IDE4LjExOThDMjcuOTAwNSAxOC4yNjk1IDI4LjQwNzEgMTguMTM0OCAyOC43MzM5IDE3Ljc3N0MyOS4wNjA2IDE3LjQxOTEgMjkuMTQyNCAxNi45MDE2IDI4Ljk0NCAxNi40NTg4TDI4Ljc2OTQgMTYuMDY4MUMyOC4wMzYgMTQuNDEzMSAyNy45MzI5IDEyLjU1NDcgMjguNDg3NyAxMC44MzZMMjguNzA5MSAxMC4xNUMyOS42MjA3IDcuMzI1NzUgMjguMzU3NyA0LjMxNTM1IDI1Ljg0NiAyLjkwODM0TDI2LjA3MjEgMi4yMDc3NUMyNi4yODA1IDEuNTYxODkgMjUuOTIyOCAwLjg3MDI1OSAyNS4yNzE1IDAuNjYwMDQ5Wk0yMS4xMjg1IDE5LjE5ODJDMjEuNzExNCAxOC45MDI5IDIyLjE0OTkgMTguMzg3NyAyMi4zNTAxIDE3Ljc2NzNMMTcuNjQwMyAxNi4yNDcyQzE3LjQ0MDEgMTYuODY3NSAxNy40OTQ3IDE3LjU0MTggMTcuNzk0OSAxOC4xMjIyQzE4LjA5NTEgMTguNzAyNiAxOC42MTU5IDE5LjE0MDcgMTkuMjQxNSAxOS4zNDI2QzE5Ljg2NyAxOS41NDQ1IDIwLjU0NTcgMTkuNDkzNiAyMS4xMjg1IDE5LjE5ODJaIiBmaWxsPSIjRkNEMTE3Ii8+CjxwYXRoIGQ9Ik0yMS4wNjQgNy40SDIzLjI4OFYxM0gyMi4yNDhWOC4yNzJIMjEuMDY0VjcuNFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=';
+exports.searchMessageIcon = searchMessageIcon;

package/lib/common/ColorPickerInput/index.less

@@ -1,4 +1,6 @@
 .m-color-picker-input {
+  position: relative;
+
   .input-color {
     height: 60px;
     background: #FFFFFF;

package/lib/common/ErrorBoundary/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var ErrorBoundary =
+/** @class */
+function (_super) {
+  __extends(ErrorBoundary, _super);
+
+  function ErrorBoundary(props) {
+    var _this = _super.call(this, props) || this;
+
+    _this.state = {
+      hasError: false
+    };
+    return _this;
+  }
+
+  ErrorBoundary.getDerivedStateFromError = function (error) {
+    // 更新 state 以触发备用 UI 渲染
+    return {
+      hasError: true
+    };
+  };
+
+  ErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
+    // 可以在这里将错误信息发送给日志系统
+    console.error('Error caught by ErrorBoundary:', error, errorInfo);
+  };
+
+  ErrorBoundary.prototype.render = function () {
+    if (this.state.hasError) {
+      // 自定义错误 UI
+      if (window.magicDesign.mode === 'renderer') {
+        return null;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          textAlign: 'center',
+          padding: '10px'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("h2", null, this.props.name, " Components updated"), /*#__PURE__*/_react["default"].createElement("p", null, "Please delete the component and add it again!"));
+    }
+
+    return this.props.children;
+  };
+
+  return ErrorBoundary;
+}(_react.Component);
+
+var _default = ErrorBoundary;
+exports["default"] = _default;

package/lib/common/FontStyles/index.less

@@ -1,7 +1,7 @@
 .m-font-styles {
+  position: relative;
   display: flex;
   align-items: center;
-  position: relative;
 
   .item {
     min-width: 40px;

package/lib/common/index.js

@@ -45,6 +45,12 @@ Object.defineProperty(exports, "CropperModal", {
     return _CropperModal["default"];
   }
 });
+Object.defineProperty(exports, "ErrorBoundary", {
+  enumerable: true,
+  get: function get() {
+    return _ErrorBoundary["default"];
+  }
+});
 Object.defineProperty(exports, "Field", {
   enumerable: true,
   get: function get() {
@@ -236,4 +242,6 @@ var _NewImg = _interopRequireDefault(require("./NewImg"));
 
 var _ProductFilterModal = _interopRequireDefault(require("./ProductFilterModal"));
 
+var _ErrorBoundary = _interopRequireDefault(require("./ErrorBoundary"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/composite-comp/common/components/ImageLabel/index.js

@@ -71,14 +71,14 @@ function (_super) {
         return /*#__PURE__*/_react["default"].createElement("img", {
           key: label.imgUrl || label.labelPictureUrl,
           alt: "img",
-          className: (0, _classnames["default"])('image-label-wrap', 'img', (_a = {}, _a["position-" + (label.position || 'default')] = true, _a.small = small, _a)),
+          className: (0, _classnames["default"])('image-label-wrap', 'img', (_a = {}, _a["position-" + label.position] = true, _a.small = small, _a)),
           src: label.imgUrl || label.labelPictureUrl
         });
       }
 
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: label.labelName,
-        className: (0, _classnames["default"])('image-label-wrap', (_b = {}, _b["position-" + (label.position || 'default')] = true, _b))
+        className: (0, _classnames["default"])('image-label-wrap', 'label', (_b = {}, _b["position-" + label.position] = true, _b))
       }, label.labelName);
     });
   };

package/lib/composite-comp/common/components/ImageLabel/index.less

@@ -1,7 +1,6 @@
 .image-label-wrap {
-  position: absolute;
-  z-index: 1;
   font-size: 12px;
+  display: none;
 
   &.img {
     max-width: 75%;
@@ -13,30 +12,48 @@
     }
   }
 
-  &.position-1,
-  &.position-default {
+  &.label {
+    max-width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &.position-1 {
+    display: block;
+    position: absolute;
+    z-index: 1;
     top: 0;
     left: 0;
   }
 
   &.position-2 {
+    display: block;
+    position: absolute;
+    z-index: 1;
     bottom: 0;
     left: 0;
   }
 
   &.position-3 {
+    display: block;
+    position: absolute;
+    z-index: 1;
     top: 0;
     right: 0;
   }
 
   &.position-4 {
+    display: block;
+    position: absolute;
+    z-index: 1;
     bottom: 0;
     right: 0;
   }
 
 
   &.position-6 {
-    position: unset;
+    display: block;
     height: 18px;
     margin-right: 5px;
     vertical-align: middle;
@@ -44,8 +61,7 @@
   }
 
   &.position-7 {
-    position: unset;
-    // width: 56px;
+    display: block;
     height: 16px;
   }
 }

package/lib/composite-comp/common/components/ProductItem/index.js

@@ -97,21 +97,21 @@ function (_super) {
   }
 
   ProductItem.prototype.render = function () {
-    var _a, _b, _c, _d, _e;
-
-    var _f = this.props,
-        data = _f.data,
-        type = _f.type,
-        panelProps = _f.panelProps,
-        onItemClick = _f.onItemClick,
-        showProName = _f.showProName,
-        showProgress = _f.showProgress,
-        fixHeight = _f.fixHeight,
-        layout = _f.layout,
-        imgHeight = _f.imgHeight,
-        imgWidth = _f.imgWidth,
-        unknownPrice = _f.unknownPrice,
-        rest = __rest(_f, ["data", "type", "panelProps", "onItemClick", "showProName", "showProgress", "fixHeight", "layout", "imgHeight", "imgWidth", "unknownPrice"]);
+    var _a, _b, _c, _d, _e, _f, _g;
+
+    var _h = this.props,
+        data = _h.data,
+        type = _h.type,
+        panelProps = _h.panelProps,
+        onItemClick = _h.onItemClick,
+        showProName = _h.showProName,
+        showProgress = _h.showProgress,
+        fixHeight = _h.fixHeight,
+        layout = _h.layout,
+        imgHeight = _h.imgHeight,
+        imgWidth = _h.imgWidth,
+        unknownPrice = _h.unknownPrice,
+        rest = __rest(_h, ["data", "type", "panelProps", "onItemClick", "showProName", "showProgress", "fixHeight", "layout", "imgHeight", "imgWidth", "unknownPrice"]);
 
     var promotions = (0, _businessUtil.getPromotionList)(data);
     var price = (0, _currencyUtil.formatCurrency)(data.salesPrice);
@@ -146,7 +146,13 @@ function (_super) {
     var salePercent = Number(data.salePercent) / 100 || 0;
     var imgStyle = {};
     if (imgWidth) imgStyle.width = imgWidth;
-    if (imgHeight) imgStyle.height = imgHeight;
+    if (imgHeight) imgStyle.height = imgHeight; // data.labels = [
+    //   {
+    //     position: 1,
+    //     imgUrl: '/get/resource/platform/20241129/picture/Group1162591862390719062056960.png',
+    //   },
+    // ];
+
     var imgLabels = ((_a = data.labels) === null || _a === void 0 ? void 0 : _a.filter(function (f) {
       return f.position !== '6' && f.position !== '7';
     })) || [];
@@ -165,7 +171,7 @@ function (_super) {
         return onItemClick();
       },
       style: {
-        width: imgWidth + 2
+        width: imgWidth
       }
     }, rest), /*#__PURE__*/_react["default"].createElement("div", {
       className: "img-wrap"
@@ -221,13 +227,17 @@ function (_super) {
     }), priceLabels.length > 0 && /*#__PURE__*/_react["default"].createElement(_ImageLabel["default"], {
       labels: priceLabels,
       small: true
-    })), panelProps.salesPrice.open && /*#__PURE__*/_react["default"].createElement("div", {
+    })), panelProps.salesPrice.open && (!!discount || oldPrice) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "price-sold-wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "old-price-wrap"
-    }, !!discount && /*#__PURE__*/_react["default"].createElement("span", {
-      className: type === 'groupBuy' || type === 'bargain' ? 'discount2' : 'discount'
-    }, "-", discount, "%"), oldPrice && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
+    }, !!discount && ((_d = panelProps.discountLabel) === null || _d === void 0 ? void 0 : _d.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
+      className: "discount",
+      data: __assign(__assign({}, panelProps.discountLabel), {
+        text: "-" + discount + "%"
+      }),
+      readonly: true
+    }), oldPrice && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
       className: "old-price",
       data: __assign(__assign({}, panelProps.salesPrice), {
         text: oldPrice
@@ -236,9 +246,9 @@ function (_super) {
       style: {
         color: panelProps.salesPrice.content.color
       }
-    })), type !== 'groupBuy' && !showProgress && data.salesCnt > 0 && data.displaySalesCntFlag === 'Y' && /*#__PURE__*/_react["default"].createElement("div", {
+    })), type !== 'groupBuy' && !showProgress && data.salesCnt > 0 && data.displaySalesCntFlag === 'Y' && ((_e = panelProps.sold) === null || _e === void 0 ? void 0 : _e.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "sold-count"
-    }, (0, _commonUtil.convertCount)(data.salesCnt), " sold"))), showProgress && ((_d = panelProps.salesProgress) === null || _d === void 0 ? void 0 : _d.open) && /*#__PURE__*/_react["default"].createElement("div", {
+    }, (0, _commonUtil.convertCount)(data.salesCnt), " sold"))), showProgress && ((_f = panelProps.salesProgressVisible) === null || _f === void 0 ? void 0 : _f.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "progress-wrap"
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "text"
@@ -248,7 +258,7 @@ function (_super) {
       className: "progress",
       style: {
         width: salePercent + "%",
-        backgroundColor: (_e = panelProps.salesProgress) === null || _e === void 0 ? void 0 : _e.color
+        backgroundColor: (_g = panelProps.salesProgress) === null || _g === void 0 ? void 0 : _g.color
       }
     })))));
   };

package/lib/composite-comp/common/components/ProductItem/index.less

@@ -9,6 +9,7 @@
 
   .img-wrap {
     position: relative;
+    overflow: hidden;
 
     .product-img {
       width: 140px;
@@ -57,7 +58,6 @@
       display: flex;
       align-items: center;
       flex-wrap: wrap;
-      margin-bottom: 5px;
 
       .price {
         width: auto !important;
@@ -70,7 +70,7 @@
 
     .price-sold-wrap {
       display: flex;
-      margin-top: 0px;
+      margin-top: 5px;
       align-items: center;
       white-space: nowrap;
       overflow: hidden;
@@ -83,25 +83,13 @@
         line-height: 13px;
 
         .discount {
-          margin-right: 3px;
-          font-family: 'Montserrat';
-          font-style: normal;
-          font-weight: 700;
-          font-size: 8px;
-          line-height: 15px;
-          color: #fff;
-          padding: 0 4px;
-          background-color: #CE1126;
-        }
-
-        .discount2 {
           margin-right: 3px;
           font-family: 'Montserrat';
           font-style: normal;
           font-weight: 700;
           font-size: 12px;
           line-height: 15px;
-          color: #2F3043;
+          color: #2C2C2C;
         }
 
         .old-price {
@@ -118,6 +106,13 @@
       }
     }
 
+    .sold {
+      display: inline-block;
+      color: #545454;
+      font-size: 12px;
+      font-weight: 400;
+    }
+
     .rate-wrap {
       display: flex;
       margin-top: 8px;

package/lib/composite-comp/common/config-panels/BackgroundConfig/index.js

@@ -58,9 +58,23 @@ function (_super) {
   BackgroundConfig.prototype.render = function () {
     var _this = this;
 
-    var data = this.props.data;
+    var _a, _b, _c, _d, _e;
+
+    var _f = this.props,
+        data = _f.data,
+        component = _f.component;
+
+    if (!data.tabBackground) {
+      data.tabBackground = {
+        opacity: 100,
+        color: '#232F46',
+        image: '',
+        tabBgType: 'color'
+      };
+    }
+
     return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: (0, _locale.i18n)('BACKGROUND')
+      title: component === 'recommend' ? (0, _locale.i18n)('PRODUCT_BACKGROUND') : (0, _locale.i18n)('BACKGROUND')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       onChange: function onChange(bgType) {
         data.bgType = bgType;
@@ -101,6 +115,48 @@ function (_super) {
         _this.selfRender();
       },
       value: data.image
+    })), component === 'recommend' && /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      title: (0, _locale.i18n)('TAB_BACKGROUND')
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+      onChange: function onChange(tabBgType) {
+        data.tabBackground.tabBgType = tabBgType;
+
+        _this.selfRender();
+      },
+      style: {
+        marginBottom: '15px'
+      },
+      value: (_a = data.tabBackground) === null || _a === void 0 ? void 0 : _a.tabBgType
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      value: "color"
+    }, (0, _locale.i18n)('COLOR')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      value: "image"
+    }, (0, _locale.i18n)('IMAGE'))), ((_b = data.tabBackground) === null || _b === void 0 ? void 0 : _b.tabBgType) === 'color' ? /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
+      colorType: "rgba",
+      onChange: function onChange(v) {
+        data.tabBackground.opacity = 1;
+        data.tabBackground.color = v;
+
+        _this.selfRender();
+      },
+      value: (_c = data.tabBackground) === null || _c === void 0 ? void 0 : _c.color
+    }) : /*#__PURE__*/_react["default"].createElement(_common.ImagePicker, {
+      imageSelectedWay: ((_d = data.tabBackground) === null || _d === void 0 ? void 0 : _d.imageSelectedWay) || {
+        pc: '',
+        mobile: ''
+      },
+      onChange: function onChange(v, way) {
+        if (v) {
+          data.tabBackground.image = v.url;
+        }
+
+        if (way) {
+          data.tabBackground.imageSelectedWay = way;
+        }
+
+        _this.selfRender();
+      },
+      value: (_e = data.tabBackground) === null || _e === void 0 ? void 0 : _e.image
     })));
   };
 
@@ -109,7 +165,13 @@ function (_super) {
       opacity: 100,
       color: '#232F46',
       image: '',
-      bgType: 'color'
+      bgType: 'color',
+      tabBackground: {
+        opacity: 100,
+        color: '#232F46',
+        image: '',
+        tabBgType: 'color'
+      }
     }
   };
   return BackgroundConfig;

package/lib/composite-comp/dito/components/Bargain/defaultJSON.js

@@ -210,6 +210,30 @@ var getDefaultJSON = function getDefaultJSON() {
           lineHeight: 18
         }
       },
+      discountLabel: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'TEXT',
+        specialContent: [],
+        text: '',
+        content: {
+          sizeType: 'Customize font styles',
+          fontFamily: 'Montserrat',
+          fontWeight: 700,
+          fontSize: 12,
+          color: '#2C2C2C',
+          urlDisabled: true
+        },
+        underline: {
+          open: false,
+          textDecorationColor: '',
+          textDecorationStyle: 'solid'
+        },
+        vertical: {
+          open: false,
+          lineHeight: 18
+        }
+      },
       salesProgress: {
         open: true
       }

package/lib/composite-comp/dito/components/FlashDeal/defaultJSON.js

@@ -214,6 +214,30 @@ var getDefaultJSON = function getDefaultJSON() {
           lineHeight: 18
         }
       },
+      discountLabel: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'TEXT',
+        specialContent: [],
+        text: '',
+        content: {
+          sizeType: 'Customize font styles',
+          fontFamily: 'Montserrat',
+          fontWeight: 700,
+          fontSize: 12,
+          color: '#2C2C2C',
+          urlDisabled: true
+        },
+        underline: {
+          open: false,
+          textDecorationColor: '',
+          textDecorationStyle: 'solid'
+        },
+        vertical: {
+          open: false,
+          lineHeight: 18
+        }
+      },
       salesProgress: {
         open: true
       }

package/lib/composite-comp/dito/components/FlashDeal/mobile/index.less

@@ -78,8 +78,12 @@
 .m-flash-deal-mobile .flash-deal-list-vertical .m-product-item-wrap {
   width: 2.44rem;
   margin-right: 0.16rem;
+  border-radius: 0.16rem;
 }
-.m-flash-deal-mobile .flash-deal-list-vertical .m-product-item-wrap .product-img {
+.m-flash-deal-mobile .flash-deal-list-vertical .m-product-item-wrap .img-wrap {
+  border-radius: 0.16rem 0.16rem 0 0;
+}
+.m-flash-deal-mobile .flash-deal-list-vertical .m-product-item-wrap .img-wrap .product-img {
   height: 2.4rem;
   width: 2.4rem;
 }
@@ -92,6 +96,10 @@
 }
 .m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap {
   width: 100%;
+  border-radius: 0.16rem;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .img-wrap {
+  border-radius: 0.16rem 0 0 0.16rem;
 }
 .m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap {
   flex: 1;

package/lib/composite-comp/dito/components/GroupBuy/defaultJSON.js

@@ -196,6 +196,30 @@ var getDefaultJSON = function getDefaultJSON() {
           open: false,
           lineHeight: 18
         }
+      },
+      discountLabel: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'TEXT',
+        specialContent: [],
+        text: '',
+        content: {
+          sizeType: 'Customize font styles',
+          fontFamily: 'Montserrat',
+          fontWeight: 700,
+          fontSize: 12,
+          color: '#2C2C2C',
+          urlDisabled: true
+        },
+        underline: {
+          open: false,
+          textDecorationColor: '',
+          textDecorationStyle: 'solid'
+        },
+        vertical: {
+          open: false,
+          lineHeight: 18
+        }
       }
     },
     spacing: {