dom-render 1.0.87 → 1.0.88

Sign up to get free protection for your applications and to get access to all the features.
Files changed (41) hide show
  1. package/DomRender.d.ts +1 -1
  2. package/DomRender.js +1 -1
  3. package/DomRenderProxy.d.ts +1 -1
  4. package/DomRenderProxy.js +3 -2
  5. package/README.MD +39 -9
  6. package/configs/Config.d.ts +1 -1
  7. package/configs/TargetAttr.d.ts +1 -1
  8. package/configs/TargetElement.d.ts +4 -1
  9. package/dist/bundle.js +217 -211
  10. package/lifecycle/OnDestroyRender.d.ts +1 -1
  11. package/lifecycle/OnInitRender.d.ts +2 -1
  12. package/operators/Dr.js +1 -1
  13. package/operators/DrAppender.js +1 -1
  14. package/operators/DrFor.js +1 -1
  15. package/operators/DrForOf.js +1 -1
  16. package/operators/DrForm.js +1 -1
  17. package/operators/DrIf.js +1 -1
  18. package/operators/DrInnerHTML.js +1 -1
  19. package/operators/DrInnerText.js +1 -1
  20. package/operators/DrRepeat.js +1 -1
  21. package/operators/DrTargetAttr.js +1 -1
  22. package/operators/DrTargetElement.js +1 -1
  23. package/operators/DrThis.js +5 -2
  24. package/operators/OperatorRender.d.ts +5 -1
  25. package/package.json +6 -2
  26. package/rawsets/AttrInitCallBack.d.ts +5 -0
  27. package/rawsets/AttrInitCallBack.js +2 -0
  28. package/rawsets/Attrs.d.ts +21 -0
  29. package/rawsets/Attrs.js +2 -0
  30. package/rawsets/CreatorMetaData.d.ts +18 -0
  31. package/rawsets/CreatorMetaData.js +2 -0
  32. package/rawsets/DestroyOptionType.d.ts +4 -0
  33. package/rawsets/DestroyOptionType.js +8 -0
  34. package/rawsets/ElementInitCallBack.d.ts +8 -0
  35. package/rawsets/ElementInitCallBack.js +2 -0
  36. package/{RawSet.d.ts → rawsets/RawSet.d.ts} +7 -72
  37. package/{RawSet.js → rawsets/RawSet.js} +42 -52
  38. package/rawsets/RawSetType.d.ts +7 -0
  39. package/rawsets/RawSetType.js +11 -0
  40. package/rawsets/Render.d.ts +17 -0
  41. package/rawsets/Render.js +2 -0
package/DomRender.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Config } from './configs/Config';
2
2
  import { ConstructorType } from './types/Types';
