easy-richtextarea 4.0.19 → 4.0.21
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/example.js +239 -138
- package/lib/eventTypes.js +53 -0
- package/lib/example/richTextarea.js +2 -2
- package/lib/example/view.js +21 -26
- package/lib/keyCodes.js +13 -4
- package/lib/richTextarea.js +83 -49
- package/lib/undoBuffer.js +56 -51
- package/package.json +1 -1
- package/src/eventTypes.js +17 -0
- package/src/example/richTextarea.js +3 -11
- package/src/example/view.js +21 -36
- package/src/keyCodes.js +1 -0
- package/src/richTextarea.js +78 -35
- package/src/undoBuffer.js +67 -53
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
CUT_EVENT_TYPE: function() {
|
|
13
|
+
return CUT_EVENT_TYPE;
|
|
14
|
+
},
|
|
15
|
+
COPY_EVENT_TYPE: function() {
|
|
16
|
+
return COPY_EVENT_TYPE;
|
|
17
|
+
},
|
|
18
|
+
BLUR_EVENT_TYPE: function() {
|
|
19
|
+
return BLUR_EVENT_TYPE;
|
|
20
|
+
},
|
|
21
|
+
PASTE_EVENT_TYPE: function() {
|
|
22
|
+
return PASTE_EVENT_TYPE;
|
|
23
|
+
},
|
|
24
|
+
INPUT_EVENT_TYPE: function() {
|
|
25
|
+
return INPUT_EVENT_TYPE;
|
|
26
|
+
},
|
|
27
|
+
FOCUS_EVENT_TYPE: function() {
|
|
28
|
+
return FOCUS_EVENT_TYPE;
|
|
29
|
+
},
|
|
30
|
+
CHANGE_EVENT_TYPE: function() {
|
|
31
|
+
return CHANGE_EVENT_TYPE;
|
|
32
|
+
},
|
|
33
|
+
SCROLL_EVENT_TYPE: function() {
|
|
34
|
+
return SCROLL_EVENT_TYPE;
|
|
35
|
+
},
|
|
36
|
+
KEYDOWN_EVENT_TYPE: function() {
|
|
37
|
+
return KEYDOWN_EVENT_TYPE;
|
|
38
|
+
},
|
|
39
|
+
CONTEXTMENU_EVENT_TYPE: function() {
|
|
40
|
+
return CONTEXTMENU_EVENT_TYPE;
|
|
41
|
+
},
|
|
42
|
+
SELECTIONCHANGE_EVENT_TYPE: function() {
|
|
43
|
+
return SELECTIONCHANGE_EVENT_TYPE;
|
|
44
|
+
},
|
|
45
|
+
FIND_EVENT_TYPE: function() {
|
|
46
|
+
return FIND_EVENT_TYPE;
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
var _easy = require("easy");
|
|
50
|
+
var CUT_EVENT_TYPE = _easy.eventTypes.CUT_EVENT_TYPE, COPY_EVENT_TYPE = _easy.eventTypes.COPY_EVENT_TYPE, BLUR_EVENT_TYPE = _easy.eventTypes.BLUR_EVENT_TYPE, PASTE_EVENT_TYPE = _easy.eventTypes.PASTE_EVENT_TYPE, INPUT_EVENT_TYPE = _easy.eventTypes.INPUT_EVENT_TYPE, FOCUS_EVENT_TYPE = _easy.eventTypes.FOCUS_EVENT_TYPE, CHANGE_EVENT_TYPE = _easy.eventTypes.CHANGE_EVENT_TYPE, SCROLL_EVENT_TYPE = _easy.eventTypes.SCROLL_EVENT_TYPE, KEYDOWN_EVENT_TYPE = _easy.eventTypes.KEYDOWN_EVENT_TYPE, CONTEXTMENU_EVENT_TYPE = _easy.eventTypes.CONTEXTMENU_EVENT_TYPE, SELECTIONCHANGE_EVENT_TYPE = _easy.eventTypes.SELECTIONCHANGE_EVENT_TYPE;
|
|
51
|
+
var FIND_EVENT_TYPE = "find";
|
|
52
|
+
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9ldmVudFR5cGVzLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgeyBldmVudFR5cGVzIH0gZnJvbSBcImVhc3lcIjtcblxuZXhwb3J0IGNvbnN0IHsgQ1VUX0VWRU5UX1RZUEUsXG4gICAgICAgICAgICAgICBDT1BZX0VWRU5UX1RZUEUsXG4gICAgICAgICAgICAgICBCTFVSX0VWRU5UX1RZUEUsXG4gICAgICAgICAgICAgICBQQVNURV9FVkVOVF9UWVBFLFxuICAgICAgICAgICAgICAgSU5QVVRfRVZFTlRfVFlQRSxcbiAgICAgICAgICAgICAgIEZPQ1VTX0VWRU5UX1RZUEUsXG4gICAgICAgICAgICAgICBDSEFOR0VfRVZFTlRfVFlQRSxcbiAgICAgICAgICAgICAgIFNDUk9MTF9FVkVOVF9UWVBFLFxuICAgICAgICAgICAgICAgS0VZRE9XTl9FVkVOVF9UWVBFLFxuICAgICAgICAgICAgICAgQ09OVEVYVE1FTlVfRVZFTlRfVFlQRSxcbiAgICAgICAgICAgICAgIFNFTEVDVElPTkNIQU5HRV9FVkVOVF9UWVBFIH0gPSBldmVudFR5cGVzO1xuXG5leHBvcnQgY29uc3QgRklORF9FVkVOVF9UWVBFID0gXCJmaW5kXCI7XG4iXSwibmFtZXMiOlsiQ1VUX0VWRU5UX1RZUEUiLCJDT1BZX0VWRU5UX1RZUEUiLCJCTFVSX0VWRU5UX1RZUEUiLCJQQVNURV9FVkVOVF9UWVBFIiwiSU5QVVRfRVZFTlRfVFlQRSIsIkZPQ1VTX0VWRU5UX1RZUEUiLCJDSEFOR0VfRVZFTlRfVFlQRSIsIlNDUk9MTF9FVkVOVF9UWVBFIiwiS0VZRE9XTl9FVkVOVF9UWVBFIiwiQ09OVEVYVE1FTlVfRVZFTlRfVFlQRSIsIlNFTEVDVElPTkNIQU5HRV9FVkVOVF9UWVBFIiwiRklORF9FVkVOVF9UWVBFIiwiZXZlbnRUeXBlcyJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7O0lBSWVBLGNBQWM7ZUFBZEE7O0lBQ0FDLGVBQWU7ZUFBZkE7O0lBQ0FDLGVBQWU7ZUFBZkE7O0lBQ0FDLGdCQUFnQjtlQUFoQkE7O0lBQ0FDLGdCQUFnQjtlQUFoQkE7O0lBQ0FDLGdCQUFnQjtlQUFoQkE7O0lBQ0FDLGlCQUFpQjtlQUFqQkE7O0lBQ0FDLGlCQUFpQjtlQUFqQkE7O0lBQ0FDLGtCQUFrQjtlQUFsQkE7O0lBQ0FDLHNCQUFzQjtlQUF0QkE7O0lBQ0FDLDBCQUEwQjtlQUExQkE7O0lBRUZDLGVBQWU7ZUFBZkE7OztvQkFkYztBQUVwQixJQUFRWCxpQkFVK0JZLGdCQUFVLENBVnpDWixnQkFDQUMsa0JBUytCVyxnQkFBVSxDQVR6Q1gsaUJBQ0FDLGtCQVErQlUsZ0JBQVUsQ0FSekNWLGlCQUNBQyxtQkFPK0JTLGdCQUFVLENBUHpDVCxrQkFDQUMsbUJBTStCUSxnQkFBVSxDQU56Q1Isa0JBQ0FDLG1CQUsrQk8sZ0JBQVUsQ0FMekNQLGtCQUNBQyxvQkFJK0JNLGdCQUFVLENBSnpDTixtQkFDQUMsb0JBRytCSyxnQkFBVSxDQUh6Q0wsbUJBQ0FDLHFCQUUrQkksZ0JBQVUsQ0FGekNKLG9CQUNBQyx5QkFDK0JHLGdCQUFVLENBRHpDSCx3QkFDQUMsNkJBQStCRSxnQkFBVSxDQUF6Q0Y7QUFFUixJQUFNQyxrQkFBa0IifQ==
|
|
@@ -27,7 +27,7 @@ function _taggedTemplateLiteral(strings, raw) {
|
|
|
27
27
|
}
|
|
28
28
|
function _templateObject() {
|
|
29
29
|
var data = _taggedTemplateLiteral([
|
|
30
|
-
"\n\n
|
|
30
|
+
"\n\n width: 48rem;\n border: solid 1px black;\n resize: none;\n height: 32rem;\n padding: 0.25rem;\n font-family: monospace;\n\n"
|
|
31
31
|
]);
|
|
32
32
|
_templateObject = function _templateObject() {
|
|
33
33
|
return data;
|
|
@@ -36,4 +36,4 @@ function _templateObject() {
|
|
|
36
36
|
}
|
|
37
37
|
var _default = (0, _easyWithStyle.default)(_browser.RichTextarea)(_templateObject());
|
|
38
38
|
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3JpY2hUZXh0YXJlYS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7XG5cbmltcG9ydCB7IFJpY2hUZXh0YXJlYSB9IGZyb20gXCIuLi9icm93c2VyXCI7ICAvLy9cblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKFJpY2hUZXh0YXJlYSlgXG5cbiAgd2lkdGg6IDQ4cmVtO1xuICBib3JkZXI6IHNvbGlkIDFweCBibGFjaztcbiAgcmVzaXplOiBub25lO1xuICBoZWlnaHQ6IDMycmVtO1xuICBwYWRkaW5nOiAwLjI1cmVtO1xuICBmb250LWZhbWlseTogbW9ub3NwYWNlO1xuXG5gO1xuIl0sIm5hbWVzIjpbIndpdGhTdHlsZSIsIlJpY2hUZXh0YXJlYSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7K0JBTUE7OztlQUFBOzs7a0VBSnNCO3VCQUVPOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBRTdCLFdBQWVBLElBQUFBLHNCQUFTLEVBQUNDLHFCQUFZIn0=
|
package/lib/example/view.js
CHANGED
|
@@ -14,42 +14,37 @@ function _interopRequireDefault(obj) {
|
|
|
14
14
|
default: obj
|
|
15
15
|
};
|
|
16
16
|
}
|
|
17
|
-
var content = "",
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
var content = "", richTextarea = /*#__PURE__*/ React.createElement(_richTextarea.default, {
|
|
18
|
+
onFind: findHandler,
|
|
19
|
+
onBlur: blurHandler,
|
|
20
20
|
onFocus: focusHandler,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
onChange: changeHandler,
|
|
22
|
+
onScroll: scrollHandler
|
|
23
|
+
});
|
|
24
|
+
richTextarea.setContent(content);
|
|
25
|
+
richTextarea.activate();
|
|
25
26
|
var View = function(properties) {
|
|
26
27
|
return /*#__PURE__*/ React.createElement("div", {
|
|
27
28
|
className: "view"
|
|
28
|
-
},
|
|
29
|
+
}, richTextarea);
|
|
29
30
|
};
|
|
30
31
|
var _default = View;
|
|
31
|
-
function
|
|
32
|
-
|
|
33
|
-
console.log(contentChanged, selectionChanged);
|
|
34
|
-
if (contentChanged) {
|
|
35
|
-
var content = activeRichTextarea.getContent();
|
|
36
|
-
inactiveRichTextarea.setContent(content);
|
|
37
|
-
}
|
|
38
|
-
if (selectionChanged) {
|
|
39
|
-
var selection = activeRichTextarea.getSelection();
|
|
40
|
-
inactiveRichTextarea.setSelection(selection);
|
|
41
|
-
}
|
|
32
|
+
function findHandler(event, element) {
|
|
33
|
+
console.log("find");
|
|
42
34
|
}
|
|
43
|
-
function
|
|
44
|
-
|
|
45
|
-
inactiveRichTextarea.setScrollTop(scrollTop);
|
|
46
|
-
inactiveRichTextarea.setScrollLeft(scrollLeft);
|
|
35
|
+
function blurHandler(event, element) {
|
|
36
|
+
console.log("blur");
|
|
47
37
|
}
|
|
48
38
|
function focusHandler(event, element) {
|
|
49
39
|
console.log("focus");
|
|
50
40
|
}
|
|
51
|
-
function
|
|
52
|
-
|
|
41
|
+
function changeHandler(event, element) {
|
|
42
|
+
var contentChanged = richTextarea.hasContentChanged(), selectionChanged = richTextarea.hasSelectionChanged();
|
|
43
|
+
console.log(contentChanged, selectionChanged);
|
|
44
|
+
}
|
|
45
|
+
function scrollHandler(event, element) {
|
|
46
|
+
var scrollTop = richTextarea.getScrollTop(), scrollLeft = richTextarea.getScrollLeft();
|
|
47
|
+
console.log(scrollTop, scrollLeft);
|
|
53
48
|
}
|
|
54
49
|
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCBSaWNoVGV4dGFyZWEgZnJvbSBcIi4vcmljaFRleHRhcmVhXCI7XG5cbmNvbnN0IGNvbnRlbnQgPSBcIlwiLFxuICAgICAgcmljaFRleHRhcmVhID1cblxuICAgICAgICA8UmljaFRleHRhcmVhIG9uRmluZD17ZmluZEhhbmRsZXJ9IG9uQmx1cj17Ymx1ckhhbmRsZXJ9IG9uRm9jdXM9e2ZvY3VzSGFuZGxlcn0gb25DaGFuZ2U9e2NoYW5nZUhhbmRsZXJ9IG9uU2Nyb2xsPXtzY3JvbGxIYW5kbGVyfSAvPlxuXG4gICAgICA7XG5cbnJpY2hUZXh0YXJlYS5zZXRDb250ZW50KGNvbnRlbnQpO1xuXG5yaWNoVGV4dGFyZWEuYWN0aXZhdGUoKTtcblxuY29uc3QgVmlldyA9IChwcm9wZXJ0aWVzKSA9PlxuXG4gIDxkaXYgY2xhc3NOYW1lPVwidmlld1wiPlxuICAgIHtyaWNoVGV4dGFyZWF9XG4gIDwvZGl2PlxuXG47XG5cbmV4cG9ydCBkZWZhdWx0IFZpZXc7XG5cbmZ1bmN0aW9uIGZpbmRIYW5kbGVyKGV2ZW50LCBlbGVtZW50KSB7XG4gIGNvbnNvbGUubG9nKFwiZmluZFwiKVxufVxuXG5mdW5jdGlvbiBibHVySGFuZGxlcihldmVudCwgZWxlbWVudCkge1xuICBjb25zb2xlLmxvZyhcImJsdXJcIilcbn1cblxuZnVuY3Rpb24gZm9jdXNIYW5kbGVyKGV2ZW50LCBlbGVtZW50KSB7XG4gIGNvbnNvbGUubG9nKFwiZm9jdXNcIilcbn1cblxuZnVuY3Rpb24gY2hhbmdlSGFuZGxlcihldmVudCwgZWxlbWVudCkge1xuICBjb25zdCBjb250ZW50Q2hhbmdlZCA9IHJpY2hUZXh0YXJlYS5oYXNDb250ZW50Q2hhbmdlZCgpLFxuICAgICAgICBzZWxlY3Rpb25DaGFuZ2VkID0gcmljaFRleHRhcmVhLmhhc1NlbGVjdGlvbkNoYW5nZWQoKTtcblxuICBjb25zb2xlLmxvZyhjb250ZW50Q2hhbmdlZCwgc2VsZWN0aW9uQ2hhbmdlZClcbn1cblxuZnVuY3Rpb24gc2Nyb2xsSGFuZGxlcihldmVudCwgZWxlbWVudCkge1xuICBjb25zdCBzY3JvbGxUb3AgPSByaWNoVGV4dGFyZWEuZ2V0U2Nyb2xsVG9wKCksXG4gICAgICAgIHNjcm9sbExlZnQgPSByaWNoVGV4dGFyZWEuZ2V0U2Nyb2xsTGVmdCgpO1xuXG4gIGNvbnNvbGUubG9nKHNjcm9sbFRvcCwgc2Nyb2xsTGVmdClcbn1cbiJdLCJuYW1lcyI6WyJjb250ZW50IiwicmljaFRleHRhcmVhIiwiUmljaFRleHRhcmVhIiwib25GaW5kIiwiZmluZEhhbmRsZXIiLCJvbkJsdXIiLCJibHVySGFuZGxlciIsIm9uRm9jdXMiLCJmb2N1c0hhbmRsZXIiLCJvbkNoYW5nZSIsImNoYW5nZUhhbmRsZXIiLCJvblNjcm9sbCIsInNjcm9sbEhhbmRsZXIiLCJzZXRDb250ZW50IiwiYWN0aXZhdGUiLCJWaWV3IiwicHJvcGVydGllcyIsImRpdiIsImNsYXNzTmFtZSIsImV2ZW50IiwiZWxlbWVudCIsImNvbnNvbGUiLCJsb2ciLCJjb250ZW50Q2hhbmdlZCIsImhhc0NvbnRlbnRDaGFuZ2VkIiwic2VsZWN0aW9uQ2hhbmdlZCIsImhhc1NlbGVjdGlvbkNoYW5nZWQiLCJzY3JvbGxUb3AiLCJnZXRTY3JvbGxUb3AiLCJzY3JvbGxMZWZ0IiwiZ2V0U2Nyb2xsTGVmdCJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7K0JBdUJBOzs7ZUFBQTs7O2lFQXJCeUI7Ozs7OztBQUV6QixJQUFNQSxVQUFVLElBQ1ZDLDZCQUVFLG9CQUFDQyxxQkFBWTtJQUFDQyxRQUFRQztJQUFhQyxRQUFRQztJQUFhQyxTQUFTQztJQUFjQyxVQUFVQztJQUFlQyxVQUFVQzs7QUFJMUhYLGFBQWFZLFVBQVUsQ0FBQ2I7QUFFeEJDLGFBQWFhLFFBQVE7QUFFckIsSUFBTUMsT0FBTyxTQUFDQzt5QkFFWixvQkFBQ0M7UUFBSUMsV0FBVTtPQUNaakI7O0lBS0wsV0FBZWM7QUFFZixTQUFTWCxZQUFZZSxLQUFLLEVBQUVDLE9BQU8sRUFBRTtJQUNuQ0MsUUFBUUMsR0FBRyxDQUFDO0FBQ2Q7QUFFQSxTQUFTaEIsWUFBWWEsS0FBSyxFQUFFQyxPQUFPLEVBQUU7SUFDbkNDLFFBQVFDLEdBQUcsQ0FBQztBQUNkO0FBRUEsU0FBU2QsYUFBYVcsS0FBSyxFQUFFQyxPQUFPLEVBQUU7SUFDcENDLFFBQVFDLEdBQUcsQ0FBQztBQUNkO0FBRUEsU0FBU1osY0FBY1MsS0FBSyxFQUFFQyxPQUFPLEVBQUU7SUFDckMsSUFBTUcsaUJBQWlCdEIsYUFBYXVCLGlCQUFpQixJQUMvQ0MsbUJBQW1CeEIsYUFBYXlCLG1CQUFtQjtJQUV6REwsUUFBUUMsR0FBRyxDQUFDQyxnQkFBZ0JFO0FBQzlCO0FBRUEsU0FBU2IsY0FBY08sS0FBSyxFQUFFQyxPQUFPLEVBQUU7SUFDckMsSUFBTU8sWUFBWTFCLGFBQWEyQixZQUFZLElBQ3JDQyxhQUFhNUIsYUFBYTZCLGFBQWE7SUFFN0NULFFBQVFDLEdBQUcsQ0FBQ0ssV0FBV0U7QUFDekIifQ==
|
package/lib/keyCodes.js
CHANGED
|
@@ -2,12 +2,21 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
F_KEY_CODE: function() {
|
|
13
|
+
return F_KEY_CODE;
|
|
14
|
+
},
|
|
15
|
+
Z_KEY_CODE: function() {
|
|
8
16
|
return Z_KEY_CODE;
|
|
9
17
|
}
|
|
10
18
|
});
|
|
19
|
+
var F_KEY_CODE = 70;
|
|
11
20
|
var Z_KEY_CODE = 90;
|
|
12
21
|
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9rZXlDb2Rlcy5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuZXhwb3J0IGNvbnN0IEZfS0VZX0NPREUgPSA3MDtcbmV4cG9ydCBjb25zdCBaX0tFWV9DT0RFID0gOTA7XG4iXSwibmFtZXMiOlsiRl9LRVlfQ09ERSIsIlpfS0VZX0NPREUiXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7OztJQUVhQSxVQUFVO2VBQVZBOztJQUNBQyxVQUFVO2VBQVZBOzs7QUFETixJQUFNRCxhQUFhO0FBQ25CLElBQU1DLGFBQWEifQ==
|