@voplus/morpho-document 1.0.0-dev214 → 1.0.0-dev216

package/es/controls/filters/DocumentTypeFilter/state.js

@@ -0,0 +1,57 @@
+import { __decorate } from "tslib";
+import { FileOutlined, FileTextOutlined, FolderOutlined, UnorderedListOutlined } from "@ant-design/icons";
+import { action, observable } from "mobx";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { faCalendarDay } from "@fortawesome/free-solid-svg-icons";
+/** TypeFilter的 State, 实现 IFilterState 接口 */
+export class State {
+    constructor() {
+        /** Types of document of filter */
+        this.types = new Map();
+    }
+    /** Alter document type */
+    changeType(value) {
+        this.types.has(value) ? this.types.delete(value) : this.types.set(value, true);
+    }
+    get menus() {
+        return [
+            {
+                name: "Folder",
+                value: "Folder",
+                icon: React.createElement(FolderOutlined, { className: "icon" })
+            },
+            {
+                name: "Text",
+                value: "Text",
+                icon: React.createElement(FileTextOutlined, { className: "icon" })
+            },
+            { name: "Task", value: "Task", icon: React.createElement(UnorderedListOutlined, { className: "icon" }) },
+            { name: "Meeting", value: "Meeting", icon: React.createElement(FAIcon, { icon: faCalendarDay, className: "icon" }) },
+            { name: "File", value: "File", icon: React.createElement(FileOutlined, { className: "icon" }) }
+        ];
+    }
+    /** 视乎State内容，返回正确的FilterOption[]. 在Filter时，Context 会使用此属性replace Context内FilterOption的资料。 */
+    get filters() {
+        if (this.types.size === 0)
+            return [];
+        return [
+            {
+                c: "Type",
+                o: "contains",
+                v1: JSON.stringify(Array.from(this.types.keys())),
+                l: "And"
+            }
+        ];
+    }
+    reset() {
+        this.types.clear();
+    }
+}
+__decorate([
+    observable
+], State.prototype, "types", void 0);
+__decorate([
+    action
+], State.prototype, "changeType", null);
+//# sourceMappingURL=state.js.map

package/es/controls/filters/DocumentTypeFilter/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/controls/filters/DocumentTypeFilter/state.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE1C,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAG3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,4CAA4C;AAC5C,MAAM,OAAO,KAAK;IAAlB;QACC,kCAAkC;QACf,UAAK,GAAyB,IAAI,GAAG,EAAE,CAAC;IA0C5D,CAAC;IAxCA,0BAA0B;IAEnB,UAAU,CAAC,KAAa;QAC9B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAChF,CAAC;IAED,IAAW,KAAK;QACf,OAAO;YACN;gBACC,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,oBAAC,cAAc,IAAC,SAAS,EAAC,MAAM,GAAG;aACzC;YACD;gBACC,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM;gBACb,IAAI,EAAE,oBAAC,gBAAgB,IAAC,SAAS,EAAC,MAAM,GAAG;aAC3C;YACD,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAC,qBAAqB,IAAC,SAAS,EAAC,MAAM,GAAG,EAAE;YACjF,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,aAAa,EAAE,SAAS,EAAC,MAAM,GAAG,EAAE;YAC7F,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAC,YAAY,IAAC,SAAS,EAAC,MAAM,GAAG,EAAE;SACxE,CAAC;IACH,CAAC;IAED,6FAA6F;IAC7F,IAAW,OAAO;QACjB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QACrC,OAAO;YACN;gBACC,CAAC,EAAE,MAAM;gBACT,CAAC,EAAE,UAAU;gBACb,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;gBACjD,CAAC,EAAE,KAAK;aACQ;SACjB,CAAC;IACH,CAAC;IAEM,KAAK;QACX,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACpB,CAAC;CACD;AA1CY;IAAX,UAAU;oCAAgD;AAI3D;IADC,MAAM;uCAGN"}

package/es/controls/filters/index.d.ts

@@ -1,3 +1,4 @@
 export { default as CreateDateFilter } from "./CreateDateFilter";
 export { default as FlagFilter } from "./FlagFilter";
 export { default as DocumentStatusFilter } from "./DocumentStatusFilter";
+export { default as DocumentTypeFilter } from "./DocumentTypeFilter";

package/es/controls/filters/index.js

