@voplus/morpho-workspace 6.1.21 → 6.1.22
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/notification/components/NotificationOverview/index.d.ts +2 -2
- package/es/modules/notification/components/NotificationOverview/index.js +15 -8
- package/es/modules/notification/components/NotificationOverview/index.js.map +1 -1
- package/es/modules/notification/components/NotificationOverview/state.d.ts +6 -0
- package/es/modules/notification/components/NotificationOverview/state.js +47 -0
- package/es/modules/notification/components/NotificationOverview/state.js.map +1 -0
- package/es/modules/notification/pages/NotificationListPage/index.js +24 -31
- package/es/modules/notification/pages/NotificationListPage/index.js.map +1 -1
- package/es/modules/notification/pages/NotificationListPage/state.d.ts +3 -0
- package/es/modules/notification/pages/NotificationListPage/state.js +40 -1
- package/es/modules/notification/pages/NotificationListPage/state.js.map +1 -1
- package/es/modules/tasks/components/TaskOverview/index.d.ts +4 -3
- package/es/modules/tasks/components/TaskOverview/index.js +22 -12
- package/es/modules/tasks/components/TaskOverview/index.js.map +1 -1
- package/es/modules/tasks/components/TaskOverview/state.d.ts +8 -0
- package/es/modules/tasks/components/TaskOverview/state.js +65 -0
- package/es/modules/tasks/components/TaskOverview/state.js.map +1 -0
- package/es/modules/tasks/pages/TaskListPage/index.js +26 -31
- package/es/modules/tasks/pages/TaskListPage/index.js.map +1 -1
- package/es/modules/tasks/pages/TaskListPage/state.d.ts +7 -2
- package/es/modules/tasks/pages/TaskListPage/state.js +84 -13
- package/es/modules/tasks/pages/TaskListPage/state.js.map +1 -1
- package/es/modules/work/components/WorkOverview/index.d.ts +4 -4
- package/es/modules/work/components/WorkOverview/index.js +24 -12
- package/es/modules/work/components/WorkOverview/index.js.map +1 -1
- package/es/modules/work/components/WorkOverview/state.d.ts +8 -0
- package/es/modules/work/components/WorkOverview/state.js +65 -0
- package/es/modules/work/components/WorkOverview/state.js.map +1 -0
- package/es/modules/work/pages/WorkListPage2/index.js +9 -19
- package/es/modules/work/pages/WorkListPage2/index.js.map +1 -1
- package/es/modules/work/pages/WorkListPage2/state.d.ts +7 -2
- package/es/modules/work/pages/WorkListPage2/state.js +86 -24
- package/es/modules/work/pages/WorkListPage2/state.js.map +1 -1
- package/es/modules/work/work-error/components/WorkErrorPropertiesView/index.js +6 -5
- package/es/modules/work/work-error/components/WorkErrorPropertiesView/index.js.map +1 -1
- package/es/modules/work/work-schedule/components/WorkScheduleOverview/index.d.ts +4 -2
- package/es/modules/work/work-schedule/components/WorkScheduleOverview/index.js +20 -10
- package/es/modules/work/work-schedule/components/WorkScheduleOverview/index.js.map +1 -1
- package/es/modules/work/work-schedule/components/WorkScheduleOverview/state.d.ts +8 -0
- package/es/modules/work/work-schedule/components/WorkScheduleOverview/state.js +63 -0
- package/es/modules/work/work-schedule/components/WorkScheduleOverview/state.js.map +1 -0
- package/es/modules/work/work-schedule/pages/WorkScheduleListPage/index.js +26 -23
- package/es/modules/work/work-schedule/pages/WorkScheduleListPage/index.js.map +1 -1
- package/es/modules/work/work-schedule/pages/WorkScheduleListPage/state.d.ts +7 -2
- package/es/modules/work/work-schedule/pages/WorkScheduleListPage/state.js +92 -19
- package/es/modules/work/work-schedule/pages/WorkScheduleListPage/state.js.map +1 -1
- package/es/modules/work/work-type/components/WorkTypeHeader/index.d.ts +1 -0
- package/es/modules/work/work-type/components/WorkTypeHeader/index.js +3 -2
- package/es/modules/work/work-type/components/WorkTypeHeader/index.js.map +1 -1
- package/es/modules/work/work-type/components/WorkTypePropertiesView/index.js +1 -1
- package/es/modules/work/work-type/components/WorkTypePropertiesView/index.js.map +1 -1
- package/package.json +1 -1
- package/es/modules/notification/components/NotificationOverview/index.less +0 -24
- package/es/modules/tasks/components/TaskOverview/index.less +0 -49
- package/es/modules/work/components/WorkOverview/index.less +0 -49
- package/es/modules/work/work-schedule/components/WorkScheduleOverview/index.less +0 -58
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from "react";
|
2
|
-
import "./index.less";
|
3
2
|
export type NotificationOverviewProps = {
|
4
|
-
|
3
|
+
actives?: string[];
|
4
|
+
onOverviewItemClick?: (status?: string[]) => void;
|
5
5
|
};
|
6
6
|
declare const NotificationOverview: (props: NotificationOverviewProps) => React.JSX.Element;
|
7
7
|
export default NotificationOverview;
|
@@ -1,18 +1,25 @@
|
|
1
|
-
import React from "react";
|
2
1
|
import { observe } from "@voplus/morpho-ui";
|
3
2
|
import OverviewItem from "@voplus/morpho-ui/es/controls/PanelOverview/OverviewItem";
|
4
3
|
import OverviewAll from "@voplus/morpho-ui/es/controls/PanelOverview/OverviewAll";
|
5
4
|
import { Scrollbars } from "react-custom-scrollbars-2";
|
6
|
-
import { faEye, faEyeSlash, faClock, faBan } from "@fortawesome/pro-solid-svg-icons";
|
7
5
|
import PanelOverview from "@voplus/morpho-ui/es/controls/PanelOverview";
|
8
|
-
import "
|
6
|
+
import classnames from "classnames";
|
7
|
+
import React, { useState } from "react";
|
8
|
+
import { State } from "./state";
|
9
9
|
const NotificationOverview = (props) => {
|
10
|
+
const { actives, onOverviewItemClick } = props;
|
11
|
+
const [state] = useState(new State());
|
12
|
+
state.update(actives);
|
10
13
|
return observe(() => (React.createElement(Scrollbars, { autoHide: true },
|
11
|
-
React.createElement(PanelOverview, { className: "notification-overview", overviewAll: React.createElement(OverviewAll, { total: 20, description: "Total All Notifications" }), overviewList: React.createElement(React.Fragment, null,
|
12
|
-
React.createElement(OverviewItem, { className: "
|
13
|
-
React.createElement(OverviewItem, {
|
14
|
-
React.createElement(OverviewItem, { className: "
|
15
|
-
React.createElement(OverviewItem, { className: "
|
14
|
+
React.createElement(PanelOverview, { className: "notification-overview", overviewAll: React.createElement(OverviewAll, { className: classnames({ active: state.actives.includes("All") }), total: 20, description: "Total All Notifications", onClick: () => onClick("All") }), overviewList: React.createElement(React.Fragment, null,
|
15
|
+
React.createElement(OverviewItem, { className: classnames({ active: state.actives.includes("Read") }), total: 20, description: "Read", onClick: () => onClick("Read") }),
|
16
|
+
React.createElement(OverviewItem, { className: classnames({ active: state.actives.includes("Unread") }), total: 20, description: "Unread", onClick: () => onClick("Unread") }),
|
17
|
+
React.createElement(OverviewItem, { className: classnames({ active: state.actives.includes("Later") }), total: 20, description: "Later", onClick: () => onClick("Later") }),
|
18
|
+
React.createElement(OverviewItem, { className: classnames({ active: state.actives.includes("Dismissed") }), total: 20, description: "Dismissed", onClick: () => onClick("Dismissed") })) }))));
|
19
|
+
function onClick(status) {
|
20
|
+
state.onClick(status);
|
21
|
+
onOverviewItemClick === null || onOverviewItemClick === void 0 ? void 0 : onOverviewItemClick(state.actives);
|
22
|
+
}
|
16
23
|
};
|
17
24
|
export default NotificationOverview;
|
18
25
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationOverview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationOverview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,YAAY,MAAM,0DAA0D,CAAC;AACpF,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,aAAa,MAAM,6CAA6C,CAAC;AACxE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAOhC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACjE,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAEtB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,UAAU,IAAC,QAAQ;QACnB,oBAAC,aAAa,IACb,SAAS,EAAC,uBAAuB,EACjC,WAAW,EACV,oBAAC,WAAW,IACX,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,EAChE,KAAK,EAAE,EAAE,EACT,WAAW,EAAC,yBAAyB,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC5B,EAEH,YAAY,EACX;gBACC,oBAAC,YAAY,IACZ,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EACjE,KAAK,EAAE,EAAE,EACT,WAAW,EAAC,MAAM,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,GAC7B;gBACF,oBAAC,YAAY,IACZ,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EACnE,KAAK,EAAE,EAAE,EACT,WAAW,EAAC,QAAQ,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,GAC/B;gBACF,oBAAC,YAAY,IACZ,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAClE,KAAK,EAAE,EAAE,EACT,WAAW,EAAC,OAAO,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,GAC9B;gBACF,oBAAC,YAAY,IACZ,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,EACtE,KAAK,EAAE,EAAE,EACT,WAAW,EAAC,WAAW,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,GAClC,CACA,GAEH,CACU,CACb,CAAC,CAAC;IAEH,SAAS,OAAO,CAAC,MAAc;QAC9B,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACtB,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,KAAK,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
@@ -0,0 +1,47 @@
|
|
1
|
+
import { __decorate } from "tslib";
|
2
|
+
import { action, makeObservable, observable } from "mobx";
|
3
|
+
export class State {
|
4
|
+
constructor() {
|
5
|
+
Object.defineProperty(this, "actives", {
|
6
|
+
enumerable: true,
|
7
|
+
configurable: true,
|
8
|
+
writable: true,
|
9
|
+
value: []
|
10
|
+
});
|
11
|
+
makeObservable(this);
|
12
|
+
}
|
13
|
+
update(currents) {
|
14
|
+
if (JSON.stringify(currents) !== JSON.stringify(this.actives)) {
|
15
|
+
this.actives = currents !== null && currents !== void 0 ? currents : [];
|
16
|
+
}
|
17
|
+
}
|
18
|
+
onClick(status) {
|
19
|
+
if (status === "All") {
|
20
|
+
this.actives = [status];
|
21
|
+
}
|
22
|
+
else {
|
23
|
+
if (this.actives.includes("All")) {
|
24
|
+
this.actives = [status];
|
25
|
+
}
|
26
|
+
else {
|
27
|
+
if (this.actives.includes(status)) {
|
28
|
+
this.actives = this.actives.filter((item) => item !== status);
|
29
|
+
}
|
30
|
+
else {
|
31
|
+
const actives = Array.isArray(this.actives) ? [...this.actives, status] : [status];
|
32
|
+
this.actives = actives;
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}
|
38
|
+
__decorate([
|
39
|
+
observable
|
40
|
+
], State.prototype, "actives", void 0);
|
41
|
+
__decorate([
|
42
|
+
action
|
43
|
+
], State.prototype, "update", null);
|
44
|
+
__decorate([
|
45
|
+
action
|
46
|
+
], State.prototype, "onClick", null);
|
47
|
+
//# sourceMappingURL=state.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationOverview/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE1D,MAAM,OAAO,KAAK;IAGjB;QAFmB;;;;mBAAoB,EAAE;WAAC;QAGzC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAEc,MAAM,CAAC,QAAmB;QACxC,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YAC/D,IAAI,CAAC,OAAO,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC;QAC/B,CAAC;IACF,CAAC;IAEc,OAAO,CAAC,MAAc;QACpC,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACP,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBAClC,IAAI,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACP,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;oBACnC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;gBAC/D,CAAC;qBAAM,CAAC;oBACP,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;oBACnF,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;gBACxB,CAAC;YACF,CAAC;QACF,CAAC;IACF,CAAC;CACD;AA5BmB;IAAlB,UAAU;sCAA+B;AAM3B;IAAd,MAAM;mCAIN;AAEc;IAAd,MAAM;oCAeN"}
|
@@ -7,43 +7,36 @@ import { observe } from "@voplus/morpho-ui";
|
|
7
7
|
import AllNewNotificationList from "../../components/AllNewNotificationList";
|
8
8
|
import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
|
9
9
|
import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog2/ActivityLog2";
|
10
|
-
import
|
11
|
-
import NotificationStatusFilter from "../../controls/NotificationStatusFilter";
|
10
|
+
import FilterLabel from "@voplus/morpho-ui/es/controls/FilterLabel";
|
12
11
|
import NotificationPanel from "../../components/NotificationPanel";
|
13
12
|
import { State } from "./state";
|
14
13
|
import styles from "./index.less";
|
15
14
|
const NotificationListPage = (props) => {
|
16
15
|
const [state] = useState(new State(props.parentId));
|
17
16
|
const [activeKey, setActiveKey] = useState("NotificationList");
|
18
|
-
return observe(() =>
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
{
|
42
|
-
key: "Activities",
|
43
|
-
label: "Activities",
|
44
|
-
children: (React.createElement(React.Fragment, null, activeKey === "Activities" ? (React.createElement(ActivityLog, { id: "", bar: false })) : null)),
|
45
|
-
},
|
46
|
-
], onChange: (key) => setActiveKey(key), tabBarExtraContent: activeKey === "NotificationList" ? (React.createElement(FilterStatusLabel, { filterKey: "NotificationStatus", statusFilter: React.createElement(NotificationStatusFilter, { key: "NotificationStatusFilter" }), onFilter: (filters) => state.onFilterOptions(filters) })) : undefined }))));
|
17
|
+
return observe(() => {
|
18
|
+
var _a, _b;
|
19
|
+
return (React.createElement(DefaultViewLayout, { className: styles["notification-list-page"], header: React.createElement(PageHeadDashboard, { avatarIcon: React.createElement(FAIcon, { icon: faBell }), title: "Notifications", upAble: true, description: "Set up your notification list effortlessly." }), propertiesWidth: "295px", properties: React.createElement(NotificationPanel, { overviewProps: {
|
20
|
+
actives: state.status,
|
21
|
+
onOverviewItemClick: (s) => state.onOverviewItemClick(s),
|
22
|
+
}, notificationFilterProps: {
|
23
|
+
onFilter(options) {
|
24
|
+
state.onFilterOptions(options);
|
25
|
+
},
|
26
|
+
} }) },
|
27
|
+
React.createElement(DocumentTabs, { id: "", active: "NotificationList", tabItems: [
|
28
|
+
{
|
29
|
+
key: "NotificationList",
|
30
|
+
label: "Notification List",
|
31
|
+
children: (React.createElement(AllNewNotificationList, { ...props, asideable: false, filterOptions: state.filerOptions })),
|
32
|
+
},
|
33
|
+
{
|
34
|
+
key: "Activities",
|
35
|
+
label: "Activities",
|
36
|
+
children: (React.createElement(React.Fragment, null, activeKey === "Activities" ? (React.createElement(ActivityLog, { id: "", bar: false })) : null)),
|
37
|
+
},
|
38
|
+
], onChange: (key) => setActiveKey(key), tabBarExtraContent: activeKey === "NotificationList" ? (React.createElement("div", { className: "list-tabBar-filter" }, ((_a = state.status) === null || _a === void 0 ? void 0 : _a.includes("All")) ? ("Showed: Total All Notifications") : ((_b = state.status) === null || _b === void 0 ? void 0 : _b.length) ? (React.createElement(FilterLabel, { status: state.status, maxCount: 2, onFilter: (s) => state.onFilterLabel(s) })) : undefined)) : undefined })));
|
39
|
+
});
|
47
40
|
};
|
48
41
|
export default NotificationListPage;
|
49
42
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/pages/NotificationListPage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,iBAAiB,MAAM,kEAAkE,CAAC;AACjG,OAAO,iBAAiB,MAAM,0DAA0D,CAAC;AACzF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,sBAEN,MAAM,yCAAyC,CAAC;AACjD,OAAO,YAAY,MAAM,oDAAoD,CAAC;AAC9E,OAAO,WAAW,MAAM,4DAA4D,CAAC;AACrF,OAAO,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/pages/NotificationListPage/index.tsx"],"names":[],"mappings":"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"}
|
@@ -3,6 +3,9 @@ export declare class State {
|
|
3
3
|
private parentId?;
|
4
4
|
/** 默认值 */
|
5
5
|
filerOptions?: FilterOption[];
|
6
|
+
status?: string[];
|
6
7
|
constructor(parentId?: string | undefined);
|
7
8
|
onFilterOptions(options?: FilterOption[]): void;
|
9
|
+
onOverviewItemClick(s?: string[]): void;
|
10
|
+
onFilterLabel(s?: string): void;
|
8
11
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { __decorate } from "tslib";
|
2
|
-
import { action, makeObservable, observable } from "mobx";
|
2
|
+
import { action, makeObservable, observable, toJS } from "mobx";
|
3
3
|
export class State {
|
4
4
|
constructor(parentId) {
|
5
5
|
Object.defineProperty(this, "parentId", {
|
@@ -15,6 +15,12 @@ export class State {
|
|
15
15
|
writable: true,
|
16
16
|
value: void 0
|
17
17
|
});
|
18
|
+
Object.defineProperty(this, "status", {
|
19
|
+
enumerable: true,
|
20
|
+
configurable: true,
|
21
|
+
writable: true,
|
22
|
+
value: void 0
|
23
|
+
});
|
18
24
|
makeObservable(this);
|
19
25
|
this.onFilterOptions();
|
20
26
|
}
|
@@ -25,11 +31,44 @@ export class State {
|
|
25
31
|
(_b = this.filerOptions) === null || _b === void 0 ? void 0 : _b.push({ c: "Target", o: "=", l: "And", v1: this.parentId });
|
26
32
|
}
|
27
33
|
}
|
34
|
+
onOverviewItemClick(s) {
|
35
|
+
this.status = s;
|
36
|
+
if (s === null || s === void 0 ? void 0 : s.includes("All")) {
|
37
|
+
this.onFilterOptions();
|
38
|
+
}
|
39
|
+
else {
|
40
|
+
let status = toJS(s);
|
41
|
+
let f = [];
|
42
|
+
if (status === null || status === void 0 ? void 0 : status.length)
|
43
|
+
f.push({ c: "NotificationStatus", o: "contains", l: "And", v1: JSON.stringify(status) });
|
44
|
+
this.onFilterOptions(f);
|
45
|
+
}
|
46
|
+
}
|
47
|
+
onFilterLabel(s) {
|
48
|
+
if (s) {
|
49
|
+
let status = toJS(this.status);
|
50
|
+
status = status === null || status === void 0 ? void 0 : status.filter((i) => i !== s);
|
51
|
+
this.onOverviewItemClick(status);
|
52
|
+
}
|
53
|
+
else {
|
54
|
+
this.status = [];
|
55
|
+
this.onFilterOptions();
|
56
|
+
}
|
57
|
+
}
|
28
58
|
}
|
29
59
|
__decorate([
|
30
60
|
observable
|
31
61
|
], State.prototype, "filerOptions", void 0);
|
62
|
+
__decorate([
|
63
|
+
observable
|
64
|
+
], State.prototype, "status", void 0);
|
32
65
|
__decorate([
|
33
66
|
action
|
34
67
|
], State.prototype, "onFilterOptions", null);
|
68
|
+
__decorate([
|
69
|
+
action
|
70
|
+
], State.prototype, "onOverviewItemClick", null);
|
71
|
+
__decorate([
|
72
|
+
action
|
73
|
+
], State.prototype, "onFilterLabel", null);
|
35
74
|
//# sourceMappingURL=state.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/notification/pages/NotificationListPage/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/notification/pages/NotificationListPage/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAGhE,MAAM,OAAO,KAAK;IAKjB,YAA2B,QAAiB;QAAzB;;;;mBAAQ,QAAQ;WAAS;QAJ5C,UAAU;QACS;;;;;WAA8B;QAC9B;;;;;WAAkB;QAGpC,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,eAAe,EAAE,CAAC;IACxB,CAAC;IAEc,eAAe,CAAC,OAAwB;;QACtD,IAAI,CAAC,YAAY,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC;QAElC,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAA,EAAE,CAAC;YAC9E,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC/E,CAAC;IACF,CAAC;IAEc,mBAAmB,CAAC,CAAY;QAC9C,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAChB,IAAI,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACxB,IAAI,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC;aAAM,CAAC;YACP,IAAI,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YACrB,IAAI,CAAC,GAAmB,EAAE,CAAC;YAC3B,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM;gBACjB,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,oBAAoB,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC1F,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACzB,CAAC;IACF,CAAC;IAEc,aAAa,CAAC,CAAU;QACtC,IAAI,CAAC,EAAE,CAAC;YACP,IAAI,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC/B,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;YACxC,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAClC,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;YACjB,IAAI,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC;IACF,CAAC;CACD;AAvCmB;IAAlB,UAAU;2CAAsC;AAC9B;IAAlB,UAAU;qCAA0B;AAOtB;IAAd,MAAM;4CAMN;AAEc;IAAd,MAAM;gDAWN;AAEc;IAAd,MAAM;0CASN"}
|
@@ -1,8 +1,9 @@
|
|
1
1
|
import React from "react";
|
2
|
-
import "./index.less";
|
3
2
|
export type TaskOverviewProps = {
|
4
|
-
|
5
|
-
|
3
|
+
actives?: string[];
|
4
|
+
dueActives?: string;
|
5
|
+
onOverviewItemClick?: (status?: string[]) => void;
|
6
|
+
onDueItemClick?: (date?: string) => void;
|
6
7
|
};
|
7
8
|
declare const TaskOverview: (props: TaskOverviewProps) => React.JSX.Element;
|
8
9
|
export default TaskOverview;
|
@@ -1,24 +1,34 @@
|
|
1
|
-
import React from "react";
|
1
|
+
import React, { useState } from "react";
|
2
2
|
import { observe } from "@voplus/morpho-ui";
|
3
3
|
import OverviewItem from "@voplus/morpho-ui/es/controls/PanelOverview/OverviewItem";
|
4
4
|
import OverviewAll from "@voplus/morpho-ui/es/controls/PanelOverview/OverviewAll";
|
5
5
|
import DueItem from "@voplus/morpho-ui/es/controls/PanelOverview/DueItem";
|
6
6
|
import { Scrollbars } from "react-custom-scrollbars-2";
|
7
|
-
import { faPlus, faCheck, faBarsProgress, faXmark } from "@fortawesome/pro-solid-svg-icons";
|
8
7
|
import PanelOverview from "@voplus/morpho-ui/es/controls/PanelOverview";
|
8
|
+
import { State } from "./state";
|
9
|
+
import classnames from "classnames";
|
9
10
|
import dayjs from "dayjs";
|
10
|
-
import "./index.less";
|
11
11
|
const TaskOverview = (props) => {
|
12
|
-
const { onOverviewItemClick, onDueItemClick } = props;
|
12
|
+
const { actives, dueActives, onOverviewItemClick, onDueItemClick } = props;
|
13
|
+
const [state] = useState(new State());
|
14
|
+
state.update(actives, dueActives);
|
13
15
|
return observe(() => (React.createElement(Scrollbars, { autoHide: true },
|
14
|
-
React.createElement(PanelOverview, { className: "task-overview", overviewAll: React.createElement(OverviewAll, { total: 20, description: "Total All Tasks" }), overviewList: React.createElement(React.Fragment, null,
|
15
|
-
React.createElement(OverviewItem, {
|
16
|
-
React.createElement(OverviewItem, { className: "
|
17
|
-
React.createElement(OverviewItem, { className: "
|
18
|
-
React.createElement(OverviewItem, { className: "
|
19
|
-
React.createElement(DueItem, { title: "Overdue", type: "Tasks", description: dayjs().format("DD MMM YYYY"), total: 20, onClick: () =>
|
20
|
-
React.createElement(DueItem, { className: "week", title: "This Week", type: "Tasks", description: dayjs().endOf("week").format("DD MMM YYYY"), total: 20, onClick: () =>
|
21
|
-
React.createElement(DueItem, { className: "month", title: "This Month", type: "Tasks", description: dayjs().endOf("month").format("DD MMM YYYY"), total: 20, onClick: () =>
|
16
|
+
React.createElement(PanelOverview, { className: "task-overview", overviewAll: React.createElement(OverviewAll, { className: classnames({ active: state.actives.includes("All") }), total: 20, description: "Total All Tasks", onClick: () => onClick("All") }), overviewList: React.createElement(React.Fragment, null,
|
17
|
+
React.createElement(OverviewItem, { className: classnames({ active: state.actives.includes("NotStarted") }), total: 20, description: "Not Started", onClick: () => onClick("NotStarted") }),
|
18
|
+
React.createElement(OverviewItem, { className: classnames({ active: state.actives.includes("Progress") }), total: 20, description: "Progress", onClick: () => onClick("Progress") }),
|
19
|
+
React.createElement(OverviewItem, { className: classnames({ active: state.actives.includes("Done") }), total: 20, description: "Done", onClick: () => onClick("Done") }),
|
20
|
+
React.createElement(OverviewItem, { className: classnames({ active: state.actives.includes("Closed") }), total: 20, description: "Closed", onClick: () => onClick("Closed") })), nodeTitle: "DUE OF TASKS", dueList: React.createElement(React.Fragment, null,
|
21
|
+
React.createElement(DueItem, { className: classnames({ active: state.dueActives === "overdue" }), title: "Overdue", type: "Tasks", description: dayjs().format("DD MMM YYYY"), total: 20, onClick: () => onDueClick("overdue") }),
|
22
|
+
React.createElement(DueItem, { className: classnames("week", { active: state.dueActives === "week" }), title: "This Week", type: "Tasks", description: dayjs().endOf("week").format("DD MMM YYYY"), total: 20, onClick: () => onDueClick("week") }),
|
23
|
+
React.createElement(DueItem, { className: classnames("month", { active: state.dueActives === "month" }), title: "This Month", type: "Tasks", description: dayjs().endOf("month").format("DD MMM YYYY"), total: 20, onClick: () => onDueClick("month") })) }))));
|
24
|
+
function onDueClick(dueAct) {
|
25
|
+
state.onDueClick(dueAct);
|
26
|
+
onDueItemClick === null || onDueItemClick === void 0 ? void 0 : onDueItemClick(state.dueActives);
|
27
|
+
}
|
28
|
+
function onClick(status) {
|
29
|
+
state.onClick(status);
|
30
|
+
onOverviewItemClick === null || onOverviewItemClick === void 0 ? void 0 : onOverviewItemClick(state.actives);
|
31
|
+
}
|
22
32
|
};
|
23
33
|
export default TaskOverview;
|
24
34
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskOverview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskOverview/index.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,65 @@
|
|
1
|
+
import { __decorate } from "tslib";
|
2
|
+
import { action, makeObservable, observable } from "mobx";
|
3
|
+
export class State {
|
4
|
+
constructor() {
|
5
|
+
Object.defineProperty(this, "actives", {
|
6
|
+
enumerable: true,
|
7
|
+
configurable: true,
|
8
|
+
writable: true,
|
9
|
+
value: []
|
10
|
+
});
|
11
|
+
Object.defineProperty(this, "dueActives", {
|
12
|
+
enumerable: true,
|
13
|
+
configurable: true,
|
14
|
+
writable: true,
|
15
|
+
value: void 0
|
16
|
+
});
|
17
|
+
makeObservable(this);
|
18
|
+
}
|
19
|
+
update(currents, dueActives) {
|
20
|
+
if (JSON.stringify(currents) !== JSON.stringify(this.actives)) {
|
21
|
+
this.actives = currents !== null && currents !== void 0 ? currents : [];
|
22
|
+
}
|
23
|
+
if (dueActives !== this.dueActives) {
|
24
|
+
this.dueActives = dueActives;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
onClick(status) {
|
28
|
+
if (status === "All") {
|
29
|
+
this.actives = [status];
|
30
|
+
}
|
31
|
+
else {
|
32
|
+
if (this.actives.includes("All")) {
|
33
|
+
this.actives = [status];
|
34
|
+
}
|
35
|
+
else {
|
36
|
+
if (this.actives.includes(status)) {
|
37
|
+
this.actives = this.actives.filter((item) => item !== status);
|
38
|
+
}
|
39
|
+
else {
|
40
|
+
const actives = Array.isArray(this.actives) ? [...this.actives, status] : [status];
|
41
|
+
this.actives = actives;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
}
|
45
|
+
}
|
46
|
+
onDueClick(dueAct) {
|
47
|
+
this.dueActives = dueAct;
|
48
|
+
}
|
49
|
+
}
|
50
|
+
__decorate([
|
51
|
+
observable
|
52
|
+
], State.prototype, "actives", void 0);
|
53
|
+
__decorate([
|
54
|
+
observable
|
55
|
+
], State.prototype, "dueActives", void 0);
|
56
|
+
__decorate([
|
57
|
+
action
|
58
|
+
], State.prototype, "update", null);
|
59
|
+
__decorate([
|
60
|
+
action
|
61
|
+
], State.prototype, "onClick", null);
|
62
|
+
__decorate([
|
63
|
+
action
|
64
|
+
], State.prototype, "onDueClick", null);
|
65
|
+
//# sourceMappingURL=state.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskOverview/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE1D,MAAM,OAAO,KAAK;IAIjB;QAHmB;;;;mBAAoB,EAAE;WAAC;QACvB;;;;;WAAoB;QAGtC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAEc,MAAM,CAAC,QAAmB,EAAE,UAAmB;QAC7D,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YAC/D,IAAI,CAAC,OAAO,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC;QAC/B,CAAC;QACD,IAAI,UAAU,KAAK,IAAI,CAAC,UAAU,EAAE,CAAC;YACpC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC9B,CAAC;IACF,CAAC;IAEc,OAAO,CAAC,MAAc;QACpC,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACP,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBAClC,IAAI,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACP,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;oBACnC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;gBAC/D,CAAC;qBAAM,CAAC;oBACP,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;oBACnF,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;gBACxB,CAAC;YACF,CAAC;QACF,CAAC;IACF,CAAC;IAEc,UAAU,CAAC,MAAc;QACvC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;IAC1B,CAAC;CACD;AApCmB;IAAlB,UAAU;sCAA+B;AACvB;IAAlB,UAAU;yCAA4B;AAMxB;IAAd,MAAM;mCAON;AAEc;IAAd,MAAM;oCAeN;AAEc;IAAd,MAAM;uCAEN"}
|
@@ -7,43 +7,38 @@ import { observe } from "@voplus/morpho-ui";
|
|
7
7
|
import SubTaskList from "../../components/SubTaskList";
|
8
8
|
import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
|
9
9
|
import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog2/ActivityLog2";
|
10
|
-
import
|
11
|
-
import TaskStatusFilter from "../../../../controls/filters/TaskStatusFilter";
|
10
|
+
import FilterLabel from "@voplus/morpho-ui/es/controls/FilterLabel";
|
12
11
|
import TaskPanel from "../../components/TaskPanel";
|
13
12
|
import { State } from "./state";
|
14
13
|
import styles from "./index.less";
|
15
14
|
const TaskListPage = (props) => {
|
16
15
|
const [state] = useState(new State(props.contactId));
|
17
16
|
const [activeKey, setActiveKey] = useState("TaskList");
|
18
|
-
return observe(() =>
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
{
|
42
|
-
|
43
|
-
label: "Activities",
|
44
|
-
children: (React.createElement(React.Fragment, null, activeKey === "Activities" ? (React.createElement(ActivityLog, { id: "", bar: false })) : null)),
|
45
|
-
},
|
46
|
-
], onChange: (key) => setActiveKey(key), tabBarExtraContent: activeKey === "TaskList" ? (React.createElement(FilterStatusLabel, { filterKey: "TaskStatus", statusFilter: React.createElement(TaskStatusFilter, { key: "TaskStatusFilter" }), onFilter: (filters) => state.onFilterOptions(filters) })) : undefined }))));
|
17
|
+
return observe(() => {
|
18
|
+
var _a, _b;
|
19
|
+
return (React.createElement(DefaultViewLayout, { className: styles["task-list-page"], header: React.createElement(PageHeadDashboard, { avatarIcon: React.createElement(FAIcon, { icon: faListCheck }), title: "Tasks", upAble: true, description: "Stay on track: manage and prioritize your tasks" }), propertiesWidth: "295px", properties: React.createElement(TaskPanel, { overviewProps: {
|
20
|
+
actives: state.status,
|
21
|
+
dueActives: state.dueActives,
|
22
|
+
onOverviewItemClick: (s) => state.onOverviewItemClick(s),
|
23
|
+
onDueItemClick: (d) => state.onDueItemClick(d),
|
24
|
+
}, taskFilterProps: {
|
25
|
+
onFilter(options) {
|
26
|
+
state.onFilterOptions(options);
|
27
|
+
},
|
28
|
+
} }) },
|
29
|
+
React.createElement(DocumentTabs, { id: "", active: "TaskList", tabItems: [
|
30
|
+
{
|
31
|
+
key: "TaskList",
|
32
|
+
label: "Task List",
|
33
|
+
children: (React.createElement(SubTaskList, { ...props.listProps, className: "sub-list", filterVisible: false, filters: state.filerOptions })),
|
34
|
+
},
|
35
|
+
{
|
36
|
+
key: "Activities",
|
37
|
+
label: "Activities",
|
38
|
+
children: (React.createElement(React.Fragment, null, activeKey === "Activities" ? (React.createElement(ActivityLog, { id: "", bar: false })) : null)),
|
39
|
+
},
|
40
|
+
], onChange: (key) => setActiveKey(key), tabBarExtraContent: activeKey === "TaskList" ? (React.createElement("div", { className: "list-tabBar-filter" }, ((_a = state.status) === null || _a === void 0 ? void 0 : _a.includes("All")) ? ("Showed: Total All Tasks") : ((_b = state.status) === null || _b === void 0 ? void 0 : _b.length) || state.dueActives ? (React.createElement(FilterLabel, { status: state.status.concat(state.dueActives ? [state.dueActives] : []), maxCount: 2, onFilter: (s) => state.onFilterLabel(s) })) : undefined)) : undefined })));
|
41
|
+
});
|
47
42
|
};
|
48
43
|
export default TaskListPage;
|
49
44
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/pages/TaskListPage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,iBAAiB,MAAM,kEAAkE,CAAC;AACjG,OAAO,iBAAiB,MAAM,0DAA0D,CAAC;AACzF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,WAAW,MAAM,8BAA8B,CAAC;AAEvD,OAAO,YAAY,MAAM,oDAAoD,CAAC;AAC9E,OAAO,WAAW,MAAM,4DAA4D,CAAC;AACrF,OAAO,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/pages/TaskListPage/index.tsx"],"names":[],"mappings":"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"}
|
@@ -3,8 +3,13 @@ export declare class State {
|
|
3
3
|
private contactId?;
|
4
4
|
/** 默认值 */
|
5
5
|
filerOptions?: FilterOption[];
|
6
|
+
status: string[];
|
7
|
+
dueActives?: "overdue" | "week" | "month";
|
6
8
|
constructor(contactId?: string | undefined);
|
7
9
|
onFilterOptions(options?: FilterOption[]): void;
|
8
|
-
|
9
|
-
|
10
|
+
onDueItemClick(d: "overdue" | "week" | "month"): void;
|
11
|
+
onOverviewItemClick(s?: string[]): void;
|
12
|
+
onFilterLabel(s?: string): void;
|
13
|
+
get statusFilerOptions(): FilterOption[];
|
14
|
+
get dateFilerOptions(): FilterOption[];
|
10
15
|
}
|