simple-boot-front 1.0.71 → 1.0.75

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
   ```
 
@@ -169,9 +170,9 @@ npm install simple-boot-front
           console.log('poo->', testService)
       }
   }
-
   ```
-* @After, @Before
+  
+* @After, @Before   (AOP)
   ```typescript
   fire($event: MouseEvent, view: View<Element>) {
       console.log('fire method')
@@ -200,9 +201,10 @@ npm install simple-boot-front
 ```typescript
 click() {
   intentManager.publish(new Intent('layout://info/data?a=wow&aa=zzz', Math.floor(RandomUtils.random(0, 100))));
-  // this.publish(new Intent('layout://info/datas', Math.floor(RandomUtils.random(0, 100))));
-  // this.publish(new Intent('layout://', Math.floor(RandomUtils.random(0, 100)))); // default callback method -> subscribe(i: Intent)
-  // this.publish(new Intent('://info/datas', Math.floor(RandomUtils.random(0, 100))));
+  // const data = new CustomEvent('intent', {detail: {uri: 'index://showStore', data: {id: ${it.ID}}}}); window.dispatchEvent(data);
+  //intentManager(new Intent('layout://info/datas', Math.floor(RandomUtils.random(0, 100))));
+  //intentManager(new Intent('layout://', Math.floor(RandomUtils.random(0, 100)))); // default callback method -> subscribe(i: Intent)
+  //intentManager(new Intent('://info/datas', Math.floor(RandomUtils.random(0, 100))));
 }
 ```
 
@@ -228,73 +230,23 @@ export class AppInfo {
 ## Reserved key word
  * html
    - attribute
-     - **[router-outlet]**: child module space
-     - **module-event-click**: click event
-       - value: method name, parameter($event, View)
-     ```html
-     <button dr-event-click="changeData">change</button>
-     ```
-     - **module-event-change**: change event
-       - value: method name, parameter($event, View)
-     ```html
-     <input dr-event-change="changeData">
-     ```
-     - **module-event-keyup**: keyup event
-       - value: method name, parameter($event, View)
-     ```html
-     <input dr-event-keyup="changeData">
-     ```
-     - **module-event-keydown**: keydown event
-       - value: method name, parameter($event, View)
-     ```html
-     <input dr-event-keydown="changeData">
-     ```
-     - **module-event-input**: input event
-       - value: method name, parameter($event, View)
-     ```html
-     <input dr-event-input="changeData">
-     ```
-     - **module-value-link**: link event (value change <-> input)
-       - value: variable name
-     ```html
-     <input dr-value-link="value">
-     ```
-     - **module-value**: value injection
-       - value: variable name
-     ```html
-     <input dr-value="value">
-     ```
-     - **module-change-attr**: change value setAttribute
-       - value: script
-     ```html
-     <img src="https://cdn.imweb.me/thumbnail/20190912/460132b4e4fce.jpg" module-change-attr="return {height: this.size, width: this.size}">
-     ```
-     - **module-change-style**: change value set Style
-       - value: script
-     ```html
-     <div module-change-style="return {fontSize: `${this.size}px`, color: this.randomColor()}">hello</div>
-     ```
      - **router-active-class**: url === href attribute => class add 
        - value: add and remove class name
      ```html
-     <a router-link="ajax" router-active-class="['active']">Ajax</a>
+     <a router-link="ajax" router-active-class="active">Ajax</a>
      ```
      - **router-link**:
        - value: router link
      ```html
      <a router-link="ajax">Ajax</a>
      ```
-     - subscribe
+     - intent
      ```typescript
-     data(i: Intent) {
+     showStore(i: Intent) {
       this.datas = i.data + '->' + i.params.aa
      }
-     viewSubscribe(i: Intent<View<HTMLInputElement>>) {
-       this.datas = i.data?.value + '->' + i.params.aa + '-->' + i.event
-     }
-    ```
-
-
+     call -> const data = new CustomEvent('intent', {detail: {uri: 'index://showStore', data: {id: ${it.ID}}}}); window.dispatchEvent(data);
+     ```
 ## License
 * MIT
 * visualkhh@gmail.com

package/SimpleBootFront.js

@@ -83,11 +83,17 @@ var SimpleBootFront = (function (_super) {
                 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();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simple-boot-front",
-  "version": "1.0.71",
+  "version": "1.0.75",
   "main": "SimpleApplication.js",
   "license": "MIT",
   "description": "front end SPA frameworks",
@@ -73,7 +73,7 @@
     "typescript": "^4.3.5"
   },
   "dependencies": {
-    "dom-render": "^1.0.32",
+    "dom-render": "^1.0.37",
     "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;