dom-render 1.0.87 → 1.0.88

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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;