@seafile/seafile-editor 0.3.102 → 0.3.104

package/README.md

@@ -44,7 +44,7 @@ seafile-editor/
 ## 本地测试步骤
 1. 新增本地配置文件 setting.local.js(基于 /site/setting.local.dist.js copy 一份)
 2. 在 seahub 项目创建一个测试文件, 根据需要的配置信息完善配置内容
-3. 执行 npm run start-sit, 启动测试服务, 可以打开相应的网址, 对封装的组件进行测试
+3. 执行 npm run start, 启动测试服务, 可以打开相应的网址, 对封装的组件进行测试
 
 ## 新版本发布
 1. 更新 package.json 中的 version 属性

package/dist/components/outline/index.js

@@ -44,6 +44,12 @@ var OutlineView = /*#__PURE__*/function (_React$PureComponent) {
 
       _this.setState({
         headerList: headerList
+      }, function () {
+        var updateForNoOutline = _this.props.updateForNoOutline;
+
+        if (headerList.length == 0 && updateForNoOutline) {
+          updateForNoOutline();
+        }
       });
     };
 

package/dist/config.js

@@ -0,0 +1,15 @@
+var serverConfig = {
+  serviceUrl: 'dhttps://dev.seafile.com/seahub',
+  username: 'bing.an@seafile.com',
+  password: 'Seafile123#$%',
+  repoID: '66ffac5c-9cce-4738-a867-bb8931821e04',
+  userInfo: {
+    username: 'bing.an@seafile.com',
+    name: '安冰',
+    contact_email: 'bing.an@seafile.com'
+  },
+  filePath: '/测试.md',
+  fileName: '测试.md',
+  dirPath: '/'
+};
+export { serverConfig };

package/dist/viewer/markdown-viewer.js

@@ -97,7 +97,8 @@ var MarkdownViewer = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
           scriptSource = _this$props.scriptSource,
           showTOC = _this$props.showTOC,
-          activeTitleIndex = _this$props.activeTitleIndex;
+          activeTitleIndex = _this$props.activeTitleIndex,
+          updateForNoOutline = _this$props.updateForNoOutline;
 
       if (scriptSource) {
         return /*#__PURE__*/React.createElement(LoadScript, {
@@ -110,7 +111,8 @@ var MarkdownViewer = /*#__PURE__*/function (_React$Component) {
           document: value,
           isViewer: true,
           activeTitleIndex: activeTitleIndex,
-          scrollToNode: this.scrollToNode
+          scrollToNode: this.scrollToNode,
+          updateForNoOutline: updateForNoOutline
         })));
       }
 

package/dist/viewer/viewer-image.css

@@ -0,0 +1,23 @@
+.big-image-cover {
+  position: relative;
+}
+
+.big-image-cover .image-container-close {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  cursor: pointer;
+  width: 30px;
+  height: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.big-image-cover .image-container-close .icon-close {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.big-image-cover .image-container-close .icon-close:hover {
+  color: rgba(0, 0, 0, 0.75);
+}

package/dist/viewer/viewer-image.js

@@ -3,7 +3,9 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
-import Modal from '../components/modal-portal';
+import ModalPortal from '../components/modal-portal';
+import { Modal } from 'reactstrap';
+import './viewer-image.css';
 
 var ViewerImage = /*#__PURE__*/function (_React$Component) {
   _inherits(ViewerImage, _React$Component);
@@ -18,7 +20,7 @@ var ViewerImage = /*#__PURE__*/function (_React$Component) {
     _this = _super.call(this, props);
 
     _this.toggleBigImage = function (event) {
-      event.preventDefault();
+      event && event.preventDefault();
 
       _this.setState({
         isShowBigImage: !_this.state.isShowBigImage
@@ -70,13 +72,19 @@ var ViewerImage = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 
 var BigImage = function BigImage(props) {
-  return /*#__PURE__*/React.createElement(Modal, null, /*#__PURE__*/React.createElement("div", {
-    className: 'big-image-cover',
+  return /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement(Modal, {
+    isOpen: true,
+    centered: true,
+    toggle: function toggle() {
+      props.toggleBigImage();
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "big-image-cover",
     onClick: function onClick(event) {
       return props.toggleBigImage(event);
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'big-image-container'
+    className: "big-image-container"
   }, /*#__PURE__*/React.createElement("img", {
     src: props.src,
     alt: ""
@@ -84,10 +92,10 @@ var BigImage = function BigImage(props) {
     onClick: function onClick(event) {
       return props.toggleBigImage(event);
     },
-    className: 'image-container-close'
+    className: "image-container-close"
   }, /*#__PURE__*/React.createElement("i", {
-    className: 'iconfont icon-close'
-  }))));
+    className: "iconfont icon-close"
+  })))));
 };
 
 export { ViewerImage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "0.3.102",
+  "version": "0.3.104",
   "private": false,
   "dependencies": {
     "@seafile/react-image-lightbox": "^0.0.9",
@@ -52,8 +52,8 @@
   },
   "scripts": {
     "clean": "rm -rf dist && mkdir dist",
-    "start": "node scripts/start.js",
-    "start-site": "export NODE_ENV=development LOG_ENV=rc && node dev-server.js",
+    "start.bak": "node scripts/start.js",
+    "start": "export NODE_ENV=development LOG_ENV=rc && node dev-server.js",
     "build": "node scripts/build.js",
     "pub:dist": "export BABEL_ENV=production && ./node_modules/.bin/babel src --out-dir dist --copy-files",
     "pub:optimized": "rm dist/config.js",