@voplus/morpho-workspace 1.1.0-dev034 → 1.1.0-dev035

package/es/pages/Work/components/ActionPlan/Item.js

@@ -0,0 +1,88 @@
+import { Button, Input, Modal, Tooltip } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import { faSave, faTrashAlt, faUndo } from "@fortawesome/pro-light-svg-icons";
+import { useAction, useActionStore } from "../../data";
+import ActionType from "../ActionType";
+import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
+import { Edit } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { InlineEdit } from "@voplus/morpho-ui";
+import { ItemState } from "./state";
+import ToolBar2 from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import classnames from "classnames";
+import { isEqual } from "lodash-es";
+import moment from "moment";
+import { useObserver } from "mobx-react-lite";
+const Item = (props) => {
+    const { id } = props;
+    const [state] = useState(new ItemState());
+    const store = useActionStore();
+    state.action = useAction(id);
+    useEffect(() => {
+        state.note = state.action.note ? state.action.note : "";
+    }, [state.action.note]);
+    return useObserver(() => (React.createElement("div", { className: classnames("action-item", {
+            "action-item_hover": state.isHover
+        }), onMouseLeave: () => (state.isHover = false), onMouseOver: () => (state.isHover = true) },
+        state.action.due && (React.createElement("div", { className: classnames("data-icon") },
+            React.createElement(InlineEdit, { defaultValue: moment(state.action.due), content: v => (React.createElement("span", { style: { cursor: "pointer" } }, v ? moment(v.store.value).format("DD MMM YYYY") : "Add Date")), editor: DateInputEditor, onSave: onSave }))),
+        React.createElement("div", { className: "action-context" },
+            React.createElement(ActionType, { type: state.action.type, className: "action-type", onchange: type => store.editAction(state.action.id, { Type: type }) }),
+            state.editable ? (React.createElement(Input.TextArea, { autoSize: true, autoFocus: true, value: state.note, onChange: e => (state.note = e.target.value) })) : (React.createElement("span", { className: "action-note" }, state.note))),
+        React.createElement("div", null,
+            state.isHover && !state.editable && (React.createElement("div", { className: classnames("hover-operate-icon", { show: state.isHover }) },
+                React.createElement(ToolBar2, { id: state.action.id, showMenu: false },
+                    React.createElement(Edit, { action: onEdit }),
+                    React.createElement(Tooltip, { title: "Eelete" },
+                        React.createElement(Button, { size: "small", shape: "circle", className: "delete-btn", onClick: onDelete },
+                            React.createElement(FAIcon, { icon: faTrashAlt })))))),
+            state.editable && (React.createElement("div", { className: "editable-save" },
+                React.createElement(Button, { size: "small", shape: "circle", onClick: () => {
+                        state.editable = false;
+                        state.note = state.action.note ? state.action.note : "";
+                    } },
+                    React.createElement(FAIcon, { icon: faUndo })),
+                React.createElement(Button, { type: "primary", ghost: true, size: "small", shape: "circle", disabled: !hasChanges, loading: state.loading, className: "margin-left-10", onClick: save },
+                    React.createElement(FAIcon, { icon: faSave }))))))));
+    /** delete action */
+    function onDelete() {
+        Modal.confirm({
+            title: "Do you want to delete this item?",
+            onOk() {
+                return store.deleteAction([id], {});
+            }
+        });
+    }
+    /** edit text */
+    function onEdit() {
+        state.isHover = false;
+        state.editable = true;
+    }
+    function hasChanges() {
+        if (!state.note)
+            return;
+        const name = state.action.note;
+        const originalData = { name };
+        const modifiedData = {
+            name: state.note.trim()
+        };
+        return !isEqual(originalData, modifiedData);
+    }
+    // update note
+    async function save() {
+        const params = { Note: state.note };
+        state.loading = true;
+        await store.editAction(id, params);
+        state.loading = false;
+        state.editable = false;
+    }
+    // update date
+    function onSave(v) {
+        // date未变更不保存
+        if (moment(v).isSame(state.action.due, "day"))
+            return;
+        store.editAction(id, { Due: v.format("YYYY-MM-DD") });
+    }
+};
+export default Item;
+//# sourceMappingURL=Item.js.map

package/es/pages/Work/components/ActionPlan/Item.js.map

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

package/es/pages/Work/components/ActionPlan/index.d.ts

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

package/es/pages/Work/components/ActionPlan/index.js

@@ -0,0 +1,53 @@
+import { useActionListEffect, useOnDeleteAction, useOnNewAction, useWorkContext } from "../../data";
+import React, { useState } from "react";
+import { faFilePlus, faPlus } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import Item from "./Item";
+import ScheduleActionForm from "../ScheduleActionForm";
+import { State } from "./state";
+import { Timeline } from "@voplus/antd";
+import classnames from "classnames";
+import moment from "moment";
+import styles from "./index.less";
+import { useObserver } from "mobx-react-lite";
+const ActionPlan = (props) => {
+    const { id } = props;
+    const [state] = useState(new State());
+    const context = useWorkContext();
+    useActionListEffect(list => {
+        state.list = list;
+        const actions = list === null || list === void 0 ? void 0 : list.slice().sort((a, b) => moment(a === null || a === void 0 ? void 0 : a.due).valueOf() - moment(b === null || b === void 0 ? void 0 : b.due).valueOf());
+        /** 最早到期的action  */
+        // context.setActionItem(actions[0]);
+        context.actionItem = actions[0];
+    }, {
+        Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }]
+    });
+    useOnNewAction((s, action) => {
+        if (action.parentNodeID === id)
+            state.list = [...state.list, action];
+    });
+    useOnDeleteAction((s, action) => {
+        if (action.parentNodeID === id)
+            state.list = state.list.filter(item => item.id !== action.id);
+    });
+    const dotElement = (log) => {
+        return (React.createElement("span", { className: "dot-icon", style: { borderColor: "#8bc34a" } },
+            React.createElement(FAIcon, { icon: faFilePlus, color: "#8bc34a" })));
+    };
+    return useObserver(() => {
+        var _a;
+        return (React.createElement(Timeline, { className: classnames(styles["action-plan"], props.className) },
+            React.createElement(Timeline.Item, { key: "add", dot: React.createElement(FAIcon, { style: { fontSize: "17px" }, icon: faPlus }) },
+                !state.visible && (React.createElement("div", { id: "ActionPlan", className: "add-action", onClick: changeVisible }, "Schedule an action")),
+                React.createElement(ScheduleActionForm, { id: id, className: state.visible ? "show" : "", cancel: changeVisible, finish: changeVisible })), (_a = state.list) === null || _a === void 0 ? void 0 :
+            _a.map((item, index) => (React.createElement(Timeline.Item, { key: index, dot: dotElement(item) },
+                React.createElement(Item, { id: item.id }))))));
+    });
+    /** create new action */
+    function changeVisible() {
+        state.visible = !state.visible;
+    }
+};
+export default ActionPlan;
+//# sourceMappingURL=index.js.map

package/es/pages/Work/components/ActionPlan/index.js.map

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

package/es/pages/Work/components/ActionPlan/index.less

