@voplus/morpho-workspace 1.0.0-mobx01 → 1.1.0-dev002

package/es/modules/board/components/DocumentCard/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const DocumentCard: (props: {
+    id: string;
+    leftId?: string | undefined;
+    linkId?: string | undefined;
+    reload?: boolean | undefined;
+    multiple?: boolean | undefined;
+    connectDragSource?: any;
+}) => JSX.Element;
+export default DocumentCard;

package/es/modules/board/components/DocumentCard/index.js

@@ -0,0 +1,111 @@
+import { Button, Checkbox, Input, Spin, Tooltip, message } from "@voplus/antd";
+import React, { useState } from "react";
+import { faBars, faCommentDots, faCopy, faPaperclip, faSave, faUndo } from "@fortawesome/pro-light-svg-icons";
+import { useDocument, useDocumentStore } from "@voplus/morpho-document";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import DocumentQuickViewDialog from "@voplus/morpho-document/es/components/DocumentQuickViewDialog";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FlagIcon from "../../../../controls/FlagIcon";
+import { LinkStore } from "../../../../data/board";
+import { State } from "./state";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar";
+import classnames from "classnames";
+import styles from "./index.less";
+import { useLayout } from "@voplus/morpho-data";
+import { useObserver } from "mobx-react-lite";
+const DocumentCard = (props) => {
+    const [state] = useState(new State());
+    const [store] = useState(new LinkStore());
+    const documentStore = useDocumentStore();
+    const [parentReadonly, setParentReadonly] = useState(false);
+    const { id, leftId, linkId } = { ...props };
+    state.reload = !!props.reload;
+    state.document = useDocument(props.id, { reload: parentReadonly });
+    const readonly = state.document.status === "Readonly";
+    const onSave = async () => {
+        if (!state.name) {
+            return message.warn("Title is required");
+        }
+        if (state.name.trim() === state.document.name) {
+            // 没有变动无需请求
+            return (state.editable = false);
+        }
+        state.loading = true;
+        await documentStore.edit(props.id, { Name: state.name });
+        state.editable = !state.editable;
+        state.loading = false;
+    };
+    const onEdit = () => {
+        state.name = state.document.name;
+        state.isHover = false;
+        state.editable = !state.editable;
+    };
+    const onDelete = () => {
+        documentStore.editLinks(props.leftId, { RemoveLinks: [props.linkId] });
+    };
+    const onMove = () => {
+        store.onMove([{ leftId: leftId, rightId: id, linkId: linkId }]);
+    };
+    const onPaste = async () => {
+        const moveIds = store.moveIds.map((item) => item.rightId);
+        if (moveIds.some((id) => id === props.id))
+            return message.warn("Cannot move to itself");
+        store.onPaste(async () => {
+            await documentStore.move(moveIds, id);
+        });
+        state.reload = true;
+    };
+    const onLock = () => {
+        documentStore.edit(state.document.id, { Status: "Readonly" });
+    };
+    const onUnlock = () => {
+        documentStore.edit(state.document.id, { Status: "Normal" });
+    };
+    const onChangeImportant = (e) => {
+        if (readonly)
+            return;
+        e.stopPropagation();
+    };
+    const layout = useLayout();
+    layout.history.listen(() => {
+        state.visible = false;
+        state.visibleQuickView = false;
+    });
+    const iconList = (React.createElement(React.Fragment, null,
+        React.createElement("span", null,
+            React.createElement(FAIcon, { icon: faPaperclip }),
+            state.document.documents || 0),
+        React.createElement("span", null,
+            React.createElement(FAIcon, { icon: faCommentDots }),
+            state.document.comments || 0),
+        React.createElement("span", null,
+            React.createElement(FAIcon, { icon: faCopy }),
+            0)));
+    const { multiple } = props;
+    return useObserver(() => {
+        var _a, _b;
+        return (React.createElement(Card, { className: styles["task-card"], padding: "15px 12px", shadow: true },
+            React.createElement("div", { className: "task-card-item", onMouseOver: () => (state.isHover = true), onMouseLeave: () => (state.isHover = false) },
+                React.createElement("div", { className: "task-card-head" },
+                    multiple && React.createElement(Checkbox, { value: state.document.id, className: "multiple-box" }),
+                    !multiple && (React.createElement(FlagIcon, { id: state.document.id, editable: !readonly, flag: state.document.flag, color: state.isHover ? "rgba(168, 168, 168,0.5)" : "#999", onchange: onChangeImportant, className: "task-icon-star" })),
+                    state.editable ? (React.createElement(Spin, { spinning: state.loading },
+                        React.createElement(Input.TextArea, { className: "task-card-title", autosize: true, autoFocus: true, value: state.name, onChange: e => (state.name = e.target.value) }))) : (React.createElement("div", { className: "task-card-title", onClick: () => (state.visibleQuickView = true) }, ((_a = state.document.name) === null || _a === void 0 ? void 0 : _a.length) > 25 ? (React.createElement(Tooltip, { title: state.document.name, placement: "topLeft" },
+                        React.createElement("span", null, state.document.name))) : (state.document.name)))),
+                React.createElement("div", { className: "task-card-control" },
+                    state.isHover &&
+                        !multiple && ((_b = props.connectDragSource) === null || _b === void 0 ? void 0 : _b.call(props, React.createElement("span", { className: classnames("task-icon-move", { show: state.editable }) }, React.createElement(FAIcon, { icon: faBars })))),
+                    iconList),
+                React.createElement("div", { className: "task-card-label" },
+                    state.isHover && !state.editable && (React.createElement("div", { className: classnames("hover-operate-icon", { show: state.isHover }) },
+                        React.createElement(ToolBar, { id: props.id, size: "small", url: `/document/${props.id}`, edit: false, hoverEdit: !readonly, deleteTitel: "Do you want to remove this item from board ?", onDelete: onDelete, onEdit: onEdit, onMove: onMove, onPaste: onPaste, onLock: onLock, onUnlock: onUnlock }))),
+                    state.editable && (React.createElement("div", { className: "task-card-editable-name" },
+                        React.createElement(Button, { shape: "circle", size: "small", onClick: () => (state.editable = false) },
+                            React.createElement(FAIcon, { icon: faUndo })),
+                        React.createElement(Button, { type: "primary", size: "small", ghost: true, shape: "circle", onClick: onSave },
+                            React.createElement(FAIcon, { icon: faSave })))))),
+            React.createElement(DocumentQuickViewDialog, { id: props.id, doc: state.document, visible: state.visibleQuickView, onCancel: () => (state.visibleQuickView = false) })));
+    });
+};
+export default DocumentCard;
+//# sourceMappingURL=index.js.map

