@univerjs/docs-ui 0.25.1 → 1.0.0-alpha.1

package/lib/facade.js

@@ -1,165 +1,38 @@
-import { DOC_RANGE_TYPE, ICommandService, IResourceManagerService, IUniverInstanceService, Inject, Injector, RedoCommand, UndoCommand, UniverInstanceType } from "@univerjs/core";
-import { FUniver } from "@univerjs/core/facade";
-import { DocSelectionRenderService, InsertCommand } from "@univerjs/docs-ui";
+import { DOC_RANGE_TYPE } from "@univerjs/core";
+import { DocSelectionRenderService } from "@univerjs/docs-ui";
+import { FDocument } from "@univerjs/docs/facade";
 import { IRenderManagerService } from "@univerjs/engine-render";
 
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
-function _typeof(o) {
-	"@babel/helpers - typeof";
-	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
-		return typeof o;
-	} : function(o) {
-		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-	}, _typeof(o);
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
-function toPrimitive(t, r) {
-	if ("object" != _typeof(t) || !t) return t;
-	var e = t[Symbol.toPrimitive];
-	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
-		if ("object" != _typeof(i)) return i;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return ("string" === r ? String : Number)(t);
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPropertyKey.js
-function toPropertyKey(t) {
-	var i = toPrimitive(t, "string");
-	return "symbol" == _typeof(i) ? i : i + "";
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/defineProperty.js
-function _defineProperty(e, r, t) {
-	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-		value: t,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[r] = t, e;
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorateParam.js
-function __decorateParam(paramIndex, decorator) {
-	return function(target, key) {
-		decorator(target, key, paramIndex);
-	};
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorate.js
-function __decorate(decorators, target, key, desc) {
-	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-	return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-//#endregion
 //#region src/facade/f-document.ts
-let FDocument = class FDocument {
-	constructor(_documentDataModel, _injector, _univerInstanceService, _commandService, _resourceManagerService, _renderManagerService) {
-		this._documentDataModel = _documentDataModel;
-		this._injector = _injector;
-		this._univerInstanceService = _univerInstanceService;
-		this._commandService = _commandService;
-		this._resourceManagerService = _resourceManagerService;
-		this._renderManagerService = _renderManagerService;
-		_defineProperty(this, "id", void 0);
-		this.id = this._documentDataModel.getUnitId();
-	}
-	getId() {
-		return this._documentDataModel.getUnitId();
-	}
-	getName() {
-		return this.getSnapshot().title || "";
-	}
-	getSnapshot() {
-		const resources = this._resourceManagerService.getResourcesByType(this.id, UniverInstanceType.UNIVER_DOC);
-		const snapshot = this._documentDataModel.getSnapshot();
-		snapshot.resources = resources;
-		return snapshot;
-	}
-	undo() {
-		this._univerInstanceService.focusUnit(this.id);
-		return this._commandService.executeCommand(UndoCommand.id);
-	}
-	redo() {
-		this._univerInstanceService.focusUnit(this.id);
-		return this._commandService.executeCommand(RedoCommand.id);
-	}
-	/**
-	* Adds the specified text to the end of this text region.
-	* @param text - The text to be added to the end of this text region.
-	*/
-	appendText(text) {
-		const { body } = this.getSnapshot();
-		if (!body) throw new Error("The document body is empty");
-		const lastPosition = body.dataStream.length - 2;
-		return this.insertText(text, {
-			startOffset: lastPosition,
-			endOffset: lastPosition,
-			segmentId: ""
-		});
-	}
-	/**
-	* Inserts text at the provided document range. Defaults to appending before the final section break.
-	* @param text - The text to insert.
-	* @param options - Optional target range, segment id, and cursor offset.
-	*/
-	insertText(text, options = {}) {
-		var _options$startOffset, _options$endOffset, _options$segmentId;
-		const unitId = this.id;
-		const { body } = this.getSnapshot();
-		if (!body) throw new Error("The document body is empty");
-		const startOffset = (_options$startOffset = options.startOffset) !== null && _options$startOffset !== void 0 ? _options$startOffset : Math.max(0, body.dataStream.length - 2);
-		const endOffset = (_options$endOffset = options.endOffset) !== null && _options$endOffset !== void 0 ? _options$endOffset : startOffset;
-		const segmentId = (_options$segmentId = options.segmentId) !== null && _options$segmentId !== void 0 ? _options$segmentId : "";
-		const activeRange = {
-			startOffset,
-			endOffset,
-			collapsed: startOffset === endOffset,
-			segmentId
-		};
-		return this._commandService.executeCommand(InsertCommand.id, {
-			unitId,
-			body: { dataStream: text },
-			range: activeRange,
-			segmentId,
-			...options.cursorOffset == null ? {} : { cursorOffset: options.cursorOffset }
-		});
-	}
-	/**
-	* Inserts one or more plain-text paragraphs at the provided document range.
-	* @param text - Paragraph text. Newlines are normalized to document paragraph separators.
-	* @param options - Optional target range, segment id, and cursor offset.
-	*/
-	insertParagraph(text = "", options = {}) {
-		var _options$cursorOffset;
-		const dataStream = `${text.replace(/\r\n/g, "\n").replace(/\r/g, "\n").split("\n").join("\r\n")}\r\n`;
-		return this.insertText(dataStream, {
-			...options,
-			cursorOffset: (_options$cursorOffset = options.cursorOffset) !== null && _options$cursorOffset !== void 0 ? _options$cursorOffset : dataStream.length
-		});
-	}
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+var FDocumentUIMixin = class extends FDocument {
 	/**
 	* Sets the selection to a specified text range in the document.
 	* @param startOffset - The starting offset of the selection in the document.
 	* @param endOffset - The ending offset of the selection in the document.
 	* @example
 	* ```typescript
-	* document.setSelection(10, 20);
+	* const fDocument = univerAPI.getActiveDocument();
+	* fDocument.setSelection(10, 20);
 	* ```
 	*/
 	setSelection(startOffset, endOffset) {
-		var _this$_renderManagerS;
-		const docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderById(this.getId())) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSelectionRenderService);
+		var _renderManagerService;
+		const docSelectionRenderService = (_renderManagerService = this._injector.get(IRenderManagerService).getRenderUnitById(this.getId())) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(DocSelectionRenderService);
 		docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.removeAllRanges();
 		docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.addDocRanges([{
 			startOffset,
@@ -168,33 +41,7 @@ let FDocument = class FDocument {
 		}], true);
 	}
 };
-FDocument = __decorate([
-	__decorateParam(1, Inject(Injector)),
-	__decorateParam(2, IUniverInstanceService),
-	__decorateParam(3, ICommandService),
-	__decorateParam(4, IResourceManagerService),
-	__decorateParam(5, IRenderManagerService)
-], FDocument);
-
-//#endregion
-//#region src/facade/f-univer.ts
-var FUniverDocsUIMixin = class extends FUniver {
-	createUniverDoc(data) {
-		const document = this._univerInstanceService.createUnit(UniverInstanceType.UNIVER_DOC, data);
-		return this._injector.createInstance(FDocument, document);
-	}
-	getActiveDocument() {
-		const document = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
-		if (!document) return null;
-		return this._injector.createInstance(FDocument, document);
-	}
-	getUniverDoc(id) {
-		const document = this._univerInstanceService.getUniverDocInstance(id);
-		if (!document) return null;
-		return this._injector.createInstance(FDocument, document);
-	}
-};
-FUniver.extend(FUniverDocsUIMixin);
+FDocument.extend(FDocumentUIMixin);
 
 //#endregion
-export { FDocument };
+export {  };

package/lib/index.css

@@ -50,6 +50,15 @@
   z-index: 100;
 }
 
+.univer-z-\[1019\] {
+  z-index: 1019;
+}
+
+.univer-my-1 {
+  margin-top: .25rem;
+  margin-bottom: .25rem;
+}
+
 .univer-mb-1 {
   margin-bottom: .25rem;
 }
@@ -103,16 +112,6 @@
   height: .125rem;
 }
 
-.univer-size-3 {
-  width: .75rem;
-  height: .75rem;
-}
-
-.univer-size-4 {
-  width: 1rem;
-  height: 1rem;
-}
-
 .univer-size-5 {
   width: 1.25rem;
   height: 1.25rem;
@@ -132,10 +131,6 @@
   height: .125rem;
 }
 
-.univer-h-10 {
-  height: 2.5rem;
-}
-
 .univer-h-16 {
   height: 4rem;
 }
@@ -152,6 +147,10 @@
   height: 1rem;
 }
 
+.univer-h-7 {
+  height: 1.75rem;
+}
+
 .univer-h-8 {
   height: 2rem;
 }
@@ -160,10 +159,6 @@
   height: 24px;
 }
 
-.univer-h-full {
-  height: 100%;
-}
-
 .univer-min-h-8 {
   min-height: 2rem;
 }
@@ -200,6 +195,10 @@
   width: 100%;
 }
 
