@voplus/morpho-document 4.0.3 → 4.0.5

package/es/components/DocumentHeader/index.less

@@ -1,157 +1,157 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.anticon-plus {
-		/** fix tag font size issue when e.g. under ant uploader. */
-		font-size: unset !important;
-	}
-	.document-header-default {
-		display: flex;
-		justify-content: space-between;
-		padding: 10px 20px;
-		font-size: 14px;
-		background-color: @component-background;
-		.document-header-content {
-			flex: 1;
-			.quick-data-bar {
-				color: @cancel-color;
-			}
-		}
-		.document-name-content {
-			display: flex;
-
-			> div {
-				display: inline-block;
-			}
-			.document-pre,
-			.document-name {
-				font-size: @font-size-lg;
-			}
-			.document-name {
-				color: @tabs-default-color;
-				font-weight: 500;
-				word-break: break-all;
-			}
-			.document-pre {
-				margin-right: 6px;
-			}
-		}
-
-		.bar-align-title .document-pre {
-			vertical-align: top;
-		}
-
-		.flag-icon {
-			margin-left: 8px;
-			//> svg {
-			//vertical-align: text-top;
-			//}
-		}
-		.file-subtitle {
-			margin-left: 8px;
-			color: #999;
-		}
-		.file-draft,
-		.file-lock {
-			margin-left: 8px;
-			color: #999;
-		}
-
-		.tag-view {
-			display: inline;
-			margin-left: 3px;
-			vertical-align: text-bottom;
-		}
-		&.document-header-h1 {
-			.document-name,
-			.document-pre {
-				font-size: @heading-1-size;
-				line-height: @heading-1-size;
-			}
-			.document-pre {
-				margin-right: ceil((@heading-1-size / @heading-1-size) * 10);
-			}
-
-			&.bar-align-title {
-				.document-pre {
-					font-size: ceil(@heading-1-size * 1.184);
-					line-height: floor(@heading-1-size * 1.4);
-				}
-			}
-			&.bar-align-left {
-				.document-pre {
-					font-size: floor(@heading-1-size * 0.85);
-				}
-			}
-		}
-		&.document-header-h2 {
-			.document-name,
-			.document-pre {
-				font-size: @heading-2-size;
-				line-height: @heading-2-size;
-			}
-
-			.document-pre {
-				margin-right: ceil((@heading-2-size / @heading-1-size) * 10);
-			}
-
-			&.bar-align-title {
-				.document-pre {
-					font-size: ceil(@heading-2-size * 1.184);
-					line-height: floor(@heading-2-size * 1.4);
-				}
-			}
-			&.bar-align-left {
-				.document-pre {
-					font-size: floor(@heading-2-size * 0.85);
-				}
-			}
-		}
-		&.document-header-h3 {
-			.document-name,
-			.document-pre {
-				font-size: @heading-3-size;
-				line-height: @heading-3-size;
-			}
-
-			.document-pre {
-				font-size: ceil(@heading-3-size * 0.8);
-				margin-right: ceil((@heading-3-size / @heading-1-size) * 10);
-				> svg {
-					//vertical-align: bottom;
-				}
-			}
-		}
-		&.document-header-h4 {
-			.document-name,
-			.document-pre {
-				font-size: @heading-4-size;
-				line-height: @heading-4-size;
-			}
-
-			.document-pre {
-				font-size: ceil(@heading-4-size * 0.8);
-				margin-right: ceil((@heading-4-size / @heading-1-size) * 10);
-				> svg {
-					vertical-align: bottom;
-				}
-			}
-		}
-		&.document-header-hover {
-			align-items: center;
-			cursor: pointer;
-			.tools-bar {
-				display: none;
-			}
-			.tools-bar.show {
-				display: block;
-			}
-			&:hover {
-				.document-name,
-				.quick-data-bar {
-					// opacity: 0.5;
-				}
-			}
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.anticon-plus {
+		/** fix tag font size issue when e.g. under ant uploader. */
+		font-size: unset !important;
+	}
+	.document-header-default {
+		display: flex;
+		justify-content: space-between;
+		padding: 10px 20px;
+		font-size: 14px;
+		background-color: @component-background;
+		.document-header-content {
+			flex: 1;
+			.quick-data-bar {
+				color: @cancel-color;
+			}
+		}
+		.document-name-content {
+			display: flex;
+
+			> div {
+				display: inline-block;
+			}
+			.document-pre,
+			.document-name {
+				font-size: @font-size-lg;
+			}
+			.document-name {
+				color: @tabs-default-color;
+				font-weight: 500;
+				word-break: break-all;
+			}
+			.document-pre {
+				margin-right: 6px;
+			}
+		}
+
+		.bar-align-title .document-pre {
+			vertical-align: top;
+		}
+
+		.flag-icon {
+			margin-left: 8px;
+			//> svg {
+			//vertical-align: text-top;
+			//}
+		}
+		.file-subtitle {
+			margin-left: 8px;
+			color: #999;
+		}
+		.file-draft,
+		.file-lock {
+			margin-left: 8px;
+			color: #999;
+		}
+
+		.tag-view {
+			display: inline;
+			margin-left: 3px;
+			vertical-align: text-bottom;
+		}
+		&.document-header-h1 {
+			.document-name,
+			.document-pre {
+				font-size: @heading-1-size;
+				line-height: @heading-1-size;
+			}
+			.document-pre {
+				margin-right: ceil((@heading-1-size / @heading-1-size) * 10);
+			}
+
+			&.bar-align-title {
+				.document-pre {
+					font-size: ceil(@heading-1-size * 1.184);
+					line-height: floor(@heading-1-size * 1.4);
+				}
+			}
+			&.bar-align-left {
+				.document-pre {
+					font-size: floor(@heading-1-size * 0.85);
+				}
+			}
+		}
+		&.document-header-h2 {
+			.document-name,
+			.document-pre {
+				font-size: @heading-2-size;
+				line-height: @heading-2-size;
+			}
+
+			.document-pre {
+				margin-right: ceil((@heading-2-size / @heading-1-size) * 10);
+			}
+
+			&.bar-align-title {
+				.document-pre {
+					font-size: ceil(@heading-2-size * 1.184);
+					line-height: floor(@heading-2-size * 1.4);
+				}
+			}
+			&.bar-align-left {
+				.document-pre {
+					font-size: floor(@heading-2-size * 0.85);
+				}
+			}
+		}
+		&.document-header-h3 {
+			.document-name,
+			.document-pre {
+				font-size: @heading-3-size;
+				line-height: @heading-3-size;
+			}
+
+			.document-pre {
+				font-size: ceil(@heading-3-size * 0.8);
+				margin-right: ceil((@heading-3-size / @heading-1-size) * 10);
+				> svg {
+					//vertical-align: bottom;
+				}
+			}
+		}
+		&.document-header-h4 {
+			.document-name,
+			.document-pre {
+				font-size: @heading-4-size;
+				line-height: @heading-4-size;
+			}
+
+			.document-pre {
+				font-size: ceil(@heading-4-size * 0.8);
+				margin-right: ceil((@heading-4-size / @heading-1-size) * 10);
+				> svg {
+					vertical-align: bottom;
+				}
+			}
+		}
+		&.document-header-hover {
+			align-items: center;
+			cursor: pointer;
+			.tools-bar {
+				display: none;
+			}
+			.tools-bar.show {
+				display: block;
+			}
+			&:hover {
+				.document-name,
+				.quick-data-bar {
+					// opacity: 0.5;
+				}
+			}
+		}
+	}
+}

package/es/components/DocumentHeader/state.d.ts

@@ -1,24 +1,24 @@
-import { DocumentHeaderProps, DocumentStore } from "@voplus/morpho-document-core";
-export declare class State {
-    private store;
-    props: DocumentHeaderProps;
-    /** Name of document */
-    name: string;
-    /** Visible of Edit name */
-    editVisible: boolean;
-    /** Visible of quickView */
-    quickViewVisible: boolean;
-    /** isHover ? onMouseOver : onMouseLeave */
-    isHover: boolean;
-    /** Loading of save name */
-    loading: boolean;
-    constructor(store: DocumentStore);
-    /**move document*/
-    onMove: () => void;
-    /**paste document*/
-    onPaste: () => void;
-    /** hide the editor and try to auto save name if changed. */
-    tryHideEditor: (existingName: string) => Promise<void>;
-    onMouse(over: boolean): void;
-    get id(): string;
-}
+import { DocumentHeaderProps, DocumentStore } from "@voplus/morpho-document-core";
+export declare class State {
+    private store;
+    props: DocumentHeaderProps;
+    /** Name of document */
+    name: string;
+    /** Visible of Edit name */
+    editVisible: boolean;
+    /** Visible of quickView */
+    quickViewVisible: boolean;
+    /** isHover ? onMouseOver : onMouseLeave */
+    isHover: boolean;
+    /** Loading of save name */
+    loading: boolean;
+    constructor(store: DocumentStore);
+    /**move document*/
+    onMove: () => void;
+    /**paste document*/
+    onPaste: () => void;
+    /** hide the editor and try to auto save name if changed. */
+    tryHideEditor: (existingName: string) => Promise<void>;
+    onMouse(over: boolean): void;
+    get id(): string;
+}

package/es/components/DocumentHeader/state.js

@@ -1,135 +1,135 @@
-import { __decorate } from "tslib";
-import { action, computed, makeObservable, observable, runInAction } from "mobx";
-export class State {
-    constructor(store) {
-        Object.defineProperty(this, "store", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: store
-        });
-        Object.defineProperty(this, "props", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** Name of document */
-        Object.defineProperty(this, "name", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        /** Visible of Edit name */
-        Object.defineProperty(this, "editVisible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** Visible of quickView */
-        Object.defineProperty(this, "quickViewVisible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** isHover ? onMouseOver : onMouseLeave */
-        Object.defineProperty(this, "isHover", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** Loading of save name */
-        Object.defineProperty(this, "loading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /**move document*/
-        Object.defineProperty(this, "onMove", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                // this.store.cut([this.id]);
-            }
-        });
-        /**paste document*/
-        Object.defineProperty(this, "onPaste", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                // if (this.store.moveIds.some((id: string) => id === this.id)) {
-                // 	return message.warn("Cannot move to itself");
-                // }
-                // return this.store.paste(this.id);
-            }
-        });
-        /** hide the editor and try to auto save name if changed. */
-        Object.defineProperty(this, "tryHideEditor", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async (existingName) => {
-                if (this.props.autoSaveName && this.name && this.name.trim() !== existingName) {
-                    try {
-                        this.loading = true;
-                        await this.store
-                            .edit(this.id, { data: { Name: this.name }, error: "message" })
-                            .then(() => runInAction(() => (this.loading = false)));
-                    }
-                    catch (error) {
-                        runInAction(() => (this.loading = false));
-                    }
-                }
-                runInAction(() => this.props.editMode === undefined
-                    ? (this.editVisible = false)
-                    : (this.editVisible = this.props.editMode));
-            }
-        });
-        makeObservable(this);
-    }
-    onMouse(over) {
-        this.props.onMouse ? this.props.onMouse(over) : (this.isHover = over);
-    }
-    get id() {
-        return (this.props && this.props.id) || "";
-    }
-}
-__decorate([
-    observable
-], State.prototype, "name", void 0);
-__decorate([
-    observable
-], State.prototype, "editVisible", void 0);
-__decorate([
-    observable
-], State.prototype, "quickViewVisible", void 0);
-__decorate([
-    observable
-], State.prototype, "isHover", void 0);
-__decorate([
-    observable
-], State.prototype, "loading", void 0);
-__decorate([
-    action
-], State.prototype, "onMove", void 0);
-__decorate([
-    action
-], State.prototype, "onPaste", void 0);
-__decorate([
-    action
-], State.prototype, "tryHideEditor", void 0);
-__decorate([
-    action
-    /** item onMouseOver / onMouseLeave  */
-], State.prototype, "onMouse", null);
-__decorate([
-    computed
-], State.prototype, "id", null);
+import { __decorate } from "tslib";
+import { action, computed, makeObservable, observable, runInAction } from "mobx";
+export class State {
+    constructor(store) {
+        Object.defineProperty(this, "store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: store
+        });
+        Object.defineProperty(this, "props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** Name of document */
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        /** Visible of Edit name */
+        Object.defineProperty(this, "editVisible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** Visible of quickView */
+        Object.defineProperty(this, "quickViewVisible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** isHover ? onMouseOver : onMouseLeave */
+        Object.defineProperty(this, "isHover", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** Loading of save name */
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /**move document*/
+        Object.defineProperty(this, "onMove", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                // this.store.cut([this.id]);
+            }
+        });
+        /**paste document*/
+        Object.defineProperty(this, "onPaste", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                // if (this.store.moveIds.some((id: string) => id === this.id)) {
+                // 	return message.warn("Cannot move to itself");
+                // }
+                // return this.store.paste(this.id);
+            }
+        });
+        /** hide the editor and try to auto save name if changed. */
+        Object.defineProperty(this, "tryHideEditor", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: async (existingName) => {
+                if (this.props.autoSaveName && this.name && this.name.trim() !== existingName) {
+                    try {
+                        this.loading = true;
+                        await this.store
+                            .edit(this.id, { data: { Name: this.name }, error: "message" })
+                            .then(() => runInAction(() => (this.loading = false)));
+                    }
+                    catch (error) {
+                        runInAction(() => (this.loading = false));
+                    }
+                }
+                runInAction(() => this.props.editMode === undefined
+                    ? (this.editVisible = false)
+                    : (this.editVisible = this.props.editMode));
+            }
+        });
+        makeObservable(this);
+    }
+    onMouse(over) {
+        this.props.onMouse ? this.props.onMouse(over) : (this.isHover = over);
+    }
+    get id() {
+        return (this.props && this.props.id) || "";
+    }
+}
+__decorate([
+    observable
+], State.prototype, "name", void 0);
+__decorate([
+    observable
+], State.prototype, "editVisible", void 0);
+__decorate([
+    observable
+], State.prototype, "quickViewVisible", void 0);
+__decorate([
+    observable
+], State.prototype, "isHover", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    action
+], State.prototype, "onMove", void 0);
+__decorate([
+    action
+], State.prototype, "onPaste", void 0);
+__decorate([
+    action
+], State.prototype, "tryHideEditor", void 0);
+__decorate([
+    action
+    /** item onMouseOver / onMouseLeave  */
+], State.prototype, "onMouse", null);
+__decorate([
+    computed
+], State.prototype, "id", null);
 //# sourceMappingURL=state.js.map

package/es/components/DocumentItem/DefaultDocumentItem.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { DocumentItemProps } from "./state";
-declare const DefaultDocumentItem: {
-    (props: DocumentItemProps): JSX.Element;
-    defaultProps: {
-        includes: string;
-    };
-};
-export default DefaultDocumentItem;
+/// <reference types="react" />
+import { DocumentItemProps } from "./state";
+declare const DefaultDocumentItem: {
+    (props: DocumentItemProps): JSX.Element;
+    defaultProps: {
+        includes: string;
+    };
+};
+export default DefaultDocumentItem;