@voplus/morpho-document 4.0.3 → 4.0.4

package/es/components/AdvanceSearch/index.js

@@ -1,130 +1,130 @@
-import React from "react";
-import { Select } from "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 "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

@@ -1,21 +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%;
-		}
-	}
-}
+.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 "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 "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

@@ -1,14 +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%;
-		}
-	}
-}
+@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,16 +1,16 @@
-import BreadCrumbsHeader from "@voplus/morpho-ui/es/components/layout/ListView/headers/BreadCrumbsHeader";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import More from "../../controls/ToolBar/buttons/More";
-import React from "react";
-import { faAngleDown } from "@fortawesome/pro-light-svg-icons";
-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("div", { style: { display: "inline-flex" } },
-        React.createElement(BreadCrumbsHeader, { current: { id: doc.id, name: doc.name }, path: doc.path, onBreadCrumb: onBreadCrumb }),
-        React.createElement(More, { id: id, icon: React.createElement(FAIcon, { icon: faAngleDown }), placement: "bottomLeft" }))));
-};
-export default DocumentBreadCrumbsHeader;
+import BreadCrumbsHeader from "@voplus/morpho-ui/es/components/layout/ListView/headers/BreadCrumbsHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import More from "../../controls/ToolBar/buttons/More";
+import React from "react";
+import { faAngleDown } from "@fortawesome/pro-light-svg-icons";
+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("div", { style: { display: "inline-flex" } },
+        React.createElement(BreadCrumbsHeader, { current: { id: doc.id, name: doc.name }, path: doc.path, onBreadCrumb: onBreadCrumb }),
+        React.createElement(More, { id: id, icon: React.createElement(FAIcon, { icon: faAngleDown }), placement: "bottomLeft" }))));
+};
+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 "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 "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