@fonixtree/magic-design 0.1.56 → 0.1.57

package/es/composite-comp/dito/components/SearchBar/mobile/index.less

@@ -1,58 +1,51 @@
 .m-search-bar {
-  height: 48px;
-  padding: 8px 0;
+  height: 0.96rem;
+  padding: 0.16rem 0;
   display: flex;
   flex-direction: row-reverse;
   align-items: center;
   justify-content: space-between;
   width: 100%;
-
-  .right {
-    display: flex;
-    flex: 1;
-    margin-left: 15px;
-    align-items: center;
-    justify-content: space-between;
-
-    .search-input-wrap {
-      flex: 1;
-      background: #fff;
-      border-radius: 4px;
-      border: 1px solid #D2D9E5;
-      padding: 4px 12px;
-      height: 32px;
-      text-align: right;
-      display: flex;
-      justify-content: flex-end;
-    }
-
-    .message-wrap {
-      position: relative;
-      margin-left: 10px;
-
-      .num {
-        position: absolute;
-        top: -6px;
-        right: -6px;
-        display: inline-block;
-        padding: 1px 2px;
-        min-width: 17px;
-        text-align: center;
-        background-color: #CE1126;
-        border: 1px solid #fff;
-        border-radius: 8px;
-        font-family: 'Montserrat';
-        font-style: normal;
-        font-weight: 600;
-        font-size: 8px;
-        color: #FFFFFF;
-      }
-    }
-  }
-
-  .logo {
-    img {
-      width: auto;
-    }
-  }
-}
+}
+.m-search-bar .right {
+  display: flex;
+  flex: 1;
+  margin-left: 0.3rem;
+  align-items: center;
+  justify-content: space-between;
+}
+.m-search-bar .right .search-input-wrap {
+  flex: 1;
+  background: #fff;
+  border-radius: 0.08rem;
+  border: 0.02rem solid #D2D9E5;
+  padding: 0.08rem 0.24rem;
+  height: 0.64rem;
+  text-align: right;
+  display: flex;
+  justify-content: flex-end;
+}
+.m-search-bar .right .message-wrap {
+  position: relative;
+  margin-left: 0.2rem;
+}
+.m-search-bar .right .message-wrap .num {
+  position: absolute;
+  top: -0.12rem;
+  right: -0.12rem;
+  display: inline-block;
+  padding: 0.02rem 0.04rem;
+  min-width: 0.34rem;
+  text-align: center;
+  background-color: #CE1126;
+  border: 0.02rem solid #fff;
+  border-radius: 0.16rem;
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 0.16rem;
+  color: #FFFFFF;
+}
+.m-search-bar .logo img {
+  width: auto;
+}

package/es/composite-comp/dito/components/SignBoard/mobile/index.less

@@ -1,82 +1,78 @@
 .m-sign-board-bar {
   width: 100%;
-
-  .search {
-    width: 100%;
-    background: #EEEEEE;
-    border-radius: 8px;
-    padding: 8px 12px;
-    height: 36px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 4px;
-    .search-input {
-      height: 20px;
-      font-weight: 400;
-      font-size: 16px;
-      line-height: 20px;
-      padding: 0;
-      background-color: transparent;
-      border: none;
-    }
-  }
-
-  .store-info-wrap {
-    display: flex;
-    align-items: center;
-    margin-top: 20px;
-    .number {
-      font-family: 'Montserrat';
-      font-weight: 400;
-      font-size: 12px;
-      line-height: 16px;
-      color: #696973;
-      display: flex;
-      align-items: center;
-      &> img {
-        width: 14px;
-      }
-      &> span {
-        font-weight: 700;
-        font-size: 14px;
-        line-height: 18px;
-        color: #333333;
-        margin: 0 4px;
-      }
-      &:nth-child(2) {
-        margin-left: 24px;
-        flex: 1;
-      }
-    }
-    .chat-btn {
-      padding: 5px 12px;
-      // height: 26px;
-      background: #FFFFFF;
-      border: 1px solid #333333;
-      border-radius: 4px;
-      width: fit-content;
-      font-family: 'Montserrat';
-      font-weight: 400;
-      font-size: 12px;
-      line-height: 16px;
-      text-transform: uppercase;
-      color: #333333;
-    }
-    .store-logo {
-      width: 44px;
-      height: 44px;
-      border-radius: 50%;
-    }
-    .store-name {
-      flex: 1;
-      margin-left: 12px;
-      font-weight: 500;
-      font-size: 16px;
-      line-height: 20px;
-      color: #070707;
-      font-family: 'Montserrat';
-    }
-  }
-
-}
+}
+.m-sign-board-bar .search {
+  width: 100%;
+  background: #EEEEEE;
+  border-radius: 0.16rem;
+  padding: 0.16rem 0.24rem;
+  height: 0.72rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0.08rem;
+}
+.m-sign-board-bar .search .search-input {
+  height: 0.4rem;
+  font-weight: 400;
+  font-size: 0.32rem;
+  line-height: 0.4rem;
+  padding: 0;
+  background-color: transparent;
+  border: none;
+}
+.m-sign-board-bar .store-info-wrap {
+  display: flex;
+  align-items: center;
+  margin-top: 0.4rem;
+}
+.m-sign-board-bar .store-info-wrap .number {
+  font-family: 'Montserrat';
+  font-weight: 400;
+  font-size: 0.24rem;
+  line-height: 0.32rem;
+  color: #696973;
+  display: flex;
+  align-items: center;
+}
+.m-sign-board-bar .store-info-wrap .number > img {
+  width: 0.28rem;
+}
+.m-sign-board-bar .store-info-wrap .number > span {
+  font-weight: 700;
+  font-size: 0.28rem;
+  line-height: 0.36rem;
+  color: #333333;
+  margin: 0 0.08rem;
+}
+.m-sign-board-bar .store-info-wrap .number:nth-child(2) {
+  margin-left: 0.48rem;
+  flex: 1;
+}
+.m-sign-board-bar .store-info-wrap .chat-btn {
+  padding: 0.1rem 0.24rem;
+  background: #FFFFFF;
+  border: 0.02rem solid #333333;
+  border-radius: 0.08rem;
+  width: fit-content;
+  font-family: 'Montserrat';
+  font-weight: 400;
+  font-size: 0.24rem;
+  line-height: 0.32rem;
+  text-transform: uppercase;
+  color: #333333;
+}
+.m-sign-board-bar .store-info-wrap .store-logo {
+  width: 0.88rem;
+  height: 0.88rem;
+  border-radius: 50%;
+}
+.m-sign-board-bar .store-info-wrap .store-name {
+  flex: 1;
+  margin-left: 0.24rem;
+  font-weight: 500;
+  font-size: 0.32rem;
+  line-height: 0.4rem;
+  color: #070707;
+  font-family: 'Montserrat';
+}

