@voplus/morpho-document 1.0.0-dev212 → 1.0.0-dev215

package/es/modules/unit/data/hooks.js

@@ -0,0 +1,65 @@
+import { useContactStore } from ".";
+import { useCountedMapListEffect, useLoadCountedMapItem } from "@voplus/morpho-data";
+import { useDeepDepEffect } from "@voplus/morpho-data";
+/** React hook to retrieve a contact
+ * @param {string} id - id of the task
+ * @param {LoadContactOptions} options - options
+ */
+export const useContact = (id, options) => {
+    options = options ? options : {};
+    const store = useContactStore();
+    return useLoadCountedMapItem(id, store.items, () => store.load(id, options), options);
+};
+/** React hook to retrieve a contact or return a default empty contact if id is empty.
+ * @param {string} id - id of the task
+ * @param {LoadContactOptions} options - options
+ */
+export const useContactOrDefault = (id, options) => {
+    options = options ? options : {};
+    const store = useContactStore();
+    const item = useLoadCountedMapItem(id ? id : "empty_id", store.items, id ? () => store.load(id, options) : () => Promise.resolve({}), options);
+    // delete the id if original id passed in is empty.
+    if (!id) {
+        delete item["id"];
+    }
+    return item;
+};
+/** React hook to retrieve a list of tasks
+ * @param effect - Effect callback to be ran after successful retrieved the list.
+ * @param options - Optional task list loading options.
+ */
+export const useContactListEffect = (list, effect, options) => {
+    const deps = options ? options : {};
+    const contacts = useContactStore();
+    // Call useContactListEffect and ensure won't load twice for same loading options.
+    // return useCountedMapListEffect(list, effect, contacts.items, () => contacts.loadList(options), [deps]);
+    return useCountedMapListEffect(effect ? innerEffect : effect, contacts.items, () => contacts.loadList(options), [deps], {
+        preload: () => {
+            if (list)
+                list.loading = true;
+        },
+        postload: () => {
+            if (list)
+                list.loading = false;
+        }
+    });
+    function innerEffect(result) {
+        if (list && result.length < list.filters.paging.PageSize)
+            list.hasMore = false;
+        effect(result);
+    }
+};
+/** React hook to retrieve a list of activities of a contact.
+ * @param id - the id of the contact.
+ * @param effect - Effect callback to be ran after successful retrieved the list.
+ * @param options - Optional task list loading options.
+ */
+export const useContactActivityListEffect = (id, effect, options) => {
+    const deps = options ? options : {};
+    const store = useContactStore();
+    // Call useDeepDepEffect directly because returned links do not need to be stored in counted map.
+    useDeepDepEffect(() => {
+        store.loadContactActivityList(id, options).then(effect);
+    }, [deps]);
+};
+//# sourceMappingURL=hooks.js.map

package/es/modules/unit/data/hooks.js.map

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

package/es/modules/unit/data/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ContactStore";
+export * from "./interfaces";
+export * from "./hooks";

package/es/modules/unit/data/index.js

@@ -0,0 +1,3 @@
+export * from "./ContactStore";
+export * from "./hooks";
+//# sourceMappingURL=index.js.map

package/es/modules/unit/data/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/unit/data/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAE/B,cAAc,SAAS,CAAC"}

package/es/modules/unit/data/interfaces/IAddress.d.ts

@@ -0,0 +1,14 @@
+export interface IAddress {
+    /** Address line 1 */
+    line1: string;
+    /** Address line 2 */
+    line2?: string;
+    /** City of the address*/
+    city?: string;
+    /** Province/State of the address */
+    state?: string;
+    /** Postal code of the address */
+    postalCode?: string;
+    /** Country of the address */
+    country: string;
+}

package/es/modules/unit/data/interfaces/IAddress.js

@@ -0,0 +1 @@
+//# sourceMappingURL=IAddress.js.map

package/es/modules/unit/data/interfaces/IAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IAddress.js","sourceRoot":"","sources":["../../../../../src/modules/unit/data/interfaces/IAddress.ts"],"names":[],"mappings":""}

package/es/modules/unit/data/interfaces/IContact.d.ts

