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

package/es/components/ToolBar/index.js

@@ -0,0 +1,72 @@
+import { Button, Modal } from "@voplus/antd";
+import React, { useState } from "react";
+import { State, ToolBarContext } from "./state";
+import { faExpandAlt, faExternalLink, faHistory, faPencilAlt, faPrint, faRedo, faTrashAlt } from "@fortawesome/pro-light-svg-icons";
+import DocumentMenu from "@voplus/morpho-document/es/components/DocumentMenu";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import PermissionModal from "../PermissionModal";
+import TimeLog from "../TimeLog";
+import VersionsModal from "@voplus/morpho-document/es/components/VersionsModal";
+import styles from "./index.less";
+import { useDocument } from "@voplus/morpho-document";
+import { useLayout } from "@voplus/morpho-data";
+import { useObserver } from "mobx-react-lite";
+const ToolBar = (props) => {
+    const { id, includes, timer, path, url, expand, size, more, deleteTitel, hoverEdit, hoverDel, reload, onEdit, onReLoad, onExpand } = props;
+    const [state] = useState(new State());
+    const layout = useLayout();
+    const doc = useDocument(props.id, { includes });
+    return useObserver(() => (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles["tool-bar"] },
+            timer && React.createElement(TimeLog, { size: "small" }),
+            reload && (React.createElement(Button, { size: size, shape: "circle", onClick: onReLoad },
+                React.createElement(FAIcon, { icon: faRedo }))),
+            expand && (React.createElement(Button, { size: size, shape: "circle", onClick: () => onExpand() },
+                React.createElement(FAIcon, { icon: faExpandAlt }))),
+            url && (React.createElement(Button, { size: size, shape: "circle", onClick: () => layout.history.push(url) },
+                React.createElement(FAIcon, { icon: faExternalLink }))
+            // <Button
+            // 	size={size}
+            // 	shape="circle"
+            // 	onClick={() => (url ? layout.history.push(url!) : onOpen!())}
+            // >
+            // 	<FAIcon icon={faExpandAlt} />
+            // </Button>
+            ),
+            hoverEdit && (React.createElement(Button, { size: size, shape: "circle", onClick: () => onEdit() },
+                React.createElement(FAIcon, { icon: faPencilAlt }))),
+            hoverDel && (React.createElement(Button, { type: "danger", size: size, shape: "circle", onClick: onDelete, className: "del-btn" },
+                React.createElement(FAIcon, { icon: faTrashAlt }))),
+            path && (React.createElement(Button, { size: size, shape: "circle", onClick: () => window.open(window.location.origin + `/${path}`, "_blank") },
+                React.createElement(FAIcon, { icon: faPrint }))),
+            doc.isSupportVersions && (React.createElement(Button, { size: size, shape: "circle", onClick: () => (state.versionsModalVisible = !state.versionsModalVisible) },
+                React.createElement(FAIcon, { icon: faHistory }))),
+            more && React.createElement(DocumentMenu, Object.assign({}, props, { onAccess: onAccess }))),
+        React.createElement(ToolBarContext.Provider, { value: state },
+            React.createElement(PermissionModal, { visible: state.permissionVisible, id: id || "", onChange: onAccess }),
+            React.createElement(VersionsModal, { id: id || "" })))));
+    function onAccess() {
+        if (!id)
+            return;
+        state.permissionVisible = !state.permissionVisible;
+    }
+    function onDelete() {
+        Modal.confirm({
+            title: deleteTitel ? deleteTitel : "Do you want to delete this item?",
+            onOk() {
+                return props.onDelete();
+            }
+        });
+    }
+};
+ToolBar.defaultProps = {
+    edit: false,
+    // move: true,
+    more: true,
+    shape: true,
+    access: true,
+    timer: false,
+    size: "small"
+};
+export default ToolBar;
+//# sourceMappingURL=index.js.map

package/es/components/ToolBar/index.js.map

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

package/es/components/ToolBar/index.less

@@ -0,0 +1,18 @@
+.tool-bar {
+	:global {
+		.ant-btn {
+			margin-left: 5px;
+		}
+		.ant-btn-danger {
+			background: #fff;
+			border-color: #ff4d4f;
+			color: #ff4d4f;
+		}
+		.ant-btn-danger:active,
+		.ant-btn-danger.active,
+		.ant-btn-danger:hover {
+			background-color: #ff4d4f;
+			color: #fff;
+		}
+	}
+}

