@voplus/morpho-workspace 1.0.0-dev46 → 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.
Files changed (81) hide show
  1. package/es/components/ToolBar/index.d.ts +1 -0
  2. package/es/components/ToolBar/index.js +4 -2
  3. package/es/components/ToolBar/index.js.map +1 -1
  4. package/es/controls/DocumentStatusLabel/index.js +1 -1
  5. package/es/controls/DocumentStatusLabel/index.js.map +1 -1
  6. package/es/modules/BoardView/components/TaskList/index.js.map +1 -1
  7. package/es/modules/BoardView/pages/BoardViewList/index.js +0 -2
  8. package/es/modules/BoardView/pages/BoardViewList/index.js.map +1 -1
  9. package/es/modules/document/pages/DocumentListView/index.js +1 -1
  10. package/es/modules/document/pages/DocumentListView/index.js.map +1 -1
  11. package/es/modules/meeting/MeetingRoutes.d.ts +6 -0
  12. package/es/modules/meeting/MeetingRoutes.js +19 -6
  13. package/es/modules/meeting/MeetingRoutes.js.map +1 -1
  14. package/es/modules/meeting/components/AgendaList/AgendaItem/components/TaskList/index.js +4 -3
  15. package/es/modules/meeting/components/AgendaList/AgendaItem/components/TaskList/index.js.map +1 -1
  16. package/es/modules/meeting/components/AgendaList/AgendaItem/index.d.ts +2 -7
  17. package/es/modules/meeting/components/AgendaList/AgendaItem/index.js +17 -15
  18. package/es/modules/meeting/components/AgendaList/AgendaItem/index.js.map +1 -1
  19. package/es/modules/meeting/components/AgendaList/AgendaItem/state.d.ts +7 -0
  20. package/es/modules/meeting/components/AgendaList/AgendaItem/state.js.map +1 -1
  21. package/es/modules/meeting/components/AgendaList/index.js +2 -1
  22. package/es/modules/meeting/components/AgendaList/index.js.map +1 -1
  23. package/es/modules/meeting/components/MeetingHeader/index.js +15 -10
  24. package/es/modules/meeting/components/MeetingHeader/index.js.map +1 -1
  25. package/es/modules/meeting/components/MeetingItem/index.js +1 -1
  26. package/es/modules/meeting/components/MeetingItem/index.js.map +1 -1
  27. package/es/modules/meeting/pages/MeetingList/index.js +1 -1
  28. package/es/modules/meeting/pages/MeetingList/index.js.map +1 -1
  29. package/es/modules/meeting/pages/MeetingPrintView/index.d.ts +4 -0
  30. package/es/modules/meeting/pages/MeetingPrintView/index.js +54 -0
  31. package/es/modules/meeting/pages/MeetingPrintView/index.js.map +1 -0
  32. package/es/modules/meeting/pages/MeetingPrintView/index.less +0 -0
  33. package/es/modules/meeting/pages/MeetingTabView/index.js +1 -1
  34. package/es/modules/meeting/pages/MeetingTabView/index.js.map +1 -1
  35. package/es/modules/tasks/components/SubTaskList/index.js +3 -3
  36. package/es/modules/tasks/components/SubTaskList/index.js.map +1 -1
  37. package/es/modules/tasks/components/TaskDescription/index.js +9 -9
  38. package/es/modules/tasks/components/TaskDescription/index.js.map +1 -1
  39. package/es/modules/tasks/components/TaskItem/TaskItem.d.ts +1 -0
  40. package/es/modules/tasks/components/TaskItem/TaskItem.js +38 -23
  41. package/es/modules/tasks/components/TaskItem/TaskItem.js.map +1 -1
  42. package/es/modules/tasks/components/TaskItem/index.less +1 -2
  43. package/es/modules/tasks/pages/TaskList/index.js +2 -1
  44. package/es/modules/tasks/pages/TaskList/index.js.map +1 -1
  45. package/es/modules/tasks/pages/TaskTabView/index.js +26 -50
  46. package/es/modules/tasks/pages/TaskTabView/index.js.map +1 -1
  47. package/es/modules/tasks/pages/TaskTabView/index.less +1 -12
  48. package/es/modules/workspaces/components/ListHeard/index.js +1 -3
  49. package/es/modules/workspaces/components/ListHeard/index.js.map +1 -1
  50. package/package.json +2 -2
  51. package/es/components/PageListView/index.d.ts +0 -15
  52. package/es/components/PageListView/index.js +0 -50
  53. package/es/components/PageListView/index.js.map +0 -1
  54. package/es/components/PageListView/index.less +0 -7
  55. package/es/components/PageListView/state.d.ts +0 -9
  56. package/es/components/PageListView/state.js +0 -36
  57. package/es/components/PageListView/state.js.map +0 -1
  58. package/es/components/RichTextEditor/BlockStyleControls.d.ts +0 -3
  59. package/es/components/RichTextEditor/BlockStyleControls.js +0 -27
  60. package/es/components/RichTextEditor/BlockStyleControls.js.map +0 -1
  61. package/es/components/RichTextEditor/InlineStyleControls.d.ts +0 -3
  62. package/es/components/RichTextEditor/InlineStyleControls.js +0 -18
  63. package/es/components/RichTextEditor/InlineStyleControls.js.map +0 -1
  64. package/es/components/RichTextEditor/StyleButton.d.ts +0 -3
  65. package/es/components/RichTextEditor/StyleButton.js +0 -14
  66. package/es/components/RichTextEditor/StyleButton.js.map +0 -1
  67. package/es/components/RichTextEditor/index.d.ts +0 -23
  68. package/es/components/RichTextEditor/index.js +0 -133
  69. package/es/components/RichTextEditor/index.js.map +0 -1
  70. package/es/components/RichTextEditor/index.less +0 -96
  71. package/es/controls/SortViewDropdown/index.d.ts +0 -6
  72. package/es/controls/SortViewDropdown/index.js +0 -63
  73. package/es/controls/SortViewDropdown/index.js.map +0 -1
  74. package/es/controls/SortViewDropdown/index.less +0 -63
  75. package/es/controls/SortViewDropdown/state.d.ts +0 -6
  76. package/es/controls/SortViewDropdown/state.js +0 -21
  77. package/es/controls/SortViewDropdown/state.js.map +0 -1
  78. package/es/controls/cc/index.d.ts +0 -3
  79. package/es/controls/cc/index.js +0 -84
  80. package/es/controls/cc/index.js.map +0 -1
  81. package/es/controls/cc/index.less +0 -64
