x-star-editor 0.6.9 → 0.6.10

package/dist/locales/en_US.d.ts

@@ -58,6 +58,8 @@ declare const _default: {
         readonly eraser: "Eraser";
         readonly screenshot: "Screenshot";
         readonly fullscreen: "Fullscreen";
+        readonly previous: "Previous";
+        readonly next: "Next";
     };
 };
 export default _default;

package/dist/locales/en_US.js

@@ -57,6 +57,8 @@ export default {
     pencil: 'Pencil',
     eraser: 'Eraser',
     screenshot: 'Screenshot',
-    fullscreen: 'Fullscreen'
+    fullscreen: 'Fullscreen',
+    previous: 'Previous',
+    next: 'Next'
   }
 };

package/dist/locales/index.d.ts

@@ -69,6 +69,8 @@ export declare const useLocale: <T extends "fileInput" | "toolbarItem" | "mermai
             readonly eraser: "橡皮";
             readonly screenshot: "截图";
             readonly fullscreen: "全屏";
+            readonly previous: "后退";
+            readonly next: "前进";
         };
     } | {
         readonly fileInput: {
@@ -130,6 +132,8 @@ export declare const useLocale: <T extends "fileInput" | "toolbarItem" | "mermai
             readonly eraser: "Eraser";
             readonly screenshot: "Screenshot";
             readonly fullscreen: "Fullscreen";
+            readonly previous: "Previous";
+            readonly next: "Next";
         };
     })[T][U];
 };
@@ -193,6 +197,8 @@ export declare const getFormat: <T extends "fileInput" | "toolbarItem" | "mermai
         readonly eraser: "橡皮";
         readonly screenshot: "截图";
         readonly fullscreen: "全屏";
+        readonly previous: "后退";
+        readonly next: "前进";
     };
 } | {
     readonly fileInput: {
@@ -254,6 +260,8 @@ export declare const getFormat: <T extends "fileInput" | "toolbarItem" | "mermai
         readonly eraser: "Eraser";
         readonly screenshot: "Screenshot";
         readonly fullscreen: "Fullscreen";
+        readonly previous: "Previous";
+        readonly next: "Next";
     };
 })[T][U];
 export {};

package/dist/locales/zh_CN.d.ts

@@ -58,6 +58,8 @@ declare const _default: {
         readonly eraser: "橡皮";
         readonly screenshot: "截图";
         readonly fullscreen: "全屏";
+        readonly previous: "后退";
+        readonly next: "前进";
     };
 };
 export default _default;

package/dist/locales/zh_CN.js

@@ -57,6 +57,8 @@ export default {
     pencil: '画笔',
     eraser: '橡皮',
     screenshot: '截图',
-    fullscreen: '全屏'
+    fullscreen: '全屏',
+    previous: '后退',
+    next: '前进'
   }
 };

package/dist/styles/index.css

@@ -1906,6 +1906,40 @@ body {
 .x-star-editor-slide-viewer .x-star-editor-custom-cursor-eraser {
   cursor: url("./cursor/eraser.png"), auto;
 }
+.x-star-editor-slide-viewer .x-star-editor-page-navigation {
+  position: absolute;
+  bottom: 24px;
+  left: 32px;
+  display: none;
+  align-items: center;
+  gap: 12px;
+  color: #fff;
+  z-index: 1;
+  user-select: none;
+}
+.x-star-editor-slide-viewer .x-star-editor-page-navigation button {
+  padding: 6px 12px;
+  color: #fff;
+  background-color: rgba(0, 0, 0, 0.55);
+  border: 0;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.x-star-editor-slide-viewer .x-star-editor-page-navigation button:hover:not(:disabled) {
+  background-color: rgba(0, 0, 0, 0.75);
+}
+.x-star-editor-slide-viewer .x-star-editor-page-navigation button:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.x-star-editor-slide-viewer .x-star-editor-page-navigation span {
+  min-width: 64px;
+  text-align: center;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
+}
+.x-star-editor-slide-viewer:fullscreen .x-star-editor-page-navigation {
+  display: flex;
+}
 .x-star-editor-slide-viewer .x-star-editor-btn-container {
   position: absolute;
   top: 16px;

package/dist/x-star-slide-viewer/index.d.ts

@@ -49,6 +49,22 @@ export interface XStarSlideViewerProps {
      * 画板改变回调函数
      */
     onPadChange?: (value: PadValue) => void;
+    /**
+     * 当前页码
+     */
+    currentPage?: number;
+    /**
+     * 总页数
+     */
+    totalPages?: number;
+    /**
+     * 后退回调函数
+     */
+    onPrevious?: () => void;
+    /**
+     * 前进回调函数
+     */
+    onNext?: () => void;
 }
 declare const XStarSlideViewer: React.ForwardRefExoticComponent<XStarSlideViewerProps & React.RefAttributes<XStarSlideViewerHandle>>;
 export default XStarSlideViewer;

package/dist/x-star-slide-viewer/index.js

@@ -35,7 +35,11 @@ var XStarSlideViewer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     value = _ref$value === void 0 ? '' : _ref$value,
     plugins = _ref.plugins,
     initialPadValue = _ref.initialPadValue,
-    onPadChange = _ref.onPadChange;
+    onPadChange = _ref.onPadChange,
+    currentPage = _ref.currentPage,
+    totalPages = _ref.totalPages,
+    onPrevious = _ref.onPrevious,
+    onNext = _ref.onNext;
   var containerRef = useRef(null);
   var childRef = useRef(null);
   var canvasRef = useRef(null);
@@ -310,7 +314,17 @@ var XStarSlideViewer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, children), /*#__PURE__*/React.createElement("canvas", {
     ref: canvasRef,
     className: classNames("".concat(prefix, "-pad"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefix, "-custom-cursor-pencil"), operationType === OperationType.PENCIL), _defineProperty(_classNames2, "".concat(prefix, "-custom-cursor-eraser"), operationType === OperationType.ERASER), _classNames2))
-  }), /*#__PURE__*/React.createElement("div", {
+  }), currentPage !== undefined && totalPages !== undefined && /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(prefix, "-page-navigation"))
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    disabled: currentPage <= 1 || !onPrevious,
+    onClick: onPrevious
+  }, t('previous')), /*#__PURE__*/React.createElement("span", null, currentPage, " / ", totalPages), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    disabled: currentPage >= totalPages || !onNext,
+    onClick: onNext
+  }, t('next'))), /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefix, "-btn-container"))
   }, /*#__PURE__*/React.createElement("div", {
     style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-star-editor",
-  "version": "0.6.9",
+  "version": "0.6.10",
   "description": "An editor developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",