package/es/modules/board/components/DocumentCard/index.js.map

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

package/es/modules/board/components/DocumentCard/index.less

@@ -0,0 +1,116 @@
+@import "../../../../style/common.less";
+.task-card {
+	margin-bottom: 15px;
+	background: #ffffff;
+	cursor: pointer;
+	:global {
+		.task-card-head {
+			display: flex;
+			align-items: center;
+			.task-card-title {
+				flex: 1;
+				font-size: 16px;
+				color: #000000;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				margin-left: 6px;
+			}
+		}
+		.task-card-control {
+			margin-top: 6px;
+			display: flex;
+			align-items: center;
+			padding: 5px 0;
+			font-size: 13px;
+			color: #666;
+			& > span {
+				display: flex;
+				align-items: center;
+			}
+			& > span + span {
+				margin-left: 8px;
+			}
+			> span:hover {
+				color: @primary-color;
+			}
+			.task-icon-move{
+				&:hover{
+					color: #666;
+				}
+				.svg-inline--fa {
+					margin-right: 0;
+				}
+			}
+			.svg-inline--fa {
+				margin-right: 5px;
+			}
+		}
+		.task-card-label {
+			height: 23px;
+			margin-top: 8px;
+			.item {
+				display: inline-block;
+				font-size: 13px;
+				height: 22px;
+				line-height: 20px;
+				padding: 0 11px 0 8px;
+				color: #a50909;
+				background: #fbc7c8;
+				border-top-right-radius: 11px;
+				border-bottom-right-radius: 11px;
+				border-top-left-radius: 2px;
+				border-bottom-left-radius: 2px;
+				margin-right: 10px;
+				&.project {
+					color: #5d0303;
+					background: #d6bdbd;
+				}
+				.close {
+					float: right;
+					margin-left: 4px;
+					margin-top: 1px;
+					font-size: 10px;
+				}
+				.svg-inline--fa {
+					transform: scale(0.7, 0.9);
+				}
+			}
+		}
+		.hover-operate-icon {
+			// &.show {
+			// 	display: flex;
+			// 	justify-content: flex-end;
+			// 	align-items: center;
+			// }
+			.ant-dropdown-trigger {
+				float: right;
+			}
+			.ant-btn {
+				margin: 0 8px 0 0;
+			}
+		}
+		.task-card-editable-name {
+			display: flex;
+			justify-content: flex-end;
+			.ant-btn {
+				margin-right: 8px;
+			}
+		}
+		.task-card-item {
+			.task-icon-move {
+				opacity: 0;
+				cursor: move;
+				font-size: 16px;
+			}
+			&:hover .task-icon-move,
+			.task-icon-move.show {
+				opacity: 1;
+			}
+			&.opacity {
+				opacity: 0.5;
+			}
+		}
+		
+	}
+}

