pome-ui 2.0.0-preview22 → 2.0.0-preview23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pome-ui",
-  "version": "2.0.0-preview22",
+  "version": "2.0.0-preview23",
   "description": "Front-end MVC library",
   "main": "pome-ui.js",
   "bin": {

package/pome-ui.dev.js

@@ -17333,6 +17333,7 @@ function build(options, exports) {
             layoutHtml = layoutHtml.substr(htmlBeginTagIndex2 + 1);
             var htmlEndTagIndex = layoutHtml.lastIndexOf('</html>');
             layoutHtml = layoutHtml.substr(0, htmlEndTagIndex);
+            layoutHtml = _patchTemplate(layout, layoutHtml);
             document.querySelector('html').innerHTML = layoutHtml;
 
             var ticks = new Date().getTime();
@@ -17736,7 +17737,7 @@ function build(options, exports) {
                     _patchComponent(viewName, _opt);
                     return _resolveModules(_opt.modules, viewName).then(function () {
                         PageNext(_opt);
-                        return Promise.resolve();P
+                        return Promise.resolve();
                     });
                 });
             }
@@ -18244,6 +18245,36 @@ function build(options, exports) {
         };
     }
 
+    function _patchTemplate(view, html) {
+        for (let i = 0; i < exports._addins.length; ++i) {
+            let v = exports._addins[i].view;
+            let addin = exports._addins[i].opt;
+            if (v != '*' && view != v) {
+                continue;
+            }
+
+            if (addin.template) {
+                if (addin.template instanceof Function) {
+                    if (html.indexOf('<html') >= 0) {
+                        var template = new DOMParser().parseFromString(html, 'text/html');
+                        addin.template(template);
+                        html = new XMLSerializer().serializeToString(template);
+                    } else {
+                        html = `<pome-ui-template>${html}</pome-ui-template>`
+                        var template = new DOMParser().parseFromString(html, 'text/html');
+                        addin.template(template);
+                        html = new XMLSerializer().serializeToString(template);
+                        html = html.substr(html.indexOf('<pome-ui-template>') + '<pome-ui-template>'.length);
+                        html = html.substr(0, html.indexOf('</pome-ui-template>'));
+                    }
+                } else {
+                    html = addin.template;
+                }
+            }
+        }
+        return html;
+    }
+
     function UseAddin(addinUrl) {
         var Addin = function (view, opt) {
             exports._addins.push({view, opt});