@voplus/morpho-workspace 1.2.6 → 1.3.1

package/es/modules/work/components/WorkErrorPropertiesView/index.js

@@ -0,0 +1,45 @@
+import "./index.less";
+import React, { useEffect, useState } from "react";
+import { Skeleton, Tabs, Tag } from "@voplus/antd";
+import { useWorkError, useWorkErrorStore } from "../../../../data/workerror";
+import ActivityLog from "@voplus/morpho-document/es/components/ActivityLog/ActivityLog2";
+import AvatarList from "@voplus/morpho-document/es/components/AvatarList";
+import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
+import DocumentList from "@voplus/morpho-document/es/components/DocumentList";
+import { ExclamationCircleOutlined } from "@ant-design/icons";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
+const WorkErrorPropertiesView = (props) => {
+    const { id } = props;
+    const workerror = useWorkError(id);
+    const store = useWorkErrorStore();
+    const { user } = useApplicationContext();
+    /**Tabs 当前激活 tab 面板的 key */
+    const [activeKey, setActiveKey] = useState("Activities");
+    useEffect(() => {
+        setActiveKey("Activities");
+    }, [props.id]);
+    return observe(() => React.createElement("div", { className: "workerror-properties-view" },
+        workerror.loaded !== true ? (React.createElement(Skeleton, { active: true })) : (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "workerror-header" },
+                React.createElement("div", { className: "document-name-content" },
+                    React.createElement(ExclamationCircleOutlined, { style: { color: "red" } }),
+                    React.createElement(Tag, { color: "purple" }, workerror.type)),
+                React.createElement(AvatarList, { organizationId: user.info.organizationId, list: workerror.causers || [], onChange: (ids) => {
+                        store.edit(id, { data: { CauserIds: ids }, error: "message" });
+                    } }),
+                React.createElement("div", { className: "workerror-date" }, moment(workerror.due).format("DD MMM yyyy"))),
+            React.createElement(DescriptionEditor, { id: id, description: workerror.description, onSave: (description) => {
+                    store.edit(id, { data: { Description: description }, error: "message" });
+                } }))),
+        React.createElement(Tabs, { activeKey: activeKey, className: "workerror-tabs", onChange: onChange },
+            React.createElement(Tabs.TabPane, { tab: "Activities", key: "Activities" }, activeKey === "Activities" && React.createElement(ActivityLog, { id: id })),
+            React.createElement(Tabs.TabPane, { tab: "Document", key: "Document" }, activeKey === "Document" && (React.createElement(DocumentList, { id: id, multiple: true }))))));
+    /**切换面板的回调*/
+    function onChange(activeKey) {
+        setActiveKey(activeKey);
+    }
+};
+export default WorkErrorPropertiesView;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkErrorPropertiesView/index.js.map

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

package/es/modules/work/components/WorkErrorPropertiesView/index.less

@@ -0,0 +1,22 @@
+:global {
+	.workerror-properties-view {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		.workerror-header {
+			padding: 10px 20px;
+			.ant-tag {
+				padding: 0 5px;
+				font-size: 12px;
+				line-height: 15px;
+				margin-left: 8px;
+			}
+		}
+		.workerror-tabs {
+			flex: 1;
+			.ant-tabs-nav {
+				padding-left: 20px;
+			}
+		}
+	}
+}

package/es/modules/work/components/WorkItem/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import "./index.less";
+import { DocumentHeaderProps } from "@voplus/morpho-document-core/es/props/DocumentHeaderProps";
+export declare type WorkItemProps = {
+    id: string;
+    reload?: boolean;
+    /** Header props */
+    headerProps?: Partial<DocumentHeaderProps>;
+};
+declare const WorkItem: (props: WorkItemProps) => JSX.Element;
+export default WorkItem;

package/es/modules/work/components/WorkItem/index.js