@@ -0,0 +1,96 @@
+@import "~@voplus/antd/es/style/themes/default";
+
+.action-plan {
+	// height: 100%;
+	padding: 13px 0 0 15px;
+	margin: 15px 20px;
+	:global {
+		.dot-icon {
+			display: inline-block;
+			width: 30px;
+			height: 30px;
+			line-height: 28px;
+			border: 1px solid transparent;
+			border-radius: 50%;
+			font-size: 17px;
+		}
+		.add-action {
+			color: #1890ff;
+			padding-top: 3px;
+			cursor: pointer;
+		}
+		.action-item {
+			.hover-operate-icon {
+				display: flex;
+				position: absolute;
+				right: 0;
+				top: 50%;
+				transform: translateY(-50%);
+				z-index: 100;
+				align-items: center;
+				visibility: hidden;
+				.delete-btn {
+					color: #f5222d;
+					background: #fff;
+					border-color: #f5222d;
+					cursor: pointer;
+					&:hover {
+						background-color: #f5222d;
+						color: #fff;
+					}
+				}
+				&.show {
+					// display: block;
+					visibility: visible;
+				}
+			}
+			.editable-save{
+				display: flex;
+				position: absolute;
+				right: 0;
+				top: 50%;
+				transform: translateY(-50%);
+				z-index: 100;
+				align-items: center;
+			}
+			.action-context{
+				display: flex;
+				textarea.ant-input{
+					flex: 0.8;
+				}
+			}
+			.action-type {
+				padding-right: 10px;
+				color: #000;
+				font-style: italic;
+			}
+			.action-note {
+				padding-right: 15px;
+				font-weight: 500;
+				color: #000;
+			}
+			.date-time {
+				font-size: 14px;
+				color: #444;
+			}
+		}
+
+		.ant-timeline-item-content {
+			top: -14px;
+			margin: 0 0 0 50px;
+			line-height: 28px;
+			color: #333;
+		}
+		.schedule-action-form {
+			height: 0;
+			opacity: 0;
+			transition: height 0.3s, opacity 0.2s ease-out;
+			overflow: hidden;
+			&.show {
+				height: auto;
+				opacity: 1;
+				overflow: visible;
+			}
+		}
+	}
+}

package/es/pages/Work/components/ActionPlan/state.d.ts

@@ -0,0 +1,15 @@
+import { IAction } from "../../data";
+export declare class State {
+    list: IAction[];
+    /** visible ScheduleActionForm  */
+    visible: boolean;
+}
+export declare class ItemState {
+    action: IAction;
+    /** action item note */
+    note: string;
+    isHover: boolean;
+    editable: boolean;
+    /** 保存数据加载中 */
+    loading: boolean;
+}

package/es/pages/Work/components/ActionPlan/state.js

@@ -0,0 +1,40 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        /** visible ScheduleActionForm  */
+        this.visible = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "list", void 0);
+__decorate([
+    observable
+], State.prototype, "visible", void 0);
+export class ItemState {
+    constructor() {
+        /** action item note */
+        this.note = "";
+        this.isHover = false;
+        this.editable = false;
+        /** 保存数据加载中 */
+        this.loading = false;
+    }
+}
+__decorate([
+    observable
+], ItemState.prototype, "action", void 0);
+__decorate([
+    observable
+], ItemState.prototype, "note", void 0);
+__decorate([
+    observable
+], ItemState.prototype, "isHover", void 0);
+__decorate([
+    observable
+], ItemState.prototype, "editable", void 0);
+__decorate([
+    observable
+], ItemState.prototype, "loading", void 0);
+//# sourceMappingURL=state.js.map

package/es/pages/Work/components/ActionPlan/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/pages/Work/components/ActionPlan/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAU,UAAU,EAAE,MAAM,MAAM,CAAC;AAI1C,MAAM,OAAO,KAAK;IAAlB;QAEC,kCAAkC;QACf,YAAO,GAAG,KAAK,CAAC;IACpC,CAAC;CAAA;AAHY;IAAX,UAAU;mCAAwB;AAEvB;IAAX,UAAU;sCAAwB;AAGpC,MAAM,OAAO,SAAS;IAAtB;QAEC,uBAAuB;QACJ,SAAI,GAAG,EAAE,CAAC;QACV,YAAO,GAAG,KAAK,CAAC;QAChB,aAAQ,GAAG,KAAK,CAAC;QACpC,cAAc;QACK,YAAO,GAAG,KAAK,CAAC;IACpC,CAAC;CAAA;AAPY;IAAX,UAAU;yCAAwB;AAEvB;IAAX,UAAU;uCAAkB;AACjB;IAAX,UAAU;0CAAwB;AACvB;IAAX,UAAU;2CAAyB;AAExB;IAAX,UAAU;0CAAwB"}

