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.
@@ -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' | 'enableWebWorker'>;
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;