@voplus/morpho-workspace 1.3.0 → 1.3.2

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

@@ -0,0 +1,54 @@
+import "./index.less";
+import { Button, Form, Row, Select, Space, } from "@voplus/antd";
+import React, { useState } from "react";
+import Modal from "@voplus/morpho-ui/es/components/Modal";
+import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
+import { State } from "./state";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+// import { useWorkspaceStore } from "../../../../data/workspace";
+const RejectWorkDialog = (props) => {
+    // const workspaces = useWorkspaceStore();
+    const { Option } = Select;
+    const [state] = useState(new State());
+    return observe(() => (React.createElement(Modal, { title: "Reject Work Dialog", visible: true, destroyOnClose: true, closable: false, footer: null, onCancel: props.onCancel },
+        React.createElement("div", { className: classnames("new-reject-form", props.className) },
+            React.createElement(Form, { layout: "vertical" },
+                React.createElement(React.Fragment, null,
+                    React.createElement(Form.Item, { label: "Reason for your reject work" },
+                        React.createElement(Select, { defaultValue: "Reason1", onChange: (value) => state.params.Reason = value },
+                            React.createElement(Option, { value: "Reason1" }, "Reason1"),
+                            React.createElement(Option, { value: "Reason2" }, "Reason2"),
+                            React.createElement(Option, { value: "Reason3" }, "Reason3"))),
+                    React.createElement(Form.Item, { label: "Description of your reject work" },
+                        React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: true, className: "proseMirror", onChange: (opt) => (state.params.Description =
+                                opt.editor.dom.innerHTML === "<p><br></p>" ? "" : opt.editor.dom.innerHTML) })),
+                    React.createElement(Form.Item, null,
+                        React.createElement(Row, { justify: "end" },
+                            React.createElement(Space, null,
+                                React.createElement(Button, { onClick: onCancel }, "Cancel"),
+                                React.createElement(Button, { type: "primary", loading: !!state.loading, onClick: onSubmit }, "Submit"))))))))));
+    async function onSubmit() {
+        // if (!state.params.Name) return message.warning("Title is required");
+        runInAction(() => (state.loading = true));
+        // const res = await workspaces.create({
+        //     data: { ...state.params, ParentId: props.parentId },
+        //     error: "message",
+        // });
+        runInAction(() => {
+            state.loading = false;
+            state.params = state.Params;
+        });
+        if (props.onSubmitSave)
+            props.onSubmitSave(state.params);
+    }
+    // cancel add reject work
+    function onCancel() {
+        state.params = state.Params;
+        if (props.onCancel)
+            props.onCancel();
+    }
+};
+export default RejectWorkDialog;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/RejectWorkDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EACH,MAAM,EACN,IAAI,EAEJ,GAAG,EACH,MAAM,EACN,KAAK,GAER,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,MAAM,uCAAuC,CAAC;AAC1D,OAAO,WAAW,MAAM,6CAA6C,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAEnC,kEAAkE;AAElE,MAAM,gBAAgB,GAAG,CAAC,KAKzB,EAAE,EAAE;IACD,0CAA0C;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACjB,oBAAC,KAAK,IACF,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,IAAI,EACb,cAAc,EAAE,IAAI,EACpB,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ;QAExB,6BACI,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;YAEzD,oBAAC,IAAI,IAAC,MAAM,EAAC,UAAU;gBACnB,oBAAC,KAAK,CAAC,QAAQ;oBACX,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,6BAA6B;wBAC1C,oBAAC,MAAM,IAAC,YAAY,EAAC,SAAS,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK;4BAC3E,oBAAC,MAAM,IAAC,KAAK,EAAC,SAAS,cAAiB;4BACxC,oBAAC,MAAM,IAAC,KAAK,EAAC,SAAS,cAAiB;4BACxC,oBAAC,MAAM,IAAC,KAAK,EAAC,SAAS,cAAiB,CACnC,CACD;oBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,iCAAiC;wBAC9C,oBAAC,WAAW,IACR,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAC/B,MAAM,QACN,SAAS,EAAC,aAAa,EACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAClB,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;gCACrB,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,KAAK,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,GAEjF,CACM;oBACZ,oBAAC,IAAI,CAAC,IAAI;wBACN,oBAAC,GAAG,IAAC,OAAO,EAAC,KAAK;4BACd,oBAAC,KAAK;gCACF,oBAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,aAAiB;gCAC1C,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,aAEzD,CACL,CACN,CACE,CACC,CACd,CACL,CACF,CAEX,CAAC,CAAC;IACH,KAAK,UAAU,QAAQ;QACnB,uEAAuE;QACvE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC;QAC1C,wCAAwC;QACxC,2DAA2D;QAC3D,wBAAwB;QACxB,MAAM;QACN,WAAW,CAAC,GAAG,EAAE;YACb,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;YACtB,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAChC,CAAC,CAAC,CAAC;QACH,IAAI,KAAK,CAAC,YAAY;YAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7D,CAAC;IACD,yBAAyB;IACzB,SAAS,QAAQ;QACb,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,IAAI,KAAK,CAAC,QAAQ;YAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;IACzC,CAAC;AACL,CAAC,CAAC;AACF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,18 @@
+@import "../../../../style/common.less";
+@import "~@voplus/antd/es/style/themes/default.less";
+:global {
+	.new-reject-form {
+		.ant-select {
+			width: 100%;
+		}
+		.proseMirror {
+			height: 10rem !important;
+			.editor-toolbar {
+				padding: 0.2rem 0.65rem;
+			}
+			.ProseMirror {
+				padding: 1rem 1.25rem;
+			}
+		}
+	}
+}

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

