@voplus/morpho-workspace 6.1.48 → 6.1.50
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 +6 -2
- package/es/modules/notification/components/NotificationOverview/index.js +8 -6
- package/es/modules/notification/components/NotificationOverview/index.js.map +1 -1
- package/es/modules/notification/pages/NotificationListPage/index.js +1 -1
- package/es/modules/notification/pages/NotificationListPage/index.js.map +1 -1
- package/es/modules/notification/pages/NotificationListPage/state.d.ts +6 -2
- package/es/modules/notification/pages/NotificationListPage/state.js +15 -6
- package/es/modules/notification/pages/NotificationListPage/state.js.map +1 -1
- package/es/modules/tasks/components/TaskOverview/index.d.ts +5 -1
- package/es/modules/tasks/components/TaskOverview/index.js +4 -6
- package/es/modules/tasks/components/TaskOverview/index.js.map +1 -1
- package/es/modules/tasks/pages/TaskListPage/state.d.ts +5 -1
- package/es/modules/tasks/pages/TaskListPage/state.js +11 -5
- package/es/modules/tasks/pages/TaskListPage/state.js.map +1 -1
- package/es/modules/work/components/WorkOverview/index.d.ts +5 -1
- package/es/modules/work/components/WorkOverview/index.js +4 -6
- package/es/modules/work/components/WorkOverview/index.js.map +1 -1
- package/es/modules/work/pages/WorkListPage2/state.d.ts +5 -1
- package/es/modules/work/pages/WorkListPage2/state.js +9 -8
- package/es/modules/work/pages/WorkListPage2/state.js.map +1 -1
- package/es/modules/work/work-schedule/components/WorkScheduleOverview/index.js +6 -7
- package/es/modules/work/work-schedule/components/WorkScheduleOverview/index.js.map +1 -1
- package/es/modules/workspace/components/MyWorkspaces/index copy.d.ts +11 -0
- package/es/modules/workspace/components/MyWorkspaces/index copy.js +40 -0
- package/es/modules/workspace/components/MyWorkspaces/index copy.js.map +1 -0
- package/es/modules/workspace/components/MyWorkspaces/index.js +14 -23
- package/es/modules/workspace/components/MyWorkspaces/index.js.map +1 -1
- package/es/modules/workspace/components/MyWorkspaces/index.less +5 -2
- package/es/modules/workspace/components/NewIcon/index.d.ts +6 -0
- package/es/modules/workspace/components/NewIcon/index.js +12 -0
- package/es/modules/workspace/components/NewIcon/index.js.map +1 -0
- package/es/modules/workspace/components/NewIcon/index.less +17 -0
- package/es/modules/workspace/components/WorkspaceIcon/index.d.ts +2 -0
- package/es/modules/workspace/components/WorkspaceIcon/index.js +13 -11
- package/es/modules/workspace/components/WorkspaceIcon/index.js.map +1 -1
- package/es/modules/workspace/components/WorkspaceIcon/index.less +49 -0
- package/es/modules/workspace/components/WorkspaceIconList/index.js +14 -3
- package/es/modules/workspace/components/WorkspaceIconList/index.js.map +1 -1
- package/es/modules/workspace/components/WorkspaceIconList/index.less +8 -4
- package/es/modules/workspace/components/WorkspaceIconList2/index.js +7 -4
- package/es/modules/workspace/components/WorkspaceIconList2/index.js.map +1 -1
- package/es/modules/workspace/components/WorkspacePropertiesView/index.less +3 -0
- package/package.json +1 -1
- package/es/modules/workspace/components/WorkspaceIconList2/index.less +0 -19
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import { NotificationStatus } from "../../../../data/notification";
|
|
2
1
|
import React from "react";
|
|
2
|
+
import { IconProp } from "@fortawesome/fontawesome-svg-core";
|
|
3
|
+
import { NotificationStatus } from "../../../../data/notification";
|
|
3
4
|
export type NotificationOverviewProps = {
|
|
4
|
-
status?:
|
|
5
|
+
status?: {
|
|
6
|
+
status: NotificationStatus;
|
|
7
|
+
icon: IconProp;
|
|
8
|
+
}[];
|
|
5
9
|
onOverviewItemClick?: () => void;
|
|
6
10
|
};
|
|
7
11
|
declare const NotificationOverview: (props: NotificationOverviewProps) => React.JSX.Element;
|
|
@@ -1,18 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Skeleton } from "antd";
|
|
1
3
|
import { observe } from "@voplus/morpho-ui";
|
|
4
|
+
import { Scrollbars } from "react-custom-scrollbars-2";
|
|
5
|
+
import { useQuickFilterContext } from "@voplus/morpho-ui/es/data/QuickFilterContext";
|
|
2
6
|
import OverviewItem from "@voplus/morpho-ui/es/controls/PanelOverview/OverviewItem";
|
|
3
7
|
import OverviewAll from "@voplus/morpho-ui/es/controls/PanelOverview/OverviewAll";
|
|
4
|
-
import { Scrollbars } from "react-custom-scrollbars-2";
|
|
5
8
|
import PanelOverview from "@voplus/morpho-ui/es/controls/PanelOverview";
|
|
6
|
-
import { useQuickFilterContext } from "@voplus/morpho-ui/es/data/QuickFilterContext";
|
|
7
|
-
import { Skeleton } from "antd";
|
|
8
|
-
import classnames from "classnames";
|
|
9
|
-
import React from "react";
|
|
10
9
|
const NotificationOverview = (props) => {
|
|
11
10
|
const { status } = props;
|
|
12
11
|
const context = useQuickFilterContext();
|
|
13
12
|
return observe(() => (React.createElement(Scrollbars, { autoHide: true },
|
|
14
13
|
React.createElement(Skeleton, { loading: context.loading },
|
|
15
|
-
React.createElement(PanelOverview, { className: "notification-overview", overviewAll: React.createElement(OverviewAll, {
|
|
14
|
+
React.createElement(PanelOverview, { className: "notification-overview", overviewAll: React.createElement(OverviewAll, { total: context.getCount("All"), description: "Total All Notifications", onClick: () => onClick("All") }), overviewList: status === null || status === void 0 ? void 0 : status.map((i) => {
|
|
15
|
+
var _a;
|
|
16
|
+
return (React.createElement(OverviewItem, { key: i.status, active: (_a = context.actives) === null || _a === void 0 ? void 0 : _a.includes(i.status), total: context.getCount(i.status), description: i.status, icon: i.icon, onClick: () => onClick(i.status) }));
|
|
17
|
+
}) })))));
|
|
16
18
|
function onClick(s) {
|
|
17
19
|
var _a;
|
|
18
20
|
context.triggerFilter(s);
|
|
@@ -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,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AACrF,OAAO,YAAY,MAAM,0DAA0D,CAAC;AACpF,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAClF,OAAO,aAAa,MAAM,6CAA6C,CAAC;AAOxE,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACjE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,UAAU,IAAC,QAAQ;QACnB,oBAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO;YACjC,oBAAC,aAAa,IACb,SAAS,EAAC,uBAAuB,EACjC,WAAW,EACV,oBAAC,WAAW,IACX,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,WAAW,EAAC,yBAAyB,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC5B,EAEH,YAAY,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;;oBAAC,OAAA,CAChC,oBAAC,YAAY,IACZ,GAAG,EAAE,CAAC,CAAC,MAAM,EACb,MAAM,EAAE,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAC3C,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EACjC,WAAW,EAAE,CAAC,CAAC,MAAM,EACrB,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAC/B,CACF,CAAA;iBAAA,CAAC,GACD,CACQ,CACC,CACb,CAAC,CAAC;IAEH,SAAS,OAAO,CAAC,CAAS;;QACzB,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACzB,MAAA,KAAK,CAAC,mBAAmB,qDAAI,CAAC;IAC/B,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -28,7 +28,7 @@ const NotificationListPage = (props) => {
|
|
|
28
28
|
var _a, _b;
|
|
29
29
|
return (React.createElement(QuickFilterContext.Provider, { value: context },
|
|
30
30
|
React.createElement(DefaultViewLayout, { className: styles["notification-list-page"], header: React.createElement(PageHeadDashboard, { avatarIcon: React.createElement(FAIcon, { icon: faBell }), title: props.title, upAble: true, description: props.description }), propertiesWidth: "295px", properties: React.createElement(NotificationPanel, { overviewProps: {
|
|
31
|
-
status: state.
|
|
31
|
+
status: state.notificationPanel,
|
|
32
32
|
onOverviewItemClick: () => state.onOverviewItemClick(context.actives),
|
|
33
33
|
}, notificationFilterProps: {
|
|
34
34
|
onFilter(options) {
|
|
@@ -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,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,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,WAAW,MAAM,2CAA2C,CAAC;AACpE,OAAO,iBAAiB,MAAM,oCAAoC,CAAC;AACnE,OAAO,EACN,kBAAkB,EAClB,uBAAuB,GACvB,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,oBAAoB,GAAG,CAC5B,KAA6E,EAC5E,EAAE;IACH,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAC;IACrC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,kBAAkB,CAAC,CAAC;IAEvE,MAAM,OAAO,GAAG,OAAO,CACtB,GAAG,EAAE,CACJ,IAAI,uBAAuB,CAAC;QAC3B,KAAK,EAAE,KAAK;QACZ,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;KAC1C,CAAC,EACH,EAAE,CACF,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,OAAO,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;YAC1C,oBAAC,iBAAiB,IACjB,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC,EAC3C,MAAM,EACL,oBAAC,iBAAiB,IACjB,UAAU,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,EACpC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,QACN,WAAW,EAAE,KAAK,CAAC,WAAW,GAC7B,EAEH,eAAe,EAAC,OAAO,EACvB,UAAU,EACT,oBAAC,iBAAiB,IACjB,aAAa,EAAE;wBACd,MAAM,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/pages/NotificationListPage/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { FilterOption } from "@voplus/morpho-data";
|
|
2
|
-
import {
|
|
2
|
+
import { IconProp } from "@fortawesome/fontawesome-svg-core";
|
|
3
3
|
import { NotificationStatus } from "../../../../data/notification";
|
|
4
|
+
import { ListFilterOptions } from "@voplus/morpho-ui/es/data/QuickFilterContext";
|
|
4
5
|
export declare class State {
|
|
5
6
|
private parentId?;
|
|
6
7
|
/** 默认值 */
|
|
7
|
-
|
|
8
|
+
notificationPanel: {
|
|
9
|
+
status: NotificationStatus;
|
|
10
|
+
icon: IconProp;
|
|
11
|
+
}[];
|
|
8
12
|
filerOptions?: FilterOption[];
|
|
9
13
|
defaultFilter: FilterOption[];
|
|
10
14
|
listFilterOptions?: ListFilterOptions[];
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { action, makeObservable, observable, toJS } from "mobx";
|
|
3
|
+
import { faEnvelopeOpen, faEnvelope, faClock, faTrash } from "@fortawesome/pro-regular-svg-icons";
|
|
3
4
|
export class State {
|
|
4
5
|
constructor(parentId) {
|
|
5
6
|
Object.defineProperty(this, "parentId", {
|
|
@@ -9,11 +10,16 @@ export class State {
|
|
|
9
10
|
value: parentId
|
|
10
11
|
});
|
|
11
12
|
/** 默认值 */
|
|
12
|
-
Object.defineProperty(this, "
|
|
13
|
+
Object.defineProperty(this, "notificationPanel", {
|
|
13
14
|
enumerable: true,
|
|
14
15
|
configurable: true,
|
|
15
16
|
writable: true,
|
|
16
|
-
value: [
|
|
17
|
+
value: [
|
|
18
|
+
{ status: "Read", icon: faEnvelopeOpen },
|
|
19
|
+
{ status: "Unread", icon: faEnvelope },
|
|
20
|
+
{ status: "Later", icon: faClock },
|
|
21
|
+
{ status: "Dismissed", icon: faTrash },
|
|
22
|
+
]
|
|
17
23
|
});
|
|
18
24
|
Object.defineProperty(this, "filerOptions", {
|
|
19
25
|
enumerable: true,
|
|
@@ -37,11 +43,14 @@ export class State {
|
|
|
37
43
|
if (this.parentId)
|
|
38
44
|
this.defaultFilter = [{ c: "Target", o: "=", l: "And", v1: this.parentId }];
|
|
39
45
|
let statusFilter = [];
|
|
40
|
-
this.
|
|
46
|
+
this.notificationPanel.map((s) => {
|
|
41
47
|
statusFilter.push({
|
|
42
|
-
name: s,
|
|
48
|
+
name: s.status,
|
|
43
49
|
filters: {
|
|
44
|
-
Filters: [
|
|
50
|
+
Filters: [
|
|
51
|
+
...this.defaultFilter,
|
|
52
|
+
{ c: "NotificationStatus", o: "=", v1: s.status, l: "And" },
|
|
53
|
+
],
|
|
45
54
|
},
|
|
46
55
|
});
|
|
47
56
|
});
|
|
@@ -73,7 +82,7 @@ export class State {
|
|
|
73
82
|
}
|
|
74
83
|
__decorate([
|
|
75
84
|
observable
|
|
76
|
-
], State.prototype, "
|
|
85
|
+
], State.prototype, "notificationPanel", void 0);
|
|
77
86
|
__decorate([
|
|
78
87
|
observable
|
|
79
88
|
], State.prototype, "filerOptions", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/notification/pages/NotificationListPage/state.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/notification/pages/NotificationListPage/state.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { IconProp } from "@fortawesome/fontawesome-svg-core";
|
|
2
3
|
export type TaskOverviewProps = {
|
|
3
|
-
status?:
|
|
4
|
+
status?: {
|
|
5
|
+
status: string;
|
|
6
|
+
icon: IconProp;
|
|
7
|
+
}[];
|
|
4
8
|
onOverviewItemClick?: () => void;
|
|
5
9
|
};
|
|
6
10
|
declare const TaskOverview: (props: TaskOverviewProps) => React.JSX.Element;
|
|
@@ -7,7 +7,6 @@ import DueItem, { weekEnd, monthEnd } from "@voplus/morpho-ui/es/controls/PanelO
|
|
|
7
7
|
import OverviewItem from "@voplus/morpho-ui/es/controls/PanelOverview/OverviewItem";
|
|
8
8
|
import OverviewAll from "@voplus/morpho-ui/es/controls/PanelOverview/OverviewAll";
|
|
9
9
|
import PanelOverview from "@voplus/morpho-ui/es/controls/PanelOverview";
|
|
10
|
-
import classnames from "classnames";
|
|
11
10
|
const dueMenus = [
|
|
12
11
|
{ title: "Overdue", description: `Due` },
|
|
13
12
|
{ title: "ThisWeek", description: `Due on ${weekEnd}` },
|
|
@@ -18,11 +17,10 @@ const TaskOverview = (props) => {
|
|
|
18
17
|
const context = useQuickFilterContext();
|
|
19
18
|
return observe(() => (React.createElement(Scrollbars, { autoHide: true },
|
|
20
19
|
React.createElement(Skeleton, { loading: context.loading },
|
|
21
|
-
React.createElement(PanelOverview, { className: "task-overview", overviewAll: React.createElement(OverviewAll, {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}), title: d.title.replace(/([A-Z])/g, " $1"), type: "Tasks", description: d.description, total: context.getCount(d.title), onClick: () => onClick(d.title) })))) })))));
|
|
20
|
+
React.createElement(PanelOverview, { className: "task-overview", overviewAll: React.createElement(OverviewAll, { total: context.getCount("All"), description: "Total All Tasks", onClick: () => onClick("All") }), overviewList: status === null || status === void 0 ? void 0 : status.map((item) => {
|
|
21
|
+
var _a;
|
|
22
|
+
return (React.createElement(OverviewItem, { key: item.status, icon: item.icon, total: context.getCount(item.status), active: (_a = context.actives) === null || _a === void 0 ? void 0 : _a.includes(item.status), description: item.status, onClick: () => onClick(item.status) }));
|
|
23
|
+
}), nodeTitle: "DUE OF TASKS", dueList: dueMenus.map((d) => (React.createElement(DueItem, { key: d.title, title: d.title, description: d.description, total: context.getCount(d.title), onClick: () => onClick(d.title) }))) })))));
|
|
26
24
|
function onClick(s) {
|
|
27
25
|
var _a;
|
|
28
26
|
context.triggerFilter(s);
|
|
@@ -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;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AACrF,OAAO,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,qDAAqD,CAAC;AACjG,OAAO,YAAY,MAAM,0DAA0D,CAAC;AACpF,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAClF,OAAO,aAAa,MAAM,6CAA6C,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/components/TaskOverview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AACrF,OAAO,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,qDAAqD,CAAC;AACjG,OAAO,YAAY,MAAM,0DAA0D,CAAC;AACpF,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAClF,OAAO,aAAa,MAAM,6CAA6C,CAAC;AAExE,MAAM,QAAQ,GAA2E;IACxF,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE;IACxC,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,OAAO,EAAE,EAAE;IACvD,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,QAAQ,EAAE,EAAE;CACzD,CAAC;AAOF,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,UAAU,IAAC,QAAQ;QACnB,oBAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO;YACjC,oBAAC,aAAa,IACb,SAAS,EAAC,eAAe,EACzB,WAAW,EACV,oBAAC,WAAW,IACX,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,WAAW,EAAC,iBAAiB,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC5B,EAEH,YAAY,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;;oBAAC,OAAA,CACnC,oBAAC,YAAY,IACZ,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,EACpC,MAAM,EAAE,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,EAC9C,WAAW,EAAE,IAAI,CAAC,MAAM,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,GAClC,CACF,CAAA;iBAAA,CAAC,EACF,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAC5B,oBAAC,OAAO,IACP,GAAG,EAAE,CAAC,CAAC,KAAK,EACZ,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,WAAW,EAAE,CAAC,CAAC,WAAW,EAC1B,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAC9B,CACF,CAAC,GACD,CACQ,CACC,CACb,CAAC,CAAC;IAEH,SAAS,OAAO,CAAC,CAAS;;QACzB,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACzB,MAAA,KAAK,CAAC,mBAAmB,qDAAI,CAAC;IAC/B,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import { FilterOption } from "@voplus/morpho-data";
|
|
2
|
+
import { IconProp } from "@fortawesome/fontawesome-svg-core";
|
|
2
3
|
import { ListFilterOptions } from "@voplus/morpho-ui/es/data/QuickFilterContext";
|
|
3
4
|
export declare class State {
|
|
4
5
|
private unitId;
|
|
5
6
|
private parentId?;
|
|
6
7
|
private createdBy?;
|
|
7
8
|
/** 默认值 */
|
|
8
|
-
taskStatus:
|
|
9
|
+
taskStatus: {
|
|
10
|
+
status: string;
|
|
11
|
+
icon: IconProp;
|
|
12
|
+
}[];
|
|
9
13
|
filerOptions?: FilterOption[];
|
|
10
14
|
defaultFilter: FilterOption[];
|
|
11
15
|
createdByMyFilter: FilterOption;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { action, makeObservable, observable, toJS } from "mobx";
|
|
3
|
+
import { faPlay, faSpinner, faCheck, faArchive, faUser } from "@fortawesome/pro-regular-svg-icons";
|
|
3
4
|
import dayjs from "dayjs";
|
|
4
5
|
export class State {
|
|
5
6
|
constructor(unitId, parentId, createdBy) {
|
|
@@ -26,7 +27,12 @@ export class State {
|
|
|
26
27
|
enumerable: true,
|
|
27
28
|
configurable: true,
|
|
28
29
|
writable: true,
|
|
29
|
-
value: [
|
|
30
|
+
value: [
|
|
31
|
+
{ status: "NotStarted", icon: faPlay },
|
|
32
|
+
{ status: "Progress", icon: faSpinner },
|
|
33
|
+
{ status: "Done", icon: faCheck },
|
|
34
|
+
{ status: "Closed", icon: faArchive },
|
|
35
|
+
]
|
|
30
36
|
});
|
|
31
37
|
Object.defineProperty(this, "filerOptions", {
|
|
32
38
|
enumerable: true,
|
|
@@ -67,7 +73,7 @@ export class State {
|
|
|
67
73
|
if (this.parentId)
|
|
68
74
|
this.defaultFilter = [{ c: "ParentNodeId", o: "=", l: "And", v1: this.parentId }];
|
|
69
75
|
if (this.createdBy) {
|
|
70
|
-
this.taskStatus.unshift("CreatedByMe");
|
|
76
|
+
this.taskStatus.unshift({ status: "CreatedByMe", icon: faUser });
|
|
71
77
|
this.defaultFilter.push({
|
|
72
78
|
c: "Members",
|
|
73
79
|
o: "contains",
|
|
@@ -79,13 +85,13 @@ export class State {
|
|
|
79
85
|
let statusFilter = [];
|
|
80
86
|
this.taskStatus.map((s) => {
|
|
81
87
|
statusFilter.push({
|
|
82
|
-
name: s,
|
|
88
|
+
name: s.status,
|
|
83
89
|
filters: {
|
|
84
90
|
Filters: [
|
|
85
91
|
...this.defaultFilter,
|
|
86
|
-
s === "CreatedByMe"
|
|
92
|
+
s.status === "CreatedByMe"
|
|
87
93
|
? this.createdByMyFilter
|
|
88
|
-
: { c: "TaskStatus", o: "=", v1: s, l: "And" },
|
|
94
|
+
: { c: "TaskStatus", o: "=", v1: s.status, l: "And" },
|
|
89
95
|
],
|
|
90
96
|
},
|
|
91
97
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/pages/TaskListPage/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/tasks/pages/TaskListPage/state.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { IconProp } from "@fortawesome/fontawesome-svg-core";
|
|
2
3
|
export type WorkOverviewProps = {
|
|
3
|
-
status?:
|
|
4
|
+
status?: {
|
|
5
|
+
status: string;
|
|
6
|
+
icon: IconProp;
|
|
7
|
+
}[];
|
|
4
8
|
onOverviewItemClick?: () => void;
|
|
5
9
|
};
|
|
6
10
|
declare const WorkOverview: (props: WorkOverviewProps) => React.JSX.Element;
|
|
@@ -7,7 +7,6 @@ import DueItem, { weekEnd, monthEnd } from "@voplus/morpho-ui/es/controls/PanelO
|
|
|
7
7
|
import OverviewItem from "@voplus/morpho-ui/es/controls/PanelOverview/OverviewItem";
|
|
8
8
|
import OverviewAll from "@voplus/morpho-ui/es/controls/PanelOverview/OverviewAll";
|
|
9
9
|
import PanelOverview from "@voplus/morpho-ui/es/controls/PanelOverview";
|
|
10
|
-
import classnames from "classnames";
|
|
11
10
|
const dueMenus = [
|
|
12
11
|
{ title: "Overdue", description: `Due` },
|
|
13
12
|
{ title: "ThisWeek", description: `Due on ${weekEnd}` },
|
|
@@ -18,11 +17,10 @@ const WorkOverview = (props) => {
|
|
|
18
17
|
const context = useQuickFilterContext();
|
|
19
18
|
return observe(() => (React.createElement(Scrollbars, { autoHide: true },
|
|
20
19
|
React.createElement(Skeleton, { loading: context.loading },
|
|
21
|
-
React.createElement(PanelOverview, { className: "work-overview", overviewAll: React.createElement(OverviewAll, {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}), title: d.title.replace(/([A-Z])/g, " $1"), type: "Works", description: d.description, total: context.getCount(d.title), onClick: () => onClick(d.title) }))) })))));
|
|
20
|
+
React.createElement(PanelOverview, { className: "work-overview", overviewAll: React.createElement(OverviewAll, { total: context.getCount("All"), description: "Total All Works", onClick: () => onClick("All") }), overviewList: status === null || status === void 0 ? void 0 : status.map((i) => {
|
|
21
|
+
var _a;
|
|
22
|
+
return (React.createElement(OverviewItem, { key: i.status, description: i.status, icon: i.icon, active: (_a = context.actives) === null || _a === void 0 ? void 0 : _a.includes(i.status), total: context.getCount(i.status), onClick: () => onClick(i.status) }));
|
|
23
|
+
}), nodeTitle: "DUE OF WORKS", dueList: dueMenus.map((d) => (React.createElement(DueItem, { key: d.title, title: d.title, description: d.description, total: context.getCount(d.title), onClick: () => onClick(d.title) }))) })))));
|
|
26
24
|
function onClick(s) {
|
|
27
25
|
var _a;
|
|
28
26
|
context.triggerFilter(s);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkOverview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkOverview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AAErF,OAAO,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,qDAAqD,CAAC;AACjG,OAAO,YAAY,MAAM,0DAA0D,CAAC;AACpF,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAClF,OAAO,aAAa,MAAM,6CAA6C,CAAC;AAExE,MAAM,QAAQ,GAA2E;IACxF,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE;IACxC,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,OAAO,EAAE,EAAE;IACvD,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,QAAQ,EAAE,EAAE;CACzD,CAAC;AAOF,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,UAAU,IAAC,QAAQ;QACnB,oBAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO;YACjC,oBAAC,aAAa,IACb,SAAS,EAAC,eAAe,EACzB,WAAW,EACV,oBAAC,WAAW,IACX,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,WAAW,EAAC,iBAAiB,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC5B,EAEH,YAAY,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;;oBAAC,OAAA,CAChC,oBAAC,YAAY,IACZ,GAAG,EAAE,CAAC,CAAC,MAAM,EACb,WAAW,EAAE,CAAC,CAAC,MAAM,EACrB,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,MAAM,EAAE,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAC3C,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAC/B,CACF,CAAA;iBAAA,CAAC,EACF,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAC5B,oBAAC,OAAO,IACP,GAAG,EAAE,CAAC,CAAC,KAAK,EACZ,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,WAAW,EAAE,CAAC,CAAC,WAAW,EAC1B,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAC9B,CACF,CAAC,GACD,CACQ,CACC,CACb,CAAC,CAAC;IAEH,SAAS,OAAO,CAAC,CAAS;;QACzB,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACzB,MAAA,KAAK,CAAC,mBAAmB,qDAAI,CAAC;IAC/B,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import { FilterOption } from "@voplus/morpho-data";
|
|
2
2
|
import { ListFilterOptions } from "@voplus/morpho-ui/es/data/QuickFilterContext";
|
|
3
|
+
import { IconProp } from "@fortawesome/fontawesome-svg-core";
|
|
3
4
|
export declare class State {
|
|
4
5
|
private contactId?;
|
|
5
6
|
private requester?;
|
|
6
7
|
private workspaceId?;
|
|
7
8
|
/** 默认值 */
|
|
8
|
-
workStatus:
|
|
9
|
+
workStatus: {
|
|
10
|
+
status: string;
|
|
11
|
+
icon: IconProp;
|
|
12
|
+
}[];
|
|
9
13
|
filerOptions?: FilterOption[];
|
|
10
14
|
defaultFilter: FilterOption[];
|
|
11
15
|
requesterFilter: FilterOption;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { action, makeObservable, observable, toJS } from "mobx";
|
|
3
|
+
import { faFileLines, faPlus, faTimes, faPlay, faCheck, faArchive } from "@fortawesome/pro-regular-svg-icons";
|
|
3
4
|
import dayjs from "dayjs";
|
|
4
5
|
export class State {
|
|
5
6
|
constructor(contactId, requester, workspaceId) {
|
|
@@ -27,12 +28,12 @@ export class State {
|
|
|
27
28
|
configurable: true,
|
|
28
29
|
writable: true,
|
|
29
30
|
value: [
|
|
30
|
-
"Draft",
|
|
31
|
-
"New",
|
|
32
|
-
"Rejected",
|
|
33
|
-
"Active",
|
|
34
|
-
"Done",
|
|
35
|
-
"Closed",
|
|
31
|
+
{ status: "Draft", icon: faFileLines },
|
|
32
|
+
{ status: "New", icon: faPlus },
|
|
33
|
+
{ status: "Rejected", icon: faTimes },
|
|
34
|
+
{ status: "Active", icon: faPlay },
|
|
35
|
+
{ status: "Done", icon: faCheck },
|
|
36
|
+
{ status: "Closed", icon: faArchive },
|
|
36
37
|
]
|
|
37
38
|
});
|
|
38
39
|
Object.defineProperty(this, "filerOptions", {
|
|
@@ -100,9 +101,9 @@ export class State {
|
|
|
100
101
|
let statusFilter = [];
|
|
101
102
|
this.workStatus.map((s) => {
|
|
102
103
|
statusFilter.push({
|
|
103
|
-
name: s,
|
|
104
|
+
name: s.status,
|
|
104
105
|
filters: {
|
|
105
|
-
Filters: [...this.defaultFilter, { c: "WorkStatus", o: "=", v1: s, l: "And" }],
|
|
106
|
+
Filters: [...this.defaultFilter, { c: "WorkStatus", o: "=", v1: s.status, l: "And" }],
|
|
106
107
|
},
|
|
107
108
|
});
|
|
108
109
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/work/pages/WorkListPage2/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/work/pages/WorkListPage2/state.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,12 +3,15 @@ import { Skeleton } from "antd";
|
|
|
3
3
|
import { observe } from "@voplus/morpho-ui";
|
|
4
4
|
import { Scrollbars } from "react-custom-scrollbars-2";
|
|
5
5
|
import { useQuickFilterContext } from "@voplus/morpho-ui/es/data/QuickFilterContext";
|
|
6
|
+
import { faPlus, faCalendarXmark } from "@fortawesome/pro-regular-svg-icons";
|
|
6
7
|
import DueItem, { weekEnd, monthEnd } from "@voplus/morpho-ui/es/controls/PanelOverview/DueItem";
|
|
7
8
|
import OverviewItem from "@voplus/morpho-ui/es/controls/PanelOverview/OverviewItem";
|
|
8
9
|
import OverviewAll from "@voplus/morpho-ui/es/controls/PanelOverview/OverviewAll";
|
|
9
10
|
import PanelOverview from "@voplus/morpho-ui/es/controls/PanelOverview";
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
const workPanel = [
|
|
12
|
+
{ status: "WorkCreated", icon: faPlus },
|
|
13
|
+
{ status: "Unscheduled", icon: faCalendarXmark },
|
|
14
|
+
];
|
|
12
15
|
const dueMenus = [
|
|
13
16
|
{ title: "Overdue", description: `Due` },
|
|
14
17
|
{ title: "ThisWeek", description: `Due on ${weekEnd}` },
|
|
@@ -18,11 +21,7 @@ const WorkScheduleOverview = (props) => {
|
|
|
18
21
|
const context = useQuickFilterContext();
|
|
19
22
|
return observe(() => (React.createElement(Scrollbars, { autoHide: true },
|
|
20
23
|
React.createElement(Skeleton, { loading: context.loading },
|
|
21
|
-
React.createElement(PanelOverview, { className: "work-schedule-overview", overviewAll: React.createElement(OverviewAll, {
|
|
22
|
-
week: d.title === "ThisWeek",
|
|
23
|
-
month: d.title === "ThisMonth",
|
|
24
|
-
active: context.actives.includes(d.title),
|
|
25
|
-
}), title: d.title.replace(/([A-Z])/g, " $1"), type: "Works", description: d.description, total: context.getCount(d.title), onClick: () => onClick(d.title) }))) })))));
|
|
24
|
+
React.createElement(PanelOverview, { className: "work-schedule-overview", overviewAll: React.createElement(OverviewAll, { total: context.getCount("All"), description: "Total All Work Schedule", onClick: () => onClick("All") }), overviewList: workPanel.map((item) => (React.createElement(OverviewItem, { key: item.status, icon: item.icon, active: context.actives.includes(item.status), total: context.getCount(item.status), description: item.status, onClick: () => onClick(item.status) }))), nodeTitle: "DUE OF WORKS SCHEDULE", dueList: dueMenus.map((d) => (React.createElement(DueItem, { key: d.title, title: d.title, description: d.description, total: context.getCount(d.title), onClick: () => onClick(d.title) }))) })))));
|
|
26
25
|
function onClick(status) {
|
|
27
26
|
var _a;
|
|
28
27
|
context.triggerFilter(status);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/work/work-schedule/components/WorkScheduleOverview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/work/work-schedule/components/WorkScheduleOverview/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IWorkspace } from "../../../../data/workspace";
|
|
3
|
+
import "./index.less";
|
|
4
|
+
declare const MyWorkspaces: (props: {
|
|
5
|
+
parentId?: string;
|
|
6
|
+
/** The current active item */
|
|
7
|
+
active?: string;
|
|
8
|
+
/** Call back when an item has been clicked on the list. */
|
|
9
|
+
onClickItem?: (item: IWorkspace) => void;
|
|
10
|
+
}) => React.JSX.Element;
|
|
11
|
+
export default MyWorkspaces;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
|
|
3
|
+
import NewWorkspaceDialog from "../NewWorkspaceDialog";
|
|
4
|
+
import { Scrollbars } from "react-custom-scrollbars-2";
|
|
5
|
+
import WorkspaceCardList from "../WorkspaceIconList";
|
|
6
|
+
import WorkspaceCardList2 from "../WorkspaceIconList2";
|
|
7
|
+
import WorkspacePropertiesView from "../WorkspacePropertiesView";
|
|
8
|
+
import { observe } from "@voplus/morpho-ui";
|
|
9
|
+
import "./index.less";
|
|
10
|
+
const MyWorkspaces = (props) => {
|
|
11
|
+
/** 加class name 为了方便做integration tests */
|
|
12
|
+
const classId = "workspaces-list";
|
|
13
|
+
const [asideContext] = useState(AsideContent.createContext());
|
|
14
|
+
const [visible, setVisible] = useState(false);
|
|
15
|
+
return observe(() => (React.createElement(AsideContent, { context: asideContext },
|
|
16
|
+
React.createElement("div", { className: "my-workSpaces" },
|
|
17
|
+
React.createElement(Scrollbars, { autoHide: true },
|
|
18
|
+
React.createElement("div", { className: "workspace-list" },
|
|
19
|
+
React.createElement("span", { className: "workspace-list-title" }, "My WorkSpaces"),
|
|
20
|
+
React.createElement(WorkspaceCardList, { roles: true, addCard: true, WorkspaceStatus: "Active", onItemClick: onItemClick, className: classId + "-my" })),
|
|
21
|
+
React.createElement("div", { className: "workspace-list" },
|
|
22
|
+
React.createElement("span", { className: "workspace-list-title" }, "Worksapce I have access"),
|
|
23
|
+
React.createElement(WorkspaceCardList2, { onItemClick: onItemClick, className: classId + "-access" })),
|
|
24
|
+
React.createElement("div", { className: "workspace-list" },
|
|
25
|
+
React.createElement("span", { className: "workspace-list-title" }, "Disabled Workspaces"),
|
|
26
|
+
React.createElement(WorkspaceCardList, { WorkspaceStatus: "Disabled", onItemClick: onItemClick, className: classId + "-disabled" })),
|
|
27
|
+
visible && (React.createElement(NewWorkspaceDialog, { onCancel: () => setVisible(false), onSubmitSave: () => setVisible(false) })))))));
|
|
28
|
+
function onItemClick(item) {
|
|
29
|
+
var _a;
|
|
30
|
+
if (item.id !== "0") {
|
|
31
|
+
asideContext.openAside(React.createElement(WorkspacePropertiesView, { id: item.id }), { span: 12 });
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
setVisible(true);
|
|
35
|
+
}
|
|
36
|
+
(_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, item);
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
export default MyWorkspaces;
|
|
40
|
+
//# sourceMappingURL=index%20copy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index copy.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/MyWorkspaces/index copy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAE/E,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,MAAM,YAAY,GAAG,CAAC,KAMrB,EAAE,EAAE;IACJ,yCAAyC;IACzC,MAAM,OAAO,GAAG,iBAAiB,CAAC;IAClC,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;QAClC,6BAAK,SAAS,EAAC,eAAe;YAC7B,oBAAC,UAAU,IAAC,QAAQ;gBACnB,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,8BAAM,SAAS,EAAC,sBAAsB,oBAAqB;oBAC3D,oBAAC,iBAAiB,IACjB,KAAK,QACL,OAAO,QACP,eAAe,EAAC,QAAQ,EACxB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,OAAO,GAAG,KAAK,GACzB,CACG;gBACN,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,8BAAM,SAAS,EAAC,sBAAsB,8BAA+B;oBACrE,oBAAC,kBAAkB,IAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,GAAI,CAC3E;gBACN,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,8BAAM,SAAS,EAAC,sBAAsB,0BAA2B;oBACjE,oBAAC,iBAAiB,IACjB,eAAe,EAAC,UAAU,EAC1B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,OAAO,GAAG,WAAW,GAC/B,CACG;gBACL,OAAO,IAAI,CACX,oBAAC,kBAAkB,IAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GACpC,CACF,CACW,CACR,CACQ,CACf,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,IAAgB;;QACpC,IAAI,IAAI,CAAC,EAAE,KAAK,GAAG,EAAE,CAAC;YACrB,YAAY,CAAC,SAAS,CAAC,oBAAC,uBAAuB,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;QAChF,CAAC;aAAM,CAAC;YACP,UAAU,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QACD,MAAA,KAAK,CAAC,WAAW,sDAAG,IAAI,CAAC,CAAC;IAC3B,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,40 +1,31 @@
|
|
|
1
1
|
import React, { useState } from "react";
|
|
2
|
-
import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
|
|
3
2
|
import NewWorkspaceDialog from "../NewWorkspaceDialog";
|
|
4
3
|
import { Scrollbars } from "react-custom-scrollbars-2";
|
|
5
4
|
import WorkspaceCardList from "../WorkspaceIconList";
|
|
6
5
|
import WorkspaceCardList2 from "../WorkspaceIconList2";
|
|
7
|
-
import
|
|
6
|
+
import { faBriefcase } from "@fortawesome/pro-solid-svg-icons";
|
|
7
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
8
|
+
import PageHeadDashboard from "@voplus/morpho-ui/es/components/layout/headers/PageHeadDashboard";
|
|
9
|
+
import DefaultViewLayout from "@voplus/morpho-ui/es/components/layout/DefaultViewLayout";
|
|
8
10
|
import { observe } from "@voplus/morpho-ui";
|
|
9
11
|
import "./index.less";
|
|
10
12
|
const MyWorkspaces = (props) => {
|
|
11
13
|
/** 加class name 为了方便做integration tests */
|
|
12
14
|
const classId = "workspaces-list";
|
|
13
|
-
const [asideContext] = useState(AsideContent.createContext());
|
|
14
15
|
const [visible, setVisible] = useState(false);
|
|
15
|
-
return observe(() => (React.createElement(
|
|
16
|
-
React.createElement(
|
|
17
|
-
React.createElement(
|
|
16
|
+
return observe(() => (React.createElement(DefaultViewLayout, { className: "my-workSpaces", header: React.createElement(PageHeadDashboard, { avatarIcon: React.createElement(FAIcon, { icon: faBriefcase }), title: "My Workspaces", upAble: true, description: "Easy access on convenient shortcuts to your go-to folders" }) },
|
|
17
|
+
React.createElement(Scrollbars, { autoHide: true },
|
|
18
|
+
React.createElement("div", { className: "workspace-lists" },
|
|
18
19
|
React.createElement("div", { className: "workspace-list" },
|
|
19
|
-
React.createElement("
|
|
20
|
-
React.createElement(WorkspaceCardList, { roles: true, addCard: true, WorkspaceStatus: "Active", onItemClick:
|
|
20
|
+
React.createElement("h2", { className: "text-lg font-semibold text-gray-800 mb-3 mt-5" }, "Personal Created Workspaces"),
|
|
21
|
+
React.createElement(WorkspaceCardList, { roles: true, addCard: true, WorkspaceStatus: "Active", onItemClick: props.onClickItem, className: classId + "-my" })),
|
|
21
22
|
React.createElement("div", { className: "workspace-list" },
|
|
22
|
-
React.createElement("
|
|
23
|
-
React.createElement(WorkspaceCardList2, { onItemClick:
|
|
23
|
+
React.createElement("h2", { className: "text-lg font-semibold text-gray-800 mb-3 mt-5" }, "Workspace I have access"),
|
|
24
|
+
React.createElement(WorkspaceCardList2, { onItemClick: props.onClickItem, className: classId + "-access" })),
|
|
24
25
|
React.createElement("div", { className: "workspace-list" },
|
|
25
|
-
React.createElement("
|
|
26
|
-
React.createElement(WorkspaceCardList, { WorkspaceStatus: "Disabled", onItemClick:
|
|
27
|
-
|
|
28
|
-
function onItemClick(item) {
|
|
29
|
-
var _a;
|
|
30
|
-
if (item.id !== "0") {
|
|
31
|
-
asideContext.openAside(React.createElement(WorkspacePropertiesView, { id: item.id }), { span: 12 });
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
setVisible(true);
|
|
35
|
-
}
|
|
36
|
-
(_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, item);
|
|
37
|
-
}
|
|
26
|
+
React.createElement("h2", { className: "text-lg font-semibold text-gray-800 mb-3 mt-5" }, "Disabled Workspaces"),
|
|
27
|
+
React.createElement(WorkspaceCardList, { WorkspaceStatus: "Disabled", onItemClick: props.onClickItem, className: classId + "-disabled" }))),
|
|
28
|
+
visible && (React.createElement(NewWorkspaceDialog, { onCancel: () => setVisible(false), onSubmitSave: () => setVisible(false) }))))));
|
|
38
29
|
};
|
|
39
30
|
export default MyWorkspaces;
|
|
40
31
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/MyWorkspaces/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/MyWorkspaces/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,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,cAAc,CAAC;AAEtB,MAAM,YAAY,GAAG,CAAC,KAMrB,EAAE,EAAE;IACJ,yCAAyC;IACzC,MAAM,OAAO,GAAG,iBAAiB,CAAC;IAClC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,iBAAiB,IACjB,SAAS,EAAC,eAAe,EACzB,MAAM,EACL,oBAAC,iBAAiB,IACjB,UAAU,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,WAAW,GAAI,EACzC,KAAK,EAAC,eAAe,EACrB,MAAM,QACN,WAAW,EAAC,2DAA2D,GACtE;QAGH,oBAAC,UAAU,IAAC,QAAQ;YACnB,6BAAK,SAAS,EAAC,iBAAiB;gBAC/B,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,4BAAI,SAAS,EAAC,+CAA+C,kCAExD;oBACL,oBAAC,iBAAiB,IACjB,KAAK,QACL,OAAO,QACP,eAAe,EAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,SAAS,EAAE,OAAO,GAAG,KAAK,GACzB,CACG;gBACN,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,4BAAI,SAAS,EAAC,+CAA+C,8BAExD;oBACL,oBAAC,kBAAkB,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,GAAI,CACjF;gBACN,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,4BAAI,SAAS,EAAC,+CAA+C,0BAAyB;oBACtF,oBAAC,iBAAiB,IACjB,eAAe,EAAC,UAAU,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,SAAS,EAAE,OAAO,GAAG,WAAW,GAC/B,CACG,CACD;YACL,OAAO,IAAI,CACX,oBAAC,kBAAkB,IAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GACpC,CACF,CACW,CACM,CACpB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
:global {
|
|
2
2
|
.my-workSpaces {
|
|
3
3
|
height: 100%;
|
|
4
|
-
|
|
4
|
+
|
|
5
|
+
.workspace-lists {
|
|
6
|
+
padding: 10px 20px 20px 20px;
|
|
7
|
+
}
|
|
5
8
|
|
|
6
9
|
// display: flex;
|
|
7
10
|
// flex-direction: column;
|
|
@@ -11,7 +14,7 @@
|
|
|
11
14
|
flex-direction: column;
|
|
12
15
|
|
|
13
16
|
.workspace-list-title {
|
|
14
|
-
margin: 40px 0 16px 40px;
|
|
17
|
+
// margin: 40px 0 16px 40px;
|
|
15
18
|
height: 26px;
|
|
16
19
|
font-size: 20px;
|
|
17
20
|
font-family: Microsoft YaHei;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { observe } from "@voplus/morpho-ui";
|
|
3
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
4
|
+
import { faPlus } from "@fortawesome/pro-solid-svg-icons";
|
|
5
|
+
import "./index.less";
|
|
6
|
+
const NewIcon = (props) => {
|
|
7
|
+
return observe(() => (React.createElement("div", { className: "bg-white border border-gray-200 rounded-lg p-4 hover:shadow-md transition-shadow cursor-pointer new-workspace-icon", onClick: props.onClick },
|
|
8
|
+
React.createElement("div", { className: "flex items-center justify-center new-icon" },
|
|
9
|
+
React.createElement(FAIcon, { icon: faPlus })))));
|
|
10
|
+
};
|
|
11
|
+
export default NewIcon;
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/NewIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,cAAc,CAAC;AAEtB,MAAM,OAAO,GAAG,CAAC,KAA+B,EAAE,EAAE;IACnD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BACC,SAAS,EAAC,oHAAoH,EAC9H,OAAO,EAAE,KAAK,CAAC,OAAO;QAEtB,6BAAK,SAAS,EAAC,2CAA2C;YACzD,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CACnB,CACD,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
:global {
|
|
2
|
+
.new-workspace-icon {
|
|
3
|
+
border-radius: 5px;
|
|
4
|
+
width: 96px;
|
|
5
|
+
display: flex;
|
|
6
|
+
margin: 0 16px 16px 0;
|
|
7
|
+
.new-icon {
|
|
8
|
+
margin: auto;
|
|
9
|
+
font-size: 25px;
|
|
10
|
+
width: 60px;
|
|
11
|
+
height: 60px;
|
|
12
|
+
border-radius: 8px;
|
|
13
|
+
color: #868686;
|
|
14
|
+
background: #f9f9f9;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import "./index.less";
|
|
2
3
|
declare const WorkspaceIcon: (props: {
|
|
3
4
|
id?: string;
|
|
4
5
|
index?: number;
|
|
5
6
|
size?: "large" | "middle" | "small";
|
|
6
7
|
/** Workspace Card 显示选中时的样式 */
|
|
7
8
|
active?: boolean;
|
|
9
|
+
onClick?: () => void;
|
|
8
10
|
}) => React.JSX.Element;
|
|
9
11
|
export default WorkspaceIcon;
|
|
@@ -1,25 +1,27 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Badge } from "antd";
|
|
3
3
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
4
|
-
import {
|
|
5
|
-
import { faPlus } from "@fortawesome/pro-light-svg-icons";
|
|
4
|
+
import { faCalendar, faFile } from "@fortawesome/pro-regular-svg-icons";
|
|
6
5
|
import { observe } from "@voplus/morpho-ui";
|
|
7
6
|
import { useWorkspace } from "../../../../data/workspace";
|
|
8
|
-
import Card from "@voplus/morpho-ui/es/controls/Card";
|
|
9
7
|
import classnames from "classnames";
|
|
10
|
-
import
|
|
11
|
-
const colorList = ["#469CFF", "#FFCA61", "#EE6868", "#18BD85", "#7661E2", "#F78A70"];
|
|
8
|
+
import "./index.less";
|
|
12
9
|
const WorkspaceIcon = (props) => {
|
|
13
10
|
const { id, active } = props;
|
|
14
11
|
const workspace = useWorkspace(id);
|
|
15
12
|
return observe(() => {
|
|
16
13
|
var _a;
|
|
17
|
-
return (React.createElement("div", { className:
|
|
18
|
-
React.createElement(
|
|
19
|
-
React.createElement(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
return (React.createElement("div", { className: classnames("workspace-item bg-white border border-gray-200 px-3 py-4 hover:shadow-md transition-shadow cursor-pointer", { "shadow-md": active }), onClick: props.onClick },
|
|
15
|
+
React.createElement("div", { className: "flex gap-5" },
|
|
16
|
+
React.createElement("div", { className: "bg-blue-100 rounded-lg flex items-center justify-center item-icon" },
|
|
17
|
+
React.createElement(FAIcon, { icon: faFile })),
|
|
18
|
+
React.createElement("div", { className: "flex-1 workspace-info" },
|
|
19
|
+
React.createElement("div", { className: "workspace-name truncate" }, (workspace === null || workspace === void 0 ? void 0 : workspace.name) || "New WorkSpace"),
|
|
20
|
+
React.createElement("div", { className: "flex items-center workspace-date" },
|
|
21
|
+
React.createElement(FAIcon, { icon: faCalendar }),
|
|
22
|
+
"Created on 07 July 2024"),
|
|
23
|
+
React.createElement("div", { className: "detail" }, "Visit 15 mins before")),
|
|
24
|
+
React.createElement(Badge, { count: (_a = workspace === null || workspace === void 0 ? void 0 : workspace.stats) === null || _a === void 0 ? void 0 : _a.activeWorks, className: "site-badge-count" }))));
|
|
23
25
|
});
|
|
24
26
|
};
|
|
25
27
|
export default WorkspaceIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/WorkspaceIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/WorkspaceIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,cAAc,CAAC;AAEtB,MAAM,aAAa,GAAG,CAAC,KAOtB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC7B,MAAM,SAAS,GAAG,YAAY,CAAC,EAAG,CAAC,CAAC;IAEpC,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,6BACC,SAAS,EAAE,UAAU,CACpB,2GAA2G,EAC3G,EAAE,WAAW,EAAE,MAAM,EAAE,CACvB,EACD,OAAO,EAAE,KAAK,CAAC,OAAO;YAEtB,6BAAK,SAAS,EAAC,YAAY;gBAC1B,6BAAK,SAAS,EAAC,mEAAmE;oBACjF,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CACnB;gBACN,6BAAK,SAAS,EAAC,uBAAuB;oBACrC,6BAAK,SAAS,EAAC,yBAAyB,IAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,KAAI,eAAe,CAAO;oBACnF,6BAAK,SAAS,EAAC,kCAAkC;wBAChD,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,GAAI;kDAEvB;oBACN,6BAAK,SAAS,EAAC,QAAQ,2BAA2B,CAC7C;gBACN,oBAAC,KAAK,IAAC,KAAK,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,0CAAE,WAAW,EAAE,SAAS,EAAC,kBAAkB,GAAG,CACvE,CACD,CACN,CAAA;KAAA,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -84,3 +84,52 @@
|
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
|
+
|
|
88
|
+
:global {
|
|
89
|
+
.workspace-item {
|
|
90
|
+
font-size: 14px;
|
|
91
|
+
font-weight: 500;
|
|
92
|
+
border-radius: 5px;
|
|
93
|
+
/* 其中 48 为间隙的中和 */
|
|
94
|
+
width: calc((100% - 48px) / 4);
|
|
95
|
+
margin: 0 16px 16px 0;
|
|
96
|
+
&:nth-child(4n) {
|
|
97
|
+
margin-right: 0;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.workspace-info {
|
|
101
|
+
flex: 1;
|
|
102
|
+
overflow: hidden;
|
|
103
|
+
white-space: nowrap;
|
|
104
|
+
text-overflow: ellipsis;
|
|
105
|
+
}
|
|
106
|
+
.item-icon {
|
|
107
|
+
width: 62px;
|
|
108
|
+
height: 62px;
|
|
109
|
+
font-size: 27px;
|
|
110
|
+
color: @purple-primary-color;
|
|
111
|
+
}
|
|
112
|
+
.workspace-name {
|
|
113
|
+
color: #5d5d5d;
|
|
114
|
+
line-height: 19px;
|
|
115
|
+
font-weight: bold;
|
|
116
|
+
margin-bottom: 5px;
|
|
117
|
+
}
|
|
118
|
+
.workspace-date {
|
|
119
|
+
color: #868686;
|
|
120
|
+
line-height: 19px;
|
|
121
|
+
margin-bottom: 3px;
|
|
122
|
+
svg {
|
|
123
|
+
margin-right: 5px;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
.detail {
|
|
127
|
+
color: #cbcbcb;
|
|
128
|
+
}
|
|
129
|
+
.ant-badge .ant-badge-count {
|
|
130
|
+
height: 18px;
|
|
131
|
+
line-height: 18px;
|
|
132
|
+
border-radius: 6px;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
}
|
|
@@ -2,14 +2,19 @@ import React, { useState } from "react";
|
|
|
2
2
|
import { useWorkspaceListEffect } from "../../../../data/workspace";
|
|
3
3
|
import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
|
|
4
4
|
import { Empty } from "antd";
|
|
5
|
-
import { observe, useRenderOnChange } from "@voplus/morpho-ui";
|
|
5
|
+
import { observe, useRenderOnChange, useAsideContentContext } from "@voplus/morpho-ui";
|
|
6
6
|
import { useAutoUpdateListData } from "../../../../data/workspace/workspace-events";
|
|
7
|
+
import WorkspacePropertiesView from "../WorkspacePropertiesView";
|
|
8
|
+
import NewWorkspaceDialog from "../NewWorkspaceDialog";
|
|
9
|
+
import NewIcon from "../NewIcon";
|
|
7
10
|
import WorkspaceIcon from "../WorkspaceIcon";
|
|
8
11
|
import styles from "./index.less";
|
|
9
12
|
import classnames from "classnames";
|
|
10
13
|
// import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
|
|
11
14
|
/** A workspace list view shows workspace in card style. */
|
|
12
15
|
const WorkspaceIconList = (props) => {
|
|
16
|
+
const asideContext = useAsideContentContext();
|
|
17
|
+
const [visible, setVisible] = useState(false);
|
|
13
18
|
const [active, setActive] = useState(null);
|
|
14
19
|
/** 建立 ListView 和useWorkspaceListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
|
|
15
20
|
const list = useCreateListDataState({
|
|
@@ -29,8 +34,8 @@ const WorkspaceIconList = (props) => {
|
|
|
29
34
|
useAutoUpdateListData(list, (d) => true);
|
|
30
35
|
return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
|
|
31
36
|
React.createElement("div", { className: styles["workspace-list-view"] },
|
|
32
|
-
React.createElement("div", { className: classnames("workspace-card-list", props.className) }, list.data.length ? (list.data.map((i, index) => (React.createElement("
|
|
33
|
-
|
|
37
|
+
React.createElement("div", { className: classnames("workspace-card-list grid", { "col-2": asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent }, props.className) }, list.data.length ? (list.data.map((i, index) => (React.createElement(React.Fragment, { key: i.id }, i.id === "0" ? (React.createElement(NewIcon, { onClick: () => onItemClick(i) })) : (React.createElement(WorkspaceIcon, { id: i.id === "0" ? "" : i.id, active: active === i.id, index: index, onClick: () => onItemClick(i) })))))) : (React.createElement(Empty, { className: "empty-style" }))),
|
|
38
|
+
visible && (React.createElement(NewWorkspaceDialog, { onCancel: () => setVisible(false), onSubmitSave: () => setVisible(false) }))))));
|
|
34
39
|
function filters() {
|
|
35
40
|
const filter = [];
|
|
36
41
|
if (props.roles) {
|
|
@@ -47,6 +52,12 @@ const WorkspaceIconList = (props) => {
|
|
|
47
52
|
function onItemClick(item) {
|
|
48
53
|
var _a;
|
|
49
54
|
setActive(item.id);
|
|
55
|
+
if (item.id !== "0") {
|
|
56
|
+
asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(WorkspacePropertiesView, { id: item.id }), { span: 12 });
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
setVisible(true);
|
|
60
|
+
}
|
|
50
61
|
(_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, item);
|
|
51
62
|
}
|
|
52
63
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/WorkspaceIconList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAc,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAE7B,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/WorkspaceIconList/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
.workspace-list-view {
|
|
2
2
|
height: 100%;
|
|
3
|
-
padding: 0 12px;
|
|
4
3
|
|
|
5
4
|
:global {
|
|
6
5
|
.workspace-card-list {
|
|
7
6
|
display: flex;
|
|
8
7
|
flex-wrap: wrap;
|
|
9
8
|
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
&.col-2 {
|
|
10
|
+
.workspace-item {
|
|
11
|
+
width: calc((100% - 16px) / 2);
|
|
12
|
+
&:nth-child(2n) {
|
|
13
|
+
margin-right: 0;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
12
16
|
}
|
|
13
17
|
|
|
14
18
|
.empty-style {
|
|
@@ -16,4 +20,4 @@
|
|
|
16
20
|
}
|
|
17
21
|
}
|
|
18
22
|
}
|
|
19
|
-
}
|
|
23
|
+
}
|
|
@@ -3,15 +3,17 @@ import { useWorkspaceListEffect } from "../../../../data/workspace";
|
|
|
3
3
|
import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
|
|
4
4
|
import { Empty } from "antd";
|
|
5
5
|
import { State } from "./state";
|
|
6
|
-
import
|
|
6
|
+
import WorkspacePropertiesView from "../WorkspacePropertiesView";
|
|
7
|
+
import { observe, useAsideContentContext } from "@voplus/morpho-ui";
|
|
7
8
|
import WorkspaceIcon from "../WorkspaceIcon";
|
|
8
9
|
import classnames from "classnames";
|
|
9
|
-
import styles from "
|
|
10
|
+
import styles from "../WorkspaceIconList/index.less";
|
|
10
11
|
/** A workspace list view shows workspace in card style.
|
|
11
12
|
* Worksapce I have access 显示的list，以后会删掉，以后还是用回WorkspaceCardList组件
|
|
12
13
|
* 因后台的filter还没好，先用笨方法filter，先做好一个能用的测试版
|
|
13
14
|
*/
|
|
14
15
|
const WorkspaceIconList = (props) => {
|
|
16
|
+
const asideContext = useAsideContentContext();
|
|
15
17
|
const [state] = useState(new State());
|
|
16
18
|
const [active, setActive] = useState(null);
|
|
17
19
|
/** 建立 ListView 和useWorkspaceListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
|
|
@@ -41,12 +43,13 @@ const WorkspaceIconList = (props) => {
|
|
|
41
43
|
var _a, _b;
|
|
42
44
|
return (React.createElement(ListDataContext.Provider, { value: list },
|
|
43
45
|
React.createElement("div", { className: styles["workspace-list-view"] },
|
|
44
|
-
React.createElement("div", { className: classnames("workspace-card-list", props.className) }, ((_a = state.list) === null || _a === void 0 ? void 0 : _a.length) ? ((_b = state.list) === null || _b === void 0 ? void 0 : _b.map((i, index) => (React.createElement(
|
|
45
|
-
React.createElement(WorkspaceIcon, { id: i.id === "0" ? "" : i.id, active: active === i.id, index: index }))))) : (React.createElement(Empty, { className: "empty-style" }))))));
|
|
46
|
+
React.createElement("div", { className: classnames("workspace-card-list grid", { "col-2": asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent }, props.className) }, ((_a = state.list) === null || _a === void 0 ? void 0 : _a.length) ? ((_b = state.list) === null || _b === void 0 ? void 0 : _b.map((i, index) => (React.createElement(React.Fragment, { key: i.id },
|
|
47
|
+
React.createElement(WorkspaceIcon, { id: i.id === "0" ? "" : i.id, active: active === i.id, index: index, onClick: () => onItemClick(i) }))))) : (React.createElement(Empty, { className: "empty-style" }))))));
|
|
46
48
|
});
|
|
47
49
|
function onItemClick(item) {
|
|
48
50
|
var _a;
|
|
49
51
|
setActive(item.id);
|
|
52
|
+
asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(WorkspacePropertiesView, { id: item.id }), { span: 12 });
|
|
50
53
|
(_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, item);
|
|
51
54
|
}
|
|
52
55
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/WorkspaceIconList2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAc,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/WorkspaceIconList2/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED