x-star-editor 0.6.8 → 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/utils/history.js

@@ -21,7 +21,8 @@ var stateReducer = function stateReducer(_ref, action) {
   switch (action.type) {
     case 'insert':
       {
-        var text = action.payload.text.replace(/\r\n?/g, '\n');
+        var _action$payload, _action$payload$text;
+        var text = ((_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : (_action$payload$text = _action$payload.text) === null || _action$payload$text === void 0 ? void 0 : _action$payload$text.replace(/\r\n?/g, '\n')) || '';
         return {
           sourceCode: "".concat(before).concat(text).concat(after),
           selection: createSelection(startOffset + text.length)
@@ -93,10 +94,10 @@ var stateReducer = function stateReducer(_ref, action) {
             }
           case 'code':
             {
-              var _action$payload = action.payload,
-                lang = _action$payload.lang,
-                value = _action$payload.value,
-                showLineNumbers = _action$payload.showLineNumbers;
+              var _action$payload2 = action.payload,
+                lang = _action$payload2.lang,
+                value = _action$payload2.value,
+                showLineNumbers = _action$payload2.showLineNumbers;
               var _startOffset = lineEndOffset + lang.length + (showLineNumbers ? 21 : 5);
               return {
                 sourceCode: "".concat(sourceCode.slice(0, lineEndOffset), "\n```").concat(lang).concat(showLineNumbers ? ' showLineNumbers' : '', "\n").concat(value, "\n```\n").concat(lineAfter),
@@ -142,10 +143,10 @@ var stateReducer = function stateReducer(_ref, action) {
           case 'image':
           case 'link':
             {
-              var _action$payload2 = action.payload,
-                _type = _action$payload2.type,
-                url = _action$payload2.url,
-                description = _action$payload2.description;
+              var _action$payload3 = action.payload,
+                _type = _action$payload3.type,
+                url = _action$payload3.url,
+                description = _action$payload3.description;
               return {
                 sourceCode: "".concat(before).concat(_type === 'image' ? '!' : '', "[").concat(description, "](").concat(url, ")").concat(after),
                 selection: createSelection(startOffset + url.length + description.length + 4 + (_type === 'image' ? 1 : 0))
@@ -198,9 +199,9 @@ var stateReducer = function stateReducer(_ref, action) {
       }
     case 'set':
       {
-        var _action$payload3 = action.payload,
-          _sourceCode = _action$payload3.sourceCode,
-          selection = _action$payload3.selection;
+        var _action$payload4 = action.payload,
+          _sourceCode = _action$payload4.sourceCode,
+          selection = _action$payload4.selection;
         return {
           sourceCode: _sourceCode.replace(/\r\n?/g, '\n'),
           selection: selection
@@ -255,16 +256,16 @@ var historyReducer = function historyReducer(_ref2, action) {
       }
     case 'batch':
       {
-        var _action$payload$selec, _action$payload4, _action$payload$selec2, _action$payload5;
+        var _action$payload$selec, _action$payload5, _action$payload$selec2, _action$payload6;
         return {
           states: [].concat(_toConsumableArray(states.slice(0, index)), [_objectSpread(_objectSpread({}, states[index]), {}, {
-            selection: (_action$payload$selec = (_action$payload4 = action.payload) === null || _action$payload4 === void 0 ? void 0 : _action$payload4.selection) !== null && _action$payload$selec !== void 0 ? _action$payload$selec : states[index].selection,
+            selection: (_action$payload$selec = (_action$payload5 = action.payload) === null || _action$payload5 === void 0 ? void 0 : _action$payload5.selection) !== null && _action$payload$selec !== void 0 ? _action$payload$selec : states[index].selection,
             action: _objectSpread(_objectSpread({}, states[index].action), {}, {
               batch: false
             })
           })]),
           index: index,
-          selection: (_action$payload$selec2 = (_action$payload5 = action.payload) === null || _action$payload5 === void 0 ? void 0 : _action$payload5.selection) !== null && _action$payload$selec2 !== void 0 ? _action$payload$selec2 : selection
+          selection: (_action$payload$selec2 = (_action$payload6 = action.payload) === null || _action$payload6 === void 0 ? void 0 : _action$payload6.selection) !== null && _action$payload$selec2 !== void 0 ? _action$payload$selec2 : selection
         };
       }
     case 'mutate':

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.8",
+  "version": "0.6.10",
   "description": "An editor developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",