@voplus/morpho-workspace 1.0.0-dev58 → 1.0.0-dev60

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

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 declare const ActivityLog: (props: {
     id: string;
-    showHeader?: boolean | undefined;
     className?: string | undefined;
 }) => JSX.Element;
 export default ActivityLog;

package/es/components/ActivityLog/index.js

@@ -1,91 +1,65 @@
-import React from "react";
-import classnames from "classnames";
-import moment from "moment";
-import { Timeline, Avatar } from "@voplus/antd";
-import { faReceipt, faLockAlt, faClone } from "@fortawesome/pro-light-svg-icons";
+import React, { useState } from "react";
+import { Timeline, Icon } from "@voplus/antd";
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { faPencilAlt, faTrashAlt, faClone, faFilePlus } from "@fortawesome/pro-light-svg-icons";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import { useDocumentActivityListEffect } from "@voplus/morpho-document";
+import { getTypeIcon } from "@voplus/morpho-document/es/components/helper";
 import styles from "./index.less";
+import PageListView from "@voplus/morpho-ui/es/controls/PageListView";
+import { State, getActionIcon, getActionIconColor } from "./state";
+import { useObserver } from "mobx-react-lite";
+import { localFormat } from "../../data/contexts/StoreContext";
+library.add(faPencilAlt, faTrashAlt, faClone, faFilePlus);
 const ActivityLog = (props) => {
     const { id } = props;
+    const [state] = useState(new State());
+    const loadData = () => {
+        state.loading = true;
+        state.page = state.page + 1;
+    };
     useDocumentActivityListEffect(id, list => {
-        console.log(list, "9999");
-    }
-    // {
-    // 	Page: { Page: 1, PageSize: 50 }
-    // }
-    );
-    const data = [
-        {
-            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
-            userName: "John Doe",
-            content: "We supply a series of design principles",
-            datetime: "2019-06-19 1:2:3"
-        },
-        {
-            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
-            content: "We supply a series of design principles",
-            type: "invoice",
-            datetime: "2019-06-8 0:0:9"
-        },
-        {
-            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
-            content: "We supply a series of design principles",
-            type: "right",
-            datetime: "2019-06-26"
-        },
-        {
-            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
-            content: "We supply a series of design principles",
-            type: "message",
-            datetime: "2019-06-26"
-        },
-        {
-            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
-            userName: "John Doe",
-            content: "We supply a series of design principles",
-            datetime: "2019-06-24"
-        },
-        {
-            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
-            content: "We supply a series of design principles",
-            type: "invoice",
-            datetime: "2019-06-25 22:10:22"
-        },
-        {
-            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
-            content: "We supply a series of design principles",
-            type: "right",
-            datetime: "2019-06-26 22:10:22"
-        },
-        {
-            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
-            content: "We supply a series of design principles",
-            type: "message",
-            datetime: "2019-06-26 22:10:22"
-        }
-    ];
-    const dotElement = (type, avatar) => {
-        if (type === "invoice")
-            return (React.createElement("span", { className: "dot-icon", style: { borderColor: "#765fee" } },
-                React.createElement(FAIcon, { icon: faReceipt, color: "#765fee" })));
-        if (type === "right")
-            return (React.createElement("span", { className: "dot-icon", style: { borderColor: "#ff7285" } },
-                React.createElement(FAIcon, { icon: faLockAlt, color: "#ff7285" })));
-        if (type === "message")
-            return (React.createElement("span", { className: "dot-icon", style: { borderColor: "#ffca83" } },
-                React.createElement(FAIcon, { icon: faClone, color: "#ffca83" })));
-        return React.createElement(Avatar, { src: avatar });
+        state.activitys = list || [];
+        state.loading = false;
+    }, {
+        Page: { Page: state.page, PageSize: 50 }
+    });
+    const dotElement = (action, avatar) => {
+        return (React.createElement("span", { className: "dot-icon", style: { borderColor: getActionIconColor(action) } },
+            React.createElement(FAIcon, { icon: getActionIcon(action), color: getActionIconColor(action) })));
+        // if (type === "invoice")
+        // 	return (
+        // 		<span className="dot-icon" style={{ borderColor: "#765fee" }}>
+        // 			<Icon type={getActionIcon(action)} color="#765fee" />
+        // 		</span>
+        // 	);
+        // if (type === "right")
+        // 	return (
+        // 		<span className="dot-icon" style={{ borderColor: "#ff7285" }}>
+        // 			<FAIcon icon={faLockAlt} color="#ff7285" />
+        // 		</span>
+        // 	);
+        // if (type === "message")
+        // 	return (
+        // 		<span className="dot-icon" style={{ borderColor: "#ffca83" }}>
+        // 			<FAIcon icon={faClone} color="#ffca83" />
+        // 		</span>
+        // 	);
+        // return <Avatar src={avatar} />;
     };
