pome-ui 2.0.0-preview30 → 2.0.0-preview32

package/package.json

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

package/pome-ui.dev.js

@@ -18336,6 +18336,8 @@ function build(options, exports) {
                 // Create instance
                 return _resolveModules(component.modules, url).then(function () {
                     var components = component.components || [];
+                    var directives = component.directives || [];
+                    var _ret;
                     return _loadComponents(components, url).then(function (components) {
                         var ret = Vue.createApp(component);
 
@@ -18350,7 +18352,14 @@ function build(options, exports) {
                             return ret.proxy;
                         }
 
-                        return Promise.resolve(ret);
+                        _ret = ret;
+                        return _loadDirectives(directives, url);
+                    }).then(function (directives) {
+                        for (var i = 0; i < directives.length; ++i) {
+                            var dir = directives[i];
+                            _ret.directive(dir.name, dir.options);
+                        }
+                        return Promise.resolve(_ret);
                     });
                 });
             });
@@ -18542,16 +18551,28 @@ function build(options, exports) {
         };
 
         return _resolveModules(options.modules, layout).then(function () {
-            return _loadComponents(options.components || [], layout).then(function (components) {
-                var app = Vue.createApp(options || {});
-                for (var i = 0; i < components.length; ++i) {
-                    var com = components[i];
-                    app.component(com.name, com.options);
-                }
+            var _app;
 
-                _root = app.mount(el);
-                _root.$.proxy = _root;
-            });
+            return _loadComponents(options.components || [], layout)
+                .then(function (components) {
+                    var app = Vue.createApp(options || {});
+                    for (var i = 0; i < components.length; ++i) {
+                        var com = components[i];
+                        app.component(com.name, com.options);
+                    }
+
+                    _app = app;
+                    return _loadDirectives(options.directives || [], layout);
+                })
+                .then(function (directives) {
+                    for (var i = 0; i < directives.length; ++i) {
+                        var dir = directives[i];
+                        app.directive(dir.name, dir.options);
+                    }
+
+                    _root = _app.mount(el);
+                    _root.$.proxy = _root;
+                });
         });
     }
 
@@ -19352,6 +19373,45 @@ function build(options, exports) {
         });
     }
 
+    function _loadDirectives(directives, viewName) {
+        var ret = [];
+        if (!directives.length) {
+            return Promise.resolve(ret);
+        }
+        var workingDirectory = getContainingFolder(viewName || '/');
+        var viewName;
+        var subComponentRefs = [];
+        return Promise.all(directives.map(function (c) {
+            c = resolveRelativePath(parseMacroPath(viewName, c), workingDirectory);
+            viewName = c;
+            var _html;
+            var _name;
+            var _opt;
+            return _httpGet(c + ".html").then(function (comHtml) {
+                _html = comHtml;
+                return _httpGet(c + ".js");
+            }).then(function (comJs) {
+                var Directive = function (name, options) {
+                    _opt = options;
+                    _name = name;
+                };
+
+                if (PomeloModule) {
+                    var require = function (script, workingDirectory, mode) {
+                        workingDirectory = workingDirectory || PomeloModule.getContainingFolder(c);
+                        return PomeloModule.require(script, workingDirectory, mode);
+                    };
+                }
+
+                eval(comJs + '\r\n//# sourceURL=' + c + ".js");
+                ret.push({ name: _name, options: _opt });
+                return Promise.resolve();
+            })
+        })).then(function () {
+            return Promise.resolve(ret);
+        });
+    }
+
     exports._addins = [];
 
     function _patchComponent(view, opt) {