juxscript 1.1.250 → 1.1.252
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.
|
@@ -1,27 +1,23 @@
|
|
|
1
|
-
|
|
1
|
+
declare class Tag {
|
|
2
2
|
id: string;
|
|
3
|
-
tagName: string;
|
|
4
|
-
content?: string;
|
|
5
|
-
options?: Record<string, string>;
|
|
6
|
-
}
|
|
7
|
-
declare class Tag extends HTMLElement {
|
|
8
3
|
content: string;
|
|
9
|
-
options: Record<string,
|
|
10
|
-
|
|
4
|
+
options: Record<string, any>;
|
|
5
|
+
tagName: string;
|
|
6
|
+
constructor(data: any);
|
|
11
7
|
modify(): this;
|
|
12
8
|
render(): HTMLElement;
|
|
13
9
|
}
|
|
14
|
-
export declare function tag(data:
|
|
15
|
-
export declare function div(data
|
|
16
|
-
export declare function span(data
|
|
17
|
-
export declare function p(data
|
|
18
|
-
export declare function code(data
|
|
19
|
-
export declare function pre(data
|
|
20
|
-
export declare function h1(data
|
|
21
|
-
export declare function h2(data
|
|
22
|
-
export declare function h3(data
|
|
23
|
-
export declare function h4(data
|
|
24
|
-
export declare function h5(data
|
|
25
|
-
export declare function h6(data
|
|
26
|
-
export
|
|
10
|
+
export declare function tag(data: any): Tag;
|
|
11
|
+
export declare function div(data?: any): Tag;
|
|
12
|
+
export declare function span(data?: any): Tag;
|
|
13
|
+
export declare function p(data?: any): Tag;
|
|
14
|
+
export declare function code(data?: any): Tag;
|
|
15
|
+
export declare function pre(data?: any): Tag;
|
|
16
|
+
export declare function h1(data?: any): Tag;
|
|
17
|
+
export declare function h2(data?: any): Tag;
|
|
18
|
+
export declare function h3(data?: any): Tag;
|
|
19
|
+
export declare function h4(data?: any): Tag;
|
|
20
|
+
export declare function h5(data?: any): Tag;
|
|
21
|
+
export declare function h6(data?: any): Tag;
|
|
22
|
+
export default tag;
|
|
27
23
|
//# sourceMappingURL=tag.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../lib/components/tag.ts"],"names":[],"mappings":"AAEA,
|
|
1
|
+
{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../lib/components/tag.ts"],"names":[],"mappings":"AAEA,cAAM,GAAG;IACL,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;gBAEJ,IAAI,EAAE,GAAG;IAOrB,MAAM;IAIN,MAAM;CAWT;AAED,wBAAgB,GAAG,CAAC,IAAI,EAAE,GAAG,OAI5B;AAED,wBAAgB,GAAG,CAAC,IAAI,GAAE,GAAQ,OAA8C;AAChF,wBAAgB,IAAI,CAAC,IAAI,GAAE,GAAQ,OAA+C;AAClF,wBAAgB,CAAC,CAAC,IAAI,GAAE,GAAQ,OAA4C;AAC5E,wBAAgB,IAAI,CAAC,IAAI,GAAE,GAAQ,OAA+C;AAClF,wBAAgB,GAAG,CAAC,IAAI,GAAE,GAAQ,OAA8C;AAChF,wBAAgB,EAAE,CAAC,IAAI,GAAE,GAAQ,OAA6C;AAC9E,wBAAgB,EAAE,CAAC,IAAI,GAAE,GAAQ,OAA6C;AAC9E,wBAAgB,EAAE,CAAC,IAAI,GAAE,GAAQ,OAA6C;AAC9E,wBAAgB,EAAE,CAAC,IAAI,GAAE,GAAQ,OAA6C;AAC9E,wBAAgB,EAAE,CAAC,IAAI,GAAE,GAAQ,OAA6C;AAC9E,wBAAgB,EAAE,CAAC,IAAI,GAAE,GAAQ,OAA6C;AAE9E,eAAe,GAAG,CAAC"}
|
|
@@ -1,57 +1,40 @@
|
|
|
1
|
-
import generateId from '../utils/idgen';
|
|
2
|
-
class Tag
|
|
1
|
+
import generateId from '../utils/idgen.js';
|
|
2
|
+
class Tag {
|
|
3
3
|
constructor(data) {
|
|
4
|
-
super();
|
|
5
4
|
this.id = generateId();
|
|
6
5
|
this.content = data.content || '';
|
|
7
6
|
this.options = data.options || {};
|
|
7
|
+
this.tagName = data.tagName || 'div';
|
|
8
8
|
}
|
|
9
9
|
modify() {
|
|
10
10
|
return this;
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
13
|
const el = document.createElement(this.tagName);
|
|
14
|
+
el.id = this.id;
|
|
14
15
|
el.textContent = this.content;
|
|
15
16
|
for (const [key, value] of Object.entries(this.options)) {
|
|
16
|
-
el.setAttribute(key, value);
|
|
17
|
+
el.setAttribute(key, String(value));
|
|
17
18
|
}
|
|
19
|
+
const app = document.getElementById('app');
|
|
20
|
+
app?.appendChild(el);
|
|
18
21
|
return el;
|
|
19
22
|
}
|
|
20
23
|
}
|
|
21
24
|
export function tag(data) {
|
|
22
25
|
const t = new Tag(data);
|
|
26
|
+
t.render();
|
|
23
27
|
return t;
|
|
24
28
|
}
|
|
25
|
-
export function div(data) {
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
export function
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
export function
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
export function
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
export function pre(data) {
|
|
38
|
-
return tag({ ...data, tagName: 'pre' });
|
|
39
|
-
}
|
|
40
|
-
export function h1(data) {
|
|
41
|
-
return tag({ ...data, tagName: 'h1' });
|
|
42
|
-
}
|
|
43
|
-
export function h2(data) {
|
|
44
|
-
return tag({ ...data, tagName: 'h2' });
|
|
45
|
-
}
|
|
46
|
-
export function h3(data) {
|
|
47
|
-
return tag({ ...data, tagName: 'h3' });
|
|
48
|
-
}
|
|
49
|
-
export function h4(data) {
|
|
50
|
-
return tag({ ...data, tagName: 'h4' });
|
|
51
|
-
}
|
|
52
|
-
export function h5(data) {
|
|
53
|
-
return tag({ ...data, tagName: 'h5' });
|
|
54
|
-
}
|
|
55
|
-
export function h6(data) {
|
|
56
|
-
return tag({ ...data, tagName: 'h6' });
|
|
57
|
-
}
|
|
29
|
+
export function div(data = {}) { return tag({ ...data, tagName: 'div' }); }
|
|
30
|
+
export function span(data = {}) { return tag({ ...data, tagName: 'span' }); }
|
|
31
|
+
export function p(data = {}) { return tag({ ...data, tagName: 'p' }); }
|
|
32
|
+
export function code(data = {}) { return tag({ ...data, tagName: 'code' }); }
|
|
33
|
+
export function pre(data = {}) { return tag({ ...data, tagName: 'pre' }); }
|
|
34
|
+
export function h1(data = {}) { return tag({ ...data, tagName: 'h1' }); }
|
|
35
|
+
export function h2(data = {}) { return tag({ ...data, tagName: 'h2' }); }
|
|
36
|
+
export function h3(data = {}) { return tag({ ...data, tagName: 'h3' }); }
|
|
37
|
+
export function h4(data = {}) { return tag({ ...data, tagName: 'h4' }); }
|
|
38
|
+
export function h5(data = {}) { return tag({ ...data, tagName: 'h5' }); }
|
|
39
|
+
export function h6(data = {}) { return tag({ ...data, tagName: 'h6' }); }
|
|
40
|
+
export default tag;
|