package/es/pages/Work/components/ActionType/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import "./index.less";
+declare const ActionType: {
+    (props: {
+        editable?: boolean | undefined;
+        type: "Followup" | "Meeting" | "Call";
+        size?: "lg" | "sm" | "xs" | undefined;
+        className?: string | undefined;
+        onchange?: ((params?: any) => void) | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        editable: boolean;
+    };
+};
+export default ActionType;

package/es/pages/Work/components/ActionType/index.js

@@ -0,0 +1,32 @@
+import "./index.less";
+import { Dropdown, Menu } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import { faExclamationCircle, faStar } from "@fortawesome/free-solid-svg-icons";
+import classnames from "classnames";
+import { faCircle } from "@fortawesome/pro-light-svg-icons";
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { useObserver } from "mobx-react-lite";
+library.add(faStar, faCircle, faExclamationCircle);
+const ActionType = (props) => {
+    const { editable } = props;
+    const [type, setType] = useState(props.type);
+    const menu = useObserver(() => (React.createElement(Menu, { onClick: onClick, className: "flag-menu" },
+        React.createElement(Menu.Item, { key: "Followup" }, "Followup"),
+        React.createElement(Menu.Item, { key: "Meeting" }, "Meeting"),
+        React.createElement(Menu.Item, { key: "Call" }, "Call"))));
+    useEffect(() => {
+        setType(props.type);
+    }, [props.type]);
+    return useObserver(() => (React.createElement(React.Fragment, null, editable ? (React.createElement(Dropdown, { overlay: menu, trigger: ["click", "hover"] },
+        React.createElement("span", { className: classnames("action-type", props.className) }, type))) : (React.createElement("span", { className: classnames("action-type", "readonly", props.className) }, type)))));
+    function onClick({ key }) {
+        var _a;
+        setType(key);
+        (_a = props.onchange) === null || _a === void 0 ? void 0 : _a.call(props, key);
+    }
+};
+ActionType.defaultProps = {
+    editable: true
+};
+export default ActionType;
+//# sourceMappingURL=index.js.map

package/es/pages/Work/components/ActionType/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Work/components/ActionType/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAEhF,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,mBAAmB,CAAC,CAAC;AACnD,MAAM,UAAU,GAAG,CAAC,KAMnB,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,CAC9B,oBAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW;QAC7C,oBAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAC,UAAU,eAAqB;QAC9C,oBAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAC,SAAS,cAAoB;QAC5C,oBAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAC,MAAM,WAAiB,CAChC,CACP,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IACjB,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ,QACb,QAAQ,CAAC,CAAC,CAAC,CACX,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QACnD,8BAAM,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,IAAG,IAAI,CAAQ,CAChE,CACX,CAAC,CAAC,CAAC,CACH,8BAAM,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAG,IAAI,CAAQ,CACtF,CACe,CACjB,CAAC,CAAC;IAEH,SAAS,OAAO,CAAC,EAAE,GAAG,EAAO;;QAC5B,OAAO,CAAC,GAAG,CAAC,CAAC;QACb,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,GAAG,EAAE;IACvB,CAAC;AACF,CAAC,CAAC;AACF,UAAU,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,IAAI;CACd,CAAC;AACF,eAAe,UAAU,CAAC"}

package/es/pages/Work/components/ActionType/index.less

@@ -0,0 +1,20 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+:global {
+	.action-type {
+		cursor: pointer;
+
+		.svg-inline--fa:hover {
+			opacity: 0.5;
+			// color: @primary-color !important;
+		}
+		&.readonly {
+			cursor: default;
+		}
+	}
+	.flag-menu {
+		.svg-inline--fa {
+			margin-right: 10px;
+			font-size: 15px;
+		}
+	}
+}

package/es/pages/Work/components/ScheduleActionForm/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./index.less";
+import { IAction } from "../../data";
+declare const ScheduleActionForm: (props: {
+    id: string;
+    cancel?: (() => void) | undefined;
+    finish?: ((action?: IAction | undefined) => void) | undefined;
+    className?: string | undefined;
+}) => JSX.Element;
+export default ScheduleActionForm;

package/es/pages/Work/components/ScheduleActionForm/index.js

@@ -0,0 +1,50 @@
+import "./index.less";
+import { useActionStore } from "../../data";
+import { Button, DatePicker, Form, Input, Select, Space } from "@voplus/antd";
+import React, { useState } from "react";
+import classnames from "classnames";
+import moment from "moment";
+const ScheduleActionForm = (props) => {
+    const { id, cancel, finish, className } = props;
+    const [form] = Form.useForm();
+    const [loading, setLoading] = useState(false);
+    const actionStore = useActionStore();
+    return (React.createElement("div", { className: classnames("schedule-action-form", className) },
+        React.createElement("h3", null, "Schedule Action"),
+        React.createElement(Form, { form: form, layout: "vertical", onFinish: onFinish },
+            React.createElement(Form.Item, { name: "ActionType", label: "Type", rules: [{ required: true }] },
+                React.createElement(Select, { disabled: loading },
+                    React.createElement(Select.Option, { value: "Followup" }, "Followup"),
+                    React.createElement(Select.Option, { value: "Meeting" }, "Meeting"),
+                    React.createElement(Select.Option, { value: "Call" }, "Call"))),
+            React.createElement(Form.Item, { name: "Due", label: "Due" },
+                React.createElement(DatePicker, { disabled: loading })),
+            React.createElement(Form.Item, { name: "Note", label: "Note" },
+                React.createElement(Input.TextArea, { rows: 3, placeholder: "Add a Note", disabled: loading })),
+            React.createElement(Form.Item, { className: "schedule-action-form_btn" },
+                React.createElement(Space, null,
+                    React.createElement(Button, { htmlType: "button", disabled: loading, onClick: rest }, "Cancel"),
+                    React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading }, "Schedule"))))));
+    /** submit Action */
+    async function onFinish(values) {
+        const { ActionType, Due, Note } = values;
+        setLoading(true);
+        const r = await actionStore.createAction({
+            ParentNodeId: id,
+            ActionType,
+            Due: Due ? moment(Due) : "",
+            Note
+        });
+        setLoading(false);
+        if (finish)
+            finish(r);
+    }
+    /** reset */
+    function rest() {
+        form.resetFields();
+        if (cancel)
+            cancel();
+    }
+};
+export default ScheduleActionForm;
+//# sourceMappingURL=index.js.map

