assui 2.0.47 → 2.0.51
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/es/rich-text-editor/index.d.ts +2 -4
- package/es/rich-text-editor/index.js +17 -24
- package/es/rich-text-editor/lang/zh_CN.js +1 -3
- package/es/rich-text-editor/plugins/code/index.d.ts +1 -0
- package/es/rich-text-editor/plugins/code/index.js +7 -0
- package/es/rich-text-editor/plugins/code/plugin.d.ts +1 -0
- package/es/rich-text-editor/plugins/code/plugin.js +96 -0
- package/lib/rich-text-editor/index.d.ts +2 -4
- package/lib/rich-text-editor/index.js +17 -25
- package/lib/rich-text-editor/lang/zh_CN.js +2 -3
- package/lib/rich-text-editor/plugins/code/index.d.ts +1 -0
- package/lib/rich-text-editor/plugins/code/index.js +7 -0
- package/lib/rich-text-editor/plugins/code/plugin.d.ts +1 -0
- package/lib/rich-text-editor/plugins/code/plugin.js +96 -0
- package/package.json +3 -3
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { IAllProps } from '@tinymce/tinymce-react';
|
|
2
|
-
import 'tinymce/tinymce';
|
|
3
2
|
import 'tinymce/themes/silver';
|
|
4
3
|
import 'tinymce/icons/default';
|
|
5
4
|
import 'tinymce/skins/ui/oxide/skin.min.css';
|
|
@@ -13,7 +12,6 @@ import 'tinymce/plugins/hr';
|
|
|
13
12
|
import 'tinymce/plugins/anchor';
|
|
14
13
|
import 'tinymce/plugins/searchreplace';
|
|
15
14
|
import 'tinymce/plugins/wordcount';
|
|
16
|
-
import 'tinymce/plugins/code';
|
|
17
15
|
import 'tinymce/plugins/fullscreen';
|
|
18
16
|
import 'tinymce/plugins/insertdatetime';
|
|
19
17
|
import 'tinymce/plugins/media';
|
|
@@ -21,10 +19,10 @@ import 'tinymce/plugins/nonbreaking';
|
|
|
21
19
|
import 'tinymce/plugins/table';
|
|
22
20
|
import 'tinymce/plugins/template';
|
|
23
21
|
import 'tinymce/plugins/help';
|
|
24
|
-
import
|
|
22
|
+
import './plugins/code';
|
|
25
23
|
export declare type RichTextEditorProps = IAllProps;
|
|
26
24
|
declare const defaultPlugins: string[];
|
|
27
25
|
declare const defaultToolbar: string;
|
|
28
26
|
declare const RichTextEditor: (props: IAllProps) => JSX.Element;
|
|
29
|
-
export { defaultPlugins, defaultToolbar
|
|
27
|
+
export { defaultPlugins, defaultToolbar };
|
|
30
28
|
export default RichTextEditor;
|
|
@@ -29,7 +29,7 @@ var __rest = this && this.__rest || function (s, e) {
|
|
|
29
29
|
|
|
30
30
|
import React from 'react';
|
|
31
31
|
import { Editor } from '@tinymce/tinymce-react';
|
|
32
|
-
import 'tinymce/tinymce';
|
|
32
|
+
import tinymce from 'tinymce/tinymce';
|
|
33
33
|
import 'tinymce/themes/silver';
|
|
34
34
|
import 'tinymce/icons/default'; // Editor styles
|
|
35
35
|
|
|
@@ -44,8 +44,8 @@ import 'tinymce/plugins/charmap';
|
|
|
44
44
|
import 'tinymce/plugins/hr';
|
|
45
45
|
import 'tinymce/plugins/anchor';
|
|
46
46
|
import 'tinymce/plugins/searchreplace';
|
|
47
|
-
import 'tinymce/plugins/wordcount';
|
|
48
|
-
|
|
47
|
+
import 'tinymce/plugins/wordcount'; // import 'tinymce/plugins/code';
|
|
48
|
+
|
|
49
49
|
import 'tinymce/plugins/fullscreen';
|
|
50
50
|
import 'tinymce/plugins/insertdatetime';
|
|
51
51
|
import 'tinymce/plugins/media';
|
|
@@ -53,38 +53,31 @@ import 'tinymce/plugins/nonbreaking';
|
|
|
53
53
|
import 'tinymce/plugins/table';
|
|
54
54
|
import 'tinymce/plugins/template';
|
|
55
55
|
import 'tinymce/plugins/help';
|
|
56
|
+
import './plugins/code';
|
|
56
57
|
import zhCN from './lang/zh_CN';
|
|
57
|
-
|
|
58
|
+
tinymce.addI18n('zh_CN', zhCN);
|
|
59
|
+
var defaultPlugins = ['autolink lists link image charmap anchor', 'searchreplace code fullscreen', 'insertdatetime media table help wordcount'];
|
|
58
60
|
var defaultToolbar = 'undo redo | formatselect | ' + 'code bold italic color fontcolor backcolor | alignleft aligncenter ' + 'alignright alignjustify table | image bullist numlist outdent indent | ' + 'removeformat | help';
|
|
61
|
+
var defaultInit = {
|
|
62
|
+
height: 300,
|
|
63
|
+
language: 'zh_CN',
|
|
64
|
+
menubar: false,
|
|
65
|
+
images_upload_handler: function images_upload_handler() {},
|
|
66
|
+
plugins: defaultPlugins,
|
|
67
|
+
toolbar: defaultToolbar,
|
|
68
|
+
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
|
69
|
+
};
|
|
59
70
|
|
|
60
71
|
var RichTextEditor = function RichTextEditor(props) {
|
|
61
72
|
var init = props.init,
|
|
62
73
|
restProps = __rest(props, ["init"]);
|
|
63
74
|
|
|
64
|
-
var
|
|
65
|
-
_setup = _a.setup,
|
|
66
|
-
restInit = __rest(_a, ["setup"]);
|
|
67
|
-
|
|
68
|
-
var defaultInit = {
|
|
69
|
-
height: 300,
|
|
70
|
-
language: 'zh_CN',
|
|
71
|
-
menubar: false,
|
|
72
|
-
images_upload_handler: function images_upload_handler() {},
|
|
73
|
-
plugins: defaultPlugins,
|
|
74
|
-
toolbar: defaultToolbar,
|
|
75
|
-
setup: function setup(editor) {
|
|
76
|
-
_setup && _setup(editor);
|
|
77
|
-
editor.editorManager.addI18n('zh_CN', zhCN);
|
|
78
|
-
},
|
|
79
|
-
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
var resultInit = __assign(__assign({}, defaultInit), restInit);
|
|
75
|
+
var resultInit = __assign(__assign({}, defaultInit), init);
|
|
83
76
|
|
|
84
77
|
return /*#__PURE__*/React.createElement(Editor, __assign({}, restProps, {
|
|
85
78
|
init: resultInit
|
|
86
79
|
}));
|
|
87
80
|
};
|
|
88
81
|
|
|
89
|
-
export { defaultPlugins, defaultToolbar
|
|
82
|
+
export { defaultPlugins, defaultToolbar };
|
|
90
83
|
export default RichTextEditor;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
//@ts-nocheck
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Copyright (c) Tiny Technologies, Inc. All rights reserved.
|
|
6
|
+
* Licensed under the LGPL or a commercial license.
|
|
7
|
+
* For LGPL see License.txt in the project root for license information.
|
|
8
|
+
* For commercial licenses see https://www.tiny.cloud/
|
|
9
|
+
*
|
|
10
|
+
* Version: 5.10.0 (2021-10-11)
|
|
11
|
+
*/
|
|
12
|
+
(function () {
|
|
13
|
+
'use strict';
|
|
14
|
+
|
|
15
|
+
var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
|
|
16
|
+
|
|
17
|
+
var setContent = function setContent(editor, html) {
|
|
18
|
+
editor.focus();
|
|
19
|
+
editor.undoManager.transact(function () {
|
|
20
|
+
editor.setContent(html);
|
|
21
|
+
});
|
|
22
|
+
editor.selection.setCursorLocation();
|
|
23
|
+
editor.nodeChanged();
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
var getContent = function getContent(editor) {
|
|
27
|
+
return editor.getContent({
|
|
28
|
+
source_view: true
|
|
29
|
+
});
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
var open = function open(editor) {
|
|
33
|
+
var editorContent = getContent(editor);
|
|
34
|
+
editor.windowManager.open({
|
|
35
|
+
title: 'Source Code',
|
|
36
|
+
size: 'large',
|
|
37
|
+
body: {
|
|
38
|
+
type: 'panel',
|
|
39
|
+
items: [{
|
|
40
|
+
type: 'textarea',
|
|
41
|
+
name: 'code'
|
|
42
|
+
}]
|
|
43
|
+
},
|
|
44
|
+
buttons: [{
|
|
45
|
+
type: 'cancel',
|
|
46
|
+
name: 'cancel',
|
|
47
|
+
text: 'Cancel'
|
|
48
|
+
}, {
|
|
49
|
+
type: 'submit',
|
|
50
|
+
name: 'save',
|
|
51
|
+
text: 'Save',
|
|
52
|
+
primary: true
|
|
53
|
+
}],
|
|
54
|
+
initialData: {
|
|
55
|
+
code: editorContent
|
|
56
|
+
},
|
|
57
|
+
onSubmit: function onSubmit(api) {
|
|
58
|
+
setContent(editor, api.getData().code);
|
|
59
|
+
api.close();
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
var register$1 = function register$1(editor) {
|
|
65
|
+
editor.addCommand('mceCodeEditor', function () {
|
|
66
|
+
open(editor);
|
|
67
|
+
});
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
var register = function register(editor) {
|
|
71
|
+
var onAction = function onAction() {
|
|
72
|
+
return editor.execCommand('mceCodeEditor');
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
editor.ui.registry.addButton('code', {
|
|
76
|
+
text: 'Source code',
|
|
77
|
+
tooltip: 'Source code',
|
|
78
|
+
onAction: onAction
|
|
79
|
+
});
|
|
80
|
+
editor.ui.registry.addMenuItem('code', {
|
|
81
|
+
icon: 'sourcecode',
|
|
82
|
+
text: 'Source code',
|
|
83
|
+
onAction: onAction
|
|
84
|
+
});
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
function Plugin() {
|
|
88
|
+
global.add('code', function (editor) {
|
|
89
|
+
register$1(editor);
|
|
90
|
+
register(editor);
|
|
91
|
+
return {};
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
Plugin();
|
|
96
|
+
})();
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { IAllProps } from '@tinymce/tinymce-react';
|
|
2
|
-
import 'tinymce/tinymce';
|
|
3
2
|
import 'tinymce/themes/silver';
|
|
4
3
|
import 'tinymce/icons/default';
|
|
5
4
|
import 'tinymce/skins/ui/oxide/skin.min.css';
|
|
@@ -13,7 +12,6 @@ import 'tinymce/plugins/hr';
|
|
|
13
12
|
import 'tinymce/plugins/anchor';
|
|
14
13
|
import 'tinymce/plugins/searchreplace';
|
|
15
14
|
import 'tinymce/plugins/wordcount';
|
|
16
|
-
import 'tinymce/plugins/code';
|
|
17
15
|
import 'tinymce/plugins/fullscreen';
|
|
18
16
|
import 'tinymce/plugins/insertdatetime';
|
|
19
17
|
import 'tinymce/plugins/media';
|
|
@@ -21,10 +19,10 @@ import 'tinymce/plugins/nonbreaking';
|
|
|
21
19
|
import 'tinymce/plugins/table';
|
|
22
20
|
import 'tinymce/plugins/template';
|
|
23
21
|
import 'tinymce/plugins/help';
|
|
24
|
-
import
|
|
22
|
+
import './plugins/code';
|
|
25
23
|
export declare type RichTextEditorProps = IAllProps;
|
|
26
24
|
declare const defaultPlugins: string[];
|
|
27
25
|
declare const defaultToolbar: string;
|
|
28
26
|
declare const RichTextEditor: (props: IAllProps) => JSX.Element;
|
|
29
|
-
export { defaultPlugins, defaultToolbar
|
|
27
|
+
export { defaultPlugins, defaultToolbar };
|
|
30
28
|
export default RichTextEditor;
|
|
@@ -38,13 +38,13 @@ var __importDefault = this && this.__importDefault || function (mod) {
|
|
|
38
38
|
Object.defineProperty(exports, "__esModule", {
|
|
39
39
|
value: true
|
|
40
40
|
});
|
|
41
|
-
exports.
|
|
41
|
+
exports.defaultToolbar = exports.defaultPlugins = void 0;
|
|
42
42
|
|
|
43
43
|
var react_1 = __importDefault(require("react"));
|
|
44
44
|
|
|
45
45
|
var tinymce_react_1 = require("@tinymce/tinymce-react");
|
|
46
46
|
|
|
47
|
-
require("tinymce/tinymce");
|
|
47
|
+
var tinymce_1 = __importDefault(require("tinymce/tinymce"));
|
|
48
48
|
|
|
49
49
|
require("tinymce/themes/silver");
|
|
50
50
|
|
|
@@ -72,9 +72,8 @@ require("tinymce/plugins/anchor");
|
|
|
72
72
|
|
|
73
73
|
require("tinymce/plugins/searchreplace");
|
|
74
74
|
|
|
75
|
-
require("tinymce/plugins/wordcount");
|
|
75
|
+
require("tinymce/plugins/wordcount"); // import 'tinymce/plugins/code';
|
|
76
76
|
|
|
77
|
-
require("tinymce/plugins/code");
|
|
78
77
|
|
|
79
78
|
require("tinymce/plugins/fullscreen");
|
|
80
79
|
|
|
@@ -90,37 +89,30 @@ require("tinymce/plugins/template");
|
|
|
90
89
|
|
|
91
90
|
require("tinymce/plugins/help");
|
|
92
91
|
|
|
92
|
+
require("./plugins/code");
|
|
93
|
+
|
|
93
94
|
var zh_CN_1 = __importDefault(require("./lang/zh_CN"));
|
|
94
95
|
|
|
95
|
-
|
|
96
|
-
var defaultPlugins = ['
|
|
96
|
+
tinymce_1["default"].addI18n('zh_CN', zh_CN_1["default"]);
|
|
97
|
+
var defaultPlugins = ['autolink lists link image charmap anchor', 'searchreplace code fullscreen', 'insertdatetime media table help wordcount'];
|
|
97
98
|
exports.defaultPlugins = defaultPlugins;
|
|
98
99
|
var defaultToolbar = 'undo redo | formatselect | ' + 'code bold italic color fontcolor backcolor | alignleft aligncenter ' + 'alignright alignjustify table | image bullist numlist outdent indent | ' + 'removeformat | help';
|
|
99
100
|
exports.defaultToolbar = defaultToolbar;
|
|
101
|
+
var defaultInit = {
|
|
102
|
+
height: 300,
|
|
103
|
+
language: 'zh_CN',
|
|
104
|
+
menubar: false,
|
|
105
|
+
images_upload_handler: function images_upload_handler() {},
|
|
106
|
+
plugins: defaultPlugins,
|
|
107
|
+
toolbar: defaultToolbar,
|
|
108
|
+
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
|
109
|
+
};
|
|
100
110
|
|
|
101
111
|
var RichTextEditor = function RichTextEditor(props) {
|
|
102
112
|
var init = props.init,
|
|
103
113
|
restProps = __rest(props, ["init"]);
|
|
104
114
|
|
|
105
|
-
var
|
|
106
|
-
_setup = _a.setup,
|
|
107
|
-
restInit = __rest(_a, ["setup"]);
|
|
108
|
-
|
|
109
|
-
var defaultInit = {
|
|
110
|
-
height: 300,
|
|
111
|
-
language: 'zh_CN',
|
|
112
|
-
menubar: false,
|
|
113
|
-
images_upload_handler: function images_upload_handler() {},
|
|
114
|
-
plugins: defaultPlugins,
|
|
115
|
-
toolbar: defaultToolbar,
|
|
116
|
-
setup: function setup(editor) {
|
|
117
|
-
_setup && _setup(editor);
|
|
118
|
-
editor.editorManager.addI18n('zh_CN', zh_CN_1["default"]);
|
|
119
|
-
},
|
|
120
|
-
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
|
121
|
-
};
|
|
122
|
-
|
|
123
|
-
var resultInit = __assign(__assign({}, defaultInit), restInit);
|
|
115
|
+
var resultInit = __assign(__assign({}, defaultInit), init);
|
|
124
116
|
|
|
125
117
|
return react_1["default"].createElement(tinymce_react_1.Editor, __assign({}, restProps, {
|
|
126
118
|
init: resultInit
|
|
@@ -2,11 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
5
|
+
});
|
|
7
6
|
/* eslint-disable */
|
|
8
7
|
|
|
9
|
-
exports["default"] =
|
|
8
|
+
exports["default"] = {
|
|
10
9
|
'Redo': "\u91CD\u505A",
|
|
11
10
|
'Undo': "\u64A4\u9500",
|
|
12
11
|
'Cut': "\u526A\u5207",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
//@ts-nocheck
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Copyright (c) Tiny Technologies, Inc. All rights reserved.
|
|
6
|
+
* Licensed under the LGPL or a commercial license.
|
|
7
|
+
* For LGPL see License.txt in the project root for license information.
|
|
8
|
+
* For commercial licenses see https://www.tiny.cloud/
|
|
9
|
+
*
|
|
10
|
+
* Version: 5.10.0 (2021-10-11)
|
|
11
|
+
*/
|
|
12
|
+
(function () {
|
|
13
|
+
'use strict';
|
|
14
|
+
|
|
15
|
+
var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
|
|
16
|
+
|
|
17
|
+
var setContent = function setContent(editor, html) {
|
|
18
|
+
editor.focus();
|
|
19
|
+
editor.undoManager.transact(function () {
|
|
20
|
+
editor.setContent(html);
|
|
21
|
+
});
|
|
22
|
+
editor.selection.setCursorLocation();
|
|
23
|
+
editor.nodeChanged();
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
var getContent = function getContent(editor) {
|
|
27
|
+
return editor.getContent({
|
|
28
|
+
source_view: true
|
|
29
|
+
});
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
var open = function open(editor) {
|
|
33
|
+
var editorContent = getContent(editor);
|
|
34
|
+
editor.windowManager.open({
|
|
35
|
+
title: 'Source Code',
|
|
36
|
+
size: 'large',
|
|
37
|
+
body: {
|
|
38
|
+
type: 'panel',
|
|
39
|
+
items: [{
|
|
40
|
+
type: 'textarea',
|
|
41
|
+
name: 'code'
|
|
42
|
+
}]
|
|
43
|
+
},
|
|
44
|
+
buttons: [{
|
|
45
|
+
type: 'cancel',
|
|
46
|
+
name: 'cancel',
|
|
47
|
+
text: 'Cancel'
|
|
48
|
+
}, {
|
|
49
|
+
type: 'submit',
|
|
50
|
+
name: 'save',
|
|
51
|
+
text: 'Save',
|
|
52
|
+
primary: true
|
|
53
|
+
}],
|
|
54
|
+
initialData: {
|
|
55
|
+
code: editorContent
|
|
56
|
+
},
|
|
57
|
+
onSubmit: function onSubmit(api) {
|
|
58
|
+
setContent(editor, api.getData().code);
|
|
59
|
+
api.close();
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
var register$1 = function register$1(editor) {
|
|
65
|
+
editor.addCommand('mceCodeEditor', function () {
|
|
66
|
+
open(editor);
|
|
67
|
+
});
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
var register = function register(editor) {
|
|
71
|
+
var onAction = function onAction() {
|
|
72
|
+
return editor.execCommand('mceCodeEditor');
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
editor.ui.registry.addButton('code', {
|
|
76
|
+
text: 'Source code',
|
|
77
|
+
tooltip: 'Source code',
|
|
78
|
+
onAction: onAction
|
|
79
|
+
});
|
|
80
|
+
editor.ui.registry.addMenuItem('code', {
|
|
81
|
+
icon: 'sourcecode',
|
|
82
|
+
text: 'Source code',
|
|
83
|
+
onAction: onAction
|
|
84
|
+
});
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
function Plugin() {
|
|
88
|
+
global.add('code', function (editor) {
|
|
89
|
+
register$1(editor);
|
|
90
|
+
register(editor);
|
|
91
|
+
return {};
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
Plugin();
|
|
96
|
+
})();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "assui",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.51",
|
|
4
4
|
"description": "react ui library",
|
|
5
5
|
"author": "jason <usochen@gmail.com>",
|
|
6
6
|
"main": "./lib/index.js",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"@ahooksjs/use-url-state": "^2.5.8",
|
|
34
34
|
"@tinymce/tinymce-react": "^3.13.0",
|
|
35
35
|
"@types/react-beautiful-dnd": "^13.1.2",
|
|
36
|
-
"a-icons": "^1.0.
|
|
36
|
+
"a-icons": "^1.0.26",
|
|
37
37
|
"ahooks": "^2.10.9",
|
|
38
38
|
"bignumber.js": "^9.0.1",
|
|
39
39
|
"copy-to-clipboard": "^3.3.1",
|
|
@@ -69,5 +69,5 @@
|
|
|
69
69
|
"node": ">=10.0.0"
|
|
70
70
|
},
|
|
71
71
|
"license": "MIT",
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "03b61ab6941ce9d642475283b0a8b884a89e93e9"
|
|
73
73
|
}
|