@voplus/morpho-document 1.0.0-dev311 → 1.0.0-dev313
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/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 +5 -12
- package/es/components/AvatarList/index.js +36 -34
- package/es/components/AvatarList/index.js.map +1 -1
- package/es/components/AvatarList/index.less +24 -28
- package/es/components/AvatarList/state.d.ts +18 -9
- package/es/components/AvatarList/state.js +4 -17
- package/es/components/AvatarList/state.js.map +1 -1
- package/es/components/FilePropertiesView/index.d.ts +5 -0
- package/es/components/FilePropertiesView/index.js +7 -0
- package/es/components/FilePropertiesView/index.js.map +1 -0
- package/es/components/Links/index.less +111 -111
- package/es/data/metas/FileTypeMeta.d.ts +1 -0
- package/es/data/metas/FileTypeMeta.js +4 -0
- package/es/data/metas/FileTypeMeta.js.map +1 -1
- 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/EnvelopeDefaultView/index.js +19 -2
- package/es/pages/Signature/Envelope/EnvelopeDefaultView/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/es/pages/Signature/data/envelope/EnvelopeStore.d.ts +2 -0
- package/es/pages/Signature/data/envelope/EnvelopeStore.js +4 -0
- package/es/pages/Signature/data/envelope/EnvelopeStore.js.map +1 -1
- package/package.json +1 -1
- 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/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"}
|
|
@@ -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,12 @@
|
|
|
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
|
-
|
|
16
|
-
|
|
8
|
+
maxCount: number;
|
|
9
|
+
size: number;
|
|
17
10
|
};
|
|
18
11
|
};
|
|
19
12
|
export default AvatarList;
|
|
@@ -1,58 +1,58 @@
|
|
|
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", onClick: () => visibleChange(false) }, "Ok")))), trigger:
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
"+",
|
|
54
|
-
state.hasMore ? state.members.length - state.num : "")))))));
|
|
55
|
-
function onTick(item, checked) {
|
|
53
|
+
React.createElement(Button, { type: "link", onClick: () => visibleChange(false) }, "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
56
|
if (item.disabled || !editable)
|
|
57
57
|
return;
|
|
58
58
|
state.checkedIds = checked
|
|
@@ -60,7 +60,7 @@ const AvatarList = (props) => {
|
|
|
60
60
|
: state.checkedIds.filter(id => id !== item.id);
|
|
61
61
|
if (props.onChange) {
|
|
62
62
|
item.loading = true;
|
|
63
|
-
props.onChange(state.checkedIds, item);
|
|
63
|
+
await props.onChange(state.checkedIds, item);
|
|
64
64
|
item.loading = false;
|
|
65
65
|
item.checked = !item.checked;
|
|
66
66
|
if (!multiple)
|
|
@@ -81,8 +81,10 @@ const AvatarList = (props) => {
|
|
|
81
81
|
function visibleChange(visible) {
|
|
82
82
|
state.visible = visible;
|
|
83
83
|
}
|
|
84
|
-
|
|
85
|
-
|
|
84
|
+
/** */
|
|
85
|
+
async function load() {
|
|
86
|
+
const list = await unitStore.loadList();
|
|
87
|
+
const oList = list.map((item) => {
|
|
86
88
|
const avatar = state.members.find(({ id }) => item.id === id);
|
|
87
89
|
return {
|
|
88
90
|
...item,
|
|
@@ -90,8 +92,8 @@ const AvatarList = (props) => {
|
|
|
90
92
|
disabled: !!(avatar && avatar.disabled)
|
|
91
93
|
};
|
|
92
94
|
});
|
|
93
|
-
state.checkedIds =
|
|
94
|
-
.filter(item => state.members.some(m => m.id === item.id))
|
|
95
|
+
state.checkedIds = list
|
|
96
|
+
.filter((item) => state.members.some(m => m.id === item.id))
|
|
95
97
|
.map(({ id }) => id);
|
|
96
98
|
state.list = oList;
|
|
97
99
|
state.items = oList;
|
|
@@ -99,8 +101,8 @@ const AvatarList = (props) => {
|
|
|
99
101
|
};
|
|
100
102
|
AvatarList.defaultProps = {
|
|
101
103
|
editable: true,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
+
maxCount: 10,
|
|
105
|
+
size: 26
|
|
104
106
|
};
|
|
105
107
|
export default AvatarList;
|
|
106
108
|
//# 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,34 @@
|
|
|
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>;
|
|
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
|
-
reload: boolean;
|
|
25
34
|
}
|
|
@@ -4,24 +4,20 @@ import { observable } from "mobx";
|
|
|
4
4
|
export const colorList = ["#765FEE", "#fe4066", "#FFC832", "#FF8F5E", "#3AC43A", "#FFC832"];
|
|
5
5
|
export class State {
|
|
6
6
|
constructor() {
|
|
7
|
-
|
|
7
|
+
/** */
|
|
8
8
|
this.members = [];
|
|
9
|
+
/** */
|
|
9
10
|
this.list = [];
|
|
11
|
+
/** */
|
|
10
12
|
this.items = [];
|
|
11
13
|
/** checked of id of members */
|
|
12
14
|
this.checkedIds = [];
|
|
13
15
|
// @observable public loading = false;
|
|
14
16
|
this.visible = false;
|
|
15
|
-
|
|
16
|
-
this.hasMore = false;
|
|
17
|
-
/** Keword of member */
|
|
17
|
+
/** KeWord of search member */
|
|
18
18
|
this.keyword = "";
|
|
19
|
-
this.reload = false;
|
|
20
19
|
}
|
|
21
20
|
}
|
|
22
|
-
__decorate([
|
|
23
|
-
observable
|
|
24
|
-
], State.prototype, "avatarList", void 0);
|
|
25
21
|
__decorate([
|
|
26
22
|
observable
|
|
27
23
|
], State.prototype, "members", void 0);
|
|
@@ -37,16 +33,7 @@ __decorate([
|
|
|
37
33
|
__decorate([
|
|
38
34
|
observable
|
|
39
35
|
], State.prototype, "visible", void 0);
|
|
40
|
-
__decorate([
|
|
41
|
-
observable
|
|
42
|
-
], State.prototype, "num", void 0);
|
|
43
|
-
__decorate([
|
|
44
|
-
observable
|
|
45
|
-
], State.prototype, "hasMore", void 0);
|
|
46
36
|
__decorate([
|
|
47
37
|
observable
|
|
48
38
|
], State.prototype, "keyword", void 0);
|
|
49
|
-
__decorate([
|
|
50
|
-
observable
|
|
51
|
-
], State.prototype, "reload", void 0);
|
|
52
39
|
//# sourceMappingURL=state.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/AvatarList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/AvatarList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAqBlC,mDAAmD;AACnD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAE5F,MAAM,OAAO,KAAK;IAAlB;QACC,MAAM;QACa,YAAO,GAAU,EAAE,CAAC;QACvC,MAAM;QACa,SAAI,GAAU,EAAE,CAAC;QACpC,MAAM;QACa,UAAK,GAAU,EAAE,CAAC;QACrC,+BAA+B;QACZ,eAAU,GAAa,EAAE,CAAC;QAC7C,sCAAsC;QACnB,YAAO,GAAG,KAAK,CAAC;QACnC,+BAA+B;QACZ,YAAO,GAAG,EAAE,CAAC;IACjC,CAAC;CAAA;AAXY;IAAX,UAAU;sCAA4B;AAE3B;IAAX,UAAU;mCAAyB;AAExB;IAAX,UAAU;oCAA0B;AAEzB;IAAX,UAAU;yCAAkC;AAEjC;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;sCAAqB"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import FileViewer from "../FileViewer";
|
|
2
|
+
import React from "react";
|
|
3
|
+
const FilePropertiesView = (props) => {
|
|
4
|
+
return (React.createElement(FileViewer, { id: props.id, style: { width: "100%", height: "100%", textAlign: "center" } }));
|
|
5
|
+
};
|
|
6
|
+
export default FilePropertiesView;
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FilePropertiesView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,kBAAkB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACpD,OAAO,CACN,oBAAC,UAAU,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAI,CAC3F,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|