@fonixtree/magic-design 0.0.183 → 0.0.184

package/es/common/Video/index.js

@@ -207,26 +207,75 @@ 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) {
-      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')])];
+      if (!window.YT) {
+        scriptUrl = 'https:\/\/www.youtube.com\/s\/player\/36754c51\/www-widgetapi.vflset\/www-widgetapi.js';
 
-        case 1:
-          _a.sent();
+        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);
+            };
 
-          _a.label = 2;
+            window.onYTReady = function () {
+              YT.loaded = 1;
 
-        case 2:
-          return [2
-          /*return*/
-          ];
+              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];
+              }
+            };
+
+            var a = document.createElement('script');
+            a.type = 'text/javascript';
+            a.id = 'www-widgetapi-script';
+            a.src = scriptUrl;
+            a.async = true;
+            var c = document.currentScript;
+
+            if (c) {
+              var n = c.nonce || c.getAttribute('nonce');
+              if (n) a.setAttribute('nonce', n);
+            }
+
+            var b = document.getElementsByTagName('script')[0];
+            b.parentNode.insertBefore(a, b);
+          })();
+        }
       }
+
+      return [2
+      /*return*/
+      ];
     });
   });
 };

package/es/composite-comp/bol/second-config-panels/VideoSecondConfig/index.js

@@ -77,7 +77,7 @@ function (_super) {
       var panelProps = _this.props.panelProps;
       var source = [{
         key: '1',
-        name: 'Overilay',
+        name: 'Overlay',
         value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
           data: panelProps.overilay,
           needClickArea: false,

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

@@ -130,7 +130,7 @@
       overflow: hidden;
     }
 
-    .product-name {
+    .product-name-wrap {
       height: 38px;
     }
   }

package/lib/common/Video/index.js

@@ -207,26 +207,75 @@ 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) {
-      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')])];
+      if (!window.YT) {
+        scriptUrl = 'https:\/\/www.youtube.com\/s\/player\/36754c51\/www-widgetapi.vflset\/www-widgetapi.js';
 
-        case 1:
-          _a.sent();
+        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);
+            };
 
-          _a.label = 2;
+            window.onYTReady = function () {
+              YT.loaded = 1;
 
-        case 2:
-          return [2
-          /*return*/
-          ];
+              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];
+              }
+            };
+
+            var a = document.createElement('script');
+            a.type = 'text/javascript';
+            a.id = 'www-widgetapi-script';
+            a.src = scriptUrl;
+            a.async = true;
+            var c = document.currentScript;
+
+            if (c) {
+              var n = c.nonce || c.getAttribute('nonce');
+              if (n) a.setAttribute('nonce', n);
+            }
+
+            var b = document.getElementsByTagName('script')[0];
+            b.parentNode.insertBefore(a, b);
+          })();
+        }
       }
+
+      return [2
+      /*return*/
+      ];
     });
   });
 };

package/lib/composite-comp/bol/second-config-panels/VideoSecondConfig/index.js

@@ -77,7 +77,7 @@ function (_super) {
       var panelProps = _this.props.panelProps;
       var source = [{
         key: '1',
-        name: 'Overilay',
+        name: 'Overlay',
         value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
           data: panelProps.overilay,
           needClickArea: false,

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

@@ -130,7 +130,7 @@
       overflow: hidden;
     }
 
-    .product-name {
+    .product-name-wrap {
       height: 38px;
     }
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "0.0.183",
+  "version": "0.0.184",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",