@voplus/morpho-document 1.4.32 → 1.4.33
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/controls/MentionState/index.js +4 -4
- package/es/controls/MentionState/index.js.map +1 -1
- package/es/controls/MentionState/index.less +6 -3
- package/es/services/MentionViewer/index.js +24 -0
- package/es/services/MentionViewer/index.js.map +1 -0
- package/es/services/MentionViewer/state.d.ts +5 -0
- package/es/services/MentionViewer/state.js +18 -0
- package/es/services/MentionViewer/state.js.map +1 -0
- package/package.json +1 -1
- package/es/services/MentionViewer.js +0 -20
- package/es/services/MentionViewer.js.map +0 -1
- /package/es/services/{MentionViewer.d.ts → MentionViewer/index.d.ts} +0 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "./index.less";
|
|
2
2
|
import React, { useMemo, useRef } from "react";
|
|
3
|
-
import { faCheckCircle, faCircle } from "@fortawesome/pro-light-svg-icons";
|
|
4
3
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
5
4
|
import { Popover } from "@voplus/antd";
|
|
6
5
|
import { State } from "./state";
|
|
7
|
-
import {
|
|
6
|
+
import { faCircle } from "@fortawesome/pro-solid-svg-icons";
|
|
7
|
+
import { faCircle as faHollowCircle } from "@fortawesome/pro-light-svg-icons";
|
|
8
8
|
import { observe } from "@voplus/morpho-ui";
|
|
9
9
|
import useOnScreen from "../../data/hook";
|
|
10
10
|
const MentionState = (props) => {
|
|
@@ -17,8 +17,8 @@ const MentionState = (props) => {
|
|
|
17
17
|
return observe(() => {
|
|
18
18
|
var _a, _b, _c;
|
|
19
19
|
return (React.createElement("div", { ref: ref }, ((_a = state.mention) === null || _a === void 0 ? void 0 : _a.length) > 1 ? (React.createElement(Popover, { content: React.createElement("div", null, state.mention.map((item) => (React.createElement("div", { key: item.recipient.id, className: "contact-item" },
|
|
20
|
-
item.status !== "Unread" ? (React.createElement(FAIcon, { icon:
|
|
21
|
-
React.createElement("span", null, item.recipient.name))))), title: "Contact Reads the status" }, state.mention.every((i) => i.status !== "Unread") ? (React.createElement(FAIcon, { icon:
|
|
20
|
+
item.status !== "Unread" ? (React.createElement(FAIcon, { icon: faCircle, color: "#82c91e" })) : (React.createElement(FAIcon, { icon: faCircle, color: "#adb5bd" })),
|
|
21
|
+
React.createElement("span", null, item.recipient.name))))), title: "Contact Reads the status" }, state.mention.every((i) => i.status !== "Unread") ? (React.createElement(FAIcon, { icon: faCircle, color: "#82c91e" })) : state.mention.every((i) => i.status === "Unread") ? (React.createElement(FAIcon, { icon: faCircle, color: "#adb5bd" })) : (React.createElement(FAIcon, { icon: faHollowCircle, color: "#96b97d" })))) : (React.createElement(React.Fragment, null, ((_b = state.mention) === null || _b === void 0 ? void 0 : _b.every((i) => i.status !== "Unread")) ? (React.createElement(FAIcon, { icon: faCircle, color: "#82c91e" })) : ((_c = state.mention) === null || _c === void 0 ? void 0 : _c.every((i) => i.status === "Unread")) ? (React.createElement(FAIcon, { icon: faCircle, color: "#adb5bd" })) : (React.createElement(FAIcon, { icon: faHollowCircle, color: "#96b97d" }))))));
|
|
22
22
|
});
|
|
23
23
|
};
|
|
24
24
|
export default MentionState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/MentionState/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAY,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/MentionState/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
:global {
|
|
2
|
-
.ProseMirror-container{
|
|
2
|
+
.ProseMirror-container {
|
|
3
3
|
padding: 5px 0;
|
|
4
4
|
}
|
|
5
5
|
.prosemirror-mention-node {
|
|
6
6
|
position: relative;
|
|
7
7
|
.mention-state {
|
|
8
8
|
position: absolute;
|
|
9
|
-
font-size:
|
|
9
|
+
font-size: 5px;
|
|
10
10
|
top: -10px;
|
|
11
11
|
right: -5px;
|
|
12
|
+
svg {
|
|
13
|
+
width: 5px;
|
|
14
|
+
}
|
|
12
15
|
}
|
|
13
16
|
}
|
|
14
17
|
.contact-item {
|
|
@@ -17,4 +20,4 @@
|
|
|
17
20
|
margin-right: 8px;
|
|
18
21
|
}
|
|
19
22
|
}
|
|
20
|
-
}
|
|
23
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
|
+
import MentionState from "../../controls/MentionState";
|
|
3
|
+
import ReactDOM from "react-dom";
|
|
4
|
+
import { State } from "./state";
|
|
5
|
+
import Viewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
|
|
6
|
+
import { observe } from "@voplus/morpho-ui";
|
|
7
|
+
import { useActivityStore, } from "../../data/ActivityStore";
|
|
8
|
+
const MentionViewer = (props) => {
|
|
9
|
+
const store = useActivityStore();
|
|
10
|
+
const [state] = useState(new State());
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
return () => {
|
|
13
|
+
ReactDOM.unmountComponentAtNode(state.renderMention);
|
|
14
|
+
};
|
|
15
|
+
}, []);
|
|
16
|
+
return observe(() => React.createElement(Viewer, { html: props.html, onPrepareMention: (mention, unitId) => {
|
|
17
|
+
state.renderMention = document.createElement("i");
|
|
18
|
+
state.renderMention.className = "mention-state";
|
|
19
|
+
ReactDOM.render(React.createElement(MentionState, { store: store, activityId: props.activityId, unitId: unitId }), state.renderMention);
|
|
20
|
+
mention.appendChild(state.renderMention);
|
|
21
|
+
} }));
|
|
22
|
+
};
|
|
23
|
+
export default MentionViewer;
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/services/MentionViewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,MAAM,MAAM,oDAAoD,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,GAAG,MAAM,0BAA0B,CAAC;AAE7D,MAAM,aAAa,GAAG,CAAC,KAA4C,EAAE,EAAE;IACnE,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,sBAAsB,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACzD,CAAC,CAAA;IACL,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,OAAO,CAAC,GAAG,EAAE,CAChB,oBAAC,MAAM,IACH,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,gBAAgB,EAAE,CAAC,OAAgB,EAAE,MAAc,EAAE,EAAE;YACnD,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAClD,KAAK,CAAC,aAAa,CAAC,SAAS,GAAG,eAAe,CAAC;YAChD,QAAQ,CAAC,MAAM,CACX,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,GAAI,EAC5E,KAAK,CAAC,aAAa,CACtB,CAAC;YACF,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,aAAc,CAAC,CAAC;QAC9C,CAAC,GACH,CACL,CAAA;AACL,CAAC,CAAA;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { makeObservable, observable } from "mobx";
|
|
3
|
+
export class State {
|
|
4
|
+
constructor() {
|
|
5
|
+
/** loading */
|
|
6
|
+
Object.defineProperty(this, "renderMention", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
configurable: true,
|
|
9
|
+
writable: true,
|
|
10
|
+
value: void 0
|
|
11
|
+
});
|
|
12
|
+
makeObservable(this);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
__decorate([
|
|
16
|
+
observable
|
|
17
|
+
], State.prototype, "renderMention", void 0);
|
|
18
|
+
//# sourceMappingURL=state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/services/MentionViewer/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElD,MAAM,OAAO,KAAK;IACd;QAGA,cAAc;QACF;;;;;WAAkC;QAH1C,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;CAIJ;AAFe;IAAX,UAAU;4CAAmC"}
|
package/package.json
CHANGED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import MentionState from "../controls/MentionState";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import ReactDOM from "react-dom";
|
|
4
|
-
import Viewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
|
|
5
|
-
import { observe } from "@voplus/morpho-ui";
|
|
6
|
-
import { useActivityStore, } from "../data/ActivityStore";
|
|
7
|
-
const MentionViewer = (props) => {
|
|
8
|
-
const store = useActivityStore();
|
|
9
|
-
return observe(() => React.createElement(Viewer, { html: props.html, onPrepareMention: (mention, unitId) => {
|
|
10
|
-
const renderMention = document.createElement("i");
|
|
11
|
-
renderMention.className = "mention-state";
|
|
12
|
-
ReactDOM.render(React.createElement(MentionState, { store: store, activityId: props.activityId, unitId: unitId }), renderMention);
|
|
13
|
-
mention.appendChild(renderMention);
|
|
14
|
-
return () => {
|
|
15
|
-
ReactDOM.unmountComponentAtNode(renderMention);
|
|
16
|
-
};
|
|
17
|
-
} }));
|
|
18
|
-
};
|
|
19
|
-
export default MentionViewer;
|
|
20
|
-
//# sourceMappingURL=MentionViewer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MentionViewer.js","sourceRoot":"","sources":["../../src/services/MentionViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,MAAM,MAAM,oDAAoD,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,GAAG,MAAM,uBAAuB,CAAC;AAE1D,MAAM,aAAa,GAAG,CAAC,KAA4C,EAAE,EAAE;IACnE,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IAEjC,OAAO,OAAO,CAAC,GAAG,EAAE,CAChB,oBAAC,MAAM,IACH,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,gBAAgB,EAAE,CAAC,OAAgB,EAAE,MAAc,EAAE,EAAE;YACnD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAClD,aAAa,CAAC,SAAS,GAAG,eAAe,CAAC;YAC1C,QAAQ,CAAC,MAAM,CACX,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,GAAI,EAC5E,aAAa,CAChB,CAAC;YACF,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YACnC,OAAO,GAAG,EAAE;gBACR,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAC;YACnD,CAAC,CAAA;QACL,CAAC,GACH,CACL,CAAA;AACL,CAAC,CAAA;AAED,eAAe,aAAa,CAAC"}
|
|
File without changes
|