@fonixtree/magic-design 0.1.32 → 0.1.34

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,76 +1,72 @@
 .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;
-      &> span {
-        font-weight: 700;
-        font-size: 14px;
-        line-height: 18px;
-        color: #333333;
-      }
-      &: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;
+}
+.m-sign-board-bar .store-info-wrap .number > span {
+  font-weight: 700;
+  font-size: 0.28rem;
+  line-height: 0.36rem;
+  color: #333333;
+}
+.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/Designer/RenderHtml/index.js

@@ -59,8 +59,16 @@ function (_super) {
           renderProps: renderProps
         }, function () {
           document.querySelector('#render-html-wrap > div').style = 'max-width:600px;margin:auto;';
+          /** 去除设计器模式下元素 */
+
+          document.querySelectorAll('#render-html-wrap > div .composite_mask').forEach(function (el) {
+            el.remove();
+          });
           var html = document.querySelector('#render-html-wrap').innerHTML;
-          resolve(html.replace(/url\("((\S|\s)*)"\)/g, 'url($1)'));
+          /** 处理背景图资源引号问题 */
+
+          html = html.replace(/url\("((\S|\s)*)"\)/g, 'url($1)');
+          resolve(html);
 
           _this.setState({
             renderProps: null

package/lib/common/LinkModal/StoreTable/index.js

@@ -209,7 +209,9 @@ function StoreTable(props) {
             setLoading(true);
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/stores/page", params, 'GET')];
+            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/stores/page", __assign(__assign({}, params), {
+              state: 'A'
+            }), 'GET')];
 
           case 1:
             res = _a.sent();
@@ -235,8 +237,8 @@ function StoreTable(props) {
         alt: "",
         src: val,
         style: {
-          width: '50px',
-          height: '50px'
+          maxWidth: '50px',
+          maxHeight: '50px'
         }
       });
     }
@@ -253,6 +255,14 @@ function StoreTable(props) {
     },
     type: 'radio'
   };
+
+  var reset = function reset() {
+    setStoreName('');
+    queryStore(__assign({
+      storeName: ''
+    }, paginationParams));
+  };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       height: 550

package/lib/common/Video/index.js

@@ -207,75 +207,26 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
 /** 检查youtube依赖包 */
 var checkYoutuVIdeo = function checkYoutuVIdeo() {
   return __awaiter(void 0, void 0, void 0, function () {
-    var scriptUrl, ttPolicy, YT, YTConfig;
     return __generator(this, function (_a) {
-      if (!window.YT) {
-        scriptUrl = 'https:\/\/www.youtube.com\/s\/player\/36754c51\/www-widgetapi.vflset\/www-widgetapi.js';
-
-        try {
-          ttPolicy = window.trustedTypes.createPolicy('youtube-widget-api', {
-            createScriptURL: function createScriptURL(x) {
-              return x;
-            }
-          });
-          scriptUrl = ttPolicy.createScriptURL(scriptUrl);
-        } catch (e) {}
-
-        if (!window['YT']) YT = {
-          loading: 0,
-          loaded: 0
-        };
-        if (!window['YTConfig']) YTConfig = {
-          host: 'https://www.youtube.com'
-        };
-
-        if (!YT.loading) {
-          YT.loading = 1;
-
-          (function () {
-            var l = [];
-
-            YT.ready = function (f) {
-              if (YT.loaded) f();else l.push(f);
-            };
-
-            window.onYTReady = function () {
-              YT.loaded = 1;
-
-              for (var i = 0; i < l.length; i++) {
-                try {
-                  l[i]();
-                } catch (e$0) {}
-              }
-            };
-
-            YT.setConfig = function (c) {
-              for (var k in c) {
-                if (c.hasOwnProperty(k)) YTConfig[k] = c[k];
-              }
-            };
+      switch (_a.label) {
+        case 0:
+          if (!!window.YT) return [3
+          /*break*/
+          , 2];
+          return [4
+          /*yield*/
+          , Promise.all([(0, _commonUtil.importAsync)('https://www.youtube.com/iframe_api', 'js')])];
 
-            var a = document.createElement('script');
-            a.type = 'text/javascript';
-            a.id = 'www-widgetapi-script';
-            a.src = scriptUrl;
-            a.async = true;
-            var c = document.currentScript;
+        case 1:
+          _a.sent();
 
-            if (c) {
-              var n = c.nonce || c.getAttribute('nonce');
-              if (n) a.setAttribute('nonce', n);
-            }
+          _a.label = 2;
 
-            var b = document.getElementsByTagName('script')[0];
-            b.parentNode.insertBefore(a, b);
-          })();
-        }
+        case 2:
+          return [2
+          /*return*/
+          ];
       }
-
-      return [2
-      /*return*/
-      ];
     });
   });
 };

package/lib/composite-comp/bol/components/Banner/mobile/index.less

@@ -1,80 +1,54 @@
 .m-banner-mobile {
   position: relative;
-  // .turnPage {
-  //   position: absolute;
-  //   top: 50%;
-  //   transform: translateY(-50%);
-  //   z-index: 3;
-  //   cursor: pointer;
-  // }
-  // .leftBtn {
-  //   left: 20px;
-  // }
-  // .rightBtn {
-  //   right: 20px;
-  // }
-
-  .cylon-carousel {
-    .slick-track {
-      display: flex;
-      align-items: center;
-    }
-  }
-
-  .carouselItem {
-    // height: 386px;
-    position: relative;
-    display: flex;
-
-    .carouseContent {
-      padding: 80px 28px 0;
-      position: absolute;
-      z-index: 2;
-      display: flex;
-      flex-direction: column;
-      margin-bottom: auto;
-    }
-
-    .title {
-      margin-bottom: 8px;
-    }
-
-    .sub-title {
-      margin-bottom: 20px;
-    }
-
-    .btn-wrap {
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-
-      .btn {
-        margin-right: 12px;
-      }
-    }
-  }
-
-  .swiper-ban {
-    position: absolute;
-    width: 100%;
-    bottom: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .ban {
-      font-size: 16px;
-      width: 1.5em;
-      height: 0.3em;
-      background: #FFF;
-      cursor: inherit;
-      margin-right: 0.3em;
-      transition: all .5s;
-
-      &.active {
-        width: 1.5em;
-        opacity: 1;
-      }
-    }
-  }
-}
+}
+.m-banner-mobile .cylon-carousel .slick-track {
+  display: flex;
+  align-items: center;
+}
+.m-banner-mobile .carouselItem {
+  position: relative;
+  display: flex;
+}
+.m-banner-mobile .carouselItem .carouseContent {
+  padding: 1.6rem 0.56rem 0;
+  position: absolute;
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  margin-bottom: auto;
+}
+.m-banner-mobile .carouselItem .title {
+  margin-bottom: 0.16rem;
+}
+.m-banner-mobile .carouselItem .sub-title {
+  margin-bottom: 0.4rem;
+}
+.m-banner-mobile .carouselItem .btn-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+.m-banner-mobile .carouselItem .btn-wrap .btn {
+  margin-right: 0.24rem;
+}
+.m-banner-mobile .swiper-ban {
+  position: absolute;
+  width: 100%;
+  bottom: 0.2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.m-banner-mobile .swiper-ban .ban {
+  font-size: 0.32rem;
+  width: 1.5em;
+  height: 0.3em;
+  background: #FFF;
+  cursor: inherit;
+  margin-right: 0.3em;
+  transition: all 0.5s;
+}
+.m-banner-mobile .swiper-ban .ban.active {
+  width: 1.5em;
+  opacity: 1;
+}