@@ -0,0 +1,25 @@
+import "./index.less";
+import { CommentDataIcon, DateQuickIcon, DocumentDataIcon, UserQuickIcon, } from "@voplus/morpho-document/es/controls/data-icons";
+import React from "react";
+import DataIconBar from "@voplus/morpho-document/es/controls/DataIconBar";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import { Tooltip } from "@voplus/antd";
+import { observe } from "@voplus/morpho-ui";
+import { useWork } from "../../../../data/work";
+const WorkItem = (props) => {
+    const { id, reload } = props;
+    const work = useWork(id, { reload: !!reload });
+    return observe(() => {
+        var _a;
+        return (React.createElement(DocumentHeader, { id: work.id, quickDataBarAlign: "left", preVisible: false, flagVisible: false, toolsVisible: false, tagsVisible: !!((_a = work.tags) === null || _a === void 0 ? void 0 : _a.length), className: "default-work-item", quickDataBar: React.createElement(React.Fragment, null,
+                React.createElement(DataIconBar, null,
+                    React.createElement(DateQuickIcon, { id: id }),
+                    React.createElement(DocumentDataIcon, { id: id }),
+                    React.createElement(CommentDataIcon, { id: id }),
+                    React.createElement(UserQuickIcon, { id: id }),
+                    React.createElement(Tooltip, { title: "Work Status" },
+                        React.createElement("span", { className: "data-icon" }, work.WorkStatus)))), ...props.headerProps }));
+    });
+};
+export default WorkItem;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EACN,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,aAAa,GACb,MAAM,gDAAgD,CAAC;AACxD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,cAAc,MAAM,sDAAsD,CAAC;AAElF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAShD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACzC,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE7B,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/C,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,oBAAC,cAAc,IACd,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,iBAAiB,EAAC,MAAM,EACxB,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAA,EAChC,SAAS,EAAC,mBAAmB,EAC7B,YAAY,EACX,oBAAC,KAAK,CAAC,QAAQ;gBACd,oBAAC,WAAW;oBACX,oBAAC,aAAa,IAAC,EAAE,EAAE,EAAE,GAAI;oBACzB,oBAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,GAAI;oBAC5B,oBAAC,eAAe,IAAC,EAAE,EAAE,EAAE,GAAI;oBAC3B,oBAAC,aAAa,IAAC,EAAE,EAAE,EAAE,GAAI;oBACzB,oBAAC,OAAO,IAAC,KAAK,EAAC,aAAa;wBAC3B,8BAAM,SAAS,EAAC,WAAW,IACzB,IAAI,CAAC,UAAU,CACV,CACE,CACG,CACE,KAEd,KAAK,CAAC,WAAW,GACpB,CACF,CAAA;KAAA,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/modules/work/components/WorkItem/index.less

@@ -0,0 +1,17 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+:global {
+	.default-work-item {
+		position: relative;
+		align-items: center;
+		cursor: pointer;
+		background-color: transparent;
+		&:after {
+			position: absolute;
+			content: "";
+			left: 20px;
+			right: 20px;
+			bottom: 0;
+			border-bottom: 1px solid #f2f2f2;
+		}
+	}
+}

package/es/modules/work/components/WorkList/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import "./index.less";
+import { IWork } from "../../../../data/work";
+declare const WorkList: (props: {
+    /** status of works shown on the list. */
+    status: string;
+    /** The current active item */
+    active?: string | undefined;
+    /** Call back when an item has been clicked on the list. */
+    onClickItem?: ((item: IWork) => void) | undefined;
+    /** Call back when received total number of works. */
+    onTotal?: ((total: number) => void) | undefined;
+}) => JSX.Element;
+export default WorkList;

package/es/modules/work/components/WorkList/index.js

@@ -0,0 +1,64 @@
+import "./index.less";
+import { useWorkListEffect } from "../../../../data/work";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import { useAutoUpdateListData, useDocumentStore } from "@voplus/morpho-document-core";
+import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import S from "string";
+import WorkItem from '../WorkItem';
+import WorkPropertiesView from '../WorkPropertiesView';
+import { observe } from "@voplus/morpho-ui";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const WorkList = (props) => {
+    const [activeId, setActiveId] = useState("");
+    const documentStore = useDocumentStore();
+    const list = useCreateListDataState({
+        filterDefaults: { filters: filters() }
+    }, [props.status]);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => d.type === "Work" && !d.parentId);
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useWorkListEffect,使之可以自動更新loading, hasmore. */
+    useWorkListEffect(list, (result, total) => {
+        var _a;
+        list.union(result);
+        (_a = props.onTotal) === null || _a === void 0 ? void 0 : _a.call(props, total);
+    }, {
+        Total: true,
+        ...list.filters.options,
+    });
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(ListView, { headerProps: {
+                viewTitle: "My Works",
+                addAble: false,
+                sortable: false
+            }, className: "work-list", propertiesView: (id) => React.createElement(WorkPropertiesView, { id: id }), moveAfter: moveAfter, renderItem: ({ item, connectDragSource }) => (React.createElement(React.Fragment, null,
+                React.createElement(DocumentItemFrame, { key: item.id, frameProps: {
+                        active: activeId === item.id,
+                        hoverEffect: "background",
+                        hoverBackgroundProps: { color: "#f2f2f2" },
+                    }, onClick: () => {
+                        var _a;
+                        setActiveId(item.id);
+                        (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, item);
+                    } },
+                    React.createElement(WorkItem, { id: item.id })))) }))));
+    function filters() {
+        if (!props.status)
+            return [];
+        return [
+            {
+                c: "WorkStatus",
+                o: "=",
+                l: "And",
+                v1: S(props.status).capitalize().toString(),
+            },
+        ];
+    }
+    async function moveAfter(id, afterId) {
+        await documentStore.moveAfter(id, afterId);
+    }
+};
+export default WorkList;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkList/index.js.map

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