@@ -0,0 +1,45 @@
+import { IAddress } from "./IAddress";
+import { ILoadable } from "@voplus/morpho-data";
+export interface ILegalIdentities {
+    /** Number of the identity document. */
+    number: string;
+    /** Name appear on the legal identity.*/
+    name: string;
+    /** Type of the legal identity */
+    type: "IdentityCard" | "Passport" | "BusinessRegistrationNo";
+    /** Country issued the identity */
+    country: string;
+}
+export interface IContact extends ILoadable {
+    /** Id of the contact */
+    id: string;
+    /** containerId of the contact */
+    containerId: string;
+    /** Name of the contact */
+    name: string;
+    /** Whether the contact is a group or not. */
+    isGroup?: boolean;
+    /** Email of the contact. */
+    email?: string;
+    /** Phone of the contact. */
+    phone?: string;
+    /** Nationality of the contact */
+    nationality?: string;
+    /** Birthday of the contact */
+    birthday?: Date;
+    /** Gender of the contact */
+    gender?: "Male" | "Female";
+    /** Address of the contact. */
+    address: IAddress;
+    /** Site of the contact. */
+    site?: string;
+    /** Primary legal identity of the contact if has. */
+    primaryLegalIdentity: ILegalIdentities;
+    /** Type of the contact. */
+    type: string;
+    /** path of the contact */
+    path?: {
+        id: string;
+        name: string;
+    }[];
+}

package/es/modules/unit/data/interfaces/IContact.js

@@ -0,0 +1 @@
+//# sourceMappingURL=IContact.js.map

package/es/modules/unit/data/interfaces/IContact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IContact.js","sourceRoot":"","sources":["../../../../../src/modules/unit/data/interfaces/IContact.ts"],"names":[],"mappings":""}

package/es/modules/unit/data/interfaces/IEntityName.d.ts

@@ -0,0 +1,6 @@
+export interface IEntityId {
+    id: string;
+}
+export interface IEntityName extends IEntityId {
+    name: string;
+}

package/es/modules/unit/data/interfaces/IEntityName.js

@@ -0,0 +1 @@
+//# sourceMappingURL=IEntityName.js.map

package/es/modules/unit/data/interfaces/IEntityName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IEntityName.js","sourceRoot":"","sources":["../../../../../src/modules/unit/data/interfaces/IEntityName.ts"],"names":[],"mappings":""}

package/es/modules/unit/data/interfaces/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./IContact";
+export * from "./IEntityName";
+export * from "./IAddress";

package/es/modules/unit/data/interfaces/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=index.js.map

package/es/modules/unit/data/interfaces/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/data/interfaces/index.ts"],"names":[],"mappings":""}

package/es/modules/unit/pages/UnitDefaultView/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const UnitDefaultView: () => JSX.Element;
+export default UnitDefaultView;

package/es/modules/unit/pages/UnitDefaultView/index.js

@@ -0,0 +1,47 @@
+import React, { useEffect, useState } from "react";
+import { useLayout, useTabItem } from "@voplus/morpho-data";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import BreadCrumbsHeader from "../../components/BreadCrumbsHeader";
+import UnitDetails from "../../components/UnitDetails";
+import UnitHead from "../../components/UnitHead";
+import UnitTabs from "../../components/UnitTabs";
+import styles from "./index.less";
+import { useContact } from "../../data";
+import { useObserver } from "mobx-react-lite";
+import { useRouteMatch } from "react-router";
+const UnitDefaultView = () => {
+    const [asideContext] = useState(AsideContent.createContext());
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const [loaded, setLoaded] = useState(true);
+    const task = useContact(id);
+    const layout = useLayout();
+    const tab = useTabItem();
+    tab.title = task.name;
+    useEffect(() => {
+        asideContext.openAside(AsideElement, { span: 12 });
+    }, []);
+    const AsideElement = (React.createElement("div", { className: "module-tab-view_aside" },
+        React.createElement(UnitTabs, { id: id })));
+    return useObserver(() => (React.createElement("div", { className: "module-tab-view" },
+        React.createElement("div", { className: styles["breadcrumb-header"] },
+            React.createElement(BreadCrumbsHeader, { id: id, onBreadCrumb: toPath })),
+        React.createElement(AsideContent, { context: asideContext },
+            React.createElement("div", { className: styles["unit-default-view"] }, loaded && (React.createElement("div", { className: "unit-default-details" },
+                React.createElement(UnitHead, { id: id, onReload: onReload, onExpand: () => asideContext.asideContent
+                        ? asideContext.closeAside()
+                        : asideContext.openAside(AsideElement, { span: 12 }) }),
+                React.createElement(UnitDetails, { id: id }))))))));
+    function toPath(id) {
+        layout.history.push(`/units/${id}`);
+    }
+    /** reload data */
+    function onReload() {
+        setLoaded(false);
+        setTimeout(() => {
+            setLoaded(true);
+        }, 100);
+    }
+};
+export default UnitDefaultView;
+//# sourceMappingURL=index.js.map