package/es/modules/board/components/DocumentCard/state.d.ts

@@ -0,0 +1,15 @@
+import { IDocument } from "@voplus/morpho-document";
+export declare class State {
+    document: IDocument;
+    id: string;
+    ids: string[];
+    members: any[];
+    name: string;
+    editable: boolean;
+    loading: boolean;
+    visible: boolean;
+    visibleQuickView: boolean;
+    modalType: string;
+    isHover: boolean;
+    reload: boolean;
+}

package/es/modules/board/components/DocumentCard/state.js

@@ -0,0 +1,54 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        this.id = "";
+        this.ids = [];
+        this.members = [];
+        this.name = "";
+        this.editable = false;
+        this.loading = false;
+        this.visible = false;
+        this.visibleQuickView = false;
+        this.modalType = "";
+        this.isHover = false;
+        this.reload = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "document", void 0);
+__decorate([
+    observable
+], State.prototype, "id", void 0);
+__decorate([
+    observable
+], State.prototype, "ids", void 0);
+__decorate([
+    observable
+], State.prototype, "members", void 0);
+__decorate([
+    observable
+], State.prototype, "name", void 0);
+__decorate([
+    observable
+], State.prototype, "editable", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "visible", void 0);
+__decorate([
+    observable
+], State.prototype, "visibleQuickView", void 0);
+__decorate([
+    observable
+], State.prototype, "modalType", void 0);
+__decorate([
+    observable
+], State.prototype, "isHover", void 0);
+__decorate([
+    observable
+], State.prototype, "reload", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/board/components/DocumentCard/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/board/components/DocumentCard/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlC,MAAM,OAAO,KAAK;IAAlB;QAEoB,OAAE,GAAG,EAAE,CAAC;QACR,QAAG,GAAa,EAAE,CAAC;QACnB,YAAO,GAAU,EAAE,CAAC;QACpB,SAAI,GAAG,EAAE,CAAC;QACV,aAAQ,GAAG,KAAK,CAAC;QACjB,YAAO,GAAG,KAAK,CAAC;QAChB,YAAO,GAAG,KAAK,CAAC;QAChB,qBAAgB,GAAG,KAAK,CAAC;QACzB,cAAS,GAAG,EAAE,CAAC;QACf,YAAO,GAAG,KAAK,CAAC;QAChB,WAAM,GAAG,KAAK,CAAC;IACnC,CAAC;CAAA;AAZY;IAAX,UAAU;uCAA4B;AAC3B;IAAX,UAAU;iCAAgB;AACf;IAAX,UAAU;kCAA2B;AAC1B;IAAX,UAAU;sCAA4B;AAC3B;IAAX,UAAU;mCAAkB;AACjB;IAAX,UAAU;uCAAyB;AACxB;IAAX,UAAU;sCAAwB;AACvB;IAAX,UAAU;sCAAwB;AACvB;IAAX,UAAU;+CAAiC;AAChC;IAAX,UAAU;wCAAuB;AACtB;IAAX,UAAU;sCAAwB;AACvB;IAAX,UAAU;qCAAuB"}

package/es/modules/board/components/LinkList/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { LinkListProps } from "./state";
+declare const _default: React.FunctionComponent<LinkListProps>;
+export default _default;

package/es/modules/board/components/LinkList/index.js

@@ -0,0 +1,38 @@
+import { useObserver, observer } from "mobx-react-lite";
+import React, { useState, useEffect } from "react";
+import TaskCard from "../TaskCard";
+import DocumentCard from "../DocumentCard";
+import { State } from "./state";
+import { useOnNewLink, useOnDeleteLink, useDocumentLinkListEffect } from "@voplus/morpho-document";
+import { useListOptionsContext } from "@voplus/morpho-ui";
+import { Draggable } from "react-beautiful-dnd";
+const LinkList = (props) => {
+    const [state] = useState(new State());
+    /** linkList filters list options */
+    const lo = useListOptionsContext();
+    state.props = props;
+    const { destination, source } = { ...props };
+    useEffect(() => {
+        state.move();
+    }, [destination, source]);
+    useDocumentLinkListEffect(props.id, list => {
+        state.links = list;
+        props.onLinkNum(state.links.length);
+    }, lo.listOptions);
+    useOnNewLink((s, doc) => {
+        if (doc.left.id === props.id && doc.left.id !== (destination === null || destination === void 0 ? void 0 : destination.id)) {
+            state.links.push(doc);
+            props.onLinkNum(state.links.length);
+        }
+    });
+    useOnDeleteLink((s, doc) => {
+        if (doc.left.id === props.id && doc.left.id !== (source === null || source === void 0 ? void 0 : source.id)) {
+            state.links.splice(state.links.findIndex(item => item.id === doc.id), 1);
+            props.onLinkNum(state.links.length);
+        }
+    });
+    return useObserver(() => (React.createElement(React.Fragment, null, state.links.map((link, index) => (React.createElement(Draggable, { key: link.id, draggableId: `${link.id}/${link.right.id}`, index: index }, (dragProvided, dragSnapshot) => (React.createElement("div", Object.assign({ className: "link-container", isdragging: dragSnapshot.isDragging.toString(), isgroupedover: Boolean(dragSnapshot.combineTargetFor).toString(), ref: dragProvided.innerRef }, dragProvided.draggableProps, dragProvided.dragHandleProps, { "data-is-dragging": dragSnapshot.isDragging, "data-testid": props.id, "data-index": index }),
+        React.createElement("div", { className: "link-content" }, link.right.type === "Task" ? (React.createElement(TaskCard, { id: link.right.id, linkId: link.id, leftId: link.left.id })) : (React.createElement(DocumentCard, { id: link.right.id, linkId: link.id, leftId: link.left.id })))))))))));
+};
+export default observer(LinkList);
+//# sourceMappingURL=index.js.map

package/es/modules/board/components/LinkList/index.js.map

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

package/es/modules/board/components/LinkList/state.d.ts

@@ -0,0 +1,15 @@
+export declare type LinkListProps = {
+    id: string;
+    /** return link number */
+    onLinkNum?: (params?: any) => void;
+    /** move 目标数据 */
+    destination?: any;
+    /** move 原数据 */
+    source?: any;
+};
+export declare class State {
+    props: LinkListProps;
+    links: any[];
+    /** link move function */
+    move(): void;
+}

package/es/modules/board/components/LinkList/state.js

@@ -0,0 +1,33 @@
+import { __decorate } from "tslib";
+import { action, observable } from "mobx";
+export class State {
+    constructor() {
+        this.links = [];
+    }
+    /** link move function */
+    move() {
+        var _a, _b;
+        if (((_a = this.props.source) === null || _a === void 0 ? void 0 : _a.id) === this.props.id) {
+            this.links.splice(this.links.findIndex(item => item.id.toString() === this.props.source.linkId), 1);
+            this.props.onLinkNum(this.links.length);
+        }
+        const index = this.links.findIndex(item => item.right.id.toString() === this.props.destination.rightId);
+        if (((_b = this.props.destination) === null || _b === void 0 ? void 0 : _b.id) === this.props.id && index === -1) {
+            const doc = {
+                id: this.props.destination.linkId,
+                left: { id: this.props.destination.id },
+                right: { id: this.props.destination.rightId }
+            };
+            const index = this.props.destination.index;
+            this.links.splice(index, 0, doc);
+            this.props.onLinkNum(this.links.length);
+        }
+    }
+}
+__decorate([
+    observable
+], State.prototype, "links", void 0);
+__decorate([
+    action
+], State.prototype, "move", null);
+//# sourceMappingURL=state.js.map

package/es/modules/board/components/LinkList/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/board/components/LinkList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAW1C,MAAM,OAAO,KAAK;IAAlB;QAEoB,UAAK,GAAU,EAAE,CAAC;IA0BtC,CAAC;IAxBA,yBAAyB;IAElB,IAAI;;QACV,IAAI,OAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,EAAE,MAAK,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE;YAC5C,IAAI,CAAC,KAAK,CAAC,MAAM,CAChB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAC7E,CAAC,CACD,CAAC;YACF,IAAI,CAAC,KAAK,CAAC,SAAU,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SACzC;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CACjC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CACnE,CAAC;QACF,IAAI,OAAA,IAAI,CAAC,KAAK,CAAC,WAAW,0CAAE,EAAE,MAAK,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YACjE,MAAM,GAAG,GAAG;gBACX,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM;gBACjC,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,EAAE;gBACvC,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;aAC7C,CAAC;YACF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;YAC3C,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;YACjC,IAAI,CAAC,KAAK,CAAC,SAAU,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SACzC;IACF,CAAC;CACD;AA1BY;IAAX,UAAU;oCAA0B;AAIrC;IADC,MAAM;iCAsBN"}

package/es/modules/board/components/NewTaskForm/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const NewTaskForm: (props: {
+    parentId?: string | undefined;
+    className?: string | undefined;
+    block?: boolean | undefined;
+    showView?: boolean | undefined;
+    onSave?: ((params?: any) => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    onShowMore?: (() => void) | undefined;
+}) => JSX.Element;
+export default NewTaskForm;

package/es/modules/board/components/NewTaskForm/index.js

@@ -0,0 +1,85 @@
+import { Button, DatePicker, Form, Input, Modal, Spin, message } from "@voplus/antd";
+import React, { useState } from "react";
+import { faCalendar, faCalendarCheck, faFlag, faListAlt, faTimes, faUserPlus } from "@fortawesome/pro-light-svg-icons";
+import AvatarList from "../../../../components/AvatarList";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FlagIcon from "../../../../controls/FlagIcon";
+import { State } from "./state";
+import TaskForm from "../../../tasks/components/NewTaskForm";
+import moment from "moment";
+import styles from "./index.less";
+import { useBoardStore } from "../../../../data/board";
+import { useDocumentStore } from "@voplus/morpho-document";
+import { useObserver } from "mobx-react-lite";
+const NewTaskForm = (props) => {
+    const boards = useBoardStore();
+    const document = useDocumentStore();
+    const [state] = useState(new State());
+    const [startDate, setStartDate] = useState("");
+    const [dueDate, setDueDate] = useState("");
+    const onSave = async () => {
+        if (!state.params.Name)
+            return message.warning("Title is required");
+        const memberIds = state.memberIds.map(item => item.id);
+        await document.createFromType({
+            name: state.params.Name,
+            parentId: props.parentId,
+            type: "Board"
+        });
+        // await boards.create({ ...state.params, ParentId: props.parentId, MemberIds: memberIds });
+    };
+    const onSubmitSave = async (params) => {
+        console.log("params", params);
+        await document.createFromType({ name: params.Name, parentId: props.parentId, type: "Board" });
+        // await boards.create({ ...state.params, ParentId: props.parentId });
+        state.visible = false;
+    };
+    const onChange = (value, dateString, type) => {
+        type === "start" ? (state.params.StartDate = value) : (state.params.DueDate = value);
+        type === "start"
+            ? setStartDate(moment(dateString.toString()).format("D MMM"))
+            : setDueDate(moment(dateString.toString()).format("D MMM"));
+    };
+    const onAvatarChange = (ids, item) => {
+        !item.checked
+            ? (state.memberIds = [...state.memberIds, item])
+            : (state.memberIds = state.memberIds.filter(i => i.id !== item.id));
+    };
+    const disabledStartDate = (StartDate) => {
+        const { DueDate } = state.params;
+        if (!StartDate || !DueDate) {
+            return false;
+        }
+        return +moment(StartDate) > +moment(DueDate);
+    };
+    const disabledEndDate = (DueDate) => {
+        // const { StartDate } = state.params;
+        // if (!DueDate || !StartDate) {
+        // 	return false;
+        // }
+        // return +moment(DueDate) <= +moment(StartDate);
+    };
+    return useObserver(() => (React.createElement("div", { className: styles["add-board-form"] },
+        React.createElement(Form, null,
+            React.createElement(Form.Item, null,
+                React.createElement(Spin, { spinning: false },
+                    React.createElement("div", { className: "form-item-layout" },
+                        React.createElement(Input, { autoFocus: true, placeholder: "Task name", onChange: e => (state.params.Name = e.target.value), prefix: React.createElement(FAIcon, { icon: faTimes }) }),
+                        React.createElement("span", { className: "detailed", onClick: () => (state.visible = true) },
+                            React.createElement(FAIcon, { icon: faListAlt }))))),
+            React.createElement(Form.Item, null,
+                React.createElement("div", { className: "form-controls" },
+                    React.createElement("div", { className: "form-controls-icons" },
+                        React.createElement(FlagIcon, { id: props.parentId, icon: React.createElement(FAIcon, { className: "fa-icon", icon: faFlag }), className: "task-icon-star" }),
+                        React.createElement("span", { className: "datePicker" },
+                            startDate ? (React.createElement("span", { className: "task-date" }, startDate)) : (React.createElement(FAIcon, { className: "fa-icon", icon: faCalendar })),
+                            React.createElement(DatePicker, { value: state.params.StartDate, disabledDate: value => disabledStartDate(value), onChange: (value, dateString, type) => onChange(value, dateString, "start"), allowClear: false })),
+                        React.createElement("span", { className: "datePicker" }, dueDate ? (React.createElement("span", { className: "task-date" }, dueDate)) : (React.createElement(FAIcon, { className: "fa-icon", icon: faCalendarCheck }))),
+                        React.createElement("span", { className: "task-manager", onClick: () => (state.assign = !state.assign) },
+                            React.createElement(AvatarList, { className: "manager", num: 1, icon: React.createElement(FAIcon, { icon: faUserPlus }), list: state.memberIds, onChange: onAvatarChange }))),
+                    React.createElement(Button, { type: "primary", size: "small", onClick: onSave }, "SAVE")))),
+        React.createElement(Modal, { title: "New Task", visible: state.visible, footer: null, onCancel: () => (state.visible = false) },
+            React.createElement(TaskForm, { parentId: props.parentId, onCancel: () => (state.visible = false), onSubmitSave: onSubmitSave })))));
+};
+export default NewTaskForm;
+//# sourceMappingURL=index.js.map

package/es/modules/board/components/NewTaskForm/index.js.map

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

package/es/modules/board/components/NewTaskForm/index.less

@@ -0,0 +1,102 @@
+@import "../../../../style/common.less";
+.add-board-form {
+	padding: 10px 15px;
+	background: #ffffff;
+	border: 1px solid #2196f3;
+	box-shadow: 1px 1px 0px #2196f3;
+	margin-bottom: 15px;
+	:global {
+		.ant-form-item {
+			margin-bottom: 0;
+		}
+		.form-item-layout {
+			display: flex;
+			align-items: center;
+			padding-right: 5px;
+			.ant-input {
+				font-size: 15px;
+				height: 32px;
+				line-height: 32px;
+				border: none;
+				padding-left: 18px;
+				margin-bottom: 0px;
+			}
+			.ant-input:focus {
+				box-shadow: none;
+			}
+			.ant-input-affix-wrapper .ant-input-prefix {
+				left: 0;
+			}
+			.detailed {
+				font-size: 20px;
+				margin-left: 10px;
+				cursor: pointer;
+			}
+		}
+		.form-controls {
+			display: flex;
+			align-items: center;
+			.form-controls-icons {
+				flex: 1;
+				font-size: 16px;
+				> span {
+					margin-right: 5px;
+					.fa-icon {
+						margin-right: 10px;
+					}
+				}
+				.svg-inline--fa {
+					cursor: pointer;
+					// margin-right: 10px;
+				}
+				.svg-inline--fa:hover {
+					color: @primary-color;
+				}
+				.datePicker {
+					position: relative;
+					.task-date {
+						font-size: 14px;
+					}
+					.ant-calendar-picker {
+						position: absolute;
+						left: 0;
+						top: 0;
+						width: 100%;
+						height: 100%;
+					}
+					.ant-calendar-picker-input.ant-input {
+						width: 100%;
+						height: 100%;
+						padding: 0;
+						border: none;
+						opacity: 0;
+						&:focus {
+							box-shadow: none;
+						}
+					}
+					.ant-calendar-picker-icon {
+						display: none;
+					}
+				}
+				.task-manager {
+					// flex:1;
+					// position: relative;
+					// .manager{
+					// 	position: absolute;
+					// 	left: 0;
+					// 	width: 100%;
+					// 	.avatar-text{
+					// 		opacity: 0;
+					// 	}
+					// }
+					// .ant-select {
+					// 	position: absolute;
+					// 	left: 0;
+					// 	top: 0;
+					// 	width: 650%;
+					// }
+				}
+			}
+		}
+	}
+}