package/es/modules/work/components/WorkList/index.less

@@ -0,0 +1,7 @@
+:global {
+	.work-list {
+		background-color: #fff;
+		padding: 0 !important;
+	}
+}
+

package/es/modules/work/components/WorkPropertiesView/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import "./index.less";
+declare const WorkPropertiesView: (props: {
+    id: string;
+    default?: boolean;
+}) => JSX.Element;
+export default WorkPropertiesView;

package/es/modules/work/components/WorkPropertiesView/index.js

@@ -0,0 +1,35 @@
+import "./index.less";
+import { Open, Reload } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import React, { useState } from "react";
+import { useWork, useWorkStore } from "../../../../data/work";
+import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import WorkTabs from "../WorkTabs";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useMetaStore } from "@voplus/morpho-document";
+const WorkPropertiesView = (props) => {
+    const id = props.id;
+    const meta = useMetaStore();
+    const { user } = useApplicationContext();
+    const work = useWork(id, { reload: false });
+    const store = useWorkStore();
+    const [loaded, setLoaded] = useState(true);
+    return observe(() => (React.createElement("div", { className: "module-detail-view" }, loaded && (React.createElement(React.Fragment, null,
+        React.createElement(DocumentHeader, { id: id, size: "h3", quickVisible: false, quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, className: "task-properties-view-header", tools: React.createElement("div", { className: "tools-bar" },
+                React.createElement(ToolBar, { id: id, moreProps: { closeAside: true } },
+                    React.createElement(Reload, { action: onReload }),
+                    React.createElement(Open, { url: meta.getRoute(work) }))), descriptionVisible: false }),
+        React.createElement(DescriptionEditor, { id: id, description: work.description, readonly: work.readonly }),
+        React.createElement(WorkTabs, { id: id, propertie: true }))))));
+    /** reload data */
+    function onReload() {
+        setLoaded(false);
+        setTimeout(() => {
+            setLoaded(true);
+        }, 100);
+    }
+};
+export default WorkPropertiesView;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkPropertiesView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkPropertiesView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAW,IAAI,EAAE,MAAM,EAAE,MAAM,qDAAqD,CAAC;AAC5F,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG9D,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;AACtF,OAAO,cAAc,MAAM,sDAAsD,CAAC;AAElF,OAAO,OAAO,MAAM,sDAAsD,CAAC;AAC3E,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,kBAAkB,GAAG,CAAC,KAAwC,EAAE,EAAE;IACpE,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAEpB,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEzC,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAE5C,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAE7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE3C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACjB,6BAAK,SAAS,EAAC,oBAAoB,IAC9B,MAAM,IAAI,CACP,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,cAAc,IACX,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,IAAI,EACT,YAAY,EAAE,KAAK,EACnB,iBAAiB,EAAC,MAAM,EACxB,eAAe,EAAC,MAAM,EACtB,YAAY,QACZ,SAAS,EAAC,6BAA6B,EACvC,KAAK,EACD,6BAAK,SAAS,EAAC,WAAW;gBACtB,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE;oBAC5C,oBAAC,MAAM,IAAC,MAAM,EAAE,QAAQ,GAAI;oBAC5B,oBAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAI,CAC5B,CACR,EAEV,kBAAkB,EAAE,KAAK,GAC3B;QACF,oBAAC,iBAAiB,IACd,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACzB;QACF,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,SAAG,CACjB,CACpB,CACC,CACT,CAAC,CAAC;IACH,kBAAkB;IAClB,SAAS,QAAQ;QACb,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,UAAU,CAAC,GAAG,EAAE;YACZ,SAAS,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC;AACL,CAAC,CAAC;AACF,eAAe,kBAAkB,CAAC"}

