@seafile/sdoc-editor 1.0.202-test-0.0.3 → 1.0.203

package/dist/basic-sdk/extension/plugins/link/dialog/add-link-dialog/index.js

@@ -51,7 +51,7 @@ const AddLinkDialog = _ref => {
       setLinkErrorMessage(t('The_link_address_is_invalid'));
       return;
     }
-    const isEdit = oldURL && oldTitle;
+    const isEdit = oldURL || oldTitle;
     if (isEdit) {
       (0, _helpers.updateLink)(editor, title, url);
     } else {
@@ -100,7 +100,7 @@ const AddLinkDialog = _ref => {
     type: "url",
     className: "form-control",
     id: "addLink",
-    value: url,
+    value: url || '',
     onChange: handleUrlChange
   }), linkErrorMessage && /*#__PURE__*/_react.default.createElement(_reactstrap.Alert, {
     color: "danger",

package/dist/basic-sdk/extension/plugins/multi-column/helper.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateColumnWidthOnDeletion = exports.updateColumnWidth = exports.realTimePageWidth = exports.insertMultiColumn = exports.handleInsertMultiColumn = exports.generateEmptyMultiColumn = void 0;
+exports.updateColumnWidthOnDeletion = exports.updateColumnWidth = exports.insertMultiColumn = exports.handleInsertMultiColumn = exports.generateEmptyMultiColumn = void 0;
 var _slugid = _interopRequireDefault(require("slugid"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -40,7 +40,7 @@ const generateEmptyMultiColumn = (editor, MultiColumnType) => {
     default:
       break;
   }
-  const initialColumnWidth = realTimePageWidth() ? Math.max(_constants2.COLUMN_MIN_WIDTH, parseInt(realTimePageWidth() / multiColumnNumber)) : _constants2.COLUMN_MIN_WIDTH;
+  const initialColumnWidth = editor.width ? Math.max(_constants2.COLUMN_MIN_WIDTH, parseInt(editor.width / multiColumnNumber)) : _constants2.COLUMN_MIN_WIDTH;
   for (let i = 0; i < multiColumnNumber; i++) {
     const columnWidthKey = _slugid.default.nice();
     column.push({
@@ -143,7 +143,7 @@ const updateColumnWidthOnDeletion = (editor, selection, column, deletionDirectio
   const newMultiColumnNode = _slate.Node.get(editor, multiColumnPath);
   const targetColumnIndex = selection.anchor.path[1] + (deletionDirection === 'deleteForward' ? 1 : 0);
   const remainingColumn = column.filter((_, index) => index !== targetColumnIndex);
-  const columnWidth = realTimePageWidth() ? Math.max(_constants2.COLUMN_MIN_WIDTH, parseInt(realTimePageWidth() / remainingColumn.length)) : _constants2.COLUMN_MIN_WIDTH;
+  const columnWidth = editor.width ? Math.max(_constants2.COLUMN_MIN_WIDTH, parseInt(editor.width / remainingColumn.length)) : _constants2.COLUMN_MIN_WIDTH;
 
   // Recalculate width of every left column
   const newColumn = remainingColumn.map((column, index) => ({
@@ -153,10 +153,4 @@ const updateColumnWidthOnDeletion = (editor, selection, column, deletionDirectio
   }));
   updateColumnWidth(editor, newMultiColumnNode, newColumn, multiColumnPath);
 };
-exports.updateColumnWidthOnDeletion = updateColumnWidthOnDeletion;
-const realTimePageWidth = () => {
-  const sdocEditorPage = document.getElementById('sdoc-editor');
-  const pageWidth = sdocEditorPage === null || sdocEditorPage === void 0 ? void 0 : sdocEditorPage.getBoundingClientRect().width;
-  return pageWidth;
-};
-exports.realTimePageWidth = realTimePageWidth;
+exports.updateColumnWidthOnDeletion = updateColumnWidthOnDeletion;

package/dist/basic-sdk/extension/plugins/multi-column/render/index.css

@@ -11,7 +11,6 @@
   position: relative;
   display: grid;
   cursor: text;
-  /* border: 1px solid red; */
 }
 
 .sdoc-multicolumn-wrapper .column {
@@ -19,7 +18,6 @@
   left: 3px;
   line-height: 1.5;
   align-items: flex-start;
-  /* border: 1px solid red; */
 }
 
 .sdoc-column-container {
@@ -31,13 +29,11 @@
   box-sizing: border-box;
   word-wrap: break-word;
   white-space: pre-wrap;
-
 }
 
 .sdoc-multicolumn-container .column-resize-handler {
   height: 100%;
   position: absolute;
-  /* border: 1px solid red; */
 }
 
 .sdoc-multicolumn-container .column-resize-handler .column-width-just {
@@ -48,12 +44,10 @@
   margin-right: 1.5px;
   position: absolute;
   cursor: col-resize;
-  border: 1px solid red;
 }
 
 .sdoc-multicolumn-container .column-resize-handler .column-width-just.active,
 .sdoc-multicolumn-container .column-resize-handler .column-width-just:hover  {
   background-color: lightgray;
   cursor: col-resize;
-  /* border: 1px solid red; */
 }

package/dist/basic-sdk/extension/plugins/multi-column/render/index.js

@@ -10,7 +10,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _multiColumnRoot = _interopRequireDefault(require("./multi-column-root"));
 var _resizeHandlers = _interopRequireDefault(require("../resize-handlers"));
-var _helper = require("../helper");
 require("./index.css");
 const MultiColumn = _ref => {
   let {
@@ -25,56 +24,17 @@ const MultiColumn = _ref => {
     ...element.style
   } : {});
   const multiColumnContainerClassName = (0, _classnames.default)('sdoc-multicolumn-container', className);
-  const [pageWidth, setPageWidth] = (0, _react.useState)((0, _helper.realTimePageWidth)());
   const handleResizeColumn = newColumn => {
     setColumn(newColumn);
   };
   (0, _react.useEffect)(() => {
-    console.log('real', column);
-    let columnWidthList = column.map(item => `${item.width}px`);
-    console.log(0, columnWidthList);
-    const sdocEditorPage = document.getElementById('sdoc-editor');
-    if (sdocEditorPage) {
-      const resizeObserver = new ResizeObserver(entries => {
-        const realTimeWidth = entries[0].contentRect.width;
-        if (realTimeWidth !== pageWidth) {
-          const scaleFactor = realTimeWidth / pageWidth;
-          const updatedColumns = column.map(item => ({
-            ...item,
-            width: Math.round(item.width * scaleFactor)
-          }));
-          columnWidthList = updatedColumns.map(item => `${item.width}px`);
-          console.log(22, columnWidthList);
-          const newStyle = {
-            ...element.style,
-            gridTemplateColumns: columnWidthList.join(' ')
-          };
-          setStyle(newStyle);
-          console.log(4, updatedColumns);
-          setColumn(updatedColumns);
-          setPageWidth(realTimeWidth);
-        } else {
-          const newStyle = {
-            ...element.style,
-            gridTemplateColumns: columnWidthList.join(' ')
-          };
-          console.log(100, newStyle);
-          setStyle(newStyle);
-        }
-      });
-      resizeObserver.observe(sdocEditorPage);
-      return () => {
-        resizeObserver.disconnect();
-      };
-    }
-  }, [pageWidth, element.style, element.column, column]);
-
-  // useEffect(() => {
-  //   const columnWidthList = element.column.map(item => `${item.width}px`);
-  //   const newStyle = { ...element.style, gridTemplateColumns: columnWidthList.join(' ') };
-  //   setStyle(newStyle);
-  // }, [element.style, element.column, column]);
-
+    const columnWidthList = element.column.map(item => `${item.width}px`);
+    const newStyle = {
+      ...element.style,
+      gridTemplateColumns: columnWidthList.join(' ')
+    };
+    setStyle(newStyle);
+  }, [element.style, element.column, column]);
   return /*#__PURE__*/_react.default.createElement(_multiColumnRoot.default, {
     attributes: attributes
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -84,8 +44,7 @@ const MultiColumn = _ref => {
     "data-id": element.id
   }, children, /*#__PURE__*/_react.default.createElement(_resizeHandlers.default, {
     element: element,
-    handleResizeColumn: handleResizeColumn,
-    columnWidthList: column
+    handleResizeColumn: handleResizeColumn
   })));
 };
 function renderMultiColumn(props) {

package/dist/basic-sdk/extension/plugins/multi-column/render/multi-column-root.js

@@ -8,19 +8,17 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _slateReact = require("@seafile/slate-react");
-var _helper = require("../helper");
 const MultiColumnRoot = _ref => {
   let {
     attributes,
     children
   } = _ref;
   const editor = (0, _slateReact.useSlateStatic)();
-  console.log(33, (0, _helper.realTimePageWidth)());
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
     className: (0, _classnames.default)('sdoc-multicolumn-wrapper position-relative', attributes.className),
     style: {
       ...attributes.style,
-      maxWidth: (0, _helper.realTimePageWidth)() ? (0, _helper.realTimePageWidth)() : '100%'
+      maxWidth: editor.width ? editor.width : '100%'
     }
   }), children);
 };

package/dist/basic-sdk/extension/plugins/multi-column/render/render-column.js

@@ -10,7 +10,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
-var _helper = require("../helper");
 const Column = _ref => {
   let {
     attributes,
@@ -18,30 +17,10 @@ const Column = _ref => {
     children
   } = _ref;
   const editor = (0, _slateReact.useSlateStatic)();
-  console.log(1, attributes, element, children);
   const [columnWidth, setColumnWidth] = (0, _react.useState)(element.width || 0);
-  const [pageWidth, setPageWidth] = (0, _react.useState)((0, _helper.realTimePageWidth)());
   const path = _slateReact.ReactEditor.findPath(editor, element);
   const parentPath = _slate.Path.parent(path);
   const [parentNode] = _slate.Editor.node(editor, parentPath);
-  (0, _react.useEffect)(() => {
-    const sdocEditorPage = document.getElementById('sdoc-editor');
-    if (sdocEditorPage) {
-      const resizeObserver = new ResizeObserver(entries => {
-        const realTimeWidth = entries[0].contentRect.width;
-        if (realTimeWidth !== pageWidth) {
-          console.log(55, realTimeWidth, pageWidth);
-          const scaleFactor = realTimeWidth / pageWidth;
-          setColumnWidth(preColumnwidth => preColumnwidth * scaleFactor);
-          setPageWidth(realTimeWidth);
-        }
-      });
-      resizeObserver.observe(sdocEditorPage);
-      return () => {
-        resizeObserver.disconnect();
-      };
-    }
-  }, [editor, element, parentNode.column, pageWidth]);
   (0, _react.useEffect)(() => {
     const matchingColumn = parentNode.column.find(column => column.key === element.id);
     if (matchingColumn) {

package/dist/basic-sdk/extension/plugins/multi-column/resize-handlers/index.js

@@ -16,11 +16,10 @@ var _mouseEvent = require("../../../../utils/mouse-event");
 const ResizeHandlers = _ref => {
   let {
     element,
-    handleResizeColumn,
-    columnWidthList
+    handleResizeColumn
   } = _ref;
   const editor = (0, _slateReact.useSlateStatic)();
-  const [column, setColumn] = (0, _react.useState)(columnWidthList);
+  const [column, setColumn] = (0, _react.useState)(element.column);
   const [isDraggingResizeHandler, setIsDraggingResizeHandler] = (0, _react.useState)(false);
   const [adjustingCell, setAdjustingCell] = (0, _react.useState)(null);
   const [resizeInfo, setResizeInfo] = (0, _react.useState)({
@@ -42,8 +41,8 @@ const ResizeHandlers = _ref => {
 
   // Render when column element of multi_column node changes
   (0, _react.useEffect)(() => {
-    setColumn(columnWidthList);
-  }, [columnWidthList]);
+    setColumn(element.column);
+  }, [element.column]);
   (0, _react.useEffect)(() => {
     const path = _slateReact.ReactEditor.findPath(editor, element);
     const [node] = _slate.Editor.node(editor, path);
@@ -100,7 +99,6 @@ const ResizeHandlers = _ref => {
         ...column,
         left: column.width
       }));
-      console.log(3333, newColumn);
       handleResizeColumn(newColumn);
       (0, _helper.updateColumnWidth)(editor, element, newColumn);
       setIsDraggingResizeHandler(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.202-test-0.0.3",
+  "version": "1.0.203",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",