@voplus/morpho-workspace 1.0.0-dev59 → 1.0.0-dev61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/AvatarList/AvatarMenu.d.ts +4 -0
- package/es/components/AvatarList/AvatarMenu.js +79 -0
- package/es/components/AvatarList/AvatarMenu.js.map +1 -0
- package/es/components/AvatarList/state.d.ts +10 -0
- package/es/components/AvatarList/state.js +4 -0
- package/es/components/AvatarList/state.js.map +1 -1
- package/es/components/TagView/index.d.ts +15 -0
- package/es/components/TagView/index.js +87 -0
- package/es/components/TagView/index.js.map +1 -0
- package/es/components/TagView/index.less +37 -0
- package/es/components/TagView/state.d.ts +14 -0
- package/es/components/TagView/state.js +48 -0
- package/es/components/TagView/state.js.map +1 -0
- package/es/data/board/LinkStore.d.ts +11 -0
- package/es/data/board/LinkStore.js +40 -0
- package/es/data/board/LinkStore.js.map +1 -0
- package/es/data/board/index.d.ts +1 -0
- package/es/data/board/index.js +1 -0
- package/es/data/board/index.js.map +1 -1
- package/es/data/task/interfaces.d.ts +2 -1
- package/es/modules/board/BoardRouets.d.ts +17 -0
- package/es/modules/board/BoardRouets.js +37 -0
- package/es/modules/board/BoardRouets.js.map +1 -0
- package/es/modules/board/components/Board/index.d.ts +5 -0
- package/es/modules/board/components/Board/index.js +144 -0
- package/es/modules/board/components/Board/index.js.map +1 -0
- package/es/modules/{BoardView/components/BoardList → board/components/Board}/index.less +10 -0
- package/es/modules/board/components/Board/state.d.ts +4 -0
- package/es/modules/board/components/Board/state.js +11 -0
- package/es/modules/board/components/Board/state.js.map +1 -0
- package/es/modules/{BoardView → board}/components/BoardColumn/index.d.ts +3 -1
- package/es/modules/board/components/BoardColumn/index.js +97 -0
- package/es/modules/board/components/BoardColumn/index.js.map +1 -0
- package/es/modules/{BoardView/components/ReactBeautifulDnd → board/components/BoardColumn}/index.less +71 -10
- package/es/modules/board/components/BoardColumn/state.js.map +1 -0
- package/es/modules/{BoardView → board}/components/DocumentCard/index.js +8 -11
- package/es/modules/board/components/DocumentCard/index.js.map +1 -0
- package/es/modules/{BoardView/components/TaskCard → board/components/DocumentCard}/state.js.map +1 -1
- package/es/modules/board/components/LinkList/index.d.ts +8 -0
- package/es/modules/board/components/LinkList/index.js +50 -0
- package/es/modules/board/components/LinkList/index.js.map +1 -0
- package/es/modules/board/components/LinkList/state.js.map +1 -0
- package/es/modules/board/components/NewTaskForm/index.js.map +1 -0
- package/es/modules/board/components/NewTaskForm/state.js.map +1 -0
- package/es/modules/{BoardView → board}/components/TaskCard/index.d.ts +0 -1
- package/es/modules/{BoardView → board}/components/TaskCard/index.js +12 -13
- package/es/modules/board/components/TaskCard/index.js.map +1 -0
- package/es/modules/board/components/TaskCard/state.js.map +1 -0
- package/es/modules/board/components/links/index.d.ts +12 -0
- package/es/modules/board/components/links/index.js +24 -0
- package/es/modules/board/components/links/index.js.map +1 -0
- package/es/modules/board/pages/BoardViewList/index.d.ts +3 -0
- package/es/modules/board/pages/BoardViewList/index.js +25 -0
- package/es/modules/board/pages/BoardViewList/index.js.map +1 -0
- package/es/modules/board/pages/BoardViewList/state.d.ts +5 -0
- package/es/modules/board/pages/BoardViewList/state.js +14 -0
- package/es/modules/board/pages/BoardViewList/state.js.map +1 -0
- package/es/modules/meeting/components/MeetingDescription/index.js +6 -8
- package/es/modules/meeting/components/MeetingDescription/index.js.map +1 -1
- package/es/modules/meeting/components/MeetingDetail/index.less +1 -0
- package/es/modules/meeting/pages/MeetingPrintView/index.js +5 -7
- package/es/modules/meeting/pages/MeetingPrintView/index.js.map +1 -1
- package/es/modules/meeting/pages/MeetingPrintView/index.less +53 -0
- package/es/modules/meeting/pages/MeetingTabView/index.js +3 -5
- package/es/modules/meeting/pages/MeetingTabView/index.js.map +1 -1
- package/es/modules/tasks/components/TaskDescription/index.js +6 -8
- package/es/modules/tasks/components/TaskDescription/index.js.map +1 -1
- package/es/modules/tasks/components/TaskDescription/index.less +1 -0
- package/es/modules/tasks/components/TaskDetail/index.js +2 -1
- package/es/modules/tasks/components/TaskDetail/index.js.map +1 -1
- package/es/modules/tasks/components/TaskHeader/index.js +6 -3
- package/es/modules/tasks/components/TaskHeader/index.js.map +1 -1
- package/es/modules/tasks/components/TaskItem/TaskItem.d.ts +1 -0
- package/es/modules/tasks/components/TaskItem/TaskItem.js +3 -3
- package/es/modules/tasks/components/TaskItem/TaskItem.js.map +1 -1
- package/es/modules/tasks/pages/TaskTabView/index.js +7 -8
- package/es/modules/tasks/pages/TaskTabView/index.js.map +1 -1
- package/es/routes.js +2 -0
- package/es/routes.js.map +1 -1
- package/package.json +6 -5
- package/es/modules/BoardView/components/BoardColumn/index.js +0 -95
- package/es/modules/BoardView/components/BoardColumn/index.js.map +0 -1
- package/es/modules/BoardView/components/BoardColumn/index.less +0 -67
- package/es/modules/BoardView/components/BoardColumn/state.js.map +0 -1
- package/es/modules/BoardView/components/BoardList/index.d.ts +0 -5
- package/es/modules/BoardView/components/BoardList/index.js +0 -84
- package/es/modules/BoardView/components/BoardList/index.js.map +0 -1
- package/es/modules/BoardView/components/BoardList/state.d.ts +0 -14
- package/es/modules/BoardView/components/BoardList/state.js +0 -59
- package/es/modules/BoardView/components/BoardList/state.js.map +0 -1
- package/es/modules/BoardView/components/DocumentCard/index.js.map +0 -1
- package/es/modules/BoardView/components/DocumentCard/state.js.map +0 -1
- package/es/modules/BoardView/components/LinkList/index.d.ts +0 -11
- package/es/modules/BoardView/components/LinkList/index.js +0 -60
- package/es/modules/BoardView/components/LinkList/index.js.map +0 -1
- package/es/modules/BoardView/components/LinkList/state.js.map +0 -1
- package/es/modules/BoardView/components/NewTaskForm/index.js.map +0 -1
- package/es/modules/BoardView/components/NewTaskForm/state.js.map +0 -1
- package/es/modules/BoardView/components/ReactBeautifulDnd/authorItem.d.ts +0 -14
- package/es/modules/BoardView/components/ReactBeautifulDnd/authorItem.js +0 -45
- package/es/modules/BoardView/components/ReactBeautifulDnd/authorItem.js.map +0 -1
- package/es/modules/BoardView/components/ReactBeautifulDnd/authorList.d.ts +0 -21
- package/es/modules/BoardView/components/ReactBeautifulDnd/authorList.js +0 -34
- package/es/modules/BoardView/components/ReactBeautifulDnd/authorList.js.map +0 -1
- package/es/modules/BoardView/components/ReactBeautifulDnd/board.d.ts +0 -9
- package/es/modules/BoardView/components/ReactBeautifulDnd/board.js +0 -129
- package/es/modules/BoardView/components/ReactBeautifulDnd/board.js.map +0 -1
- package/es/modules/BoardView/components/ReactBeautifulDnd/column.d.ts +0 -11
- package/es/modules/BoardView/components/ReactBeautifulDnd/column.js +0 -29
- package/es/modules/BoardView/components/ReactBeautifulDnd/column.js.map +0 -1
- package/es/modules/BoardView/components/ReactBeautifulDnd/data.d.ts +0 -3
- package/es/modules/BoardView/components/ReactBeautifulDnd/data.js +0 -109
- package/es/modules/BoardView/components/ReactBeautifulDnd/data.js.map +0 -1
- package/es/modules/BoardView/components/ReactBeautifulDnd/state.d.ts +0 -13
- package/es/modules/BoardView/components/ReactBeautifulDnd/state.js +0 -36
- package/es/modules/BoardView/components/ReactBeautifulDnd/state.js.map +0 -1
- package/es/modules/BoardView/components/TaskCard/index.js.map +0 -1
- package/es/modules/BoardView/pages/BoardViewList/index.d.ts +0 -5
- package/es/modules/BoardView/pages/BoardViewList/index.js +0 -26
- package/es/modules/BoardView/pages/BoardViewList/index.js.map +0 -1
- package/es/modules/BoardView/pages/BoardViewRoutes.d.ts +0 -3
- package/es/modules/BoardView/pages/BoardViewRoutes.js +0 -8
- package/es/modules/BoardView/pages/BoardViewRoutes.js.map +0 -1
- /package/es/modules/{BoardView → board}/components/BoardColumn/state.d.ts +0 -0
- /package/es/modules/{BoardView → board}/components/BoardColumn/state.js +0 -0
- /package/es/modules/{BoardView → board}/components/DocumentCard/index.d.ts +0 -0
- /package/es/modules/{BoardView → board}/components/DocumentCard/index.less +0 -0
- /package/es/modules/{BoardView → board}/components/DocumentCard/state.d.ts +0 -0
- /package/es/modules/{BoardView → board}/components/DocumentCard/state.js +0 -0
- /package/es/modules/{BoardView → board}/components/LinkList/state.d.ts +0 -0
- /package/es/modules/{BoardView → board}/components/LinkList/state.js +0 -0
- /package/es/modules/{BoardView → board}/components/NewTaskForm/index.d.ts +0 -0
- /package/es/modules/{BoardView → board}/components/NewTaskForm/index.js +0 -0
- /package/es/modules/{BoardView → board}/components/NewTaskForm/index.less +0 -0
- /package/es/modules/{BoardView → board}/components/NewTaskForm/state.d.ts +0 -0
- /package/es/modules/{BoardView → board}/components/NewTaskForm/state.js +0 -0
- /package/es/modules/{BoardView → board}/components/TaskCard/index.less +0 -0
- /package/es/modules/{BoardView → board}/components/TaskCard/state.d.ts +0 -0
- /package/es/modules/{BoardView → board}/components/TaskCard/state.js +0 -0
- /package/es/modules/{BoardView → board}/pages/BoardViewList/index.less +0 -0
@@ -0,0 +1,79 @@
|
|
1
|
+
import classnames from "classnames";
|
2
|
+
import React, { useEffect, useRef, useState } from "react";
|
3
|
+
import { faCheck } from "@fortawesome/pro-light-svg-icons";
|
4
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
5
|
+
import { Avatar, Button, Icon, Input, Menu } from "@voplus/antd";
|
6
|
+
import { useContactListEffect } from "@voplus/morpho-org";
|
7
|
+
import { useObserver } from "mobx-react-lite";
|
8
|
+
import { State } from "./state";
|
9
|
+
const AvatarMenu = (props) => {
|
10
|
+
const { multiple, list, size, editable, num, onChange } = props;
|
11
|
+
const [state] = useState(new State());
|
12
|
+
const onTick = async (item, checked) => {
|
13
|
+
if (item.disabled || !editable)
|
14
|
+
return;
|
15
|
+
state.itemId = item.id;
|
16
|
+
const checkedIds = state.items.filter(({ checked }) => checked).map(({ id }) => id);
|
17
|
+
const ids = checked ? [...checkedIds, item.id] : checkedIds.filter(id => id !== item.id);
|
18
|
+
if (props.onChange) {
|
19
|
+
state.loading = true;
|
20
|
+
await props.onChange(ids);
|
21
|
+
state.loading = false;
|
22
|
+
item.checked = !item.checked;
|
23
|
+
if (!multiple)
|
24
|
+
state.visible = false;
|
25
|
+
}
|
26
|
+
if (!!multiple)
|
27
|
+
state.members = checked
|
28
|
+
? [...state.members, item]
|
29
|
+
: state.members.filter(({ id }) => id !== item.id);
|
30
|
+
};
|
31
|
+
const searchByKeWord = (keyWord) => {
|
32
|
+
state.keyword = keyWord;
|
33
|
+
state.items = state.list.filter(({ name }) => name
|
34
|
+
.toLowerCase()
|
35
|
+
.replace(/\s*/g, "")
|
36
|
+
.indexOf(keyWord.toLowerCase().replace(/\s*/g, "")) !== -1);
|
37
|
+
};
|
38
|
+
const visibleChange = (visible) => {
|
39
|
+
state.visible = visible;
|
40
|
+
};
|
41
|
+
const load = () => {
|
42
|
+
const avatarList = state.members;
|
43
|
+
state.items = state.list.map(item => {
|
44
|
+
const avatar = avatarList.find(({ id }) => item.id === id);
|
45
|
+
return {
|
46
|
+
...item,
|
47
|
+
checked: !!(avatar && avatar.id),
|
48
|
+
disabled: !!(avatar && avatar.disabled)
|
49
|
+
};
|
50
|
+
});
|
51
|
+
};
|
52
|
+
// useObserver(() => {
|
53
|
+
useContactListEffect(list => {
|
54
|
+
state.list = list;
|
55
|
+
}, { reload: state.reload });
|
56
|
+
useEffect(() => {
|
57
|
+
if (state.visible) {
|
58
|
+
state.reload = true;
|
59
|
+
state.items = [];
|
60
|
+
load();
|
61
|
+
}
|
62
|
+
}, [state.visible]);
|
63
|
+
// });
|
64
|
+
const ref = useRef(null);
|
65
|
+
const colorList = ["#765FEE", "#fe4066", "#FFC832", "#FF8F5E", "#3AC43A", "#FFC832"];
|
66
|
+
return useObserver(() => (React.createElement(Menu, null,
|
67
|
+
React.createElement("div", { className: "avatar-search" },
|
68
|
+
React.createElement(Input.Search, { autoFocus: true, onSearch: searchByKeWord, onChange: e => searchByKeWord(e.target.value) })),
|
69
|
+
state.items.map((item, index) => (React.createElement(Menu.Item, { key: item.id },
|
70
|
+
React.createElement("div", { className: "avatar-item", onClick: () => onTick(item, !item.checked) },
|
71
|
+
React.createElement(Avatar, { src: item.url, size: size, className: "avatar-img", style: { backgroundColor: colorList[index % 6] } }),
|
72
|
+
React.createElement("span", { className: classnames({ "name-disabled": item.disabled }) }, item.name),
|
73
|
+
item.checked && (React.createElement(FAIcon, { icon: faCheck, className: classnames("icon-check", { disabled: item.disabled }) })),
|
74
|
+
state.loading && state.itemId === item.id && (React.createElement(Icon, { type: "loading", className: "icon-check" })))))),
|
75
|
+
multiple && (React.createElement("div", { className: "multiple-footer-btn" },
|
76
|
+
React.createElement(Button, { type: "link", onClick: () => visibleChange(false) }, "Ok"))))));
|
77
|
+
};
|
78
|
+
export default AvatarMenu;
|
79
|
+
//# sourceMappingURL=AvatarMenu.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AvatarMenu.js","sourceRoot":"","sources":["../../../src/components/AvatarList/AvatarMenu.tsx"],"names":[],"mappings":"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"}
|
@@ -1,3 +1,12 @@
|
|
1
|
+
export declare type AvatarListProps = {
|
2
|
+
list?: any[];
|
3
|
+
className?: string;
|
4
|
+
onChange?: (ids?: any[], members?: any[]) => void;
|
5
|
+
editable?: boolean;
|
6
|
+
num?: number;
|
7
|
+
size?: number | "large" | "small" | "default";
|
8
|
+
multiple?: boolean;
|
9
|
+
};
|
1
10
|
export declare class State {
|
2
11
|
avatarList: any[];
|
3
12
|
members: any[];
|
@@ -9,4 +18,5 @@ export declare class State {
|
|
9
18
|
num: number;
|
10
19
|
hasMore: boolean;
|
11
20
|
keyword: string;
|
21
|
+
reload: boolean;
|
12
22
|
}
|
@@ -12,6 +12,7 @@ export class State {
|
|
12
12
|
this.num = 0;
|
13
13
|
this.hasMore = false;
|
14
14
|
this.keyword = "";
|
15
|
+
this.reload = false;
|
15
16
|
}
|
16
17
|
}
|
17
18
|
__decorate([
|
@@ -44,4 +45,7 @@ __decorate([
|
|
44
45
|
__decorate([
|
45
46
|
observable
|
46
47
|
], State.prototype, "keyword", void 0);
|
48
|
+
__decorate([
|
49
|
+
observable
|
50
|
+
], State.prototype, "reload", void 0);
|
47
51
|
//# sourceMappingURL=state.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/AvatarList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;
|
1
|
+
{"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"}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { ITag } from "@voplus/morpho-document";
|
3
|
+
import "./index.less";
|
4
|
+
declare const TagView: {
|
5
|
+
(props: {
|
6
|
+
id: string;
|
7
|
+
tags?: ITag[] | undefined;
|
8
|
+
editable?: boolean | undefined;
|
9
|
+
className?: string | undefined;
|
10
|
+
}): JSX.Element;
|
11
|
+
defaultProps: {
|
12
|
+
editable: boolean;
|
13
|
+
};
|
14
|
+
};
|
15
|
+
export default TagView;
|
@@ -0,0 +1,87 @@
|
|
1
|
+
import React, { useState, useEffect } from "react";
|
2
|
+
import { useDocumentStore } from "@voplus/morpho-document";
|
3
|
+
import { Tag, Popover, Button, Select, Spin, Icon } from "@voplus/antd";
|
4
|
+
import { State, colorList } from "./state";
|
5
|
+
import classnames from "classnames";
|
6
|
+
import "./index.less";
|
7
|
+
import { useObserver } from "mobx-react-lite";
|
8
|
+
const TagView = (props) => {
|
9
|
+
const { id, tags, editable, className } = props;
|
10
|
+
const [state] = useState(new State());
|
11
|
+
const [timer, setTimer] = useState();
|
12
|
+
const documentStore = useDocumentStore();
|
13
|
+
const onClose = async (removedTag) => {
|
14
|
+
// state.AddTags = state.AddTags.filter(tag => tag !== removedTag);
|
15
|
+
await documentStore.edit(id, { RemoveTags: [removedTag] });
|
16
|
+
state.tags = state.tags.filter(({ name }) => {
|
17
|
+
return name !== removedTag;
|
18
|
+
});
|
19
|
+
};
|
20
|
+
const onBlur = (e) => {
|
21
|
+
// if (state.name && !state.AddTags.some(tag => tag.Name === state.name) && !tags.some(tag => tag.name === state.name)) {
|
22
|
+
// state.AddTags = [...state.AddTags, { Name: state.name, Color: state.color }];
|
23
|
+
// }
|
24
|
+
if (state.name &&
|
25
|
+
!state.addTags.some(name => name === state.name) &&
|
26
|
+
!state.tags.some(tag => tag.name === state.name)) {
|
27
|
+
state.addTags = [...state.addTags, state.name];
|
28
|
+
}
|
29
|
+
};
|
30
|
+
const onChange = (name) => {
|
31
|
+
state.name = name.trim();
|
32
|
+
if (!state.name)
|
33
|
+
return;
|
34
|
+
state.addTags = [...state.addTags, state.name];
|
35
|
+
};
|
36
|
+
const onSearch = async (value) => {
|
37
|
+
if (!value)
|
38
|
+
return;
|
39
|
+
if (timer)
|
40
|
+
clearTimeout(timer);
|
41
|
+
state.name = value.trim();
|
42
|
+
setTimer(setTimeout(async () => {
|
43
|
+
state.loading = true;
|
44
|
+
state.list = await documentStore.loadTags(state.name || "");
|
45
|
+
state.loading = false;
|
46
|
+
setTimer(undefined);
|
47
|
+
}, 600));
|
48
|
+
};
|
49
|
+
const onVisibleChange = (visible) => {
|
50
|
+
state.visible = visible;
|
51
|
+
};
|
52
|
+
const onOk = async () => {
|
53
|
+
const AddTags = state.addTags.map(name => ({ Name: name, Color: state.color }));
|
54
|
+
state.loading = true;
|
55
|
+
await documentStore.edit(id, { AddTags });
|
56
|
+
state.loading = false;
|
57
|
+
state.visible = false;
|
58
|
+
const tags = state.addTags.map(name => ({ name, color: state.color }));
|
59
|
+
state.tags = [...state.tags, ...tags];
|
60
|
+
};
|
61
|
+
useEffect(() => {
|
62
|
+
if (state.visible)
|
63
|
+
state.addTags = [];
|
64
|
+
}, [state.visible]);
|
65
|
+
useEffect(() => {
|
66
|
+
state.tags = tags || [];
|
67
|
+
}, [tags]);
|
68
|
+
const content = useObserver(() => (React.createElement("div", { className: "add-tag-dialog" },
|
69
|
+
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)))),
|
70
|
+
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: {
|
71
|
+
backgroundColor: item.color
|
72
|
+
} }, "")))),
|
73
|
+
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)))),
|
74
|
+
React.createElement("div", { className: "add-tag-dialog-footer" },
|
75
|
+
React.createElement(Button, { type: "link", disabled: !state.addTags.length, loading: state.loading, onClick: onOk }, "Ok")))));
|
76
|
+
return useObserver(() => (React.createElement("div", { className: classnames(className, "tag-view") },
|
77
|
+
state.tags.map((tag, index) => (React.createElement(Tag, { key: index, color: tag.color, closable: !!editable, onClose: () => onClose(tag.name) }, tag.name))),
|
78
|
+
!!editable && (React.createElement(Popover, { content: content, title: "", trigger: "click", visible: state.visible, onVisibleChange: onVisibleChange },
|
79
|
+
React.createElement(Tag, { style: { background: "#fff", borderStyle: "dashed" } },
|
80
|
+
React.createElement(Icon, { type: "plus" }),
|
81
|
+
" tag"))))));
|
82
|
+
};
|
83
|
+
TagView.defaultProps = {
|
84
|
+
editable: true
|
85
|
+
};
|
86
|
+
export default TagView;
|
87
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TagView/index.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,37 @@
|
|
1
|
+
:global {
|
2
|
+
.tag-view {
|
3
|
+
.ant-tag {
|
4
|
+
margin-top: 8px;
|
5
|
+
cursor: pointer;
|
6
|
+
}
|
7
|
+
}
|
8
|
+
.add-tag-dialog {
|
9
|
+
.ant-tag {
|
10
|
+
margin-top: 10px;
|
11
|
+
}
|
12
|
+
.tag-view-color {
|
13
|
+
padding-top: 10px;
|
14
|
+
}
|
15
|
+
.item-color {
|
16
|
+
display: inline-block;
|
17
|
+
width: 20px;
|
18
|
+
height: 20px;
|
19
|
+
border-radius: 50%;
|
20
|
+
cursor: pointer;
|
21
|
+
}
|
22
|
+
.item-color + .item-color {
|
23
|
+
margin-left: 8px;
|
24
|
+
}
|
25
|
+
.add-tag-dialog-footer {
|
26
|
+
text-align: right;
|
27
|
+
.ant-btn {
|
28
|
+
height: 28px;
|
29
|
+
padding: 0;
|
30
|
+
font-size: 16px;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
.ant-select {
|
34
|
+
width: 100%;
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { ITag } from "@voplus/morpho-document";
|
2
|
+
export declare const colorList: {
|
3
|
+
value: string;
|
4
|
+
color: string;
|
5
|
+
}[];
|
6
|
+
export declare class State {
|
7
|
+
tags: ITag[];
|
8
|
+
addTags: string[];
|
9
|
+
list: any[];
|
10
|
+
name: string;
|
11
|
+
color: string;
|
12
|
+
loading: boolean;
|
13
|
+
visible: boolean;
|
14
|
+
}
|
@@ -0,0 +1,48 @@
|
|
1
|
+
import { __decorate } from "tslib";
|
2
|
+
import { observable } from "mobx";
|
3
|
+
export const colorList = [
|
4
|
+
{ value: "magenta", color: "rgba(235,47,150,1)" },
|
5
|
+
{ value: "red", color: "rgba(245,34,45,1)" },
|
6
|
+
{ value: "volcano", color: "rgba(250,84,28,1)" },
|
7
|
+
{ value: "orange", color: "rgba(250,140,22,1)" },
|
8
|
+
{ value: "gold", color: "rgba(250,173,20,1)" },
|
9
|
+
{ value: "lime", color: "rgba(160,217,17,1)" },
|
10
|
+
{ value: "green", color: "rgba(82,196,26,1)" },
|
11
|
+
{ value: "cyan", color: "rgba(19,194,194,1)" },
|
12
|
+
{ value: "blue", color: "rgba(24,144,255,1)" },
|
13
|
+
{ value: "geekblue", color: "rgba(47,84,235,1)" },
|
14
|
+
{ value: "purple", color: "rgba(114,46,209,1)" }
|
15
|
+
];
|
16
|
+
export class State {
|
17
|
+
constructor() {
|
18
|
+
this.tags = [];
|
19
|
+
this.addTags = [];
|
20
|
+
this.list = [];
|
21
|
+
this.name = "";
|
22
|
+
this.color = "geekblue";
|
23
|
+
this.loading = false;
|
24
|
+
this.visible = false;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
__decorate([
|
28
|
+
observable
|
29
|
+
], State.prototype, "tags", void 0);
|
30
|
+
__decorate([
|
31
|
+
observable
|
32
|
+
], State.prototype, "addTags", void 0);
|
33
|
+
__decorate([
|
34
|
+
observable
|
35
|
+
], State.prototype, "list", void 0);
|
36
|
+
__decorate([
|
37
|
+
observable
|
38
|
+
], State.prototype, "name", void 0);
|
39
|
+
__decorate([
|
40
|
+
observable
|
41
|
+
], State.prototype, "color", void 0);
|
42
|
+
__decorate([
|
43
|
+
observable
|
44
|
+
], State.prototype, "loading", void 0);
|
45
|
+
__decorate([
|
46
|
+
observable
|
47
|
+
], State.prototype, "visible", void 0);
|
48
|
+
//# sourceMappingURL=state.js.map
|
@@ -0,0 +1 @@
|
|
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"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
export declare type MoveLinkOptions = {
|
2
|
+
leftId?: string;
|
3
|
+
rightId?: string;
|
4
|
+
linkId?: string;
|
5
|
+
};
|
6
|
+
export declare class LinkStore {
|
7
|
+
get moveIds(): any;
|
8
|
+
onMove(links: MoveLinkOptions[]): import("@voplus/antd/es/message").MessageType;
|
9
|
+
onPaste(loader: () => void): Promise<void>;
|
10
|
+
clear(): void;
|
11
|
+
}
|
@@ -0,0 +1,40 @@
|
|
1
|
+
import { __decorate } from "tslib";
|
2
|
+
import { action, computed } from "mobx";
|
3
|
+
import { message } from "@voplus/antd";
|
4
|
+
export class LinkStore {
|
5
|
+
get moveIds() {
|
6
|
+
const moveIds = sessionStorage.getItem("moveIds");
|
7
|
+
return moveIds ? JSON.parse(moveIds) : [];
|
8
|
+
}
|
9
|
+
onMove(links) {
|
10
|
+
const moveIds = links;
|
11
|
+
if (!moveIds.length)
|
12
|
+
return message.warning("nothing to cut");
|
13
|
+
window.sessionStorage.setItem("moveIds", JSON.stringify(moveIds));
|
14
|
+
return message.success("Replicating Success");
|
15
|
+
}
|
16
|
+
async onPaste(loader) {
|
17
|
+
if (this.moveIds.length) {
|
18
|
+
await loader();
|
19
|
+
this.clear();
|
20
|
+
}
|
21
|
+
else
|
22
|
+
message.warning("nothing to cut");
|
23
|
+
}
|
24
|
+
clear() {
|
25
|
+
window.sessionStorage.clear();
|
26
|
+
}
|
27
|
+
}
|
28
|
+
__decorate([
|
29
|
+
computed
|
30
|
+
], LinkStore.prototype, "moveIds", null);
|
31
|
+
__decorate([
|
32
|
+
action
|
33
|
+
], LinkStore.prototype, "onMove", null);
|
34
|
+
__decorate([
|
35
|
+
action
|
36
|
+
], LinkStore.prototype, "onPaste", null);
|
37
|
+
__decorate([
|
38
|
+
action
|
39
|
+
], LinkStore.prototype, "clear", null);
|
40
|
+
//# sourceMappingURL=LinkStore.js.map
|
@@ -0,0 +1 @@
|
|
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
CHANGED
package/es/data/board/index.js
CHANGED
@@ -1 +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"}
|
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,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { IDocument } from "@voplus/morpho-document";
|
1
|
+
import { IDocument, ITag } from "@voplus/morpho-document";
|
2
2
|
export interface IContactAvatar {
|
3
3
|
/** Id of the contact */
|
4
4
|
id: string;
|
@@ -27,4 +27,5 @@ export interface ITask extends IDocument {
|
|
27
27
|
important?: boolean;
|
28
28
|
channelId: string;
|
29
29
|
label?: any[];
|
30
|
+
tags?: ITag[];
|
30
31
|
}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
declare const Routes: {
|
3
|
+
BoardList: {
|
4
|
+
route: string;
|
5
|
+
tabPattern: RegExp;
|
6
|
+
getUrl: () => string;
|
7
|
+
component: () => JSX.Element;
|
8
|
+
};
|
9
|
+
Board: {
|
10
|
+
route: string;
|
11
|
+
tabPattern: RegExp;
|
12
|
+
getUrl: (id: string) => string;
|
13
|
+
component: () => JSX.Element;
|
14
|
+
};
|
15
|
+
addRoutes: () => void;
|
16
|
+
};
|
17
|
+
export default Routes;
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import { Route, Switch } from "react-router";
|
3
|
+
import { BaseRoutes } from "@voplus/morpho-data";
|
4
|
+
import BoardViewList from "./pages/BoardViewList";
|
5
|
+
const BoardRoutes = () => {
|
6
|
+
return (React.createElement(Switch, null,
|
7
|
+
React.createElement(Route, { path: Routes.BoardList.route, exact: true, component: Routes.BoardList.component }),
|
8
|
+
React.createElement(Route, { path: Routes.Board.route, exact: true, component: Routes.Board.component })));
|
9
|
+
};
|
10
|
+
const Routes = {
|
11
|
+
BoardList: {
|
12
|
+
route: "/boards",
|
13
|
+
tabPattern: RegExp("/boards"),
|
14
|
+
getUrl: () => `/boards`,
|
15
|
+
component: BoardViewList
|
16
|
+
},
|
17
|
+
Board: {
|
18
|
+
route: "/boards/:id",
|
19
|
+
tabPattern: RegExp("/boards/[^/]+"),
|
20
|
+
getUrl: (id) => `/boards/${id}`,
|
21
|
+
component: BoardViewList
|
22
|
+
},
|
23
|
+
addRoutes: () => {
|
24
|
+
BaseRoutes.routes.push({
|
25
|
+
name: "boards",
|
26
|
+
tabBasePattern: Routes.Board.tabPattern,
|
27
|
+
component: React.createElement(BoardRoutes, null)
|
28
|
+
});
|
29
|
+
BaseRoutes.routes.push({
|
30
|
+
name: "boards-list",
|
31
|
+
tabBasePattern: Routes.BoardList.tabPattern,
|
32
|
+
component: React.createElement(BoardRoutes, null)
|
33
|
+
});
|
34
|
+
}
|
35
|
+
};
|
36
|
+
export default Routes;
|
37
|
+
//# sourceMappingURL=BoardRouets.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"BoardRouets.js","sourceRoot":"","sources":["../../../src/modules/board/BoardRouets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAElD,MAAM,WAAW,GAAG,GAAG,EAAE;IACxB,OAAO,CACN,oBAAC,MAAM;QACN,oBAAC,KAAK,IAAC,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,SAAS,GAAI;QAC3F,oBAAC,KAAK,IAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS,GAAI,CAC3E,CACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG;IACd,SAAS,EAAE;QACV,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,MAAM,CAAC,SAAS,CAAC;QAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS;QACvB,SAAS,EAAE,aAAa;KACxB;IACD,KAAK,EAAE;QACN,KAAK,EAAE,aAAa;QACpB,UAAU,EAAE,MAAM,CAAC,eAAe,CAAC;QACnC,MAAM,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,WAAW,EAAE,EAAE;QACvC,SAAS,EAAE,aAAa;KACxB;IAED,SAAS,EAAE,GAAG,EAAE;QACf,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC;YACtB,IAAI,EAAE,QAAQ;YACd,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU;YACvC,SAAS,EAAE,oBAAC,WAAW,OAAG;SAC1B,CAAC,CAAC;QACH,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC;YACtB,IAAI,EAAE,aAAa;YACnB,cAAc,EAAE,MAAM,CAAC,SAAS,CAAC,UAAU;YAC3C,SAAS,EAAE,oBAAC,WAAW,OAAG;SAC1B,CAAC,CAAC;IACJ,CAAC;CACD,CAAC;AAEF,eAAe,MAAM,CAAC"}
|