package/es/pages/Work/components/ScheduleActionForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Work/components/ScheduleActionForm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAuB,cAAc,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGxC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,QAAQ,CAAC;AAE5B,MAAM,kBAAkB,GAAG,CAAC,KAK3B,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;IAE9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,OAAO,CACN,6BAAK,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC;QAC5D,kDAAwB;QACxB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAE,QAAQ;YACrD,oBAAC,IAAI,CAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;gBACpE,oBAAC,MAAM,IAAC,QAAQ,EAAE,OAAO;oBACxB,oBAAC,MAAM,CAAC,MAAM,IAAC,KAAK,EAAC,UAAU,eAAyB;oBACxD,oBAAC,MAAM,CAAC,MAAM,IAAC,KAAK,EAAC,SAAS,cAAwB;oBACtD,oBAAC,MAAM,CAAC,MAAM,IAAC,KAAK,EAAC,MAAM,WAAqB,CACxC,CACE;YACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK;gBAChC,oBAAC,UAAU,IAAC,QAAQ,EAAE,OAAO,GAAI,CACtB;YACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM;gBAClC,oBAAC,KAAK,CAAC,QAAQ,IAAC,IAAI,EAAE,CAAC,EAAE,WAAW,EAAC,YAAY,EAAC,QAAQ,EAAE,OAAO,GAAI,CAC5D;YACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B;gBAC9C,oBAAC,KAAK;oBACL,oBAAC,MAAM,IAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,aAEjD;oBACT,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,eAEhD,CACF,CACG,CACN,CACF,CACN,CAAC;IACF,oBAAoB;IACpB,KAAK,UAAU,QAAQ,CAAC,MAA2B;QAClD,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;QACzC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAM,CAAC,GAAG,MAAM,WAAW,CAAC,YAAY,CAAC;YACxC,YAAY,EAAE,EAAE;YAChB,UAAU;YACV,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;YAC3B,IAAI;SACG,CAAC,CAAC;QACV,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,IAAI,MAAM;YAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC;IACD,YAAY;IACZ,SAAS,IAAI;QACZ,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,MAAM;YAAE,MAAM,EAAE,CAAC;IACtB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/es/pages/Work/components/ScheduleActionForm/index.less

