@voplus/morpho-document 1.4.99 → 1.4.101

package/es/components/Links/index.js

@@ -1,91 +1,91 @@
-import React, { useEffect, useState } from "react";
-import { Button, Checkbox, Empty, Spin } from "@voplus/antd";
-import { useDocumentLinkListEffect, useDocumentStore, } from "@voplus/morpho-document-core";
-import { faCheckSquare } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { LoadingOutlined } from "@ant-design/icons";
-import { State } from "./state";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import DocumentSelectDialog from "../DocumentSelectDialog";
-import Scrollbars from "react-custom-scrollbars";
-import NewLinkType from "./NewLinkType";
-import Item from "./Item";
-import styles from "./index.less";
-const Links = (props) => {
-    const { id, isTitle } = props;
-    const documentStore = useDocumentStore();
-    const [state] = useState(new State());
-    useDocumentLinkListEffect(id, (list) => {
-        runInAction(() => {
-            state.links = list;
-            state.loading = false;
-        });
-    });
-    useEffect(() => {
-        documentStore.LinkCreatedEvent.subscribe(onLinkCreated);
-        documentStore.LinkDeletedEvent.subscribe(onLinkDeleted);
-        return () => {
-            documentStore.LinkCreatedEvent.unsubscribe(onLinkCreated);
-            documentStore.LinkDeletedEvent.unsubscribe(onLinkDeleted);
-        };
-    }, []);
-    useEffect(() => {
-        state.links = [];
-    }, [id]);
-    return observe(() => state.loading ? (React.createElement("div", { className: styles["reference-view"] },
-        React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, { className: "margin-top-10" }) }))) : (React.createElement("div", { className: styles["reference-view"] },
-        React.createElement("div", { className: "reference-header" },
-            React.createElement("div", null, !state.multiple ? (React.createElement("div", { className: "multiple-remove", onClick: () => runInAction(() => (state.multiple = true)) },
-                React.createElement(Button, { type: "link" },
-                    React.createElement(FAIcon, { icon: faCheckSquare })),
-                isTitle ? "Links" : " ")) : (React.createElement("div", { className: "multiple-remove-btn" },
-                React.createElement(Checkbox, { onChange: state.onCheckAll, checked: !!state.checkAll }, "Select All"),
-                React.createElement(Button, { type: "link", className: "del-btn", onClick: () => onRemove() }, "Move"),
-                React.createElement(Button, { type: "link", className: "cancel-btn", onClick: () => state.onReset() }, "Cancel")))),
-            React.createElement("div", null,
-                React.createElement(NewLinkType, { menus: ["Association", "Reference", "Dependent"], onSelect: (value) => onCheckType(value) }))),
-        React.createElement(Scrollbars, null,
-            React.createElement(Checkbox.Group, { value: state.ids, onChange: state.onCheck, className: "reference-view-page" }, state.links.length ? (state.links.map((item) => (React.createElement(Item, { key: item.id, id: item.right.id === id ? item.left.id : item.right.id, byLink: item.type !== "Association" && item.right.id === id ? true : false, linkType: item.type, multiple: state.multiple, onRemove: () => onRemove(item.id) })))) : (React.createElement(Empty, null)))),
-        state.visible && (React.createElement(DocumentSelectDialog
-        // parentId={id}
-        , { 
-            // parentId={id}
-            onSelect: onSelect, onCancel: () => runInAction(() => (state.visible = false)) })))));
-    // Add Links
-    async function onSelect(links) {
-        const AddLinks = links.map((x) => ({ Type: state.type, RightId: x.id }));
-        await documentStore.editLinks(id, { data: { AddLinks }, error: "message" });
-        runInAction(() => (state.visible = false));
-    }
-    // single or multiple move
-    async function onRemove(removeId) {
-        const RemoveLinks = removeId
-            ? [removeId]
-            : state.links
-                .filter((item) => state.ids.some((id) => id === item.right.id))
-                .map(({ id }) => id);
-        await documentStore.editLinks(id, { data: { RemoveLinks }, error: "message" });
-        state.onReset();
-    }
-    // Add Link
-    function onLinkCreated(s, t) {
-        state.links = [...state.links, t];
-    }
-    // Remove Link
-    function onLinkDeleted(s, t) {
-        state.links = state.links.filter((item) => item.id !== t.id);
-    }
-    // type: "Association" | "Reference" | "Dependent"
-    function onCheckType(type) {
-        runInAction(() => {
-            state.type = type;
-            state.visible = true;
-        });
-    }
-};
-Links.defaultProps = {
-    isTitle: true,
-};
-export default Links;
+import React, { useEffect, useState } from "react";
+import { Button, Checkbox, Empty, Spin } from "@voplus/antd";
+import { useDocumentLinkListEffect, useDocumentStore, } from "@voplus/morpho-document-core";
+import { faCheckSquare } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { LoadingOutlined } from "@ant-design/icons";
+import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import DocumentSelectDialog from "../DocumentSelectDialog";
+import Scrollbars from "react-custom-scrollbars";
+import NewLinkType from "./NewLinkType";
+import Item from "./Item";
+import styles from "./index.less";
+const Links = (props) => {
+    const { id, isTitle } = props;
+    const documentStore = useDocumentStore();
+    const [state] = useState(new State());
+    useDocumentLinkListEffect(id, (list) => {
+        runInAction(() => {
+            state.links = list;
+            state.loading = false;
+        });
+    });
+    useEffect(() => {
+        documentStore.LinkCreatedEvent.subscribe(onLinkCreated);
+        documentStore.LinkDeletedEvent.subscribe(onLinkDeleted);
+        return () => {
+            documentStore.LinkCreatedEvent.unsubscribe(onLinkCreated);
+            documentStore.LinkDeletedEvent.unsubscribe(onLinkDeleted);
+        };
+    }, []);
+    useEffect(() => {
+        state.links = [];
+    }, [id]);
+    return observe(() => state.loading ? (React.createElement("div", { className: styles["reference-view"] },
+        React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, { className: "margin-top-10" }) }))) : (React.createElement("div", { className: styles["reference-view"] },
+        React.createElement("div", { className: "reference-header" },
+            React.createElement("div", null, !state.multiple ? (React.createElement("div", { className: "multiple-remove", onClick: () => runInAction(() => (state.multiple = true)) },
+                React.createElement(Button, { type: "link" },
+                    React.createElement(FAIcon, { icon: faCheckSquare })),
+                isTitle ? "Links" : " ")) : (React.createElement("div", { className: "multiple-remove-btn" },
+                React.createElement(Checkbox, { onChange: state.onCheckAll, checked: !!state.checkAll }, "Select All"),
+                React.createElement(Button, { type: "link", className: "del-btn", onClick: () => onRemove() }, "Move"),
+                React.createElement(Button, { type: "link", className: "cancel-btn", onClick: () => state.onReset() }, "Cancel")))),
+            React.createElement("div", null,
+                React.createElement(NewLinkType, { menus: ["Association", "Reference", "Dependent"], onSelect: (value) => onCheckType(value) }))),
+        React.createElement(Scrollbars, null,
+            React.createElement(Checkbox.Group, { value: state.ids, onChange: state.onCheck, className: "reference-view-page" }, state.links.length ? (state.links.map((item) => (React.createElement(Item, { key: item.id, id: item.right.id === id ? item.left.id : item.right.id, byLink: item.type !== "Association" && item.right.id === id ? true : false, linkType: item.type, multiple: state.multiple, onRemove: () => onRemove(item.id) })))) : (React.createElement(Empty, null)))),
+        state.visible && (React.createElement(DocumentSelectDialog
+        // parentId={id}
+        , { 
+            // parentId={id}
+            onSelect: onSelect, onCancel: () => runInAction(() => (state.visible = false)) })))));
+    // Add Links
+    async function onSelect(links) {
+        const AddLinks = links.map((x) => ({ Type: state.type, RightId: x.id }));
+        await documentStore.editLinks(id, { data: { AddLinks }, error: "message" });
+        runInAction(() => (state.visible = false));
+    }
+    // single or multiple move
+    async function onRemove(removeId) {
+        const RemoveLinks = removeId
+            ? [removeId]
+            : state.links
+                .filter((item) => state.ids.some((id) => id === item.right.id))
+                .map(({ id }) => id);
+        await documentStore.editLinks(id, { data: { RemoveLinks }, error: "message" });
+        state.onReset();
+    }
+    // Add Link
+    function onLinkCreated(s, t) {
+        state.links = [...state.links, t];
+    }
+    // Remove Link
+    function onLinkDeleted(s, t) {
+        state.links = state.links.filter((item) => item.id !== t.id);
+    }
+    // type: "Association" | "Reference" | "Dependent"
+    function onCheckType(type) {
+        runInAction(() => {
+            state.type = type;
+            state.visible = true;
+        });
+    }
+};
+Links.defaultProps = {
+    isTitle: true,
+};
+export default Links;
 //# sourceMappingURL=index.js.map

