@voplus/morpho-document 1.0.0-dev312 → 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.
Files changed (53) hide show
  1. package/es/Modules.js +1 -2
  2. package/es/Modules.js.map +1 -1
  3. package/es/components/AvatarList/AvatarItem/index.d.ts +3 -2
  4. package/es/components/AvatarList/AvatarItem/index.js +8 -13
  5. package/es/components/AvatarList/AvatarItem/index.js.map +1 -1
  6. package/es/components/AvatarList/AvatarItem/index.less +9 -8
  7. package/es/components/AvatarList/index.d.ts +5 -12
  8. package/es/components/AvatarList/index.js +36 -34
  9. package/es/components/AvatarList/index.js.map +1 -1
  10. package/es/components/AvatarList/index.less +24 -28
  11. package/es/components/AvatarList/state.d.ts +18 -9
  12. package/es/components/AvatarList/state.js +4 -17
  13. package/es/components/AvatarList/state.js.map +1 -1
  14. package/es/components/Links/index.less +111 -111
  15. package/es/data/metas/index.d.ts +0 -1
  16. package/es/data/metas/index.js +0 -1
  17. package/es/data/metas/index.js.map +1 -1
  18. package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.d.ts +0 -1
  19. package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.js +5 -54
  20. package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.js.map +1 -1
  21. package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.d.ts +4 -0
  22. package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.js +71 -0
  23. package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.js.map +1 -0
  24. package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.less +21 -0
  25. package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/state.d.ts +6 -0
  26. package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/state.js +17 -0
  27. package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/state.js.map +1 -0
  28. package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.d.ts +4 -0
  29. package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.js +51 -0
  30. package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.js.map +1 -0
  31. package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.less +20 -0
  32. package/es/pages/Signature/Letter/LetterContentView/index.js +14 -23
  33. package/es/pages/Signature/Letter/LetterContentView/index.js.map +1 -1
  34. package/es/pages/Signature/Letter/LetterContentView/state.d.ts +0 -2
  35. package/es/pages/Signature/Letter/LetterContentView/state.js +0 -5
  36. package/es/pages/Signature/Letter/LetterContentView/state.js.map +1 -1
  37. package/es/pages/Signature/Letter/LetterItem/index.js +1 -1
  38. package/es/pages/Signature/Letter/LetterItem/index.js.map +1 -1
  39. package/es/pages/Signature/Letter/LetterList/index.js +27 -5
  40. package/es/pages/Signature/Letter/LetterList/index.js.map +1 -1
  41. package/es/pages/Signature/Letter/LetterList/index.less +29 -0
  42. package/es/pages/Signature/Letter/LetterViewer/index.less +6 -0
  43. package/es/pages/Signature/SignatureDialog/index.js +6 -2
  44. package/es/pages/Signature/SignatureDialog/index.js.map +1 -1
  45. package/package.json +5 -5
  46. package/es/components/ActivityLog/index.d.ts +0 -6
  47. package/es/components/ActivityLog/index.js +0 -113
  48. package/es/components/ActivityLog/index.js.map +0 -1
  49. package/es/components/ActivityLog/index.less +0 -67
  50. package/es/data/metas/SignEnvelopeMeta.d.ts +0 -13
  51. package/es/data/metas/SignEnvelopeMeta.js +0 -22
  52. package/es/data/metas/SignEnvelopeMeta.js.map +0 -1
  53. 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, SignEnvelopeMeta, TextMeta } from "./data/metas";
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,gBAAgB,EAChB,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;QACxC,KAAK,CAAC,OAAO,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;QAE3C,mBAAmB;QACnB,MAAM,CAAC,SAAS,EAAE,CAAC;IACpB,CAAC;CACD,CAAC;AAEF,eAAe,OAAO,CAAC"}
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
- showName?: boolean;
9
+ inline?: boolean;
9
10
  }): JSX.Element;
10
11
  defaultProps: {
11
- showName: boolean;
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, showName } = props;
9
+ const { id, index, size, disabled, inline } = props;
10
10
  const contact = useUnit(id, { reload: false });
