@voplus/morpho-workspace 2.0.12 → 4.0.1

package/es/modules/work/components/WorkItem/index.less

@@ -1,56 +1,56 @@
-.default-work-item {
-	position: relative;
-	align-items: center;
-	cursor: pointer;
-	background-color: transparent;
-
-	&:global(:after) {
-		position: absolute;
-		content: "";
-		left: 20px;
-		right: 20px;
-		bottom: 0;
-		border-bottom: 1px solid #f2f2f2;
-	}
-
-	:global {
-		.work-statue-due-date {
-			opacity: 1;
-			transition: opacity 0.3s;
-
-			&.hide {
-				opacity: 0;
-			}
-		}
-
-		.work-status-label {
-			opacity: 1;
-			transition: opacity 0.3s;
-			flex-shrink: 0;
-
-			&.hide {
-				opacity: 0;
-			}
-		}
-
-		.hover-operate-icon {
-			display: none;
-			position: absolute;
-			right: 20px;
-
-			.ant-btn:first-child {
-				margin-left: 0;
-			}
-
-			&.show {
-				display: block;
-			}
-		}
-
-		.due-date-sub {
-			color: #00000073;
-			font-size: 12px;
-			text-align: center;
-		}
-	}
-}
+.default-work-item {
+	position: relative;
+	align-items: center;
+	cursor: pointer;
+	background-color: transparent;
+
+	&:global(:after) {
+		position: absolute;
+		content: "";
+		left: 20px;
+		right: 20px;
+		bottom: 0;
+		border-bottom: 1px solid #f2f2f2;
+	}
+
+	:global {
+		.work-statue-due-date {
+			opacity: 1;
+			transition: opacity 0.3s;
+
+			&.hide {
+				opacity: 0;
+			}
+		}
+
+		.work-status-label {
+			opacity: 1;
+			transition: opacity 0.3s;
+			flex-shrink: 0;
+
+			&.hide {
+				opacity: 0;
+			}
+		}
+
+		.hover-operate-icon {
+			display: none;
+			position: absolute;
+			right: 20px;
+
+			.ant-btn:first-child {
+				margin-left: 0;
+			}
+
+			&.show {
+				display: block;
+			}
+		}
+
+		.due-date-sub {
+			color: #00000073;
+			font-size: 12px;
+			text-align: center;
+		}
+	}
+}

package/es/modules/work/components/WorkList/index.d.ts

@@ -1,40 +1,40 @@
-/// <reference types="react" />
-import "./index.less";
-import { IWork } from "../../../../data/work";
-export declare type WorkListProps = {
-    /** status of works shown on the list. */
-    status?: string;
-    /** types id of works shown on the list. */
-    typesId?: string;
-    /** dueDate of works shown on the list. */
-    dueDate?: string;
-    /** The current active item */
-    active?: string;
-    /** filter roles */
-    roles?: boolean;
-    /** Whether to open propertiesview from the inside */
-    asideable?: boolean;
-    /** filter workspaceId */
-    workspaceId?: string;
-    /** filter workId */
-    workId?: string;
-    /** filter by contactId */
-    contactId?: string;
-    /** is add work */
-    addAble?: boolean;
-    /** custom title */
-    viewTitle?: string;
-    /** 是否显示 total 总数 */
-    total?: boolean;
-    /** Call back when an item has been clicked on the list. */
-    onClickItem?: (item: IWork) => void;
-    /** Call back when received total number of works. */
-    onTotal?: (total: number) => void;
-};
-declare const WorkList: {
-    (props: WorkListProps): JSX.Element;
-    defaultProps: {
-        asideable: boolean;
-    };
-};
-export default WorkList;
+/// <reference types="react" />
+import "./index.less";
+import { IWork } from "../../../../data/work";
+export declare type WorkListProps = {
+    /** status of works shown on the list. */
+    status?: string;
+    /** types id of works shown on the list. */
+    typesId?: string;
+    /** dueDate of works shown on the list. */
+    dueDate?: string;
+    /** The current active item */
+    active?: string;
+    /** filter roles */
+    roles?: boolean;
+    /** Whether to open propertiesview from the inside */
+    asideable?: boolean;
+    /** filter workspaceId */
+    workspaceId?: string;
+    /** filter workId */
+    workId?: string;
+    /** filter by contactId */
+    contactId?: string;
+    /** is add work */
+    addAble?: boolean;
+    /** custom title */
+    viewTitle?: string;
+    /** 是否显示 total 总数 */
+    total?: boolean;
+    /** Call back when an item has been clicked on the list. */
+    onClickItem?: (item: IWork) => void;
+    /** Call back when received total number of works. */
+    onTotal?: (total: number) => void;
+};
+declare const WorkList: {
+    (props: WorkListProps): JSX.Element;
+    defaultProps: {
+        asideable: boolean;
+    };
+};
+export default WorkList;