@@ -0,0 +1,12 @@
+export declare class State {
+    constructor();
+    Params: {
+        Reason: string;
+        Description: string;
+    };
+    params: {
+        Reason: string;
+        Description: string;
+    };
+    loading: boolean;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/RejectWorkDialog/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElD,MAAM,OAAO,KAAK;IACjB;QAGA;;;;mBAAgB;gBACf,MAAM,EAAE,EAAE;gBACV,WAAW,EAAE,EAAE;aACf;WAAC;QACU;;;;mBAAgB,IAAI,CAAC,MAAM;WAAC;QAC5B;;;;mBAAiB,KAAK;WAAC;QAPlC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CAOD;AAFY;IAAX,UAAU;qCAA6B;AAC5B;IAAX,UAAU;sCAAwB"}

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

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

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

@@ -0,0 +1,24 @@
+import "./index.less";
+import { Col, Row, Tag } from "@voplus/antd";
+import AvatarList from "@voplus/morpho-document/es/components/AvatarList";
+import { ExclamationCircleOutlined } from "@ant-design/icons";
+import React from "react";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useWorkError } from "../../../../data/workerror";
+const WorkErrorItem = (props) => {
+    const { user } = useApplicationContext();
+    const workError = useWorkError(props.id);
+    return observe(() => React.createElement("div", { className: "workerror-item" },
+        React.createElement(Row, null,
+            React.createElement(Col, { flex: 3 },
+                React.createElement("div", null,
+                    React.createElement(ExclamationCircleOutlined, { style: { color: "red" } }),
+                    React.createElement(Tag, { color: "purple" }, workError.type)),
+                React.createElement("div", { className: "workerror-date" }, moment(workError.due).format("DD MMM yyyy"))),
+            React.createElement(Col, { flex: 2, className: "workerror-causers" },
+                React.createElement(AvatarList, { organizationId: user.info.organizationId, list: workError.causers || [], editable: false })))));
+};
+export default WorkErrorItem;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkErrorItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,UAAU,MAAM,kDAAkD,CAAC;AAC1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,MAAM,aAAa,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE,CAChB,6BAAK,SAAS,EAAC,gBAAgB;QAC3B,oBAAC,GAAG;YACA,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC;gBACR;oBACI,oBAAC,yBAAyB,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAI;oBACtD,oBAAC,GAAG,IAAC,KAAK,EAAC,QAAQ,IAAE,SAAS,CAAC,IAAI,CAAO,CACxC;gBACN,6BAAK,SAAS,EAAC,gBAAgB,IAC1B,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAC1C,CACJ;YACN,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,mBAAmB;gBACvC,oBAAC,UAAU,IACP,cAAc,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,EACxC,IAAI,EAAE,SAAS,CAAC,OAAO,IAAI,EAAE,EAC7B,QAAQ,EAAE,KAAK,GACjB,CACA,CACJ,CAEJ,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,26 @@
+:global {
+	.workerror-item {
+        padding: 10px 20px;
+        background: transparent;
+        &:hover{
+            background: #f3f1f1;
+        }
+		.workerror-causers{
+			display: flex;
+			align-items: center;
+		}
+		.workerror-name {
+			font-size: 15px;
+			color: #000;
+			font-weight: 500;
+			word-break: break-all;
+			margin: 0 8px;
+		}
+		.ant-tag {
+			padding: 0 5px;
+			font-size: 12px;
+			line-height: 15px;
+			margin-left: 8px;
+		}
+	}
+}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "./index.less";
+/** A work error list view shows work error in card style. */
+declare const WorkErrorList: (props: {
+    id: string;
+    onClickItem?: ((id: string) => void) | undefined;
+}) => JSX.Element;
+export default WorkErrorList;

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