package/es/modules/unit/pages/UnitDefaultView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/pages/UnitDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAO,iBAAiB,MAAM,oCAAoC,CAAC;AACnE,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,eAAe,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAC9D,MAAM,KAAK,GAAG,aAAa,EAAkB,CAAC;IAC9C,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IAC5B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,GAAG,GAAG,UAAU,EAAE,CAAC;IACzB,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;IAEtB,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,CACpB,6BAAK,SAAS,EAAC,uBAAuB;QACrC,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,GAAI,CACf,CACN,CAAC;IAEF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAC,iBAAiB;QAC/B,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC;YAC1C,oBAAC,iBAAiB,IAAC,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,GAAI,CAC9C;QACN,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;YAClC,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,IACzC,MAAM,IAAI,CACV,6BAAK,SAAS,EAAC,sBAAsB;gBACpC,oBAAC,QAAQ,IACR,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,EAAE,CACd,YAAY,CAAC,YAAY;wBACxB,CAAC,CAAC,YAAY,CAAC,UAAU,EAAE;wBAC3B,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAErD;gBACF,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,GAAI,CAClB,CACN,CACI,CACQ,CACV,CACN,CAAC,CAAC;IAEH,SAAS,MAAM,CAAC,EAAU;QACzB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IACrC,CAAC;IAED,kBAAkB;IAClB,SAAS,QAAQ;QAChB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,UAAU,CAAC,GAAG,EAAE;YACf,SAAS,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC,EAAE,GAAG,CAAC,CAAC;IACT,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/es/modules/unit/pages/UnitDefaultView/index.less

@@ -0,0 +1,17 @@
+.unit-default-view {
+	height: 100%;
+	background: #ffffff;
+	:global {
+		.unit-default-details {
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+		}
+	}
+}
+
+.breadcrumb-header {
+	background: #fff;
+	padding: 5px 20px;
+	border-bottom: 1px solid #d9d9d9;
+}

package/es/modules/unit/pages/UnitListView/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const UnitListView: () => JSX.Element;
+export default UnitListView;

package/es/modules/unit/pages/UnitListView/index.js

@@ -0,0 +1,10 @@
+import React from "react";
+import UnitList from "../../components/UnitList";
+import { useTabItem } from "@voplus/morpho-data";
+const UnitListView = () => {
+    const tab = useTabItem();
+    tab.title = "Unit";
+    return React.createElement(UnitList, null);
+};
+export default UnitListView;
+//# sourceMappingURL=index.js.map

package/es/modules/unit/pages/UnitListView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/pages/UnitListView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,YAAY,GAAG,GAAG,EAAE;IACzB,MAAM,GAAG,GAAG,UAAU,EAAE,CAAC;IACzB,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC;IAEnB,OAAO,oBAAC,QAAQ,OAAG,CAAC;AACrB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/modules/unit/pages/UnitTreeView/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const UnitTreeView: () => JSX.Element;
+export default UnitTreeView;

package/es/modules/unit/pages/UnitTreeView/index.js

@@ -0,0 +1,47 @@
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import BreadCrumbsHeader from "../../components/BreadCrumbsHeader";
+import ListHeader from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeader";
+import { State } from "./state";
+import UnitPropertiesView from "../../components/UnitPropertiesView";
+import UnitSortableTree from "../../components/UnitSortableTree";
+import UnitTypeFilter from "../../controls/UnitTypeFilter";
+import styles from "./index.less";
+import { useLayout } from "@voplus/morpho-data";
+import { useObserver } from "mobx-react-lite";
+import { useRouteMatch } from "react-router";
+const UnitTreeView = () => {
+    const match = useRouteMatch();
+    const [asideContext] = useState(AsideContent.createContext());
+    const id = match.params.id;
+    const layout = useLayout();
+    const [state] = useState(new State());
+    /** 建立 ListView 和useTaskListEffect所需的ListDataState. 会根据parentId重建所以不需reset. */
+    const list = useCreateListDataState({}, []);
+    return useObserver(() => (React.createElement("div", { className: styles["tree-view"] },
+        React.createElement(ListDataContext.Provider, { value: list },
+            React.createElement(ListHeader, { header: React.createElement(BreadCrumbsHeader, { id: id, onBreadCrumb: toPath }), filterViewProps: {
+                    columns: [React.createElement(UnitTypeFilter, { key: "unitTypeFilter" })],
+                    /** story 顯示值用, 組件如無必要，不需提供onFilter, ListView2會自動呼叫filter. */
+                    onFilter: c => {
+                        var _a;
+                        c.filter();
+                        state.filterType = (_a = c === null || c === void 0 ? void 0 : c.options.Filters) === null || _a === void 0 ? void 0 : _a.filter(item => item.c === "Type")[0];
+                    },
+                    onReset: c => {
+                        c.reset();
+                        state.filterType = undefined;
+                    }
+                }, sortable: false, addAble: false })),
+        React.createElement(AsideContent, { context: asideContext },
+            React.createElement(UnitSortableTree, { id: id, filterType: state.filterType, onUnitSelected: onUnitSelected })))));
+    function toPath(id) {
+        layout.history.push(`/unit-tree/${id}`);
+    }
+    function onUnitSelected(id) {
+        asideContext.openAside(React.createElement(UnitPropertiesView, { id: id }), { span: 12 });
+    }
+};
+export default UnitTreeView;
+//# sourceMappingURL=index.js.map