package/es/modules/work/components/WorkList/index.js

@@ -1,189 +1,189 @@
-import "./index.less";
-import { useWorkListEffect } from "../../../../data/work";
-import { useWorkType, useWorkTypeListEffect } from "../../../../data/worktype";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import React, { useState } from "react";
-import { WorkStatusFilter, WorkTypesFilter } from "../../../../controls/filters";
-import { useAutoUpdateListData, useDocumentStore } from "@voplus/morpho-document-core";
-import { Badge } from "antd";
-import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
-import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
-import NewWorkForm from "../NewWorkForm";
-import S from "string";
-import WorkItem from "../WorkItem";
-import moment from "moment";
-import { observe } from "@voplus/morpho-ui";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-const WorkList = (props) => {
-    const { dueDate, typesId, workspaceId, workId, contactId, addAble, asideable, viewTitle, total } = props;
-    const [activeId, setActiveId] = useState("");
-    const [workTotal, setWorkTotal] = useState(0);
-    const [workTypeList, setWorkTypeList] = useState([]);
-    const documentStore = useDocumentStore();
-    const workType = useWorkType(typesId, { reload: false });
-    const list = useCreateListDataState({
-        filterDefaults: { filters: filters() },
-    }, [props.status, dueDate, typesId]);
-    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
-    useAutoUpdateListData(list, (d) => d.type === "Work");
-    useRenderOnChange(() => list.filters.options);
-    /** 把ListDataState传给useWorkListEffect,使之可以自動更新loading, hasmore. */
-    useWorkListEffect(list, (result, total) => {
-        var _a;
-        list.union(result);
-        setWorkTotal(total);
-        (_a = props.onTotal) === null || _a === void 0 ? void 0 : _a.call(props, total);
-    }, {
-        Total: true,
-        ...list.filters.options,
-    });
-    useWorkTypeListEffect(null, (result) => setWorkTypeList(result), {
-        Filters: workspaceId ? [{ c: "ParentNodeId", o: "=", l: "And", v1: workspaceId }] : [],
-    });
-    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
-        React.createElement(ListView, { headerProps: {
-                viewTitle: (React.createElement(React.Fragment, null,
-                    React.createElement("span", { className: "margin-right-10" }, viewTitle || (workType === null || workType === void 0 ? void 0 : workType.name) || "My Works"),
-                    total && workTotal ? React.createElement(Badge, { count: workTotal, overflowCount: 99 }) : null)),
-                sortable: false,
-                quickSearch: true,
-                addAble: addAble || (dueDate === "requested" ? true : false),
-                filterViewProps: {
-                    columns: [
-                        props.status && workspaceId ? (React.createElement(WorkTypesFilter, { key: "WorkTypesFilter", workTypeList: workTypeList })) : (React.createElement(WorkStatusFilter, { key: "WorkStatusFilter", defaultValue: defaultValue() })),
-                    ],
-                    onFilter,
-                },
-            }, asideable: asideable, className: "work-list", moveAfter: moveAfter, formViewTitle: "Add Work", formView: React.createElement(NewWorkForm, { showView: true }), renderItem: ({ item, connectDragSource }) => (React.createElement(DocumentItemFrame, { key: item.id, frameProps: { active: activeId === item.id }, onClick: () => {
-                    var _a;
-                    setActiveId(item.id);
-                    (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, item);
-                } },
-                React.createElement(WorkItem, { id: item.id, clickNameEffect: "default" }))) }))));
-    function filters() {
-        let filter = [];
-        const rolesFilter = {
-            c: "Roles",
-            o: "contains",
-            l: "And",
-            v1: JSON.stringify(["Owner"]),
-        };
-        const draftFilter = { c: "WorkStatus", l: "And", o: "=", v1: "Active" };
-        const dueFilter = {
-            c: "DueDate",
-            o: "<",
-            l: "And",
-            v1: moment().format("YYYY-MM-DD HH:mm:ss"),
-        };
-        const requestedFilter = [
-            {
-                c: "Roles",
-                o: "contains",
-                l: "And",
-                v1: JSON.stringify(["Requester"]),
-            },
-            {
-                c: "WorkStatus",
-                o: "contains",
-                l: "And",
-                v1: JSON.stringify(["Draft", "New", "Active"]),
-            },
-        ];
-        if (props.roles) {
-            filter.push(rolesFilter);
-        }
-        if (props.status) {
-            filter.push({
-                c: "WorkStatus",
-                o: "=",
-                l: "And",
-                v1: S(props.status).capitalize().toString(),
-            });
-        }
-        else {
-            filter.push(draftFilter);
-        }
-        if (typesId) {
-            filter.push({
-                c: "WorkType",
-                o: "=",
-                l: "And",
-                v1: typesId,
-            });
-        }
-        if (workspaceId) {
-            filter.push({ c: "Workspace", o: "=", l: "And", v1: workspaceId });
-        }
-        if (workId) {
-            filter.push({ c: "RelatedId", o: "=", l: "And", v1: workId });
-        }
-        if (contactId) {
-            filter.push({ c: "Contact", o: "=", l: "And", v1: contactId }, {
-                c: "WorkStatus",
-                o: "contains",
-                l: "And",
-                v1: JSON.stringify(["Active"]),
-            });
-        }
-        if (dueDate && dueDate !== "due") {
-            let date = "day";
-            let v1 = "";
-            let v2 = "";
-            if (dueDate !== "today")
-                date = dueDate;
-            v1 = moment().startOf(date).format("YYYY-MM-DD HH:mm:ss");
-            v2 = moment().endOf(date).format("YYYY-MM-DD HH:mm:ss");
-            // if (dueDate === "unscheduled") {
-            // 	v1 = moment().add(1, "months").startOf("month").format("YYYY-MM-DD HH:mm:ss");
-            // 	v2 = moment().add(1, "months").endOf("month").format("YYYY-MM-DD HH:mm:ss");
-            // } else {
-            // v1 = moment().startOf(date).format("YYYY-MM-DD HH:mm:ss");
-            // v2 = moment().endOf(date).format("YYYY-MM-DD HH:mm:ss");
-            // }
-            filter.push({
-                c: "DueDate",
-                o: "between",
-                l: "And",
-                v1: v1,
-                v2: v2,
-            });
-        }
-        if (dueDate === "due") {
-            filter.push(dueFilter);
-        }
-        if (dueDate === "requested") {
-            filter = workspaceId
-                ? [{ c: "Workspace", o: "=", l: "And", v1: workspaceId }, ...requestedFilter]
-                : [...requestedFilter];
-        }
-        return filter;
-    }
-    async function moveAfter(id, afterId) {
-        await documentStore.moveAfter(id, afterId);
-    }
-    function defaultValue() {
-        switch (dueDate) {
-            case "today":
-            case "week":
-            case "month":
-            case "due":
-                return ["Active"];
-            case "requested":
-                return ["Draft", "New", "Active"];
-            default:
-                break;
-        }
-        if (contactId)
-            return ["Active"];
-        return [];
-    }
-    function onFilter(context) {
-        context.paging.Page = 1;
-        context.filter();
-    }
-};
-WorkList.defaultProps = {
-    asideable: true,
-};
-export default WorkList;
+import "./index.less";
+import { useWorkListEffect } from "../../../../data/work";
+import { useWorkType, useWorkTypeListEffect } from "../../../../data/worktype";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import { WorkStatusFilter, WorkTypesFilter } from "../../../../controls/filters";
+import { useAutoUpdateListData, useDocumentStore } from "@voplus/morpho-document-core";
+import { Badge } from "antd";
+import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import NewWorkForm from "../NewWorkForm";
+import S from "string";
+import WorkItem from "../WorkItem";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const WorkList = (props) => {
+    const { dueDate, typesId, workspaceId, workId, contactId, addAble, asideable, viewTitle, total } = props;
+    const [activeId, setActiveId] = useState("");
+    const [workTotal, setWorkTotal] = useState(0);
+    const [workTypeList, setWorkTypeList] = useState([]);
+    const documentStore = useDocumentStore();
+    const workType = useWorkType(typesId, { reload: false });
+    const list = useCreateListDataState({
+        filterDefaults: { filters: filters() },
+    }, [props.status, dueDate, typesId]);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => d.type === "Work");
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useWorkListEffect,使之可以自動更新loading, hasmore. */
+    useWorkListEffect(list, (result, total) => {
+        var _a;
+        list.union(result);
+        setWorkTotal(total);
+        (_a = props.onTotal) === null || _a === void 0 ? void 0 : _a.call(props, total);
+    }, {
+        Total: true,
+        ...list.filters.options,
+    });
+    useWorkTypeListEffect(null, (result) => setWorkTypeList(result), {
+        Filters: workspaceId ? [{ c: "ParentNodeId", o: "=", l: "And", v1: workspaceId }] : [],
+    });
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(ListView, { headerProps: {
+                viewTitle: (React.createElement(React.Fragment, null,
+                    React.createElement("span", { className: "margin-right-10" }, viewTitle || (workType === null || workType === void 0 ? void 0 : workType.name) || "My Works"),
+                    total && workTotal ? React.createElement(Badge, { count: workTotal, overflowCount: 99 }) : null)),
+                sortable: false,
+                quickSearch: true,
+                addAble: addAble || (dueDate === "requested" ? true : false),
+                filterViewProps: {
+                    columns: [
+                        props.status && workspaceId ? (React.createElement(WorkTypesFilter, { key: "WorkTypesFilter", workTypeList: workTypeList })) : (React.createElement(WorkStatusFilter, { key: "WorkStatusFilter", defaultValue: defaultValue() })),
+                    ],
+                    onFilter,
+                },
+            }, asideable: asideable, className: "work-list", moveAfter: moveAfter, formViewTitle: "Add Work", formView: React.createElement(NewWorkForm, { showView: true }), renderItem: ({ item, connectDragSource }) => (React.createElement(DocumentItemFrame, { key: item.id, frameProps: { active: activeId === item.id }, onClick: () => {
+                    var _a;
+                    setActiveId(item.id);
+                    (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, item);
+                } },
+                React.createElement(WorkItem, { id: item.id, clickNameEffect: "default" }))) }))));
+    function filters() {
+        let filter = [];
+        const rolesFilter = {
+            c: "Roles",
+            o: "contains",
+            l: "And",
+            v1: JSON.stringify(["Owner"]),
+        };
+        const draftFilter = { c: "WorkStatus", l: "And", o: "=", v1: "Active" };
+        const dueFilter = {
+            c: "DueDate",
+            o: "<",
+            l: "And",
+            v1: moment().format("YYYY-MM-DD HH:mm:ss"),
+        };
+        const requestedFilter = [
+            {
+                c: "Roles",
+                o: "contains",
+                l: "And",
+                v1: JSON.stringify(["Requester"]),
+            },
+            {
+                c: "WorkStatus",
+                o: "contains",
+                l: "And",
+                v1: JSON.stringify(["Draft", "New", "Active"]),
+            },
+        ];
+        if (props.roles) {
+            filter.push(rolesFilter);
+        }
+        if (props.status) {
+            filter.push({
+                c: "WorkStatus",
+                o: "=",
+                l: "And",
+                v1: S(props.status).capitalize().toString(),
+            });
+        }
+        else {
+            filter.push(draftFilter);
+        }
+        if (typesId) {
+            filter.push({
+                c: "WorkType",
+                o: "=",
+                l: "And",
+                v1: typesId,
+            });
+        }
+        if (workspaceId) {
+            filter.push({ c: "Workspace", o: "=", l: "And", v1: workspaceId });
+        }
+        if (workId) {
+            filter.push({ c: "RelatedId", o: "=", l: "And", v1: workId });
+        }
+        if (contactId) {
+            filter.push({ c: "Contact", o: "=", l: "And", v1: contactId }, {
+                c: "WorkStatus",
+                o: "contains",
+                l: "And",
+                v1: JSON.stringify(["Active"]),
+            });
+        }
+        if (dueDate && dueDate !== "due") {
+            let date = "day";
+            let v1 = "";
+            let v2 = "";
+            if (dueDate !== "today")
+                date = dueDate;
+            v1 = moment().startOf(date).format("YYYY-MM-DD HH:mm:ss");
+            v2 = moment().endOf(date).format("YYYY-MM-DD HH:mm:ss");
+            // if (dueDate === "unscheduled") {
+            // 	v1 = moment().add(1, "months").startOf("month").format("YYYY-MM-DD HH:mm:ss");
+            // 	v2 = moment().add(1, "months").endOf("month").format("YYYY-MM-DD HH:mm:ss");
+            // } else {
+            // v1 = moment().startOf(date).format("YYYY-MM-DD HH:mm:ss");
+            // v2 = moment().endOf(date).format("YYYY-MM-DD HH:mm:ss");
+            // }
+            filter.push({
+                c: "DueDate",
+                o: "between",
+                l: "And",
+                v1: v1,
+                v2: v2,
+            });
+        }
+        if (dueDate === "due") {
+            filter.push(dueFilter);
+        }
+        if (dueDate === "requested") {
+            filter = workspaceId
+                ? [{ c: "Workspace", o: "=", l: "And", v1: workspaceId }, ...requestedFilter]
+                : [...requestedFilter];
+        }
+        return filter;
+    }
+    async function moveAfter(id, afterId) {
+        await documentStore.moveAfter(id, afterId);
+    }
+    function defaultValue() {
+        switch (dueDate) {
+            case "today":
+            case "week":
+            case "month":
+            case "due":
+                return ["Active"];
+            case "requested":
+                return ["Draft", "New", "Active"];
+            default:
+                break;
+        }
+        if (contactId)
+            return ["Active"];
+        return [];
+    }
+    function onFilter(context) {
+        context.paging.Page = 1;
+        context.filter();
+    }
+};
+WorkList.defaultProps = {
+    asideable: true,
+};
+export default WorkList;
 //# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkList/index.less

