@voplus/morpho-document 1.4.96 → 1.4.97

package/es/components/AdvanceSearch/index.js

@@ -1,130 +1,130 @@
-import React from "react";
-import { Select } from "@voplus/antd";
-import style from "./index.less";
-/** @deprecated */
-export default () => {
-    const { Option } = Select;
-    const data = [
-        [
-            { id: 1, name: "Any Type" },
-            { id: 2, name: "Audio" },
-            { id: 3, name: "Note" },
-            { id: 4, name: "Document" },
-            { id: 5, name: "Drawing" },
-            { id: 6, name: "Folder" },
-            { id: 7, name: "Image" },
-            { id: 8, name: "PDF" },
-            { id: 9, name: "Presentation" },
-            { id: 10, name: "Spreadsheet" },
-            { id: 12, name: "Video" },
-            { id: 13, name: "3D" },
-        ],
-        [
-            { id: 1, name: "Any Type" },
-            { id: 2, name: "Audio" },
-            { id: 3, name: "Note" },
-            { id: 4, name: "Document" },
-            { id: 5, name: "Drawing" },
-            { id: 6, name: "Folder" },
-            { id: 7, name: "Image" },
-            { id: 8, name: "PDF" },
-            { id: 9, name: "Presentation" },
-            { id: 10, name: "Spreadsheet" },
-            { id: 12, name: "Video" },
-            { id: 13, name: "3D" },
-        ],
-        [
-            { id: 1, name: "Any Type" },
-            { id: 2, name: "Audio" },
-            { id: 3, name: "Note" },
-            { id: 4, name: "Document" },
-            { id: 5, name: "Drawing" },
-            { id: 6, name: "Folder" },
-            { id: 7, name: "Image" },
-            { id: 8, name: "PDF" },
-            { id: 9, name: "Presentation" },
-            { id: 10, name: "Spreadsheet" },
-            { id: 12, name: "Video" },
-            { id: 13, name: "3D" },
-        ],
-        [
-            { id: 1, name: "Any Type" },
-            { id: 2, name: "Audio" },
-            { id: 3, name: "Note" },
-            { id: 4, name: "Document" },
-            { id: 5, name: "Drawing" },
-            { id: 6, name: "Folder" },
-            { id: 7, name: "Image" },
-            { id: 8, name: "PDF" },
-            { id: 9, name: "Presentation" },
-            { id: 10, name: "Spreadsheet" },
-            { id: 12, name: "Video" },
-            { id: 13, name: "3D" },
-        ],
-        [
-            { id: 1, name: "Any Type" },
-            { id: 2, name: "Audio" },
-            { id: 3, name: "Note" },
-            { id: 4, name: "Document" },
-            { id: 5, name: "Drawing" },
-            { id: 6, name: "Folder" },
-            { id: 7, name: "Image" },
-            { id: 8, name: "PDF" },
-            { id: 9, name: "Presentation" },
-            { id: 10, name: "Spreadsheet" },
-            { id: 12, name: "Video" },
-            { id: 13, name: "3D" },
-        ],
-        [
-            { id: 1, name: "Any Type" },
-            { id: 2, name: "Audio" },
-            { id: 3, name: "Note" },
-            { id: 4, name: "Document" },
-            { id: 5, name: "Drawing" },
-            { id: 6, name: "Folder" },
-            { id: 7, name: "Image" },
-            { id: 8, name: "PDF" },
-            { id: 9, name: "Presentation" },
-            { id: 10, name: "Spreadsheet" },
-            { id: 12, name: "Video" },
-            { id: 13, name: "3D" },
-        ],
-        [
-            { id: 1, name: "Any Type" },
-            { id: 2, name: "Audio" },
-            { id: 3, name: "Note" },
-            { id: 4, name: "Document" },
-            { id: 5, name: "Drawing" },
-            { id: 6, name: "Folder" },
-            { id: 7, name: "Image" },
-            { id: 8, name: "PDF" },
-            { id: 9, name: "Presentation" },
-            { id: 10, name: "Spreadsheet" },
-            { id: 12, name: "Video" },
-            { id: 13, name: "3D" },
-        ],
-        [
-            { id: 1, name: "Any Type" },
-            { id: 2, name: "Audio" },
-            { id: 3, name: "Note" },
-            { id: 4, name: "Document" },
-            { id: 5, name: "Drawing" },
-            { id: 6, name: "Folder" },
-            { id: 7, name: "Image" },
-            { id: 8, name: "PDF" },
-            { id: 9, name: "Presentation" },
-            { id: 10, name: "Spreadsheet" },
-            { id: 12, name: "Video" },
-            { id: 13, name: "3D" },
-        ],
-    ];
-    function handleChange(value) {
-        //console.log(`selected ${value}`);
-    }
-    return (React.createElement("div", { className: style.screen }, data.map((items, index) => {
-        return (React.createElement(Select, { key: index, defaultValue: "Any Type", dropdownClassName: style["fffff"], style: { width: 130 }, dropdownStyle: { maxHeight: "auto" }, onChange: handleChange }, items.map((items) => {
-            return (React.createElement(Option, { key: items.name, value: items.name }, items.name));
-        })));
-    })));
-};
+import React from "react";
+import { Select } from "@voplus/antd";
+import style from "./index.less";
+/** @deprecated */
+export default () => {
+    const { Option } = Select;
+    const data = [
+        [
+            { id: 1, name: "Any Type" },
+            { id: 2, name: "Audio" },
+            { id: 3, name: "Note" },
+            { id: 4, name: "Document" },
+            { id: 5, name: "Drawing" },
+            { id: 6, name: "Folder" },
+            { id: 7, name: "Image" },
+            { id: 8, name: "PDF" },
+            { id: 9, name: "Presentation" },
+            { id: 10, name: "Spreadsheet" },
+            { id: 12, name: "Video" },
+            { id: 13, name: "3D" },
+        ],
+        [
+            { id: 1, name: "Any Type" },
+            { id: 2, name: "Audio" },
+            { id: 3, name: "Note" },
+            { id: 4, name: "Document" },
+            { id: 5, name: "Drawing" },
+            { id: 6, name: "Folder" },
+            { id: 7, name: "Image" },
+            { id: 8, name: "PDF" },
+            { id: 9, name: "Presentation" },
+            { id: 10, name: "Spreadsheet" },
+            { id: 12, name: "Video" },
+            { id: 13, name: "3D" },
+        ],
+        [
+            { id: 1, name: "Any Type" },
+            { id: 2, name: "Audio" },
+            { id: 3, name: "Note" },
+            { id: 4, name: "Document" },
+            { id: 5, name: "Drawing" },
+            { id: 6, name: "Folder" },
+            { id: 7, name: "Image" },
+            { id: 8, name: "PDF" },
+            { id: 9, name: "Presentation" },
+            { id: 10, name: "Spreadsheet" },
+            { id: 12, name: "Video" },
+            { id: 13, name: "3D" },
+        ],
+        [
+            { id: 1, name: "Any Type" },
+            { id: 2, name: "Audio" },
+            { id: 3, name: "Note" },
+            { id: 4, name: "Document" },
+            { id: 5, name: "Drawing" },
+            { id: 6, name: "Folder" },
+            { id: 7, name: "Image" },
+            { id: 8, name: "PDF" },
+            { id: 9, name: "Presentation" },
+            { id: 10, name: "Spreadsheet" },
+            { id: 12, name: "Video" },
+            { id: 13, name: "3D" },
+        ],
+        [
+            { id: 1, name: "Any Type" },
+            { id: 2, name: "Audio" },
+            { id: 3, name: "Note" },
+            { id: 4, name: "Document" },
+            { id: 5, name: "Drawing" },
+            { id: 6, name: "Folder" },
+            { id: 7, name: "Image" },
+            { id: 8, name: "PDF" },
+            { id: 9, name: "Presentation" },
+            { id: 10, name: "Spreadsheet" },
+            { id: 12, name: "Video" },
+            { id: 13, name: "3D" },
+        ],
+        [
+            { id: 1, name: "Any Type" },
+            { id: 2, name: "Audio" },
+            { id: 3, name: "Note" },
+            { id: 4, name: "Document" },
+            { id: 5, name: "Drawing" },
+            { id: 6, name: "Folder" },
+            { id: 7, name: "Image" },
+            { id: 8, name: "PDF" },
+            { id: 9, name: "Presentation" },
+            { id: 10, name: "Spreadsheet" },
+            { id: 12, name: "Video" },
+            { id: 13, name: "3D" },
+        ],
+        [
+            { id: 1, name: "Any Type" },
+            { id: 2, name: "Audio" },
+            { id: 3, name: "Note" },
+            { id: 4, name: "Document" },
+            { id: 5, name: "Drawing" },
+            { id: 6, name: "Folder" },
+            { id: 7, name: "Image" },
+            { id: 8, name: "PDF" },
+            { id: 9, name: "Presentation" },
+            { id: 10, name: "Spreadsheet" },
+            { id: 12, name: "Video" },
+            { id: 13, name: "3D" },
+        ],
+        [
+            { id: 1, name: "Any Type" },
+            { id: 2, name: "Audio" },
+            { id: 3, name: "Note" },
+            { id: 4, name: "Document" },
+            { id: 5, name: "Drawing" },
+            { id: 6, name: "Folder" },
+            { id: 7, name: "Image" },
+            { id: 8, name: "PDF" },
+            { id: 9, name: "Presentation" },
+            { id: 10, name: "Spreadsheet" },
+            { id: 12, name: "Video" },
+            { id: 13, name: "3D" },
+        ],
+    ];
+    function handleChange(value) {
+        //console.log(`selected ${value}`);
+    }
+    return (React.createElement("div", { className: style.screen }, data.map((items, index) => {
+        return (React.createElement(Select, { key: index, defaultValue: "Any Type", dropdownClassName: style["fffff"], style: { width: 130 }, dropdownStyle: { maxHeight: "auto" }, onChange: handleChange }, items.map((items) => {
+            return (React.createElement(Option, { key: items.name, value: items.name }, items.name));
+        })));
+    })));
+};
 //# sourceMappingURL=index.js.map

