simple-boot-front 1.0.72 → 1.0.76

package/README.MD

@@ -13,6 +13,7 @@ Single Page Application Framworks for Web
   ```shell
   npm init simple-boot-front projectname
   cd projectname
+  npm run bundle
   npm run serve
   ```
 

package/SimpleBootFront.d.ts

@@ -12,8 +12,8 @@ export declare class SimpleBootFront extends SimpleApplication {
     option: SimFrontOption;
     navigation: Navigation;
     domRendoerExcludeProxy: (typeof SimFrontOption | typeof SimstanceManager | typeof SimpleApplication | typeof Navigation | typeof HttpService | typeof IntentManager | typeof RouterManager)[];
-    targetElements: TargetElement[];
-    targetAttrs: TargetAttr[];
+    domRenderTargetElements: TargetElement[];
+    domRenderTargetAttrs: TargetAttr[];
     constructor(rootRouter: ConstructorType<any>, option: SimFrontOption);
     getComponentInnerHtml(targetObj: any): string;
     createDomRender<T extends object>(obj: T): T;

package/SimpleBootFront.js

@@ -73,21 +73,28 @@ var SimpleBootFront = (function (_super) {
         var _this = _super.call(this, rootRouter, option) || this;
         _this.rootRouter = rootRouter;
         _this.option = option;
-        _this.domRendoerExcludeProxy = [SimpleApplication_1.SimpleApplication, IntentManager_1.IntentManager, RouterManager_1.RouterManager, SimstanceManager_1.SimstanceManager, SimFrontOption_1.SimFrontOption, Navigation_1.Navigation, ViewService_1.ViewService, HttpService_1.HttpService];
+        _this.domRendoerExcludeProxy = [SimpleApplication_1.SimpleApplication, IntentManager_1.IntentManager, RouterManager_1.RouterManager, SimstanceManager_1.SimstanceManager, SimFrontOption_1.SimFrontOption, Navigation_1.Navigation, ViewService_1.ViewService, HttpService_1.HttpService, HTMLElement];
+        _this.domRenderTargetElements = [];
+        _this.domRenderTargetAttrs = [];
         window.__dirname = 'simple-boot-front__dirname';
-        _this.targetElements = [];
         var selectors = Component_1.componentSelectors;
         selectors.forEach(function (val, name) {
-            _this.targetElements.push({
+            _this.domRenderTargetElements.push({
                 name: name,
                 callBack: function (element, obj, rawSet) {
                     var componentObj = _this.simstanceManager.newSim(val);
                     var set = element.getAttribute('dr-set');
+                    var any;
                     if (set) {
-                        var comEvalTargetObj = {};
-                        comEvalTargetObj[name] = componentObj;
-                        var script = "var " + name + " = this['" + name + "']; " + set + " ";
-                        ScriptUtils_1.ScriptUtils.eval(script, Object.assign(comEvalTargetObj, obj));
+                        var comEvalTargetObj_1 = { '$attribute': any = {} };
+                        element.getAttributeNames().forEach(function (it) {
+                            comEvalTargetObj_1['$attribute'][it] = element.getAttribute(it);
+                        });
+                        comEvalTargetObj_1['$innerHTML'] = element.innerHTML;
+                        comEvalTargetObj_1['$element'] = element;
+                        comEvalTargetObj_1[name] = componentObj;
+                        var script = "var " + name + " = this['" + name + "']; var $element = this['$element']; var $innerHTML = this['$innerHTML']; var $attribute = this['$attribute'];  " + set + " ";
+                        ScriptUtils_1.ScriptUtils.eval(script, Object.assign(comEvalTargetObj_1, obj));
                     }
                     var componentOption = (0, Component_1.getComponent)(componentObj);
                     var fag = _this.option.window.document.createDocumentFragment();
@@ -101,19 +108,19 @@ var SimpleBootFront = (function (_super) {
                 }
             });
         });
-        _this.targetAttrs = [{
-                name: 'component', callBack: function (element, attrValue, obj, rawSet) {
-                    var fag = _this.option.window.document.createDocumentFragment();
-                    if (attrValue) {
-                        var targetObj = ScriptUtils_1.ScriptUtils.eval("return " + attrValue, obj);
-                        var n = element.cloneNode(true);
-                        var innerHTML = _this.getComponentInnerHtml(targetObj);
-                        n.innerHTML = innerHTML;
-                        fag.append(RawSet_1.RawSet.drThisCreate(n, attrValue, '', true, obj));
-                    }
-                    return fag;
+        _this.domRenderTargetAttrs.push({
+            name: 'component', callBack: function (element, attrValue, obj, rawSet) {
+                var fag = _this.option.window.document.createDocumentFragment();
+                if (attrValue) {
+                    var targetObj = ScriptUtils_1.ScriptUtils.eval("return " + attrValue, obj);
+                    var n = element.cloneNode(true);
+                    var innerHTML = _this.getComponentInnerHtml(targetObj);
+                    n.innerHTML = innerHTML;
+                    fag.append(RawSet_1.RawSet.drThisCreate(n, attrValue, '', true, obj));
                 }
-            }];
+                return fag;
+            }
+        });
         option.proxy = {
             onProxy: function (it) { return _this.createDomRender(it); }
         };
@@ -130,8 +137,8 @@ var SimpleBootFront = (function (_super) {
         var component = (0, Component_1.getComponent)(obj);
         if (component && typeof obj === 'object') {
             return DomRender_1.DomRender.run(obj, undefined, {
-                targetElements: this.targetElements,
-                targetAttrs: this.targetAttrs,
+                targetElements: this.domRenderTargetElements,
+                targetAttrs: this.domRenderTargetAttrs,
                 onAttrInit: function (attrName, attrValue, obj) {
                     var _a, _b;
                     if (attrName === 'component') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simple-boot-front",
-  "version": "1.0.72",
+  "version": "1.0.76",
   "main": "SimpleApplication.js",
   "license": "MIT",
   "description": "front end SPA frameworks",
@@ -73,7 +73,7 @@
     "typescript": "^4.3.5"
   },
   "dependencies": {
-    "dom-render": "^1.0.33",
+    "dom-render": "^1.0.38",
     "reflect-metadata": "^0.1.13",
     "simple-boot-core": "^1.0.20"
   }

package/service/CookieService.d.ts

@@ -0,0 +1,8 @@
+export declare class CookieService {
+    get(key: string): string | undefined;
+    getAll(): {
+        [k: string]: string;
+    };
+    set(name: string, value: string, exp: number): void;
+    delete(name: string): void;
+}

package/service/CookieService.js

@@ -0,0 +1,42 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CookieService = void 0;
+var SimDecorator_1 = require("simple-boot-core/decorators/SimDecorator");
+var CookieService = (function () {
+    function CookieService() {
+    }
+    CookieService.prototype.get = function (key) {
+        return this.getAll()[key];
+    };
+    CookieService.prototype.getAll = function () {
+        var _a;
+        var all = {};
+        var strings = (_a = document.cookie.split(';')) !== null && _a !== void 0 ? _a : [];
+        strings.forEach(function (it) {
+            var set = it.split('=');
+            if (set[0] && set[1] && set[0].trim().length > 0 && set[1].trim().length > 0) {
+                all[set[0].trim()] = set[1].trim();
+            }
+        });
+        return all;
+    };
+    CookieService.prototype.set = function (name, value, exp) {
+        var date = new Date();
+        date.setTime(date.getTime() + exp);
+        document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/';
+    };
+    CookieService.prototype.delete = function (name) {
+        document.cookie = name + '=; expires=Thu, 01 Jan 1999 00:00:10 GMT;';
+    };
+    CookieService = __decorate([
+        (0, SimDecorator_1.Sim)()
+    ], CookieService);
+    return CookieService;
+}());
+exports.CookieService = CookieService;