@@ -1,4 +1,5 @@
 export { default as CreateDateFilter } from "./CreateDateFilter";
 export { default as FlagFilter } from "./FlagFilter";
 export { default as DocumentStatusFilter } from "./DocumentStatusFilter";
+export { default as DocumentTypeFilter } from "./DocumentTypeFilter";
 //# sourceMappingURL=index.js.map

package/es/controls/filters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/filters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/filters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/es/data/DocumentStore/hooks/useDocumentListEffect.d.ts

@@ -1,7 +1,8 @@
 import { LoadDocumentListOptions } from "../DocumentStore";
 import { IDocument } from "../../interfaces";
+import { ListDataContextState } from "@voplus/morpho-ui/es/data";
 /** React hook to retrieve a list of documents
  * @param effect - Effect callback to be ran after successful retrieved the list. Loading will be ignored if effect is null.
  * @param options - Optional task list loading options.
  */
-export declare const useDocumentListEffect: (effect: (list: IDocument[]) => void | null, options?: LoadDocumentListOptions | undefined) => void;
+export declare const useDocumentListEffect: (list: ListDataContextState<IDocument> | null, effect: (list: IDocument[]) => void | null, options?: LoadDocumentListOptions | undefined) => void;

package/es/data/DocumentStore/hooks/useDocumentListEffect.js

@@ -4,10 +4,10 @@ import { useDocumentListLoaderEffect } from "./useDocumentListLoaderEffect";
  * @param effect - Effect callback to be ran after successful retrieved the list. Loading will be ignored if effect is null.
  * @param options - Optional task list loading options.
  */