package/es/components/AdvanceSearch/index.less

@@ -0,0 +1,21 @@
+.screen {
+	display: flex;
+	height: 60px;
+	justify-content: space-around;
+	align-items: center;
+	border: 1px solid #000000;
+	margin: 0 25px 0 38px;
+	:global {
+		.ant-select-selection--single {
+			border: none;
+		}
+	}
+}
+.fffff {
+	:global {
+		.ant-select-dropdown-menu {
+			height: 100%;
+			max-height: 60%;
+		}
+	}
+}

package/es/components/DescriptionDocumentList/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-/** 一個包含 DocumentDescription和DocumentList的組件 */
-declare const DescriptionDocumentList: (props: {
-    id: string;
-}) => JSX.Element;
-export default DescriptionDocumentList;
+/// <reference types="react" />
+/** 一個包含 DocumentDescription和DocumentList的組件 */
+declare const DescriptionDocumentList: (props: {
+    id: string;
+}) => JSX.Element;
+export default DescriptionDocumentList;

package/es/components/DescriptionDocumentList/index.js

@@ -1,21 +1,21 @@
-import React from "react";
-import DescriptionEditor from "../../controls/DescriptionEditor";
-import { Skeleton } from "@voplus/antd";
-import SubDocumentList from "../DocumentList";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-import { useDocument } from "@voplus/morpho-document-core";
-/** 一個包含 DocumentDescription和DocumentList的組件 */
-const DescriptionDocumentList = (props) => {
-    const id = props.id;
-    // const [reloadList, setReloadList] = useState(false); //是否重新加载
-    const document = useDocument(id, { reload: false });
-    // useEffect(() => {
-    // 	setReloadList(document.readonly ? true : false);
-    // }, [document.readonly]);
-    return observe(() => (React.createElement("div", { className: styles["description-document-list"] },
-        React.createElement("div", { className: "document-description" }, document.loading ? (React.createElement(Skeleton, { loading: document.loading, active: true })) : (React.createElement(DescriptionEditor, { id: id, description: document.description, readonly: document.readonly, padding: "0 0 0.75rem 0" }))),
-        React.createElement(SubDocumentList, { id: id, parentName: document.name, reload: document.readonly, multiple: true, addAble: !document.readonly }))));
-};
-export default DescriptionDocumentList;
+import React from "react";
+import DescriptionEditor from "../../controls/DescriptionEditor";
+import { Skeleton } from "@voplus/antd";
+import SubDocumentList from "../DocumentList";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useDocument } from "@voplus/morpho-document-core";
+/** 一個包含 DocumentDescription和DocumentList的組件 */
+const DescriptionDocumentList = (props) => {
+    const id = props.id;
+    // const [reloadList, setReloadList] = useState(false); //是否重新加载
+    const document = useDocument(id, { reload: false });
+    // useEffect(() => {
+    // 	setReloadList(document.readonly ? true : false);
+    // }, [document.readonly]);
+    return observe(() => (React.createElement("div", { className: styles["description-document-list"] },
+        React.createElement("div", { className: "document-description" }, document.loading ? (React.createElement(Skeleton, { loading: document.loading, active: true })) : (React.createElement(DescriptionEditor, { id: id, description: document.description, readonly: document.readonly, padding: "0 0 0.75rem 0" }))),
+        React.createElement(SubDocumentList, { id: id, parentName: document.name, reload: document.readonly, multiple: true, addAble: !document.readonly }))));
+};
+export default DescriptionDocumentList;
 //# sourceMappingURL=index.js.map

