dothtml 6.0.0-beta.44 → 6.0.0-beta.46
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.
- package/build_module/css/css-props.js +38 -1
- package/build_module/css/css-props.js.map +1 -1
- package/build_module/css/format-css-type.d.ts +4 -3
- package/build_module/css/format-css-type.js +7 -0
- package/build_module/css/format-css-type.js.map +1 -1
- package/build_module/decoration/component.d.ts +4 -14
- package/build_module/decoration/component.js +29 -29
- package/build_module/decoration/component.js.map +1 -1
- package/build_module/dot.js +130 -68
- package/build_module/dot.js.map +1 -1
- package/build_module/events/event-manager.d.ts +14 -0
- package/build_module/events/event-manager.js +98 -0
- package/build_module/events/event-manager.js.map +1 -0
- package/build_module/events/synthetic-event.d.ts +17 -0
- package/build_module/events/synthetic-event.js +33 -0
- package/build_module/events/synthetic-event.js.map +1 -0
- package/build_module/helpers/render-stylesheet.js +18 -9
- package/build_module/helpers/render-stylesheet.js.map +1 -1
- package/build_module/index.d.ts +3 -1
- package/build_module/index.js +14 -1
- package/build_module/index.js.map +1 -1
- package/build_module/reactivity/binding.d.ts +3 -1
- package/build_module/reactivity/binding.js +8 -2
- package/build_module/reactivity/binding.js.map +1 -1
- package/build_module/reactivity/computed.d.ts +18 -0
- package/build_module/reactivity/computed.js +106 -0
- package/build_module/reactivity/computed.js.map +1 -0
- package/build_module/reactivity/priority.d.ts +6 -0
- package/build_module/reactivity/priority.js +8 -0
- package/build_module/reactivity/priority.js.map +1 -0
- package/build_module/reactivity/ref-collection.d.ts +8 -0
- package/build_module/reactivity/ref-collection.js +32 -0
- package/build_module/reactivity/ref-collection.js.map +1 -0
- package/build_module/reactivity/ref.d.ts +5 -3
- package/build_module/reactivity/ref.js +31 -2
- package/build_module/reactivity/ref.js.map +1 -1
- package/build_module/reactivity/scheduler.d.ts +22 -0
- package/build_module/reactivity/scheduler.js +124 -0
- package/build_module/reactivity/scheduler.js.map +1 -0
- package/build_module/reactivity/store.d.ts +14 -0
- package/build_module/reactivity/store.js +91 -0
- package/build_module/reactivity/store.js.map +1 -0
- package/build_module/reactivity/subscription.d.ts +2 -1
- package/build_module/reactivity/subscription.js +4 -5
- package/build_module/reactivity/subscription.js.map +1 -1
- package/build_module/reactivity/watcher.d.ts +6 -3
- package/build_module/reactivity/watcher.js +31 -10
- package/build_module/reactivity/watcher.js.map +1 -1
- package/build_module/routing/helpers.d.ts +2 -0
- package/build_module/routing/helpers.js +21 -0
- package/build_module/routing/helpers.js.map +1 -0
- package/build_module/routing/index.d.ts +5 -0
- package/build_module/routing/index.js +6 -0
- package/build_module/routing/index.js.map +1 -0
- package/build_module/routing/link.d.ts +2 -0
- package/build_module/routing/link.js +45 -0
- package/build_module/routing/link.js.map +1 -0
- package/build_module/routing/router.d.ts +23 -0
- package/build_module/routing/router.js +209 -0
- package/build_module/routing/router.js.map +1 -0
- package/build_module/routing/scroll-manager.d.ts +1 -0
- package/build_module/routing/scroll-manager.js +33 -0
- package/build_module/routing/scroll-manager.js.map +1 -0
- package/build_module/routing/state.d.ts +7 -0
- package/build_module/routing/state.js +45 -0
- package/build_module/routing/state.js.map +1 -0
- package/build_module/v-meta-nodes/style-v-node.d.ts +17 -7
- package/build_module/v-meta-nodes/style-v-node.js +181 -85
- package/build_module/v-meta-nodes/style-v-node.js.map +1 -1
- package/build_module/v-style-nodes/base-v-style.d.ts +10 -11
- package/build_module/v-style-nodes/base-v-style.js +23 -95
- package/build_module/v-style-nodes/base-v-style.js.map +1 -1
- package/build_module/v-style-nodes/css-function-builder-v-style.d.ts +0 -3
- package/build_module/v-style-nodes/css-function-builder-v-style.js +10 -5
- package/build_module/v-style-nodes/css-function-builder-v-style.js.map +1 -1
- package/build_module/v-style-nodes/style-sheet-builder.d.ts +9 -0
- package/build_module/v-style-nodes/style-sheet-builder.js +51 -0
- package/build_module/v-style-nodes/style-sheet-builder.js.map +1 -0
- package/build_module/v-style-nodes/transform-v-style.js.map +1 -1
- package/build_module/vdom-nodes/collection-vdom.d.ts +3 -1
- package/build_module/vdom-nodes/collection-vdom.js +114 -97
- package/build_module/vdom-nodes/collection-vdom.js.map +1 -1
- package/build_module/vdom-nodes/component-context.d.ts +5 -0
- package/build_module/vdom-nodes/component-context.js +5 -0
- package/build_module/vdom-nodes/component-context.js.map +1 -0
- package/build_module/vdom-nodes/component-vdom.d.ts +22 -0
- package/build_module/vdom-nodes/component-vdom.js +250 -12
- package/build_module/vdom-nodes/component-vdom.js.map +1 -1
- package/build_module/vdom-nodes/conditional-vdom.d.ts +1 -0
- package/build_module/vdom-nodes/conditional-vdom.js +14 -0
- package/build_module/vdom-nodes/conditional-vdom.js.map +1 -1
- package/build_module/vdom-nodes/container-vdom.d.ts +6 -2
- package/build_module/vdom-nodes/container-vdom.js +54 -1
- package/build_module/vdom-nodes/container-vdom.js.map +1 -1
- package/build_module/vdom-nodes/element-vdom.d.ts +2 -1
- package/build_module/vdom-nodes/element-vdom.js +72 -18
- package/build_module/vdom-nodes/element-vdom.js.map +1 -1
- package/build_module/vdom-nodes/html-vdom.d.ts +1 -0
- package/build_module/vdom-nodes/html-vdom.js +12 -0
- package/build_module/vdom-nodes/html-vdom.js.map +1 -1
- package/build_module/vdom-nodes/text-vdom.d.ts +1 -0
- package/build_module/vdom-nodes/text-vdom.js +3 -0
- package/build_module/vdom-nodes/text-vdom.js.map +1 -1
- package/build_module/vdom-nodes/vdom.d.ts +2 -0
- package/build_module/vdom-nodes/vdom.js +17 -0
- package/build_module/vdom-nodes/vdom.js.map +1 -1
- package/package.json +58 -57
- package/readme.md +32 -26
- package/build_module/css/css.d.ts +0 -0
- package/build_module/css/css.js +0 -1
- package/build_module/css/css.js.map +0 -1
- package/build_module/decoration/use-styles.d.ts +0 -14
- package/build_module/decoration/use-styles.js +0 -19
- package/build_module/decoration/use-styles.js.map +0 -1
- package/build_module/helpers/render-css.d.ts +0 -2
- package/build_module/helpers/render-css.js +0 -20
- package/build_module/helpers/render-css.js.map +0 -1
- package/build_module/helpers.d.ts +0 -3
- package/build_module/helpers.js +0 -50
- package/build_module/helpers.js.map +0 -1
- package/build_module/reactive.d.ts +0 -46
- package/build_module/reactive.js +0 -150
- package/build_module/reactive.js.map +0 -1
- package/build_module/reactivity/bound-reactive.d.ts +0 -13
- package/build_module/reactivity/bound-reactive.js +0 -20
- package/build_module/reactivity/bound-reactive.js.map +0 -1
- package/build_module/reactivity/reactive.d.ts +0 -22
- package/build_module/reactivity/reactive.js +0 -54
- package/build_module/reactivity/reactive.js.map +0 -1
|
@@ -1,9 +1,31 @@
|
|
|
1
1
|
import { Vdom } from "./vdom";
|
|
2
2
|
import renderStylesheet from "../helpers/render-stylesheet";
|
|
3
|
+
import { EventManager } from "../events/event-manager";
|
|
4
|
+
import Watcher from "../reactivity/watcher";
|
|
5
|
+
import Binding from "../reactivity/binding";
|
|
6
|
+
import { scheduler } from "../reactivity/scheduler";
|
|
7
|
+
import { Priority } from "../reactivity/priority";
|
|
8
|
+
import { pushComponent, popComponent } from "./component-context";
|
|
9
|
+
import BaseVStyle from "../v-style-nodes/base-v-style";
|
|
10
|
+
import StyleVNode from "../v-meta-nodes/style-v-node";
|
|
11
|
+
import StyleSheetBuilder from "../v-style-nodes/style-sheet-builder";
|
|
3
12
|
let tagId = 0x10000;
|
|
4
13
|
export class ComponentVdom extends Vdom {
|
|
5
14
|
constructor(dot, component) {
|
|
6
15
|
super();
|
|
16
|
+
this.events = [];
|
|
17
|
+
this.styleVNodes = [];
|
|
18
|
+
this.isQueued = false;
|
|
19
|
+
this.computedWatchers = [];
|
|
20
|
+
this.disposables = [];
|
|
21
|
+
this.updateSubscription = {
|
|
22
|
+
active: true,
|
|
23
|
+
update: () => {
|
|
24
|
+
this.isQueued = false;
|
|
25
|
+
this.rebuild();
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
this.dot = dot;
|
|
7
29
|
this.component = component;
|
|
8
30
|
if (component._?._meta) {
|
|
9
31
|
throw new Error("Component has already been added to the VDOM.");
|
|
@@ -17,29 +39,186 @@ export class ComponentVdom extends Vdom {
|
|
|
17
39
|
if (!component._) {
|
|
18
40
|
component._ = {};
|
|
19
41
|
}
|
|
42
|
+
component._.cvdom = this;
|
|
20
43
|
component._.refs = {};
|
|
21
44
|
component._._meta = component._._meta || {};
|
|
22
45
|
component._._meta.isRendered = false;
|
|
23
46
|
component._._meta.tagName = component.constructor["_dotHtmlComponent"].tagName;
|
|
24
|
-
|
|
47
|
+
component.emit = (name, detail) => {
|
|
48
|
+
if (this.shadowEl) {
|
|
49
|
+
this.shadowEl.dispatchEvent(new CustomEvent(name.toLowerCase(), {
|
|
50
|
+
detail,
|
|
51
|
+
bubbles: true,
|
|
52
|
+
composed: true
|
|
53
|
+
}));
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
if (component._trackedComputeds) {
|
|
57
|
+
for (const w of component._trackedComputeds) {
|
|
58
|
+
this.registerComputed(w);
|
|
59
|
+
}
|
|
60
|
+
delete component._trackedComputeds;
|
|
61
|
+
}
|
|
62
|
+
if (component._trackedDisposables) {
|
|
63
|
+
for (const d of component._trackedDisposables) {
|
|
64
|
+
this.registerDisposable(d);
|
|
65
|
+
}
|
|
66
|
+
delete component._trackedDisposables;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
registerComputed(watcher) {
|
|
70
|
+
this.computedWatchers.push(watcher);
|
|
71
|
+
}
|
|
72
|
+
registerDisposable(disposable) {
|
|
73
|
+
this.disposables.push(disposable);
|
|
74
|
+
}
|
|
75
|
+
setRef(ref) {
|
|
76
|
+
this.ref = ref;
|
|
77
|
+
}
|
|
78
|
+
init() {
|
|
79
|
+
this.validateProps();
|
|
80
|
+
pushComponent(this);
|
|
81
|
+
try {
|
|
82
|
+
this.childShadowVdom = this.component.build(this.dot);
|
|
83
|
+
}
|
|
84
|
+
finally {
|
|
85
|
+
popComponent();
|
|
86
|
+
}
|
|
25
87
|
this.component.built && this.component.built();
|
|
88
|
+
this.subscribeToProps();
|
|
89
|
+
}
|
|
90
|
+
subscribeToProps() {
|
|
91
|
+
const props = this.component.props;
|
|
92
|
+
if (!props)
|
|
93
|
+
return;
|
|
94
|
+
for (const key in props) {
|
|
95
|
+
const prop = props[key];
|
|
96
|
+
if (prop instanceof Watcher || prop instanceof Binding) {
|
|
97
|
+
prop.subscribe(() => this.requestUpdate());
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
requestUpdate() {
|
|
102
|
+
if (!this.isQueued) {
|
|
103
|
+
this.isQueued = true;
|
|
104
|
+
scheduler.enqueue(this.updateSubscription, Priority.Normal);
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
rebuild() {
|
|
108
|
+
if (!this.shadowEl)
|
|
109
|
+
return;
|
|
110
|
+
this.childShadowVdom._unrender();
|
|
111
|
+
this.validateProps();
|
|
112
|
+
pushComponent(this);
|
|
113
|
+
try {
|
|
114
|
+
this.childShadowVdom = this.component.build(this.dot);
|
|
115
|
+
}
|
|
116
|
+
finally {
|
|
117
|
+
popComponent();
|
|
118
|
+
}
|
|
119
|
+
const shadow = this.component._._meta.shadowRoot;
|
|
120
|
+
this.childShadowVdom._render(shadow);
|
|
121
|
+
this.component.built && this.component.built();
|
|
122
|
+
}
|
|
123
|
+
validateProps() {
|
|
124
|
+
const schema = this.component.constructor.props;
|
|
125
|
+
if (!schema)
|
|
126
|
+
return;
|
|
127
|
+
const props = this.component.props || {};
|
|
128
|
+
const componentName = this.component.constructor.name;
|
|
129
|
+
for (const key in schema) {
|
|
130
|
+
const rule = schema[key];
|
|
131
|
+
let value = props[key];
|
|
132
|
+
if (value === undefined && rule.default !== undefined) {
|
|
133
|
+
if (typeof rule.default === "function" && (rule.type === Object || rule.type === Array)) {
|
|
134
|
+
value = rule.default();
|
|
135
|
+
}
|
|
136
|
+
else {
|
|
137
|
+
value = rule.default;
|
|
138
|
+
}
|
|
139
|
+
props[key] = value;
|
|
140
|
+
}
|
|
141
|
+
if (rule.required && value === undefined) {
|
|
142
|
+
throw new Error(`[${componentName}] Prop "${key}" is required.`);
|
|
143
|
+
}
|
|
144
|
+
let valueToValidate = value;
|
|
145
|
+
if (value instanceof Watcher || value instanceof Binding) {
|
|
146
|
+
valueToValidate = value.value;
|
|
147
|
+
}
|
|
148
|
+
if (valueToValidate !== undefined && valueToValidate !== null && rule.type) {
|
|
149
|
+
const actualType = typeof valueToValidate;
|
|
150
|
+
if (rule.type === String && actualType !== "string") {
|
|
151
|
+
throw new Error(`[${componentName}] Prop "${key}" expected string, but got ${actualType}.`);
|
|
152
|
+
}
|
|
153
|
+
else if (rule.type === Number && actualType !== "number") {
|
|
154
|
+
throw new Error(`[${componentName}] Prop "${key}" expected number, but got ${actualType}.`);
|
|
155
|
+
}
|
|
156
|
+
else if (rule.type === Boolean && actualType !== "boolean") {
|
|
157
|
+
throw new Error(`[${componentName}] Prop "${key}" expected boolean, but got ${actualType}.`);
|
|
158
|
+
}
|
|
159
|
+
else if (rule.type === Function && actualType !== "function") {
|
|
160
|
+
throw new Error(`[${componentName}] Prop "${key}" expected function, but got ${actualType}.`);
|
|
161
|
+
}
|
|
162
|
+
else if (rule.type === Array && !Array.isArray(valueToValidate)) {
|
|
163
|
+
throw new Error(`[${componentName}] Prop "${key}" expected array, but got ${actualType}.`);
|
|
164
|
+
}
|
|
165
|
+
else if (rule.type === Object && (actualType !== "object" || Array.isArray(valueToValidate))) {
|
|
166
|
+
throw new Error(`[${componentName}] Prop "${key}" expected object, but got ${Array.isArray(valueToValidate) ? "array" : actualType}.`);
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
if (valueToValidate !== undefined && typeof rule.validator === "function") {
|
|
170
|
+
if (!rule.validator(valueToValidate)) {
|
|
171
|
+
throw new Error(`[${componentName}] Prop "${key}" failed custom validation.`);
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
this.component.props = props;
|
|
26
176
|
}
|
|
27
177
|
setupCustomElement(document) {
|
|
28
178
|
let CustomElementConstructor = document.defaultView.customElements.get(this.component._._meta.tagName);
|
|
29
179
|
if (CustomElementConstructor == undefined) {
|
|
30
|
-
let
|
|
31
|
-
if (typeof styles == "string")
|
|
32
|
-
styles = [styles];
|
|
180
|
+
let cachedStyles = this.component.constructor._cachedStyles;
|
|
33
181
|
let sharedStylesheets = [];
|
|
34
182
|
let styleTags = [];
|
|
35
|
-
if (
|
|
36
|
-
|
|
37
|
-
|
|
183
|
+
if (cachedStyles) {
|
|
184
|
+
sharedStylesheets = cachedStyles.sharedStylesheets;
|
|
185
|
+
styleTags = cachedStyles.styleTags;
|
|
186
|
+
}
|
|
187
|
+
else {
|
|
188
|
+
const builder = new StyleSheetBuilder();
|
|
189
|
+
let styles = this.component.stylize && this.component.stylize(builder) || [];
|
|
190
|
+
if (styles === builder || (!styles && builder.hasRules())) {
|
|
191
|
+
styles = builder.toString();
|
|
192
|
+
}
|
|
193
|
+
if (typeof styles == "string")
|
|
194
|
+
styles = [styles];
|
|
195
|
+
if (styles) {
|
|
196
|
+
for (let i = 0; i < styles.length; i++) {
|
|
197
|
+
let styleItem = renderStylesheet(styles[i], document);
|
|
198
|
+
if (styleItem instanceof document.defaultView.CSSStyleSheet) {
|
|
199
|
+
sharedStylesheets.push(styleItem);
|
|
200
|
+
}
|
|
201
|
+
else {
|
|
202
|
+
styleTags.push(styleItem);
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
this.component.constructor._cachedStyles = { sharedStylesheets, styleTags };
|
|
207
|
+
}
|
|
208
|
+
let allSharedStylesheets = [...sharedStylesheets];
|
|
209
|
+
let allStyleTags = [...styleTags];
|
|
210
|
+
let globalStyles = this.dot.globalStyles || [];
|
|
211
|
+
for (let gs of globalStyles) {
|
|
212
|
+
if (gs instanceof document.defaultView.CSSStyleSheet) {
|
|
213
|
+
allSharedStylesheets.push(gs);
|
|
214
|
+
}
|
|
215
|
+
else if (typeof gs === "string") {
|
|
216
|
+
let styleItem = renderStylesheet(gs, document);
|
|
38
217
|
if (styleItem instanceof document.defaultView.CSSStyleSheet) {
|
|
39
|
-
|
|
218
|
+
allSharedStylesheets.push(styleItem);
|
|
40
219
|
}
|
|
41
220
|
else {
|
|
42
|
-
|
|
221
|
+
allStyleTags.push(styleItem);
|
|
43
222
|
}
|
|
44
223
|
}
|
|
45
224
|
}
|
|
@@ -52,9 +231,9 @@ export class ComponentVdom extends Vdom {
|
|
|
52
231
|
_renderComponent() {
|
|
53
232
|
if (this.cvdom instanceof Vdom) {
|
|
54
233
|
let shadow = this.attachShadow({ mode: 'open' });
|
|
55
|
-
shadow.adoptedStyleSheets =
|
|
56
|
-
for (let i = 0; i <
|
|
57
|
-
shadow.appendChild(
|
|
234
|
+
shadow.adoptedStyleSheets = allSharedStylesheets;
|
|
235
|
+
for (let i = 0; i < allStyleTags.length; i++) {
|
|
236
|
+
shadow.appendChild(allStyleTags[i].cloneNode(true));
|
|
58
237
|
}
|
|
59
238
|
this._component._._meta.shadowRoot = shadow;
|
|
60
239
|
this.cvdom.childShadowVdom._render(shadow);
|
|
@@ -81,17 +260,76 @@ export class ComponentVdom extends Vdom {
|
|
|
81
260
|
this.shadowEl = document.createElement(this.component._._meta.tagName);
|
|
82
261
|
this.shadowEl["cvdom"] = this;
|
|
83
262
|
this.shadowEl["component"] = this.component;
|
|
263
|
+
if (this.ref) {
|
|
264
|
+
if (typeof this.ref === "function") {
|
|
265
|
+
this.ref(this.component);
|
|
266
|
+
}
|
|
267
|
+
else {
|
|
268
|
+
this.ref.value = this.component;
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
if (this.component.hostStyle) {
|
|
272
|
+
const hostStyleBuilder = new BaseVStyle();
|
|
273
|
+
this.component.hostStyle(hostStyleBuilder);
|
|
274
|
+
const hostStyleVNode = new StyleVNode(hostStyleBuilder);
|
|
275
|
+
hostStyleVNode.render(this.shadowEl, document);
|
|
276
|
+
this.styleVNodes.push(hostStyleVNode);
|
|
277
|
+
}
|
|
84
278
|
this.component._.restyle && this.component._.restyle();
|
|
85
279
|
node.appendChild(this.shadowEl);
|
|
280
|
+
for (let i = 0; i < this.events.length; i++) {
|
|
281
|
+
let e = this.events[i];
|
|
282
|
+
this.renderEvent(e.name, e.callback, e.modifiers);
|
|
283
|
+
}
|
|
86
284
|
this.component.mounted && this.component.mounted();
|
|
87
285
|
}
|
|
88
286
|
_unrender() {
|
|
89
287
|
this.component.unmounting && this.component.unmounting();
|
|
90
288
|
this.childShadowVdom._unrender();
|
|
289
|
+
const eventManager = EventManager.getForDocument(this.shadowEl.ownerDocument);
|
|
290
|
+
for (let i = 0; i < this.events.length; i++) {
|
|
291
|
+
let e = this.events[i];
|
|
292
|
+
eventManager.removeListener(this.shadowEl, e.name.toLowerCase(), e.callback);
|
|
293
|
+
}
|
|
91
294
|
this.shadowEl.remove();
|
|
92
295
|
this.shadowEl = null;
|
|
296
|
+
for (let i = 0; i < this.styleVNodes.length; i++) {
|
|
297
|
+
this.styleVNodes[i].unrender();
|
|
298
|
+
}
|
|
299
|
+
this.styleVNodes = [];
|
|
300
|
+
for (const watcher of this.computedWatchers) {
|
|
301
|
+
watcher.dispose();
|
|
302
|
+
}
|
|
303
|
+
this.computedWatchers = [];
|
|
304
|
+
for (const disposable of this.disposables) {
|
|
305
|
+
disposable();
|
|
306
|
+
}
|
|
307
|
+
this.disposables = [];
|
|
93
308
|
this.component._._meta.isRendered = false;
|
|
94
309
|
this.component.unmounted && this.component.unmounted();
|
|
310
|
+
if (this.ref) {
|
|
311
|
+
if (typeof this.ref === "function") {
|
|
312
|
+
this.ref(null);
|
|
313
|
+
}
|
|
314
|
+
else {
|
|
315
|
+
this.ref.value = null;
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
}
|
|
319
|
+
_getNodes() {
|
|
320
|
+
return this.shadowEl ? [this.shadowEl] : [];
|
|
321
|
+
}
|
|
322
|
+
addEventListener(event, callback, modifiers = []) {
|
|
323
|
+
this.events.push({ name: event, callback: callback, modifiers: modifiers });
|
|
324
|
+
if (this.shadowEl)
|
|
325
|
+
this.renderEvent(event, callback, modifiers);
|
|
326
|
+
}
|
|
327
|
+
renderEvent(e, callback, modifiers = []) {
|
|
328
|
+
EventManager.getForDocument(this.shadowEl.ownerDocument).addListener(this.shadowEl, e.toLowerCase(), callback, modifiers);
|
|
329
|
+
}
|
|
330
|
+
on(event, callback) {
|
|
331
|
+
this.addEventListener(event, callback);
|
|
332
|
+
return this;
|
|
95
333
|
}
|
|
96
334
|
toString() {
|
|
97
335
|
return `<${this.component._._meta.tagName}></${this.component._._meta.tagName}>`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/component-vdom.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"component-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/component-vdom.ts"],"names":[],"mappings":"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"}
|
|
@@ -68,6 +68,20 @@ export class ConditionalVdom extends Vdom {
|
|
|
68
68
|
this.removeCNode(C);
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
|
+
_getNodes() {
|
|
72
|
+
if (!this._isRendered)
|
|
73
|
+
return [];
|
|
74
|
+
let nodes = [];
|
|
75
|
+
for (let i = 0; i < this.conditions.length; i++) {
|
|
76
|
+
let C = this.conditions[i];
|
|
77
|
+
nodes.push(C.startAnchor);
|
|
78
|
+
if (i == this.renderedIndex) {
|
|
79
|
+
nodes.push(...C.vNode._getNodes());
|
|
80
|
+
}
|
|
81
|
+
nodes.push(C.endAnchor);
|
|
82
|
+
}
|
|
83
|
+
return nodes;
|
|
84
|
+
}
|
|
71
85
|
updateConditions() {
|
|
72
86
|
let node = this.conditions[0].startAnchor.parentElement;
|
|
73
87
|
let newIndex = -1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conditional-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/conditional-vdom.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,MAAM,OAAO,eAAgB,SAAQ,IAAI;IAAzC;;QAES,eAAU,GAA+B,EAAE,CAAA;QAC3C,WAAM,GAAG,KAAK,CAAC;QACf,kBAAa,GAAG,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"conditional-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/conditional-vdom.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { IDotComponent, IDotCore } from "dothtml-interfaces";
|
|
1
|
+
import { IDotComponent, IDotCore, IDotCss } from "dothtml-interfaces";
|
|
2
2
|
import Watcher from "../reactivity/watcher";
|
|
3
3
|
import { ConditionalVdom } from "./conditional-vdom";
|
|
4
4
|
import ElementVdom from "./element-vdom";
|
|
5
5
|
import { Vdom } from "./vdom";
|
|
6
6
|
import { ObservableCollection } from "./vdom-types";
|
|
7
7
|
import Binding from "../reactivity/binding";
|
|
8
|
+
import BaseVStyle from "../v-style-nodes/base-v-style";
|
|
8
9
|
type ParentVdom = ContainerVdom | ConditionalVdom | ElementVdom;
|
|
9
10
|
export declare class ContainerVdom extends Vdom {
|
|
10
11
|
_children: Array<Vdom>;
|
|
@@ -14,14 +15,17 @@ export declare class ContainerVdom extends Vdom {
|
|
|
14
15
|
_addChild(content: Vdom): this;
|
|
15
16
|
_render(node: HTMLElement): void;
|
|
16
17
|
_unrender(): void;
|
|
18
|
+
_getNodes(): Node[];
|
|
17
19
|
attr(A: string, c: any): void;
|
|
18
20
|
html(c: string | Watcher | Binding): this;
|
|
19
21
|
text(c: string | Watcher | Binding): this;
|
|
20
22
|
md(c: string | Watcher): this;
|
|
21
|
-
|
|
23
|
+
style(c: string | Watcher | Binding | IDotCss | ((s: BaseVStyle) => void)): this;
|
|
24
|
+
mount(c: IDotComponent, attrs?: Record<string, any>): this;
|
|
22
25
|
when(condition: Watcher | Binding | boolean, then: ContainerVdom | string | boolean | number): this;
|
|
23
26
|
otherwiseWhen(condition: Watcher | Binding | boolean, then: ContainerVdom | string | boolean | number, seal?: boolean): this;
|
|
24
27
|
otherwise(then: ContainerVdom | string | boolean | number): this;
|
|
28
|
+
on(event: string, callback: (e: any) => void): this;
|
|
25
29
|
each(collection: ObservableCollection, callback: () => Vdom): this;
|
|
26
30
|
}
|
|
27
31
|
export {};
|
|
@@ -6,6 +6,7 @@ import { HtmlVdom } from "./html-vdom";
|
|
|
6
6
|
import { TextVdom } from "./text-vdom";
|
|
7
7
|
import { Vdom } from "./vdom";
|
|
8
8
|
import { ComponentVdom } from "./component-vdom";
|
|
9
|
+
import BaseVStyle from "../v-style-nodes/base-v-style";
|
|
9
10
|
function reduceReactive(value) {
|
|
10
11
|
if (value instanceof Watcher)
|
|
11
12
|
return value.bind();
|
|
@@ -39,6 +40,13 @@ export class ContainerVdom extends Vdom {
|
|
|
39
40
|
this._children[c]._unrender();
|
|
40
41
|
}
|
|
41
42
|
}
|
|
43
|
+
_getNodes() {
|
|
44
|
+
let nodes = [];
|
|
45
|
+
for (let i = 0; i < this._children.length; i++) {
|
|
46
|
+
nodes.push(...this._children[i]._getNodes());
|
|
47
|
+
}
|
|
48
|
+
return nodes;
|
|
49
|
+
}
|
|
42
50
|
attr(A, c) {
|
|
43
51
|
let C = this._children[this._children.length - 1];
|
|
44
52
|
if (C && C instanceof ElementVdom) {
|
|
@@ -59,8 +67,43 @@ export class ContainerVdom extends Vdom {
|
|
|
59
67
|
md(c) {
|
|
60
68
|
return this.text(reduceReactive(c));
|
|
61
69
|
}
|
|
62
|
-
|
|
70
|
+
style(c) {
|
|
71
|
+
if (typeof c === "function") {
|
|
72
|
+
const builder = new BaseVStyle();
|
|
73
|
+
c(builder);
|
|
74
|
+
this.attr("style", builder);
|
|
75
|
+
}
|
|
76
|
+
else {
|
|
77
|
+
this.attr("style", c);
|
|
78
|
+
}
|
|
79
|
+
return this;
|
|
80
|
+
}
|
|
81
|
+
mount(c, attrs) {
|
|
63
82
|
let cn = new ComponentVdom(this._dot, c);
|
|
83
|
+
if (attrs) {
|
|
84
|
+
for (let k in attrs) {
|
|
85
|
+
let val = attrs[k];
|
|
86
|
+
if (k === "ref") {
|
|
87
|
+
cn.setRef(val);
|
|
88
|
+
}
|
|
89
|
+
else if (k.startsWith("on") && typeof val === "function") {
|
|
90
|
+
let eventName = k;
|
|
91
|
+
let modifiers = [];
|
|
92
|
+
if (k.includes(".")) {
|
|
93
|
+
const parts = k.split(".");
|
|
94
|
+
eventName = parts[0];
|
|
95
|
+
modifiers = parts.slice(1);
|
|
96
|
+
}
|
|
97
|
+
cn.addEventListener(eventName.substring(2).toLowerCase(), val, modifiers);
|
|
98
|
+
}
|
|
99
|
+
else {
|
|
100
|
+
if (!c["props"])
|
|
101
|
+
c.props = {};
|
|
102
|
+
c.props[k] = val;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
cn.init();
|
|
64
107
|
let ret = this._addChild(cn);
|
|
65
108
|
return ret;
|
|
66
109
|
}
|
|
@@ -101,6 +144,16 @@ export class ContainerVdom extends Vdom {
|
|
|
101
144
|
return this;
|
|
102
145
|
}
|
|
103
146
|
otherwise(then) { return this.otherwiseWhen(true, then, true); }
|
|
147
|
+
on(event, callback) {
|
|
148
|
+
let C = this._children[this._children.length - 1];
|
|
149
|
+
if (C && (C instanceof ElementVdom || C instanceof ComponentVdom)) {
|
|
150
|
+
C.addEventListener(event, callback);
|
|
151
|
+
}
|
|
152
|
+
else {
|
|
153
|
+
throw new Error(`Invalid node to set ${event} listener.`);
|
|
154
|
+
}
|
|
155
|
+
return this;
|
|
156
|
+
}
|
|
104
157
|
each(collection, callback) {
|
|
105
158
|
let collectionVdom = new CollectionVdom(reduceReactive(collection), callback);
|
|
106
159
|
this._addChild(collectionVdom);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/container-vdom.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"container-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/container-vdom.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,9 +20,10 @@ export default class ElementVdom extends Vdom {
|
|
|
20
20
|
constructor(dot: IDotCore, tag: string);
|
|
21
21
|
_render(node: HTMLElement): void;
|
|
22
22
|
_unrender(): void;
|
|
23
|
+
_getNodes(): Node[];
|
|
23
24
|
toString(): string;
|
|
24
25
|
setAttr(attr: any, value: any): void;
|
|
25
26
|
private renderAttr;
|
|
26
|
-
addEventListener(event: string, callback: (e:
|
|
27
|
+
addEventListener(event: string, callback: (e: any) => void, modifiers?: string[]): void;
|
|
27
28
|
private renderEvent;
|
|
28
29
|
}
|