package/es/modules/work/components/WorkPropertiesView/index.less

@@ -0,0 +1,23 @@
+:global {
+	.task-properties-view-header {
+		color: #444;
+		.tools-bar {
+			text-align: right;
+		}
+	}
+	.task-properties-view {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+		overflow-x: hidden;
+		.task-description {
+			padding: 10px 20px;
+		}
+		.sub-task-simply-form {
+			position: sticky;
+			bottom: 0;
+			z-index: 9999;
+			background: #fff;
+		}
+	}
+}

package/es/{pages/Space/components/Documents → modules/work/components/WorkQATab}/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import "./index.less";
-declare const Documents: (props: {
+declare const WorkQATab: (props: {
     id: string;
 }) => JSX.Element;
-export default Documents;
+export default WorkQATab;

package/es/modules/work/components/WorkQATab/index.js

@@ -0,0 +1,33 @@
+import "./index.less";
+import React, { useState } from "react";
+import { observe, useAsideContentContext } from "@voplus/morpho-ui";
+import NewWorkErrorDialog from "../NewWorkErrorDialog";
+import { PlusOutlined } from "@ant-design/icons";
+import TaskPropertiesView from "../../../tasks/components/TaskPropertiesView";
+import WorkErrorList from "../WorkErrorList";
+import WorkErrorPropertiesView from "../WorkErrorPropertiesView";
+import WorkTaskList from "../WorkTaskList";
+const WorkQATab = (props) => {
+    const { id } = props;
+    const [visible, setVisible] = useState(false);
+    const asideContext = useAsideContentContext();
+    return observe(() => React.createElement("div", { className: "work-qa-tab" },
+        React.createElement("div", { className: "work-audit-tasks" },
+            React.createElement(WorkTaskList, { parentId: id, Title: "Audit Tasks", onClickItem: onClickWorkTaskItem })),
+        React.createElement("div", { className: "work-errors" },
+            React.createElement("h3", null,
+                "Errors ",
+                React.createElement(PlusOutlined, { onClick: () => setVisible(true) })),
+            React.createElement(WorkErrorList, { id: id, onClickItem: onClickItem })),
+        visible &&
+            React.createElement(NewWorkErrorDialog, { WorkId: id, onCancel: () => setVisible(false), onSubmitSave: () => setVisible(false) })));
+    /** work error onclick item  */
+    function onClickItem(id) {
+        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(WorkErrorPropertiesView, { id: id }), { span: 12 });
+    }
+    function onClickWorkTaskItem(id) {
+        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(TaskPropertiesView, { id: id }), { span: 12 });
+    }
+};
+export default WorkQATab;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkQATab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkQATab/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,kBAAkB,MAAM,8CAA8C,CAAC;AAC9E,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAE9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAChB,6BAAK,SAAS,EAAC,aAAa;QACxB,6BAAK,SAAS,EAAC,kBAAkB;YAC7B,oBAAC,YAAY,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,aAAa,EACnB,WAAW,EAAE,mBAAmB,GAClC,CACA;QACN,6BAAK,SAAS,EAAC,aAAa;YACxB;;gBAAW,oBAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,GAAI,CAAK;YACjE,oBAAC,aAAa,IAAC,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,GAAI,CACjD;QACL,OAAO;YACJ,oBAAC,kBAAkB,IACf,MAAM,EAAE,EAAE,EACV,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GACvC,CAEJ,CACT,CAAA;IAED,+BAA+B;IAC/B,SAAS,WAAW,CAAC,EAAU;QAC3B,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CACnB,oBAAC,uBAAuB,IAAC,EAAE,EAAE,EAAE,GAAI,EACnC,EAAE,IAAI,EAAE,EAAE,EAAE,CACf,CAAC;IACN,CAAC;IAED,SAAS,mBAAmB,CAAC,EAAU;QACnC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CACnB,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,GAAI,EAC9B,EAAE,IAAI,EAAE,EAAE,EAAE,CACf,CAAC;IACN,CAAC;AACL,CAAC,CAAA;AAED,eAAe,SAAS,CAAC"}

