@voplus/morpho-workspace 1.0.0-dev46 → 1.0.0-dev48
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/board/BoardColumnStore.d.ts +11 -0
- package/es/data/board/BoardColumnStore.js +17 -0
- package/es/data/board/BoardColumnStore.js.map +1 -0
- package/es/data/board/BoardStore.d.ts +0 -10
- package/es/data/board/BoardStore.js +1 -23
- package/es/data/board/BoardStore.js.map +1 -1
- package/es/data/board/hooks.d.ts +6 -1
- package/es/data/board/hooks.js +14 -3
- package/es/data/board/hooks.js.map +1 -1
- package/es/data/board/interfaces.d.ts +1 -13
- package/es/data/meeting/AgendaStore.js +1 -1
- package/es/data/meeting/AgendaStore.js.map +1 -1
- package/es/data/meeting/MeetingStore.js +1 -1
- package/es/data/meeting/MeetingStore.js.map +1 -1
- package/es/data/task/TaskStore.js +1 -1
- package/es/data/task/TaskStore.js.map +1 -1
- package/es/modules/BoardView/components/BoardColumn/index.js +1 -1
- package/es/modules/BoardView/components/BoardColumn/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/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 +2 -1
- package/es/modules/meeting/components/AgendaList/index.js.map +1 -1
- package/es/modules/meeting/components/MeetingHeader/index.js +15 -10
- package/es/modules/meeting/components/MeetingHeader/index.js.map +1 -1
- package/es/modules/meeting/components/MeetingItem/index.js +1 -1
- package/es/modules/meeting/components/MeetingItem/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 +1 -1
- package/es/modules/meeting/pages/MeetingTabView/index.js.map +1 -1
- package/es/modules/tasks/components/SubTaskList/index.js +3 -3
- package/es/modules/tasks/components/SubTaskList/index.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/TaskItem/TaskItem.d.ts +1 -0
- package/es/modules/tasks/components/TaskItem/TaskItem.js +38 -23
- package/es/modules/tasks/components/TaskItem/TaskItem.js.map +1 -1
- package/es/modules/tasks/components/TaskItem/index.less +1 -2
- package/es/modules/tasks/pages/TaskList/index.js +2 -1
- package/es/modules/tasks/pages/TaskList/index.js.map +1 -1
- package/es/modules/tasks/pages/TaskTabView/index.js +26 -50
- 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 +24 -24
- 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
@@ -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;
|
@@ -1,133 +0,0 @@
|
|
1
|
-
import { faRedo, faSave, faUndo } from "@fortawesome/pro-light-svg-icons";
|
2
|
-
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
3
|
-
import { Button, Spin, Tooltip, Icon } from "@voplus/antd";
|
4
|
-
import { ContentState, convertFromHTML, convertFromRaw, convertToRaw, Editor, EditorState, getDefaultKeyBinding, RichUtils } from "draft-js";
|
5
|
-
import React, { useEffect, useRef, useState } from "react";
|
6
|
-
import BlockStyleControls from "./BlockStyleControls";
|
7
|
-
import InlineStyleControls from "./InlineStyleControls";
|
8
|
-
import StyleButton from "./StyleButton";
|
9
|
-
import { useObserver } from "mobx-react-lite";
|
10
|
-
import "./index.less";
|
11
|
-
const RichTextEditor = (props) => {
|
12
|
-
const blocksFromHTML = convertFromHTML(props.content);
|
13
|
-
const [editorState, setEditorState] = React.useState(EditorState.createEmpty());
|
14
|
-
const [placeholder, setPlaceholder] = useState(props.placeholder);
|
15
|
-
const [edit, setEdit] = useState();
|
16
|
-
const content = props.content
|
17
|
-
? EditorState.createWithContent(props.content.indexOf("{") > -1
|
18
|
-
? convertFromRaw(JSON.parse(props.content))
|
19
|
-
: ContentState.createFromBlockArray(blocksFromHTML.contentBlocks, blocksFromHTML.entityMap))
|
20
|
-
: EditorState.createEmpty();
|
21
|
-
useEffect(() => {
|
22
|
-
setEdit(false);
|
23
|
-
setPlaceholder(props.placeholder);
|
24
|
-
setEditorState(content);
|
25
|
-
}, [props.defaultValue]);
|
26
|
-
const [loading, setLoading] = useState(false);
|
27
|
-
const editor = useRef(null);
|
28
|
-
const getBlockStyle = (block) => {
|
29
|
-
switch (block.getType()) {
|
30
|
-
case "blockquote":
|
31
|
-
return "richEditor-blockquote";
|
32
|
-
default:
|
33
|
-
return "";
|
34
|
-
}
|
35
|
-
};
|
36
|
-
const handleKeyCommand = (command, editorState) => {
|
37
|
-
const newState = RichUtils.handleKeyCommand(editorState, command);
|
38
|
-
if (newState) {
|
39
|
-
onChange(newState);
|
40
|
-
return true;
|
41
|
-
}
|
42
|
-
return false;
|
43
|
-
};
|
44
|
-
const mapKeyToEditorCommand = (e) => {
|
45
|
-
if (e.keyCode === 27 /* Esc */)
|
46
|
-
clear();
|
47
|
-
if (e.keyCode === 9 /* TAB */) {
|
48
|
-
const newEditorState = RichUtils.onTab(e, editorState, 4 /* maxDepth */);
|
49
|
-
if (newEditorState !== editorState) {
|
50
|
-
onChange(newEditorState);
|
51
|
-
}
|
52
|
-
return;
|
53
|
-
}
|
54
|
-
return getDefaultKeyBinding(e);
|
55
|
-
};
|
56
|
-
const toggleBlockType = (blockType) => {
|
57
|
-
onChange(RichUtils.toggleBlockType(editorState, blockType));
|
58
|
-
};
|
59
|
-
const toggleInlineStyle = (inlineStyle) => {
|
60
|
-
onChange(RichUtils.toggleInlineStyle(editorState, inlineStyle));
|
61
|
-
};
|
62
|
-
const styleMap = {
|
63
|
-
RED: { color: "#e24" },
|
64
|
-
BLUE: { color: "#39f" },
|
65
|
-
ORANGE: { color: "#f93" },
|
66
|
-
GREEN: { color: "#3a6" }
|
67
|
-
};
|
68
|
-
let className = "richEditor-editor";
|
69
|
-
const contentState = editorState.getCurrentContent();
|
70
|
-
if (!contentState.hasText()) {
|
71
|
-
if (contentState
|
72
|
-
.getBlockMap()
|
73
|
-
.first()
|
74
|
-
.getType() !== "unstyled") {
|
75
|
-
className += " richEditor-hidePlaceholder";
|
76
|
-
}
|
77
|
-
}
|
78
|
-
const undo = () => {
|
79
|
-
onChange(EditorState.undo(editorState));
|
80
|
-
};
|
81
|
-
const redo = () => {
|
82
|
-
onChange(EditorState.redo(editorState));
|
83
|
-
};
|
84
|
-
const focus = () => {
|
85
|
-
setPlaceholder("");
|
86
|
-
editor.current.focus();
|
87
|
-
};
|
88
|
-
const a = () => {
|
89
|
-
setEdit(!edit);
|
90
|
-
setPlaceholder("");
|
91
|
-
};
|
92
|
-
const onChange = (editorState) => {
|
93
|
-
setEditorState(editorState);
|
94
|
-
if (props.onChange)
|
95
|
-
props.onChange(JSON.stringify(convertToRaw(contentState)));
|
96
|
-
};
|
97
|
-
const save = async () => {
|
98
|
-
setLoading(true);
|
99
|
-
await props.onSave(JSON.stringify(convertToRaw(contentState)));
|
100
|
-
setLoading(false);
|
101
|
-
setEdit(false);
|
102
|
-
};
|
103
|
-
const clear = () => {
|
104
|
-
onChange(content);
|
105
|
-
setEdit(false);
|
106
|
-
setPlaceholder(props.placeholder);
|
107
|
-
};
|
108
|
-
const { readOnly, editable, toolbar, btn, minHeight } = props;
|
109
|
-
return useObserver(() => (React.createElement(React.Fragment, null, editable || edit ? (React.createElement("div", { className: "rich-text-editor" },
|
110
|
-
React.createElement(Spin, { spinning: loading && !btn, indicator: React.createElement(Icon, { type: "loading" }) },
|
111
|
-
React.createElement("div", { className: "richEditor-root" },
|
112
|
-
toolbar && (React.createElement("div", { className: "richEditor-toolbar" },
|
113
|
-
React.createElement("div", { className: "richEditor-controls" },
|
114
|
-
React.createElement(StyleButton, { label: React.createElement(FAIcon, { icon: faUndo }), onToggle: undo }),
|
115
|
-
React.createElement(StyleButton, { label: React.createElement(FAIcon, { icon: faRedo }), onToggle: redo })),
|
116
|
-
React.createElement(InlineStyleControls, { editorState: editorState, onToggle: toggleInlineStyle }),
|
117
|
-
React.createElement(BlockStyleControls, { editorState: editorState, onToggle: toggleBlockType }),
|
118
|
-
React.createElement(StyleButton, { label: React.createElement(Tooltip, { title: "Save" },
|
119
|
-
React.createElement(FAIcon, { icon: faSave })), onToggle: () => save() }))),
|
120
|
-
React.createElement("div", { className: className, onClick: focus, style: { minHeight: minHeight } },
|
121
|
-
React.createElement(Editor, { readOnly: readOnly, blockStyleFn: getBlockStyle, customStyleMap: styleMap, editorState: editorState, handleKeyCommand: handleKeyCommand.bind(event), keyBindingFn: mapKeyToEditorCommand.bind(event), onChange: onChange, placeholder: placeholder, ref: editor, spellCheck: true }))),
|
122
|
-
btn && (React.createElement("div", { className: "rich-text-editor-btn" },
|
123
|
-
!editable && (React.createElement(Button, { type: "default", onClick: clear }, "Cancel")),
|
124
|
-
React.createElement(Button, { type: "primary", loading: loading, onClick: save }, "Save")))))) : (React.createElement("div", { className: "readonly-editor", onClick: a }, contentState.hasText() ? (React.createElement(Editor, { editorState: editorState, customStyleMap: styleMap, readOnly: true, onChange: () => { } })) : (placeholder))))));
|
125
|
-
};
|
126
|
-
RichTextEditor.defaultProps = {
|
127
|
-
editable: true,
|
128
|
-
toolbar: true,
|
129
|
-
btn: true,
|
130
|
-
minHeight: 80
|
131
|
-
};
|
132
|
-
export default RichTextEditor;
|
133
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/index.tsx"],"names":[],"mappings":"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"}
|
@@ -1,96 +0,0 @@
|
|
1
|
-
:global {
|
2
|
-
.richEditor-root {
|
3
|
-
background: #fff;
|
4
|
-
border: 1px solid #ddd;
|
5
|
-
font-size: 14px;
|
6
|
-
.richEditor-toolbar {
|
7
|
-
padding: 0 15px;
|
8
|
-
}
|
9
|
-
.richEditor-editor {
|
10
|
-
padding: 0 15px;
|
11
|
-
border-top: 1px solid #ddd;
|
12
|
-
cursor: text;
|
13
|
-
font-size: 16px;
|
14
|
-
.public-DraftEditorPlaceholder-root,
|
15
|
-
.public-DraftEditor-content {
|
16
|
-
margin: 0 -15px;
|
17
|
-
padding: 15px;
|
18
|
-
}
|
19
|
-
.richEditor-blockquote {
|
20
|
-
// color: #333;
|
21
|
-
// font-style: italic;
|
22
|
-
margin: 15px 0;
|
23
|
-
}
|
24
|
-
|
25
|
-
.public-DraftStyleDefault-pre {
|
26
|
-
background-color: rgba(0, 0, 0, 0.05);
|
27
|
-
font-size: 16px;
|
28
|
-
padding: 20px;
|
29
|
-
}
|
30
|
-
}
|
31
|
-
.richEditor-hidePlaceholder .public-DraftEditorPlaceholder-root {
|
32
|
-
display: none;
|
33
|
-
}
|
34
|
-
|
35
|
-
.richEditor-controls {
|
36
|
-
display: inline-block;
|
37
|
-
padding: 8px 0;
|
38
|
-
font-size: 14px;
|
39
|
-
margin-right: 15px;
|
40
|
-
user-select: none;
|
41
|
-
// border-right: 1px #ddd solid;
|
42
|
-
.color-bld {
|
43
|
-
font-weight: bold;
|
44
|
-
}
|
45
|
-
.color-italic {
|
46
|
-
font-weight: italic;
|
47
|
-
}
|
48
|
-
.color-underline {
|
49
|
-
text-decoration: underline;
|
50
|
-
}
|
51
|
-
.color-red,
|
52
|
-
.color-orange,
|
53
|
-
.color-blue,
|
54
|
-
.color-green {
|
55
|
-
display: inline-block;
|
56
|
-
width: 10px;
|
57
|
-
height: 10px;
|
58
|
-
}
|
59
|
-
.color-red {
|
60
|
-
background: #e24;
|
61
|
-
}
|
62
|
-
.color-orange {
|
63
|
-
background: #f93;
|
64
|
-
}
|
65
|
-
.color-blue {
|
66
|
-
background: #39f;
|
67
|
-
}
|
68
|
-
.color-green {
|
69
|
-
background: #3a6;
|
70
|
-
}
|
71
|
-
&:last-child {
|
72
|
-
border-right: 0;
|
73
|
-
margin-right: 0;
|
74
|
-
}
|
75
|
-
}
|
76
|
-
|
77
|
-
.richEditor-styleButton {
|
78
|
-
display: inline-block;
|
79
|
-
margin-right: 15px;
|
80
|
-
color: #333;
|
81
|
-
cursor: pointer;
|
82
|
-
font-weight: 500;
|
83
|
-
}
|
84
|
-
|
85
|
-
.richEditor-activeButton {
|
86
|
-
color: #5890ff;
|
87
|
-
}
|
88
|
-
}
|
89
|
-
|
90
|
-
.rich-text-editor-btn {
|
91
|
-
padding: 10px 0;
|
92
|
-
.ant-btn + .ant-btn {
|
93
|
-
margin-left: 10px;
|
94
|
-
}
|
95
|
-
}
|
96
|
-
}
|
@@ -1,63 +0,0 @@
|
|
1
|
-
import React, { useState } from "react";
|
2
|
-
import { Button, Checkbox, Dropdown, Icon, Row } from "@voplus/antd";
|
3
|
-
import { useObserver } from "mobx-react-lite";
|
4
|
-
import styles from "./index.less";
|
5
|
-
import { State } from "./state";
|
6
|
-
const SortViewDropdown = (props) => {
|
7
|
-
const [state] = useState(new State());
|
8
|
-
// const [visible, setVisible] = useState(false);
|
9
|
-
const options = [
|
10
|
-
// { label: "Groups", value: "Groups" },
|
11
|
-
{ label: "Name", value: "Name" },
|
12
|
-
// { label: "Status", value: "Status" },
|
13
|
-
{ label: "Start Date", value: "StartDate" },
|
14
|
-
{ label: "Due Date", value: "DueDate" }
|
15
|
-
];
|
16
|
-
const onSortByFilter = () => {
|
17
|
-
state.data.Direction = state.data.Direction === "Asc" ? "Desc" : "Asc";
|
18
|
-
console.log(state.data);
|
19
|
-
if (props.onChange)
|
20
|
-
props.onChange(state.data);
|
21
|
-
// sortStore.sort(sortValue, direction === "Asc" ? "Desc" : "Asc");
|
22
|
-
};
|
23
|
-
const onChange = (checkedValue) => {
|
24
|
-
const value = checkedValue.length === 1
|
25
|
-
? checkedValue
|
26
|
-
: checkedValue.filter(value => value !== state.data.Sort);
|
27
|
-
// setVisible(true);
|
28
|
-
state.data.Sort = value[0];
|
29
|
-
state.data.Direction = state.data.Direction || "Asc";
|
30
|
-
if (props.onChange)
|
31
|
-
props.onChange(state.data);
|
32
|
-
};
|
33
|
-
// const handleVisibleChange = (flag: any) => {
|
34
|
-
// setVisible(flag);
|
35
|
-
// };
|
36
|
-
const reset = () => {
|
37
|
-
state.reset();
|
38
|
-
if (props.onReset)
|
39
|
-
props.onReset();
|
40
|
-
console.log("reset");
|
41
|
-
};
|
42
|
-
const overlay = useObserver(() => (React.createElement("div", { className: styles["sort-view-dropdown"] },
|
43
|
-
React.createElement("h4", null, "Sorting By"),
|
44
|
-
React.createElement(Checkbox.Group, { value: [state.data.Sort || ""], options: options, onChange: onChange }),
|
45
|
-
React.createElement(Row, { type: "flex", justify: "end", className: "sort-view-bottom" },
|
46
|
-
React.createElement(Button, { type: "link", onClick: reset }, "Reset")))));
|
47
|
-
const option = options.find(o => o.value === state.data.Sort);
|
48
|
-
return useObserver(() => (React.createElement("span", { className: styles["sort-menu"] },
|
49
|
-
option && React.createElement("span", { onClick: onSortByFilter }, option.label),
|
50
|
-
React.createElement("span", { className: "sort-icon", onClick: onSortByFilter },
|
51
|
-
React.createElement(Icon, { type: "caret-up", className: "sort-up" + (state.data.Direction === "Asc" ? " on" : "") }),
|
52
|
-
React.createElement(Icon, { type: "caret-down", className: "sort-down" + (state.data.Direction === "Desc" ? " on" : "") })),
|
53
|
-
React.createElement(Dropdown
|
54
|
-
// visible={visible}
|
55
|
-
// onVisibleChange={handleVisibleChange}
|
56
|
-
, {
|
57
|
-
// visible={visible}
|
58
|
-
// onVisibleChange={handleVisibleChange}
|
59
|
-
overlay: overlay, trigger: ["click"] },
|
60
|
-
React.createElement(Icon, { type: "down", className: "more-menu" })))));
|
61
|
-
};
|
62
|
-
export default SortViewDropdown;
|
63
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/SortViewDropdown/index.tsx"],"names":[],"mappings":"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"}
|
@@ -1,63 +0,0 @@
|
|
1
|
-
@import "~@voplus/antd/es/style/themes/default.less";
|
2
|
-
.sort-view-dropdown {
|
3
|
-
background: #fff;
|
4
|
-
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
5
|
-
:global {
|
6
|
-
h4 {
|
7
|
-
padding: 10px 15px;
|
8
|
-
font-weight: bold;
|
9
|
-
}
|
10
|
-
.ant-checkbox-group {
|
11
|
-
// display: block;
|
12
|
-
padding: 0px 20px;
|
13
|
-
.ant-checkbox-group-item {
|
14
|
-
display: block;
|
15
|
-
margin-bottom: 10px;
|
16
|
-
font-size: 13px;
|
17
|
-
}
|
18
|
-
}
|
19
|
-
.sort-view-bottom {
|
20
|
-
border-top: 1px solid #ebeef5;
|
21
|
-
// margin-top: 10px;
|
22
|
-
padding: 0 15px;
|
23
|
-
.ant-btn {
|
24
|
-
padding: 0 5px;
|
25
|
-
}
|
26
|
-
.default {
|
27
|
-
color: #606266;
|
28
|
-
}
|
29
|
-
}
|
30
|
-
}
|
31
|
-
}
|
32
|
-
.sort-menu {
|
33
|
-
padding: 2px 3px;
|
34
|
-
border: 1px solid #d9d9dd;
|
35
|
-
border-radius: 4px;
|
36
|
-
font-size: 12px;
|
37
|
-
:global {
|
38
|
-
.sort-icon {
|
39
|
-
display: table-cell;
|
40
|
-
vertical-align: middle;
|
41
|
-
height: 14px;
|
42
|
-
transition: all 0.3s;
|
43
|
-
cursor: pointer;
|
44
|
-
padding-left: 3px;
|
45
|
-
.sort-up,
|
46
|
-
.sort-down {
|
47
|
-
display: block;
|
48
|
-
height: 7px;
|
49
|
-
font-size: 12px;
|
50
|
-
transition: all 0.3s;
|
51
|
-
}
|
52
|
-
.on {
|
53
|
-
color: @primary-color;
|
54
|
-
}
|
55
|
-
}
|
56
|
-
.more-menu {
|
57
|
-
border-left: 1px solid #d9d9dd;
|
58
|
-
padding-left: 5px;
|
59
|
-
margin-left: 5px;
|
60
|
-
font-size: 12px;
|
61
|
-
}
|
62
|
-
}
|
63
|
-
}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { action, observable } from "mobx";
|
3
|
-
export class State {
|
4
|
-
constructor() {
|
5
|
-
this.data = {};
|
6
|
-
this.label = "";
|
7
|
-
}
|
8
|
-
reset() {
|
9
|
-
this.data = {};
|
10
|
-
}
|
11
|
-
}
|
12
|
-
__decorate([
|
13
|
-
observable
|
14
|
-
], State.prototype, "data", void 0);
|
15
|
-
__decorate([
|
16
|
-
observable
|
17
|
-
], State.prototype, "label", void 0);
|
18
|
-
__decorate([
|
19
|
-
action
|
20
|
-
], State.prototype, "reset", null);
|
21
|
-
//# sourceMappingURL=state.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/controls/SortViewDropdown/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE1C,MAAM,OAAO,KAAK;IAAlB;QAEQ,SAAI,GAAmB,EAAE,CAAC;QAE1B,UAAK,GAAW,EAAE,CAAC;IAM3B,CAAC;IAHO,KAAK;QACX,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IAChB,CAAC;CACD;AARA;IADC,UAAU;mCACsB;AAEjC;IADC,UAAU;oCACe;AAG1B;IADC,MAAM;kCAGN"}
|