x-star-editor 0.6.4 → 0.6.6

package/dist/styles/index.css

@@ -1840,7 +1840,6 @@ body {
 .x-star-editor-slide-viewer {
   position: relative;
   color: rgba(0, 0, 0, 0.88);
-  position: relative;
   overflow: hidden;
   aspect-ratio: 16/9;
 }
@@ -1896,11 +1895,16 @@ body {
 .x-star-editor-slide-viewer .x-star-editor-slide > :last-child {
   margin-bottom: 0; /* 防止垂直居中时出现视觉上不居中的现象 */
 }
+.x-star-editor-slide-viewer .x-star-editor-pad {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
 .x-star-editor-slide-viewer .x-star-editor-custom-cursor-pencil {
   cursor: url("./cursor/pencil.png"), auto;
 }
 .x-star-editor-slide-viewer .x-star-editor-custom-cursor-eraser {
-  cursor: url("./cursor/editor-eraser.png"), auto;
+  cursor: url("./cursor/eraser.png"), auto;
 }
 .x-star-editor-slide-viewer .x-star-editor-btn-container {
   position: absolute;
@@ -1909,7 +1913,7 @@ body {
   height: 32px;
   display: flex;
   flex-direction: row-reverse;
-  z-index: 10000;
+  z-index: 1;
 }
 .x-star-editor-slide-viewer .x-star-editor-btn-container .x-star-editor-common-btn {
   position: relative;
@@ -1925,13 +1929,14 @@ body {
   cursor: pointer;
 }
 .x-star-editor-slide-viewer .x-star-editor-btn-container .x-star-editor-common-btn:hover {
-  color: #f8f8f8;
+  color: rgb(132, 174, 241);
   background-color: #f0f0f0;
 }
 .x-star-editor-slide-viewer .x-star-editor-btn-container .x-star-editor-popover {
   position: absolute;
   width: 150px;
   height: 0;
+  margin: 5px;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1940,40 +1945,51 @@ body {
   border-radius: 6px;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
   overflow: hidden;
-  z-index: 10000;
+  z-index: 1;
   transition: all 0.3s cubic-bezier(0.51, 0.3, 0.06, 0.98);
+  user-select: none;
 }
 .x-star-editor-slide-viewer .x-star-editor-btn-container .x-star-editor-popover > * {
   margin: 8px 0;
 }
+.x-star-editor-slide-viewer .x-star-editor-btn-container .x-star-editor-popover-label {
+  margin-right: 15px;
+  font-size: 12px;
+}
+.x-star-editor-slide-viewer .x-star-editor-btn-container .x-star-editor-tooltip {
+  position: absolute;
+  height: 0;
+  margin-top: 36px;
+  margin-left: 10px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  line-height: 30px;
+  white-space: nowrap;
+  font-size: 12px;
+  background-color: #fff;
+  border-radius: 6px;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
+  z-index: 1;
+  transform: scale(0);
+  transition: all 0.25s cubic-bezier(0.51, 0.3, 0.06, 0.98);
+  user-select: none;
+}
+.x-star-editor-slide-viewer .x-star-editor-btn-container .x-star-editor-common-btn:hover + .x-star-editor-tooltip {
+  height: 30px;
+  transform: scale(1);
+}
 .x-star-editor-slide-viewer .x-star-editor-btn-container .x-star-editor-common-btn:hover + .x-star-editor-popover,
 .x-star-editor-slide-viewer .x-star-editor-btn-container .x-star-editor-popover:hover {
   height: 100px;
 }
-.x-star-editor-slide-viewer .x-star-editor-btn-container .x-star-editor-draw-popover {
+.x-star-editor-slide-viewer .x-star-editor-btn-container .x-star-editor-pencil-popover {
   top: 33px;
   left: 120px;
 }
-.x-star-editor-slide-viewer .x-star-editor-btn-container .x-star-editor-erase-popover {
+.x-star-editor-slide-viewer .x-star-editor-btn-container .x-star-editor-eraser-popover {
   top: 33px;
   left: 75px;
 }
-.x-star-editor-slide-viewer .x-star-editor-pad {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 960px;
-  height: 540px;
-}
-.x-star-editor-slide-viewer .x-star-editor-ring {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 100px;
-  height: 100px;
-  border: 2px solid black;
-  border-radius: 50%;
-  opacity: 0.5; /* 圆环内部透明 */
-  transform: translate(-50%, -50%);
-  pointer-events: none; /* 防止圆环遮挡鼠标事件 */
-}

package/dist/utils/markdown.d.ts

@@ -1,7 +1,15 @@
 import type { Root as HastRoot } from 'hast';
+import type { Root as MdastRoot } from 'mdast';
 import type { Options as ToStringOptions } from 'mdast-util-to-string';
 import { defaultSchema } from 'rehype-sanitize';
 import type { ViewerOptions } from '../x-star-md-viewer';
+/**
+ * 带缓存的解析函数
+ *
+ * @param sourceCode Markdown 文本
+ * @returns Mdast 树
+ */
+export declare const cachedParse: (sourceCode: string) => MdastRoot;
 /**
  * 将 Markdown 文本映射到 DOM 树，第一层为 `<div>` 块元素，第二层为 `<div>` 行元素，之后均为 `<span>` 元素
  *

package/dist/utils/markdown.js

@@ -41,7 +41,7 @@ var toMdastProcessor = unified().use(remarkParse).use(remarkGfm).use(remarkMath)
  * @param sourceCode Markdown 文本
  * @returns Mdast 树
  */
-var cachedParse = function () {
+export var cachedParse = function () {
   var cache = {};
   return function (sourceCode) {
     var _cache$sourceCode;

package/dist/utils/rehype/rehype-math.js

@@ -139,9 +139,7 @@ var rehypeMath = function rehypeMath() {
     }, function (node, index, parent) {
       var _node$properties3;
       if (typeof ((_node$properties3 = node.properties) === null || _node$properties3 === void 0 ? void 0 : _node$properties3.value) === 'string') {
-        rawPositions = node.properties.value.split(' ').map(function (offset) {
-          return parseInt(offset);
-        });
+        rawPositions = node.properties.value.split(' ').map(Number);
       }
       if (index !== null && parent) {
         parent.children.splice(index);

package/dist/utils/slide.d.ts

@@ -0,0 +1,26 @@
+import type { PointGroup } from 'signature_pad';
+export interface PadValue {
+    data: PointGroup[];
+    scale: number;
+}
+/**
+ * 计算缩放后点的坐标值
+ *
+ * @param padValue 画板数据
+ * @param parentWidth 父元素宽度
+ * @returns 新坐标值
+ */
+export declare const getScaledData: ({ data, scale }: PadValue, parentWidth: number) => {
+    minWidth: number;
+    maxWidth: number;
+    points: {
+        x: number;
+        y: number;
+        pressure: number;
+        time: number;
+    }[];
+    dotSize: number;
+    penColor: string;
+    velocityFilterWeight: number;
+    compositeOperation: GlobalCompositeOperation;
+}[];

package/dist/utils/slide.js

@@ -0,0 +1,24 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+/**
+ * 计算缩放后点的坐标值
+ *
+ * @param padValue 画板数据
+ * @param parentWidth 父元素宽度
+ * @returns 新坐标值
+ */
+export var getScaledData = function getScaledData(_ref, parentWidth) {
+  var data = _ref.data,
+    scale = _ref.scale;
+  return data.map(function (group) {
+    return _objectSpread(_objectSpread({}, group), {}, {
+      minWidth: group.minWidth / scale * (parentWidth / 1280),
+      maxWidth: group.maxWidth / scale * (parentWidth / 1280),
+      points: group.points.map(function (point) {
+        return _objectSpread(_objectSpread({}, point), {}, {
+          x: point.x / scale * (parentWidth / 1280),
+          y: point.y / scale * (parentWidth / 1280)
+        });
+      })
+    });
+  });
+};

package/dist/utils/viewer.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ViewerOptions } from '../x-star-md-viewer';
+/**
+ * 将 Markdown 文本映射到 React 虚拟 DOM 树
+ *
+ * @param sourceCode Markdown 文本
+ * @param options 配置项
+ * @returns React 虚拟 DOM 树
+ */
+export declare const useViewerRender: (sourceCode: string, options: ViewerOptions) => import("react").JSX.Element | undefined;