-    return (React.createElement("div", { className: classnames(styles["activity-log"], props.className) },
-        props.showHeader && (React.createElement("div", { className: classnames(styles["module-header-title"], styles["margin-bottom-25"], "header") }, "Activity Log")),
-        React.createElement(Timeline, null, data.map((item, index) => (React.createElement(Timeline.Item, { key: index, dot: dotElement(item.type, item.avatar) },
-            React.createElement("p", null,
-                React.createElement("span", null, item.userName ? item.userName + "，" : ""),
-                item.content),
-            React.createElement("p", { className: "date-time" }, moment().diff(moment(item.datetime), "days") > 7
-                ? moment(item.datetime).format("HH:mm:ss DD MMM, YYYY")
-                : moment(item.datetime).fromNow())))))));
+    return useObserver(() => (
+    // <div className={classnames(styles["activity-log"], props.className)}>
+    React.createElement(PageListView, { data: state.activitys, loading: !!state.loading, loadMore: loadData, page: state.page, pageSize: 50 }, (list) => (React.createElement(Timeline, { className: styles["activity-log"] }, list.map((item) => (React.createElement(Timeline.Item, { key: item.id, dot: dotElement(item.action, item.avatar) },
+        React.createElement("div", null,
+            React.createElement("span", { className: "user-name" }, item.subject.name ? item.subject.name : ""),
+            React.createElement("span", { className: "action" }, item.action),
+            item.objects.map((o, index) => (React.createElement("span", { key: o.id },
+                index !== 0 ? "，" : "",
+                React.createElement(Icon, { type: getTypeIcon(o.type) }),
+                o.name)))),
+        React.createElement("p", { className: "date-time" }, localFormat(item.createDate, "HH:mm:ss DD MMM, YYYY"))))))))
+    // </div>
+    ));
 };
 export default ActivityLog;
 //# sourceMappingURL=index.js.map

package/es/components/ActivityLog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/index.tsx"],"names":[],"mappings":"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"}

package/es/components/ActivityLog/index.less