package/es/components/Links/index.less

@@ -0,0 +1,140 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+
+.reference-view {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+
+	:global {
+		.reference-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin: 5px 20px 0 20px;
+
+			.multiple-remove {
+				font-weight: 600;
+				color: #000;
+				cursor: pointer;
+
+				.ant-btn {
+					padding: 0 10px 0 0;
+					font-size: 16px;
+				}
+			}
+
+			.multiple-remove-btn {
+				.ant-btn {
+					padding: 0 10px;
+					font-style: italic;
+				}
+
+				.del-btn {
+					color: #ff4d4f;
+
+					&:hover {
+						color: #ff7875;
+					}
+				}
+
+				.cancel-btn {
+					color: #666;
+
+					&:hover {
+						color: @primary-color;
+					}
+				}
+			}
+
+			.plus-icon {
+				display: inline-block;
+				padding: 4px;
+				margin-left: 10px;
+				font-size: 13px;
+				line-height: 1px;
+				background: #1abc9c;
+				cursor: pointer;
+			}
+		}
+
+		.reference-view-page {
+			display: block;
+		}
+
+		.reference-item {
+			display: flex;
+			position: relative;
+			justify-content: space-between;
+			border-bottom: 1px solid #E6E6E6;
+			align-items: center;
+			padding: 5px 20px;
+
+			&:hover {
+				cursor: pointer;
+				background-color: #f5f8fd;
+
+				.reference-status-none {
+					display: none;
+				}
+
+				.hover-operate-icon {
+					display: block;
+					opacity: 1;
+				}
+
+				.hover-link-type {
+					display: none;
+				}
+			}
+
+			.reference-item-content {
+				flex: 1;
+				color: #000;
+				font-weight: 500;
+
+				.reference-content {
+					display: flex;
+					flex: 1;
+
+					.type-icon {
+						font-size: 15px;
+						padding-right: 10px;
+					}
+				}
+
+				.task-item-name.task-item-name_done {
+					color: #a8a8a8;
+				}
+
+				.task-control {
+					display: flex;
+					align-items: center;
+					padding: 5px 0;
+					font-size: 13px;
+					color: #444;
+					font-weight: normal;
+
+					> span + span {
+						margin-left: 15px;
+					}
+
+					.svg-inline--fa {
+						margin-right: 5px;
+					}
+				}
+			}
+
+			.hover-operate-icon {
+				display: none;
+			}
+		}
+
+		.ant-empty {
+			font-size: 12px;
+
+			.ant-empty-image {
+				height: 35px;
+			}
+		}
+	}
+}

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