@@ -1,7 +1,7 @@
-:global {
-	.work-list {
-		background-color: #fff;
-		padding: 0 !important;
-	}
-}
-
+:global {
+	.work-list {
+		background-color: #fff;
+		padding: 0 !important;
+	}
+}
+

package/es/modules/work/components/WorkListCard/index.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-import { WorkListProps } from "../WorkList";
-declare const WorkListCard: {
-    (props: {
-        style?: React.CSSProperties;
-    } & WorkListProps): JSX.Element;
-    defaultProps: {
-        total: boolean;
-    };
-};
-export default WorkListCard;
+import React from "react";
+import { WorkListProps } from "../WorkList";
+declare const WorkListCard: {
+    (props: {
+        style?: React.CSSProperties;
+    } & WorkListProps): JSX.Element;
+    defaultProps: {
+        total: boolean;
+    };
+};
+export default WorkListCard;

package/es/modules/work/components/WorkListCard/index.js

@@ -1,13 +1,13 @@
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-import ListCard from "@voplus/morpho-ui/es/controls/ListCard";
-import WorkList from "../WorkList";
-const WorkListCard = (props) => {
-    return observe(() => (React.createElement(ListCard, { style: props.style },
-        React.createElement(WorkList, { ...props }))));
-};
-WorkListCard.defaultProps = {
-    total: true,
-};
-export default WorkListCard;
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import ListCard from "@voplus/morpho-ui/es/controls/ListCard";
+import WorkList from "../WorkList";
+const WorkListCard = (props) => {
+    return observe(() => (React.createElement(ListCard, { style: props.style },
+        React.createElement(WorkList, { ...props }))));
+};
+WorkListCard.defaultProps = {
+    total: true,
+};
+export default WorkListCard;
 //# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkPropertiesView/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import "./index.less";
-declare const WorkPropertiesView: (props: {
-    id: string;
-    default?: boolean;
-}) => JSX.Element;
-export default WorkPropertiesView;
+/// <reference types="react" />
+import "./index.less";
+declare const WorkPropertiesView: (props: {
+    id: string;
+    default?: boolean;
+}) => JSX.Element;
+export default WorkPropertiesView;