@voplus/morpho-document 1.0.0-dev209 → 1.0.0-dev212
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/changelog.md +1 -0
- package/es/components/ActivityLog/index.js +21 -7
- package/es/components/ActivityLog/index.js.map +1 -1
- package/es/components/ActivityLog/state.d.ts +1 -0
- package/es/components/ActivityLog/state.js +8 -2
- package/es/components/ActivityLog/state.js.map +1 -1
- package/es/components/DocumentName/index.js +6 -1
- package/es/components/DocumentName/index.js.map +1 -1
- package/es/components/FileViewer/FileViewer.js +6 -1
- package/es/components/FileViewer/FileViewer.js.map +1 -1
- package/es/components/FileViewer/VideoViewer.d.ts +6 -0
- package/es/components/FileViewer/VideoViewer.js +11 -0
- package/es/components/FileViewer/VideoViewer.js.map +1 -0
- package/package.json +8 -8
package/changelog.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Popover, Timeline } from "@voplus/antd";
|
|
2
2
|
import React, { useState } from "react";
|
|
3
3
|
import { State, getActionIcon, getActionIconColor } from "./state";
|
|
4
|
-
import { faClone, faFilePlus, faPencilAlt, faTrashAlt, faUpload } from "@fortawesome/pro-light-svg-icons";
|
|
4
|
+
import { faClone, faFileMinus, faFilePlus, faPencilAlt, faTrashAlt, faUpload } from "@fortawesome/pro-light-svg-icons";
|
|
5
5
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
6
6
|
import PageListView from "@voplus/morpho-ui/es/controls/PageListView";
|
|
7
7
|
import classnames from "classnames";
|
|
@@ -11,7 +11,7 @@ import { localFormat } from "../../data/contexts/StoreContext";
|
|
|
11
11
|
import styles from "./index.less";
|
|
12
12
|
import { useDocumentActivityListEffect } from "../../data";
|
|
13
13
|
import { useObserver } from "mobx-react-lite";
|
|
14
|
-
library.add(faPencilAlt, faTrashAlt, faClone, faFilePlus, faUpload);
|
|
14
|
+
library.add(faPencilAlt, faTrashAlt, faClone, faFilePlus, faUpload, faFileMinus);
|
|
15
15
|
const ActivityLog = (props) => {
|
|
16
16
|
const { id } = props;
|
|
17
17
|
const [state] = useState(new State());
|
|
@@ -25,9 +25,9 @@ const ActivityLog = (props) => {
|
|
|
25
25
|
}, {
|
|
26
26
|
Page: { Page: state.page, PageSize: 50 }
|
|
27
27
|
});
|
|
28
|
-
const dotElement = (
|
|
29
|
-
return (React.createElement("span", { className: "dot-icon", style: { borderColor: getActionIconColor(action) } },
|
|
30
|
-
React.createElement(FAIcon, { icon: getActionIcon(
|
|
28
|
+
const dotElement = (log, avatar) => {
|
|
29
|
+
return (React.createElement("span", { className: "dot-icon", style: { borderColor: getActionIconColor(log.action) } },
|
|
30
|
+
React.createElement(FAIcon, { icon: getActionIcon(log), color: getActionIconColor(log.action) })));
|
|
31
31
|
};
|
|
32
32
|
const tryRenderTargetObjects = (objects) => {
|
|
33
33
|
return (objects &&
|
|
@@ -49,12 +49,26 @@ const ActivityLog = (props) => {
|
|
|
49
49
|
return useObserver(() => (
|
|
50
50
|
// <div className={classnames(styles["activity-log"], props.className)}>
|
|
51
51
|
React.createElement(PageListView, { data: state.activitys, loading: !!state.loading, loadMore: loadData, page: state.page, pageSize: 50 }, (list) => (React.createElement(Timeline, { className: styles["activity-log"] }, list.length &&
|
|
52
|
-
list.map((item) => (React.createElement(Timeline.Item, { key: item
|
|
52
|
+
list.map((item) => (React.createElement(Timeline.Item, { key: item["id"], dot: dotElement(item, item["avatar"]) },
|
|
53
53
|
React.createElement("div", null,
|
|
54
54
|
React.createElement("span", { className: "user-name" }, item.subject.name ? item.subject.name : ""),
|
|
55
55
|
React.createElement("span", { className: "action" }, item.action),
|
|
56
56
|
tryRenderTargetObjects(item.targetObjects),
|
|
57
|
-
tryRenderPropertyObjects(item.propertyObjects)
|
|
57
|
+
tryRenderPropertyObjects(item.propertyObjects),
|
|
58
|
+
item.source && (React.createElement("span", null,
|
|
59
|
+
React.createElement("strong", null, " from "),
|
|
60
|
+
" ",
|
|
61
|
+
React.createElement("span", null,
|
|
62
|
+
getTypeIcon(item.source.type),
|
|
63
|
+
" ",
|
|
64
|
+
item.source.name))),
|
|
65
|
+
item.target && (React.createElement("span", null,
|
|
66
|
+
React.createElement("strong", null, " to"),
|
|
67
|
+
" ",
|
|
68
|
+
React.createElement("span", null,
|
|
69
|
+
getTypeIcon(item.target.type),
|
|
70
|
+
" ",
|
|
71
|
+
item.target.name)))),
|
|
58
72
|
React.createElement("p", { className: "date-time" }, localFormat(item.createDate, "HH:mm:ss DD MMM, YYYY"))))))))
|
|
59
73
|
// </div>
|
|
60
74
|
));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,OAAO,EAAE,QAAQ,EAAW,MAAM,cAAc,CAAC;AAKlE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EACN,OAAO,EACP,UAAU,EACV,WAAW,EACX,UAAU,EACV,QAAQ,EACR,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,YAAY,MAAM,4CAA4C,CAAC;AACtE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,6BAA6B,EAAE,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,16 +3,20 @@ import { observable } from "mobx";
|
|
|
3
3
|
export const ActivityActionType = {
|
|
4
4
|
Created: "Created",
|
|
5
5
|
Changed: "Changed",
|
|
6
|
+
Moved: "Moved",
|
|
6
7
|
Deleted: "Deleted",
|
|
7
8
|
Published: "Published"
|
|
8
9
|
};
|
|
9
|
-
export const getActionIcon = (
|
|
10
|
-
switch (action) {
|
|
10
|
+
export const getActionIcon = (log) => {
|
|
11
|
+
switch (log.action) {
|
|
11
12
|
case ActivityActionType.Created:
|
|
12
13
|
return ["fal", "file-plus"];
|
|
13
14
|
case ActivityActionType.Changed:
|
|
14
15
|
return ["fal", "pencil-alt"];
|
|
16
|
+
case ActivityActionType.Moved:
|
|
17
|
+
return log["target"] ? ["fal", "file-minus"] : ["fal", "file-plus"];
|
|
15
18
|
case ActivityActionType.Deleted:
|
|
19
|
+
``;
|
|
16
20
|
return ["fal", "trash-alt"];
|
|
17
21
|
case ActivityActionType.Published:
|
|
18
22
|
return ["fal", "upload"];
|
|
@@ -24,6 +28,8 @@ export const getActionIconColor = (action) => {
|
|
|
24
28
|
switch (action) {
|
|
25
29
|
case ActivityActionType.Created:
|
|
26
30
|
return "#765fee";
|
|
31
|
+
case ActivityActionType.Moved:
|
|
32
|
+
return "#ffca83";
|
|
27
33
|
case ActivityActionType.Changed:
|
|
28
34
|
return "#ffca83";
|
|
29
35
|
case ActivityActionType.Deleted:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,CAAC,MAAM,kBAAkB,GAAG;IACjC,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,CAAC,MAAM,kBAAkB,GAAG;IACjC,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAElB,SAAS,EAAE,WAAW;CACtB,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAQ,CAAC,GAAiB,EAAE,EAAE;IACvD,QAAQ,GAAG,CAAC,MAAM,EAAE;QACnB,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAC7B,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QAC9B,KAAK,kBAAkB,CAAC,KAAK;YAC5B,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QACrE,KAAK,kBAAkB,CAAC,OAAO;YAC9B,EAAE,CAAC;YACH,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAC7B,KAAK,kBAAkB,CAAC,SAAS;YAChC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC1B;YACC,OAAO,EAAE,CAAC;KACX;AACF,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAc,EAAE,EAAE;IACpD,QAAQ,MAAM,EAAE;QACf,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,SAAS,CAAC;QAClB,KAAK,kBAAkB,CAAC,KAAK;YAC5B,OAAO,SAAS,CAAC;QAClB,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,SAAS,CAAC;QAClB,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,SAAS,CAAC;QAClB;YACC,OAAO,EAAE,CAAC;KACX;AACF,CAAC,CAAC;AACF,MAAM,OAAO,KAAK;IAAlB;QACa,cAAS,GAAmB,EAAE,CAAC;QAC/B,SAAI,GAAG,CAAC,CAAC;QACT,YAAO,GAAG,IAAI,CAAC;IAC5B,CAAC;CAAA;AAHY;IAAX,UAAU;wCAAgC;AAC/B;IAAX,UAAU;mCAAU;AACT;IAAX,UAAU;sCAAgB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState } from "react";
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
2
|
import { useDocument, useDocumentStore, useMetaStore } from "../../data";
|
|
3
3
|
import DocumentQuickViewDialog from "../DocumentQuickViewDialog";
|
|
4
4
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
@@ -18,6 +18,11 @@ const DocumentName = (props) => {
|
|
|
18
18
|
const doc = useDocument(props.id, { includes: includes });
|
|
19
19
|
const [name, setName] = useState(doc.name);
|
|
20
20
|
const [visibleQuickView, setVisibleQuickView] = useState(false);
|
|
21
|
+
/** 新增document後按Edit名字为空 */
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
if (editable)
|
|
24
|
+
setName(doc.name);
|
|
25
|
+
}, [editable]);
|
|
21
26
|
return useObserver(() => (React.createElement(React.Fragment, null,
|
|
22
27
|
React.createElement("div", { className: classnames(styles["document-name"], props.className) },
|
|
23
28
|
showIcon && (React.createElement("div", { className: "file-type" }, doc.loaded || doc.type ? metas.getIcon(doc) : null)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentName/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentName/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import FilePreview from "./Preview";
|
|
|
2
2
|
import ImageViewer from "./ImageViewer";
|
|
3
3
|
import PDFViewer from "./PDFViewer";
|
|
4
4
|
import React from "react";
|
|
5
|
+
import VideoViewer from "./VideoViewer";
|
|
5
6
|
import WOPIViewer from "./WOPIViewer";
|
|
6
7
|
import { useFile } from "../../data/FileStore/hooks";
|
|
7
8
|
import { useObserver } from "mobx-react-lite";
|
|
@@ -9,7 +10,11 @@ const FileViewer = (props) => {
|
|
|
9
10
|
const file = useFile(props.id);
|
|
10
11
|
const styles = Object.assign({}, props.style);
|
|
11
12
|
const renderViewer = () => {
|
|
12
|
-
if (file.mimetype
|
|
13
|
+
if (file.mimetype.startsWith("video/")) {
|
|
14
|
+
styles["display"] = "flex";
|
|
15
|
+
return React.createElement(VideoViewer, { id: file.id, mime: file.mimetype });
|
|
16
|
+
}
|
|
17
|
+
else if (file.mimetype === "application/pdf") {
|
|
13
18
|
return React.createElement(PDFViewer, { id: file.id });
|
|
14
19
|
}
|
|
15
20
|
else if (/^image\/(gif|jpe?g|png)$/gim.test(file.mimetype)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileViewer.js","sourceRoot":"","sources":["../../../src/components/FileViewer/FileViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,WAAW,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQ9C,MAAM,UAAU,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC/B,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,IAAI,CAAC,QAAQ,KAAK,iBAAiB,EAAE;
|
|
1
|
+
{"version":3,"file":"FileViewer.js","sourceRoot":"","sources":["../../../src/components/FileViewer/FileViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,WAAW,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQ9C,MAAM,UAAU,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC/B,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;YACvC,MAAM,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;YAC3B,OAAO,oBAAC,WAAW,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAI,CAAC;SACzD;aAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,iBAAiB,EAAE;YAC/C,OAAO,oBAAC,SAAS,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;SAClC;aAAM,IAAI,6BAA6B,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAC7D,MAAM,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;YAC7B,OAAO,oBAAC,WAAW,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;SACpC;aAAM,IAAI,2DAA2D,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAC3F,OAAO,oBAAC,UAAU,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;SACnC;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YAC3C,OAAO,oBAAC,UAAU,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAC;SACnC;aAAM;YACN,OAAO,6BAA6B,CAAC;SACrC;IACF,CAAC,CAAC;IAEF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ,QACb,IAAI,CAAC,MAAM,IAAI,CACf,6BAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,IAC5C,YAAY,EAAE,CACV,CACN,CACe,CACjB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,GAAG,GAAG,SAAS,CAAC;AAC3B,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC;AAC/B,UAAU,CAAC,OAAO,GAAG,WAAW,CAAC;AAEjC,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useApplicationContext } from "@voplus/morpho-data";
|
|
3
|
+
import { useObserver } from "mobx-react-lite";
|
|
4
|
+
const VideoViewer = (props) => {
|
|
5
|
+
const api = useApplicationContext();
|
|
6
|
+
const path = `/api/files/${props.id}/content?access_token=${encodeURIComponent(api.user.info.accessToken)}`;
|
|
7
|
+
return useObserver(() => (React.createElement("video", { style: { maxWidth: "100%", flex: 1 }, controls: true },
|
|
8
|
+
React.createElement("source", { src: `${api.api.currentEndPoint.url(path)}`, type: props.mime }))));
|
|
9
|
+
};
|
|
10
|
+
export default VideoViewer;
|
|
11
|
+
//# sourceMappingURL=VideoViewer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoViewer.js","sourceRoot":"","sources":["../../../src/components/FileViewer/VideoViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,WAAW,GAAG,CAAC,KAAmC,EAAE,EAAE;IAC3D,MAAM,GAAG,GAAG,qBAAqB,EAAE,CAAC;IACpC,MAAM,IAAI,GAAG,cAAc,KAAK,CAAC,EAAE,yBAAyB,kBAAkB,CAC7E,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CACzB,EAAE,CAAC;IACJ,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,+BAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ;QACpD,gCAAQ,GAAG,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAClE,CACR,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@voplus/morpho-document",
|
|
3
|
-
"version": "1.0.0-
|
|
3
|
+
"version": "1.0.0-dev212",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "https://voplus.visualstudio.com/morpho-document/_git/morpho-document"
|
|
@@ -38,27 +38,27 @@
|
|
|
38
38
|
"react-use-visibility": "^0.3.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@ant-design/icons": "^4.0
|
|
41
|
+
"@ant-design/icons": "^4.1.0",
|
|
42
42
|
"@types/classnames": "^2.2.10",
|
|
43
43
|
"@types/file-saver": "^2.0.1",
|
|
44
|
-
"@types/invariant": "^2.2.
|
|
44
|
+
"@types/invariant": "^2.2.32",
|
|
45
45
|
"@types/lodash-es": "^4.17.3",
|
|
46
46
|
"@types/react": "^16.9.34",
|
|
47
47
|
"@types/react-custom-scrollbars": "^4.0.6",
|
|
48
|
-
"@types/react-dom": "^16.9.
|
|
48
|
+
"@types/react-dom": "^16.9.7",
|
|
49
49
|
"@types/react-infinite-scroller": "^1.2.1",
|
|
50
|
-
"@types/react-router": "^5.1.
|
|
50
|
+
"@types/react-router": "^5.1.7",
|
|
51
51
|
"@types/react-sortable-tree-theme-file-explorer": "0.0.0",
|
|
52
52
|
"@types/react-test-renderer": "^16.9.2",
|
|
53
|
-
"@types/uuid": "^3.4.
|
|
53
|
+
"@types/uuid": "^3.4.9",
|
|
54
54
|
"@voplus/antd": "^4.0.3-vo1.0.0",
|
|
55
55
|
"@voplus/morpho-client-test": "^1.0.0-dev014",
|
|
56
|
-
"@voplus/morpho-collaboration": "^1.0.0-
|
|
56
|
+
"@voplus/morpho-collaboration": "^1.0.0-dev023",
|
|
57
57
|
"@voplus/morpho-config": "^1.0.0-dev48",
|
|
58
58
|
"@voplus/morpho-data": "^1.0.0-dev095",
|
|
59
59
|
"@voplus/morpho-org": "^1.0.0-dev032-antd4",
|
|
60
60
|
"@voplus/morpho-text": "^1.0.0-dev016",
|
|
61
|
-
"@voplus/morpho-ui": "^1.0.0-
|
|
61
|
+
"@voplus/morpho-ui": "^1.0.0-dev105",
|
|
62
62
|
"draft-js": "^0.11.5",
|
|
63
63
|
"mobx": "^5.15.4",
|
|
64
64
|
"mobx-react-lite": "^1.5.2",
|