@@ -1,34 +1,47 @@
 @import "../../styles/common.less";
 .activity-log {
+	height: 100%;
+	padding: 13px 0 0 15px;
+	margin: 15px 20px;
 	:global {
 		.ant-timeline {
-			padding: 13px 0 0 15px;
-			.ant-avatar-image {
-				width: 34px;
-				height: 34px;
-				border: 1px solid #f2f2f2;
-			}
-			.dot-icon {
-				display: inline-block;
-				width: 34px;
-				height: 34px;
-				line-height: 32px;
-				border: 1px solid transparent;
-				border-radius: 50%;
-				font-size: 17px;
+		}
+		.ant-avatar-image {
+			width: 34px;
+			height: 34px;
+			border: 1px solid #f2f2f2;
+		}
+		.dot-icon {
+			display: inline-block;
+			width: 34px;
+			height: 34px;
+			line-height: 32px;
+			border: 1px solid transparent;
+			border-radius: 50%;
+			font-size: 17px;
+		}
+		.ant-timeline-item-content {
+			top: -11px;
+			margin: 0 0 0 60px;
+			line-height: 22px;
+			color: #333;
+			.user-name {
+				font-weight: bold;
+				color: #000;
+				padding-right: 10px;
 			}
-			.ant-timeline-item-content {
-				top: -11px;
-				margin: 0 0 0 60px;
-				line-height: 22px;
+			.action {
+				padding-right: 15px;
+				font-weight: 500;
 				color: #000;
-				span {
-					font-weight: bold;
-				}
-				.date-time {
-					font-size: 12px;
-					color: #444;
-				}
+				font-style: italic;
+			}
+			.anticon {
+				margin-right: 5px;
+			}
+			.date-time {
+				font-size: 12px;
+				color: #444;
 			}
 		}
 	}

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

@@ -0,0 +1,13 @@
+import { IActivityLog } from "@voplus/morpho-collaboration/es/data/interfaces";
+export declare const ActivityActionType: {
+    Created: string;
+    Changed: string;
+    Deleted: string;
+};
+export declare const getActionIcon: any;
+export declare const getActionIconColor: (action: string) => "" | "#765fee" | "#ffca83" | "#ff7285";
+export declare class State {
+    activitys: IActivityLog[];
+    page: number;
+    loading: boolean;
+}

package/es/components/ActivityLog/state.js

@@ -0,0 +1,48 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export const ActivityActionType = {
+    Created: "Created",
+    Changed: "Changed",
+    Deleted: "Deleted"
+};
+export const getActionIcon = (action) => {
+    switch (action) {
+        case ActivityActionType.Created:
+            return ["fal", "file-plus"];
+        case ActivityActionType.Changed:
+            return ["fal", "pencil-alt"];
+        case ActivityActionType.Deleted:
+            return ["fal", "trash-alt"];
+        default:
+            return "";
+    }
+};
+export const getActionIconColor = (action) => {
+    switch (action) {
+        case ActivityActionType.Created:
+            return "#765fee";
+        case ActivityActionType.Changed:
+            return "#ffca83";
+        case ActivityActionType.Deleted:
+            return "#ff7285";
+        default:
+            return "";
+    }
+};
+export class State {
+    constructor() {
+        this.activitys = [];
+        this.page = 1;
+        this.loading = true;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "activitys", void 0);
+__decorate([
+    observable
+], State.prototype, "page", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+//# sourceMappingURL=state.js.map

package/es/components/ActivityLog/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIlC,MAAM,CAAC,MAAM,kBAAkB,GAAG;IACjC,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CAClB,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAQ,CAAC,MAAc,EAAE,EAAE;IACpD,QAAQ,MAAM,EAAE;QACf,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAC7B,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QAC9B,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAC7B;YACC,OAAO,EAAE,CAAC;KACX;AACF,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAc,EAAE,EAAE;IACpD,QAAQ,MAAM,EAAE;QACf,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,SAAS,CAAC;QAClB,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,SAAS,CAAC;QAClB,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,SAAS,CAAC;QAClB;YACC,OAAO,EAAE,CAAC;KACX;AACF,CAAC,CAAC;AACF,MAAM,OAAO,KAAK;IAAlB;QACa,cAAS,GAAmB,EAAE,CAAC;QAC/B,SAAI,GAAW,CAAC,CAAC;QACjB,YAAO,GAAY,IAAI,CAAC;IACrC,CAAC;CAAA;AAHY;IAAX,UAAU;wCAAgC;AAC/B;IAAX,UAAU;mCAAkB;AACjB;IAAX,UAAU;sCAAyB"}

package/es/components/AvatarList/AvatarMenu.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AvatarListProps } from "./state";
+declare const AvatarMenu: (props: AvatarListProps) => JSX.Element;
+export default AvatarMenu;

package/es/components/AvatarList/AvatarMenu.js

@@ -0,0 +1,79 @@
+import classnames from "classnames";
+import React, { useEffect, useRef, useState } from "react";
+import { faCheck } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Avatar, Button, Icon, Input, Menu } from "@voplus/antd";
+import { useContactListEffect } from "@voplus/morpho-org";
+import { useObserver } from "mobx-react-lite";
+import { State } from "./state";
+const AvatarMenu = (props) => {
+    const { multiple, list, size, editable, num, onChange } = props;
+    const [state] = useState(new State());
+    const onTick = async (item, checked) => {
+        if (item.disabled || !editable)
+            return;
+        state.itemId = item.id;
+        const checkedIds = state.items.filter(({ checked }) => checked).map(({ id }) => id);
+        const ids = checked ? [...checkedIds, item.id] : checkedIds.filter(id => id !== item.id);
+        if (props.onChange) {
+            state.loading = true;
+            await props.onChange(ids);
+            state.loading = false;
+            item.checked = !item.checked;
+            if (!multiple)
+                state.visible = false;
+        }
+        if (!!multiple)
+            state.members = checked
+                ? [...state.members, item]
+                : state.members.filter(({ id }) => id !== item.id);
+    };
+    const searchByKeWord = (keyWord) => {
+        state.keyword = keyWord;
+        state.items = state.list.filter(({ name }) => name
+            .toLowerCase()
+            .replace(/\s*/g, "")
+            .indexOf(keyWord.toLowerCase().replace(/\s*/g, "")) !== -1);
+    };
+    const visibleChange = (visible) => {
+        state.visible = visible;
+    };
+    const load = () => {
+        const avatarList = state.members;
+        state.items = state.list.map(item => {
+            const avatar = avatarList.find(({ id }) => item.id === id);
+            return {
+                ...item,
+                checked: !!(avatar && avatar.id),
+                disabled: !!(avatar && avatar.disabled)
+            };
+        });
+    };
+    // useObserver(() => {
+    useContactListEffect(list => {
+        state.list = list;
+    }, { reload: state.reload });
+    useEffect(() => {
+        if (state.visible) {
+            state.reload = true;
+            state.items = [];
+            load();
+        }
+    }, [state.visible]);
+    // });
+    const ref = useRef(null);
+    const colorList = ["#765FEE", "#fe4066", "#FFC832", "#FF8F5E", "#3AC43A", "#FFC832"];
+    return useObserver(() => (React.createElement(Menu, null,
+        React.createElement("div", { className: "avatar-search" },
+            React.createElement(Input.Search, { autoFocus: true, onSearch: searchByKeWord, onChange: e => searchByKeWord(e.target.value) })),
+        state.items.map((item, index) => (React.createElement(Menu.Item, { key: item.id },
+            React.createElement("div", { className: "avatar-item", onClick: () => onTick(item, !item.checked) },
+                React.createElement(Avatar, { src: item.url, size: size, className: "avatar-img", style: { backgroundColor: colorList[index % 6] } }),
+                React.createElement("span", { className: classnames({ "name-disabled": item.disabled }) }, item.name),
+                item.checked && (React.createElement(FAIcon, { icon: faCheck, className: classnames("icon-check", { disabled: item.disabled }) })),
+                state.loading && state.itemId === item.id && (React.createElement(Icon, { type: "loading", className: "icon-check" })))))),
+        multiple && (React.createElement("div", { className: "multiple-footer-btn" },
+            React.createElement(Button, { type: "link", onClick: () => visibleChange(false) }, "Ok"))))));
+};
+export default AvatarMenu;
+//# sourceMappingURL=AvatarMenu.js.map

package/es/components/AvatarList/AvatarMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarMenu.js","sourceRoot":"","sources":["../../../src/components/AvatarList/AvatarMenu.tsx"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,12 @@
+export declare type AvatarListProps = {
+    list?: any[];
+    className?: string;
+    onChange?: (ids?: any[], members?: any[]) => void;
+    editable?: boolean;
+    num?: number;
+    size?: number | "large" | "small" | "default";
+    multiple?: boolean;
+};
 export declare class State {
     avatarList: any[];
     members: any[];
@@ -9,4 +18,5 @@ export declare class State {
     num: number;
     hasMore: boolean;
     keyword: string;
+    reload: boolean;
 }

package/es/components/AvatarList/state.js

@@ -12,6 +12,7 @@ export class State {
         this.num = 0;
         this.hasMore = false;
         this.keyword = "";
+        this.reload = false;
     }
 }
 __decorate([
@@ -44,4 +45,7 @@ __decorate([
 __decorate([
     observable
 ], State.prototype, "keyword", void 0);
+__decorate([
+    observable
+], State.prototype, "reload", void 0);
 //# sourceMappingURL=state.js.map

package/es/components/AvatarList/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/AvatarList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACoB,eAAU,GAAU,EAAE,CAAC;QACvB,YAAO,GAAU,EAAE,CAAC;QACpB,SAAI,GAAU,EAAE,CAAC;QACjB,UAAK,GAAU,EAAE,CAAC;QAClB,WAAM,GAAW,EAAE,CAAC;QACpB,YAAO,GAAY,KAAK,CAAC;QACzB,YAAO,GAAY,KAAK,CAAC;QACzB,QAAG,GAAW,CAAC,CAAC;QAChB,YAAO,GAAY,KAAK,CAAC;QACzB,YAAO,GAAW,EAAE,CAAC;IACzC,CAAC;CAAA;AAVY;IAAX,UAAU;yCAA+B;AAC9B;IAAX,UAAU;sCAA4B;AAC3B;IAAX,UAAU;mCAAyB;AACxB;IAAX,UAAU;oCAA0B;AACzB;IAAX,UAAU;qCAA4B;AAC3B;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;kCAAwB;AACvB;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;sCAA6B"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/AvatarList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAYlC,MAAM,OAAO,KAAK;IAAlB;QACoB,eAAU,GAAU,EAAE,CAAC;QACvB,YAAO,GAAU,EAAE,CAAC;QACpB,SAAI,GAAU,EAAE,CAAC;QACjB,UAAK,GAAU,EAAE,CAAC;QAClB,WAAM,GAAW,EAAE,CAAC;QACpB,YAAO,GAAY,KAAK,CAAC;QACzB,YAAO,GAAY,KAAK,CAAC;QACzB,QAAG,GAAW,CAAC,CAAC;QAChB,YAAO,GAAY,KAAK,CAAC;QACzB,YAAO,GAAW,EAAE,CAAC;QACrB,WAAM,GAAY,KAAK,CAAC;IAC5C,CAAC;CAAA;AAXY;IAAX,UAAU;yCAA+B;AAC9B;IAAX,UAAU;sCAA4B;AAC3B;IAAX,UAAU;mCAAyB;AACxB;IAAX,UAAU;oCAA0B;AACzB;IAAX,UAAU;qCAA4B;AAC3B;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;kCAAwB;AACvB;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;sCAA6B;AAC5B;IAAX,UAAU;qCAAgC"}

package/es/components/{Reference → Links}/Item.d.ts

@@ -2,6 +2,7 @@
 import "./index.less";
 declare const Item: (props: {
     id: string;
+    type?: string | undefined;
     multiple?: boolean | undefined;
     onRemove?: (() => void) | undefined;
 }) => JSX.Element;

package/es/components/{Reference → Links}/Item.js

@@ -11,7 +11,7 @@ import { useObserver } from "mobx-react-lite";
 import { Checkbox } from "@voplus/antd";
 import ToolBar from "../ToolBar";
 const Item = (props) => {
-    const { id, multiple, onRemove } = props;
+    const { id, type, multiple, onRemove } = props;
     const document = useDocument(id, { reload: false });
     const getRouteByType = (type) => {
         switch (type) {
@@ -39,6 +39,7 @@ const Item = (props) => {
             React.createElement(FAIcon, { icon: faUsers }),
             (document.members && document.members.length) || 0)));
     return useObserver(() => (React.createElement("div", { className: "reference-item" },
+        React.createElement("div", null, type),
         document.type === DocumentType.Task ? (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "reference-item-content" },
                 React.createElement("div", { className: "reference-content" },

package/es/components/Links/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../src/components/Links/Item.tsx"],"names":[],"mappings":"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"}

package/es/components/{Reference → Links}/index.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 declare const Reference: (props: {
     id: string;
-    className?: any;
 }) => JSX.Element;
 export default Reference;

package/es/components/{Reference → Links}/index.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { useDocumentLinkListEffect, useDocumentStore } from "@voplus/morpho-document";
 import DocumentSelectDialog from "@voplus/morpho-document/es/components/DocumentSelectDialog";
-import { Button, Checkbox, Empty, Spin, Icon, Dropdown, Menu } from "@voplus/antd";
+import { Button, Checkbox, Empty, Spin, Icon } from "@voplus/antd";
 import Scrollbars from "react-custom-scrollbars";
 import { faPlus, faCheckSquare } from "@fortawesome/pro-light-svg-icons";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
@@ -11,7 +11,6 @@ import { State } from "./state";
 import { useObserver } from "mobx-react-lite";
 const Reference = (props) => {
     const { id } = props;
-    const { className } = props;
     const documentStore = useDocumentStore();
     const [state] = useState(new State());
     const onSelect = async (links) => {
@@ -33,6 +32,7 @@ const Reference = (props) => {
         state.ids = checkedValues;
         state.checkAll = checkedValues.length === state.links.length;
     };
+    // check all to remove
     const onCheckAll = (e) => {
         state.checkAll = e.target.checked;
         const ids = state.links.map(({ right }) => right.id);
@@ -43,22 +43,36 @@ const Reference = (props) => {
         state.checkAll = false;
         state.ids = [];
     };
-    useDocumentLinkListEffect(id, list => {
-        state.links = list;
-        state.loading = false;
-    });
     // Add Link
     const onLinkCreated = (s, t) => {
         state.links = [...state.links, t];
+        filterByTypeList();
     };
     // Remove Link
     const onLinkDeleted = (s, t) => {
         state.links = state.links.filter(item => item.id !== t.id);
+        filterByTypeList();
     };
-    const onCheckType = ({ key }) => {
-        state.type = key;
+    // type: "Association" | "Reference" | "Dependent"
+    const onCheckType = (type) => {
+        state.type = type;
         state.visible = true;
     };
+    const filterByTypeList = () => {
+        const association = state.links.filter(item => item.type === "Association");
+        const dependent = state.links.filter(item => item.type === "Dependent");
+        const reference = state.links.filter(item => item.type === "Reference");
+        state.typeLinks = [
+            { type: "Association", list: association || [] },
+            { type: "Dependent", list: dependent || [] },
+            { type: "Reference", list: reference || [] }
+        ];
+    };
+    useDocumentLinkListEffect(id, list => {
+        state.links = list;
+        filterByTypeList();
+        state.loading = false;
+    });
     useEffect(() => {
         documentStore.LinkCreatedEvent.subscribe(onLinkCreated);
         documentStore.LinkDeletedEvent.subscribe(onLinkDeleted);
@@ -71,24 +85,22 @@ const Reference = (props) => {
         state.links = [];
         // state.loading = true;
     }, [id]);
-    const menu = (React.createElement(Menu, { onClick: onCheckType },
-        React.createElement(Menu.Item, { key: "Reference" }, "Reference")));
-    return useObserver(() => (React.createElement("div", { className: styles["reference-view"] }, state.loading ? (React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(Icon, { type: "loading", spin: true, className: "padding-top-10" }) })) : (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "reference-header" },
-            !state.multiple ? (!!(state.links && state.links.length) ? (React.createElement("div", { className: "multiple-remove", onClick: () => (state.multiple = true) },
-                React.createElement(Button, { type: "link" },
-                    React.createElement(FAIcon, { icon: faCheckSquare })),
-                "Remove")) : (React.createElement("div", null))) : (React.createElement("div", { className: "multiple-remove-btn" },
-                React.createElement(Checkbox, { onChange: 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: onReset }, "Cancel"))),
+    return useObserver(() => state.loading ? (React.createElement("div", { className: styles["reference-view"] },
+        React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(Icon, { type: "loading", spin: true, className: "padding-top-10" }) }))) : (React.createElement("div", { className: styles["reference-view"] },
+        React.createElement("div", { className: "reference-header" }, !state.multiple ? (React.createElement("div", { className: "multiple-remove", onClick: () => (state.multiple = true) },
+            React.createElement(Button, { type: "link" },
+                React.createElement(FAIcon, { icon: faCheckSquare })),
+            "Links")) : (React.createElement("div", { className: "multiple-remove-btn" },
+            React.createElement(Checkbox, { onChange: 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: onReset }, "Cancel")))),
+        React.createElement(Scrollbars, null, state.typeLinks.map(item => (React.createElement(React.Fragment, { key: item.id },
             React.createElement("div", null,
-                React.createElement(Dropdown, { overlay: menu, trigger: ["click"] },
-                    React.createElement("span", { className: "plus-icon" },
-                        React.createElement(FAIcon, { icon: faPlus, color: "#fff" }))))),
-        !!(state.links && state.links.length) ? (React.createElement(Scrollbars, null,
-            React.createElement(Checkbox.Group, { value: state.ids, onChange: onCheck, className: "reference-view-page" }, state.links.map((item) => (React.createElement(Item, { key: item.id, id: item.right.id, multiple: state.multiple, onRemove: () => onRemove(item.id) })))))) : (React.createElement(Empty, { className: "padding-top-10" })),
-        state.visible && (React.createElement(DocumentSelectDialog, { parentId: id, onSelect: onSelect, onCancel: () => (state.visible = false) })))))));
+                React.createElement(Button, { type: "link", onClick: () => onCheckType(item.type) },
+                    item.type,
+                    React.createElement(FAIcon, { icon: faPlus, className: "margin-left-5" }))),
+            item.list && item.list.length ? (React.createElement(Checkbox.Group, { value: state.ids, onChange: onCheck, className: "reference-view-page" }, item.list.map((item) => (React.createElement(Item, { key: item.id, id: item.right.id === id ? item.left.id : item.right.id, type: item.type !== "Association" && item.right.id === id ? "By" : "", multiple: state.multiple, onRemove: () => onRemove(item.id) }))))) : (React.createElement(Empty, { description: "No " + item.type })))))),
+        state.visible && (React.createElement(DocumentSelectDialog, { parentId: id, onSelect: onSelect, onCancel: () => (state.visible = false) })))));
 };
 export default Reference;
 //# sourceMappingURL=index.js.map