@@ -0,0 +1,44 @@
+import "./index.less";
+import { useWorkErrorListEffect } from "../../../../data/workerror";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import { observe, useRenderOnChange } from "@voplus/morpho-ui";
+import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
+import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
+import WorkErrorItem from "../WorkErrorItem";
+import { useAutoUpdateListData } from "../../../../data/workerror/workerror-events";
+/** A work error list view shows work error in card style. */
+const WorkErrorList = (props) => {
+    const [activeId, setActiveId] = useState("");
+    /** 建立 ListView 和useWorkErrorListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.id }]
+        },
+    }, [props.id]);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useWorkErrorListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useWorkErrorListEffect,使之可以自動更新loading, hasmore. */
+    useWorkErrorListEffect(list, (result) => list.union(result), list.filters.options);
+    /** useOnNewWorkError, useOnDeleteWorkError的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => true);
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement("div", { className: "workerror-list-view" },
+            React.createElement(InfiniteScrollView, { empty: list.isEmpty, loading: list.loading, hasMore: list.hasMore, loadMore: loadMore }, list.data.map((item) => (React.createElement(DocumentItemFrame, { key: item.id, frameProps: {
+                    active: activeId === item.id,
+                    hoverEffect: "none",
+                    activeEffect: "border",
+                    borderProps: { location: "right", color: "#1890ff ", size: "2px" },
+                }, onClick: () => {
+                    var _a;
+                    setActiveId(item.id);
+                    (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, item.id);
+                } },
+                React.createElement(WorkErrorItem, { id: item.id })))))))));
+    function loadMore() {
+        list.triggerNextPage();
+    }
+};
+export default WorkErrorList;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkErrorList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAc,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;AACtF,OAAO,kBAAkB,MAAM,kDAAkD,CAAC;AAClF,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AAEpF,6DAA6D;AAC7D,MAAM,aAAa,GAAG,CAAC,KAGtB,EAAE,EAAE;IAED,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7C,mFAAmF;IACnF,MAAM,IAAI,GAAG,sBAAsB,CAC/B;QACI,cAAc,EAAE;YACZ,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;SACnE;KACJ,EACD,CAAC,KAAK,CAAC,EAAE,CAAC,CACb,CAAC;IAEF,wEAAwE;IACxE,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9C,uEAAuE;IACvE,sBAAsB,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAEnF,qEAAqE;IACrE,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACjB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QACjC,6BAAK,SAAS,EAAC,qBAAqB;YAChC,oBAAC,kBAAkB,IACf,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,QAAQ,IAEjB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACrB,oBAAC,iBAAiB,IACd,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,UAAU,EAAE;oBACR,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE;oBAC5B,WAAW,EAAE,MAAM;oBACnB,YAAY,EAAE,QAAQ;oBACtB,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE;iBACrE,EACD,OAAO,EAAE,GAAG,EAAE;;oBACV,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBACrB,MAAA,KAAK,CAAC,WAAW,+CAAjB,KAAK,EAAe,IAAI,CAAC,EAAE,CAAC,CAAC;gBACjC,CAAC;gBAED,oBAAC,aAAa,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CACd,CAEvB,CAAC,CACe,CACnB,CACiB,CAE9B,CAAC,CAAC;IAEH,SAAS,QAAQ;QACb,IAAI,CAAC,eAAe,EAAE,CAAC;IAC3B,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,5 @@
+:global {
+	.workerror-list-view {
+		height: 100%;
+	}
+}

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

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

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,16 @@
+/// <reference types="react" />
+import "./index.less";
+import { IWork } from "../../../../data/work";
+declare const WorkList: (props: {
+    /** status of works shown on the list. */
+    status?: string | undefined;
+    /** dueDate of works shown on the list. */
+    dueDate?: string | undefined;
+    /** 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,88 @@
+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 moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const WorkList = (props) => {
+    const { dueDate } = props;
+    const [activeId, setActiveId] = useState("");
+    const documentStore = useDocumentStore();
+    const list = useCreateListDataState({
+        filterDefaults: { filters: filters() }
+    }, [props.status, dueDate]);
+    /** 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() {
+        const filter = [];
+        if (props.status) {
+            filter.push({
+                c: "WorkStatus",
+                o: "=",
+                l: "And",
+                v1: S(props.status).capitalize().toString(),
+            });
+        }
+        if (dueDate) {
+            let date = "day";
+            let v1 = "";
+            let v2 = "";
+            if (dueDate !== "today")
+                date = dueDate;
+            if (dueDate !== "unscheduled") {
+                v1 = moment().startOf(date).format("YYYY-MM-DD HH:mm:ss");
+                v2 = moment().endOf(date).format("YYYY-MM-DD HH:mm:ss");
+            }
+            else {
+                v1 = moment().add(1, "months").startOf("month").format("YYYY-MM-DD HH:mm:ss");
+                v2 = moment().add(1, "months").endOf("month").format("YYYY-MM-DD HH:mm:ss");
+            }
+            filter.push({
+                c: "DueDate",
+                o: "between",
+                l: "And",
+                v1: v1,
+                v2: v2,
+            });
+        }
+        return filter;
+    }
+    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;