package/es/modules/unit/pages/UnitTreeView/index.js.map

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

package/es/modules/unit/pages/UnitTreeView/index.less

@@ -0,0 +1,31 @@
+.tree-view {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	:global {
+		.list-view-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 10px 20px;
+			border-bottom: 1px solid #f2f2f2;
+			.view-title {
+				color: #000;
+				font-size: 16px;
+				font-weight: 600;
+			}
+			.plus-icon {
+				display: inline-block;
+				padding: 4px;
+				margin-left: 10px;
+				font-size: 13px;
+				line-height: 1px;
+				background: #1abc9c;
+				cursor: pointer;
+			}
+			.margin-left-10 {
+				margin-left: 10px;
+			}
+		}
+	}
+}

package/es/modules/unit/pages/UnitTreeView/state.d.ts

@@ -0,0 +1,5 @@
+import { FilterOption } from "@voplus/morpho-data";
+export declare class State {
+    types: string[];
+    filterType: FilterOption | undefined;
+}

package/es/modules/unit/pages/UnitTreeView/state.js

@@ -0,0 +1,14 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        this.types = [];
+    }
+}
+__decorate([
+    observable
+], State.prototype, "types", void 0);
+__decorate([
+    observable
+], State.prototype, "filterType", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/unit/pages/UnitTreeView/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/unit/pages/UnitTreeView/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACoB,UAAK,GAAa,EAAE,CAAC;IAEzC,CAAC;CAAA;AAFY;IAAX,UAAU;oCAA6B;AAC5B;IAAX,UAAU;yCAA6C"}

package/es/pages/TreeViewPage/index.js

@@ -1,37 +1,44 @@
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
 import React, { useState } from "react";
 import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import { Breadcrumb } from "@voplus/antd";
+import BreadCrumbsHeader from "../../components/BreadCrumbsHeader";
 import DocumentSortableTree from "../../components/DocumentSortableTree";
+import { DocumentTypeFilter } from "../../controls/filters";
+import ListHeader from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeader";
 import PropertiesView from "../../components/PropertiesView";
-import classnames from "classnames";
+import { State } from "./state";
 import styles from "./index.less";
-import { useDocument } from "../../data";
 import { useLayout } from "@voplus/morpho-data";
 import { useObserver } from "mobx-react-lite";
 import { useRouteMatch } from "react-router";
-// import DocumentTypeFilter from "../../controls/DocumentTypeFilter";
 const TreeViewPage = () => {
     const match = useRouteMatch();
     const [asideContext] = useState(AsideContent.createContext());
     const id = match.params.id;
     const layout = useLayout();
-    const doc = useDocument(id, { reload: true, includes: "path" });
-    const subStrName = (name) => {
-        return doc.path && doc.path.length > 4 && name.length > 30
-            ? name.substr(0, 20) + "..."
-            : name;
-    };
-    const toPath = (id) => {
-        layout.history.push(`/tree-view/${id}`);
-    };
-    return useObserver(() => (React.createElement(React.Fragment, null,
-        !!(doc.path && doc.path.length) && (React.createElement("div", { className: styles["breadcrumb-container"] },
-            React.createElement(Breadcrumb, { separator: ">" }, [...doc.path, { id: id, name: doc.name }].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)))))))),
+    const [state] = useState(new State());
+    /** 建立 ListView 和useTaskListEffect所需的ListDataState. 会根据parentId重建所以不需reset. */
+    const list = useCreateListDataState({}, []);
+    return useObserver(() => (React.createElement("div", { className: styles["tree-view"] },
+        React.createElement(ListDataContext.Provider, { value: list },
+            React.createElement(ListHeader, { header: React.createElement(BreadCrumbsHeader, { id: id, onBreadCrumb: toPath }), filterViewProps: {
+                    columns: [React.createElement(DocumentTypeFilter, { key: "DocumentTypeFilter" })],
+                    /** story 顯示值用, 組件如無必要，不需提供onFilter, ListView2會自動呼叫filter. */
+                    onFilter: c => {
+                        var _a;
+                        c.filter();
+                        state.filterType = (_a = c === null || c === void 0 ? void 0 : c.options.Filters) === null || _a === void 0 ? void 0 : _a.filter(item => item.c === "Type")[0];
+                    },
+                    onReset: c => {
+                        c.reset();
+                        state.filterType = undefined;
+                    }
+                }, sortable: false, addAble: false })),
         React.createElement(AsideContent, { context: asideContext },
-            React.createElement(DocumentSortableTree, { id: match.params.id, onDocumentSelected: onDocumentSelected })))));
+            React.createElement(DocumentSortableTree, { id: match.params.id, filterType: state.filterType, onDocumentSelected: onDocumentSelected })))));
+    function toPath(id) {
+        layout.history.push(`/tree-view/${id}`);
+    }
     function onDocumentSelected(id) {
         asideContext.openAside(React.createElement(PropertiesView, { id: id }), { span: 12 });
     }