@@ -5,18 +5,7 @@
5
5
  height: 100%;
6
6
  background: #fff;
7
7
  :global {
8
- .task-tab-view_header {
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 && (React.createElement("span", null,
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,gBAAgB,MAAM,uCAAuC,CAAC;AACrE,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,CACR;gBACC,oBAAC,gBAAgB,OAAG,CACd,CACP;YACA,IAAI,IAAI,CACR;gBACC,oBAAC,kBAAkB,OAAG,CAChB,CACP,CACI,CACD,CACN,CAAC;AACH,CAAC,CAAC"}
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-dev46",
3
+ "version": "1.0.0-dev47",
4
4
  "description": "morpho workspace module",
5
5
  "repository": {
6
6
  "type": "git",
@@ -66,7 +66,7 @@
66
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-dev077",
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",
@@ -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,7 +0,0 @@
1
- .page-list-view_loading {
2
- padding-top: 20px;
3
- text-align: center;
4
- }
5
- .page-list-view-empty {
6
- padding: 10px 0;
7
- }
@@ -1,9 +0,0 @@
1
- export default class State {
2
- list: any[];
3
- data: any[];
4
- page: number;
5
- pageSize: number;
6
- noDataTip: boolean;
7
- loading: boolean;
8
- hasMore: boolean;
9
- }
@@ -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,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const BlockStyleControls: (props: any) => JSX.Element;
3
- export default BlockStyleControls;
@@ -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,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const InlineStyleControls: (props: any) => JSX.Element;
3
- export default InlineStyleControls;
@@ -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,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const StyleButton: (props: any) => JSX.Element;
3
- export default StyleButton;
@@ -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,6 +0,0 @@
1
- /// <reference types="react" />
2
- declare const SortViewDropdown: (props: {
3
- onChange?: ((params?: any) => void) | undefined;
4
- onReset?: (() => void) | undefined;
5
- }) => JSX.Element;
6
- export default SortViewDropdown;
@@ -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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"}