@voplus/morpho-document 1.0.0-dev322 → 1.0.0-dev325
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/changelog.md +7 -0
- package/es/components/ActivityLog/ActivityLog2/index.js +0 -14
- package/es/components/ActivityLog/ActivityLog2/index.js.map +1 -1
- package/es/components/ActivityLog/state.js +0 -2
- package/es/components/ActivityLog/state.js.map +1 -1
- package/es/components/AvatarList/ListView.d.ts +5 -0
- package/es/components/AvatarList/ListView.js +103 -0
- package/es/components/AvatarList/ListView.js.map +1 -0
- package/es/components/AvatarList/index.d.ts +1 -0
- package/es/components/AvatarList/index.js +19 -95
- package/es/components/AvatarList/index.js.map +1 -1
- package/es/components/AvatarList/index.less +13 -2
- package/es/components/AvatarList/state.d.ts +12 -5
- package/es/components/AvatarList/state.js +16 -10
- package/es/components/AvatarList/state.js.map +1 -1
- package/es/components/DocumentCard/state.js +1 -2
- package/es/components/DocumentCard/state.js.map +1 -1
- package/es/components/DocumentHeader/state.js +1 -1
- package/es/components/DocumentHeader/state.js.map +1 -1
- package/es/components/DocumentList/index.js +14 -7
- package/es/components/DocumentList/index.js.map +1 -1
- package/es/components/DocumentMenu/state.js +2 -2
- package/es/components/DocumentMenu/state.js.map +1 -1
- package/es/components/DocumentName/index.js +1 -1
- package/es/components/DocumentName/index.js.map +1 -1
- package/es/components/FileViewer/Preview.js +0 -1
- package/es/components/FileViewer/Preview.js.map +1 -1
- package/es/components/FileViewer/index.less +1 -1
- package/es/components/Links/index.js +2 -2
- package/es/components/Links/index.js.map +1 -1
- package/es/components/NewDocumentForm/state.d.ts +2 -1
- package/es/components/NewDocumentForm/state.js +6 -3
- package/es/components/NewDocumentForm/state.js.map +1 -1
- package/es/components/PublishModal/index.js +5 -2
- package/es/components/PublishModal/index.js.map +1 -1
- package/es/components/TagView/index.js +2 -2
- package/es/components/TagView/index.js.map +1 -1
- package/es/components/VersionsModal/index.js +1 -1
- package/es/components/VersionsModal/index.js.map +1 -1
- package/es/controls/DescriptionEditor/index.js +4 -1
- package/es/controls/DescriptionEditor/index.js.map +1 -1
- package/es/controls/FlagIcon/index.js +1 -1
- package/es/controls/FlagIcon/index.js.map +1 -1
- package/es/controls/ToolBar/menus/Lock.js +3 -1
- package/es/controls/ToolBar/menus/Lock.js.map +1 -1
- package/es/controls/ToolBar/menus/Unlock.js +3 -1
- package/es/controls/ToolBar/menus/Unlock.js.map +1 -1
- package/es/controls/data-icons/DateQuickIcon/index.js +1 -1
- package/es/controls/data-icons/DateQuickIcon/index.js.map +1 -1
- package/es/controls/filters/DocumentStatusFilter/state.js +1 -2
- package/es/controls/filters/DocumentStatusFilter/state.js.map +1 -1
- package/es/controls/filters/DocumentTypeFilter/state.js +1 -2
- package/es/controls/filters/DocumentTypeFilter/state.js.map +1 -1
- package/es/controls/filters/FlagFilter/state.js +1 -2
- package/es/controls/filters/FlagFilter/state.js.map +1 -1
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.d.ts +1 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.js +25 -2
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.js.map +1 -1
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.less +22 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.d.ts +3 -1
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.js +3 -5
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/mobile/index.js.map +1 -1
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.d.ts +3 -1
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.js +12 -10
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.js.map +1 -1
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.less +25 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/state.d.ts +11 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/state.js +37 -0
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/state.js.map +1 -0
- package/es/pages/Signature/Letter/LetterContentView/index.js +3 -1
- package/es/pages/Signature/Letter/LetterContentView/index.js.map +1 -1
- package/es/pages/Signature/Letter/LetterItem/index.d.ts +2 -0
- package/es/pages/Signature/Letter/LetterItem/index.js +16 -9
- package/es/pages/Signature/Letter/LetterItem/index.js.map +1 -1
- package/es/pages/Signature/Letter/LetterItem/index.less +4 -0
- package/es/pages/Signature/Letter/LetterItem/state.d.ts +5 -0
- package/es/pages/Signature/Letter/LetterItem/state.js +17 -2
- package/es/pages/Signature/Letter/LetterItem/state.js.map +1 -1
- package/es/pages/Signature/Letter/LetterList/index.js +7 -4
- package/es/pages/Signature/Letter/LetterList/index.js.map +1 -1
- package/es/pages/Signature/Letter/LetterViewer/index.js +4 -1
- package/es/pages/Signature/Letter/LetterViewer/index.js.map +1 -1
- package/es/pages/Signature/SignatureTable/RemoveSignatureDialog.d.ts +14 -0
- package/es/pages/Signature/SignatureTable/RemoveSignatureDialog.js +14 -0
- package/es/pages/Signature/SignatureTable/RemoveSignatureDialog.js.map +1 -0
- package/es/pages/Signature/SignatureTable/index.js +46 -23
- package/es/pages/Signature/SignatureTable/index.js.map +1 -1
- package/es/pages/Signature/SignatureTable/state.d.ts +2 -0
- package/es/pages/Signature/SignatureTable/state.js +5 -0
- package/es/pages/Signature/SignatureTable/state.js.map +1 -1
- package/es/pages/Signature/data/EnvelopeContext.d.ts +2 -0
- package/es/pages/Signature/data/EnvelopeContext.js +6 -1
- package/es/pages/Signature/data/EnvelopeContext.js.map +1 -1
- package/es/pages/Signature/data/envelope/EnvelopeStore.d.ts +2 -0
- package/es/pages/Signature/data/envelope/EnvelopeStore.js +6 -1
- package/es/pages/Signature/data/envelope/EnvelopeStore.js.map +1 -1
- package/es/pages/Signature/data/envelope/type.d.ts +2 -2
- package/package.json +6 -6
package/changelog.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
[Fix]: Envelope Default View Letter Icon 签名,未签名信息使用真资料
|
|
2
|
+
[Improve] Sign Receipent View 增加简介页、Sign Receipent View , 用户签好名后,需要reload activities
|
|
3
|
+
【Fix】Test 上 Drive打开文件PropertiesView console显示错误
|
|
4
|
+
【Improvement】改进Store action 错误处理,适当使用StoreActionOptions显示错误信息
|
|
5
|
+
minor: QuickView 改成边到边; FIx: List filter rest几次后list 会不正常的变空
|
|
6
|
+
|
|
7
|
+
# 01 Jan 2021
|
|
1
8
|
[Fix]: Failed to load PDF file
|
|
2
9
|
【Improvement】DocumerntSortableTree 增加隐藏根节点
|
|
3
10
|
【Improvement】美化 DocumentSortableThree (Explorer Theme)
|
|
@@ -33,7 +33,6 @@ const ActivityLog = (props) => {
|
|
|
33
33
|
React.createElement("div", { className: "activity-time-line" },
|
|
34
34
|
isHeader && (React.createElement(ListHeader, { viewTitle: "Activity Log", sortable: false, addAble: false, filterViewProps: {
|
|
35
35
|
columns: [React.createElement(ActivityActionFilter, { key: "ActivityActionFilter" })],
|
|
36
|
-
onFilter: onFilter,
|
|
37
36
|
} })),
|
|
38
37
|
React.createElement(InfiniteScrollView, { empty: list.isEmpty, loading: list.loading, hasMore: list.hasMore, loadMore: loadMore },
|
|
39
38
|
bar && React.createElement(CommentBar, { id: id }),
|
|
@@ -48,19 +47,6 @@ const ActivityLog = (props) => {
|
|
|
48
47
|
function loadMore() {
|
|
49
48
|
list.triggerNextPage();
|
|
50
49
|
}
|
|
51
|
-
function onFilter(filters) {
|
|
52
|
-
list.clear();
|
|
53
|
-
const { filterStates } = filters;
|
|
54
|
-
const { activityActions } = filterStates.get("Action");
|
|
55
|
-
const actions = Array.from(activityActions.keys());
|
|
56
|
-
if (actions && actions.length)
|
|
57
|
-
list.filters.replace({
|
|
58
|
-
c: "Action",
|
|
59
|
-
o: "contains",
|
|
60
|
-
v1: JSON.stringify(actions),
|
|
61
|
-
l: "And",
|
|
62
|
-
});
|
|
63
|
-
}
|
|
64
50
|
};
|
|
65
51
|
ActivityLog.defaultProps = {
|
|
66
52
|
bar: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ActivityLog/ActivityLog2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEpF,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,uBAAuB,MAAM,+BAA+B,CAAC;AACpE,OAAO,kBAAkB,MAAM,kDAAkD,CAAC;AAClF,OAAO,UAAU,MAAM,oEAAoE,CAAC;AAC5F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mEAAmE,CAAC;AAChH,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,GAAG,CAAC,KAWpB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE9C,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,2BAA2B,EAAE,CAAC;IAElD,MAAM,IAAI,GAAG,sBAAsB,CAClC;QACC,cAAc,EAAE;YACf,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;YACxC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;SACpD;KACD,EACD,CAAC,EAAE,CAAC,CACJ,CAAC;IAEF,2DAA2D;IAC3D,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9C,sDAAsD;IACtD,qBAAqB,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAElF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QACpC,6BAAK,SAAS,EAAE,UAAU,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;YACpE,6BAAK,SAAS,EAAC,oBAAoB;gBACjC,QAAQ,IAAI,CACZ,oBAAC,UAAU,IACV,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,KAAK,EACd,eAAe,EAAE;wBAChB,OAAO,EAAE,CAAC,oBAAC,oBAAoB,IAAC,GAAG,EAAC,sBAAsB,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ActivityLog/ActivityLog2/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAM1C,MAAM,OAAO,KAAK;IAAlB;QACa,SAAI,GAAG,CAAC,CAAC;QACrB,8BAA8B;QAClB,YAAO,GAAG,KAAK,CAAC;QAG5B,2BAA2B;QACR,qBAAgB,GAAG,KAAK,CAAC;QAC5C,cAAc;QACK,YAAO,GAAG,EAAE,CAAC;QAChC,4DAA4D;QACzC,aAAQ,GAAG,IAAI,CAAC;QACnC,MAAM;QACa,oBAAe,GAAyB,IAAI,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAM1C,MAAM,OAAO,KAAK;IAAlB;QACa,SAAI,GAAG,CAAC,CAAC;QACrB,8BAA8B;QAClB,YAAO,GAAG,KAAK,CAAC;QAG5B,2BAA2B;QACR,qBAAgB,GAAG,KAAK,CAAC;QAC5C,cAAc;QACK,YAAO,GAAG,EAAE,CAAC;QAChC,4DAA4D;QACzC,aAAQ,GAAG,IAAI,CAAC;QACnC,MAAM;QACa,oBAAe,GAAyB,IAAI,GAAG,EAAE,CAAC;IAoCtE,CAAC;IAjCO,YAAY,CAAC,KAAa;QAChC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC;YAC9B,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC;YACpC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC1C,CAAC;IAGM,UAAU,CAAC,OAA8B;;QAC/C,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,OAAO,EAAE;YACZ,MAAC,OAAO,CAAC,aAAa,CAAC,cAAc,CAAoB,0CAAE,KAAK,GAAG;SACnE;IACF,CAAC;IAGM,UAAU;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,IAAW,OAAO;QACjB,OAAO;YACN;gBACC,CAAC,EAAE,QAAQ;gBACX,CAAC,EAAE,UAAU;gBACb,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC3D,CAAC,EAAE,KAAK;aACQ;SACjB,CAAC;IACH,CAAC;IAEM,KAAK;QACX,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC;IAC9B,CAAC;CACD;AAhDY;IAAX,UAAU;mCAAU;AAET;IAAX,UAAU;sCAAiB;AAEhB;IAAX,UAAU;wCAA6B;AAE5B;IAAX,UAAU;+CAAiC;AAEhC;IAAX,UAAU;sCAAqB;AAEpB;IAAX,UAAU;uCAAwB;AAEvB;IAAX,UAAU;8CAA0D;AAGrE;IADC,MAAM;yCAKN;AAGD;IADC,MAAM;uCAMN;AAGD;IADC,MAAM;uCAGN"}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import { useMemberContext } from "./state";
|
|
3
|
+
import { Button, Input, Spin } from "@voplus/antd";
|
|
4
|
+
import { useUnitListEffect } from "@voplus/morpho-org";
|
|
5
|
+
import React, { useState } from "react";
|
|
6
|
+
import AvatarItem from "./AvatarItem";
|
|
7
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
8
|
+
import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
|
|
9
|
+
import { LoadingOutlined } from "@ant-design/icons";
|
|
10
|
+
import classnames from "classnames";
|
|
11
|
+
import { faCheck } from "@fortawesome/pro-light-svg-icons";
|
|
12
|
+
import { useCreateListDataState } from "@voplus/morpho-ui/es/data";
|
|
13
|
+
import { useObserver } from "mobx-react-lite";
|
|
14
|
+
const ListView = (props) => {
|
|
15
|
+
const { multiple, buttonText, size, editable } = props;
|
|
16
|
+
const context = useMemberContext();
|
|
17
|
+
const [, setTimer] = useState();
|
|
18
|
+
const list = useCreateListDataState({
|
|
19
|
+
filterDefaults: {
|
|
20
|
+
page: { Page: 1, PageSize: 50 },
|
|
21
|
+
},
|
|
22
|
+
}, []);
|
|
23
|
+
useUnitListEffect(list, (result) => {
|
|
24
|
+
const oList = result.map((item) => {
|
|
25
|
+
const avatar = context.members.find(({ id }) => item.id === id);
|
|
26
|
+
return {
|
|
27
|
+
...item,
|
|
28
|
+
checked: !!(avatar && avatar.id),
|
|
29
|
+
disabled: !!(avatar && avatar.disabled),
|
|
30
|
+
};
|
|
31
|
+
});
|
|
32
|
+
context.checkedIds = result
|
|
33
|
+
.filter((item) => context.members.some((m) => m.id === item.id))
|
|
34
|
+
.map(({ id }) => id);
|
|
35
|
+
// context.list = oList;
|
|
36
|
+
list.union(oList);
|
|
37
|
+
}, {
|
|
38
|
+
...list.filters.options,
|
|
39
|
+
Filters: context.filters,
|
|
40
|
+
});
|
|
41
|
+
return useObserver(() => (React.createElement("div", { className: "avatar-list-view_menu" },
|
|
42
|
+
React.createElement("div", { className: "avatar-search" },
|
|
43
|
+
React.createElement(Input.Search, { value: context.keyword, autoFocus: true, onSearch: searchByKeWord, onChange: (e) => searchByKeWord(e.target.value) }),
|
|
44
|
+
multiple && (React.createElement(Button, { type: "link", loading: context.saveLoading, onClick: onOk, className: "save-btn" }, buttonText))),
|
|
45
|
+
React.createElement("div", { style: { flex: 1 } }, context.loading ? (React.createElement("div", { style: { textAlign: "center", paddingTop: "20px" } },
|
|
46
|
+
React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 20 }, spin: true }) }))) : (React.createElement(InfiniteScrollView, { empty: list.isEmpty, loading: list.loading, hasMore: list.hasMore, loadMore: loadMore }, list.data.map((item, index) => (React.createElement("div", { key: item.id, className: "avatar-menu-item", onClick: () => onTick(item, !item.checked) },
|
|
47
|
+
React.createElement(AvatarItem, { id: item.id, index: index, size: size, inline: true, disabled: item.disabled }),
|
|
48
|
+
item.checked && (React.createElement(FAIcon, { icon: faCheck, className: classnames("icon-check", { disabled: item.disabled }) })),
|
|
49
|
+
item.loading && React.createElement(LoadingOutlined, { className: "icon-check" }))))))))));
|
|
50
|
+
function loadMore() {
|
|
51
|
+
list.triggerNextPage();
|
|
52
|
+
}
|
|
53
|
+
async function onTick(item, checked) {
|
|
54
|
+
var _a;
|
|
55
|
+
if (item.disabled || !editable)
|
|
56
|
+
return;
|
|
57
|
+
context.checkedIds = checked
|
|
58
|
+
? [...context.checkedIds, item.id]
|
|
59
|
+
: context.checkedIds.filter((id) => id !== item.id);
|
|
60
|
+
/** 单选 */
|
|
61
|
+
item.loading = true;
|
|
62
|
+
if (!multiple)
|
|
63
|
+
await ((_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, context.checkedIds, item));
|
|
64
|
+
item.loading = false;
|
|
65
|
+
item.checked = !item.checked;
|
|
66
|
+
if (!multiple)
|
|
67
|
+
context.visible = false;
|
|
68
|
+
/** 多选 */
|
|
69
|
+
if (multiple && buttonText === "Ok")
|
|
70
|
+
context.members = checked
|
|
71
|
+
? [...context.members, item]
|
|
72
|
+
: context.members.filter(({ id }) => id !== item.id);
|
|
73
|
+
}
|
|
74
|
+
/** multiple save */
|
|
75
|
+
async function onOk() {
|
|
76
|
+
var _a;
|
|
77
|
+
context.saveLoading = true;
|
|
78
|
+
await ((_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, context.checkedIds, context.members));
|
|
79
|
+
context.saveLoading = false;
|
|
80
|
+
context.visible = false;
|
|
81
|
+
}
|
|
82
|
+
function searchByKeWord(keyword) {
|
|
83
|
+
context.keyword = keyword;
|
|
84
|
+
setTimer(setTimeout(() => {
|
|
85
|
+
context.filters = keyword ? [{ c: "Name", o: "contains", l: "And", v1: keyword }] : [];
|
|
86
|
+
list.clear();
|
|
87
|
+
setTimer(undefined);
|
|
88
|
+
}, 500));
|
|
89
|
+
// const items = context.list.filter(
|
|
90
|
+
// ({ name }: any) =>
|
|
91
|
+
// name
|
|
92
|
+
// .toLowerCase()
|
|
93
|
+
// .replace(/\s*/g, "")
|
|
94
|
+
// .indexOf(keyWord.toLowerCase().replace(/\s*/g, "")) !== -1
|
|
95
|
+
// );
|
|
96
|
+
// for (const item of items) {
|
|
97
|
+
// list.remove(item.id);
|
|
98
|
+
// }
|
|
99
|
+
// list.union(items);
|
|
100
|
+
}
|
|
101
|
+
};
|
|
102
|
+
export default ListView;
|
|
103
|
+
//# sourceMappingURL=ListView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListView.js","sourceRoot":"","sources":["../../../src/components/AvatarList/ListView.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAmB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAS,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,kBAAkB,MAAM,kDAAkD,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,QAAQ,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC3C,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IAEnC,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAkB,CAAC;IAEhD,MAAM,IAAI,GAAG,sBAAsB,CAClC;QACC,cAAc,EAAE;YACf,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;SAC/B;KACD,EACD,EAAE,CACF,CAAC;IAEF,iBAAiB,CAChB,IAAI,EACJ,CAAC,MAAM,EAAE,EAAE;QACV,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;YACtC,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAChE,OAAO;gBACN,GAAG,IAAI;gBACP,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,EAAE,CAAC;gBAChC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC;aACvC,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,CAAC,UAAU,GAAG,MAAM;aACzB,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;aACpE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAO,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;QAC3B,wBAAwB;QACxB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD;QACC,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO;QACvB,OAAO,EAAE,OAAO,CAAC,OAAO;KACxB,CACD,CAAC;IACF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAC,uBAAuB;QACrC,6BAAK,SAAS,EAAC,eAAe;YAC7B,oBAAC,KAAK,CAAC,MAAM,IACZ,KAAK,EAAE,OAAO,CAAC,OAAO,EACtB,SAAS,QACT,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC9C;YACD,QAAQ,IAAI,CACZ,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,UAAU,IACnF,UAAU,CACH,CACT,CACI;QAEN,6BAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IACrB,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAClB,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE;YACtD,oBAAC,IAAI,IAAC,SAAS,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,SAAG,GAAI,CACjE,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,kBAAkB,IAClB,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,QAAQ,IAEjB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,CAC5C,6BACC,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;YAE1C,oBAAC,UAAU,IACV,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,QACN,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACtB;YACD,IAAI,CAAC,OAAO,IAAI,CAChB,oBAAC,MAAM,IACN,IAAI,EAAE,OAAO,EACb,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,GAC/D,CACF;YACA,IAAI,CAAC,OAAO,IAAI,oBAAC,eAAe,IAAC,SAAS,EAAC,YAAY,GAAG,CACtD,CACN,CAAC,CACkB,CACrB,CACI,CACD,CACN,CAAC,CAAC;IACH,SAAS,QAAQ;QAChB,IAAI,CAAC,eAAe,EAAE,CAAC;IACxB,CAAC;IACD,KAAK,UAAU,MAAM,CAAC,IAAS,EAAE,OAAgB;;QAChD,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ;YAAE,OAAO;QACvC,OAAO,CAAC,UAAU,GAAG,OAAO;YAC3B,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,CAAC;YAClC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;QAErD,SAAS;QACT,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,QAAQ;YAAE,aAAM,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,OAAO,CAAC,UAAU,EAAE,IAAI,EAAC,CAAC;QAChE,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,QAAQ;YAAE,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAEvC,SAAS;QACT,IAAI,QAAQ,IAAI,UAAU,KAAK,IAAI;YAClC,OAAO,CAAC,OAAO,GAAG,OAAO;gBACxB,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC;gBAC5B,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;IACxD,CAAC;IACD,oBAAoB;IACpB,KAAK,UAAU,IAAI;;QAClB,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;QAC3B,aAAM,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,OAAO,EAAC,CAAC;QAC5D,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC;QAC5B,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IACD,SAAS,cAAc,CAAC,OAAe;QACtC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC;QAC1B,QAAQ,CACP,UAAU,CAAC,GAAG,EAAE;YACf,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACvF,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,CAAC,SAAS,CAAC,CAAC;QACrB,CAAC,EAAE,GAAG,CAAQ,CACd,CAAC;QACF,qCAAqC;QACrC,sBAAsB;QACtB,SAAS;QACT,oBAAoB;QACpB,0BAA0B;QAC1B,gEAAgE;QAChE,KAAK;QACL,8BAA8B;QAC9B,yBAAyB;QACzB,IAAI;QACJ,qBAAqB;IACtB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,117 +1,41 @@
|
|
|
1
1
|
import "./index.less";
|
|
2
|
-
import { Avatar,
|
|
3
|
-
import { State } from "./state";
|
|
4
|
-
import {
|
|
5
|
-
import React, { useEffect, useRef, useState } from "react";
|
|
6
|
-
import { useUnitListEffect, useUnitStore } from "@voplus/morpho-org";
|
|
2
|
+
import { Avatar, Dropdown } from "@voplus/antd";
|
|
3
|
+
import { MemberContext, State } from "./state";
|
|
4
|
+
import React, { useEffect, useState } from "react";
|
|
7
5
|
import AvatarItem from "./AvatarItem";
|
|
8
|
-
import
|
|
9
|
-
import
|
|
6
|
+
import ListView from "./ListView";
|
|
7
|
+
import { PlusOutlined } from "@ant-design/icons";
|
|
10
8
|
import classnames from "classnames";
|
|
11
|
-
import { faCheck } from "@fortawesome/pro-light-svg-icons";
|
|
12
9
|
import { useObserver } from "mobx-react-lite";
|
|
13
10
|
const AvatarList = (props) => {
|
|
14
|
-
const {
|
|
11
|
+
const { list, size, editable, maxCount, icon, className } = props;
|
|
15
12
|
const [state] = useState(new State());
|
|
16
|
-
const unitStore = useUnitStore();
|
|
17
|
-
useUnitListEffect(null, (list) => {
|
|
18
|
-
state.list = list;
|
|
19
|
-
});
|
|
20
13
|
useEffect(() => {
|
|
21
|
-
state.items = [];
|
|
22
14
|
state.keyword = "";
|
|
23
|
-
if (state.visible)
|
|
24
|
-
load();
|
|
25
15
|
}, [state.visible]);
|
|
26
16
|
useEffect(() => {
|
|
27
17
|
state.members = list || [];
|
|
28
|
-
|
|
29
|
-
// if (!multiple) {
|
|
30
|
-
// const parentWidth = ref.current ? ref.current.parentNode.offsetWidth : 0;
|
|
31
|
-
// const totalNum = Math.round(parentWidth / 26) - 1;
|
|
32
|
-
// 最多显示10个
|
|
33
|
-
// const num = totalNum > 9 && !multiple ? 9 : totalNum;
|
|
18
|
+
/** 加上JSON.stringify避免为list每次为[]时,state.members也为[] */
|
|
34
19
|
}, [JSON.stringify(list)]);
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
React.createElement(
|
|
46
|
-
React.createElement(Input.Search, { value: state.keyword, autoFocus: true, onSearch: searchByKeWord, onChange: (e) => searchByKeWord(e.target.value) })),
|
|
47
|
-
React.createElement("div", { style: { flex: 1 } },
|
|
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 }),
|
|
50
|
-
item.checked && (React.createElement(FAIcon, { icon: faCheck, className: classnames("icon-check", { disabled: item.disabled }) })),
|
|
51
|
-
item.loading && React.createElement(LoadingOutlined, { className: "icon-check" })))))),
|
|
52
|
-
multiple && (React.createElement("div", { className: "multiple-footer-btn" },
|
|
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;
|
|
57
|
-
if (item.disabled || !editable)
|
|
58
|
-
return;
|
|
59
|
-
state.checkedIds = checked
|
|
60
|
-
? [...state.checkedIds, item.id]
|
|
61
|
-
: state.checkedIds.filter((id) => id !== item.id);
|
|
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
|
-
/** 多选 */
|
|
71
|
-
if (!!multiple)
|
|
72
|
-
state.members = checked
|
|
73
|
-
? [...state.members, item]
|
|
74
|
-
: state.members.filter(({ id }) => id !== item.id);
|
|
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
|
-
}
|
|
84
|
-
function searchByKeWord(keyWord) {
|
|
85
|
-
state.keyword = keyWord;
|
|
86
|
-
state.items = state.list.filter(({ name }) => name
|
|
87
|
-
.toLowerCase()
|
|
88
|
-
.replace(/\s*/g, "")
|
|
89
|
-
.indexOf(keyWord.toLowerCase().replace(/\s*/g, "")) !== -1);
|
|
90
|
-
}
|
|
20
|
+
return useObserver(() => (React.createElement(MemberContext.Provider, { value: state },
|
|
21
|
+
React.createElement("div", { className: classnames("avatar-list-view", className) },
|
|
22
|
+
React.createElement(Avatar.Group, { maxCount: maxCount, maxStyle: {
|
|
23
|
+
color: "#f56a00",
|
|
24
|
+
backgroundColor: "#fde3cf",
|
|
25
|
+
width: size,
|
|
26
|
+
height: size,
|
|
27
|
+
lineHeight: size,
|
|
28
|
+
} }, state.members.map((member, index) => (React.createElement(AvatarItem, { key: member.id, id: member.id, index: index, size: size })))),
|
|
29
|
+
editable && (React.createElement(Dropdown, { onVisibleChange: visibleChange, visible: state.visible, overlay: React.createElement(ListView, Object.assign({}, props)), trigger: ["click"] },
|
|
30
|
+
React.createElement(Avatar, { size: size, icon: icon || React.createElement(PlusOutlined, null), className: "avatar-item_block avatar-item-add", style: !!state.members.length ? { marginLeft: "-5px" } : {} })))))));
|
|
91
31
|
function visibleChange(visible) {
|
|
92
32
|
state.visible = visible;
|
|
93
33
|
}
|
|
94
|
-
/** */
|
|
95
|
-
async function load() {
|
|
96
|
-
const list = await unitStore.loadList();
|
|
97
|
-
const oList = list.map((item) => {
|
|
98
|
-
const avatar = state.members.find(({ id }) => item.id === id);
|
|
99
|
-
return {
|
|
100
|
-
...item,
|
|
101
|
-
checked: !!(avatar && avatar.id),
|
|
102
|
-
disabled: !!(avatar && avatar.disabled),
|
|
103
|
-
};
|
|
104
|
-
});
|
|
105
|
-
state.checkedIds = list
|
|
106
|
-
.filter((item) => state.members.some((m) => m.id === item.id))
|
|
107
|
-
.map(({ id }) => id);
|
|
108
|
-
state.list = oList;
|
|
109
|
-
state.items = oList;
|
|
110
|
-
}
|
|
111
34
|
};
|
|
112
35
|
AvatarList.defaultProps = {
|
|
113
36
|
editable: true,
|
|
114
37
|
size: 26,
|
|
38
|
+
buttonText: "Ok",
|
|
115
39
|
};
|
|
116
40
|
export default AvatarList;
|
|
117
41
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAmB,aAAa,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC7C,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAClE,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,GAAG,IAAI,IAAI,EAAE,CAAC;QAC3B,sDAAsD;IACvD,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAE3B,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACnC,6BAAK,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC;YACxD,oBAAC,MAAM,CAAC,KAAK,IACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE;oBACT,KAAK,EAAE,SAAS;oBAChB,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,IAAI;oBACX,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,IAAI;iBAChB,IAEA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,KAAa,EAAE,EAAE,CAAC,CAClD,oBAAC,UAAU,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACvE,CAAC,CACY;YAEd,QAAQ,IAAI,CACZ,oBAAC,QAAQ,IACR,eAAe,EAAE,aAAa,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,oBAAC,QAAQ,oBAAK,KAAK,EAAI,EAChC,OAAO,EAAE,CAAC,OAAO,CAAC;gBAElB,oBAAC,MAAM,IACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,IAAI,oBAAC,YAAY,OAAG,EAC9B,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,GAC1D,CACQ,CACX,CACI,CACkB,CACzB,CAAC,CAAC;IACH,SAAS,aAAa,CAAC,OAAgB;QACtC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;AACF,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE,EAAE;IACR,UAAU,EAAE,IAAI;CAChB,CAAC;AACF,eAAe,UAAU,CAAC"}
|
|
@@ -20,19 +20,30 @@
|
|
|
20
20
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
21
21
|
overflow: hidden;
|
|
22
22
|
.avatar-search {
|
|
23
|
+
display: flex;
|
|
24
|
+
justify-content: space-between;
|
|
25
|
+
align-items: center;
|
|
23
26
|
padding: 10px 10px 5px 10px;
|
|
24
27
|
.ant-input-affix-wrapper {
|
|
25
28
|
border-radius: 20px;
|
|
26
29
|
}
|
|
30
|
+
.save-btn.ant-btn {
|
|
31
|
+
margin-left: 8px;
|
|
32
|
+
padding: 0 2px;
|
|
33
|
+
}
|
|
27
34
|
}
|
|
28
35
|
.avatar-menu-item {
|
|
29
36
|
display: flex;
|
|
30
37
|
align-items: center;
|
|
31
|
-
height: 34px;
|
|
32
|
-
padding:
|
|
38
|
+
// height: 34px;
|
|
39
|
+
padding: 5px 10px 5px 15px;
|
|
40
|
+
line-height: 15px;
|
|
33
41
|
cursor: pointer;
|
|
34
42
|
.avatar-item_inline {
|
|
35
43
|
flex: 1;
|
|
44
|
+
.ant-avatar {
|
|
45
|
+
flex-shrink: 0;
|
|
46
|
+
}
|
|
36
47
|
}
|
|
37
48
|
.icon-check {
|
|
38
49
|
color: @primary-color;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { FilterOption } from "@voplus/morpho-data";
|
|
2
3
|
export declare type AvatarListProps = {
|
|
3
4
|
/** 默认members */
|
|
4
5
|
list?: any[];
|
|
@@ -10,12 +11,14 @@ export declare type AvatarListProps = {
|
|
|
10
11
|
maxCount?: number;
|
|
11
12
|
/** 头像的大小 */
|
|
12
13
|
size?: number;
|
|
13
|
-
/** 多选, 点击
|
|
14
|
+
/** 多选, 点击'Save' Button才能触发onChange */
|
|
14
15
|
multiple?: boolean;
|
|
15
16
|
/** 新增按钮的自定义图标 */
|
|
16
17
|
icon?: React.ReactNode;
|
|
17
18
|
/** */
|
|
18
19
|
className?: string;
|
|
20
|
+
/** multiple 时按钮文本 */
|
|
21
|
+
buttonText?: "Save" | "Ok";
|
|
19
22
|
};
|
|
20
23
|
/** color of member of random display for no url */
|
|
21
24
|
export declare const colorList: string[];
|
|
@@ -23,14 +26,18 @@ export declare class State {
|
|
|
23
26
|
/** */
|
|
24
27
|
members: any[];
|
|
25
28
|
/** */
|
|
26
|
-
list: any[];
|
|
27
|
-
/** */
|
|
28
|
-
items: any[];
|
|
29
29
|
/** checked of id of members */
|
|
30
30
|
checkedIds: string[];
|
|
31
31
|
visible: boolean;
|
|
32
32
|
/** KeWord of search member */
|
|
33
33
|
keyword: string;
|
|
34
|
-
/** loading of on
|
|
34
|
+
/** loading of on load */
|
|
35
35
|
loading: boolean;
|
|
36
|
+
/** loading of on save */
|
|
37
|
+
saveLoading: boolean;
|
|
38
|
+
/** */
|
|
39
|
+
filters: FilterOption[];
|
|
36
40
|
}
|
|
41
|
+
export declare const MemberContext: import("react").Context<State>;
|
|
42
|
+
/** React hook to retrieve the nearest FormRowContext. */
|
|
43
|
+
export declare const useMemberContext: () => State;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
+
import { createContext, useContext } from "react";
|
|
2
3
|
import { observable } from "mobx";
|
|
3
4
|
/** color of member of random display for no url */
|
|
4
5
|
export const colorList = ["#765FEE", "#fe4066", "#FFC832", "#FF8F5E", "#3AC43A", "#FFC832"];
|
|
@@ -7,28 +8,24 @@ export class State {
|
|
|
7
8
|
/** */
|
|
8
9
|
this.members = [];
|
|
9
10
|
/** */
|
|
10
|
-
|
|
11
|
-
/** */
|
|
12
|
-
this.items = [];
|
|
11
|
+
// @observable public list: any[] = [];
|
|
13
12
|
/** checked of id of members */
|
|
14
13
|
this.checkedIds = [];
|
|
15
14
|
// @observable public loading = false;
|
|
16
15
|
this.visible = false;
|
|
17
16
|
/** KeWord of search member */
|
|
18
17
|
this.keyword = "";
|
|
19
|
-
/** loading of on
|
|
18
|
+
/** loading of on load */
|
|
20
19
|
this.loading = false;
|
|
20
|
+
/** loading of on save */
|
|
21
|
+
this.saveLoading = false;
|
|
22
|
+
/** */
|
|
23
|
+
this.filters = [];
|
|
21
24
|
}
|
|
22
25
|
}
|
|
23
26
|
__decorate([
|
|
24
27
|
observable
|
|
25
28
|
], State.prototype, "members", void 0);
|
|
26
|
-
__decorate([
|
|
27
|
-
observable
|
|
28
|
-
], State.prototype, "list", void 0);
|
|
29
|
-
__decorate([
|
|
30
|
-
observable
|
|
31
|
-
], State.prototype, "items", void 0);
|
|
32
29
|
__decorate([
|
|
33
30
|
observable
|
|
34
31
|
], State.prototype, "checkedIds", void 0);
|
|
@@ -41,4 +38,13 @@ __decorate([
|
|
|
41
38
|
__decorate([
|
|
42
39
|
observable
|
|
43
40
|
], State.prototype, "loading", void 0);
|
|
41
|
+
__decorate([
|
|
42
|
+
observable
|
|
43
|
+
], State.prototype, "saveLoading", void 0);
|
|
44
|
+
__decorate([
|
|
45
|
+
observable
|
|
46
|
+
], State.prototype, "filters", void 0);
|
|
47
|
+
export const MemberContext = createContext(null);
|
|
48
|
+
/** React hook to retrieve the nearest FormRowContext. */
|
|
49
|
+
export const useMemberContext = () => useContext(MemberContext);
|
|
44
50
|
//# 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,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAuBlC,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;QACN,uCAAuC;QACvC,+BAA+B;QACZ,eAAU,GAAa,EAAE,CAAC;QAC7C,sCAAsC;QACnB,YAAO,GAAG,KAAK,CAAC;QACnC,+BAA+B;QACZ,YAAO,GAAG,EAAE,CAAC;QAChC,yBAAyB;QACN,YAAO,GAAG,KAAK,CAAC;QACnC,yBAAyB;QACN,gBAAW,GAAG,KAAK,CAAC;QACvC,MAAM;QACa,YAAO,GAAmB,EAAE,CAAC;IACjD,CAAC;CAAA;AAfY;IAAX,UAAU;sCAA4B;AAI3B;IAAX,UAAU;yCAAkC;AAEjC;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;sCAAqB;AAEpB;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;0CAA4B;AAE3B;IAAX,UAAU;sCAAqC;AAGjD,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAQ,IAAW,CAAC,CAAC;AAE/D,yDAAyD;AACzD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC"}
|
|
@@ -11,9 +11,8 @@ export class State {
|
|
|
11
11
|
this.isHover = false;
|
|
12
12
|
this.reload = false;
|
|
13
13
|
this.save = async () => {
|
|
14
|
-
const params = { Name: this.name };
|
|
15
14
|
this.loading = true;
|
|
16
|
-
await this.store.edit(this.document.id,
|
|
15
|
+
await this.store.edit(this.document.id, { data: { Name: this.name }, error: "message" });
|
|
17
16
|
this.loading = false;
|
|
18
17
|
this.editable = false;
|
|
19
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/DocumentCard/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,OAAO,KAAK;IASjB,YAA2B,KAAoB;QAApB,UAAK,GAAL,KAAK,CAAe;QAP5B,OAAE,GAAG,EAAE,CAAC;QACR,SAAI,GAAG,EAAE,CAAC;QACV,aAAQ,GAAG,KAAK,CAAC;QACjB,YAAO,GAAG,KAAK,CAAC;QAChB,YAAO,GAAG,KAAK,CAAC;QAChB,WAAM,GAAG,KAAK,CAAC;QAgB3B,SAAI,GAAG,KAAK,IAAI,EAAE;YACxB,
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/DocumentCard/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,OAAO,KAAK;IASjB,YAA2B,KAAoB;QAApB,UAAK,GAAL,KAAK,CAAe;QAP5B,OAAE,GAAG,EAAE,CAAC;QACR,SAAI,GAAG,EAAE,CAAC;QACV,aAAQ,GAAG,KAAK,CAAC;QACjB,YAAO,GAAG,KAAK,CAAC;QAChB,YAAO,GAAG,KAAK,CAAC;QAChB,WAAM,GAAG,KAAK,CAAC;QAgB3B,SAAI,GAAG,KAAK,IAAI,EAAE;YACxB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;YACzF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACvB,CAAC,CAAC;QAGK,WAAM,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YAC/B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAChC,CAAC,CAAC;IA1BgD,CAAC;IAGnD,IAAW,UAAU;QACpB,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO;QACvB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,MAAM,YAAY,GAAG,EAAE,IAAI,EAAE,CAAC;QAC9B,MAAM,YAAY,GAAG;YACpB,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;SACtB,CAAC;QACF,OAAO,CAAC,OAAO,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAC7C,CAAC;CAgBD;AAnCY;IAAX,UAAU;uCAA4B;AAC3B;IAAX,UAAU;iCAAgB;AACf;IAAX,UAAU;mCAAkB;AACjB;IAAX,UAAU;uCAAyB;AACxB;IAAX,UAAU;sCAAwB;AACvB;IAAX,UAAU;sCAAwB;AACvB;IAAX,UAAU;qCAAuB;AAKlC;IADC,QAAQ;uCASR;AAGD;IADC,MAAM;mCAML;AAGF;IADC,MAAM;qCAKL"}
|
|
@@ -28,7 +28,7 @@ export class State {
|
|
|
28
28
|
this.tryHideEditor = async (existingName) => {
|
|
29
29
|
if (this.props.autoSaveName && this.name && this.name.trim() !== existingName) {
|
|
30
30
|
this.loading = true;
|
|
31
|
-
await this.store.edit(this.id, { Name: this.name });
|
|
31
|
+
await this.store.edit(this.id, { data: { Name: this.name }, error: "message" });
|
|
32
32
|
this.loading = false;
|
|
33
33
|
}
|
|
34
34
|
if (this.props.editMode === undefined)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/DocumentHeader/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEpD,MAAM,OAAO,KAAK;IAajB,YAA2B,KAAoB;QAApB,UAAK,GAAL,KAAK,CAAe;QAX/C,uBAAuB;QACJ,SAAI,GAAG,EAAE,CAAC;QAC7B,2BAA2B;QACR,gBAAW,GAAG,KAAK,CAAC;QACvC,2BAA2B;QACR,qBAAgB,GAAG,KAAK,CAAC;QAC5C,2CAA2C;QACxB,YAAO,GAAG,KAAK,CAAC;QACnC,2BAA2B;QACR,YAAO,GAAG,KAAK,CAAC;QAInC,kBAAkB;QAEX,WAAM,GAAG,GAAG,EAAE;YACpB,6BAA6B;QAC9B,CAAC,CAAC;QACF,mBAAmB;QAEZ,YAAO,GAAG,GAAG,EAAE;YACrB,iEAAiE;YACjE,iDAAiD;YACjD,IAAI;YACJ,oCAAoC;QACrC,CAAC,CAAC;QACF,4DAA4D;QAErD,kBAAa,GAAG,KAAK,EAAE,YAAoB,EAAE,EAAE;YACrD,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,YAAY,EAAE;gBAC9E,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/DocumentHeader/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEpD,MAAM,OAAO,KAAK;IAajB,YAA2B,KAAoB;QAApB,UAAK,GAAL,KAAK,CAAe;QAX/C,uBAAuB;QACJ,SAAI,GAAG,EAAE,CAAC;QAC7B,2BAA2B;QACR,gBAAW,GAAG,KAAK,CAAC;QACvC,2BAA2B;QACR,qBAAgB,GAAG,KAAK,CAAC;QAC5C,2CAA2C;QACxB,YAAO,GAAG,KAAK,CAAC;QACnC,2BAA2B;QACR,YAAO,GAAG,KAAK,CAAC;QAInC,kBAAkB;QAEX,WAAM,GAAG,GAAG,EAAE;YACpB,6BAA6B;QAC9B,CAAC,CAAC;QACF,mBAAmB;QAEZ,YAAO,GAAG,GAAG,EAAE;YACrB,iEAAiE;YACjE,iDAAiD;YACjD,IAAI;YACJ,oCAAoC;QACrC,CAAC,CAAC;QACF,4DAA4D;QAErD,kBAAa,GAAG,KAAK,EAAE,YAAoB,EAAE,EAAE;YACrD,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,YAAY,EAAE;gBAC9E,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;gBAChF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;aACrB;YACD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS;gBAAE,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;;gBAC3D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC7C,CAAC,CAAC;IAzBgD,CAAC;IA4BnD,IAAW,EAAE;QACZ,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;IAC5C,CAAC;CACD;AAzCY;IAAX,UAAU;mCAAkB;AAEjB;IAAX,UAAU;0CAA4B;AAE3B;IAAX,UAAU;+CAAiC;AAEhC;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;sCAAwB;AAMnC;IADC,MAAM;qCAGL;AAGF;IADC,MAAM;sCAML;AAGF;IADC,MAAM;4CASL;AAGF;IADC,QAAQ;+BAGR"}
|
|
@@ -19,17 +19,13 @@ import { faCloudUpload } from "@fortawesome/pro-duotone-svg-icons";
|
|
|
19
19
|
import styles from "./index.less";
|
|
20
20
|
import { useApplicationContext } from "@voplus/morpho-data";
|
|
21
21
|
import { useObserver } from "mobx-react-lite";
|
|
22
|
+
import { useRenderOnChange } from "@voplus/morpho-ui";
|
|
22
23
|
const DocumentList = (props) => {
|
|
23
24
|
const ref = useRef();
|
|
24
25
|
const containerRef = useRef(null);
|
|
25
26
|
const scrollParentRef = useRef();
|
|
26
27
|
const store = useDocumentStore();
|
|
27
28
|
const [state] = useState(new State(store));
|
|
28
|
-
const list = useCreateListDataState({
|
|
29
|
-
filterDefaults: {
|
|
30
|
-
includes: props.includes ? props.includes + ",tags" : "tags",
|
|
31
|
-
},
|
|
32
|
-
}, [props.id]);
|
|
33
29
|
const { user } = useApplicationContext();
|
|
34
30
|
/**是否能Upload*/
|
|
35
31
|
const [disabled, setDisabled] = useState(props.disabled);
|
|
@@ -40,6 +36,16 @@ const DocumentList = (props) => {
|
|
|
40
36
|
useEffect(() => {
|
|
41
37
|
state.reset();
|
|
42
38
|
}, [props.id]);
|
|
39
|
+
/** 建立 ListView 和useDocumentListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
|
|
40
|
+
const list = useCreateListDataState({
|
|
41
|
+
filterDefaults: {
|
|
42
|
+
includes: props.includes ? props.includes + ",tags" : "tags",
|
|
43
|
+
filters: [],
|
|
44
|
+
},
|
|
45
|
+
}, [state.id]);
|
|
46
|
+
/** 如果 list.filters.options变更了就重渲染,使下一行的useDocumentListEffect 可以接收新参数*/
|
|
47
|
+
useRenderOnChange(() => list.filters.options);
|
|
48
|
+
/** 把ListDataState传给useDocumentListEffect,使之可以自動更新loading, hasmore. */
|
|
43
49
|
useDocumentListEffect(list, (result) => {
|
|
44
50
|
state.lists = result;
|
|
45
51
|
list.union(result);
|
|
@@ -47,7 +53,8 @@ const DocumentList = (props) => {
|
|
|
47
53
|
...list.filters.options,
|
|
48
54
|
Filters: state.filters,
|
|
49
55
|
});
|
|
50
|
-
|
|
56
|
+
/** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
|
|
57
|
+
useAutoUpdateListData(list, (d) => d.parentId === state.id);
|
|
51
58
|
useOnNewDocument((s, doc) => {
|
|
52
59
|
// if (doc.parentNodeId === props.id && !state.exclude.includes(doc.type)) {
|
|
53
60
|
// state.lists =
|
|
@@ -134,7 +141,7 @@ const DocumentList = (props) => {
|
|
|
134
141
|
doc.map((item) => {
|
|
135
142
|
shortcuts.push({ TargetId: item.id, ParentId: state.id, Name: "" });
|
|
136
143
|
});
|
|
137
|
-
store.createShortcuts(shortcuts);
|
|
144
|
+
store.createShortcuts({ data: shortcuts, error: "message" });
|
|
138
145
|
state.shortcut = false;
|
|
139
146
|
}
|
|
140
147
|
/** 文件上传中、完成、失败回调函数 */
|