@voplus/morpho-workspace 1.0.0-dev59 → 1.0.0-dev60

package/es/components/AvatarList/AvatarMenu.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AvatarListProps } from "./state";
+declare const AvatarMenu: (props: AvatarListProps) => JSX.Element;
+export default AvatarMenu;

package/es/components/AvatarList/AvatarMenu.js

@@ -0,0 +1,79 @@
+import classnames from "classnames";
+import React, { useEffect, useRef, useState } from "react";
+import { faCheck } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Avatar, Button, Icon, Input, Menu } from "@voplus/antd";
+import { useContactListEffect } from "@voplus/morpho-org";
+import { useObserver } from "mobx-react-lite";
+import { State } from "./state";
+const AvatarMenu = (props) => {
+    const { multiple, list, size, editable, num, onChange } = props;
+    const [state] = useState(new State());
+    const onTick = async (item, checked) => {
+        if (item.disabled || !editable)
+            return;
+        state.itemId = item.id;
+        const checkedIds = state.items.filter(({ checked }) => checked).map(({ id }) => id);
+        const ids = checked ? [...checkedIds, item.id] : checkedIds.filter(id => id !== item.id);
+        if (props.onChange) {
+            state.loading = true;
+            await props.onChange(ids);
+            state.loading = false;
+            item.checked = !item.checked;
+            if (!multiple)
+                state.visible = false;
+        }
+        if (!!multiple)
+            state.members = checked
+                ? [...state.members, item]
+                : state.members.filter(({ id }) => id !== item.id);
+    };
+    const searchByKeWord = (keyWord) => {
+        state.keyword = keyWord;
+        state.items = state.list.filter(({ name }) => name
+            .toLowerCase()
+            .replace(/\s*/g, "")
+            .indexOf(keyWord.toLowerCase().replace(/\s*/g, "")) !== -1);
+    };
+    const visibleChange = (visible) => {
+        state.visible = visible;
+    };
+    const load = () => {
+        const avatarList = state.members;
+        state.items = state.list.map(item => {
+            const avatar = avatarList.find(({ id }) => item.id === id);
+            return {
+                ...item,
+                checked: !!(avatar && avatar.id),
+                disabled: !!(avatar && avatar.disabled)
+            };
+        });
+    };
+    // useObserver(() => {
+    useContactListEffect(list => {
+        state.list = list;
+    }, { reload: state.reload });
+    useEffect(() => {
+        if (state.visible) {
+            state.reload = true;
+            state.items = [];
+            load();
+        }
+    }, [state.visible]);
+    // });
+    const ref = useRef(null);
+    const colorList = ["#765FEE", "#fe4066", "#FFC832", "#FF8F5E", "#3AC43A", "#FFC832"];
+    return useObserver(() => (React.createElement(Menu, null,
+        React.createElement("div", { className: "avatar-search" },
+            React.createElement(Input.Search, { autoFocus: true, onSearch: searchByKeWord, onChange: e => searchByKeWord(e.target.value) })),
+        state.items.map((item, index) => (React.createElement(Menu.Item, { key: item.id },
+            React.createElement("div", { className: "avatar-item", onClick: () => onTick(item, !item.checked) },
+                React.createElement(Avatar, { src: item.url, size: size, className: "avatar-img", style: { backgroundColor: colorList[index % 6] } }),
+                React.createElement("span", { className: classnames({ "name-disabled": item.disabled }) }, item.name),
+                item.checked && (React.createElement(FAIcon, { icon: faCheck, className: classnames("icon-check", { disabled: item.disabled }) })),
+                state.loading && state.itemId === item.id && (React.createElement(Icon, { type: "loading", className: "icon-check" })))))),
+        multiple && (React.createElement("div", { className: "multiple-footer-btn" },
+            React.createElement(Button, { type: "link", onClick: () => visibleChange(false) }, "Ok"))))));
+};
+export default AvatarMenu;
+//# sourceMappingURL=AvatarMenu.js.map

package/es/components/AvatarList/AvatarMenu.js.map

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

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

