@voplus/morpho-document 1.4.31 → 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.
@@ -1,7 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  import "./index.less";
3
+ import { ActivityStore } from "../../data/ActivityStore";
3
4
  declare const MentionState: (props: {
4
- store: any;
5
+ store: ActivityStore;
5
6
  activityId: string;
6
7
  unitId: string;
7
8
  }) => JSX.Element;
@@ -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 { faDotCircle } from "@fortawesome/pro-duotone-svg-icons";
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) => {
@@ -12,14 +12,13 @@ const MentionState = (props) => {
12
12
  const ref = useRef(null);
13
13
  /** 检查元素是否在 DOM 中可见 */
14
14
  const isVisible = useOnScreen(ref);
15
- // const store = useActivityStore();
16
15
  const state = useMemo(() => new State(store), []);
17
16
  state.update(activityId, unitId, isVisible);
18
17
  return observe(() => {
19
18
  var _a, _b, _c;
20
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" },
21
- item.status !== "Unread" ? (React.createElement(FAIcon, { icon: faCheckCircle, color: "#0fce0f" })) : (React.createElement(FAIcon, { icon: faCircle, color: "#bfbebe" })),
22
- React.createElement("span", null, item.recipient.name))))), title: "Contact Reads the status" }, state.mention.every((i) => i.status !== "Unread") ? (React.createElement(FAIcon, { icon: faCheckCircle, color: "#0fce0f" })) : state.mention.every((i) => i.status === "Unread") ? (React.createElement(FAIcon, { icon: faCircle, color: "#bfbebe" })) : (React.createElement(FAIcon, { icon: faDotCircle, color: "chartreuse" })))) : (React.createElement(React.Fragment, null, ((_b = state.mention) === null || _b === void 0 ? void 0 : _b.every((i) => i.status !== "Unread")) ? (React.createElement(FAIcon, { icon: faCheckCircle, color: "#0fce0f" })) : ((_c = state.mention) === null || _c === void 0 ? void 0 : _c.every((i) => i.status === "Unread")) ? (React.createElement(FAIcon, { icon: faCircle, color: "#bfbebe" })) : (React.createElement(FAIcon, { icon: faDotCircle, color: "chartreuse" }))))));
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" }))))));
23
22
  });
24
23
  };
25
24
  export default MentionState;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/MentionState/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/MentionState/index.tsx"],"names":[],"mappings":"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"}
@@ -1,13 +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
- top: -12px;
10
- right: -8px;
9
+ font-size: 5px;
10
+ top: -10px;
11
+ right: -5px;
12
+ svg {
13
+ width: 5px;
14
+ }
11
15
  }
12
16
  }
13
17
  .contact-item {
@@ -16,4 +20,4 @@
16
20
  margin-right: 8px;
17
21
  }
18
22
  }
19
- }
23
+ }
@@ -1,10 +1,8 @@
1
1
  import { faCommentDots, faFileMinus, faFilePlus, faPencilAlt, faTrashAlt, faUpload, } from "@fortawesome/pro-light-svg-icons";
2
2
  import { ActivityRenderer } from "@voplus/morpho-document-core/es/services/ActivityLogRenderService/ActivityRenderer";
3
3
  import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
4
- import MentionState from "../controls/MentionState";
5
- import ProseMirrorViewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
4
+ import MentionViewer from "./MentionViewer";
6
5
  import React from "react";
7
- import { useActivityStore, } from "../data/ActivityStore";
8
6
  export const ActivityActionType = {
9
7
  Created: "Created",
10
8
  Changed: "Changed",
@@ -48,16 +46,13 @@ class DocumentActivityLogRenderer extends ActivityRenderer {
48
46
  }
49
47
  Log(item, options) {
50
48
  var _a;
51
- const store = useActivityStore();
52
49
  switch (item.action) {
53
50
  case ActivityActionType.Commented:
54
51
  return (React.createElement("div", { className: "time-line-comment" },
55
52
  React.createElement("div", { className: "time-line-comment-header" }, this.TimelineItemHeader(item)),
56
53
  React.createElement("div", { className: "time-line-comment-body" }, (_a = item.propertyObjects) === null || _a === void 0 ? void 0 : _a.map((o, index) => (React.createElement(React.Fragment, { key: index },
57
54
  !!index && React.createElement("hr", { className: "time-line-comment-hr" }),
58
- React.createElement(ProseMirrorViewer, { html: o.value, onPrepareMention: (unitId) => {
59
- return React.createElement(MentionState, { store: store, activityId: item.id, unitId: unitId });
60
- } })))))));
55
+ React.createElement(MentionViewer, { activityId: item.id, html: o.value })))))));
61
56
  }
62
57
  return super.Log(item, options);
63
58
  }
@@ -1 +1 @@
1
- {"version":3,"file":"DocumentActivityLogRenderer.js","sourceRoot":"","sources":["../../src/services/DocumentActivityLogRenderer.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DocumentActivityLogRenderer.js","sourceRoot":"","sources":["../../src/services/DocumentActivityLogRenderer.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ declare const MentionViewer: (props: {
3
+ activityId: string;
4
+ html?: string;
5
+ }) => JSX.Element;
6
+ export default MentionViewer;
@@ -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,5 @@
1
+ export declare class State {
2
+ constructor();
3
+ /** loading */
4
+ renderMention: HTMLElement;
5
+ }
@@ -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,6 +1,6 @@
1
1
  {
2
2
  "name": "@voplus/morpho-document",
3
- "version": "1.4.31",
3
+ "version": "1.4.33",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://voplus.visualstudio.com/morpho-document/_git/morpho-document"