@@ -1,31 +1,31 @@
-import { DocumentLinkType, ILink } from "@voplus/morpho-document-core";
-export declare class State {
-    /** all links */
-    links: ILink[];
-    /** type association list of links */
-    association: ILink[];
-    /** type dependent list of links */
-    dependent: ILink[];
-    /** type reference list of links */
-    reference: ILink[];
-    /** ids of links check */
-    ids: string[];
-    /** render list of type filter links */
-    typeLinks: any[];
-    /**  Type of the Links */
-    type: DocumentLinkType;
-    /** visible of DocumentSelectDialog */
-    visible: boolean;
-    /** all links to check  */
-    checkAll: boolean;
-    /** show multiple links */
-    multiple: boolean;
-    /** data loading */
-    loading: boolean;
-    /** */
-    quickViewVisible: boolean;
-    constructor();
-    onCheck: (checkedValues: string[]) => void;
-    onCheckAll: (e: any) => void;
-    onReset(): void;
-}
+import { DocumentLinkType, ILink } from "@voplus/morpho-document-core";
+export declare class State {
+    /** all links */
+    links: ILink[];
+    /** type association list of links */
+    association: ILink[];
+    /** type dependent list of links */
+    dependent: ILink[];
+    /** type reference list of links */
+    reference: ILink[];
+    /** ids of links check */
+    ids: string[];
+    /** render list of type filter links */
+    typeLinks: any[];
+    /**  Type of the Links */
+    type: DocumentLinkType;
+    /** visible of DocumentSelectDialog */
+    visible: boolean;
+    /** all links to check  */
+    checkAll: boolean;
+    /** show multiple links */
+    multiple: boolean;
+    /** data loading */
+    loading: boolean;
+    /** */
+    quickViewVisible: boolean;
+    constructor();
+    onCheck: (checkedValues: string[]) => void;
+    onCheckAll: (e: any) => void;
+    onReset(): void;
+}