@web-atoms/web-controls 2.1.12 → 2.1.18
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/dist/basic/FormField.d.ts +8 -0
- package/dist/basic/FormField.d.ts.map +1 -0
- package/dist/basic/FormField.js +39 -0
- package/dist/basic/FormField.js.map +1 -0
- package/dist/basic/PopupButton.d.ts.map +1 -1
- package/dist/basic/PopupButton.js +1 -2
- package/dist/basic/PopupButton.js.map +1 -1
- package/dist/form/AtomField.d.ts +4 -17
- package/dist/form/AtomField.d.ts.map +1 -1
- package/dist/form/AtomField.js +22 -63
- package/dist/form/AtomField.js.map +1 -1
- package/dist/html-editor/HtmlEditor.d.ts +2 -0
- package/dist/html-editor/HtmlEditor.d.ts.map +1 -1
- package/dist/html-editor/HtmlEditor.js +36 -4
- package/dist/html-editor/HtmlEditor.js.map +1 -1
- package/dist/html-editor/commands/AddImage.d.ts +4 -1
- package/dist/html-editor/commands/AddImage.d.ts.map +1 -1
- package/dist/html-editor/commands/AddImage.js +46 -2
- package/dist/html-editor/commands/AddImage.js.map +1 -1
- package/dist/html-editor/commands/AddLink.d.ts.map +1 -1
- package/dist/html-editor/commands/AddLink.js +14 -8
- package/dist/html-editor/commands/AddLink.js.map +1 -1
- package/dist/html-editor/commands/CommandButton.d.ts.map +1 -1
- package/dist/html-editor/commands/CommandButton.js +3 -1
- package/dist/html-editor/commands/CommandButton.js.map +1 -1
- package/dist/html-editor/commands/Source.d.ts +4 -0
- package/dist/html-editor/commands/Source.d.ts.map +1 -0
- package/dist/html-editor/commands/Source.js +71 -0
- package/dist/html-editor/commands/Source.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/basic/FormField.tsx +47 -0
- package/src/basic/PopupButton.tsx +1 -2
- package/src/form/AtomField.tsx +18 -68
- package/src/html-editor/HtmlEditor.tsx +36 -2
- package/src/html-editor/commands/AddImage.tsx +45 -1
- package/src/html-editor/commands/AddLink.tsx +20 -13
- package/src/html-editor/commands/CommandButton.tsx +3 -1
- package/src/html-editor/commands/Source.tsx +52 -0
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import XNode from "@web-atoms/core/dist/core/XNode";
|
|
2
|
+
export interface IFormField {
|
|
3
|
+
label: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
error?: string;
|
|
6
|
+
}
|
|
7
|
+
export default function FormField({ label, required, error }: IFormField, node: XNode): any;
|
|
8
|
+
//# sourceMappingURL=FormField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../src/basic/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAIpD,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAsBD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC7B,EACI,KAAK,EACL,QAAQ,EACR,KAAK,EACR,EAAE,UAAU,EACb,IAAI,EAAE,KAAK,OASd"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
(function (factory) {
|
|
2
|
+
if (typeof module === "object" && typeof module.exports === "object") {
|
|
3
|
+
var v = factory(require, exports);
|
|
4
|
+
if (v !== undefined) module.exports = v;
|
|
5
|
+
}
|
|
6
|
+
else if (typeof define === "function" && define.amd) {
|
|
7
|
+
define(["require", "exports", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], factory);
|
|
8
|
+
}
|
|
9
|
+
})(function (require, exports) {
|
|
10
|
+
"use strict";
|
|
11
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
const Colors_1 = require("@web-atoms/core/dist/core/Colors");
|
|
13
|
+
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
14
|
+
const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
|
|
15
|
+
const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
|
|
16
|
+
const css = (0, CSS_1.default)((0, StyleRule_1.default)()
|
|
17
|
+
.child((0, StyleRule_1.default)(".error")
|
|
18
|
+
.padding(5)
|
|
19
|
+
.backgroundColor(Colors_1.default.red)
|
|
20
|
+
.color(Colors_1.default.white)
|
|
21
|
+
.and((0, StyleRule_1.default)(":empty")
|
|
22
|
+
.display("none")))
|
|
23
|
+
.child((0, StyleRule_1.default)(".label")
|
|
24
|
+
.child((0, StyleRule_1.default)(".true")
|
|
25
|
+
.visibility("visible")
|
|
26
|
+
.color(Colors_1.default.red))
|
|
27
|
+
.child((0, StyleRule_1.default)(".required")
|
|
28
|
+
.visibility("hidden"))));
|
|
29
|
+
function FormField({ label, required, error }, node) {
|
|
30
|
+
return XNode_1.default.create("div", { class: css },
|
|
31
|
+
XNode_1.default.create("div", { class: "label" },
|
|
32
|
+
XNode_1.default.create("label", { text: label }),
|
|
33
|
+
XNode_1.default.create("span", { class: "required", styleClass: required, text: "*" })),
|
|
34
|
+
node,
|
|
35
|
+
XNode_1.default.create("div", { class: "error", text: error }));
|
|
36
|
+
}
|
|
37
|
+
exports.default = FormField;
|
|
38
|
+
});
|
|
39
|
+
//# sourceMappingURL=FormField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../src/basic/FormField.tsx"],"names":[],"mappings":";;;;;;;;;;;IAAA,6DAAsD;IACtD,2DAAoD;IACpD,oEAA6D;IAC7D,6DAAsD;IAQtD,MAAM,GAAG,GAAG,IAAA,aAAG,EAAC,IAAA,mBAAS,GAAE;SACtB,KAAK,CAAC,IAAA,mBAAS,EAAC,QAAQ,CAAC;SACrB,OAAO,CAAC,CAAC,CAAC;SACV,eAAe,CAAC,gBAAM,CAAC,GAAG,CAAC;SAC3B,KAAK,CAAC,gBAAM,CAAC,KAAK,CAAC;SACnB,GAAG,CAAC,IAAA,mBAAS,EAAC,QAAQ,CAAC;SACnB,OAAO,CAAC,MAAM,CAAC,CACnB,CACJ;SACA,KAAK,CAAC,IAAA,mBAAS,EAAC,QAAQ,CAAC;SACrB,KAAK,CAAC,IAAA,mBAAS,EAAC,OAAO,CAAC;SACpB,UAAU,CAAC,SAAS,CAAC;SACrB,KAAK,CAAC,gBAAM,CAAC,GAAG,CAAC,CACrB;SACA,KAAK,CAAC,IAAA,mBAAS,EAAC,WAAW,CAAC;SACxB,UAAU,CAAC,QAAQ,CAAC,CACxB,CACJ,CACJ,CAAC;IAEF,SAAwB,SAAS,CAC7B,EACI,KAAK,EACL,QAAQ,EACR,KAAK,EACI,EACb,IAAW;QACX,OAAO,gCAAK,KAAK,EAAE,GAAG;YAClB,gCAAK,KAAK,EAAC,OAAO;gBACd,kCAAO,IAAI,EAAE,KAAK,GAAG;gBACrB,iCAAM,KAAK,EAAC,UAAU,EAAC,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAC,GAAG,GAAG,CACtD;YACJ,IAAI;YACN,gCAAK,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,KAAK,GAAG,CAC/B,CAAC;IACX,CAAC;IAfD,4BAeC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopupButton.d.ts","sourceRoot":"","sources":["../../src/basic/PopupButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAgBpD,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,GAAI,MAAM,EACb,EAAE,SAAS,OAWX;AAUD,MAAM,CAAC,OAAO,UAAU,WAAW,CACnC,EACI,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,GAAI,MAAM,EACb,EAAE,YAAY,EACf,GAAI,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"PopupButton.d.ts","sourceRoot":"","sources":["../../src/basic/PopupButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAgBpD,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,GAAI,MAAM,EACb,EAAE,SAAS,OAWX;AAUD,MAAM,CAAC,OAAO,UAAU,WAAW,CACnC,EACI,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,GAAI,MAAM,EACb,EAAE,YAAY,EACf,GAAI,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,OAsDlC"}
|
|
@@ -62,13 +62,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
62
62
|
}
|
|
63
63
|
const menu = document.createElement("div");
|
|
64
64
|
s.render(XNode_1.default.create("div", { class: menuCss }, ...menus), menu);
|
|
65
|
-
const ps = s.resolve(PopupService_1.default);
|
|
66
65
|
const options = showAsDialog
|
|
67
66
|
? {
|
|
68
67
|
alignment: "centerOfScreen"
|
|
69
68
|
}
|
|
70
69
|
: null;
|
|
71
|
-
popup =
|
|
70
|
+
popup = PopupService_1.default.show(button, menu, options);
|
|
72
71
|
const dispose = () => {
|
|
73
72
|
popup === null || popup === void 0 ? void 0 : popup.dispose();
|
|
74
73
|
popup = null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopupButton.js","sourceRoot":"","sources":["../../src/basic/PopupButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAAA,yDAAkD;IAClD,6DAAsD;IACtD,2DAAoD;IACpD,oEAA6D;IAE7D,iFAAqG;IACrG,6DAAsD;IAEtD,MAAM,OAAO,GAAG,IAAA,aAAG,EAAC,IAAA,mBAAS,GAAE;SAC1B,KAAK,CAAC,IAAA,mBAAS,EAAC,OAAO,CAAC;SACpB,OAAO,CAAC,CAAC,CAAC;SACV,MAAM,CAAC,CAAC,CAAC;SACT,YAAY,CAAC,CAAC,CAAC;SACf,MAAM,CAAC,SAAS,CAAC;SACjB,oBAAoB,CAAC,gBAAM,CAAC,UAAU,CAAC,CAC3C,CACJ,CAAC;IAkBF,SAAgB,QAAQ,CAAC,EAOb;YAPa,EACrB,KAAK,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,OAEE,EADJ,MAAM,cANW,iDAOxB,CADa;QAGV,IAAI,KAAK,EAAE;YACP,OAAO,8CAAK,KAAK,EAAC,MAAM,EAAC,UAAU,EAAE,UAAU,IAAQ,MAAM;gBACzD,8BAAG,KAAK,EAAE,IAAI,GAAG;gBACjB,qCAAO,KAAK,CAAQ,CAClB,CAAC;SACV;QACD,OAAO,8CAAK,KAAK,EAAC,MAAM,EAAC,UAAU,EAAE,UAAU,IAAQ,MAAM;YACzD,8BAAG,KAAK,EAAE,IAAI,GAAG,CACf,CAAC;IACX,CAAC;IAlBD,4BAkBC;IAED,MAAM,YAAY,GAAG,IAAA,aAAG,EACpB,IAAA,mBAAS,EAAC,QAAQ,CAAC;SACd,OAAO,CAAC,aAAa,CAAC;SACtB,KAAK,CAAC,IAAA,mBAAS,EAAC,MAAM,CAAC;SACnB,WAAW,EAAE,CACjB,CACR,CAAC;IAEF,SAAwB,WAAW,CACnC,EAKe,EACf,GAAI,KAA+B;YANnC,EACI,IAAI,EACJ,KAAK,EACL,YAAY,OAED,EADP,MAAM,cAJd,iCAKC,CADa;QAIV,IAAI,KAAK,GAAW,IAAI,CAAC;QACzB,SAAS,SAAS,CAAC,CAAc,EAAE,CAAQ;YACvC,MAAM,MAAM,GAAG,CAAC,CAAC,aAA4B,CAAC;YAC9C,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAChC,IAAI,KAAK,EAAE;gBACP,KAAK,CAAC,OAAO,EAAE,CAAC;gBAChB,KAAK,GAAG,IAAI,CAAC;gBACb,OAAO;aACV;YAED,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,CAAS,CAAC,MAAM,CAAC,gCAAK,KAAK,EAAE,OAAO,OAC3B,KAAK,CACT,EAAE,IAAI,CAAC,CAAC;YAEd,MAAM,
|
|
1
|
+
{"version":3,"file":"PopupButton.js","sourceRoot":"","sources":["../../src/basic/PopupButton.tsx"],"names":[],"mappings":"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"}
|
package/dist/form/AtomField.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { IClassOf } from "@web-atoms/core/dist/core/types";
|
|
2
1
|
import XNode from "@web-atoms/core/dist/core/XNode";
|
|
3
2
|
import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
|
|
4
3
|
export { default as HP } from "./HelpPopup";
|
|
5
|
-
|
|
4
|
+
export default class AtomField extends AtomControl {
|
|
6
5
|
icon: string;
|
|
7
6
|
label: string;
|
|
8
7
|
error: string;
|
|
@@ -12,26 +11,14 @@ declare class AtomFieldControl extends AtomControl {
|
|
|
12
11
|
required: boolean;
|
|
13
12
|
visible: boolean;
|
|
14
13
|
fieldClass: string;
|
|
15
|
-
content: any;
|
|
16
14
|
get hasError(): boolean;
|
|
17
15
|
get hasHelp(): boolean;
|
|
18
16
|
protected contentPresenter: any;
|
|
19
17
|
protected htmlFor: any;
|
|
20
|
-
|
|
18
|
+
private fieldCreated;
|
|
19
|
+
onPropertyChanged(name: keyof AtomField): void;
|
|
21
20
|
openHelp(): Promise<void>;
|
|
22
21
|
protected preCreate(): void;
|
|
22
|
+
protected render(node: XNode, e?: any, creator?: any): void;
|
|
23
23
|
}
|
|
24
|
-
export interface IFieldAttributes {
|
|
25
|
-
label?: any;
|
|
26
|
-
error?: any;
|
|
27
|
-
helpText?: any;
|
|
28
|
-
helpLink?: any;
|
|
29
|
-
helpIcon?: any;
|
|
30
|
-
required?: any;
|
|
31
|
-
visible?: any;
|
|
32
|
-
fieldClass?: any;
|
|
33
|
-
baseClass?: IClassOf<AtomFieldControl>;
|
|
34
|
-
[key: string]: any;
|
|
35
|
-
}
|
|
36
|
-
export default function AtomField(attributes: IFieldAttributes, ...children: XNode[]): any;
|
|
37
24
|
//# sourceMappingURL=AtomField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AtomField.d.ts","sourceRoot":"","sources":["../../src/form/AtomField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AtomField.d.ts","sourceRoot":"","sources":["../../src/form/AtomField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAGpD,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,aAAa,CAAC;AAI5C,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,WAAW;IAGvC,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,MAAM,CAAC;IAGd,QAAQ,EAAE,MAAM,CAAC;IAGjB,QAAQ,EAAE,MAAM,CAAC;IAGjB,QAAQ,EAAE,MAAM,CAAC;IAGjB,QAAQ,EAAE,OAAO,CAAC;IAGlB,OAAO,EAAE,OAAO,CAAC;IAGjB,UAAU,EAAE,MAAM,CAAC;IAE1B,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,OAAO,IAAI,OAAO,CAE5B;IAGD,SAAS,CAAC,gBAAgB,EAAE,GAAG,CAAC;IAGhC,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC;IAEvB,OAAO,CAAC,YAAY,CAAC;IAEd,iBAAiB,CAAC,IAAI,EAAE,MAAM,SAAS,GAAG,IAAI;IASxC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAiBtC,SAAS,CAAC,SAAS;IAYnB,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;CA+B9D"}
|
package/dist/form/AtomField.js
CHANGED
|
@@ -37,7 +37,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
37
37
|
var HelpPopup_1 = require("./HelpPopup");
|
|
38
38
|
Object.defineProperty(exports, "HP", { enumerable: true, get: function () { return HelpPopup_1.default; } });
|
|
39
39
|
let inputID = 0;
|
|
40
|
-
class
|
|
40
|
+
class AtomField extends AtomControl_1.AtomControl {
|
|
41
41
|
get hasError() {
|
|
42
42
|
return this.error ? true : false;
|
|
43
43
|
}
|
|
@@ -45,44 +45,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
45
45
|
return (this.helpText || this.helpLink) ? true : false;
|
|
46
46
|
}
|
|
47
47
|
onPropertyChanged(name) {
|
|
48
|
-
var _a;
|
|
49
48
|
switch (name) {
|
|
50
|
-
case "error":
|
|
51
|
-
AtomBinder_1.AtomBinder.refreshValue(this, "hasError");
|
|
52
|
-
break;
|
|
53
49
|
case "helpLink":
|
|
54
50
|
case "helpText":
|
|
55
51
|
AtomBinder_1.AtomBinder.refreshValue(this, "hasHelp");
|
|
56
52
|
break;
|
|
57
|
-
case "content":
|
|
58
|
-
if (!this.contentPresenter) {
|
|
59
|
-
setTimeout(() => this.onPropertyChanged(name), 100);
|
|
60
|
-
return;
|
|
61
|
-
}
|
|
62
|
-
this.removeAllChildren(this.contentPresenter);
|
|
63
|
-
const content = this.content;
|
|
64
|
-
if (!content) {
|
|
65
|
-
return;
|
|
66
|
-
}
|
|
67
|
-
for (const iterator of content) {
|
|
68
|
-
const e = (_a = iterator === null || iterator === void 0 ? void 0 : iterator.element) !== null && _a !== void 0 ? _a : iterator;
|
|
69
|
-
if (!e) {
|
|
70
|
-
continue;
|
|
71
|
-
}
|
|
72
|
-
if (typeof e === "string") {
|
|
73
|
-
this.contentPresenter.appendChild(document.createTextNode(e));
|
|
74
|
-
return;
|
|
75
|
-
}
|
|
76
|
-
this.contentPresenter.appendChild(e);
|
|
77
|
-
const input = e.tagName === "INPUT" ? e : e.getElementsByTagName("input")[0];
|
|
78
|
-
if (input) {
|
|
79
|
-
if (!input.id) {
|
|
80
|
-
input.id = `__ID__formElementInput${inputID++}`;
|
|
81
|
-
}
|
|
82
|
-
this.htmlFor = input.id;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
break;
|
|
86
53
|
}
|
|
87
54
|
}
|
|
88
55
|
openHelp() {
|
|
@@ -109,77 +76,69 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
109
76
|
this.required = false;
|
|
110
77
|
this.visible = true;
|
|
111
78
|
this.fieldClass = "";
|
|
112
|
-
this.
|
|
113
|
-
|
|
79
|
+
this.fieldCreated = false;
|
|
80
|
+
}
|
|
81
|
+
render(node, e, creator) {
|
|
82
|
+
if (this.fieldCreated) {
|
|
83
|
+
return super.render(node, e, creator);
|
|
84
|
+
}
|
|
85
|
+
this.fieldCreated = true;
|
|
86
|
+
super.render(XNode_1.default.create("div", Object.assign({}, node.attributes, { class: Bind_1.default.oneWay(() => ({
|
|
114
87
|
"form-field": 1,
|
|
115
88
|
[this.fieldClass]: this.fieldClass,
|
|
116
89
|
"has-error": this.error,
|
|
117
90
|
"field-hidden": !this.visible
|
|
118
|
-
})) },
|
|
91
|
+
})) }),
|
|
119
92
|
XNode_1.default.create("label", { class: "label", text: Bind_1.default.oneWay(() => this.label), htmlFor: Bind_1.default.oneWay(() => this.htmlFor) }),
|
|
120
93
|
XNode_1.default.create("span", { class: "required", styleVisibility: Bind_1.default.oneTime(() => this.required ? "visible" : "hidden") }, "*"),
|
|
121
|
-
XNode_1.default.create("div", {
|
|
94
|
+
XNode_1.default.create("div", { class: "presenter" }, ...node.children),
|
|
122
95
|
XNode_1.default.create("span", { class: "error", styleDisplay: Bind_1.default.oneWay(() => this.error ? "" : "none"), text: Bind_1.default.oneWay(() => this.error) })));
|
|
123
|
-
if (this.content) {
|
|
124
|
-
this.onPropertyChanged("content");
|
|
125
|
-
}
|
|
126
96
|
}
|
|
127
97
|
}
|
|
128
98
|
__decorate([
|
|
129
99
|
BindableProperty_1.BindableProperty,
|
|
130
100
|
__metadata("design:type", String)
|
|
131
|
-
],
|
|
101
|
+
], AtomField.prototype, "icon", void 0);
|
|
132
102
|
__decorate([
|
|
133
103
|
BindableProperty_1.BindableProperty,
|
|
134
104
|
__metadata("design:type", String)
|
|
135
|
-
],
|
|
105
|
+
], AtomField.prototype, "label", void 0);
|
|
136
106
|
__decorate([
|
|
137
107
|
BindableProperty_1.BindableProperty,
|
|
138
108
|
__metadata("design:type", String)
|
|
139
|
-
],
|
|
109
|
+
], AtomField.prototype, "error", void 0);
|
|
140
110
|
__decorate([
|
|
141
111
|
BindableProperty_1.BindableProperty,
|
|
142
112
|
__metadata("design:type", String)
|
|
143
|
-
],
|
|
113
|
+
], AtomField.prototype, "helpText", void 0);
|
|
144
114
|
__decorate([
|
|
145
115
|
BindableProperty_1.BindableProperty,
|
|
146
116
|
__metadata("design:type", String)
|
|
147
|
-
],
|
|
117
|
+
], AtomField.prototype, "helpLink", void 0);
|
|
148
118
|
__decorate([
|
|
149
119
|
BindableProperty_1.BindableProperty,
|
|
150
120
|
__metadata("design:type", String)
|
|
151
|
-
],
|
|
121
|
+
], AtomField.prototype, "helpIcon", void 0);
|
|
152
122
|
__decorate([
|
|
153
123
|
BindableProperty_1.BindableProperty,
|
|
154
124
|
__metadata("design:type", Boolean)
|
|
155
|
-
],
|
|
125
|
+
], AtomField.prototype, "required", void 0);
|
|
156
126
|
__decorate([
|
|
157
127
|
BindableProperty_1.BindableProperty,
|
|
158
128
|
__metadata("design:type", Boolean)
|
|
159
|
-
],
|
|
129
|
+
], AtomField.prototype, "visible", void 0);
|
|
160
130
|
__decorate([
|
|
161
131
|
BindableProperty_1.BindableProperty,
|
|
162
132
|
__metadata("design:type", String)
|
|
163
|
-
],
|
|
133
|
+
], AtomField.prototype, "fieldClass", void 0);
|
|
164
134
|
__decorate([
|
|
165
135
|
BindableProperty_1.BindableProperty,
|
|
166
136
|
__metadata("design:type", Object)
|
|
167
|
-
],
|
|
137
|
+
], AtomField.prototype, "contentPresenter", void 0);
|
|
168
138
|
__decorate([
|
|
169
139
|
BindableProperty_1.BindableProperty,
|
|
170
140
|
__metadata("design:type", Object)
|
|
171
|
-
],
|
|
172
|
-
__decorate([
|
|
173
|
-
BindableProperty_1.BindableProperty,
|
|
174
|
-
__metadata("design:type", Object)
|
|
175
|
-
], AtomFieldControl.prototype, "htmlFor", void 0);
|
|
176
|
-
function AtomField(attributes, ...children) {
|
|
177
|
-
var _a, _b, _c;
|
|
178
|
-
const ControlClass = (_a = attributes.baseClass) !== null && _a !== void 0 ? _a : AtomFieldControl;
|
|
179
|
-
(_b = attributes.visible) !== null && _b !== void 0 ? _b : (attributes.visible = true);
|
|
180
|
-
(_c = attributes.fieldClass) !== null && _c !== void 0 ? _c : (attributes.fieldClass = null);
|
|
181
|
-
return XNode_1.default.create(ControlClass, Object.assign({}, attributes, { content: children }));
|
|
182
|
-
}
|
|
141
|
+
], AtomField.prototype, "htmlFor", void 0);
|
|
183
142
|
exports.default = AtomField;
|
|
184
143
|
});
|
|
185
144
|
//# sourceMappingURL=AtomField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AtomField.js","sourceRoot":"","sources":["../../src/form/AtomField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAA,qEAAkE;IAClE,yDAAkD;IAClD,iFAA8E;IAE9E,2DAAoD;IACpD,uFAAoF;IAEpF,+EAA4E;IAC5E,yCAA4C;IAAnC,+FAAA,OAAO,OAAM;IAEtB,IAAI,OAAO,GAAG,CAAC,CAAC;IAEhB,
|
|
1
|
+
{"version":3,"file":"AtomField.js","sourceRoot":"","sources":["../../src/form/AtomField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAA,qEAAkE;IAClE,yDAAkD;IAClD,iFAA8E;IAE9E,2DAAoD;IACpD,uFAAoF;IAEpF,+EAA4E;IAC5E,yCAA4C;IAAnC,+FAAA,OAAO,OAAM;IAEtB,IAAI,OAAO,GAAG,CAAC,CAAC;IAEhB,MAAqB,SAAU,SAAQ,yBAAW;QA6B9C,IAAW,QAAQ;YACf,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACrC,CAAC;QAED,IAAW,OAAO;YACd,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QAC3D,CAAC;QAUM,iBAAiB,CAAC,IAAqB;YAC1C,QAAQ,IAAI,EAAE;gBACV,KAAK,UAAU,CAAC;gBAChB,KAAK,UAAU;oBACX,uBAAU,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;oBACzC,MAAM;aACb;QACL,CAAC;QAEY,QAAQ;;gBACjB,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,qCAAiB,CAAsB,CAAC;gBAEnE,IAAI,IAAI,CAAC,QAAQ,EAAE;oBACf,MAAM,CAAC,CAAC,QAAQ,CAAC,6CAA6C,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;oBAC5F,OAAO;iBACV;gBAED,IAAI,IAAI,CAAC,QAAQ,EAAE;oBACf,8CAA8C;oBAC9C,UAAU;oBAEV,OAAO;oBACP,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;iBACnC;YACL,CAAC;SAAA;QAES,SAAS;YACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;YACrB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC9B,CAAC;QAES,MAAM,CAAC,IAAW,EAAE,CAAO,EAAE,OAAa;YAChD,IAAI,IAAI,CAAC,YAAY,EAAE;gBACnB,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC;aACzC;YACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,KAAK,CAAC,MAAM,CAAC,gDACH,IAAI,CAAC,UAAU,IAC9B,KAAK,EAAE,cAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC;oBACzB,YAAY,EAAE,CAAC;oBACf,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU;oBAClC,WAAW,EAAE,IAAI,CAAC,KAAK;oBACvB,cAAc,EAAE,CAAC,IAAI,CAAC,OAAO;iBAC7B,CAAC,CAAC;gBACH,kCACC,KAAK,EAAC,OAAO,EACb,IAAI,EAAE,cAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EACvB,OAAO,EAAE,cAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG;gBACxD,iCACC,KAAK,EAAC,UAAU,EAChB,eAAe,EAAE,cAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAU;gBACpF,gCACC,KAAK,EAAC,WAAW,OACI,IAAI,CAAC,QAAiB,CACzB;gBACnB,iCACC,KAAK,EAAC,OAAO,EACb,YAAY,EAAE,cAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EACzD,IAAI,EAAE,cAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,GAAS,CACxC,CAAC,CAAC;QACN,CAAC;KAEJ;IA/GG;QADC,mCAAgB;;2CACG;IAGpB;QADC,mCAAgB;;4CACI;IAGrB;QADC,mCAAgB;;4CACI;IAGrB;QADC,mCAAgB;;+CACO;IAGxB;QADC,mCAAgB;;+CACO;IAGxB;QADC,mCAAgB;;+CACO;IAGxB;QADC,mCAAgB;;+CACQ;IAGzB;QADC,mCAAgB;;8CACO;IAGxB;QADC,mCAAgB;;iDACS;IAW1B;QADC,mCAAgB;;uDACe;IAGhC;QADC,mCAAgB;;8CACM;IAzC3B,4BAkHC"}
|
|
@@ -6,6 +6,8 @@ export declare class HtmlEditorControl extends AtomControl {
|
|
|
6
6
|
header: any[];
|
|
7
7
|
version: number;
|
|
8
8
|
editor: HTMLDivElement;
|
|
9
|
+
get htmlContent(): string;
|
|
10
|
+
set htmlContent(v: string);
|
|
9
11
|
private editorWindow;
|
|
10
12
|
private editorDocument;
|
|
11
13
|
executeCommand(cmd: any, showUI?: boolean, value?: string): boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HtmlEditor.d.ts","sourceRoot":"","sources":["../../src/html-editor/HtmlEditor.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"HtmlEditor.d.ts","sourceRoot":"","sources":["../../src/html-editor/HtmlEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAyD5E,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,GAAI,KAAK,EAAE,KAAK,EAAE,OAIjD;AAED,qBAAa,iBAAkB,SAAQ,WAAW;IAGvC,OAAO,EAAE,MAAM,CAAC;IAGhB,MAAM,EAAE,GAAG,EAAE,CAAC;IAGd,OAAO,EAAE,MAAM,CAAC;IAEhB,MAAM,EAAE,cAAc,CAAC;IAE9B,IAAW,WAAW,IAAI,MAAM,CAM/B;IAED,IAAW,WAAW,CAAC,CAAC,EAAE,MAAM,EAG/B;IAED,OAAO,CAAC,YAAY,CAAS;IAE7B,OAAO,CAAC,cAAc,CAAW;IAE1B,cAAc,CAAC,GAAG,KAAA,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO;IAM9D,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAI,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO;IAIrD,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM;IAU7C,SAAS,CAAC,SAAS;IAQnB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,cAAc;IAqBxC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAKpC,SAAS,CAAC,KAAK;CAsClB;AAED,MAAM,WAAW,WAAW;IACxB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,KAAK,KAAK,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;CAC9E;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAC9B,EACI,WAAW,EACX,GAAI,UAAU,EACjB,EAAE,GAAG,EACN,GAAI,KAAK,EAAE,KAAK,EAAE,OAuCrB"}
|
|
@@ -24,12 +24,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
24
24
|
if (v !== undefined) module.exports = v;
|
|
25
25
|
}
|
|
26
26
|
else if (typeof define === "function" && define.amd) {
|
|
27
|
-
define(["require", "exports", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/styles/CSS", "./commands/AddImage", "./commands/AddLink", "./commands/Align", "./commands/Bold", "./commands/ChangeColor", "./commands/ChangeFont", "./commands/ChangeFontSize", "./commands/Headings", "./commands/HorizontalRule", "./commands/IndentLess", "./commands/IndentMore", "./commands/Italic", "./commands/NumberedList", "./commands/RemoveFormat", "./commands/Separator", "./commands/StrikeThrough", "./commands/Underline", "./commands/Unlink", "./commands/UnorderedList"], factory);
|
|
27
|
+
define(["require", "exports", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/styles/CSS", "./commands/AddImage", "./commands/AddLink", "./commands/Align", "./commands/Bold", "./commands/ChangeColor", "./commands/ChangeFont", "./commands/ChangeFontSize", "./commands/Headings", "./commands/HorizontalRule", "./commands/IndentLess", "./commands/IndentMore", "./commands/Italic", "./commands/NumberedList", "./commands/RemoveFormat", "./commands/Separator", "./commands/Source", "./commands/StrikeThrough", "./commands/Underline", "./commands/Unlink", "./commands/UnorderedList"], factory);
|
|
28
28
|
}
|
|
29
29
|
})(function (require, exports) {
|
|
30
30
|
"use strict";
|
|
31
31
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
32
|
exports.HtmlEditorControl = exports.Toolbar = void 0;
|
|
33
|
+
const AtomBinder_1 = require("@web-atoms/core/dist/core/AtomBinder");
|
|
33
34
|
const BindableProperty_1 = require("@web-atoms/core/dist/core/BindableProperty");
|
|
34
35
|
const Colors_1 = require("@web-atoms/core/dist/core/Colors");
|
|
35
36
|
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
@@ -51,6 +52,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
51
52
|
const NumberedList_1 = require("./commands/NumberedList");
|
|
52
53
|
const RemoveFormat_1 = require("./commands/RemoveFormat");
|
|
53
54
|
const Separator_1 = require("./commands/Separator");
|
|
55
|
+
const Source_1 = require("./commands/Source");
|
|
54
56
|
const StrikeThrough_1 = require("./commands/StrikeThrough");
|
|
55
57
|
const Underline_1 = require("./commands/Underline");
|
|
56
58
|
const Unlink_1 = require("./commands/Unlink");
|
|
@@ -60,6 +62,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
60
62
|
link.rel = "stylesheet";
|
|
61
63
|
document.head.appendChild(link);
|
|
62
64
|
const css = (0, CSS_1.default)((0, StyleRule_1.default)()
|
|
65
|
+
.display("flex")
|
|
66
|
+
.flexDirection("column")
|
|
67
|
+
.minHeight(500)
|
|
68
|
+
.child((0, StyleRule_1.default)("iframe")
|
|
69
|
+
.flexBasis("100%"))
|
|
63
70
|
.nested((0, StyleRule_1.default)(".toolbar")
|
|
64
71
|
.display("flex")
|
|
65
72
|
.child((0, StyleRule_1.default)(".command")
|
|
@@ -81,6 +88,18 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
81
88
|
}
|
|
82
89
|
exports.Toolbar = Toolbar;
|
|
83
90
|
class HtmlEditorControl extends AtomControl_1.AtomControl {
|
|
91
|
+
get htmlContent() {
|
|
92
|
+
try {
|
|
93
|
+
return this.editor.innerHTML;
|
|
94
|
+
}
|
|
95
|
+
catch (ex) {
|
|
96
|
+
console.warn(ex);
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
set htmlContent(v) {
|
|
100
|
+
this.editor.innerHTML = v;
|
|
101
|
+
AtomBinder_1.AtomBinder.refreshValue(this, "htmlContent");
|
|
102
|
+
}
|
|
84
103
|
executeCommand(cmd, showUI, value) {
|
|
85
104
|
const r = this.editorDocument.execCommand(cmd, showUI, value);
|
|
86
105
|
setTimeout(() => this.version++, 1);
|
|
@@ -136,15 +155,25 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
136
155
|
doc.writeln(`<div id="editor"><p> </p></div>`);
|
|
137
156
|
doc.close();
|
|
138
157
|
const style = doc.createElement("style");
|
|
139
|
-
style.textContent = `body {
|
|
158
|
+
style.textContent = `body {
|
|
159
|
+
font-family: arial,sans-serif
|
|
160
|
+
}
|
|
161
|
+
#editor {
|
|
162
|
+
min-height: 500px;
|
|
163
|
+
}
|
|
164
|
+
`;
|
|
140
165
|
doc.head.appendChild(style);
|
|
141
166
|
this.editor = doc.getElementById("editor");
|
|
142
167
|
this.editor.contentEditable = "true";
|
|
143
168
|
doc.execCommand("styleWithCSS");
|
|
144
|
-
const updateVersion = () => setTimeout(() =>
|
|
169
|
+
const updateVersion = () => setTimeout(() => {
|
|
170
|
+
this.version++;
|
|
171
|
+
AtomBinder_1.AtomBinder.refreshValue(this, "htmlContent");
|
|
172
|
+
}, 1);
|
|
145
173
|
this.editor.addEventListener("click", updateVersion);
|
|
146
174
|
this.editor.addEventListener("keydown", updateVersion);
|
|
147
175
|
this.editor.addEventListener("keypress", updateVersion);
|
|
176
|
+
this.editor.addEventListener("input", updateVersion);
|
|
148
177
|
this.editorWindow = frame.contentWindow;
|
|
149
178
|
this.editorDocument = doc;
|
|
150
179
|
this.registerDisposable({
|
|
@@ -152,6 +181,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
152
181
|
this.editor.removeEventListener("click", updateVersion);
|
|
153
182
|
this.editor.removeEventListener("keydown", updateVersion);
|
|
154
183
|
this.editor.removeEventListener("keypress", updateVersion);
|
|
184
|
+
this.editor.removeEventListener("input", updateVersion);
|
|
155
185
|
}
|
|
156
186
|
});
|
|
157
187
|
}
|
|
@@ -196,7 +226,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
196
226
|
XNode_1.default.create(Separator_1.default, null),
|
|
197
227
|
XNode_1.default.create(AddLink_1.default, null),
|
|
198
228
|
XNode_1.default.create(Unlink_1.default, null),
|
|
199
|
-
XNode_1.default.create(RemoveFormat_1.default, null)
|
|
229
|
+
XNode_1.default.create(RemoveFormat_1.default, null),
|
|
230
|
+
XNode_1.default.create(Separator_1.default, null),
|
|
231
|
+
XNode_1.default.create(Source_1.default, null)),
|
|
200
232
|
XNode_1.default.create("iframe", { class: "editor-frame" }));
|
|
201
233
|
}
|
|
202
234
|
return XNode_1.default.create(HtmlEditorControl, Object.assign({}, attributes),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HtmlEditor.js","sourceRoot":"","sources":["../../src/html-editor/HtmlEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"HtmlEditor.js","sourceRoot":"","sources":["../../src/html-editor/HtmlEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
import type { HtmlEditorControl } from "../HtmlEditor";
|
|
2
|
+
declare function showImageDialog(s: HtmlEditorControl, e: Event): Promise<unknown>;
|
|
1
3
|
export default function AddImage({ eventInsertHtml, insertCommand }: {
|
|
2
|
-
eventInsertHtml?:
|
|
4
|
+
eventInsertHtml?: typeof showImageDialog;
|
|
3
5
|
insertCommand?: string;
|
|
4
6
|
}): any;
|
|
7
|
+
export {};
|
|
5
8
|
//# sourceMappingURL=AddImage.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddImage.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/AddImage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AddImage.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/AddImage.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAqCvD,iBAAS,eAAe,CAAC,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,KAAK,oBAEtD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,eAAiC,EACjC,aAA4B,EAC/B;;;CAAA,OAOA"}
|
|
@@ -1,16 +1,60 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
+
};
|
|
1
10
|
(function (factory) {
|
|
2
11
|
if (typeof module === "object" && typeof module.exports === "object") {
|
|
3
12
|
var v = factory(require, exports);
|
|
4
13
|
if (v !== undefined) module.exports = v;
|
|
5
14
|
}
|
|
6
15
|
else if (typeof define === "function" && define.amd) {
|
|
7
|
-
define(["require", "exports", "./CommandButton"], factory);
|
|
16
|
+
define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/services/PopupService", "../../basic/FormField", "./CommandButton"], factory);
|
|
8
17
|
}
|
|
9
18
|
})(function (require, exports) {
|
|
10
19
|
"use strict";
|
|
11
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
const Bind_1 = require("@web-atoms/core/dist/core/Bind");
|
|
22
|
+
const BindableProperty_1 = require("@web-atoms/core/dist/core/BindableProperty");
|
|
23
|
+
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
24
|
+
const PopupService_1 = require("@web-atoms/core/dist/web/services/PopupService");
|
|
25
|
+
const FormField_1 = require("../../basic/FormField");
|
|
12
26
|
const CommandButton_1 = require("./CommandButton");
|
|
13
|
-
|
|
27
|
+
class ImageDialog extends PopupService_1.PopupWindow {
|
|
28
|
+
create() {
|
|
29
|
+
this.link = "";
|
|
30
|
+
this.alt = "";
|
|
31
|
+
this.render(XNode_1.default.create("div", null,
|
|
32
|
+
XNode_1.default.create(FormField_1.default, { label: "Url" },
|
|
33
|
+
XNode_1.default.create("input", { value: Bind_1.default.twoWaysImmediate(() => this.link) })),
|
|
34
|
+
XNode_1.default.create(FormField_1.default, { label: "Alt" },
|
|
35
|
+
XNode_1.default.create("input", { value: Bind_1.default.twoWaysImmediate(() => this.alt) })),
|
|
36
|
+
XNode_1.default.create("div", { class: "command-bar" },
|
|
37
|
+
XNode_1.default.create("button", { eventClick: () => this.viewModel.close(this.createImage()), text: "Add" }))));
|
|
38
|
+
}
|
|
39
|
+
createImage() {
|
|
40
|
+
if (this.alt) {
|
|
41
|
+
return `<img src="${this.link}" alt="${this.alt}" />`;
|
|
42
|
+
}
|
|
43
|
+
return `<img src="${this.link}"/>`;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
__decorate([
|
|
47
|
+
BindableProperty_1.BindableProperty,
|
|
48
|
+
__metadata("design:type", String)
|
|
49
|
+
], ImageDialog.prototype, "link", void 0);
|
|
50
|
+
__decorate([
|
|
51
|
+
BindableProperty_1.BindableProperty,
|
|
52
|
+
__metadata("design:type", String)
|
|
53
|
+
], ImageDialog.prototype, "alt", void 0);
|
|
54
|
+
function showImageDialog(s, e) {
|
|
55
|
+
return PopupService_1.default.showWindow(e.currentTarget, ImageDialog, { title: "Add Image" });
|
|
56
|
+
}
|
|
57
|
+
function AddImage({ eventInsertHtml = showImageDialog, insertCommand = "insertHTML" }) {
|
|
14
58
|
return (0, CommandButton_1.default)({
|
|
15
59
|
icon: "ri-image-add-fill",
|
|
16
60
|
insertCommand,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddImage.js","sourceRoot":"","sources":["../../../src/html-editor/commands/AddImage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AddImage.js","sourceRoot":"","sources":["../../../src/html-editor/commands/AddImage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;IAAA,yDAAkD;IAClD,iFAA8E;IAC9E,2DAAoD;IACpD,iFAA2F;IAC3F,qDAA8C;IAE9C,mDAAwD;IAExD,MAAM,WAAY,SAAQ,0BAAW;QAQvB,MAAM;YACZ,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;YACf,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;YACd,IAAI,CAAC,MAAM,CAAC;gBACR,uBAAC,mBAAS,IAAC,KAAK,EAAC,KAAK;oBAClB,kCAAO,KAAK,EAAE,cAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAC/C;gBACZ,uBAAC,mBAAS,IAAC,KAAK,EAAC,KAAK;oBAClB,kCAAO,KAAK,EAAE,cAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAC9C;gBACZ,gCAAK,KAAK,EAAC,aAAa;oBACpB,mCACI,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,EAC1D,IAAI,EAAC,KAAK,GAAE,CACd,CACJ,CAAC,CAAC;QACZ,CAAC;QAEO,WAAW;YACf,IAAI,IAAI,CAAC,GAAG,EAAE;gBACV,OAAO,aAAa,IAAI,CAAC,IAAI,UAAU,IAAI,CAAC,GAAG,MAAM,CAAC;aACzD;YACD,OAAO,aAAa,IAAI,CAAC,IAAI,KAAK,CAAC;QACvC,CAAC;KACJ;IA7BG;QADC,mCAAgB;;6CACG;IAGpB;QADC,mCAAgB;;4CACE;IA4BvB,SAAS,eAAe,CAAC,CAAoB,EAAE,CAAQ;QACnD,OAAO,sBAAY,CAAC,UAAU,CAAC,CAAC,CAAC,aAA4B,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;IACxG,CAAC;IAED,SAAwB,QAAQ,CAAC,EAC7B,eAAe,GAAG,eAAe,EACjC,aAAa,GAAG,YAAY,EAC/B;QACG,OAAO,IAAA,uBAAa,EAAC;YACjB,IAAI,EAAE,mBAAmB;YACzB,aAAa;YACb,KAAK,EAAE,cAAc;YACrB,eAAe;SAClB,CAAC,CAAC;IACP,CAAC;IAVD,2BAUC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddLink.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/AddLink.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AddLink.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/AddLink.tsx"],"names":[],"mappings":"AA+EA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC5B,aAA4B,EAC/B;;CAAA,OAOA"}
|
|
@@ -13,7 +13,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
|
|
|
13
13
|
if (v !== undefined) module.exports = v;
|
|
14
14
|
}
|
|
15
15
|
else if (typeof define === "function" && define.amd) {
|
|
16
|
-
define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomToggleButtonBar", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS", "./CommandButton"], factory);
|
|
16
|
+
define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomToggleButtonBar", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS", "../../basic/FormField", "./CommandButton"], factory);
|
|
17
17
|
}
|
|
18
18
|
})(function (require, exports) {
|
|
19
19
|
"use strict";
|
|
@@ -25,6 +25,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
|
|
|
25
25
|
const AtomToggleButtonBar_1 = require("@web-atoms/core/dist/web/controls/AtomToggleButtonBar");
|
|
26
26
|
const PopupService_1 = require("@web-atoms/core/dist/web/services/PopupService");
|
|
27
27
|
const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
|
|
28
|
+
const FormField_1 = require("../../basic/FormField");
|
|
28
29
|
const CommandButton_1 = require("./CommandButton");
|
|
29
30
|
const linkTypes = [
|
|
30
31
|
{
|
|
@@ -53,12 +54,18 @@ var __metadata = (this && this.__metadata) || function (k, v) {
|
|
|
53
54
|
this.type = "web-page";
|
|
54
55
|
this.title = "Create Link";
|
|
55
56
|
this.render(XNode_1.default.create("div", { class: linkDialogCss },
|
|
56
|
-
XNode_1.default.create(
|
|
57
|
-
|
|
57
|
+
XNode_1.default.create(FormField_1.default, { label: "Type" },
|
|
58
|
+
XNode_1.default.create(AtomToggleButtonBar_1.AtomToggleButtonBar, { items: linkTypes, value: Bind_1.default.twoWays(() => this.type) })),
|
|
59
|
+
XNode_1.default.create(FormField_1.default, { label: "Link", required: true },
|
|
60
|
+
XNode_1.default.create("input", { placeholder: "https://...", value: Bind_1.default.twoWaysImmediate(() => this.link) })),
|
|
58
61
|
XNode_1.default.create("div", { class: "command-bar" },
|
|
59
|
-
XNode_1.default.create("button", { text: "Add", eventClick: Bind_1.default.event((
|
|
60
|
-
|
|
61
|
-
|
|
62
|
+
XNode_1.default.create("button", { text: "Add", eventClick: Bind_1.default.event(() => this.viewModel.close(this.toLink(this.link))) }))));
|
|
63
|
+
}
|
|
64
|
+
toLink(link) {
|
|
65
|
+
switch (this.type) {
|
|
66
|
+
case "web-page":
|
|
67
|
+
return /^(http|https)\:\/\//.test(link) ? link : "";
|
|
68
|
+
}
|
|
62
69
|
}
|
|
63
70
|
}
|
|
64
71
|
__decorate([
|
|
@@ -70,8 +77,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
|
|
|
70
77
|
__metadata("design:type", String)
|
|
71
78
|
], LinkDialog.prototype, "type", void 0);
|
|
72
79
|
function showDialog(s, e) {
|
|
73
|
-
|
|
74
|
-
return popupService.showWindow(s.element, LinkDialog);
|
|
80
|
+
return PopupService_1.default.showWindow(s.element, LinkDialog);
|
|
75
81
|
}
|
|
76
82
|
function AddLink({ insertCommand = "createLink" }) {
|
|
77
83
|
return (0, CommandButton_1.default)({
|