package/es/components/DescriptionDocumentList/index.less

@@ -0,0 +1,14 @@
+@import "../styles/common.less";
+.description-document-list {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	:global {
+		.document-description {
+			padding: 10px 0px;
+		}
+		.ant-upload.ant-upload-drag .ant-upload-drag-container {
+			height: 100%;
+		}
+	}
+}

package/es/components/DocumentBreadCrumbsHeader/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare const DocumentBreadCrumbsHeader: (props: {
-    id: string;
-    onBreadCrumb?: ((params?: any) => void) | undefined;
-}) => JSX.Element;
-export default DocumentBreadCrumbsHeader;
+/// <reference types="react" />
+declare const DocumentBreadCrumbsHeader: (props: {
+    id: string;
+    onBreadCrumb?: ((params?: any) => void) | undefined;
+}) => JSX.Element;
+export default DocumentBreadCrumbsHeader;

package/es/components/DocumentBreadCrumbsHeader/index.js

@@ -1,11 +1,11 @@
-import BreadCrumbsHeader from "@voplus/morpho-ui/es/components/layout/ListView/headers/BreadCrumbsHeader";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useDocument } from "@voplus/morpho-document-core";
-const DocumentBreadCrumbsHeader = (props) => {
-    const { id, onBreadCrumb } = props;
-    const doc = useDocument(id, { reload: (i) => !i.path, includes: "path" });
-    return observe(() => (React.createElement(BreadCrumbsHeader, { current: { id: doc.id, name: doc.name }, path: doc.path, onBreadCrumb: onBreadCrumb })));
-};
-export default DocumentBreadCrumbsHeader;
+import BreadCrumbsHeader from "@voplus/morpho-ui/es/components/layout/ListView/headers/BreadCrumbsHeader";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+const DocumentBreadCrumbsHeader = (props) => {
+    const { id, onBreadCrumb } = props;
+    const doc = useDocument(id, { reload: (i) => !i.path, includes: "path" });
+    return observe(() => (React.createElement(BreadCrumbsHeader, { current: { id: doc.id, name: doc.name }, path: doc.path, onBreadCrumb: onBreadCrumb })));
+};
+export default DocumentBreadCrumbsHeader;
 //# sourceMappingURL=index.js.map