-export const useDocumentListEffect = (effect, options) => {
+export const useDocumentListEffect = (list, effect, options) => {
     const deps = options ? options : {};
     const store = useDocumentStore();
     // Call useDocumentListLoaderEffect and ensure won't load twice for same loading options.
-    return useDocumentListLoaderEffect(null, effect, () => store.loadList(options), [deps]);
+    return useDocumentListLoaderEffect(list, effect, () => store.loadList(options), [deps]);
 };
 //# sourceMappingURL=useDocumentListEffect.js.map

package/es/data/DocumentStore/hooks/useDocumentListEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentListEffect.js","sourceRoot":"","sources":["../../../../src/data/DocumentStore/hooks/useDocumentListEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACpC,MAA0C,EAC1C,OAAiC,EAChC,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAE,EAA8B,CAAC;IACjE,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IAEjC,yFAAyF;IACzF,OAAO,2BAA2B,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACzF,CAAC,CAAC"}
+{"version":3,"file":"useDocumentListEffect.js","sourceRoot":"","sources":["../../../../src/data/DocumentStore/hooks/useDocumentListEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAI7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACpC,IAA4C,EAC5C,MAA0C,EAC1C,OAAiC,EAChC,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAE,EAA8B,CAAC;IACjE,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IAEjC,yFAAyF;IACzF,OAAO,2BAA2B,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACzF,CAAC,CAAC"}

package/es/data/DocumentType.d.ts

@@ -12,5 +12,7 @@ export declare const DocumentType: {
     Graph: string;
     Quotation: string;
     Dashboard: string;
+    Invoice: string;
+    Journal: string;
 };
-export declare type docType = "text" | "folder" | "task" | "meeting" | "board" | "graph" | "quotation" | "dashboard";
+export declare type docType = "text" | "document" | "task" | "meeting" | "board" | "graph" | "quotation" | "dashboard" | "invoice" | "journal" | "shortcut";

package/es/data/DocumentType.js

@@ -11,6 +11,8 @@ export const DocumentType = {
     Board: "Board",
     Graph: "Graph",
     Quotation: "Quotation",
-    Dashboard: "Dashboard"
+    Dashboard: "Dashboard",
+    Invoice: "Invoice",
+    Journal: "Journal"
 };
 //# sourceMappingURL=DocumentType.js.map

package/es/data/DocumentType.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentType.js","sourceRoot":"","sources":["../../src/data/DocumentType.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;CACtB,CAAC"}
+{"version":3,"file":"DocumentType.js","sourceRoot":"","sources":["../../src/data/DocumentType.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CAClB,CAAC"}

package/es/data/metas/ShortcutMeta.js

@@ -23,7 +23,7 @@ export class ShortcutMeta extends DefaultDocumentTypeMeta {
     getQuickView(document, props) {
         const shortcut = document;
         invariant(shortcut.target, "Shortcut must contains a target.");
-        return this.store.getQuickView(shortcut, props);
+        return this.store.getQuickView(shortcut.target, props);
     }
 }
 ShortcutMeta.TypeName = "Shortcut";

package/es/data/metas/ShortcutMeta.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutMeta.js","sourceRoot":"","sources":["../../../src/data/metas/ShortcutMeta.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAa,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,SAAS,MAAM,WAAW,CAAC;AAElC,qCAAqC;AACrC,MAAM,OAAO,YAAa,SAAQ,uBAAuB;IAGxD,YAA2B,KAAwB;QAClD,KAAK,EAAE,CAAC;QADkB,UAAK,GAAL,KAAK,CAAmB;IAEnD,CAAC;IAED,IAAW,IAAI;QACd,OAAO,YAAY,CAAC,QAAQ,CAAC;IAC9B,CAAC;IAEM,OAAO,CAAC,QAAmB;QACjC,OAAO,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI,CAAC;IAC1C,CAAC;IAEM,iBAAiB,CAAC,QAAmB;QAC3C,MAAM,QAAQ,GAAG,QAAqB,CAAC;QACvC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,kCAAkC,CAAC,CAAC;QAE/D,OAAO,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,MAAa,CAAC,CAAC;IAC7D,CAAC;IAEM,YAAY,CAAC,QAAmB,EAAE,KAAqB;QAC7D,MAAM,QAAQ,GAAG,QAAqB,CAAC;QACvC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,kCAAkC,CAAC,CAAC;QAC/D,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAe,EAAE,KAAK,CAAC,CAAC;IACxD,CAAC;;AAzBa,qBAAQ,GAAG,UAAU,CAAC"}
+{"version":3,"file":"ShortcutMeta.js","sourceRoot":"","sources":["../../../src/data/metas/ShortcutMeta.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAa,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,SAAS,MAAM,WAAW,CAAC;AAElC,qCAAqC;AACrC,MAAM,OAAO,YAAa,SAAQ,uBAAuB;IAGxD,YAA2B,KAAwB;QAClD,KAAK,EAAE,CAAC;QADkB,UAAK,GAAL,KAAK,CAAmB;IAEnD,CAAC;IAED,IAAW,IAAI;QACd,OAAO,YAAY,CAAC,QAAQ,CAAC;IAC9B,CAAC;IAEM,OAAO,CAAC,QAAmB;QACjC,OAAO,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI,CAAC;IAC1C,CAAC;IAEM,iBAAiB,CAAC,QAAmB;QAC3C,MAAM,QAAQ,GAAG,QAAqB,CAAC;QACvC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,kCAAkC,CAAC,CAAC;QAE/D,OAAO,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,MAAa,CAAC,CAAC;IAC7D,CAAC;IAEM,YAAY,CAAC,QAAmB,EAAE,KAAqB;QAC7D,MAAM,QAAQ,GAAG,QAAqB,CAAC;QACvC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,kCAAkC,CAAC,CAAC;QAC/D,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAa,EAAE,KAAK,CAAC,CAAC;IAC/D,CAAC;;AAzBa,qBAAQ,GAAG,UAAU,CAAC"}

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

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

package/es/modules/unit/components/ActivityLog/index.js

@@ -0,0 +1,62 @@
+import { Popover, Timeline } from "@voplus/antd";
+import React, { useState } from "react";
+import { State, getActionIcon, getActionIconColor } from "./state";
+import { faClone, faFilePlus, faPencilAlt, faTrashAlt, faUpload } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import PageListView from "@voplus/morpho-ui/es/controls/PageListView";
+import classnames from "classnames";
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { localFormat } from "../../data/StoreContext";
+import styles from "./index.less";
+import { useObserver } from "mobx-react-lite";
+import { useUnitActivityListEffect } from "../../data";
+// import { getTypeIcon } from "../helper";
+library.add(faPencilAlt, faTrashAlt, faClone, faFilePlus, faUpload);
+const ActivityLog = (props) => {
+    const { id } = props;
+    const [state] = useState(new State());
+    const loadData = () => {
+        state.loading = true;
+        state.page = state.page + 1;
+    };
+    useUnitActivityListEffect(id, list => {
+        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) })));
+    };
+    const tryRenderTargetObjects = (objects) => {
+        return (objects &&
+            objects.length &&
+            objects.map((o, index) => (React.createElement("span", { key: o.id },
+                index !== 0 ? "，" : "",
+                o.type === "DocumentLink" ? o.target.name : o.name))));
+    };
+    const tryRenderPropertyObjects = (objects) => {
+        return (objects &&
+            objects.length && (React.createElement("div", { className: classnames("property-objects", { multiple: objects.length > 1 }) }, objects.map(o => (React.createElement("span", { key: o.name },
+            React.createElement("span", { className: "property-name" }, o.name),
+            " to",
+            " ",
+            o.value.length > 30 ? (React.createElement(Popover, { content: o.value },
+                React.createElement("span", { className: "property-value" }, `${o.value.substring(0, 30)}...`))) : (React.createElement("span", { className: "property-value" }, o.value))))))));
+    };
+    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.length &&
+        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),
+                tryRenderTargetObjects(item.targetObjects),
+                tryRenderPropertyObjects(item.propertyObjects)),
+            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/modules/unit/components/ActivityLog/index.js.map

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

