@voplus/morpho-document 1.4.34 → 1.4.35
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.
|
@@ -114,6 +114,18 @@
|
|
|
114
114
|
padding: 15px;
|
|
115
115
|
.ProseMirror {
|
|
116
116
|
padding: 0;
|
|
117
|
+
.prosemirror-mention-node {
|
|
118
|
+
position: relative;
|
|
119
|
+
.mention-state {
|
|
120
|
+
position: absolute;
|
|
121
|
+
top: -12px;
|
|
122
|
+
right: -3.5px;
|
|
123
|
+
svg {
|
|
124
|
+
width: 5px;
|
|
125
|
+
margin: 0 !important;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
117
129
|
}
|
|
118
130
|
.time-line-comment-hr {
|
|
119
131
|
height: 0.25em;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import "./index.less";
|
|
2
1
|
import React, { useMemo, useRef } from "react";
|
|
3
2
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
4
3
|
import { Popover } from "@voplus/antd";
|
|
@@ -6,6 +5,7 @@ import { State } from "./state";
|
|
|
6
5
|
import { faCircle } from "@fortawesome/pro-solid-svg-icons";
|
|
7
6
|
import { faCircle as faHollowCircle } from "@fortawesome/pro-light-svg-icons";
|
|
8
7
|
import { observe } from "@voplus/morpho-ui";
|
|
8
|
+
import styles from "./index.less";
|
|
9
9
|
import useOnScreen from "../../data/hook";
|
|
10
10
|
const MentionState = (props) => {
|
|
11
11
|
const { activityId, unitId, store } = props;
|
|
@@ -16,7 +16,7 @@ const MentionState = (props) => {
|
|
|
16
16
|
state.update(activityId, unitId, isVisible);
|
|
17
17
|
return observe(() => {
|
|
18
18
|
var _a, _b, _c;
|
|
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" },
|
|
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: styles["contact-item"] },
|
|
20
20
|
item.status !== "Unread" ? (React.createElement(FAIcon, { icon: faCircle, color: "#82c91e" })) : (React.createElement(FAIcon, { icon: faCircle, color: "#adb5bd" })),
|
|
21
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
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/MentionState/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/MentionState/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
padding: 5px 0;
|
|
4
|
-
}
|
|
5
|
-
.prosemirror-mention-node {
|
|
6
|
-
position: relative;
|
|
7
|
-
.mention-state {
|
|
8
|
-
position: absolute;
|
|
9
|
-
font-size: 5px;
|
|
10
|
-
top: -9px;
|
|
11
|
-
right: -4px;
|
|
12
|
-
svg {
|
|
13
|
-
width: 5px;
|
|
14
|
-
margin: 0 !important;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
.contact-item {
|
|
1
|
+
.contact-item {
|
|
2
|
+
:global {
|
|
19
3
|
padding: 0 0 8px;
|
|
20
4
|
svg {
|
|
21
5
|
margin-right: 8px;
|