dom-render 1.0.86 → 1.0.89
Sign up to get free protection for your applications and to get access to all the features.
- package/DomRender.d.ts +1 -1
- package/DomRender.js +1 -1
- package/DomRenderProxy.d.ts +1 -1
- package/DomRenderProxy.js +3 -2
- package/README.MD +39 -9
- package/configs/Config.d.ts +1 -1
- package/configs/TargetAttr.d.ts +1 -1
- package/configs/TargetElement.d.ts +4 -1
- package/dist/bundle.js +265 -244
- package/lifecycle/OnDestroyRender.d.ts +1 -1
- package/lifecycle/OnInitRender.d.ts +2 -1
- package/operators/Dr.js +1 -1
- package/operators/DrAppender.js +1 -1
- package/operators/DrFor.js +1 -1
- package/operators/DrForOf.js +1 -1
- package/operators/DrForm.js +1 -1
- package/operators/DrIf.js +1 -1
- package/operators/DrInnerHTML.js +1 -1
- package/operators/DrInnerText.js +1 -1
- package/operators/DrRepeat.js +1 -1
- package/operators/DrTargetAttr.js +1 -1
- package/operators/DrTargetElement.js +1 -1
- package/operators/DrThis.js +5 -2
- package/operators/OperatorRender.d.ts +5 -1
- package/package.json +6 -2
- package/rawsets/AttrInitCallBack.d.ts +5 -0
- package/rawsets/AttrInitCallBack.js +2 -0
- package/rawsets/Attrs.d.ts +21 -0
- package/rawsets/Attrs.js +2 -0
- package/rawsets/CreatorMetaData.d.ts +18 -0
- package/rawsets/CreatorMetaData.js +2 -0
- package/rawsets/DestroyOptionType.d.ts +4 -0
- package/rawsets/DestroyOptionType.js +8 -0
- package/rawsets/ElementInitCallBack.d.ts +8 -0
- package/rawsets/ElementInitCallBack.js +2 -0
- package/{RawSet.d.ts → rawsets/RawSet.d.ts} +17 -74
- package/{RawSet.js → rawsets/RawSet.js} +106 -107
- package/rawsets/RawSetType.d.ts +7 -0
- package/rawsets/RawSetType.js +11 -0
- package/rawsets/Render.d.ts +17 -0
- package/rawsets/Render.js +2 -0
- package/utils/location/LocationUtils.js +7 -1
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
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 ===
|
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
|
-
|
417
|
-
|
418
|
-
|
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')"
|
424
|
-
<page-
|
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
|
-
|
458
|
+
name = 'Detail';
|
434
459
|
|
435
|
-
|
436
|
-
|
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,5 +1,8 @@
|
|
1
|
-
import {
|
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;
|