@voplus/morpho-document 1.0.0-dev312 → 1.0.0-dev314
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/Modules.js +1 -2
- package/es/Modules.js.map +1 -1
- package/es/components/ActivityLog/ActivityLog2/index.js +7 -6
- package/es/components/ActivityLog/ActivityLog2/index.js.map +1 -1
- package/es/components/ActivityLog/CommentBar.js +4 -4
- package/es/components/ActivityLog/CommentBar.js.map +1 -1
- package/es/components/AvatarList/AvatarItem/index.d.ts +3 -2
- package/es/components/AvatarList/AvatarItem/index.js +8 -13
- package/es/components/AvatarList/AvatarItem/index.js.map +1 -1
- package/es/components/AvatarList/AvatarItem/index.less +9 -8
- package/es/components/AvatarList/index.d.ts +4 -12
- package/es/components/AvatarList/index.js +52 -41
- package/es/components/AvatarList/index.js.map +1 -1
- package/es/components/AvatarList/index.less +24 -28
- package/es/components/AvatarList/state.d.ts +20 -9
- package/es/components/AvatarList/state.js +7 -15
- package/es/components/AvatarList/state.js.map +1 -1
- package/es/components/BreadCrumbsHeader/index.d.ts +0 -3
- package/es/components/BreadCrumbsHeader/index.js +14 -11
- package/es/components/BreadCrumbsHeader/index.js.map +1 -1
- package/es/components/BreadCrumbsHeader/index.less +16 -1
- package/es/components/BreadCrumbsHeader/state.d.ts +0 -2
- package/es/components/BreadCrumbsHeader/state.js +1 -34
- package/es/components/BreadCrumbsHeader/state.js.map +1 -1
- package/es/components/DocumentHeader/index.d.ts +9 -1
- package/es/components/DocumentHeader/index.js +7 -3
- package/es/components/DocumentHeader/index.js.map +1 -1
- package/es/components/DocumentList/index.js +67 -52
- package/es/components/DocumentList/index.js.map +1 -1
- package/es/components/DocumentPropertiesView/index.js +1 -1
- package/es/components/DocumentPropertiesView/index.js.map +1 -1
- package/es/components/DocumentTabbedView/DraggableTabs.d.ts +7 -0
- package/es/components/DocumentTabbedView/DraggableTabs.js +76 -0
- package/es/components/DocumentTabbedView/DraggableTabs.js.map +1 -0
- package/es/components/DocumentTabbedView/index.d.ts +16 -0
- package/es/components/DocumentTabbedView/index.js +41 -0
- package/es/components/DocumentTabbedView/index.js.map +1 -0
- package/es/components/Links/index.less +111 -111
- package/es/components/QuickAccessSearch/index.js +9 -4
- package/es/components/QuickAccessSearch/index.js.map +1 -1
- package/es/components/QuickAccessSearch/state.d.ts +2 -0
- package/es/components/QuickAccessSearch/state.js +7 -0
- package/es/components/QuickAccessSearch/state.js.map +1 -1
- package/es/components/styles/common.less +3 -0
- package/es/controls/DescriptionEditor/index.js +5 -2
- package/es/controls/DescriptionEditor/index.js.map +1 -1
- package/es/controls/DescriptionEditor/state.d.ts +2 -0
- package/es/controls/DescriptionEditor/state.js.map +1 -1
- package/es/controls/DocumentLabel/index.d.ts +12 -0
- package/es/controls/DocumentLabel/index.js +24 -0
- package/es/controls/DocumentLabel/index.js.map +1 -0
- package/es/controls/DocumentLabel/index.less +14 -0
- package/es/controls/ToolBar/ToolBarState.d.ts +2 -0
- package/es/controls/ToolBar/ToolBarState.js.map +1 -1
- package/es/controls/ToolBar/buttons/More.d.ts +9 -12
- package/es/controls/ToolBar/buttons/More.js +19 -19
- package/es/controls/ToolBar/buttons/More.js.map +1 -1
- package/es/controls/ToolBar/buttons/state.js +1 -2
- package/es/controls/ToolBar/buttons/state.js.map +1 -1
- package/es/controls/ToolBar/menus/Delete.d.ts +4 -0
- package/es/controls/ToolBar/menus/Delete.js +9 -4
- package/es/controls/ToolBar/menus/Delete.js.map +1 -1
- package/es/data/ActivityStore/ActivityStore.d.ts +20 -0
- package/es/data/ActivityStore/ActivityStore.js +47 -0
- package/es/data/ActivityStore/ActivityStore.js.map +1 -0
- package/es/data/ActivityStore/hook.d.ts +9 -0
- package/es/data/ActivityStore/hook.js +19 -0
- package/es/data/ActivityStore/hook.js.map +1 -0
- package/es/data/ActivityStore/index.d.ts +4 -0
- package/es/data/ActivityStore/index.js +5 -0
- package/es/data/ActivityStore/index.js.map +1 -0
- package/es/data/ActivityStore/interfaces.d.ts +38 -0
- package/es/data/ActivityStore/interfaces.js +1 -0
- package/es/data/ActivityStore/interfaces.js.map +1 -0
- package/es/data/ActivityStore/types.d.ts +7 -0
- package/es/data/ActivityStore/types.js +1 -0
- package/es/data/ActivityStore/types.js.map +1 -0
- package/es/data/metas/index.d.ts +0 -1
- package/es/data/metas/index.js +0 -1
- package/es/data/metas/index.js.map +1 -1
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.d.ts +0 -1
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.js +5 -54
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.js.map +1 -1
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.d.ts +4 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.js +71 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.js.map +1 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.less +21 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/state.d.ts +6 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/state.js +17 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/state.js.map +1 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.d.ts +4 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.js +51 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.js.map +1 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.less +20 -0
- package/es/pages/Signature/Letter/LetterContentView/index.js +14 -23
- package/es/pages/Signature/Letter/LetterContentView/index.js.map +1 -1
- package/es/pages/Signature/Letter/LetterContentView/state.d.ts +0 -2
- package/es/pages/Signature/Letter/LetterContentView/state.js +0 -5
- package/es/pages/Signature/Letter/LetterContentView/state.js.map +1 -1
- package/es/pages/Signature/Letter/LetterItem/index.js +1 -1
- package/es/pages/Signature/Letter/LetterItem/index.js.map +1 -1
- package/es/pages/Signature/Letter/LetterList/index.js +27 -5
- package/es/pages/Signature/Letter/LetterList/index.js.map +1 -1
- package/es/pages/Signature/Letter/LetterList/index.less +29 -0
- package/es/pages/Signature/Letter/LetterViewer/index.less +6 -0
- package/es/pages/Signature/SignatureDialog/index.js +6 -2
- package/es/pages/Signature/SignatureDialog/index.js.map +1 -1
- package/package.json +5 -5
- package/es/components/ActivityLog/index.d.ts +0 -6
- package/es/components/ActivityLog/index.js +0 -113
- package/es/components/ActivityLog/index.js.map +0 -1
- package/es/components/ActivityLog/index.less +0 -67
- package/es/controls/ToolBar/index.d.ts +0 -15
- package/es/controls/ToolBar/index.js +0 -100
- package/es/controls/ToolBar/index.js.map +0 -1
- package/es/data/metas/SignEnvelopeMeta.d.ts +0 -13
- package/es/data/metas/SignEnvelopeMeta.js +0 -22
- package/es/data/metas/SignEnvelopeMeta.js.map +0 -1
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.less +0 -70
package/es/Modules.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ContainerMeta, FileTypeMeta, GraphMeta, LibraryMeta, PageMeta, ShortcutMeta,
|
|
1
|
+
import { ContainerMeta, FileTypeMeta, GraphMeta, LibraryMeta, PageMeta, ShortcutMeta, TextMeta } from "./data/metas";
|
|
2
2
|
import { DocumentMetaStore } from "./data/DocumentMetaStore";
|
|
3
3
|
import { DocumentUIService } from "./DocumentUIService";
|
|
4
4
|
import Routes from "./routes";
|
|
@@ -24,7 +24,6 @@ const Modules = {
|
|
|
24
24
|
store.addMeta(new TextMeta(store));
|
|
25
25
|
store.addMeta(new GraphMeta(store));
|
|
26
26
|
store.addMeta(new ContainerMeta(store));
|
|
27
|
-
store.addMeta(new SignEnvelopeMeta(store));
|
|
28
27
|
// register routes.
|
|
29
28
|
Routes.addRoutes();
|
|
30
29
|
}
|
package/es/Modules.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modules.js","sourceRoot":"","sources":["../src/Modules.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,
|
|
1
|
+
{"version":3,"file":"Modules.js","sourceRoot":"","sources":["../src/Modules.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE,MAAM,OAAO,GAAG;IACf,2CAA2C;IAC3C,QAAQ,EAAE,CAAC,OAAmB,EAAE,EAAE;QACjC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE;YACrD,OAAO,CAAC,eAAe,CAAC,IAAI,iBAAiB,EAAE,CAAC,CAAC;SACjD;QAED,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE;YACpD,OAAO,CAAC,eAAe,CAAC,IAAI,iBAAiB,EAAE,CAAC,CAAC;SACjD;QAED,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE;YAChD,OAAO,CAAC,eAAe,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC;SAC7C;QAED,kBAAkB;QAClB,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAsB,CAAC;QACjF,KAAK,CAAC,OAAO,CAAC,IAAI,YAAY,EAAE,CAAC,CAAC;QAClC,KAAK,CAAC,OAAO,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;QACvC,KAAK,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QACnC,KAAK,CAAC,OAAO,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QACtC,KAAK,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QACnC,KAAK,CAAC,OAAO,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QACpC,KAAK,CAAC,OAAO,CAAC,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QAExC,mBAAmB;QACnB,MAAM,CAAC,SAAS,EAAE,CAAC;IACpB,CAAC;CACD,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import "./index.less";
|
|
2
2
|
import { ActivityActionType, State, getActionIcon, getActionIconColor } from "../state";
|
|
3
|
-
import { useDocumentActivityListEffect } from "@voplus/morpho-document-core";
|
|
4
3
|
import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
|
|
5
4
|
import { Popover, Timeline } from "@voplus/antd";
|
|
6
5
|
import { camelCase, mapKeys } from "lodash-es";
|
|
@@ -17,6 +16,7 @@ import classnames from "classnames";
|
|
|
17
16
|
import { getTypeIcon } from "../../helper";
|
|
18
17
|
import { library } from "@fortawesome/fontawesome-svg-core";
|
|
19
18
|
import { localFormat } from "../../../data/contexts/StoreContext";
|
|
19
|
+
import { useActivityListEffect } from "../../../data/ActivityStore";
|
|
20
20
|
import { useDeepMemo } from "@voplus/morpho-data";
|
|
21
21
|
import { useObserver } from "mobx-react-lite";
|
|
22
22
|
import { useRenderOnChange } from "@voplus/morpho-ui";
|
|
@@ -26,13 +26,14 @@ const ActivityLog = (props) => {
|
|
|
26
26
|
const state = useDeepMemo(() => new State(), [id]);
|
|
27
27
|
const list = useCreateListDataState({
|
|
28
28
|
filterDefaults: {
|
|
29
|
-
page: { Page: state.page, PageSize: 50 }
|
|
29
|
+
page: { Page: state.page, PageSize: 50 },
|
|
30
|
+
filters: [{ c: "NodeId", o: "=", l: "And", v1: id }]
|
|
30
31
|
}
|
|
31
32
|
}, [id]);
|
|
32
33
|
/** 如果 list.filters.useDocumentActivityListEffect 可以接收新参数*/
|
|
33
34
|
useRenderOnChange(() => list.filters.options);
|
|
34
|
-
/**
|
|
35
|
-
|
|
35
|
+
/** useActivityListEffect,使之可以自動更新loading, hasmore. */
|
|
36
|
+
useActivityListEffect(list, result => list.union(result), list.filters.options);
|
|
36
37
|
const dotElement = (log) => {
|
|
37
38
|
return (React.createElement("span", { className: "dot-icon", style: { borderColor: getActionIconColor(log.action) } },
|
|
38
39
|
React.createElement(FAIcon, { icon: getActionIcon(log), color: getActionIconColor(log.action) })));
|
|
@@ -47,7 +48,7 @@ const ActivityLog = (props) => {
|
|
|
47
48
|
};
|
|
48
49
|
const tryRenderPropertyObjects = (objects) => {
|
|
49
50
|
return (objects &&
|
|
50
|
-
objects.length && (React.createElement("div", { className: classnames("property-objects", { multiple: objects.length > 1 }) }, objects.map(o => (React.createElement("span", { key:
|
|
51
|
+
objects.length && (React.createElement("div", { className: classnames("property-objects", { multiple: objects.length > 1 }) }, objects.map((o, index) => (React.createElement("span", { key: index },
|
|
51
52
|
React.createElement("span", { className: "property-name" }, o.name),
|
|
52
53
|
" ",
|
|
53
54
|
o.changeSetType ? o.changeSetType.toLowerCase() : "to",
|
|
@@ -82,7 +83,7 @@ const ActivityLog = (props) => {
|
|
|
82
83
|
var _a;
|
|
83
84
|
return (React.createElement(Timeline.Item, { key: item.id, dot: dotElement(item) }, item.action === ActivityActionType.Commented ? (React.createElement("div", { className: "time-line-comment" },
|
|
84
85
|
React.createElement("div", { className: "time-line-comment-header" }, TimelineItemHeader(item)),
|
|
85
|
-
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:
|
|
86
|
+
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 },
|
|
86
87
|
!!index && React.createElement("hr", { className: "time-line-comment-hr" }),
|
|
87
88
|
React.createElement(ProseMirrorViewer, { html: o.value }))))))) : (React.createElement(React.Fragment, null,
|
|
88
89
|
React.createElement("div", null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ActivityLog/ActivityLog2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ActivityLog/ActivityLog2/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,14 +5,14 @@ import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
|
5
5
|
import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
|
|
6
6
|
import { State } from "./state";
|
|
7
7
|
import classnames from "classnames";
|
|
8
|
-
import {
|
|
8
|
+
import { useActivityStore } from "../../data/ActivityStore";
|
|
9
9
|
import { useListDataContext } from "@voplus/morpho-ui/es/data";
|
|
10
10
|
import { useObserver } from "mobx-react-lite";
|
|
11
11
|
const CommentBar = (props) => {
|
|
12
12
|
const { id } = props;
|
|
13
13
|
const element = useRef(null);
|
|
14
14
|
const [state] = useState(new State());
|
|
15
|
-
const store =
|
|
15
|
+
const store = useActivityStore();
|
|
16
16
|
const context = useListDataContext();
|
|
17
17
|
return useObserver(() => (React.createElement(React.Fragment, null,
|
|
18
18
|
state.floating && (React.createElement("div", { className: "comment-bar-placeholder", onClick: () => state.showEditor(element.current) },
|
|
@@ -32,11 +32,11 @@ const CommentBar = (props) => {
|
|
|
32
32
|
/** send comment */
|
|
33
33
|
async function onSend() {
|
|
34
34
|
state.loading = true;
|
|
35
|
-
await store.
|
|
35
|
+
await store.comment(id, { Comment: state.comment });
|
|
36
36
|
state.comment = "";
|
|
37
37
|
state.loading = false;
|
|
38
38
|
/** reload latest ActivityLog */
|
|
39
|
-
const r = await store.
|
|
39
|
+
const r = await store.loadList(context.filters.options);
|
|
40
40
|
state.hideEditor();
|
|
41
41
|
/** clear old ActivityLog */
|
|
42
42
|
context.clear();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommentBar.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/CommentBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAEpF,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,WAAW,MAAM,6CAA6C,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"CommentBar.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/CommentBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,11 +4,12 @@ declare const AvatarItem: {
|
|
|
4
4
|
(props: {
|
|
5
5
|
id: string;
|
|
6
6
|
index?: number;
|
|
7
|
+
size?: number;
|
|
7
8
|
disabled?: boolean;
|
|
8
|
-
|
|
9
|
+
inline?: boolean;
|
|
9
10
|
}): JSX.Element;
|
|
10
11
|
defaultProps: {
|
|
11
|
-
|
|
12
|
+
size: number;
|
|
12
13
|
};
|
|
13
14
|
};
|
|
14
15
|
export default AvatarItem;
|
|
@@ -6,20 +6,15 @@ import { useObserver } from "mobx-react-lite";
|
|
|
6
6
|
import { useUnit } from "@voplus/morpho-org";
|
|
7
7
|
const colorList = ["#765FEE", "#fe4066", "#FFC832", "#FF8F5E", "#3AC43A", "#FFC832"];
|
|
8
8
|
const AvatarItem = (props) => {
|
|
9
|
-
const { id, index, disabled,
|
|
9
|
+
const { id, index, size, disabled, inline } = props;
|
|
10
10
|
const contact = useUnit(id, { reload: false });
|
|
11
|
-
return useObserver(() => (React.createElement(React.Fragment, null, !!
|
|
12
|
-
React.createElement(Avatar
|
|
13
|
-
// src={contact.url}
|
|
14
|
-
, {
|
|
15
|
-
// src={contact.url}
|
|
16
|
-
size: "small", className: "avatar-item-img", style: { backgroundColor: colorList[(index || 0) % 6] } }, setName(contact.name)),
|
|
11
|
+
return useObserver(() => (React.createElement(React.Fragment, null, !!inline ? (React.createElement("div", { className: classnames({ disabled }, "avatar-item_inline") },
|
|
12
|
+
React.createElement(Avatar, { size: "small", style: { backgroundColor: colorList[(index || 0) % 6] } }, setName(contact.name)),
|
|
17
13
|
contact.name)) : (React.createElement(Tooltip, { title: contact.name },
|
|
18
|
-
React.createElement(Avatar
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
size: "small", className: "avatar-item-img", style: { backgroundColor: colorList[(index || 0) % 6] } }, setName(contact.name)))))));
|
|
14
|
+
React.createElement(Avatar, { size: size, className: "avatar-item_block", style: {
|
|
15
|
+
backgroundColor: colorList[(index || 0) % 6],
|
|
16
|
+
opacity: disabled ? 0.7 : 1
|
|
17
|
+
} }, setName(contact.name)))))));
|
|
23
18
|
function setName(name) {
|
|
24
19
|
let str = "";
|
|
25
20
|
name === null || name === void 0 ? void 0 : name.split(" ").forEach(r => {
|
|
@@ -29,7 +24,7 @@ const AvatarItem = (props) => {
|
|
|
29
24
|
}
|
|
30
25
|
};
|
|
31
26
|
AvatarItem.defaultProps = {
|
|
32
|
-
|
|
27
|
+
size: 26
|
|
33
28
|
};
|
|
34
29
|
export default AvatarItem;
|
|
35
30
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AvatarList/AvatarItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAErF,MAAM,UAAU,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AvatarList/AvatarItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAErF,MAAM,UAAU,GAAG,CAAC,KAMnB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,OAAO,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAE/C,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ,QACb,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAE,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,CAAC;QAC7D,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAC1E,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CACd;QAER,OAAO,CAAC,IAAI,CACR,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO,CAAC,IAAI;QAC3B,oBAAC,MAAM,IACN,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE;gBACN,eAAe,EAAE,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;gBAC5C,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aAC3B,IAEA,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CACd,CACA,CACV,CACe,CACjB,CAAC,CAAC;IACH,SAAS,OAAO,CAAC,IAAY;QAC5B,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE;YAC5B,GAAG,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvB,CAAC,EAAE;QACH,OAAO,GAAG,CAAC;IACZ,CAAC;AACF,CAAC,CAAC;AACF,UAAU,CAAC,YAAY,GAAG;IACzB,IAAI,EAAE,EAAE;CACR,CAAC;AACF,eAAe,UAAU,CAAC"}
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
:global {
|
|
2
|
-
.avatar-
|
|
2
|
+
.avatar-item_inline {
|
|
3
3
|
display: flex;
|
|
4
4
|
align-items: center;
|
|
5
|
-
|
|
6
|
-
color: #333;
|
|
5
|
+
cursor: pointer;
|
|
7
6
|
.ant-avatar {
|
|
8
|
-
margin-right:
|
|
7
|
+
margin-right: 5px;
|
|
9
8
|
}
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
&.disabled {
|
|
10
|
+
color: #999;
|
|
12
11
|
}
|
|
13
12
|
}
|
|
14
|
-
.avatar-
|
|
15
|
-
|
|
13
|
+
.avatar-item_block {
|
|
14
|
+
font-size: 13px !important;
|
|
15
|
+
color: #fff;
|
|
16
|
+
cursor: pointer;
|
|
16
17
|
}
|
|
17
18
|
}
|
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import "./index.less";
|
|
3
|
+
import { AvatarListProps } from "./state";
|
|
2
4
|
declare const AvatarList: {
|
|
3
|
-
(props:
|
|
4
|
-
list?: any[] | undefined;
|
|
5
|
-
className?: string | undefined;
|
|
6
|
-
onChange?: ((ids?: any[] | undefined, members?: any[] | undefined) => void) | undefined;
|
|
7
|
-
editable?: boolean | undefined;
|
|
8
|
-
num?: number | undefined;
|
|
9
|
-
size?: number | "small" | "default" | "large" | undefined;
|
|
10
|
-
icon?: any;
|
|
11
|
-
multiple?: boolean | undefined;
|
|
12
|
-
}): JSX.Element;
|
|
5
|
+
(props: AvatarListProps): JSX.Element;
|
|
13
6
|
defaultProps: {
|
|
14
7
|
editable: boolean;
|
|
15
|
-
size:
|
|
16
|
-
num: number;
|
|
8
|
+
size: number;
|
|
17
9
|
};
|
|
18
10
|
};
|
|
19
11
|
export default AvatarList;
|
|
@@ -1,76 +1,86 @@
|
|
|
1
|
+
import "./index.less";
|
|
1
2
|
import { Avatar, Button, Dropdown, Input } from "@voplus/antd";
|
|
3
|
+
import { State } from "./state";
|
|
4
|
+
import { LoadingOutlined, PlusOutlined } from "@ant-design/icons";
|
|
2
5
|
import React, { useEffect, useRef, useState } from "react";
|
|
6
|
+
import { useUnitListEffect, useUnitStore } from "@voplus/morpho-org";
|
|
3
7
|
import AvatarItem from "./AvatarItem";
|
|
4
8
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
5
|
-
import { LoadingOutlined } from "@ant-design/icons";
|
|
6
9
|
import Scrollbars from "react-custom-scrollbars";
|
|
7
|
-
import { State } from "./state";
|
|
8
10
|
import classnames from "classnames";
|
|
9
11
|
import { faCheck } from "@fortawesome/pro-light-svg-icons";
|
|
10
|
-
import styles from "./index.less";
|
|
11
12
|
import { useObserver } from "mobx-react-lite";
|
|
12
|
-
import { useUnitListEffect } from "@voplus/morpho-org";
|
|
13
13
|
const AvatarList = (props) => {
|
|
14
|
-
const { multiple, list, size, editable,
|
|
14
|
+
const { multiple, list, size, editable, maxCount, icon, className } = props;
|
|
15
15
|
const [state] = useState(new State());
|
|
16
|
+
const unitStore = useUnitStore();
|
|
16
17
|
useUnitListEffect(null, list => {
|
|
17
18
|
state.list = list;
|
|
18
19
|
});
|
|
19
20
|
useEffect(() => {
|
|
20
21
|
state.items = [];
|
|
21
22
|
state.keyword = "";
|
|
22
|
-
|
|
23
|
+
if (state.visible)
|
|
24
|
+
load();
|
|
23
25
|
}, [state.visible]);
|
|
24
26
|
useEffect(() => {
|
|
25
27
|
state.members = list || [];
|
|
26
|
-
const total = (list && list.length) || 0;
|
|
27
|
-
|
|
28
|
-
const
|
|
28
|
+
// const total = (list && list.length) || 0;
|
|
29
|
+
// if (!multiple) {
|
|
30
|
+
// const parentWidth = ref.current ? ref.current.parentNode.offsetWidth : 0;
|
|
31
|
+
// const totalNum = Math.round(parentWidth / 26) - 1;
|
|
29
32
|
// 最多显示10个
|
|
30
|
-
const num = totalNum > 9 && !multiple ? 9 : totalNum;
|
|
31
|
-
state.hasMore = !!(num && num < total);
|
|
32
|
-
state.num = num || total;
|
|
33
|
+
// const num = totalNum > 9 && !multiple ? 9 : totalNum;
|
|
33
34
|
}, [JSON.stringify(list)]);
|
|
34
35
|
const ref = useRef(null);
|
|
35
|
-
return useObserver(() => (React.createElement("div", { ref: ref, className: classnames("avatar-list", className) },
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
36
|
+
return useObserver(() => (React.createElement("div", { ref: ref, className: classnames("avatar-list-view", className) },
|
|
37
|
+
React.createElement(Avatar.Group, { maxCount: maxCount, maxStyle: {
|
|
38
|
+
color: "#f56a00",
|
|
39
|
+
backgroundColor: "#fde3cf",
|
|
40
|
+
width: size,
|
|
41
|
+
height: size,
|
|
42
|
+
lineHeight: size
|
|
43
|
+
} }, state.members.map((member, index) => (React.createElement(AvatarItem, { key: member.id, id: member.id, index: index, size: size })))),
|
|
44
|
+
editable && (React.createElement(Dropdown, { onVisibleChange: visibleChange, visible: state.visible, overlay: React.createElement("div", { className: "avatar-list-view_menu" },
|
|
42
45
|
React.createElement("div", { className: "avatar-search" },
|
|
43
46
|
React.createElement(Input.Search, { value: state.keyword, autoFocus: true, onSearch: searchByKeWord, onChange: e => searchByKeWord(e.target.value) })),
|
|
44
47
|
React.createElement("div", { style: { flex: 1 } },
|
|
45
|
-
React.createElement(Scrollbars, { autoHide: true }, state.items.map((item, index) => (React.createElement("div", { key: item.id, className: "
|
|
46
|
-
React.createElement(AvatarItem, { id: item.id, disabled: item.disabled
|
|
48
|
+
React.createElement(Scrollbars, { autoHide: true }, state.items.map((item, index) => (React.createElement("div", { key: item.id, className: "avatar-menu-item", onClick: () => onTick(item, !item.checked) },
|
|
49
|
+
React.createElement(AvatarItem, { id: item.id, index: index, size: size, inline: true, disabled: item.disabled }),
|
|
47
50
|
item.checked && (React.createElement(FAIcon, { icon: faCheck, className: classnames("icon-check", { disabled: item.disabled }) })),
|
|
48
51
|
item.loading && React.createElement(LoadingOutlined, { className: "icon-check" })))))),
|
|
49
52
|
multiple && (React.createElement("div", { className: "multiple-footer-btn" },
|
|
50
|
-
React.createElement(Button, { type: "link",
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
state.hasMore ? state.members.length - state.num : "")))))));
|
|
55
|
-
function onTick(item, checked) {
|
|
53
|
+
React.createElement(Button, { type: "link", loading: state.loading, onClick: onOk }, "Ok")))), trigger: ["click"] },
|
|
54
|
+
React.createElement(Avatar, { size: size, icon: icon || React.createElement(PlusOutlined, null), className: "avatar-item_block avatar-item-add", style: !!state.members.length ? { marginLeft: "-5px" } : {} }))))));
|
|
55
|
+
async function onTick(item, checked) {
|
|
56
|
+
var _a;
|
|
56
57
|
if (item.disabled || !editable)
|
|
57
58
|
return;
|
|
58
59
|
state.checkedIds = checked
|
|
59
60
|
? [...state.checkedIds, item.id]
|
|
60
61
|
: state.checkedIds.filter(id => id !== item.id);
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
62
|
+
/** 单选 */
|
|
63
|
+
item.loading = true;
|
|
64
|
+
if (!multiple)
|
|
65
|
+
await ((_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, state.checkedIds, item));
|
|
66
|
+
item.loading = false;
|
|
67
|
+
item.checked = !item.checked;
|
|
68
|
+
if (!multiple)
|
|
69
|
+
state.visible = false;
|
|
70
|
+
/** 多选 */
|
|
69
71
|
if (!!multiple)
|
|
70
72
|
state.members = checked
|
|
71
73
|
? [...state.members, item]
|
|
72
74
|
: state.members.filter(({ id }) => id !== item.id);
|
|
73
75
|
}
|
|
76
|
+
/** 多选确认 */
|
|
77
|
+
async function onOk() {
|
|
78
|
+
var _a;
|
|
79
|
+
state.loading = true;
|
|
80
|
+
await ((_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, state.checkedIds));
|
|
81
|
+
state.loading = false;
|
|
82
|
+
visibleChange(false);
|
|
83
|
+
}
|
|
74
84
|
function searchByKeWord(keyWord) {
|
|
75
85
|
state.keyword = keyWord;
|
|
76
86
|
state.items = state.list.filter(({ name }) => name
|
|
@@ -81,8 +91,10 @@ const AvatarList = (props) => {
|
|
|
81
91
|
function visibleChange(visible) {
|
|
82
92
|
state.visible = visible;
|
|
83
93
|
}
|
|
84
|
-
|
|
85
|
-
|
|
94
|
+
/** */
|
|
95
|
+
async function load() {
|
|
96
|
+
const list = await unitStore.loadList();
|
|
97
|
+
const oList = list.map((item) => {
|
|
86
98
|
const avatar = state.members.find(({ id }) => item.id === id);
|
|
87
99
|
return {
|
|
88
100
|
...item,
|
|
@@ -90,8 +102,8 @@ const AvatarList = (props) => {
|
|
|
90
102
|
disabled: !!(avatar && avatar.disabled)
|
|
91
103
|
};
|
|
92
104
|
});
|
|
93
|
-
state.checkedIds =
|
|
94
|
-
.filter(item => state.members.some(m => m.id === item.id))
|
|
105
|
+
state.checkedIds = list
|
|
106
|
+
.filter((item) => state.members.some(m => m.id === item.id))
|
|
95
107
|
.map(({ id }) => id);
|
|
96
108
|
state.list = oList;
|
|
97
109
|
state.items = oList;
|
|
@@ -99,8 +111,7 @@ const AvatarList = (props) => {
|
|
|
99
111
|
};
|
|
100
112
|
AvatarList.defaultProps = {
|
|
101
113
|
editable: true,
|
|
102
|
-
size:
|
|
103
|
-
num: 0
|
|
114
|
+
size: 26
|
|
104
115
|
};
|
|
105
116
|
export default AvatarList;
|
|
106
117
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarList/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,50 +1,46 @@
|
|
|
1
1
|
@import "~@voplus/antd/es/style/themes/default.less";
|
|
2
2
|
:global {
|
|
3
|
-
.avatar-list {
|
|
4
|
-
display:
|
|
5
|
-
.avatar-
|
|
6
|
-
|
|
7
|
-
background: #fff;
|
|
8
|
-
color: @text-color;
|
|
9
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
10
|
-
border-radius: 50%;
|
|
11
|
-
cursor: pointer;
|
|
3
|
+
.avatar-list-view {
|
|
4
|
+
display: flex;
|
|
5
|
+
.ant-avatar-group .ant-avatar:not(:first-child) {
|
|
6
|
+
margin-left: -5px;
|
|
12
7
|
}
|
|
13
|
-
.
|
|
14
|
-
|
|
15
|
-
|
|
8
|
+
.avatar-item-add {
|
|
9
|
+
color: #888;
|
|
10
|
+
background-color: #fff;
|
|
11
|
+
border: 1px solid #f2f2f2;
|
|
16
12
|
}
|
|
17
13
|
}
|
|
18
|
-
|
|
19
|
-
.
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
:global {
|
|
14
|
+
|
|
15
|
+
.avatar-list-view_menu {
|
|
16
|
+
display: flex;
|
|
17
|
+
flex-direction: column;
|
|
18
|
+
height: 60vh;
|
|
19
|
+
background: #fff;
|
|
20
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
21
|
+
overflow: hidden;
|
|
27
22
|
.avatar-search {
|
|
28
23
|
padding: 10px 10px 5px 10px;
|
|
29
24
|
.ant-input-affix-wrapper {
|
|
30
25
|
border-radius: 20px;
|
|
31
26
|
}
|
|
32
27
|
}
|
|
33
|
-
.
|
|
34
|
-
|
|
35
|
-
|
|
28
|
+
.avatar-menu-item {
|
|
29
|
+
display: flex;
|
|
30
|
+
align-items: center;
|
|
31
|
+
height: 34px;
|
|
32
|
+
padding: 0 15px;
|
|
36
33
|
cursor: pointer;
|
|
34
|
+
.avatar-item_inline {
|
|
35
|
+
flex: 1;
|
|
36
|
+
}
|
|
37
37
|
.icon-check {
|
|
38
|
-
position: absolute;
|
|
39
|
-
right: 12px;
|
|
40
|
-
top: 10px;
|
|
41
38
|
color: @primary-color;
|
|
42
39
|
&.disabled {
|
|
43
40
|
color: #999;
|
|
44
41
|
}
|
|
45
42
|
}
|
|
46
43
|
}
|
|
47
|
-
|
|
48
44
|
.multiple-footer-btn {
|
|
49
45
|
border-top: 1px solid #d9d9dd;
|
|
50
46
|
text-align: right;
|
|
@@ -1,25 +1,36 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
export declare type AvatarListProps = {
|
|
3
|
+
/** 默认members */
|
|
2
4
|
list?: any[];
|
|
3
|
-
|
|
4
|
-
onChange?: (ids?: any[], members?: any[]) => void;
|
|
5
|
+
/** */
|
|
6
|
+
onChange?: (ids?: any[], members?: any[]) => Promise<void> | void;
|
|
7
|
+
/** 可编辑的 */
|
|
5
8
|
editable?: boolean;
|
|
6
|
-
|
|
7
|
-
|
|
9
|
+
/** 显示的最大头像个数 */
|
|
10
|
+
maxCount?: number;
|
|
11
|
+
/** 头像的大小 */
|
|
12
|
+
size?: number;
|
|
13
|
+
/** 多选, 点击Ok才能触发onChange */
|
|
8
14
|
multiple?: boolean;
|
|
15
|
+
/** 新增按钮的自定义图标 */
|
|
16
|
+
icon?: React.ReactNode;
|
|
17
|
+
/** */
|
|
18
|
+
className?: string;
|
|
9
19
|
};
|
|
10
20
|
/** color of member of random display for no url */
|
|
11
21
|
export declare const colorList: string[];
|
|
12
22
|
export declare class State {
|
|
13
|
-
|
|
23
|
+
/** */
|
|
14
24
|
members: any[];
|
|
25
|
+
/** */
|
|
15
26
|
list: any[];
|
|
27
|
+
/** */
|
|
16
28
|
items: any[];
|
|
17
29
|
/** checked of id of members */
|
|
18
30
|
checkedIds: string[];
|
|
19
31
|
visible: boolean;
|
|
20
|
-
|
|
21
|
-
hasMore: boolean;
|
|
22
|
-
/** Keword of member */
|
|
32
|
+
/** KeWord of search member */
|
|
23
33
|
keyword: string;
|
|
24
|
-
|
|
34
|
+
/** loading of on save */
|
|
35
|
+
loading: boolean;
|
|
25
36
|
}
|