@voplus/morpho-workspace 1.0.0-dev45 → 1.0.0-dev47
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/ToolBar/index.d.ts +1 -0
- package/es/components/ToolBar/index.js +4 -2
- package/es/components/ToolBar/index.js.map +1 -1
- package/es/controls/DocumentStatusLabel/index.js +1 -1
- package/es/controls/DocumentStatusLabel/index.js.map +1 -1
- package/es/data/contexts/StoreContext/index.d.ts +3 -6
- package/es/data/contexts/StoreContext/index.js +3 -39
- package/es/data/contexts/StoreContext/index.js.map +1 -1
- package/es/modules/BoardView/components/TaskList/index.js.map +1 -1
- package/es/modules/BoardView/pages/BoardViewList/index.js +0 -2
- package/es/modules/BoardView/pages/BoardViewList/index.js.map +1 -1
- package/es/modules/calendar/components/TaskCard/index.d.ts +7 -0
- package/es/modules/calendar/components/TaskCard/index.js +25 -0
- package/es/modules/calendar/components/TaskCard/index.js.map +1 -0
- package/es/modules/calendar/components/TaskCard/index.less +13 -0
- package/es/modules/calendar/components/TaskCard/state.d.ts +16 -0
- package/es/modules/calendar/components/TaskCard/state.js +58 -0
- package/es/modules/calendar/components/TaskCard/state.js.map +1 -0
- package/es/modules/calendar/pages/CalendarMonth/index.js +14 -18
- package/es/modules/calendar/pages/CalendarMonth/index.js.map +1 -1
- package/es/modules/document/pages/DocumentListView/index.js +1 -1
- package/es/modules/document/pages/DocumentListView/index.js.map +1 -1
- package/es/modules/meeting/MeetingRoutes.d.ts +6 -0
- package/es/modules/meeting/MeetingRoutes.js +19 -6
- package/es/modules/meeting/MeetingRoutes.js.map +1 -1
- package/es/modules/meeting/components/AgendaList/AgendaItem/components/TaskList/index.js +4 -3
- package/es/modules/meeting/components/AgendaList/AgendaItem/components/TaskList/index.js.map +1 -1
- package/es/modules/meeting/components/AgendaList/AgendaItem/index.d.ts +2 -7
- package/es/modules/meeting/components/AgendaList/AgendaItem/index.js +17 -15
- package/es/modules/meeting/components/AgendaList/AgendaItem/index.js.map +1 -1
- package/es/modules/meeting/components/AgendaList/AgendaItem/state.d.ts +7 -0
- package/es/modules/meeting/components/AgendaList/AgendaItem/state.js.map +1 -1
- package/es/modules/meeting/components/AgendaList/index.js +25 -20
- package/es/modules/meeting/components/AgendaList/index.js.map +1 -1
- package/es/modules/meeting/components/MeetingDetail/index.js +4 -2
- package/es/modules/meeting/components/MeetingDetail/index.js.map +1 -1
- package/es/modules/meeting/components/MeetingHeader/index.js +18 -11
- package/es/modules/meeting/components/MeetingHeader/index.js.map +1 -1
- package/es/modules/meeting/components/MeetingItem/index.js +6 -5
- package/es/modules/meeting/components/MeetingItem/index.js.map +1 -1
- package/es/modules/meeting/components/MeetingQuickViewDialog/index.js +2 -1
- package/es/modules/meeting/components/MeetingQuickViewDialog/index.js.map +1 -1
- package/es/modules/meeting/components/NewMeetingForm/index.js.map +1 -1
- package/es/modules/meeting/pages/MeetingList/index.js +1 -1
- package/es/modules/meeting/pages/MeetingList/index.js.map +1 -1
- package/es/modules/meeting/pages/MeetingPrintView/index.d.ts +4 -0
- package/es/modules/meeting/pages/MeetingPrintView/index.js +54 -0
- package/es/modules/meeting/pages/MeetingPrintView/index.js.map +1 -0
- package/es/modules/meeting/pages/MeetingPrintView/index.less +0 -0
- package/es/modules/meeting/pages/MeetingTabView/index.js +4 -2
- package/es/modules/meeting/pages/MeetingTabView/index.js.map +1 -1
- package/es/modules/tasks/components/NewTaskForm/index.js.map +1 -1
- package/es/modules/tasks/components/SubTaskList/index.js +6 -14
- package/es/modules/tasks/components/SubTaskList/index.js.map +1 -1
- package/es/modules/tasks/components/SubTaskList/state.d.ts +1 -2
- package/es/modules/tasks/components/SubTaskList/state.js +1 -9
- package/es/modules/tasks/components/SubTaskList/state.js.map +1 -1
- package/es/modules/tasks/components/TaskDescription/index.js +9 -9
- package/es/modules/tasks/components/TaskDescription/index.js.map +1 -1
- 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/TaskItem/TaskItem.d.ts +1 -0
- package/es/modules/tasks/components/TaskItem/TaskItem.js +39 -25
- package/es/modules/tasks/components/TaskItem/TaskItem.js.map +1 -1
- package/es/modules/tasks/components/TaskItem/index.less +4 -5
- package/es/modules/tasks/components/TaskQuickViewDialog/index.js +2 -1
- package/es/modules/tasks/components/TaskQuickViewDialog/index.js.map +1 -1
- package/es/modules/tasks/pages/TaskList/index.js +5 -2
- package/es/modules/tasks/pages/TaskList/index.js.map +1 -1
- package/es/modules/tasks/pages/TaskTabView/index.js +28 -51
- package/es/modules/tasks/pages/TaskTabView/index.js.map +1 -1
- package/es/modules/tasks/pages/TaskTabView/index.less +1 -12
- package/es/modules/workspaces/components/ListHeard/index.js +1 -3
- package/es/modules/workspaces/components/ListHeard/index.js.map +1 -1
- package/package.json +9 -9
- package/es/components/PageListView/index.d.ts +0 -15
- package/es/components/PageListView/index.js +0 -50
- package/es/components/PageListView/index.js.map +0 -1
- package/es/components/PageListView/index.less +0 -7
- package/es/components/PageListView/state.d.ts +0 -9
- package/es/components/PageListView/state.js +0 -36
- package/es/components/PageListView/state.js.map +0 -1
- package/es/components/RichTextEditor/BlockStyleControls.d.ts +0 -3
- package/es/components/RichTextEditor/BlockStyleControls.js +0 -27
- package/es/components/RichTextEditor/BlockStyleControls.js.map +0 -1
- package/es/components/RichTextEditor/InlineStyleControls.d.ts +0 -3
- package/es/components/RichTextEditor/InlineStyleControls.js +0 -18
- package/es/components/RichTextEditor/InlineStyleControls.js.map +0 -1
- package/es/components/RichTextEditor/StyleButton.d.ts +0 -3
- package/es/components/RichTextEditor/StyleButton.js +0 -14
- package/es/components/RichTextEditor/StyleButton.js.map +0 -1
- package/es/components/RichTextEditor/index.d.ts +0 -23
- package/es/components/RichTextEditor/index.js +0 -133
- package/es/components/RichTextEditor/index.js.map +0 -1
- package/es/components/RichTextEditor/index.less +0 -96
- package/es/controls/SortViewDropdown/index.d.ts +0 -6
- package/es/controls/SortViewDropdown/index.js +0 -63
- package/es/controls/SortViewDropdown/index.js.map +0 -1
- package/es/controls/SortViewDropdown/index.less +0 -63
- package/es/controls/SortViewDropdown/state.d.ts +0 -6
- package/es/controls/SortViewDropdown/state.js +0 -21
- package/es/controls/SortViewDropdown/state.js.map +0 -1
- package/es/controls/cc/index.d.ts +0 -3
- package/es/controls/cc/index.js +0 -84
- package/es/controls/cc/index.js.map +0 -1
- package/es/controls/cc/index.less +0 -64
- package/es/data/contexts/SortContext/index.d.ts +0 -13
- package/es/data/contexts/SortContext/index.js +0 -47
- package/es/data/contexts/SortContext/index.js.map +0 -1
- package/es/data/contexts/index.d.ts +0 -1
- package/es/data/contexts/index.js +0 -2
- package/es/data/contexts/index.js.map +0 -1
@@ -2,7 +2,7 @@ import React, { useContext, useEffect, useState } from "react";
|
|
2
2
|
import { Scrollbars } from "react-custom-scrollbars";
|
3
3
|
import { faEdit } from "@fortawesome/pro-light-svg-icons";
|
4
4
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
5
|
-
import { Breadcrumb, Skeleton, Tabs
|
5
|
+
import { Breadcrumb, Skeleton, Tabs } from "@voplus/antd";
|
6
6
|
import Comment from "@voplus/morpho-collaboration/es/components/Comment";
|
7
7
|
import DocumentList from "@voplus/morpho-document/es/components/DocumentList";
|
8
8
|
import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
|
@@ -19,6 +19,7 @@ import { useTabItem } from "@voplus/morpho-data";
|
|
19
19
|
import { useLayout } from "@voplus/morpho-data";
|
20
20
|
import classnames from "classnames";
|
21
21
|
import { __RouterContext } from "react-router";
|
22
|
+
import MeetingQuickViewDialog from "../../../meeting/components/MeetingQuickViewDialog";
|
22
23
|
import styles from "./index.less";
|
23
24
|
const TaskTabView = () => {
|
24
25
|
const [asideContext] = useState(AsideContent.createContext());
|
@@ -35,41 +36,23 @@ const TaskTabView = () => {
|
|
35
36
|
const layout = useLayout();
|
36
37
|
const tab = useTabItem();
|
37
38
|
tab.title = state.task.name;
|
38
|
-
const onMove = () => {
|
39
|
-
store.onMove([state.id]);
|
40
|
-
};
|
41
|
-
const onDelete = async () => {
|
42
|
-
layout.history.push(`/tasks`);
|
43
|
-
layout.tabNav.remove(tab);
|
44
|
-
await taskStore.delete([state.id], { DeleteChilds: true });
|
45
|
-
};
|
46
39
|
useEffect(() => {
|
47
40
|
asideContext.openAside(AsideElement, { span: 12 });
|
48
41
|
}, []);
|
49
42
|
const onReLoad = () => {
|
50
43
|
setReload(!reload);
|
51
44
|
};
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
}));
|
59
|
-
setBreadcrumbs(breadcrumbs);
|
60
|
-
}, [JSON.stringify(state.task)]);
|
61
|
-
useEffect(() => {
|
62
|
-
if (!reload) {
|
63
|
-
state.task.loaded = false;
|
64
|
-
setReload(true);
|
65
|
-
}
|
66
|
-
}, [reload]);
|
67
|
-
});
|
45
|
+
useEffect(() => {
|
46
|
+
if (!reload) {
|
47
|
+
state.task.loaded = false;
|
48
|
+
setReload(true);
|
49
|
+
}
|
50
|
+
}, [reload]);
|
68
51
|
const AsideElement = (React.createElement("div", { className: "module-tab-view_aside" },
|
69
52
|
React.createElement(Tabs, { defaultActiveKey: "1" },
|
70
53
|
React.createElement(Tabs.TabPane, { tab: "Documents", key: "Documents" },
|
71
54
|
React.createElement(Scrollbars, null,
|
72
|
-
React.createElement(DocumentList, { id: state.id, exclude: ["Task"] }))),
|
55
|
+
React.createElement(DocumentList, { id: state.id, exclude: ["Task"], meetingQuickViewDialog: ({ id, visible, onCancel }) => (React.createElement(MeetingQuickViewDialog, { id: id, visible: visible, onCancel: onCancel })) }))),
|
73
56
|
React.createElement(Tabs.TabPane, { tab: "Comments", key: "Comments" },
|
74
57
|
React.createElement(Comment, { channelId: state.task.channelId })),
|
75
58
|
React.createElement(Tabs.TabPane, { tab: "Activities", key: "Activities" },
|
@@ -79,37 +62,31 @@ const TaskTabView = () => {
|
|
79
62
|
React.createElement(Scrollbars, null,
|
80
63
|
React.createElement("div", { className: styles["task-box"] }, "Reference"))))));
|
81
64
|
const subStrName = (name) => {
|
82
|
-
return state.task.path.length > 4 && name.length > 30
|
65
|
+
return state.task.path && state.task.path.length > 4 && name.length > 30
|
66
|
+
? name.substr(0, 20) + "..."
|
67
|
+
: name;
|
83
68
|
};
|
84
69
|
const toPath = (id) => {
|
85
|
-
layout.history.
|
86
|
-
};
|
87
|
-
const itemRender = (route, params, routes, paths) => {
|
88
|
-
// const last = routes.indexOf(route) === routes.length - 1;
|
89
|
-
return (React.createElement(Tooltip, { title: route.breadcrumbName },
|
90
|
-
React.createElement("span", { onClick: () => toPath(route.id), className: classnames("breadcrumb-name", { "breadcrumb-active": route.id === state.id }) }, subStrName(route.breadcrumbName))));
|
91
|
-
// return route.id === id ? (
|
92
|
-
// <Tooltip title={route.breadcrumbName}>{subStrName(route.breadcrumbName)}</Tooltip>
|
93
|
-
// ) : (
|
94
|
-
// <Tooltip title={route.breadcrumbName}>
|
95
|
-
// <Link to={`/tasks/${route.id}`}>{subStrName(route.breadcrumbName)}</Link>
|
96
|
-
// </Tooltip>
|
97
|
-
// );
|
70
|
+
layout.history.push(`/tasks/${id}`);
|
98
71
|
};
|
99
72
|
return useObserver(() => (React.createElement("div", { className: "module-tab-view" },
|
100
|
-
state.task.loaded && !!(
|
101
|
-
React.createElement(Breadcrumb, { separator: ">",
|
73
|
+
state.task.loaded && !!(state.task.path && state.task.path.length) && (React.createElement("div", { className: styles["breadcrumb-container"] },
|
74
|
+
React.createElement(Breadcrumb, { separator: ">" }, [...state.task.path, { id: state.id, name: state.task.name }].map((item) => (React.createElement(Breadcrumb.Item, { key: item.id, onClick: () => toPath(item.id) },
|
75
|
+
React.createElement("span", { title: item.name, className: classnames("breadcrumb-name", {
|
76
|
+
"breadcrumb-active": item.id === state.id
|
77
|
+
}) }, subStrName(item.name)))))))),
|
102
78
|
reload && (React.createElement(AsideContent, { context: asideContext },
|
103
79
|
React.createElement("div", { className: styles["task-tab-view"], ref: ref => setScrollParentRef(ref) },
|
104
|
-
React.createElement(
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
React.createElement(
|
109
|
-
React.createElement(
|
110
|
-
|
111
|
-
|
112
|
-
|
80
|
+
React.createElement(TaskHeader, { id: state.id, onReLoad: onReLoad, onExpand: () => asideContext.asideContent
|
81
|
+
? asideContext.closeAside()
|
82
|
+
: asideContext.openAside(AsideElement, { span: 12 }) }),
|
83
|
+
React.createElement(Scrollbars, { autoHide: true },
|
84
|
+
React.createElement("div", { className: "task-tab-description" },
|
85
|
+
React.createElement(Skeleton, { loading: !state.task.loaded, active: true },
|
86
|
+
React.createElement(RichTextEditor, { editable: false, placeholder: React.createElement("span", null,
|
87
|
+
React.createElement(FAIcon, { icon: faEdit }),
|
88
|
+
"Add Description"), content: state.task.description || "", onSave: v => taskStore.edit(state.id, { Description: v }) }))),
|
89
|
+
React.createElement(SubTaskList, { parentId: state.id, scrollParentRef: scrollParentRef }))))))));
|
113
90
|
};
|
114
91
|
export default TaskTabView;
|
115
92
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/pages/TaskTabView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAU,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAU,QAAQ,EAAE,IAAI,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/pages/TaskTabView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAU,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAU,QAAQ,EAAE,IAAI,EAAW,MAAM,cAAc,CAAC;AAC3E,OAAO,OAAO,MAAM,oDAAoD,CAAC;AACzE,OAAO,YAAY,MAAM,oDAAoD,CAAC;AAC9E,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAO,cAAc,MAAM,8CAA8C,CAAC;AAC1E,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAE7D,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,UAAU,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,uDAAuD,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAS,MAAM,cAAc,CAAC;AACtD,OAAO,sBAAsB,MAAM,oDAAoD,CAAC;AACxF,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,MAAM,WAAW,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAC9D,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,eAAe,CAE3C,CAAC;IACF,8BAA8B;IAC9B,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3C,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;IACrE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAE,CAAC;IACzD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAE,CAAC;IAEjD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,GAAG,GAAG,UAAU,EAAE,CAAC;IACzB,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,MAAM,EAAE;YACZ,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YAC1B,SAAS,CAAC,IAAI,CAAC,CAAC;SAChB;IACF,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,MAAM,YAAY,GAAG,CACpB,6BAAK,SAAS,EAAC,uBAAuB;QACrC,oBAAC,IAAI,IAAC,gBAAgB,EAAC,GAAG;YACzB,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,WAAW,EAAC,GAAG,EAAC,WAAW;gBAC5C,oBAAC,UAAU;oBACV,oBAAC,YAAY,IACZ,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,CAAC,MAAM,CAAC,EACjB,sBAAsB,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAO,EAAE,EAAE,CAAC,CAC3D,oBAAC,sBAAsB,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACxE,GACA,CACU,CACC;YACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,UAAU;gBAC1C,oBAAC,OAAO,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,GAAI,CAC9B;YACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,YAAY,EAAC,GAAG,EAAC,YAAY;gBAC9C,oBAAC,UAAU;oBACV,oBAAC,WAAW,IAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,GAAI,CACrD,CACC;YACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,WAAW,EAAC,GAAG,EAAC,WAAW;gBAC5C,oBAAC,UAAU;oBACV,6BAAK,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,gBAAiB,CACvC,CACC,CACT,CACF,CACN,CAAC;IACF,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QACnC,OAAO,KAAK,CAAC,IAAI,CAAC,IAAK,IAAI,KAAK,CAAC,IAAI,CAAC,IAAK,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,EAAE;YACzE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK;YAC5B,CAAC,CAAC,IAAI,CAAC;IACT,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,CAAC,EAAU,EAAE,EAAE;QAC7B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IACrC,CAAC,CAAC;IACF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,KAAK,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAK,IAAI,KAAK,CAAC,IAAI,CAAC,IAAK,CAAC,MAAM,CAAC,IAAI,CACxE,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC7C,oBAAC,UAAU,IAAC,SAAS,EAAC,GAAG,IACvB,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,IAAK,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,CAClF,oBAAC,UAAU,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC5D,8BACC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;wBACxC,mBAAmB,EAAE,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE;qBACzC,CAAC,IAED,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,CACU,CAClB,CAAC,CACU,CACR,CACN;QACA,MAAM,IAAI,CACV,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;YAClC,6BAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,kBAAkB,CAAC,GAAG,CAAC;gBAC3E,oBAAC,UAAU,IACV,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,EAAE,CACd,YAAY,CAAC,YAAY;wBACxB,CAAC,CAAC,YAAY,CAAC,UAAU,EAAE;wBAC3B,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAErD;gBACF,oBAAC,UAAU,IAAC,QAAQ;oBACnB,6BAAK,SAAS,EAAC,sBAAsB;wBACpC,oBAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM;4BAC5C,oBAAC,cAAc,IACd,QAAQ,EAAE,KAAK,EACf,WAAW,EACV;oCACC,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI;sDAElB,EAER,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,EACrC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,GACxD,CACQ,CACN;oBACN,oBAAC,WAAW,IAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,EAAE,eAAe,EAAE,eAAe,GAAI,CACzD,CACR,CACQ,CACf,CACI,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,WAAW,CAAC"}
|
@@ -5,18 +5,7 @@
|
|
5
5
|
height: 100%;
|
6
6
|
background: #fff;
|
7
7
|
:global {
|
8
|
-
.task-tab-
|
9
|
-
padding: 10px 20px;
|
10
|
-
.task-detail_header {
|
11
|
-
padding: 0 0 10px 0;
|
12
|
-
}
|
13
|
-
.task-tab-view_name {
|
14
|
-
display: flex;
|
15
|
-
justify-content: space-between;
|
16
|
-
padding-bottom: 20px;
|
17
|
-
}
|
18
|
-
}
|
19
|
-
.task-description {
|
8
|
+
.task-tab-description {
|
20
9
|
padding: 10px 20px;
|
21
10
|
}
|
22
11
|
}
|
@@ -1,5 +1,4 @@
|
|
1
1
|
import React from "react";
|
2
|
-
import SortViewDropdown from "../../../../controls/SortViewDropdown";
|
3
2
|
import FilterListDropdown from "@voplus/morpho-ui/es/components/layout/ListView/controls/FilterListDropdown";
|
4
3
|
import { faList, faThLarge } from "@fortawesome/pro-light-svg-icons";
|
5
4
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
@@ -16,8 +15,7 @@ export default (props) => {
|
|
16
15
|
React.createElement(FAIcon, { icon: faList })),
|
17
16
|
React.createElement("span", null,
|
18
17
|
React.createElement(FAIcon, { icon: faThLarge })),
|
19
|
-
show &&
|
20
|
-
React.createElement(SortViewDropdown, null))),
|
18
|
+
show && React.createElement("span", null),
|
21
19
|
show && (React.createElement("span", null,
|
22
20
|
React.createElement(FilterListDropdown, null))))));
|
23
21
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspaces/components/ListHeard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspaces/components/ListHeard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,MAAM,6EAA6E,CAAC;AAE7G,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,MAAM,cAAc,CAAC;AAEjC,eAAe,CAAC,KAAyB,EAAE,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,OAAO,CACN,6BAAK,SAAS,EAAE,KAAK,CAAC,GAAG;QACxB,6BAAK,SAAS,EAAC,YAAY;YAC1B,6CAAmB;YACnB,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,YAEhC,CACJ;QACN,6BAAK,SAAS,EAAC,aAAa;YAC3B;gBACC,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CAClB;YACP;gBACC,oBAAC,MAAM,IAAC,IAAI,EAAE,SAAS,GAAI,CACrB;YACN,IAAI,IAAI,iCAAa;YACrB,IAAI,IAAI,CACR;gBACC,oBAAC,kBAAkB,OAAG,CAChB,CACP,CACI,CACD,CACN,CAAC;AACH,CAAC,CAAC"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@voplus/morpho-workspace",
|
3
|
-
"version": "1.0.0-
|
3
|
+
"version": "1.0.0-dev47",
|
4
4
|
"description": "morpho workspace module",
|
5
5
|
"repository": {
|
6
6
|
"type": "git",
|
@@ -40,7 +40,7 @@
|
|
40
40
|
"@storybook/react": "^5.2.8",
|
41
41
|
"@types/classnames": "^2.2.9",
|
42
42
|
"@types/draft-js": "^0.10.37",
|
43
|
-
"@types/emoji-mart": "^2.11.
|
43
|
+
"@types/emoji-mart": "^2.11.1",
|
44
44
|
"@types/enzyme": "^3.10.4",
|
45
45
|
"@types/enzyme-adapter-react-16": "^1.0.3",
|
46
46
|
"@types/fetch-mock": "^7.3.2",
|
@@ -48,14 +48,14 @@
|
|
48
48
|
"@types/jest": "^24.0.23",
|
49
49
|
"@types/lodash-es": "^4.17.3",
|
50
50
|
"@types/mockjs": "^1.0.2",
|
51
|
-
"@types/node": "^13.1.
|
51
|
+
"@types/node": "^13.1.6",
|
52
52
|
"@types/react": "^16.9.16",
|
53
53
|
"@types/react-addons-css-transition-group": "^15.0.5",
|
54
54
|
"@types/react-custom-scrollbars": "^4.0.6",
|
55
55
|
"@types/react-dom": "^16.9.4",
|
56
56
|
"@types/react-highlight-words": "^0.16.0",
|
57
57
|
"@types/react-infinite-scroller": "^1.2.1",
|
58
|
-
"@types/react-router": "^5.1.
|
58
|
+
"@types/react-router": "^5.1.4",
|
59
59
|
"@types/react-router-dom": "^5.1.3",
|
60
60
|
"@types/react-transition-group": "^4.2.3",
|
61
61
|
"@types/storybook__react": "^4.0.2",
|
@@ -63,19 +63,19 @@
|
|
63
63
|
"@voplus/morpho-client-test": "^1.0.0-dev010",
|
64
64
|
"@voplus/morpho-collaboration": "^1.0.0-dev014",
|
65
65
|
"@voplus/morpho-data": "^1.0.0-dev069",
|
66
|
-
"@voplus/morpho-document": "^1.0.0-
|
66
|
+
"@voplus/morpho-document": "^1.0.0-dev106",
|
67
67
|
"@voplus/morpho-org": "^1.0.0-dev023",
|
68
68
|
"@voplus/morpho-text": "^1.0.0-dev008",
|
69
|
-
"@voplus/morpho-ui": "^1.0.0-
|
69
|
+
"@voplus/morpho-ui": "^1.0.0-dev079",
|
70
70
|
"babel-jest": "^24.9.0",
|
71
71
|
"babel-loader": "^8.0.6",
|
72
72
|
"babel-plugin-import": "^1.13.0",
|
73
73
|
"clean-webpack-plugin": "^3.0.0",
|
74
|
-
"core-js": "^3.
|
74
|
+
"core-js": "^3.6.3",
|
75
75
|
"cpx": "^1.5.0",
|
76
|
-
"css-loader": "^3.
|
76
|
+
"css-loader": "^3.4.2",
|
77
77
|
"del-cli": "^3.0.0",
|
78
|
-
"draft-js": "^0.11.
|
78
|
+
"draft-js": "^0.11.4",
|
79
79
|
"emoji-mart": "^2.9.2",
|
80
80
|
"enzyme": "^3.10.0",
|
81
81
|
"enzyme-adapter-react-16": "^1.15.1",
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import React from "react";
|
2
|
-
declare const _default: React.ForwardRefExoticComponent<{
|
3
|
-
data: any[];
|
4
|
-
page?: number | undefined;
|
5
|
-
pageSize?: number | undefined;
|
6
|
-
loading?: boolean | undefined;
|
7
|
-
loadMore?: (() => void) | undefined;
|
8
|
-
children?: any;
|
9
|
-
scrollParentRef?: any;
|
10
|
-
description?: React.ReactNode;
|
11
|
-
imageStyle?: React.CSSProperties | undefined;
|
12
|
-
image?: React.ReactNode;
|
13
|
-
noDataTip?: boolean | undefined;
|
14
|
-
} & React.RefAttributes<unknown>>;
|
15
|
-
export default _default;
|
@@ -1,50 +0,0 @@
|
|
1
|
-
import React, { forwardRef, useEffect, useImperativeHandle, useState } from "react";
|
2
|
-
// import { faSpinnerThird } from "@fortawesome/pro-light-svg-icons";
|
3
|
-
// import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
4
|
-
import { Empty, Icon, message, Spin } from "@voplus/antd";
|
5
|
-
import { Scrollbars } from "react-custom-scrollbars";
|
6
|
-
import InfiniteScroll from "react-infinite-scroller";
|
7
|
-
import State from "./state";
|
8
|
-
import { useObserver } from "mobx-react-lite";
|
9
|
-
import styles from "./index.less";
|
10
|
-
const PageListView = (props, ref) => {
|
11
|
-
const { data, children, loading, scrollParentRef, description, imageStyle, image } = props;
|
12
|
-
const [context] = useState(new State());
|
13
|
-
context.noDataTip = props.noDataTip === undefined ? true : props.noDataTip;
|
14
|
-
context.pageSize = props.pageSize || 20;
|
15
|
-
useEffect(() => {
|
16
|
-
context.data = data;
|
17
|
-
context.list = props.page > 1 ? [...context.list, ...data] : data;
|
18
|
-
if (!loading && (!data.length || data.length < context.pageSize))
|
19
|
-
context.hasMore = false;
|
20
|
-
}, [data]);
|
21
|
-
const reset = () => {
|
22
|
-
context.list = [];
|
23
|
-
context.hasMore = true;
|
24
|
-
};
|
25
|
-
const loadMore = async () => {
|
26
|
-
if (loading)
|
27
|
-
return;
|
28
|
-
if (!context.data.length || context.data.length < context.pageSize)
|
29
|
-
context.hasMore = false;
|
30
|
-
if (context.list.length && !context.hasMore)
|
31
|
-
return message.warning("List loaded all");
|
32
|
-
await props.loadMore();
|
33
|
-
};
|
34
|
-
useImperativeHandle(ref, () => ({
|
35
|
-
reset: reset,
|
36
|
-
list: context.list
|
37
|
-
}));
|
38
|
-
useEffect(() => {
|
39
|
-
if (props.page === 1)
|
40
|
-
reset();
|
41
|
-
}, [props.page]);
|
42
|
-
return useObserver(() => (React.createElement(Scrollbars, null,
|
43
|
-
React.createElement(InfiniteScroll, { initialLoad: false, pageStart: 1, loadMore: loadMore, hasMore: loading && !!context.hasMore, useWindow: false, threshold: 150, getScrollParent: () => scrollParentRef },
|
44
|
-
children(context.list),
|
45
|
-
loading && context.hasMore && (React.createElement("div", { className: styles["page-list-view_loading"] },
|
46
|
-
React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(Icon, { type: "loading" }) }))),
|
47
|
-
!loading && !context.list.length && context.noDataTip && (React.createElement(Empty, { description: description, imageStyle: imageStyle, image: image, className: styles["page-list-view-empty"] }))))));
|
48
|
-
};
|
49
|
-
export default forwardRef(PageListView);
|
50
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PageListView/index.tsx"],"names":[],"mappings":"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"}
|
@@ -1,36 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { observable } from "mobx";
|
3
|
-
export default class State {
|
4
|
-
constructor() {
|
5
|
-
this.list = [];
|
6
|
-
this.data = [];
|
7
|
-
this.page = 1;
|
8
|
-
this.pageSize = 20;
|
9
|
-
this.noDataTip = true;
|
10
|
-
this.loading = false;
|
11
|
-
this.hasMore = true;
|
12
|
-
// public static ReactContext = React.createContext<PageViewContext | undefined>(undefined);
|
13
|
-
}
|
14
|
-
}
|
15
|
-
__decorate([
|
16
|
-
observable
|
17
|
-
], State.prototype, "list", void 0);
|
18
|
-
__decorate([
|
19
|
-
observable
|
20
|
-
], State.prototype, "data", void 0);
|
21
|
-
__decorate([
|
22
|
-
observable
|
23
|
-
], State.prototype, "page", void 0);
|
24
|
-
__decorate([
|
25
|
-
observable
|
26
|
-
], State.prototype, "pageSize", void 0);
|
27
|
-
__decorate([
|
28
|
-
observable
|
29
|
-
], State.prototype, "noDataTip", void 0);
|
30
|
-
__decorate([
|
31
|
-
observable
|
32
|
-
], State.prototype, "loading", void 0);
|
33
|
-
__decorate([
|
34
|
-
observable
|
35
|
-
], State.prototype, "hasMore", void 0);
|
36
|
-
//# sourceMappingURL=state.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/PageListView/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlC,MAAM,CAAC,OAAO,OAAO,KAAK;IAA1B;QACoB,SAAI,GAAU,EAAE,CAAC;QACjB,SAAI,GAAU,EAAE,CAAC;QACjB,SAAI,GAAW,CAAC,CAAC;QACjB,aAAQ,GAAW,EAAE,CAAC;QACtB,cAAS,GAAY,IAAI,CAAC;QAC1B,YAAO,GAAY,KAAK,CAAC;QACzB,YAAO,GAAY,IAAI,CAAC;QAC3C,4FAA4F;IAC7F,CAAC;CAAA;AARY;IAAX,UAAU;mCAAyB;AACxB;IAAX,UAAU;mCAAyB;AACxB;IAAX,UAAU;mCAAyB;AACxB;IAAX,UAAU;uCAA8B;AAC7B;IAAX,UAAU;wCAAkC;AACjC;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;sCAAgC"}
|
@@ -1,27 +0,0 @@
|
|
1
|
-
import React from "react";
|
2
|
-
import { faListOl, faListUl } from "@fortawesome/free-solid-svg-icons";
|
3
|
-
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
4
|
-
import StyleButton from "./StyleButton";
|
5
|
-
const BLOCK_TYPES = [
|
6
|
-
{ label: "H1", style: "header-one" },
|
7
|
-
{ label: "H2", style: "header-two" },
|
8
|
-
{ label: "H3", style: "header-three" },
|
9
|
-
{ label: "H4", style: "header-four" },
|
10
|
-
{ label: "H5", style: "header-five" },
|
11
|
-
{ label: "H6", style: "header-six" },
|
12
|
-
{ label: "</>", style: "blockquote" },
|
13
|
-
{ label: React.createElement(FAIcon, { icon: faListUl }), style: "unordered-list-item" },
|
14
|
-
{ label: React.createElement(FAIcon, { icon: faListOl }), style: "ordered-list-item" }
|
15
|
-
// { label: "Code Block", style: "code-block" }
|
16
|
-
];
|
17
|
-
const BlockStyleControls = (props) => {
|
18
|
-
const { editorState } = props;
|
19
|
-
const selection = editorState.getSelection();
|
20
|
-
const blockType = editorState
|
21
|
-
.getCurrentContent()
|
22
|
-
.getBlockForKey(selection.getStartKey())
|
23
|
-
.getType();
|
24
|
-
return (React.createElement("div", { className: "richEditor-controls" }, BLOCK_TYPES.map(type => (React.createElement(StyleButton, { key: type.style, active: type.style === blockType, label: type.label, onToggle: props.onToggle, style: type.style })))));
|
25
|
-
};
|
26
|
-
export default BlockStyleControls;
|
27
|
-
//# sourceMappingURL=BlockStyleControls.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"BlockStyleControls.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/BlockStyleControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,GAAG;IACnB,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE;IACpC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE;IACpC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE;IACtC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;IACrC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;IACrC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE;IACpC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE;IACrC,EAAE,KAAK,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI,EAAE,KAAK,EAAE,qBAAqB,EAAE;IACnE,EAAE,KAAK,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI,EAAE,KAAK,EAAE,mBAAmB,EAAE;IACjE,+CAA+C;CAC/C,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAU,EAAE,EAAE;IACzC,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,SAAS,GAAG,WAAW,CAAC,YAAY,EAAE,CAAC;IAC7C,MAAM,SAAS,GAAG,WAAW;SAC3B,iBAAiB,EAAE;SACnB,cAAc,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;SACvC,OAAO,EAAE,CAAC;IACZ,OAAO,CACN,6BAAK,SAAS,EAAC,qBAAqB,IAClC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACxB,oBAAC,WAAW,IACX,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,MAAM,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS,EAChC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,GAChB,CACF,CAAC,CACG,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import React from "react";
|
2
|
-
import StyleButton from "./StyleButton";
|
3
|
-
const InlineStyleControls = (props) => {
|
4
|
-
const currentStyle = props.editorState.getCurrentInlineStyle();
|
5
|
-
const INLINE_STYLES = [
|
6
|
-
{ label: React.createElement("span", { className: "color-bld" }, "B"), style: "BOLD" },
|
7
|
-
{ label: React.createElement("span", { className: "color-italic" }, "I"), style: "ITALIC" },
|
8
|
-
{ label: React.createElement("span", { className: "color-underline" }, "U"), style: "UNDERLINE" },
|
9
|
-
// { label: "Monospace", style: "CODE" },
|
10
|
-
{ label: React.createElement("span", { className: "color-red" }), style: "RED" },
|
11
|
-
{ label: React.createElement("span", { className: "color-blue" }), style: "BLUE" },
|
12
|
-
{ label: React.createElement("span", { className: "color-orange" }), style: "ORANGE" },
|
13
|
-
{ label: React.createElement("span", { className: "color-green" }), style: "GREEN" }
|
14
|
-
];
|
15
|
-
return (React.createElement("div", { className: "richEditor-controls" }, INLINE_STYLES.map(type => (React.createElement(StyleButton, { key: type.style, active: currentStyle.has(type.style), label: type.label, onToggle: props.onToggle, style: type.style })))));
|
16
|
-
};
|
17
|
-
export default InlineStyleControls;
|
18
|
-
//# sourceMappingURL=InlineStyleControls.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"InlineStyleControls.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/InlineStyleControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,mBAAmB,GAAG,CAAC,KAAU,EAAE,EAAE;IAC1C,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,qBAAqB,EAAE,CAAC;IAC/D,MAAM,aAAa,GAAG;QACrB,EAAE,KAAK,EAAE,8BAAM,SAAS,EAAC,WAAW,QAAS,EAAE,KAAK,EAAE,MAAM,EAAE;QAC9D,EAAE,KAAK,EAAE,8BAAM,SAAS,EAAC,cAAc,QAAS,EAAE,KAAK,EAAE,QAAQ,EAAE;QACnE,EAAE,KAAK,EAAE,8BAAM,SAAS,EAAC,iBAAiB,QAAS,EAAE,KAAK,EAAE,WAAW,EAAE;QACzE,yCAAyC;QACzC,EAAE,KAAK,EAAE,8BAAM,SAAS,EAAC,WAAW,GAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;QAC5D,EAAE,KAAK,EAAE,8BAAM,SAAS,EAAC,YAAY,GAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAC9D,EAAE,KAAK,EAAE,8BAAM,SAAS,EAAC,cAAc,GAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QAClE,EAAE,KAAK,EAAE,8BAAM,SAAS,EAAC,aAAa,GAAQ,EAAE,KAAK,EAAE,OAAO,EAAE;KAChE,CAAC;IACF,OAAO,CACN,6BAAK,SAAS,EAAC,qBAAqB,IAClC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC1B,oBAAC,WAAW,IACX,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EACpC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,GAChB,CACF,CAAC,CACG,CACN,CAAC;AACH,CAAC,CAAC;AACF,eAAe,mBAAmB,CAAC"}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import React from "react";
|
2
|
-
const StyleButton = (props) => {
|
3
|
-
let className = "richEditor-styleButton";
|
4
|
-
if (props.active) {
|
5
|
-
className += " richEditor-activeButton";
|
6
|
-
}
|
7
|
-
const onToggle = (e) => {
|
8
|
-
e.preventDefault();
|
9
|
-
props.onToggle(props.style);
|
10
|
-
};
|
11
|
-
return (React.createElement("span", { className: className, onMouseDown: onToggle }, props.label));
|
12
|
-
};
|
13
|
-
export default StyleButton;
|
14
|
-
//# sourceMappingURL=StyleButton.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"StyleButton.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/StyleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;IAClC,IAAI,SAAS,GAAG,wBAAwB,CAAC;IACzC,IAAI,KAAK,CAAC,MAAM,EAAE;QACjB,SAAS,IAAI,0BAA0B,CAAC;KACxC;IACD,MAAM,QAAQ,GAAG,CAAC,CAAM,EAAE,EAAE;QAC3B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IACF,OAAO,CACN,8BAAM,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,IAC/C,KAAK,CAAC,KAAK,CACN,CACP,CAAC;AACH,CAAC,CAAC;AACF,eAAe,WAAW,CAAC"}
|
@@ -1,23 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import "./index.less";
|
3
|
-
declare const RichTextEditor: {
|
4
|
-
(props: {
|
5
|
-
placeholder?: any;
|
6
|
-
readOnly?: boolean | undefined;
|
7
|
-
defaultValue?: any;
|
8
|
-
content?: any;
|
9
|
-
editable?: boolean | undefined;
|
10
|
-
toolbar?: boolean | undefined;
|
11
|
-
btn?: boolean | undefined;
|
12
|
-
minHeight?: number | undefined;
|
13
|
-
onChange?: ((v: any) => void) | undefined;
|
14
|
-
onSave?: ((v: any) => void) | undefined;
|
15
|
-
}): JSX.Element;
|
16
|
-
defaultProps: {
|
17
|
-
editable: boolean;
|
18
|
-
toolbar: boolean;
|
19
|
-
btn: boolean;
|
20
|
-
minHeight: number;
|
21
|
-
};
|
22
|
-
};
|
23
|
-
export default RichTextEditor;
|