+.univer-w-px {
+  width: 1px;
+}
+
 .univer-min-w-0 {
   min-width: 0;
 }
@@ -252,10 +251,6 @@
   align-items: center;
 }
 
-.univer-items-stretch {
-  align-items: stretch;
-}
-
 .univer-justify-end {
   justify-content: flex-end;
 }
@@ -276,10 +271,6 @@
   gap: .25rem;
 }
 
-.univer-gap-1\.5 {
-  gap: .375rem;
-}
-
 .univer-gap-2 {
   gap: .5rem;
 }
@@ -368,6 +359,10 @@
   border-color: var(--univer-primary-500);
 }
 
+.\!univer-bg-gray-200 {
+  background-color: var(--univer-gray-200) !important;
+}
+
 .\!univer-bg-gray-700 {
   background-color: var(--univer-gray-700) !important;
 }
@@ -429,11 +424,6 @@
   padding-right: .5rem;
 }
 
-.univer-px-2\.5 {
-  padding-left: .625rem;
-  padding-right: .625rem;
-}
-
 .univer-px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -612,10 +602,6 @@
   border-color: var(--univer-primary-500);
 }
 
-.hover\:univer-bg-gray-100:hover {
-  background-color: var(--univer-gray-100);
-}
-
 .hover\:univer-bg-gray-50:hover {
   background-color: var(--univer-gray-50);
 }
@@ -675,6 +661,10 @@
   background-color: var(--univer-primary-900) !important;
 }
 
+.dark\:univer-bg-gray-700:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-700);
+}
+
 .dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
   color: var(--univer-gray-100) !important;
 }