x-star-editor 0.4.2 → 0.6.0
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/components/FileInput.js +16 -16
- package/dist/components/Toolbar.js +47 -82
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -1
- package/dist/styles/cursor/editor-eraser.png +0 -0
- package/dist/styles/cursor/pencil.png +0 -0
- package/dist/styles/index.css +1455 -1261
- package/dist/themes/lark.css +160 -59
- package/dist/utils/container.js +7 -2
- package/dist/utils/global.d.ts +1 -1
- package/dist/utils/global.js +1 -1
- package/dist/utils/markdown.d.ts +8 -9
- package/dist/utils/markdown.js +36 -21
- package/dist/utils/slide/index.d.ts +0 -0
- package/dist/utils/slide/index.js +32 -0
- package/dist/x-star-editor/index.d.ts +2 -6
- package/dist/x-star-editor/index.js +10 -12
- package/dist/x-star-md-editor/index.js +1 -1
- package/dist/x-star-md-viewer/index.d.ts +0 -4
- package/dist/x-star-md-viewer/index.js +41 -31
- package/dist/x-star-slide-viewer/index.d.ts +42 -0
- package/dist/x-star-slide-viewer/index.js +367 -0
- package/package.json +8 -4
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
// import _ from 'lodash';
|
|
2
|
+
// import { CanvasData } from 'x-star-editor/x-star-slide-viewer';
|
|
3
|
+
|
|
4
|
+
// /**
|
|
5
|
+
// *
|
|
6
|
+
// * @param scaleString
|
|
7
|
+
// * @returns 'scale(3)' -> 3
|
|
8
|
+
// */
|
|
9
|
+
// export const getScaleNumber = (scaleString: string) =>
|
|
10
|
+
// Number(scaleString.replace('scale(', '').replace(')', ''));
|
|
11
|
+
|
|
12
|
+
// /**
|
|
13
|
+
// *
|
|
14
|
+
// * @param pointData
|
|
15
|
+
// * @param beforeScale
|
|
16
|
+
// * @param parentWidth
|
|
17
|
+
// */
|
|
18
|
+
// export const computeScaledPoint = (
|
|
19
|
+
// // 计算点scale后的坐标值
|
|
20
|
+
// pointData: CanvasData,
|
|
21
|
+
// parentWidth: number,
|
|
22
|
+
// ) => {
|
|
23
|
+
// const beforeScale = pointData.scale;
|
|
24
|
+
// const newData = _.cloneDeep(pointData.points);
|
|
25
|
+
// newData.forEach(({ points }) =>
|
|
26
|
+
// points.forEach((point) => {
|
|
27
|
+
// point.x = (point.x / beforeScale) * (parentWidth / 960);
|
|
28
|
+
// point.y = (point.y / beforeScale) * (parentWidth / 960);
|
|
29
|
+
// }),
|
|
30
|
+
// );
|
|
31
|
+
// return newData;
|
|
32
|
+
// };
|
|
@@ -22,7 +22,7 @@ export interface XStarEditorProps {
|
|
|
22
22
|
*/
|
|
23
23
|
locale?: XStarMdEditorProps['locale'];
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
25
|
+
* 文本为空时显示的提示
|
|
26
26
|
*/
|
|
27
27
|
placeholder?: string;
|
|
28
28
|
/**
|
|
@@ -37,10 +37,6 @@ export interface XStarEditorProps {
|
|
|
37
37
|
* 是否只读
|
|
38
38
|
*/
|
|
39
39
|
readOnly?: XStarMdEditorProps['readOnly'];
|
|
40
|
-
/**
|
|
41
|
-
* 是否启用 Web Worker
|
|
42
|
-
*/
|
|
43
|
-
enableWebWorker?: XStarMdViewerProps['enableWebWorker'];
|
|
44
40
|
/**
|
|
45
41
|
* 编辑器属性
|
|
46
42
|
*/
|
|
@@ -48,7 +44,7 @@ export interface XStarEditorProps {
|
|
|
48
44
|
/**
|
|
49
45
|
* 查看器属性
|
|
50
46
|
*/
|
|
51
|
-
viewerProps?: Omit<XStarMdViewerProps, 'height' | 'value'
|
|
47
|
+
viewerProps?: Omit<XStarMdViewerProps, 'height' | 'value'>;
|
|
52
48
|
/**
|
|
53
49
|
* 自定义查看器渲染函数
|
|
54
50
|
*/
|
|
@@ -29,7 +29,7 @@ var ViewerRenderWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
29
29
|
}, []);
|
|
30
30
|
return /*#__PURE__*/React.createElement("div", {
|
|
31
31
|
ref: containerRef,
|
|
32
|
-
className: classNames("".concat(prefix, "md-viewer"), className),
|
|
32
|
+
className: classNames("".concat(prefix, "-md-viewer"), className),
|
|
33
33
|
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
34
34
|
height: height
|
|
35
35
|
})
|
|
@@ -46,7 +46,6 @@ var XStarEditor = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
46
46
|
initialValue = _ref2$initialValue === void 0 ? '' : _ref2$initialValue,
|
|
47
47
|
value = _ref2.value,
|
|
48
48
|
readOnly = _ref2.readOnly,
|
|
49
|
-
enableWebWorker = _ref2.enableWebWorker,
|
|
50
49
|
editorProps = _ref2.editorProps,
|
|
51
50
|
viewerProps = _ref2.viewerProps,
|
|
52
51
|
viewerRender = _ref2.viewerRender,
|
|
@@ -182,7 +181,7 @@ var XStarEditor = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
182
181
|
var t = getFormat(locale, 'toolbarItem');
|
|
183
182
|
ctx.toolbarItemMap.editOnly = {
|
|
184
183
|
children: /*#__PURE__*/React.createElement(SvgEditOnly, {
|
|
185
|
-
className: classNames("".concat(prefix, "icon"), _defineProperty({}, "".concat(prefix, "active"), editOnly))
|
|
184
|
+
className: classNames("".concat(prefix, "-icon"), _defineProperty({}, "".concat(prefix, "-active"), editOnly))
|
|
186
185
|
}),
|
|
187
186
|
tooltip: t('editOnly'),
|
|
188
187
|
onClick: function onClick() {
|
|
@@ -191,7 +190,7 @@ var XStarEditor = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
191
190
|
};
|
|
192
191
|
ctx.toolbarItemMap.viewOnly = {
|
|
193
192
|
children: /*#__PURE__*/React.createElement(SvgViewOnly, {
|
|
194
|
-
className: classNames("".concat(prefix, "icon"), _defineProperty({}, "".concat(prefix, "active"), viewOnly))
|
|
193
|
+
className: classNames("".concat(prefix, "-icon"), _defineProperty({}, "".concat(prefix, "-active"), viewOnly))
|
|
195
194
|
}),
|
|
196
195
|
tooltip: t('viewOnly'),
|
|
197
196
|
onClick: function onClick() {
|
|
@@ -200,9 +199,9 @@ var XStarEditor = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
200
199
|
};
|
|
201
200
|
ctx.toolbarItemMap.fullscreen = {
|
|
202
201
|
children: fullscreen ? /*#__PURE__*/React.createElement(SvgExitFullscreen, {
|
|
203
|
-
className: classNames("".concat(prefix, "icon"))
|
|
202
|
+
className: classNames("".concat(prefix, "-icon"))
|
|
204
203
|
}) : /*#__PURE__*/React.createElement(SvgEnterFullscreen, {
|
|
205
|
-
className: classNames("".concat(prefix, "icon"))
|
|
204
|
+
className: classNames("".concat(prefix, "-icon"))
|
|
206
205
|
}),
|
|
207
206
|
tooltip: fullscreen ? t('exitFullscreen') : t('enterFullscreen'),
|
|
208
207
|
onClick: function onClick() {
|
|
@@ -241,12 +240,12 @@ var XStarEditor = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
241
240
|
setSourceCode = _useState6[1];
|
|
242
241
|
return /*#__PURE__*/React.createElement("div", {
|
|
243
242
|
ref: containerRef,
|
|
244
|
-
className: classNames("".concat(prefix, "editor"), _defineProperty({}, "".concat(prefix, "fullscreen"), fullscreen), className),
|
|
243
|
+
className: classNames("".concat(prefix, "-editor"), _defineProperty({}, "".concat(prefix, "-fullscreen"), fullscreen), className),
|
|
245
244
|
style: style
|
|
246
245
|
}, /*#__PURE__*/React.createElement(XStarMdEditor, _extends({
|
|
247
246
|
ref: editorRef
|
|
248
247
|
}, editorProps, {
|
|
249
|
-
className: classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(prefix, "active"), editOnly), _defineProperty(_classNames4, "".concat(prefix, "hidden"), viewOnly), _classNames4), editorProps === null || editorProps === void 0 ? void 0 : editorProps.className),
|
|
248
|
+
className: classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(prefix, "-active"), editOnly), _defineProperty(_classNames4, "".concat(prefix, "-hidden"), viewOnly), _classNames4), editorProps === null || editorProps === void 0 ? void 0 : editorProps.className),
|
|
250
249
|
height: height,
|
|
251
250
|
locale: locale,
|
|
252
251
|
placeholder: placeholder,
|
|
@@ -260,16 +259,15 @@ var XStarEditor = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
260
259
|
onInsertFile: onInsertFile
|
|
261
260
|
})), viewerRender ? /*#__PURE__*/React.createElement(ViewerRenderWrapper, {
|
|
262
261
|
ref: viewerRef,
|
|
263
|
-
className: classNames((_classNames5 = {}, _defineProperty(_classNames5, "".concat(prefix, "active"), viewOnly), _defineProperty(_classNames5, "".concat(prefix, "hidden"), editOnly), _classNames5), viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.className),
|
|
262
|
+
className: classNames((_classNames5 = {}, _defineProperty(_classNames5, "".concat(prefix, "-active"), viewOnly), _defineProperty(_classNames5, "".concat(prefix, "-hidden"), editOnly), _classNames5), viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.className),
|
|
264
263
|
style: viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.style,
|
|
265
264
|
height: height
|
|
266
265
|
}, viewerRender(value !== null && value !== void 0 ? value : sourceCode)) : /*#__PURE__*/React.createElement(XStarMdViewer, _extends({
|
|
267
266
|
ref: viewerRef
|
|
268
267
|
}, viewerProps, {
|
|
269
|
-
className: classNames((_classNames6 = {}, _defineProperty(_classNames6, "".concat(prefix, "active"), viewOnly), _defineProperty(_classNames6, "".concat(prefix, "hidden"), editOnly), _classNames6), viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.className),
|
|
268
|
+
className: classNames((_classNames6 = {}, _defineProperty(_classNames6, "".concat(prefix, "-active"), viewOnly), _defineProperty(_classNames6, "".concat(prefix, "-hidden"), editOnly), _classNames6), viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.className),
|
|
270
269
|
height: height,
|
|
271
|
-
value: value !== null && value !== void 0 ? value : sourceCode
|
|
272
|
-
enableWebWorker: enableWebWorker
|
|
270
|
+
value: value !== null && value !== void 0 ? value : sourceCode
|
|
273
271
|
})));
|
|
274
272
|
});
|
|
275
273
|
if (process.env.NODE_ENV !== 'production') {
|
|
@@ -401,7 +401,7 @@ var XStarMdEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
401
401
|
exec: exec
|
|
402
402
|
}), /*#__PURE__*/React.createElement("div", {
|
|
403
403
|
ref: containerRef,
|
|
404
|
-
className: classNames("".concat(prefix, "md-editor"), _defineProperty({}, "".concat(prefix, "empty"), !sourceCode), className),
|
|
404
|
+
className: classNames("".concat(prefix, "-md-editor"), _defineProperty({}, "".concat(prefix, "-empty"), !sourceCode), className),
|
|
405
405
|
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
406
406
|
height: height
|
|
407
407
|
}),
|
|
@@ -48,10 +48,6 @@ export interface XStarMdViewerProps {
|
|
|
48
48
|
* 插件
|
|
49
49
|
*/
|
|
50
50
|
plugins?: XStarMdViewerPlugin[];
|
|
51
|
-
/**
|
|
52
|
-
* 是否启用 Web Worker
|
|
53
|
-
*/
|
|
54
|
-
enableWebWorker?: boolean;
|
|
55
51
|
}
|
|
56
52
|
declare const XStarMdViewer: React.ForwardRefExoticComponent<XStarMdViewerProps & React.RefAttributes<XStarMdViewerHandle>>;
|
|
57
53
|
export default XStarMdViewer;
|