3
- import { RawSet } from './RawSet';
3
+ import { RawSet } from './rawsets/RawSet';
4
4
  export declare class DomRender {
5
5
  static run<T extends object>(obj: T, target?: Node | null, oConfig?: Omit<Config, 'window'>): T;
6
6
  static createComponent(param: {
package/DomRender.js CHANGED
@@ -14,7 +14,7 @@ var DomRenderProxy_1 = require("./DomRenderProxy");
14
14
  var PathRouter_1 = require("./routers/PathRouter");
15
15
  var HashRouter_1 = require("./routers/HashRouter");
16
16
  var Types_1 = require("./types/Types");
17
- var RawSet_1 = require("./RawSet");
17
+ var RawSet_1 = require("./rawsets/RawSet");
18
18
  var DefaultMessenger_1 = require("./messenger/DefaultMessenger");
19
19
  var DomRender = /** @class */ (function () {
20
20
  function DomRender() {
package/DomRenderProxy.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { RawSet } from './RawSet';
1
+ import { RawSet } from './rawsets/RawSet';
2
2
  import { Config } from './configs/Config';
3
3
  export declare class DomRenderProxy<T extends object> implements ProxyHandler<T> {
4
4
  _domRender_origin: T;
package/DomRenderProxy.js CHANGED
@@ -1,10 +1,11 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.DomRenderProxy = void 0;
4
- var RawSet_1 = require("./RawSet");
4
+ var RawSet_1 = require("./rawsets/RawSet");
5
5
  var EventManager_1 = require("./events/EventManager");
6
6
  var ScriptUtils_1 = require("./utils/script/ScriptUtils");
7
7
  var Types_1 = require("./types/Types");
8
+ var RawSetType_1 = require("./rawsets/RawSetType");
8
9
  var excludeGetSetPropertys = ['onBeforeReturnGet', 'onBeforeReturnSet', '__domrender_components', '__render', '_DomRender_isFinal', '_domRender_ref', '_rawSets', '_domRender_proxy', '_targets', '_DomRender_origin', '_DomRender_ref', '_DomRender_proxy'];
9
10
  var DomRenderProxy = /** @class */ (function () {
10
11
  function DomRenderProxy(_domRender_origin, target, config) {
@@ -118,7 +119,7 @@ var DomRenderProxy = /** @class */ (function () {
118
119
  if ((_c = it.detect) === null || _c === void 0 ? void 0 : _c.action) {
119
120
  it.detect.action();
120
121
  }
121
- else if (it.type === RawSet_1.RawSetType.TARGET_ELEMENT && it.data && fullPathStr && targetAttrMap && it.fragment.render) {
122
+ else if (it.type === RawSetType_1.RawSetType.TARGET_ELEMENT && it.data && fullPathStr && targetAttrMap && it.fragment.render) {
122
123
  new Map(JSON.parse(targetAttrMap)).forEach(function (v, k) {
123
124
  // it?.data.onChangeAttrRender(k, null, v);
124
125
  var isUsing = EventManager_1.EventManager.isUsingThisVar(v, "this.".concat(fullPathStr));
package/README.MD CHANGED
@@ -303,6 +303,8 @@ dr-value-link: <input type="text" dr-value-link="this.office.addr.street"> <br>
303
303
  * event: change
304
304
  * modify change: dr-form:event="input"
305
305
 
306
+ - [examples](./examples/forms)
307
+
306
308
  ```html
307
309
  <body id="app">
308
310
  <form dr-form="this.form" dr-event-submit="this.submit(); $event.preventDefault();">
@@ -413,30 +415,58 @@ const data = DomRender.run(new Data(), document.querySelector('#app')!, config);
413
415
  ```
414
416
  ```html
415
417
  <header>
416
- <button dr-event-click="$router.go('/')">main</button>
417
- <button dr-event-click="$router.go('/second', {secondata: 555})">second</button>
418
- <button dr-event-click="$router.go('/detail/25?name=zzz')">detail</button>
418
+ <h1>examples header</h1>
419
+ <h2>${this.name}$</h2>
420
+ <div>
421
+ <div><button dr-event-click="$router.go('/')">main</button></div>
422
+ <div>
423
+ <button dr-event-click="$router.go('/second', {secondata: 555})">second</button>
424
+ <button dr-event-click="$router.go('/second/5')">second/1</button>
425
+ <button dr-event-click="$router.go('/second/wow')">second/2</button>
426
+ </div>
427
+ <div><button dr-event-click="$router.go('/detail/25?name=zzz')">detail</button></div>
419
428
  </div>
420
429
  </header>
430
+ <hr>
421
431
  <main>
422
432
  <page-main dr-if="$router.test('/')"></page-main>
423
- <page-second dr-if="$router.test('/second')"></page-second>
424
- <page-detail url='/detail/{id:[0-9]+}' dr-if="$router.test($attribute.url)" dr-on-create="$router.getRouteData($attribute.url)"></page-detail>
433
+ <page-second dr-if="$router.test('/second')">1</page-second>
434
+ <page-second dr-if="$router.testRegexp('/second/[0-9]?$')">2</page-second>
435
+ <page-second dr-if="$router.testRegexp('/second/wow$')">wow</page-second>
436
+ <page-detail url='/detail/{id:[0-9]+}' dr-if="$router.test($attribute.url)" dr-on-component-init="$component.routerData($router.getRouteData($attribute.url))" ></page-detail>
437
+ <div>
438
+ <button dr-event-click="this.plusCount()">${this.count}$ count pluse++</button>
439
+ </div>
425
440
  </main>
441
+ <hr>
442
+ <footer>footer</footer>
426
443
  ```
444
+ ```typescript
445
+ export class Second implements OnCreateRender {
446
+ name = 'Second'
427
447
 
448
+ onCreateRender(data: CreatorMetaData): void {
449
+ console.log('----->', data.router)
450
+ }
451
+ }
452
+ ```
428
453
  ```typescript
429
454
  import {RouteData} from 'dom-render/routers/Router';
430
455
  import {OnCreateRender} from 'dom-render/lifecycle/OnCreateRender';
431
456
 
432
457
  export class Detail implements OnCreateRender {
433
- name = 'Detail';
458
+ name = 'Detail';
434
459
 
435
- onCreateRender(routeData: RouteData) {
436
- console.log('routeData->', routeData);
437
- }
460
+ onCreateRender(data: CreatorMetaData) {
461
+ console.log('routeData->', data);
462
+ }
463
+
464
+ routerData(routeData: RouteData) {
465
+ console.log('--------', routeData);
466
+ }
438
467
  }
439
468
  ```
469
+
440
470
  ```typescript
441
471
  // RouteData type
442
472
  type RouteData = {
package/configs/Config.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ConstructorType } from '../types/Types';
2
- import { RawSet } from '../RawSet';
2
+ import { RawSet } from '../rawsets/RawSet';
3
3
  import { Router } from '../routers/Router';
4
4
  import { Messenger } from '../messenger/Messenger';
5
5
  import { TargetElement } from './TargetElement';
package/configs/TargetAttr.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { RawSet } from '../RawSet';
1
+ import { RawSet } from '../rawsets/RawSet';
2
2
  export declare type TargetAttr = {
3
3
  name: string;
4
4
  callBack: (target: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment;
package/configs/TargetElement.d.ts CHANGED
@@ -1,5 +1,8 @@
1
- import { Attrs, CreatorMetaData, RawSet, Render } from '../RawSet';
1
+ import { RawSet } from '../rawsets/RawSet';
2
2
  import { Config } from './Config';
3
+ import { Attrs } from '../rawsets/Attrs';
4
+ import { CreatorMetaData } from '../rawsets/CreatorMetaData';
5
+ import { Render } from '../rawsets/Render';
3
6
  export declare type TargetElement = {
4
7
  name: string;
5
8
  template?: string;