package/es/components/DocumentCard/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { DocumentCardProps } from "@voplus/morpho-document-core";
-declare const DocumentCard: (props: DocumentCardProps) => JSX.Element;
-export default DocumentCard;
+/// <reference types="react" />
+import { DocumentCardProps } from "@voplus/morpho-document-core";
+declare const DocumentCard: (props: DocumentCardProps) => JSX.Element;
+export default DocumentCard;

package/es/components/DocumentCard/index.js

@@ -1,40 +1,40 @@
-import { Button, Checkbox } from "@voplus/antd";
-import { useDocument, useDocumentStore } from "@voplus/morpho-document-core";
-import { Edit, Open } from "../../controls/ToolBar/buttons";
-import React, { useState } from "react";
-import { faSave, faUndo } from "@fortawesome/pro-light-svg-icons";
-import Card from "@voplus/morpho-ui/es/controls/Card";
-import DocumentHeader from "../DocumentHeader";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import FlagIcon from "../../controls/data-icons/FlagIcon";
-import { State } from "./state";
-import ToolBar from "../../controls/ToolBar/ToolBar2";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import styles from "./index.less";
-const DocumentCard = (props) => {
-    const documentStore = useDocumentStore();
-    const [state] = useState(new State(documentStore));
-    const [parentReadonly] = useState(false);
-    // state.reload = !!props.reload;
-    const document = useDocument(props.id, { reload: parentReadonly });
-    state.update(document);
-    const readonly = state.document.status === "Readonly";
-    const { multiple } = props;
-    return observe(() => (React.createElement(Card, { className: styles["document-card"], padding: "15px 12px", shadow: false, hoverShadow: true, onDoubleClick: props.onDoubleClick },
-        React.createElement("div", { className: "document-card-item", onMouseOver: () => runInAction(() => (state.isHover = true)), onMouseLeave: () => runInAction(() => (state.isHover = false)) },
-            React.createElement(DocumentHeader, { id: props.id, quickDataBarAlign: "left", clickNameEffect: "default", editMode: state.editable, pre: multiple ? (React.createElement(Checkbox, { value: state.document.id, className: "multiple-box" })) : (React.createElement(FlagIcon, { id: props.id, flag: state.document.flag, editable: !state.document.readonly, className: "flag-icon" })), flagVisible: false, toolsVisible: false, onChange: (name) => (state.name = name), ...props.headerProps }),
-            React.createElement("div", { className: "document-card-label" },
-                !state.editable && (React.createElement("div", { className: classnames("hover-operate-icon", { show: state.isHover }) },
-                    React.createElement(ToolBar, { id: props.id },
-                        React.createElement(Open, { url: `/document/${props.id}` }),
-                        React.createElement(Edit, { action: () => state.onEdit() })))),
-                state.editable && (React.createElement("div", { className: "document-card-editable-name" },
-                    React.createElement(Button, { shape: "circle", size: "small", onClick: () => runInAction(() => (state.editable = false)) },
-                        React.createElement(FAIcon, { icon: faUndo })),
-                    React.createElement(Button, { type: "primary", ghost: true, shape: "circle", size: "small", disabled: !state.hasChanges, loading: state.loading, className: "margin-left-10", onClick: () => state.save() },
-                        React.createElement(FAIcon, { icon: faSave })))))))));
-};
-export default DocumentCard;
+import { Button, Checkbox } from "@voplus/antd";
+import { useDocument, useDocumentStore } from "@voplus/morpho-document-core";
+import { Edit, Open } from "../../controls/ToolBar/buttons";
+import React, { useState } from "react";
+import { faSave, faUndo } from "@fortawesome/pro-light-svg-icons";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import DocumentHeader from "../DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FlagIcon from "../../controls/data-icons/FlagIcon";
+import { State } from "./state";
+import ToolBar from "../../controls/ToolBar/ToolBar2";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+const DocumentCard = (props) => {
+    const documentStore = useDocumentStore();
+    const [state] = useState(new State(documentStore));
+    const [parentReadonly] = useState(false);
+    // state.reload = !!props.reload;
+    const document = useDocument(props.id, { reload: parentReadonly });
+    state.update(document);
+    const readonly = state.document.status === "Readonly";
+    const { multiple } = props;
+    return observe(() => (React.createElement(Card, { className: styles["document-card"], padding: "15px 12px", shadow: false, hoverShadow: true, onDoubleClick: props.onDoubleClick },
+        React.createElement("div", { className: "document-card-item", onMouseOver: () => runInAction(() => (state.isHover = true)), onMouseLeave: () => runInAction(() => (state.isHover = false)) },
+            React.createElement(DocumentHeader, { id: props.id, quickDataBarAlign: "left", clickNameEffect: "default", editMode: state.editable, pre: multiple ? (React.createElement(Checkbox, { value: state.document.id, className: "multiple-box" })) : (React.createElement(FlagIcon, { id: props.id, flag: state.document.flag, editable: !state.document.readonly, className: "flag-icon" })), flagVisible: false, toolsVisible: false, onChange: (name) => (state.name = name), ...props.headerProps }),
+            React.createElement("div", { className: "document-card-label" },
+                !state.editable && (React.createElement("div", { className: classnames("hover-operate-icon", { show: state.isHover }) },
+                    React.createElement(ToolBar, { id: props.id },
+                        React.createElement(Open, { url: `/document/${props.id}` }),
+                        React.createElement(Edit, { action: () => state.onEdit() })))),
+                state.editable && (React.createElement("div", { className: "document-card-editable-name" },
+                    React.createElement(Button, { shape: "circle", size: "small", onClick: () => runInAction(() => (state.editable = false)) },
+                        React.createElement(FAIcon, { icon: faUndo })),
+                    React.createElement(Button, { type: "primary", ghost: true, shape: "circle", size: "small", disabled: !state.hasChanges, loading: state.loading, className: "margin-left-10", onClick: () => state.save() },
+                        React.createElement(FAIcon, { icon: faSave })))))))));
+};
+export default DocumentCard;
 //# sourceMappingURL=index.js.map