package/es/modules/work/components/WorkQATab/index.less

@@ -0,0 +1,24 @@
+:global {
+	.work-qa-tab {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		.work-audit-tasks,
+		.work-errors {
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+		}
+		h3 {
+			padding: 10px 20px;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			margin-bottom: 0;
+			.anticon-plus {
+				color: #1ea7fd;
+				cursor: pointer;
+			}
+		}
+	}
+}

package/es/modules/work/components/WorkTabs/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import "./index.less";
+declare const WorkTabs: (props: {
+    id: string;
+    propertie?: boolean;
+}) => JSX.Element;
+export default WorkTabs;

package/es/modules/work/components/WorkTabs/index.js

@@ -0,0 +1,45 @@
+import "./index.less";
+import { Badge, Tabs } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import ActivityLog from "@voplus/morpho-document/es/components/ActivityLog/ActivityLog2";
+import DocumentList from "@voplus/morpho-document/es/components/DocumentList";
+import WorkQATab from "../WorkQATab";
+import WorkTasksTab from "../WorkTasksTab";
+import WorksProperties from "../WorksProperties";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useTaskListEffect } from "../../../../data/task";
+const WorkTabs = (props) => {
+    const { id, propertie } = props;
+    const { user } = useApplicationContext();
+    /**Tabs 当前激活 tab 面板的 key */
+    const [activeKey, setActiveKey] = useState(propertie ? "Properties" : "Activities");
+    const [taskTotals, setTaskTotals] = useState(0);
+    useEffect(() => {
+        setActiveKey(propertie ? "Properties" : "Activities");
+    }, [props.id]);
+    useTaskListEffect(null, (result, total) => setTaskTotals(total || 0), {
+        Total: true, List: false,
+        Filters: [
+            { c: "ParentNodeId", o: "=", l: "And", v1: id },
+            { c: "Members", o: "contains", l: "And", v1: JSON.stringify([user.info.unit.id]) }
+        ],
+    });
+    return observe(() => (React.createElement(Tabs, { activeKey: activeKey, className: "work-tabs", onChange: onChange },
+        propertie &&
+            React.createElement(Tabs.TabPane, { tab: "Properties", key: "Properties" }, activeKey === "Properties" && React.createElement(WorksProperties, { id: id })),
+        React.createElement(Tabs.TabPane, { tab: "Activities", key: "Activities" }, activeKey === "Activities" && React.createElement(ActivityLog, { id: id })),
+        React.createElement(Tabs.TabPane, { tab: React.createElement(React.Fragment, null,
+                "Tasks",
+                React.createElement(Badge, { count: taskTotals, className: "site-badge-count" })), key: "Tasks" }, activeKey === "Tasks" && (React.createElement(WorkTasksTab, { id: id }))),
+        React.createElement(Tabs.TabPane, { tab: React.createElement(React.Fragment, null,
+                "Documents",
+                React.createElement(Badge, { count: 2, className: "site-badge-count" })), key: "Documents" }, activeKey === "Documents" && (React.createElement(DocumentList, { id: id, multiple: true }))),
+        React.createElement(Tabs.TabPane, { tab: "QA", key: "QA" }, activeKey === "QA" && React.createElement(WorkQATab, { id: id })))));
+    /**切换面板的回调*/
+    function onChange(activeKey) {
+        setActiveKey(activeKey);
+    }
+};
+export default WorkTabs;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkTabs/index.js.map

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

package/es/modules/work/components/WorkTabs/index.less

@@ -0,0 +1,16 @@
+:global {
+	.work-tabs {
+		height: 100%;
+		.ant-tabs-nav-wrap {
+			padding-left: 20px;
+		}
+		.site-badge-count {
+			margin-left: 10px;
+			.ant-badge-count {
+				color: #999;
+				background-color: #fff;
+				box-shadow: 0 0 0 1px #d9d9d9 inset;
+			}
+		}
+	}
+}

package/es/modules/work/components/WorkTaskList/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import "./index.less";
+import { WorkTaskListProps } from "./state";
+declare const WorkTaskList: (props: WorkTaskListProps) => JSX.Element;
+export default WorkTaskList;

package/es/modules/work/components/WorkTaskList/index.js