package/es/components/ToolBar/state.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/// <reference types="react-addons-transition-group" />
+/// <reference types="react-addons-css-transition-group" />
+export declare class State {
+    permissionVisible: boolean;
+    versionsModalVisible: boolean;
+}
+export declare const ToolBarContext: import("react").Context<State>;
+export declare function useListOptionsContext(): State;

package/es/components/ToolBar/state.js

@@ -0,0 +1,23 @@
+import { __decorate } from "tslib";
+import { createContext, useContext } from "react";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        this.permissionVisible = false;
+        this.versionsModalVisible = false;
+        // public constructor(tool?: { versionsModalVisible?: boolean }) {
+        // 	if (tool) this.versionsModalVisible = !!tool.versionsModalVisible;
+        // }
+    }
+}
+__decorate([
+    observable
+], State.prototype, "permissionVisible", void 0);
+__decorate([
+    observable
+], State.prototype, "versionsModalVisible", void 0);
+export const ToolBarContext = createContext(null);
+export function useListOptionsContext() {
+    return useContext(ToolBarContext);
+}
+//# sourceMappingURL=state.js.map

package/es/components/ToolBar/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/ToolBar/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACoB,sBAAiB,GAAG,KAAK,CAAC;QAC1B,yBAAoB,GAAG,KAAK,CAAC;QAEhD,kEAAkE;QAClE,sEAAsE;QACtE,IAAI;IACL,CAAC;CAAA;AANY;IAAX,UAAU;gDAAkC;AACjC;IAAX,UAAU;mDAAqC;AAOjD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAQ,IAAW,CAAC,CAAC;AAEhE,MAAM,UAAU,qBAAqB;IACpC,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACnC,CAAC"}