package/es/components/DocumentCard/index.less

@@ -0,0 +1,116 @@
+@import "~@voplus/antd/es/style/themes/index.less";
+
+.document-card {
+	// margin-bottom: 15px;
+	background: #ffffff;
+	cursor: pointer;
+	border-radius: 3px;
+	border: 1px solid rgba(0, 0, 0, 0.075);
+	:global {
+		.document-header-default {
+			padding: unset;
+			margin-bottom: 0.5rem;
+			.flag-icon {
+				margin-left: unset;
+			}
+		}
+		.document-card-control {
+			display: flex;
+			align-items: center;
+			font-size: 13px;
+			color: #666;
+			line-height: 24px;
+			& > span {
+				display: flex;
+				align-items: center;
+			}
+			& > span + span {
+				margin-left: 8px;
+			}
+			> span:hover {
+				color: @primary-color;
+			}
+			.document-icon-move {
+				&:hover {
+					color: #666;
+				}
+				.svg-inline--fa {
+					margin-right: 0;
+				}
+			}
+			.svg-inline--fa {
+				margin-right: 5px;
+			}
+		}
+		.document-card-label {
+			height: 24px;
+			margin-top: 4px;
+			.item {
+				display: inline-block;
+				font-size: 13px;
+				height: 22px;
+				line-height: 20px;
+				padding: 0 11px 0 8px;
+				color: #a50909;
+				background: #fbc7c8;
+				border-top-right-radius: 11px;
+				border-bottom-right-radius: 11px;
+				border-top-left-radius: 2px;
+				border-bottom-left-radius: 2px;
+				margin-right: 10px;
+				&.project {
+					color: #5d0303;
+					background: #d6bdbd;
+				}
+				.close {
+					float: right;
+					margin-left: 4px;
+					margin-top: 1px;
+					font-size: 10px;
+				}
+				.svg-inline--fa {
+					transform: scale(0.7, 0.9);
+				}
+			}
+		}
+		.hover-operate-icon {
+			opacity: 0;
+			height: 0;
+			transition: height 0.3s, opacity 0.4s ease-out;
+			&.show {
+				height: auto;
+				opacity: 1;
+			}
+			.ant-dropdown-trigger {
+				float: right;
+			}
+			.ant-btn {
+				margin: 0 8px 0 0;
+			}
+			.ant-btn + .ant-btn {
+				margin-left: 0;
+			}
+		}
+		.document-card-editable-name {
+			display: flex;
+			justify-content: flex-end;
+			.ant-btn {
+				margin-left: 8px;
+			}
+		}
+		.document-card-item {
+			.document-icon-move {
+				opacity: 0;
+				cursor: move;
+				font-size: 16px;
+			}
+			&:hover .document-icon-move,
+			.document-icon-move.show {
+				opacity: 1;
+			}
+			&.opacity {
+				opacity: 0.5;
+			}
+		}
+	}
+}

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

@@ -1,16 +1,16 @@
-import { DocumentStore, IDocument } from "@voplus/morpho-document-core";
-export declare class State {
-    private store;
-    document: IDocument;
-    id: string;
-    name: string;
-    editable: boolean;
-    loading: boolean;
-    isHover: boolean;
-    reload: boolean;
-    constructor(store: DocumentStore);
-    get hasChanges(): boolean | undefined;
-    update(document: IDocument): void;
-    save: () => Promise<void>;
-    onEdit: () => void;
-}
+import { DocumentStore, IDocument } from "@voplus/morpho-document-core";
+export declare class State {
+    private store;
+    document: IDocument;
+    id: string;
+    name: string;
+    editable: boolean;
+    loading: boolean;
+    isHover: boolean;
+    reload: boolean;
+    constructor(store: DocumentStore);
+    get hasChanges(): boolean | undefined;
+    update(document: IDocument): void;
+    save: () => Promise<void>;
+    onEdit: () => void;
+}