@@ -0,0 +1,15 @@
+:global {
+	.schedule-action-form {
+		max-width: 70%;
+		.ant-form-item {
+			margin-bottom: 10px;
+			.ant-picker,
+			.ant-select {
+				width: 100%;
+			}
+		}
+		.schedule-action-form_btn {
+			text-align: right;
+		}
+	}
+}

package/es/pages/Work/components/WorkCheckList/index.d.ts

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

package/es/pages/Work/components/WorkCheckList/index.js

@@ -0,0 +1,38 @@
+import { useWork, useWorkStore } from "../../data";
+import CheckList from "@voplus/morpho-ui/es/controls/CheckList";
+import React from "react";
+import { useObserver } from "mobx-react-lite";
+const WorkCheckList = (props) => {
+    const { id } = props;
+    const work = useWork(id);
+    const workStore = useWorkStore();
+    return useObserver(() => (React.createElement(CheckList, { list: work.checkList || [], allowAdd: true, allowChange: !work.readonly, moveAfter: moveAfter, onChange: onChange, onCreate: onCreate, onDelete: onDelete })));
+    /** Add a check item */
+    function onCreate(item) {
+        onSave([{ item, checked: false }, ...(work.checkList || [])]);
+    }
+    /** change check item */
+    function onChange(checkItem) {
+        const { id, item, checked } = checkItem;
+        const checkList = work.checkList || [];
+        checkList.splice(id, 1, { item, checked });
+        onSave(checkList);
+    }
+    /** delete check item */
+    function onDelete(checkItem) {
+        const checkList = work.checkList || [];
+        checkList.splice(checkItem.id, 1);
+        onSave(checkList);
+    }
+    /** sort checkList */
+    function moveAfter(id, afterId, checkList) {
+        onSave(checkList);
+    }
+    /** update workCheckList */
+    async function onSave(checkList) {
+        const CheckList = checkList.map(c => ({ Item: c.item, Checked: c.checked }));
+        await workStore.edit(id, { CheckList });
+    }
+};
+export default WorkCheckList;
+//# sourceMappingURL=index.js.map

package/es/pages/Work/components/WorkCheckList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Work/components/WorkCheckList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,aAAa,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC/C,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;IAEzB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,SAAS,IACT,IAAI,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE,EAC1B,QAAQ,QACR,WAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GACjB,CACF,CAAC,CAAC;IACH,uBAAuB;IACvB,SAAS,QAAQ,CAAC,IAAY;QAC7B,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAC/D,CAAC;IACD,wBAAwB;IACxB,SAAS,QAAQ,CAAC,SAAyD;QAC1E,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;QACxC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC;QACvC,SAAS,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3C,MAAM,CAAC,SAAS,CAAC,CAAC;IACnB,CAAC;IACD,wBAAwB;IACxB,SAAS,QAAQ,CAAC,SAAyD;QAC1E,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC;QACvC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QAClC,MAAM,CAAC,SAAS,CAAC,CAAC;IACnB,CAAC;IACD,qBAAqB;IACrB,SAAS,SAAS,CACjB,EAAU,EACV,OAAe,EACf,SAA2D;QAE3D,MAAM,CAAC,SAAS,CAAC,CAAC;IACnB,CAAC;IACD,2BAA2B;IAC3B,KAAK,UAAU,MAAM,CAAC,SAA+C;QACpE,MAAM,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAC7E,MAAM,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;IACzC,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/pages/Work/components/WorkSummaryCards/WorkActionsCard/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IAction } from "../../../data";
+declare const WorkActionsCard: (props: {
+    action?: IAction;
+}) => JSX.Element;
+export default WorkActionsCard;

package/es/pages/Work/components/WorkSummaryCards/WorkActionsCard/index.js