11
- return useObserver(() => (React.createElement(React.Fragment, null, !!showName ? (React.createElement("div", { className: classnames({ "avatar-item-disabled": !!disabled }, "avatar-item") },
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
- // src={contact.url}
20
- , {
21
- // src={contact.url}
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
- showName: true
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,KAKnB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAChD,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,QAAQ,CAAC,CAAC,CAAC,CACb,6BAAK,SAAS,EAAE,UAAU,CAAC,EAAE,sBAAsB,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,aAAa,CAAC;QAChF,oBAAC,MAAM;QACN,oBAAoB;;YAApB,oBAAoB;YACpB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAGtD,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;QACN,oBAAoB;;YAApB,oBAAoB;YACpB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAGtD,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,QAAQ,EAAE,IAAI;CACd,CAAC;AACF,eAAe,UAAU,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-item {
2
+ .avatar-item_inline {
3
3
  display: flex;
4
4
  align-items: center;
5
- padding: 5px 0;
6
- color: #333;
5
+ cursor: pointer;
7
6
  .ant-avatar {
8
- margin-right: 6px;
7
+ margin-right: 5px;
9
8
  }
10
- &-disabled {
11
- opacity: 0.7;
9
+ &.disabled {
10
+ color: #999;
12
11
  }
13
12
  }
14
- .avatar-item-img {
15
- margin-right: 6px;
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
- size: string;
16
- num: number;
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, num, className } = props;
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
- load();
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
- const parentWidth = ref.current ? ref.current.parentNode.offsetWidth : 0;
28
- const totalNum = props.num || Math.round(parentWidth / 30) - 1;
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
- state.members &&
37
- state.members
38
- .slice(0, multiple ? state.members.length : state.num)
39
- .map((member, index) => (React.createElement(React.Fragment, { key: member.id },
40
- React.createElement(AvatarItem, { key: member.id, id: member.id, disabled: member.disabled, index: index, showName: false })))),
41
- (editable || state.hasMore) && (React.createElement(Dropdown, { onVisibleChange: visibleChange, visible: state.visible, overlay: React.createElement("div", { className: styles["member-menu-list"] },
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: "member-menu-item", onClick: () => onTick(item, !item.checked) },
46
- React.createElement(AvatarItem, { id: item.id, disabled: item.disabled, index: index }),
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: editable ? ["click"] : ["hover"] }, props.icon ? (React.createElement("span", null,
51
- props.icon,
52
- state.hasMore ? state.members.length - state.num : "")) : (React.createElement(Avatar, { size: size, className: "avatar-text" },
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
- function load() {
85
- const oList = state.list.map(item => {
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 = state.list
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
- size: "small",
103
- num: 0
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":"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"}
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: inline-block;
5
- .avatar-text {
6
- font-size: 14px !important;
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
- .icon-add {
14
- width: 20px;
15
- font-weight: normal;
8
+ .avatar-item-add {
9
+ color: #888;
10
+ background-color: #fff;
11
+ border: 1px solid #f2f2f2;
16
12
  }
17
13
  }
18
- }
19
- .member-menu-list {
20
- display: flex;
21
- flex-direction: column;
22
- height: 60vh;
23
- background: #fff;
24
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
25
- overflow: hidden;
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
- .member-menu-item {
34
- position: relative;
35
- padding: 0 26px 0 15px;
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
- className?: string;
4
- onChange?: (ids?: any[], members?: any[]) => void;
5
+ /** */
6
+ onChange?: (ids?: any[], members?: any[]) => Promise<void>;
7
+ /** 可编辑的 */
5
8
  editable?: boolean;
6
- num?: number;
7
- size?: number | "large" | "small" | "default";
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
- avatarList: any[];
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
- num: number;
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
- this.avatarList = [];
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
- this.num = 0;
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;AAYlC,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;QACoB,eAAU,GAAU,EAAE,CAAC;QACvB,YAAO,GAAU,EAAE,CAAC;QACpB,SAAI,GAAU,EAAE,CAAC;QACjB,UAAK,GAAU,EAAE,CAAC;QACrC,+BAA+B;QACZ,eAAU,GAAa,EAAE,CAAC;QAC7C,sCAAsC;QACnB,YAAO,GAAG,KAAK,CAAC;QAChB,QAAG,GAAG,CAAC,CAAC;QACR,YAAO,GAAG,KAAK,CAAC;QACnC,uBAAuB;QACJ,YAAO,GAAG,EAAE,CAAC;QACb,WAAM,GAAG,KAAK,CAAC;IACnC,CAAC;CAAA;AAbY;IAAX,UAAU;yCAA+B;AAC9B;IAAX,UAAU;sCAA4B;AAC3B;IAAX,UAAU;mCAAyB;AACxB;IAAX,UAAU;oCAA0B;AAEzB;IAAX,UAAU;yCAAkC;AAEjC;IAAX,UAAU;sCAAwB;AACvB;IAAX,UAAU;kCAAgB;AACf;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;sCAAqB;AACpB;IAAX,UAAU;qCAAuB"}
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"}