@@ -0,0 +1,65 @@
+import "./index.less";
+import { useApplicationContext, useDeepMemo } from "@voplus/morpho-data";
+import { useTaskListEffect } from "../../../../data/task";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useEffect } from "react";
+import { State } from "./state";
+import { observe, useRenderOnChange } from "@voplus/morpho-ui";
+import { useAutoUpdateListData, useDocumentStore, } from "@voplus/morpho-document-core";
+import DefaultTaskItem from "../../../tasks/components/TaskItem/DefaultTaskItem";
+import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import NewTaskForm from "../../../tasks/components/NewTaskForm";
+import { PlusOutlined } from "@ant-design/icons";
+import classnames from "classnames";
+const WorkTaskList = (props) => {
+    const documents = useDocumentStore();
+    const { user } = useApplicationContext();
+    const state = useDeepMemo(() => new State(), [props.parentId]);
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: filters()
+        },
+    }, []);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => d.parentId === props.parentId && d.type === "Task");
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useTaskListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useTaskListEffect,使之可以自動更新loading, hasmore. */
+    useTaskListEffect(list, (result) => list.union(result), list.filters.options);
+    useEffect(() => {
+        state.clearAdd();
+    }, [props.parentId]);
+    return observe(() => (
+    /** 建立新ListView所需Context. */
+    React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement("div", { className: classnames("work-task-list", props.className) },
+            React.createElement("h3", { className: "work-task-header" },
+                props.Title,
+                React.createElement(PlusOutlined, { onClick: () => state.addAble = !state.addAble })),
+            React.createElement(ListView, { renderId: props.parentId, headerProps: {
+                    visible: false,
+                }, moveAfter: moveAfter, renderItem: ({ item, connectDragSource, multiple }) => (React.createElement(DocumentItemFrame, { key: item.id, frameProps: {
+                        hoverEffect: "background",
+                        hoverBackgroundProps: { color: "#f2f2f2" },
+                        style: { border: "none", flex: "1" },
+                    }, onClick: () => { var _a; return (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, item.id); } },
+                    React.createElement(DefaultTaskItem, { id: item.id, connectDragSource: connectDragSource }))) }),
+            state.addAble && (React.createElement(NewTaskForm, { simple: true, parentId: props.parentId, block: true, onSave: () => {
+                    state.clearAdd();
+                }, onCancel: () => state.clearAdd() }))))));
+    function filters() {
+        if (!props.roles)
+            return [{ c: "ParentNodeId", o: "=", l: "And", v1: props.parentId }];
+        return [
+            { c: "ParentNodeId", o: "=", l: "And", v1: props.parentId },
+            { c: "Members", o: "contains", l: "And", v1: JSON.stringify([user.info.unit.id]) }
+        ];
+    }
+    async function moveAfter(id, afterId) {
+        await documents.moveAfter(id, afterId);
+    }
+};
+export default WorkTaskList;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkTaskList/index.js.map

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

package/es/modules/work/components/WorkTaskList/index.less

@@ -0,0 +1,18 @@
+:global {
+	.work-task-list {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+		.work-task-header {
+			padding: 10px 20px;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			margin-bottom: 0;
+			.anticon-plus {
+				color: #1ea7fd;
+				cursor: pointer;
+			}
+		}
+	}
+}

package/es/modules/work/components/WorkTaskList/state.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+export declare type WorkTaskListProps = {
+    parentId: string;
+    className?: string;
+    Title?: ReactNode;
+    /** roles filter */
+    roles?: boolean;
+    onClickItem?: (id: string) => void;
+};
+export declare class State {
+    addAble: boolean;
+    constructor();
+    clearAdd(): void;
+}

package/es/modules/work/components/WorkTaskList/state.js

@@ -0,0 +1,23 @@
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "addAble", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+    clearAdd() {
+        this.addAble = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "addAble", void 0);
+__decorate([
+    action
+], State.prototype, "clearAdd", null);
+//# sourceMappingURL=state.js.map

package/es/modules/work/components/WorkTaskList/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTaskList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAY1D,MAAM,OAAO,KAAK;IAGjB;QAFY;;;;mBAAiB,KAAK;WAAC;QAGlC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAGM,QAAQ;QACd,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC;CACD;AAVY;IAAX,UAAU;sCAAwB;AAOnC;IADC,MAAM;qCAGN"}

package/es/modules/work/components/WorkTasksTab/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "./index.less";
+declare const WorkTasksTab: (props: {
+    id: string;
+}) => JSX.Element;
+export default WorkTasksTab;