@@ -0,0 +1,28 @@
+import { useWorkContext } from "../../../data";
+import React, { useState } from "react";
+import { Button } from "@voplus/antd";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import { State } from "./state";
+import { useObserver } from "mobx-react-lite";
+const WorkActionsCard = (props) => {
+    // const { action } = props;
+    const [state] = useState(new State());
+    const context = useWorkContext();
+    useObserver(() => {
+        state.action = context.actionItem;
+    });
+    return useObserver(() => (React.createElement(Card, { bordered: true, shadow: true, className: "work-card" },
+        React.createElement("div", { className: "card-title" }, "Next Action"),
+        state.action ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "blocking-number" }, state.action.note))) : (React.createElement(Button, { type: "link", size: "large", onClick: onSchedule, style: { padding: "0" } }, "Schedule")))));
+    function onSchedule() {
+        // 查找锚点
+        const anchorElement = document.getElementById("ActionPlan");
+        // 如果对应id的锚点存在，跳转到锚点
+        if (anchorElement) {
+            anchorElement.scrollIntoView({ block: "start", behavior: "smooth" });
+        }
+    }
+};
+export default WorkActionsCard;
+//# sourceMappingURL=index.js.map

package/es/pages/Work/components/WorkSummaryCards/WorkActionsCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Work/components/WorkSummaryCards/WorkActionsCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,cAAc,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,IAAI,MAAM,oCAAoC,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IACvD,4BAA4B;IAC5B,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IAEjC,WAAW,CAAC,GAAG,EAAE;QAChB,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,IAAI,IAAC,QAAQ,QAAC,MAAM,QAAC,SAAS,EAAC,WAAW;QAC1C,6BAAK,SAAS,EAAC,YAAY,kBAAkB;QAC5C,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACf,oBAAC,KAAK,CAAC,QAAQ;YACd,6BAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAO,CAE1C,CACjB,CAAC,CAAC,CAAC,CACH,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,eAEpE,CACT,CACK,CACP,CAAC,CAAC;IACH,SAAS,UAAU;QAClB,OAAO;QACP,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;QAC5D,oBAAoB;QACpB,IAAI,aAAa,EAAE;YAClB,aAAa,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;SACrE;IACF,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/es/pages/Work/components/WorkSummaryCards/WorkActionsCard/state.d.ts

@@ -0,0 +1,4 @@
+import { IAction } from "../../../data";
+export declare class State {
+    action?: IAction;
+}

package/es/pages/Work/components/WorkSummaryCards/WorkActionsCard/state.js

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

package/es/pages/Work/components/WorkSummaryCards/WorkActionsCard/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../src/pages/Work/components/WorkSummaryCards/WorkActionsCard/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;CAEjB;AADY;IAAX,UAAU;qCAAyB"}

package/es/pages/Work/components/WorkSummaryCards/WorkBlockingsCard/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const WorkBlockingsCard: (props: {
+    onClick?: ((e: any) => void) | undefined;
+}) => JSX.Element;
+export default WorkBlockingsCard;

package/es/pages/Work/components/WorkSummaryCards/WorkBlockingsCard/index.js

@@ -0,0 +1,11 @@
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import React from "react";
+import { useObserver } from "mobx-react-lite";
+const WorkBlockingsCard = (props) => {
+    return useObserver(() => (React.createElement(Card, { bordered: true, shadow: true, className: "work-card" },
+        React.createElement("div", { style: { height: "100%" }, onClick: props.onClick },
+            React.createElement("div", { className: "card-title" }, "Blocking Work"),
+            React.createElement("div", { className: "blocking-number" }, "2")))));
+};
+export default WorkBlockingsCard;
+//# sourceMappingURL=index.js.map

package/es/pages/Work/components/WorkSummaryCards/WorkBlockingsCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Work/components/WorkSummaryCards/WorkBlockingsCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,oCAAoC,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,iBAAiB,GAAG,CAAC,KAAqC,EAAE,EAAE;IACnE,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,IAAI,IAAC,QAAQ,QAAC,MAAM,QAAC,SAAS,EAAC,WAAW;QAC1C,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO;YACrD,6BAAK,SAAS,EAAC,YAAY,oBAAoB;YAC/C,6BAAK,SAAS,EAAC,iBAAiB,QAAQ,CACnC,CACA,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/es/pages/Work/components/WorkSummaryCards/WorkDueCard/index.d.ts

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