package/es/modules/unit/components/ActivityLog/index.less

@@ -0,0 +1,64 @@
+.activity-log {
+	height: 100%;
+	padding: 13px 0 0 15px;
+	margin: 15px 20px;
+	:global {
+		.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;
+			}
+			.action {
+				padding-right: 15px;
+				font-weight: 500;
+				color: #000;
+				font-style: italic;
+			}
+			.anticon {
+				margin-right: 5px;
+			}
+			.date-time {
+				font-size: 12px;
+				color: #444;
+			}
+		}
+		.property-objects {
+			display: inline;
+
+			&.multiple {
+				display: block;
+
+				> span {
+					display: block;
+				}
+			}
+			.property-name {
+				font-weight: 600;
+				font-style: italic;
+			}
+
+			.property-value {
+				font-style: italic;
+			}
+		}
+	}
+}

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

@@ -0,0 +1,14 @@
+import { IActivityLog } from "@voplus/morpho-collaboration/es/data/interfaces";
+export declare const ActivityActionType: {
+    Created: string;
+    Changed: string;
+    Deleted: string;
+    Published: 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/modules/unit/components/ActivityLog/state.js

@@ -0,0 +1,51 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export const ActivityActionType = {
+    Created: "Created",
+    Changed: "Changed",
+    Deleted: "Deleted",
+    Published: "Published"
+};
+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"];
+        case ActivityActionType.Published:
+            return ["fal", "upload"];
+        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/modules/unit/components/ActivityLog/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/ActivityLog/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,CAAC,MAAM,kBAAkB,GAAG;IACjC,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;CACtB,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,KAAK,kBAAkB,CAAC,SAAS;YAChC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC1B;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,GAAG,CAAC,CAAC;QACT,YAAO,GAAG,IAAI,CAAC;IAC5B,CAAC;CAAA;AAHY;IAAX,UAAU;wCAAgC;AAC/B;IAAX,UAAU;mCAAU;AACT;IAAX,UAAU;sCAAgB"}

package/es/modules/unit/components/BreadCrumbsHeader/index.d.ts

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

package/es/modules/unit/components/BreadCrumbsHeader/index.js

@@ -0,0 +1,27 @@
+import React, { useState } from "react";
+import { BreadState } from "./state";
+import { Breadcrumb } from "@voplus/antd";
+import classnames from "classnames";
+import styles from "./index.less";
+import { useObserver } from "mobx-react-lite";
+import { useUnit } from "../../data";
+const BreadCrumbsHeader = (props) => {
+    const { id } = props;
+    const [state] = useState(new BreadState());
+    state.contact = useUnit(id, { reload: i => !i.path, includes: "path" });
+    const subStrName = (name) => {
+        return state.contact.path && state.contact.path.length > 4 && name.length > 30
+            ? name.substr(0, 20) + "..."
+            : name;
+    };
+    const toPath = (id) => {
+        var _a;
+        (_a = props.onBreadCrumb) === null || _a === void 0 ? void 0 : _a.call(props, id);
+    };
+    return useObserver(() => (React.createElement("div", { className: classnames(styles["breadcrumb-container"]) }, !!(state.paths && state.paths.length) && (React.createElement(Breadcrumb, { separator: ">" }, state.paths.map((item) => (React.createElement(Breadcrumb.Item, { key: item.id, onClick: () => toPath(item.id) },
+        React.createElement("span", { title: item.name, className: classnames("breadcrumb-name", {
+                "breadcrumb-active": item.id === id
+            }) }, subStrName(item.name))))))))));
+};
+export default BreadCrumbsHeader;
+//# sourceMappingURL=index.js.map

package/es/modules/unit/components/BreadCrumbsHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/BreadCrumbsHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,iBAAiB,GAAG,CAAC,KAA4D,EAAE,EAAE;IAC1F,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,UAAU,EAAE,CAAC,CAAC;IAC3C,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;IAExE,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QACnC,OAAO,KAAK,CAAC,OAAO,CAAC,IAAK,IAAI,KAAK,CAAC,OAAO,CAAC,IAAK,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,EAAE;YAC/E,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK;YAC5B,CAAC,CAAC,IAAI,CAAC;IACT,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,CAAC,EAAU,EAAE,EAAE;;QAC7B,MAAA,KAAK,CAAC,YAAY,+CAAlB,KAAK,EAAgB,EAAE,EAAE;IAC1B,CAAC,CAAC;IAEF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,IACxD,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CACzC,oBAAC,UAAU,IAAC,SAAS,EAAC,GAAG,IACvB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,CAC/B,oBAAC,UAAU,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5D,8BACC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;gBACxC,mBAAmB,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE;aACnC,CAAC,IAED,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,CACU,CAClB,CAAC,CACU,CACb,CACI,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/es/modules/unit/components/BreadCrumbsHeader/index.less

@@ -0,0 +1,10 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+.breadcrumb-container {
+	flex: 1;
+	cursor: pointer;
+	:global {
+		.breadcrumb-active {
+			color: @primary-color;
+		}
+	}
+}

package/es/modules/unit/components/BreadCrumbsHeader/state.d.ts

@@ -0,0 +1,5 @@
+import { IUnit } from "../../data";
+export declare class BreadState {
+    contact: IUnit;
+    get paths(): any[];
+}

package/es/modules/unit/components/BreadCrumbsHeader/state.js

@@ -0,0 +1,19 @@
+import { __decorate } from "tslib";
+import { computed, observable } from "mobx";
+export class BreadState {
+    get paths() {
+        var _a;
+        if (this.contact.path) {
+            return ((_a = this.contact.path) === null || _a === void 0 ? void 0 : _a.length) ? [...this.contact.path, { id: this.contact.id, name: this.contact.name }]
+                : [{ id: this.contact.id, name: this.contact.name }];
+        }
+        return [];
+    }
+}
+__decorate([
+    observable
+], BreadState.prototype, "contact", void 0);
+__decorate([
+    computed
+], BreadState.prototype, "paths", null);
+//# sourceMappingURL=state.js.map

package/es/modules/unit/components/BreadCrumbsHeader/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/BreadCrumbsHeader/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAI5C,MAAM,OAAO,UAAU;IAItB,IAAW,KAAK;;QACf,IAAI,IAAI,CAAC,OAAO,CAAC,IAAK,EAAE;YACvB,OAAO,OAAA,IAAI,CAAC,OAAO,CAAC,IAAI,0CAAE,MAAM,EAC/B,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gBAC1E,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;SACtD;QACD,OAAO,EAAE,CAAC;IACX,CAAC;CACD;AAXY;IAAX,UAAU;2CAAuB;AAGlC;IADC,QAAQ;uCAQR"}

package/es/modules/unit/components/Members/index.d.ts

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

package/es/modules/unit/components/Members/index.js

@@ -0,0 +1,91 @@
+import { BatchHeader, DeleteButton, MoveButton } from "@voplus/morpho-ui/es/components/layout/ListView/headers";
+import { Spin } from "@voplus/antd";
+import { DocumentStatusFilter, FlagFilter } from "../../../../controls/filters";
+import { useAutoUpdateUnitListData, useUnitListEffect, useUnitStore } from "../../data";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useEffect, useState } from "react";
+import { State } from "./state";
+import ContactSelect from "../../controls/ContactSelect";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { FileStore } from "../../data/FileStore/FileContext";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import UnitItem from "../UnitItem/SubUnitItem";
+import classnames from "classnames";
+import { faListAlt } from "@fortawesome/pro-light-svg-icons";
+import styles from "./index.less";
+import { useDeepMemo } from "@voplus/morpho-data";
+import { useObserver } from "mobx-react-lite";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const Members = (props) => {
+    const { readonly, parentId } = props;
+    const store = useUnitStore();
+    const [files] = useState(new FileStore());
+    const state = useDeepMemo(() => new State(), [props.parentId]);
+    /** 建立 ListView 和useContactListEffect所需的ListDataState. 会根据parentId重建所以不需reset. */
+    const list = useCreateListDataState({
+        filterDefaults: {
+            filters: [
+                { c: "ParentNodeId", o: "=", l: "And", v1: parentId },
+                {
+                    c: "Type",
+                    o: "=",
+                    l: "And",
+                    v1: "People"
+                }
+            ]
+        }
+    }, [parentId]);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useContactListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useContactListEffect,使之可以自動更新loading, hasmore. */
+    useUnitListEffect(list, result => list.union(result), list.filters.options);
+    /** useOnNewContact, useOnDeleteContact的sugar syntax 自動更新list. */
+    useAutoUpdateUnitListData(list, d => d.parentNodeId === parentId);
+    useEffect(() => {
+        state.clearAdd();
+    }, [parentId]);
+    return useObserver(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement("div", { className: classnames(styles["sub-mebers-list"], props.className) },
+            React.createElement(ListView, { renderId: parentId, headerProps: {
+                    header: (React.createElement(BatchHeader, { viewTitle: "Sub-Members", buttons: [
+                            React.createElement(DeleteButton, { execute: onDelete, key: "DeleteButton" }),
+                            React.createElement(MoveButton, { execute: onMove, key: "MoveButton" })
+                        ] })),
+                    addAble: !readonly,
+                    filterViewProps: {
+                        columns: [React.createElement(DocumentStatusFilter, { key: "Status" }), React.createElement(FlagFilter, { key: "Flag" })]
+                    },
+                    onAdd: () => (state.addAble = !state.addAble)
+                }, moveAfter: moveAfter, renderItem: ({ item, index, multiple, connectDragSource }) => (React.createElement(UnitItem, { id: item.id, index: index, type: "sub", multiple: multiple, reload: !!readonly })) }),
+            state.addAble && (React.createElement(Spin, { spinning: state.loading },
+                React.createElement("div", { className: "form-item-layout" },
+                    React.createElement(ContactSelect, { type: "People", allowNew: true, onChange: onChange }),
+                    React.createElement("span", { className: "detailed", onClick: onSave },
+                        React.createElement(FAIcon, { icon: faListAlt, size: "lg" })))))))));
+    function onChange(c) {
+        console.log("onChange", c);
+        state.id = c[0].id;
+    }
+    async function onSave() {
+        console.log("onSave", state.id);
+        if (state.id) {
+            await store.addUserFromGroup({
+                pid: parentId,
+                id: state.id
+            });
+            state.loading = false;
+        }
+    }
+    function onMove(state) {
+        files.onMove(state.ids);
+    }
+    // order by sub unit
+    async function moveAfter(id, afterId) {
+        await store.moveAfter(id, afterId);
+    }
+    async function onDelete(state) {
+        await store.delete(state.ids[0]);
+    }
+};
+export default Members;
+//# sourceMappingURL=index.js.map

package/es/modules/unit/components/Members/index.js.map

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

package/es/modules/unit/components/Members/index.less

@@ -0,0 +1,19 @@
+.sub-mebers-list {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	:global {
+		.form-item-layout {
+			display: flex;
+			align-items: center;
+			font-size: 13px;
+			padding: 10px 20px 10px 20px;
+			// border-top: #f2f2f2 solid 1px;
+			.detailed {
+				font-size: 20px;
+				margin-left: 10px;
+				cursor: pointer;
+			}
+		}
+	}
+}

package/es/modules/unit/components/Members/state.d.ts

@@ -0,0 +1,18 @@
+import { IUnit } from "../../data";
+export declare type UnitListProps = {
+    parentId: string;
+    className?: string;
+    scrollParentRef?: any;
+    header?: boolean;
+    readonly?: boolean;
+};
+export declare class State {
+    props: UnitListProps;
+    /** add user id */
+    id: string;
+    list: IUnit[];
+    addAble: boolean;
+    /** add user to g */
+    loading: boolean;
+    clearAdd(): void;
+}