package/es/core/Renderer/index.js

@@ -78,8 +78,17 @@ var Renderer = function Renderer(props) {
   };
 
   (0, _react.useEffect)(function () {
-    (0, _commonUtil.ensure)(function () {
-      return window._MAGIC_VERSION = '0.1.49';
+    // const data = await fishFetch('/h5/ga/mediaid', {}, 'GET');
+    importAsync('https://www.googletagmanager.com/gtag/js?id=G-7B9GSSLVX3', 'js').then(function () {
+      window.dataLayer = window.dataLayer || [];
+
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+
+      gtag('js', new Date());
+      gtag('config', 'G-7B9GSSLVX3');
+      window.gtag = gtag;
     });
     setTimeout(function () {
       var _a;

package/es/locale/en/en.json

@@ -1,4 +1,5 @@
 {
+  "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",
   "CHAT": "Chat",
   "FOLLOW": "Follow",
   "FOLLOWING": "Following",

package/es/locale/es/es.json

@@ -1,4 +1,5 @@
 {
+  "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",
   "CHAT": "Chat",
   "FOLLOW": "Follow",
   "FOLLOWING": "Following",

package/es/locale/id/id.json

@@ -1,4 +1,5 @@
 {
+  "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",
   "CHAT": "Chat",
   "FOLLOW": "Follow",
   "FOLLOWING": "Following",

package/es/utils/commonUtil.js

@@ -593,21 +593,25 @@ function pushGA(data, eventName) {
     eventName = 'designer_click';
   }
 
-  if (window.magicDesign.mode == 'renderer') {
-    var pageId = window.magicDesign.pageId || '';
-    var pageName = window.magicDesign.pageName || '';
-    var eventData = {
-      pageId: pageId,
-      pageName: pageName,
-      moduleId: data.moduleId,
-      moduleName: data.moduleName,
-      groupId: data.groupId,
-      groupName: data.groupName,
-      elementId: data.elementId,
-      elementName: data.elementName
-    };
-    console.log('GA push', eventName, eventData);
-    window.gtag('event', eventName, eventData);
+  try {
+    if (window.magicDesign.mode == 'renderer') {
+      var pageId = window.magicDesign.pageId || '';
+      var pageName = window.magicDesign.pageName || '';
+      var eventData = {
+        pageId: pageId,
+        pageName: pageName,
+        moduleId: data.moduleId,
+        moduleName: data.moduleName,
+        groupId: data.groupId,
+        groupName: data.groupName,
+        elementId: data.elementId,
+        elementName: data.elementName
+      };
+      console.log('GA push', eventName, eventData);
+      window.gtag('event', eventName, eventData);
+    }
+  } catch (error) {
+    console.error(error);
   }
 }
 /** react key 计算 */

package/lib/assets/fonts/magic-box-iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "magic-box-iconfont"; /* Project id 3317752 */
-  src: url('magic-box-iconfont.woff2?t=1685425999349') format('woff2'),
-       url('magic-box-iconfont.woff?t=1685425999349') format('woff'),
-       url('magic-box-iconfont.ttf?t=1685425999349') format('truetype');
+  src: url('magic-box-iconfont.woff2?t=1686648198297') format('woff2'),
+       url('magic-box-iconfont.woff?t=1686648198297') format('woff'),
+       url('magic-box-iconfont.ttf?t=1686648198297') format('truetype');
 }
 
 .magic-box-iconfont {
@@ -13,6 +13,98 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.magic-box-icon-ListBullets02:before {
+  content: "\e670";
+}
+
+.magic-box-icon-AlignBottom:before {
+  content: "\e667";
+}
+
+.magic-box-icon-AlignTop:before {
+  content: "\e668";
+}
+
+.magic-box-icon-ListBullets01:before {
+  content: "\e669";
+}
+
+.magic-box-icon-ListDashes03:before {
+  content: "\e66a";
+}
+
+.magic-box-icon-ListNumbers-yi:before {
+  content: "\e66b";
+}
+
+.magic-box-icon-ListNumbers-1:before {
+  content: "\e66c";
+}
+
+.magic-box-icon-ListNumbers-I:before {
+  content: "\e66d";
+}
+
+.magic-box-icon-ListNumbers-A:before {
+  content: "\e66e";
+}
+
+.magic-box-icon-AlignCenterVertical:before {
+  content: "\e66f";
+}
+
+.magic-box-icon-eye:before {
+  content: "\e78f";
+}
+
+.magic-box-icon-download1:before {
+  content: "\e663";
+}
+
+.magic-box-icon-send1:before {
+  content: "\e664";
+}
+
+.magic-box-icon-select1:before {
+  content: "\e665";
+}
+
+.magic-box-icon-uncheck:before {
+  content: "\e666";
+}
+
+.magic-box-icon-send:before {
+  content: "\e662";
+}
+
+.magic-box-icon-copy1:before {
+  content: "\e658";
+}
+
+.magic-box-icon-refresh:before {
+  content: "\e65a";
+}
+
+.magic-box-icon-setting1:before {
+  content: "\e65c";
+}
+
+.magic-box-icon-ai:before {
+  content: "\e65d";
+}
+
+.magic-box-icon-download:before {
+  content: "\e65e";
+}
+
+.magic-box-icon-Refresh02:before {
+  content: "\e65f";
+}
+
+.magic-box-icon-upload:before {
+  content: "\e7ef";
+}
+
 .magic-box-icon-HeartStraight:before {
   content: "\e7ff";
 }

package/lib/assets/fonts/magic-box-iconfont.css.bak

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "magic-box-iconfont"; /* Project id 3317752 */
-  src: url('magic-box-iconfont.woff2?t=1685425999349') format('woff2'),
-       url('magic-box-iconfont.woff?t=1685425999349') format('woff'),
-       url('magic-box-iconfont.ttf?t=1685425999349') format('truetype');
+  src: url('magic-box-iconfont.woff2?t=1686648198297') format('woff2'),
+       url('magic-box-iconfont.woff?t=1686648198297') format('woff'),
+       url('magic-box-iconfont.ttf?t=1686648198297') format('truetype');
 }
 
 .magic-box-iconfont {
@@ -13,6 +13,98 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-ListBullets02:before {
+  content: "\e670";
+}
+
+.icon-AlignBottom:before {
+  content: "\e667";
+}
+
+.icon-AlignTop:before {
+  content: "\e668";
+}
+
+.icon-ListBullets01:before {
+  content: "\e669";
+}
+
+.icon-ListDashes03:before {
+  content: "\e66a";
+}
+
+.icon-ListNumbers-yi:before {
+  content: "\e66b";
+}
+
+.icon-ListNumbers-1:before {
+  content: "\e66c";
+}
+
+.icon-ListNumbers-I:before {
+  content: "\e66d";
+}
+
+.icon-ListNumbers-A:before {
+  content: "\e66e";
+}
+
+.icon-AlignCenterVertical:before {
+  content: "\e66f";
+}
+
+.icon-eye:before {
+  content: "\e78f";
+}
+
+.icon-download1:before {
+  content: "\e663";
+}
+
+.icon-send1:before {
+  content: "\e664";
+}
+
+.icon-select1:before {
+  content: "\e665";
+}
+
+.icon-uncheck:before {
+  content: "\e666";
+}
+
+.icon-send:before {
+  content: "\e662";
+}
+
+.icon-copy1:before {
+  content: "\e658";
+}
+
+.icon-refresh:before {
+  content: "\e65a";
+}
+
+.icon-setting1:before {
+  content: "\e65c";
+}
+
+.icon-ai:before {
+  content: "\e65d";
+}
+
+.icon-download:before {
+  content: "\e65e";
+}
+
+.icon-Refresh02:before {
+  content: "\e65f";
+}
+
+.icon-upload:before {
+  content: "\e7ef";
+}
+
 .icon-HeartStraight:before {
   content: "\e7ff";
 }