@@ -1,3 +1,12 @@
+export declare type AvatarListProps = {
+    list?: any[];
+    className?: string;
+    onChange?: (ids?: any[], members?: any[]) => void;
+    editable?: boolean;
+    num?: number;
+    size?: number | "large" | "small" | "default";
+    multiple?: boolean;
+};
 export declare class State {
     avatarList: any[];
     members: any[];
@@ -9,4 +18,5 @@ export declare class State {
     num: number;
     hasMore: boolean;
     keyword: string;
+    reload: boolean;
 }

package/es/components/AvatarList/state.js

@@ -12,6 +12,7 @@ export class State {
         this.num = 0;
         this.hasMore = false;
         this.keyword = "";
+        this.reload = false;
     }
 }
 __decorate([
@@ -44,4 +45,7 @@ __decorate([
 __decorate([
     observable
 ], State.prototype, "keyword", void 0);
+__decorate([
+    observable
+], State.prototype, "reload", void 0);
 //# sourceMappingURL=state.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/AvatarList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACoB,eAAU,GAAU,EAAE,CAAC;QACvB,YAAO,GAAU,EAAE,CAAC;QACpB,SAAI,GAAU,EAAE,CAAC;QACjB,UAAK,GAAU,EAAE,CAAC;QAClB,WAAM,GAAW,EAAE,CAAC;QACpB,YAAO,GAAY,KAAK,CAAC;QACzB,YAAO,GAAY,KAAK,CAAC;QACzB,QAAG,GAAW,CAAC,CAAC;QAChB,YAAO,GAAY,KAAK,CAAC;QACzB,YAAO,GAAW,EAAE,CAAC;IACzC,CAAC;CAAA;AAVY;IAAX,UAAU;yCAA+B;AAC9B;IAAX,UAAU;sCAA4B;AAC3B;IAAX,UAAU;mCAAyB;AACxB;IAAX,UAAU;oCAA0B;AACzB;IAAX,UAAU;qCAA4B;AAC3B;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;kCAAwB;AACvB;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;sCAA6B"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/AvatarList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAYlC,MAAM,OAAO,KAAK;IAAlB;QACoB,eAAU,GAAU,EAAE,CAAC;QACvB,YAAO,GAAU,EAAE,CAAC;QACpB,SAAI,GAAU,EAAE,CAAC;QACjB,UAAK,GAAU,EAAE,CAAC;QAClB,WAAM,GAAW,EAAE,CAAC;QACpB,YAAO,GAAY,KAAK,CAAC;QACzB,YAAO,GAAY,KAAK,CAAC;QACzB,QAAG,GAAW,CAAC,CAAC;QAChB,YAAO,GAAY,KAAK,CAAC;QACzB,YAAO,GAAW,EAAE,CAAC;QACrB,WAAM,GAAY,KAAK,CAAC;IAC5C,CAAC;CAAA;AAXY;IAAX,UAAU;yCAA+B;AAC9B;IAAX,UAAU;sCAA4B;AAC3B;IAAX,UAAU;mCAAyB;AACxB;IAAX,UAAU;oCAA0B;AACzB;IAAX,UAAU;qCAA4B;AAC3B;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;kCAAwB;AACvB;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;sCAA6B;AAC5B;IAAX,UAAU;qCAAgC"}

package/es/components/TagView/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ITag } from "@voplus/morpho-document";
+import "./index.less";
+declare const TagView: {
+    (props: {
+        id: string;
+        tags?: ITag[] | undefined;
+        editable?: boolean | undefined;
+        className?: string | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        editable: boolean;
+    };
+};
+export default TagView;

package/es/components/TagView/index.js

@@ -0,0 +1,87 @@
+import React, { useState, useEffect } from "react";
+import { useDocumentStore } from "@voplus/morpho-document";
+import { Tag, Popover, Button, Select, Spin, Icon } from "@voplus/antd";
+import { State, colorList } from "./state";
+import classnames from "classnames";
+import "./index.less";
+import { useObserver } from "mobx-react-lite";
+const TagView = (props) => {
+    const { id, tags, editable, className } = props;
+    const [state] = useState(new State());
+    const [timer, setTimer] = useState();
+    const documentStore = useDocumentStore();
+    const onClose = async (removedTag) => {
+        // state.AddTags = state.AddTags.filter(tag => tag !== removedTag);
+        await documentStore.edit(id, { RemoveTags: [removedTag] });
+        state.tags = state.tags.filter(({ name }) => {
+            return name !== removedTag;
+        });
+    };
+    const onBlur = (e) => {
+        // if (state.name && !state.AddTags.some(tag => tag.Name === state.name) && !tags.some(tag => tag.name === state.name)) {
+        // 	state.AddTags = [...state.AddTags, { Name: state.name, Color: state.color }];
+        // }
+        if (state.name &&
+            !state.addTags.some(name => name === state.name) &&
+            !state.tags.some(tag => tag.name === state.name)) {
+            state.addTags = [...state.addTags, state.name];
+        }
+    };
+    const onChange = (name) => {
+        state.name = name.trim();
+        if (!state.name)
+            return;
+        state.addTags = [...state.addTags, state.name];
+    };
+    const onSearch = async (value) => {
+        if (!value)
+            return;
+        if (timer)
+            clearTimeout(timer);
+        state.name = value.trim();
+        setTimer(setTimeout(async () => {
+            state.loading = true;
+            state.list = await documentStore.loadTags(state.name || "");
+            state.loading = false;
+            setTimer(undefined);
+        }, 600));
+    };
+    const onVisibleChange = (visible) => {
+        state.visible = visible;
+    };
+    const onOk = async () => {
+        const AddTags = state.addTags.map(name => ({ Name: name, Color: state.color }));
+        state.loading = true;
+        await documentStore.edit(id, { AddTags });
+        state.loading = false;
+        state.visible = false;
+        const tags = state.addTags.map(name => ({ name, color: state.color }));
+        state.tags = [...state.tags, ...tags];
+    };
+    useEffect(() => {
+        if (state.visible)
+            state.addTags = [];
+    }, [state.visible]);
+    useEffect(() => {
+        state.tags = tags || [];
+    }, [tags]);
+    const content = useObserver(() => (React.createElement("div", { className: "add-tag-dialog" },
+        React.createElement(Select, { autoFocus: true, showSearch: true, value: state.name, showArrow: false, filterOption: false, notFoundContent: state.loading ? React.createElement(Spin, { size: "small" }) : null, onSearch: onSearch, onChange: onChange, onBlur: onBlur }, state.list.map(d => (React.createElement(Select.Option, { key: d.name, disabled: state.tags.some(({ name }) => name === d.name) }, d.name)))),
+        React.createElement("div", { className: "tag-view-color" }, colorList.map(item => (React.createElement("span", { key: item.value, className: "item-color", onClick: () => (state.color = item.color), style: {
+                backgroundColor: item.color
+            } }, "")))),
+        React.createElement("div", null, state.addTags.map((tag, index) => (React.createElement(Tag, { key: index, color: state.color, closable: true, onClose: (removedTag) => (state.addTags = state.addTags.filter(tag => tag !== removedTag)) }, tag)))),
+        React.createElement("div", { className: "add-tag-dialog-footer" },
+            React.createElement(Button, { type: "link", disabled: !state.addTags.length, loading: state.loading, onClick: onOk }, "Ok")))));
+    return useObserver(() => (React.createElement("div", { className: classnames(className, "tag-view") },
+        state.tags.map((tag, index) => (React.createElement(Tag, { key: index, color: tag.color, closable: !!editable, onClose: () => onClose(tag.name) }, tag.name))),
+        !!editable && (React.createElement(Popover, { content: content, title: "", trigger: "click", visible: state.visible, onVisibleChange: onVisibleChange },
+            React.createElement(Tag, { style: { background: "#fff", borderStyle: "dashed" } },
+                React.createElement(Icon, { type: "plus" }),
+                " tag"))))));
+};
+TagView.defaultProps = {
+    editable: true
+};
+export default TagView;
+//# sourceMappingURL=index.js.map

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

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

package/es/components/TagView/index.less

@@ -0,0 +1,37 @@
+:global {
+	.tag-view {
+		.ant-tag {
+			margin-top: 8px;
+			cursor: pointer;
+		}
+	}
+	.add-tag-dialog {
+		.ant-tag {
+			margin-top: 10px;
+		}
+		.tag-view-color {
+			padding-top: 10px;
+		}
+		.item-color {
+			display: inline-block;
+			width: 20px;
+			height: 20px;
+			border-radius: 50%;
+			cursor: pointer;
+		}
+		.item-color + .item-color {
+			margin-left: 8px;
+		}
+		.add-tag-dialog-footer {
+			text-align: right;
+			.ant-btn {
+				height: 28px;
+				padding: 0;
+				font-size: 16px;
+			}
+		}
+		.ant-select {
+			width: 100%;
+		}
+	}
+}

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

@@ -0,0 +1,14 @@
+import { ITag } from "@voplus/morpho-document";
+export declare const colorList: {
+    value: string;
+    color: string;
+}[];
+export declare class State {
+    tags: ITag[];
+    addTags: string[];
+    list: any[];
+    name: string;
+    color: string;
+    loading: boolean;
+    visible: boolean;
+}

package/es/components/TagView/state.js

@@ -0,0 +1,48 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export const colorList = [
+    { value: "magenta", color: "rgba(235,47,150,1)" },
+    { value: "red", color: "rgba(245,34,45,1)" },
+    { value: "volcano", color: "rgba(250,84,28,1)" },
+    { value: "orange", color: "rgba(250,140,22,1)" },
+    { value: "gold", color: "rgba(250,173,20,1)" },
+    { value: "lime", color: "rgba(160,217,17,1)" },
+    { value: "green", color: "rgba(82,196,26,1)" },
+    { value: "cyan", color: "rgba(19,194,194,1)" },
+    { value: "blue", color: "rgba(24,144,255,1)" },
+    { value: "geekblue", color: "rgba(47,84,235,1)" },
+    { value: "purple", color: "rgba(114,46,209,1)" }
+];
+export class State {
+    constructor() {
+        this.tags = [];
+        this.addTags = [];
+        this.list = [];
+        this.name = "";
+        this.color = "geekblue";
+        this.loading = false;
+        this.visible = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "tags", void 0);
+__decorate([
+    observable
+], State.prototype, "addTags", void 0);
+__decorate([
+    observable
+], State.prototype, "list", void 0);
+__decorate([
+    observable
+], State.prototype, "name", void 0);
+__decorate([
+    observable
+], State.prototype, "color", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "visible", void 0);
+//# sourceMappingURL=state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/TagView/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlC,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,oBAAoB,EAAE;IACjD,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAC5C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAChD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAChD,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC9C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC9C,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAC9C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC9C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC9C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,mBAAmB,EAAE;IACjD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,oBAAoB,EAAE;CAChD,CAAC;AAEF,MAAM,OAAO,KAAK;IAAlB;QACoB,SAAI,GAAW,EAAE,CAAC;QAClB,YAAO,GAAa,EAAE,CAAC;QACvB,SAAI,GAAU,EAAE,CAAC;QACjB,SAAI,GAAW,EAAE,CAAC;QAClB,UAAK,GAAW,UAAU,CAAC;QAC3B,YAAO,GAAY,KAAK,CAAC;QACzB,YAAO,GAAY,KAAK,CAAC;IAC7C,CAAC;CAAA;AAPY;IAAX,UAAU;mCAA0B;AACzB;IAAX,UAAU;sCAA+B;AAC9B;IAAX,UAAU;mCAAyB;AACxB;IAAX,UAAU;mCAA0B;AACzB;IAAX,UAAU;oCAAmC;AAClC;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;sCAAiC"}

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

@@ -0,0 +1,11 @@
+export declare type MoveLinkOptions = {
+    leftId?: string;
+    rightId?: string;
+    linkId?: string;
+};
+export declare class LinkStore {
+    get moveIds(): any;
+    onMove(links: MoveLinkOptions[]): import("@voplus/antd/es/message").MessageType;
+    onPaste(loader: () => void): Promise<void>;
+    clear(): void;
+}

package/es/data/board/LinkStore.js

@@ -0,0 +1,40 @@
+import { __decorate } from "tslib";
+import { action, computed } from "mobx";
+import { message } from "@voplus/antd";
+export class LinkStore {
+    get moveIds() {
+        const moveIds = sessionStorage.getItem("moveIds");
+        return moveIds ? JSON.parse(moveIds) : [];
+    }
+    onMove(links) {
+        const moveIds = links;
+        if (!moveIds.length)
+            return message.warning("nothing to cut");
+        window.sessionStorage.setItem("moveIds", JSON.stringify(moveIds));
+        return message.success("Replicating Success");
+    }
+    async onPaste(loader) {
+        if (this.moveIds.length) {
+            await loader();
+            this.clear();
+        }
+        else
+            message.warning("nothing to cut");
+    }
+    clear() {
+        window.sessionStorage.clear();
+    }
+}
+__decorate([
+    computed
+], LinkStore.prototype, "moveIds", null);
+__decorate([
+    action
+], LinkStore.prototype, "onMove", null);
+__decorate([
+    action
+], LinkStore.prototype, "onPaste", null);
+__decorate([
+    action
+], LinkStore.prototype, "clear", null);
+//# sourceMappingURL=LinkStore.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkStore.js","sourceRoot":"","sources":["../../../src/data/board/LinkStore.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAOvC,MAAM,OAAO,SAAS;IAErB,IAAI,OAAO;QACV,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAClD,OAAO,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,CAAC;IAEM,MAAM,CAAC,KAAwB;QACrC,MAAM,OAAO,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,OAAO,CAAC,MAAM;YAAE,OAAO,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;QAC9D,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;QAClE,OAAO,OAAO,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC/C,CAAC;IAEM,KAAK,CAAC,OAAO,CAAC,MAAkB;QACtC,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACxB,MAAM,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,EAAE,CAAC;SACb;;YAAM,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC1C,CAAC;IAEM,KAAK;QACX,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;IAC/B,CAAC;CACD;AAtBA;IADC,QAAQ;wCAIR;AAED;IADC,MAAM;uCAMN;AAED;IADC,MAAM;wCAMN;AAED;IADC,MAAM;sCAGN"}

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

@@ -1,5 +1,6 @@
 export * from "./interfaces";
 export * from "./BoardStore";
 export * from "./BoardColumnStore";
+export * from "./LinkStore";
 export * from "./hooks";
 export * from "./types";

package/es/data/board/index.js

@@ -1,4 +1,5 @@
 export * from "./BoardStore";
 export * from "./BoardColumnStore";
+export * from "./LinkStore";
 export * from "./hooks";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data/board/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data/board/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/es/data/task/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { IDocument } from "@voplus/morpho-document";
+import { IDocument, ITag } from "@voplus/morpho-document";
 export interface IContactAvatar {
     /** Id of the contact */
     id: string;
@@ -27,4 +27,5 @@ export interface ITask extends IDocument {
     important?: boolean;
     channelId: string;
     label?: any[];
+    tags?: ITag[];
 }

package/es/modules/BoardView/components/Board/index.d.ts

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

package/es/modules/BoardView/components/Board/index.js

@@ -0,0 +1,144 @@
+import { faCheck, faTimes } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Input, message, Spin } from "@voplus/antd";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import { useObserver } from "mobx-react-lite";
+import React, { useState, useEffect } from "react";
+import { DragDropContext, Droppable } from "react-beautiful-dnd";
+import SearchHeader from "@voplus/morpho-ui/es/components/layout/ListView/components/SearchHeader";
+import SortViewDropdown from "@voplus/morpho-ui/es/components/layout/ListView/controls/SortViewDropdown";
+import FilterListDropdown from "@voplus/morpho-ui/es/components/layout/ListView/controls/FilterListDropdown";
+import { useBoardColumnListEffect, useBoardColumnStore } from "../../../../data/board";
+import { toJS } from "mobx";
+import { Scrollbars } from "react-custom-scrollbars";
+import { ListOptionsContextState, ListOptionsContext } from "@voplus/morpho-ui";
+import BoardColumn from "../BoardColumn";
+import { useDocumentStore } from "@voplus/morpho-document";
+import styles from "./index.less";
+import { State } from "./state";
+const Board = (props) => {
+    const [state] = useState(new State());
+    const boards = useBoardColumnStore();
+    const documentStore = useDocumentStore();
+    const [listoptions] = useState(new ListOptionsContextState());
+    const [boardcolumns, setBoardcolumns] = useState(state.boardcolumns);
+    const [name, setName] = useState("");
+    const [reload, setReload] = useState(false);
+    const [addLoading, setAddLoading] = useState(false);
+    const [addBoardColumnAble, setAddBoardColumnAble] = useState(false);
+    const [destination, setDestination] = useState(); //move 目标数据
+    const [source, setSource] = useState(); //move 原数据
+    const colorList = ["#765FEE", "#fe4066", "#FFC832", "#FF8F5E", "#16ecec", "#FFC832"];
+    const onBoardColumnCreated = (s, t) => {
+        const list = t.parentId === props.parentId ? [...state.boardcolumns, t] : state.boardcolumns;
+        setBoardcolumns(list);
+        state.boardcolumns = list;
+        setReload(true);
+    };
+    const onBoardColumnDeleted = (s, t) => {
+        const list = state.boardcolumns?.filter((item) => item.id !== t.id);
+        setBoardcolumns(list);
+        state.boardcolumns = list;
+    };
+    useEffect(() => {
+        boards.ItemCreatedEvent.subscribe(onBoardColumnCreated);
+        boards.ItemDeletedEvent.subscribe(onBoardColumnDeleted);
+        return () => {
+            boards.ItemCreatedEvent.unsubscribe(onBoardColumnCreated);
+            boards.ItemDeletedEvent.unsubscribe(onBoardColumnDeleted);
+        };
+    }, []);
+    useBoardColumnListEffect(list => {
+        setBoardcolumns(list);
+        state.boardcolumns = list;
+    }, {
+        Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.parentId }]
+    });
+    const reorder = (list, startIndex, endIndex) => {
+        const result = Array.from(list);
+        const [removed] = result.splice(startIndex, 1);
+        result.splice(endIndex, 0, removed);
+        return result;
+    };
+    const onDragEnd = async (result) => {
+        // dropped nowhere
+        if (!result.destination) {
+            return;
+        }
+        const { source, destination, draggableId } = result;
+        // did not move anywhere - can bail early
+        if (source.droppableId === destination.droppableId && source.index === destination.index) {
+            return;
+        }
+        // reordering column
+        if (result.type === "COLUMN") {
+            if (destination.index === 0) {
+                documentStore.moveAfter(draggableId, "");
+            }
+            else {
+                const afterId = boardcolumns.length - 1 === destination.index
+                    ? boardcolumns[destination.index].id
+                    : boardcolumns[destination.index - 1].id;
+                documentStore.moveAfter(draggableId, afterId);
+            }
+            const ordered = reorder(boardcolumns, source.index, destination.index);
+            setBoardcolumns(ordered);
+            return;
+        }
+        const linkId = draggableId.split("/")[0];
+        const rightId = draggableId.split("/")[1];
+        documentStore.moveLinks(destination.droppableId, source.droppableId, [{ Type: "Association", RightId: rightId, Position: destination.index }], [linkId]);
+        setSource({ id: source.droppableId, linkId: linkId });
+        setDestination({
+            id: destination.droppableId,
+            rightId: rightId,
+            linkId: linkId,
+            index: destination.index
+        });
+    };
+    const onSort = async (value) => {
+        listoptions.sort = value;
+    };
+    const onFilter = async (value) => {
+        const { status, assignee, created, labels, dueDate } = value;
+        listoptions.filters = [
+            { c: "LinkStatus", o: "contains", l: "And", v1: toJS(JSON.stringify(status)) }
+        ];
+    };
+    const onSearch = (value) => {
+        listoptions.filters = [{ c: "Name", o: "contains", l: "And", v1: toJS(JSON.stringify(value)) }];
+    };
+    const onSave = async () => {
+        if (!name)
+            return message.warning("Title is required");
+        setAddLoading(true);
+        await boards.create({ Name: name, ParentId: props.parentId });
+        setName("");
+        setAddLoading(false);
+    };
+    const board = useObserver(() => (React.createElement(Droppable, { droppableId: props.parentId, type: "COLUMN", direction: "horizontal" }, provided => (React.createElement(Scrollbars, null,
+        React.createElement("div", Object.assign({ style: {
+                flex: 1,
+                height: "100%",
+                display: "inline-flex"
+            }, ref: provided.innerRef }, provided.droppableProps),
+            boardcolumns?.map((item, index) => (React.createElement(BoardColumn, { key: item.id, index: index, id: item.id, reload: reload, colorStyle: colorList[index % 6], destination: destination, source: source }))),
+            provided.placeholder))))));
+    return useObserver(() => (React.createElement(ListOptionsContext.Provider, { value: listoptions },
+        React.createElement("div", { className: styles["board_header"] },
+            React.createElement(SearchHeader, { onChange: onSearch }),
+            React.createElement("div", null,
+                React.createElement(SortViewDropdown, { onSort: onSort }),
+                React.createElement(FilterListDropdown, { className: "margin-left-10", onFilter: onFilter }))),
+        React.createElement("div", { className: styles["board-list"] },
+            React.createElement(DragDropContext, { onDragEnd: onDragEnd }, board),
+            addBoardColumnAble && (React.createElement(Spin, { spinning: addLoading },
+                React.createElement(Card, { className: "add-board-able", padding: "0 15px", style: { borderTop: ` solid 2px #3AC43A` } },
+                    React.createElement(Input, { placeholder: "STATUS NAME", value: name, onChange: e => setName(e.target.value) }),
+                    React.createElement(FAIcon, { icon: faCheck, onClick: onSave }),
+                    React.createElement(FAIcon, { icon: faTimes, onClick: () => setAddBoardColumnAble(false) })))),
+            React.createElement("div", { className: "add-board" },
+                React.createElement("div", { onClick: () => setAddBoardColumnAble(true) }, "+ ADD"))))));
+};
+export default Board;
+//# sourceMappingURL=index.js.map

package/es/modules/BoardView/components/Board/index.js.map

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