package/es/pages/TreeViewPage/index.js.map

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

package/es/pages/TreeViewPage/index.less

@@ -1,22 +1,31 @@
-@import "../../components/styles/common.less";
-.breadcrumb-container {
-	background: #fff;
-	padding: 5px 20px;
-	border-bottom: 1px solid #d9d9d9;
-	cursor: pointer;
+.tree-view {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
 	:global {
-		.ant-breadcrumb span {
-			display: inline-block;
-			vertical-align: middle;
-		}
-		.breadcrumb-name {
-			display: inline-block;
-			overflow: hidden;
-			text-overflow: ellipsis;
-			white-space: nowrap;
-		}
-		.breadcrumb-active {
-			color: @primary-color;
+		.list-view-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 10px 20px;
+			border-bottom: 1px solid #f2f2f2;
+			.view-title {
+				color: #000;
+				font-size: 16px;
+				font-weight: 600;
+			}
+			.plus-icon {
+				display: inline-block;
+				padding: 4px;
+				margin-left: 10px;
+				font-size: 13px;
+				line-height: 1px;
+				background: #1abc9c;
+				cursor: pointer;
+			}
+			.margin-left-10 {
+				margin-left: 10px;
+			}
 		}
 	}
-}
+}

package/es/pages/TreeViewPage/state.d.ts

@@ -0,0 +1,5 @@
+import { FilterOption } from "@voplus/morpho-data";
+export declare class State {
+    types: string[];
+    filterType: FilterOption | undefined;
+}

package/es/pages/TreeViewPage/state.js

@@ -0,0 +1,14 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        this.types = [];
+    }
+}
+__decorate([
+    observable
+], State.prototype, "types", void 0);
+__decorate([
+    observable
+], State.prototype, "filterType", void 0);
+//# sourceMappingURL=state.js.map

package/es/pages/TreeViewPage/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/pages/TreeViewPage/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACoB,UAAK,GAAa,EAAE,CAAC;IAEzC,CAAC;CAAA;AAFY;IAAX,UAAU;oCAA6B;AAC5B;IAAX,UAAU;yCAA6C"}

package/es/routes.d.ts

@@ -36,6 +36,24 @@ declare const Routes: {
         getUrl: (id: string) => string;
         component: () => JSX.Element;
     };
+    UnitList: {
+        route: string;
+        tabPattern: RegExp;
+        getUrl: (id?: string | undefined) => string;
+        component: () => JSX.Element;
+    };
+    Unit: {
+        route: string;
+        tabPattern: RegExp;
+        getUrl: (id?: string | undefined) => string;
+        component: () => JSX.Element;
+    };
+    UnitTree: {
+        route: string;
+        tabPattern: RegExp;
+        getUrl: (id: string) => string;
+        component: () => JSX.Element;
+    };
     addRoutes: () => void;
 };
 export default Routes;