package/es/controls/DocumentStatusLabel/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import "./index.less";
+declare const DocumentStatusLabel: {
+    (props: {
+        status?: string | undefined;
+        className?: string | undefined;
+        editable?: boolean | undefined;
+        onChange?: ((params: any) => void) | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        editable: boolean;
+    };
+};
+export default DocumentStatusLabel;

package/es/controls/DocumentStatusLabel/index.js

@@ -0,0 +1,41 @@
+import { Dropdown, Menu } from "@voplus/antd";
+import classnames from "classnames";
+import React, { useEffect, useState } from "react";
+import "./index.less";
+const DocumentStatusLabel = (props) => {
+    const [statusLabel, setStatusLabel] = useState();
+    useEffect(() => setStatusLabel(props.status), [props.status]);
+    const status = [
+        { label: "NotStarted", colorName: "not-started" },
+        { label: "Progress", colorName: "in-progress" },
+        // { label: "NotAssigned", colorName: "not-assigned" },
+        { label: "Done", colorName: "done" }
+    ];
+    const changeStatus = (label) => {
+        setStatusLabel(label);
+        if (props.onChange)
+            props.onChange(label);
+    };
+    const colorName = () => {
+        switch (statusLabel) {
+            case "NotAssigned":
+                return "not-assigned";
+            case "NotStarted":
+                return "not-started";
+            case "Progress":
+                return "in-progress";
+            case "Done":
+                return "done";
+            default:
+                return "";
+        }
+    };
+    const menu = (React.createElement(Menu, { className: "document-status-label-menu" }, status.map(item => (React.createElement(Menu.Item, { key: item.label, onClick: changeStatus.bind(event, item.label), className: item.colorName }, item.label.split(/(?=[A-Z])/).join(" "))))));
+    const statusLabelElement = (React.createElement("span", { className: classnames("document-status-label", colorName(), props.className), onClick: e => e.stopPropagation() }, (statusLabel && statusLabel.split(/(?=[A-Z])/).join(" ")) || ""));
+    return (React.createElement(React.Fragment, null, props.editable ? (React.createElement(Dropdown, { overlay: menu, trigger: ["click"], placement: "bottomCenter", getPopupContainer: (triggerNode) => triggerNode.parentElement }, statusLabelElement)) : (statusLabelElement)));
+};
+DocumentStatusLabel.defaultProps = {
+    editable: true
+};
+export default DocumentStatusLabel;
+//# sourceMappingURL=index.js.map

package/es/controls/DocumentStatusLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/DocumentStatusLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,cAAc,CAAC;AAEtB,MAAM,mBAAmB,GAAG,CAAC,KAK5B,EAAE,EAAE;IACJ,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAU,CAAC;IACzD,SAAS,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG;QACd,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE;QACjD,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE;QAC/C,uDAAuD;QACvD,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE;KACpC,CAAC;IACF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACtC,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,IAAI,KAAK,CAAC,QAAQ;YAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,QAAQ,WAAW,EAAE;YACpB,KAAK,aAAa;gBACjB,OAAO,cAAc,CAAC;YACvB,KAAK,YAAY;gBAChB,OAAO,aAAa,CAAC;YACtB,KAAK,UAAU;gBACd,OAAO,aAAa,CAAC;YACtB,KAAK,MAAM;gBACV,OAAO,MAAM,CAAC;YACf;gBACC,OAAO,EAAE,CAAC;SACX;IACF,CAAC,CAAC;IACF,MAAM,IAAI,GAAG,CACZ,oBAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,IAC1C,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACnB,oBAAC,IAAI,CAAC,IAAI,IACT,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAC7C,SAAS,EAAE,IAAI,CAAC,SAAS,IAExB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAC7B,CACZ,CAAC,CACI,CACP,CAAC;IACF,MAAM,kBAAkB,GAAG,CAC1B,8BACC,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,EAC5E,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,IAEhC,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAC1D,CACP,CAAC;IACF,OAAO,CACN,oBAAC,KAAK,CAAC,QAAQ,QAEb,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,oBAAC,QAAQ,IACR,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,CAAC,OAAO,CAAC,EAClB,SAAS,EAAC,cAAc,EACxB,iBAAiB,EAAE,CAAC,WAAgB,EAAE,EAAE,CAAC,WAAW,CAAC,aAAa,IAEjE,kBAAkB,CACT,CACX,CAAC,CAAC,CAAC,CACH,kBAAkB,CAClB,CACe,CACjB,CAAC;AACH,CAAC,CAAC;AACF,mBAAmB,CAAC,YAAY,GAAG;IAClC,QAAQ,EAAE,IAAI;CACd,CAAC;AACF,eAAe,mBAAmB,CAAC"}

package/es/controls/DocumentStatusLabel/index.less

@@ -0,0 +1,45 @@
+:global {
+	.document-status-label-menu {
+		padding: 15px;
+
+		.ant-dropdown-menu-item {
+			padding: 0;
+		}
+		.ant-dropdown-menu-item + .ant-dropdown-menu-item {
+			margin-top: 10px;
+		}
+	}
+	.not-assigned,
+	.not-started,
+	.in-progress,
+	.done {
+		width: 82px;
+		height: 26px;
+		line-height: 26px;
+		text-align: center;
+		color: #fff;
+		font-size: 13px;
+		font-weight: 300;
+		border-radius: 1px;
+	}
+	.not-assigned,
+	.not-assigned:hover {
+		background: #e6ad51;
+	}
+	.not-started,
+	.not-started:hover {
+		background: #ff5c86;
+	}
+	.in-progress,
+	.in-progress:hover {
+		background: #4bd8e0;
+	}
+	.done,
+	.done:hover {
+		background: #a8a8a8;
+	}
+	.document-status-label {
+		display: inline-block;
+		cursor: pointer;
+	}
+}

package/es/controls/FlagIcon/index.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare const FlagIcon: {
+    (props: {
+        id: string;
+        editable?: boolean | undefined;
+        flag?: "None" | "Star" | "Urgent" | undefined;
+        icon?: any;
+        color?: string | undefined;
+        size?: "xs" | "lg" | "sm" | undefined;
+        className?: string | undefined;
+        onchange?: ((params?: any) => void) | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        editable: boolean;
+    };
+};
+export default FlagIcon;

package/es/controls/FlagIcon/index.js

@@ -0,0 +1,58 @@
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { faExclamationCircle, faStar } from "@fortawesome/free-solid-svg-icons";
+import { faCircle } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Dropdown, Menu } from "@voplus/antd";
+import { useDocumentStore } from "@voplus/morpho-document";
+import classnames from "classnames";
+import { useObserver } from "mobx-react-lite";
+import React, { useEffect, useState } from "react";
+import styles from "./index.less";
+library.add(faStar, faCircle, faExclamationCircle);
+const FlagIcon = (props) => {
+    const documentStore = useDocumentStore();
+    const { id, editable } = props;
+    const [icon, setIcon] = useState(props.icon);
+    const [flag, setFlag] = useState(props.flag);
+    const onClick = ({ key }) => {
+        if (props.icon) {
+            setIcon(null);
+            setFlag(key);
+        }
+        else {
+            documentStore.edit(id, { Flag: key });
+        }
+    };
+    const NoIndicatorElement = React.createElement(FAIcon, { icon: ["fal", "circle"], color: "#777", size: props.size });
+    const StarElement = React.createElement(FAIcon, { icon: ["fas", "star"], color: "#fd7e14", size: props.size });
+    const UrgentElement = (React.createElement(FAIcon, { icon: ["fas", "exclamation-circle"], size: props.size, color: "#ff4d4f" }));
+    const menu = useObserver(() => (React.createElement(Menu, { onClick: onClick, className: styles["flag-menu"] },
+        React.createElement(Menu.Item, { key: "None" },
+            NoIndicatorElement,
+            "No Indicator"),
+        React.createElement(Menu.Item, { key: "Star" },
+            StarElement,
+            "Star"),
+        React.createElement(Menu.Item, { key: "Urgent" },
+            UrgentElement,
+            "Urgent"))));
+    const flagIcon = () => {
+        if (icon)
+            return icon;
+        if (flag === "Star")
+            return StarElement;
+        if (flag === "Urgent")
+            return UrgentElement;
+        return NoIndicatorElement;
+    };
+    useEffect(() => {
+        setFlag(props.flag);
+    }, [props.flag]);
+    return useObserver(() => (React.createElement(React.Fragment, null, editable ? (React.createElement(Dropdown, { overlay: menu, trigger: ["click", "hover"] },
+        React.createElement("span", { className: classnames(styles["star-icon"], props.className), onClick: e => e.stopPropagation() }, flagIcon()))) : (React.createElement("span", { className: classnames(styles["star-icon-read"], props.className) }, flagIcon())))));
+};
+FlagIcon.defaultProps = {
+    editable: true
+};
+export default FlagIcon;
+//# sourceMappingURL=index.js.map

package/es/controls/FlagIcon/index.js.map

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

package/es/controls/FlagIcon/index.less

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

package/es/controls/IconNumbers/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+declare const IconNumebers: {
+    (props: {
+        taskNumbers: number;
+        incompleteTaskNumbers: number;
+        documents: number;
+        comments: number;
+        memberNumbers: number;
+    }): JSX.Element;
+    defaultProps: {
+        taskNumbers: number;
+        incompleteTaskNumbers: number;
+        documents: number;
+        comments: number;
+        memberNumbers: number;
+    };
+};
+export default IconNumebers;

package/es/controls/IconNumbers/index.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { faCommentDots, faListAlt, faListOl, faPaperclip, faUsers } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import styles from "./index.less";
+library.add(faCommentDots, faListAlt, faListOl, faPaperclip, faUsers);
+const IconNumebers = (props) => {
+    const { taskNumbers, incompleteTaskNumbers, documents, comments, memberNumbers } = props;
+    const list = [
+        { icon: ["fal", "list-ol"], num: taskNumbers },
+        { icon: ["fal", "list-alt"], num: incompleteTaskNumbers },
+        { icon: ["fal", "paperclip"], num: documents - taskNumbers },
+        { icon: ["fal", "comment-dots"], num: comments },
+        {
+            icon: ["fal", "users"],
+            num: memberNumbers
+        }
+    ];
+    return (React.createElement(React.Fragment, null, list.map((item, index) => (React.createElement("span", { key: index, className: styles["icon-numbers"] },
+        React.createElement(FAIcon, { icon: item.icon }),
+        item.num)))));
+};
+IconNumebers.defaultProps = {
+    taskNumbers: 0,
+    incompleteTaskNumbers: 0,
+    documents: 0,
+    comments: 0,
+    memberNumbers: 0
+};
+export default IconNumebers;
+//# sourceMappingURL=index.js.map

package/es/controls/IconNumbers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/IconNumbers/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EACN,aAAa,EACb,SAAS,EACT,QAAQ,EACR,WAAW,EACX,OAAO,EACP,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;AACtE,MAAM,YAAY,GAAG,CAAC,KAMrB,EAAE,EAAE;IACJ,MAAM,EAAE,WAAW,EAAE,qBAAqB,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACzF,MAAM,IAAI,GAAG;QACZ,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE;QAC9C,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,GAAG,EAAE,qBAAqB,EAAE;QACzD,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,GAAG,EAAE,SAAS,GAAG,WAAW,EAAE;QAC5D,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE;QAChD;YACC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;YACtB,GAAG,EAAE,aAAa;SAClB;KACD,CAAC;IACF,OAAO,CACN,oBAAC,KAAK,CAAC,QAAQ,QACb,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,8BAAM,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;QAClD,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,IAAW,GAAI;QACjC,IAAI,CAAC,GAAG,CACH,CACP,CAAC,CACc,CACjB,CAAC;AACH,CAAC,CAAC;AACF,YAAY,CAAC,YAAY,GAAG;IAC3B,WAAW,EAAE,CAAC;IACd,qBAAqB,EAAE,CAAC;IACxB,SAAS,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC;IACX,aAAa,EAAE,CAAC;CAChB,CAAC;AACF,eAAe,YAAY,CAAC"}

package/es/controls/IconNumbers/index.less

@@ -0,0 +1,10 @@
+.icon-numbers {
+	& + & {
+		margin-left: 12px;
+	}
+	:global {
+		.svg-inline--fa {
+			margin-right: 5px;
+		}
+	}
+}

package/es/controls/MoreOperateDropdown/index.d.ts

@@ -10,7 +10,7 @@ declare const MoreOperateDropdown: {
         access?: boolean | undefined;
         url?: string | undefined;
         shape?: boolean | undefined;
-        size?: import("@voplus/antd/es/button").ButtonSize;
+        size?: "small" | "default" | "large" | undefined;
         onEdit?: ((params?: any) => void) | undefined;
         onDelete?: ((params?: any) => void) | undefined;
         onMove?: (() => void) | undefined;

package/es/controls/MoreOperateDropdown/index.js

@@ -1,14 +1,13 @@
-import { Button, Dropdown, Menu, Modal } from "@voplus/antd";
-import { faClone, faCut, faEllipsisV, faPaste, faTrashAlt, faUserEdit, } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
 import classnames from "classnames";
+import React from "react";
+import { Dropdown, Menu, Modal, Button } from "@voplus/antd";
+const { confirm } = Modal;
 import { faExternalLink } from "@fortawesome/pro-duotone-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import styles from "./index.less";
+import { faClone, faCut, faEllipsisV, faPaste, faTrashAlt, faUserEdit } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import { useLayout } from "@voplus/morpho-data";
-const { confirm } = Modal;
+import { useObserver } from "mobx-react-lite";
+import styles from "./index.less";
 const MoreOperateDropdown = (props) => {
     const layout = useLayout();
     const moreOperate = ({ key, domEvent }) => {
@@ -20,7 +19,7 @@ const MoreOperateDropdown = (props) => {
                 title: "Do you want to delete this item?",
                 onOk() {
                     return props.onDelete();
-                },
+                }
             });
         }
         if (key === "Move")
@@ -28,12 +27,12 @@ const MoreOperateDropdown = (props) => {
         if (key === "Paste")
             props.onPaste();
         if (key === "Open")
-            runInAction(() => layout.history.push(props.url));
+            layout.history.push(props.url);
         if (key === "Access")
             props.onAccess();
     };
     const { edit, del, move, paste, open, shape, size, access } = props;
-    const menu = observe(() => (React.createElement(Menu, { className: styles["more-operate-dropdown"], onClick: moreOperate },
+    const menu = useObserver(() => (React.createElement(Menu, { className: styles["more-operate-dropdown"], onClick: moreOperate },
         edit && (React.createElement(Menu.Item, { key: "Edit" },
             React.createElement(FAIcon, { icon: faClone, color: "#666", size: "sm" }),
             React.createElement("span", { className: "type-name" }, "Edit"))),
@@ -52,8 +51,8 @@ const MoreOperateDropdown = (props) => {
         access && (React.createElement(Menu.Item, { key: "Access" },
             React.createElement(FAIcon, { icon: faUserEdit, color: "#666", size: "sm" }),
             React.createElement("span", { className: "margin-left-5" }, "Access"))))));
-    return observe(() => (React.createElement(Dropdown, { overlay: menu, placement: "bottomRight" }, shape ? (React.createElement(Button, { shape: "circle", size: size, onClick: (e) => e.stopPropagation() },
-        React.createElement(FAIcon, { size: "lg", icon: faEllipsisV }))) : (React.createElement("span", { onClick: (e) => e.stopPropagation(), className: classnames(styles["more-operate"], props.className) },
+    return useObserver(() => (React.createElement(Dropdown, { overlay: menu, placement: "bottomRight" }, shape ? (React.createElement(Button, { shape: "circle", size: size, onClick: e => e.stopPropagation() },
+        React.createElement(FAIcon, { size: "lg", icon: faEllipsisV }))) : (React.createElement("span", { onClick: e => e.stopPropagation(), className: classnames(styles["more-operate"], props.className) },
         React.createElement(FAIcon, { size: "lg", icon: faEllipsisV }))))));
 };
 MoreOperateDropdown.defaultProps = {
@@ -62,7 +61,7 @@ MoreOperateDropdown.defaultProps = {
     move: true,
     paste: true,
     shape: false,
-    access: false,
+    access: false
 };
 export default MoreOperateDropdown;
 //# sourceMappingURL=index.js.map

package/es/controls/MoreOperateDropdown/index.js.map

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

package/es/data/board/BoardColumnStore.d.ts

@@ -1,11 +1,21 @@
-import { CreateBoardOptions, IBoardColumn } from ".";
-import { DocumentStore, DocumentTypeStore, EditDocumentOptions, LoadDocumentListOptions, LoadDocumentOptions } from "@voplus/morpho-document-core";
 import { ApiEndPoint } from "@voplus/api";
+import { DocumentStore, DocumentTypeStore, EditDocumentOptions, LoadDocumentListOptions, LoadDocumentOptions } from "@voplus/morpho-document";
+import { CreateBoardOptions, IBoardColumn } from ".";
 /** Board store provides service for board operations */
 export declare class BoardColumnStore extends DocumentTypeStore<IBoardColumn, LoadDocumentOptions, LoadDocumentListOptions, CreateBoardOptions, EditDocumentOptions, any> {
+    /** Board moved event dispatcher */
+    private readonly _boardColumnMoved;
     /** Name of the store */
     readonly name: string;
+    /** Event fires when a new board has been moved. */
+    get BoardMovedEvent(): import("strongly-typed-events").IEvent<string, import("@voplus/morpho-document").IDocument[]>;
     constructor(endpoint: ApiEndPoint, documents: DocumentStore);
+    /** drag && drop of sort */
+    moveAfter(id: string, afterId: string): Promise<void>;
+    /** Move a list of documents to target
+     * @param ids - list of document ids to be moved
+     */
+    move(ids: string[], targetId: string): Promise<void>;
 }
-/** React hook to retrieve BoardColumnStore */
+/** React hook to retrieve BoardStore */
 export declare const useBoardColumnStore: () => BoardColumnStore;

package/es/data/board/BoardColumnStore.js

@@ -1,22 +1,39 @@
-import { DocumentTypeStore, useDocumentStore, } from "@voplus/morpho-document-core";
 import { useStore } from "@voplus/morpho-data";
+import { DocumentTypeStore, useDocumentStore } from "@voplus/morpho-document";
+import { EventDispatcher } from "strongly-typed-events";
 const StoreName = "BoardColumnStore";
 /** Board store provides service for board operations */
 export class BoardColumnStore extends DocumentTypeStore {
     constructor(endpoint, documents) {
         super(endpoint, "/api/boardcolumns", documents);
+        /** Board moved event dispatcher */
+        this._boardColumnMoved = new EventDispatcher();
         /** Name of the store */
-        Object.defineProperty(this, "name", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: StoreName
-        });
+        this.name = StoreName;
+    }
+    /** Event fires when a new board has been moved. */
+    get BoardMovedEvent() {
+        return this._boardColumnMoved.asEvent();
+    }
+    /** drag && drop of sort */
+    async moveAfter(id, afterId) {
+        const r = await this._documents.moveAfter(id, afterId);
+    }
+    /** Move a list of documents to target
+     * @param ids - list of document ids to be moved
+     */
+    async move(ids, targetId) {
+        if (!targetId)
+            return;
+        const r = await this._documents.move(ids, targetId);
+        const list = r.filter(({ type }) => type === "Task");
+        this.DispatchDeletedEvent(this, r);
+        this._boardColumnMoved.dispatch(targetId, list);
     }
 }
-/** React hook to retrieve BoardColumnStore */
+/** React hook to retrieve BoardStore */
 export const useBoardColumnStore = () => {
     const documents = useDocumentStore();
-    return useStore(StoreName, (context) => new BoardColumnStore(context.api.currentEndPoint, documents));
+    return useStore(StoreName, context => new BoardColumnStore(context.api.currentEndPoint, documents));
 };
 //# sourceMappingURL=BoardColumnStore.js.map

package/es/data/board/BoardColumnStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoardColumnStore.js","sourceRoot":"","sources":["../../../src/data/board/BoardColumnStore.ts"],"names":[],"mappings":"AACA,OAAO,EAEN,iBAAiB,EAIjB,gBAAgB,GAChB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,SAAS,GAAG,kBAAkB,CAAC;AAErC,wDAAwD;AACxD,MAAM,OAAO,gBAAiB,SAAQ,iBAOrC;IAIA,YAAmB,QAAqB,EAAE,SAAwB;QACjE,KAAK,CAAC,QAAQ,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC;QAJjD,wBAAwB;QACxB;;;;mBAA+B,SAAS;WAAC;IAIzC,CAAC;CACD;AAED,8CAA8C;AAC9C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACvC,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,OAAO,QAAQ,CACd,SAAS,EACT,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC,CACzE,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"BoardColumnStore.js","sourceRoot":"","sources":["../../../src/data/board/BoardColumnStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAEN,iBAAiB,EAIjB,gBAAgB,EAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAIxD,MAAM,SAAS,GAAG,kBAAkB,CAAC;AAErC,wDAAwD;AACxD,MAAM,OAAO,gBAAiB,SAAQ,iBAOrC;IAYA,YAAmB,QAAqB,EAAE,SAAwB;QACjE,KAAK,CAAC,QAAQ,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC;QAZjD,mCAAmC;QAClB,sBAAiB,GAAG,IAAI,eAAe,EAA0B,CAAC;QAEnF,wBAAwB;QACR,SAAI,GAAW,SAAS,CAAC;IASzC,CAAC;IAPD,mDAAmD;IACnD,IAAW,eAAe;QACzB,OAAO,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;IACzC,CAAC;IAMD,2BAA2B;IACpB,KAAK,CAAC,SAAS,CAAC,EAAU,EAAE,OAAe;QACjD,MAAM,CAAC,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IACxD,CAAC;IACD;;OAEG;IACI,KAAK,CAAC,IAAI,CAAC,GAAa,EAAE,QAAgB;QAChD,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,CAAC,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QACpD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,EAAgB,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;QACnE,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACnC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IACjD,CAAC;CACD;AAED,wCAAwC;AACxC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACvC,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,OAAO,QAAQ,CACd,SAAS,EACT,OAAO,CAAC,EAAE,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC,CACvE,CAAC;AACH,CAAC,CAAC"}

package/es/data/board/BoardStore.d.ts

@@ -1,11 +1,21 @@
-import { CreateBoardOptions, EditBoardOptions, IBoard } from "./";
-import { DocumentStore, DocumentTypeStore, LoadDocumentListOptions, LoadDocumentOptions } from "@voplus/morpho-document-core";
 import { ApiEndPoint } from "@voplus/api";
+import { DocumentStore, DocumentTypeStore, LoadDocumentListOptions, LoadDocumentOptions } from "@voplus/morpho-document";
+import { CreateBoardOptions, EditBoardOptions, IBoard } from "./";
 /** Board store provides service for board operations */
 export declare class BoardStore extends DocumentTypeStore<IBoard, LoadDocumentOptions, LoadDocumentListOptions, CreateBoardOptions, EditBoardOptions, any> {
+    /** Board moved event dispatcher */
+    private readonly _boardMoved;
     /** Name of the store */
     readonly name: string;
+    /** Event fires when a new board has been moved. */
+    get BoardMovedEvent(): import("strongly-typed-events").IEvent<string, IBoard[]>;
     constructor(endpoint: ApiEndPoint, documents: DocumentStore);
+    /** drag && drop of sort */
+    moveAfter(id: string, afterId: string): Promise<void>;
+    /** Move a list of documents to target
+     * @param ids - list of document ids to be moved
+     */
+    move(ids: string[], targetId: string): Promise<void>;
 }
 /** React hook to retrieve BoardStore */
 export declare const useBoardStore: () => BoardStore;