@voplus/morpho-workspace 4.0.0 → 4.0.1

package/es/modules/work/work-schedule/components/WorkScheduleHeader/index.js

@@ -1,23 +1,23 @@
-import React from "react";
-import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import { observe } from "@voplus/morpho-ui";
-import { useWorkSchedule } from "../../../../../data/work-schedule";
-import { useMetaStore } from "@voplus/morpho-document-core";
-import WorkScheduleMenu from "../../controls/WorkScheduleMenu";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import "./index.less";
-const WorkScheduleHeader = (props) => {
-    const id = props.id;
-    const meta = useMetaStore();
-    const workSchedule = useWorkSchedule(id);
-    return observe(() => {
-        var _a;
-        return (React.createElement("div", { className: "work-schedule-header" },
-            React.createElement("div", null, (_a = workSchedule.workType) === null || _a === void 0 ? void 0 : _a.name),
-            React.createElement(ToolBar, { id: id, showMenu: false },
-                React.createElement(Open, { size: "middle", url: meta.getRoute(workSchedule) }),
-                React.createElement(WorkScheduleMenu, { id: id, closeAside: true }))));
-    });
-};
-export default WorkScheduleHeader;
+import React from "react";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { observe } from "@voplus/morpho-ui";
+import { useWorkSchedule } from "../../../../../data/work-schedule";
+import { useMetaStore } from "@voplus/morpho-document-core";
+import WorkScheduleMenu from "../../controls/WorkScheduleMenu";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import "./index.less";
+const WorkScheduleHeader = (props) => {
+    const id = props.id;
+    const meta = useMetaStore();
+    const workSchedule = useWorkSchedule(id);
+    return observe(() => {
+        var _a;
+        return (React.createElement("div", { className: "work-schedule-header" },
+            React.createElement("div", null, (_a = workSchedule.workType) === null || _a === void 0 ? void 0 : _a.name),
+            React.createElement(ToolBar, { id: id, showMenu: false },
+                React.createElement(Open, { size: "middle", url: meta.getRoute(workSchedule) }),
+                React.createElement(WorkScheduleMenu, { id: id, closeAside: true }))));
+    });
+};
+export default WorkScheduleHeader;
 //# sourceMappingURL=index.js.map

package/es/modules/work/work-schedule/components/WorkScheduleHeader/index.less

@@ -1,12 +1,12 @@
-:global {
-	.work-schedule-header {
-		font-size: 24px;
-		display: flex;
-		justify-content: space-between;
-		padding: 10px 20px;
-
-		.tools-bar {
-			text-align: right;
-		}
-	}
-}
+:global {
+	.work-schedule-header {
+		font-size: 24px;
+		display: flex;
+		justify-content: space-between;
+		padding: 10px 20px;
+
+		.tools-bar {
+			text-align: right;
+		}
+	}
+}

package/es/modules/work/work-schedule/components/WorkScheduleItem/index.d.ts

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

package/es/modules/work/work-schedule/components/WorkScheduleItem/index.js

@@ -1,62 +1,62 @@
-import { ColumnItem, ColumnItemCol } from "@voplus/morpho-ui/es/controls/ColumnItem";
-import React, { useState } from "react";
-import { UpDownStatusBar, observe } from "@voplus/morpho-ui";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import { Skeleton } from "antd";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import WorkScheduleMenu from "../../controls/WorkScheduleMenu";
-import WorkScheduleQuickViewDialog from "../WorkScheduleQuickViewDialog";
-import classnames from "classnames";
-import { faIdBadge } from "@fortawesome/pro-light-svg-icons";
-import moment from "moment";
-import styles from "./index.less";
-import { useMetaStore } from "@voplus/morpho-document-core";
-import { useWorkSchedule } from "../../../../../data/work-schedule";
-const WorkScheduleItem = (props) => {
-    const { id, avatar, quickView } = props;
-    const workSchedule = useWorkSchedule(id);
-    const meta = useMetaStore();
-    const [hover, setHover] = useState(false);
-    const [visibleQuickView, setVisibleQuickView] = useState(false);
-    return observe(() => {
-        var _a, _b, _c, _d, _e;
-        return (React.createElement("div", { className: classnames(styles["work-schedule-item"]), onClick: onQuickView, onMouseOver: () => setHover(true), onMouseLeave: () => setHover(false) },
-            workSchedule.loading ? (React.createElement(Skeleton, { avatar: avatar, paragraph: { rows: 1 } })) : (React.createElement(ColumnItem, null,
-                React.createElement(ColumnItemCol, { span: 10 },
-                    React.createElement("div", { className: "work-schedule-item-name" }, `${(_a = workSchedule.workType) === null || _a === void 0 ? void 0 : _a.name}`),
-                    React.createElement("div", { className: "text-sm text-gray-500 margin-right-15" },
-                        React.createElement(FAIcon, { icon: faIdBadge, className: "margin-right-5" }), (_b = workSchedule.contact) === null || _b === void 0 ? void 0 :
-                        _b.name)),
-                ((_c = workSchedule === null || workSchedule === void 0 ? void 0 : workSchedule.work) === null || _c === void 0 ? void 0 : _c.id) ? (React.createElement(React.Fragment, null,
-                    React.createElement(ColumnItemCol, { span: 8, title: "Work" },
-                        React.createElement("div", { className: "work-schedule-item-data-info" }, (_d = workSchedule.work) === null || _d === void 0 ? void 0 : _d.name)),
-                    React.createElement(ColumnItemCol, { span: 3, title: "Work Status" },
-                        React.createElement("div", { className: "work-schedule-item-data-info" }, (_e = workSchedule.work) === null || _e === void 0 ? void 0 : _e.status)),
-                    React.createElement(ColumnItemCol, { span: 3, align: "flex-end" },
-                        React.createElement("div", { className: classnames("work-schedule-item-tool", { show: hover }), onClick: (e) => {
-                                e.stopPropagation();
-                                setHover(false);
-                            } },
-                            React.createElement(ToolBar, { id: id, showMenu: false },
-                                React.createElement(Open, { size: "middle", url: meta.getRoute(workSchedule) }),
-                                React.createElement(WorkScheduleMenu, { id: id, closeAside: true })))))) : (React.createElement(ColumnItemCol, { span: 14, align: "flex-end" },
-                    React.createElement(UpDownStatusBar, { className: classnames("work-schedule-item-menus", { hide: hover }), upNode: React.createElement("div", { className: classnames("flex items-baseline text-xl font-semibold commission-amount") }, workSchedule.schedule && (React.createElement("span", null, moment(workSchedule === null || workSchedule === void 0 ? void 0 : workSchedule.schedule).format("YYYY-MM-DD")))), downNode: React.createElement("div", { className: "work-schedule-item-schedule" }, workSchedule.status) }),
-                    React.createElement("div", { className: classnames("work-schedule-item-tool", { show: hover }), onClick: (e) => {
-                            e.stopPropagation();
-                            setHover(false);
-                        } },
-                        React.createElement(ToolBar, { id: id, showMenu: false },
-                            React.createElement(Open, { size: "middle", url: meta.getRoute(workSchedule) }),
-                            React.createElement(WorkScheduleMenu, { id: id, closeAside: true }))))))),
-            visibleQuickView && (React.createElement(WorkScheduleQuickViewDialog, { id: id, visible: true, onCancel: onQuickView }))));
-    });
-    /** Quick View */
-    function onQuickView() {
-        if (!quickView)
-            return;
-        setVisibleQuickView(!visibleQuickView);
-    }
-};
-export default WorkScheduleItem;
+import { ColumnItem, ColumnItemCol } from "@voplus/morpho-ui/es/controls/ColumnItem";
+import React, { useState } from "react";
+import { UpDownStatusBar, observe } from "@voplus/morpho-ui";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { Skeleton } from "antd";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import WorkScheduleMenu from "../../controls/WorkScheduleMenu";
+import WorkScheduleQuickViewDialog from "../WorkScheduleQuickViewDialog";
+import classnames from "classnames";
+import { faIdBadge } from "@fortawesome/pro-light-svg-icons";
+import moment from "moment";
+import styles from "./index.less";
+import { useMetaStore } from "@voplus/morpho-document-core";
+import { useWorkSchedule } from "../../../../../data/work-schedule";
+const WorkScheduleItem = (props) => {
+    const { id, avatar, quickView } = props;
+    const workSchedule = useWorkSchedule(id);
+    const meta = useMetaStore();
+    const [hover, setHover] = useState(false);
+    const [visibleQuickView, setVisibleQuickView] = useState(false);
+    return observe(() => {
+        var _a, _b, _c, _d, _e;
+        return (React.createElement("div", { className: classnames(styles["work-schedule-item"]), onClick: onQuickView, onMouseOver: () => setHover(true), onMouseLeave: () => setHover(false) },
+            workSchedule.loading ? (React.createElement(Skeleton, { avatar: avatar, paragraph: { rows: 1 } })) : (React.createElement(ColumnItem, null,
+                React.createElement(ColumnItemCol, { span: 10 },
+                    React.createElement("div", { className: "work-schedule-item-name" }, `${(_a = workSchedule.workType) === null || _a === void 0 ? void 0 : _a.name}`),
+                    React.createElement("div", { className: "text-sm text-gray-500 margin-right-15" },
+                        React.createElement(FAIcon, { icon: faIdBadge, className: "margin-right-5" }), (_b = workSchedule.contact) === null || _b === void 0 ? void 0 :
+                        _b.name)),
+                ((_c = workSchedule === null || workSchedule === void 0 ? void 0 : workSchedule.work) === null || _c === void 0 ? void 0 : _c.id) ? (React.createElement(React.Fragment, null,
+                    React.createElement(ColumnItemCol, { span: 8, title: "Work" },
+                        React.createElement("div", { className: "work-schedule-item-data-info" }, (_d = workSchedule.work) === null || _d === void 0 ? void 0 : _d.name)),
+                    React.createElement(ColumnItemCol, { span: 3, title: "Work Status" },
+                        React.createElement("div", { className: "work-schedule-item-data-info" }, (_e = workSchedule.work) === null || _e === void 0 ? void 0 : _e.status)),
+                    React.createElement(ColumnItemCol, { span: 3, align: "flex-end" },
+                        React.createElement("div", { className: classnames("work-schedule-item-tool", { show: hover }), onClick: (e) => {
+                                e.stopPropagation();
+                                setHover(false);
+                            } },
+                            React.createElement(ToolBar, { id: id, showMenu: false },
+                                React.createElement(Open, { size: "middle", url: meta.getRoute(workSchedule) }),
+                                React.createElement(WorkScheduleMenu, { id: id, closeAside: true })))))) : (React.createElement(ColumnItemCol, { span: 14, align: "flex-end" },
+                    React.createElement(UpDownStatusBar, { className: classnames("work-schedule-item-menus", { hide: hover }), upNode: React.createElement("div", { className: classnames("flex items-baseline text-xl font-semibold commission-amount") }, workSchedule.schedule && (React.createElement("span", null, moment(workSchedule === null || workSchedule === void 0 ? void 0 : workSchedule.schedule).format("YYYY-MM-DD")))), downNode: React.createElement("div", { className: "work-schedule-item-schedule" }, workSchedule.status) }),
+                    React.createElement("div", { className: classnames("work-schedule-item-tool", { show: hover }), onClick: (e) => {
+                            e.stopPropagation();
+                            setHover(false);
+                        } },
+                        React.createElement(ToolBar, { id: id, showMenu: false },
+                            React.createElement(Open, { size: "middle", url: meta.getRoute(workSchedule) }),
+                            React.createElement(WorkScheduleMenu, { id: id, closeAside: true }))))))),
+            visibleQuickView && (React.createElement(WorkScheduleQuickViewDialog, { id: id, visible: true, onCancel: onQuickView }))));
+    });
+    /** Quick View */
+    function onQuickView() {
+        if (!quickView)
+            return;
+        setVisibleQuickView(!visibleQuickView);
+    }
+};
+export default WorkScheduleItem;
 //# sourceMappingURL=index.js.map

package/es/modules/work/work-schedule/components/WorkScheduleItem/index.less

@@ -1,44 +1,44 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-.work-schedule-item {
-	cursor: pointer;
-
-	&:hover {
-		background-color: #f5f8fd;
-	}
-
-	:global {
-		.work-schedule-item-name {
-			color: #575757;
-			font-weight: 500;
-			word-break: break-all;
-		}
-
-		.work-schedule-item-data-info {
-			height: 22px;
-		}
-
-		.work-schedule-item-menus {
-			&.hide {
-				display: none;
-			}
-
-			.work-schedule-item-schedule {
-				color: #00000073;
-				font-size: 12px;
-			}
-		}
-
-		.work-schedule-item-tool {
-			display: none;
-
-			&.show {
-				display: block;
-			}
-		}
-
-		.custom-column-item___yTecf {
-			padding: 10px 20px;
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+.work-schedule-item {
+	cursor: pointer;
+
+	&:hover {
+		background-color: #f5f8fd;
+	}
+
+	:global {
+		.work-schedule-item-name {
+			color: #575757;
+			font-weight: 500;
+			word-break: break-all;
+		}
+
+		.work-schedule-item-data-info {
+			height: 22px;
+		}
+
+		.work-schedule-item-menus {
+			&.hide {
+				display: none;
+			}
+
+			.work-schedule-item-schedule {
+				color: #00000073;
+				font-size: 12px;
+			}
+		}
+
+		.work-schedule-item-tool {
+			display: none;
+
+			&.show {
+				display: block;
+			}
+		}
+
+		.custom-column-item___yTecf {
+			padding: 10px 20px;
+		}
+	}
+}

package/es/modules/work/work-schedule/components/WorkScheduleList/index.d.ts

@@ -1,26 +1,26 @@
-import React from "react";
-import { IWorkSchedule } from "../../../../../data/work-schedule";
-export declare type WorkScheduleListProps = {
-    /** scheduleDate of WorkSchedule shown on the list. */
-    scheduleDate?: string;
-    /** filter by contactId, primary contact */
-    contact?: {
-        name: string;
-        id: string;
-    };
-    /** title */
-    viewTitle?: React.ReactNode;
-    /** 是否允在 listView 内部打开 aside */
-    asideable?: boolean;
-    /** Call back when received total number of workSchedule. */
-    onTotal?: (total: number) => void;
-    /** Call back when an item has been clicked on the list. */
-    onClickItem?: (item: IWorkSchedule) => void;
-};
-declare const WorkScheduleList: {
-    (props: WorkScheduleListProps): JSX.Element;
-    defaultProps: {
-        viewTitle: string;
-    };
-};
-export default WorkScheduleList;
+import React from "react";
+import { IWorkSchedule } from "../../../../../data/work-schedule";
+export declare type WorkScheduleListProps = {
+    /** scheduleDate of WorkSchedule shown on the list. */
+    scheduleDate?: string;
+    /** filter by contactId, primary contact */
+    contact?: {
+        name: string;
+        id: string;
+    };
+    /** title */
+    viewTitle?: React.ReactNode;
+    /** 是否允在 listView 内部打开 aside */
+    asideable?: boolean;
+    /** Call back when received total number of workSchedule. */
+    onTotal?: (total: number) => void;
+    /** Call back when an item has been clicked on the list. */
+    onClickItem?: (item: IWorkSchedule) => void;
+};
+declare const WorkScheduleList: {
+    (props: WorkScheduleListProps): JSX.Element;
+    defaultProps: {
+        viewTitle: string;
+    };
+};
+export default WorkScheduleList;

package/es/modules/work/work-schedule/components/WorkScheduleList/index.js

@@ -1,138 +1,138 @@
-import React, { useState } from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-import { useWorkScheduleListEffect } from "../../../../../data/work-schedule";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import { useAutoUpdateListData } from "../../../../../data/work-schedule/work-schedule-events";
-import { useViewContext } from "@voplus/morpho-document-core/es/data/context/ViewContext";
-import WorkScheduleFilter from "../../controls/WorkScheduleFilter";
-import NewWorkScheduleForm from "../NewWorkScheduleForm";
-import NewWorkScheduleFormDialog from "../NewWorkScheduleForm/NewWorkScheduleFormDialog";
-import WorkSchedulePropertiesView from "../WorkSchedulePropertiesView";
-import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
-import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
-import WorkScheduleItem from "../WorkScheduleItem";
-import moment from "moment";
-import styles from "./index.less";
-const WorkScheduleList = (props) => {
-    const { contact, viewTitle, asideable, scheduleDate } = props;
-    const [activeId, setActiveId] = useState("");
-    const [addAble, setAddAble] = useState(false);
-    const view = useViewContext();
-    const list = useCreateListDataState({
-        filterDefaults: {
-            filters: filters(),
-        },
-    }, [contact, scheduleDate]);
-    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
-    useAutoUpdateListData(list, (d) => {
-        if (contact) {
-            return d.contact.id === contact.id;
-        }
-        else {
-            return true;
-        }
-    });
-    useRenderOnChange(() => list.filters.options);
-    /** 把ListDataState传给useWorkScheduleListEffect,使之可以自動更新loading, hasmore. */
-    useWorkScheduleListEffect(list, (result, total) => {
-        var _a;
-        list.union(result);
-        (_a = props.onTotal) === null || _a === void 0 ? void 0 : _a.call(props, total);
-    }, {
-        Total: true,
-        ...list.filters.options,
-    });
-    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
-        React.createElement("div", { className: styles["work-schedule-list"] },
-            React.createElement(ListView, { headerProps: {
-                    viewTitle: viewTitle,
-                    sortable: false,
-                    quickSearch: true,
-                    onAdd: () => (view === null || view === void 0 ? void 0 : view.Type) === "PropertiesView" && setAddAble(!addAble),
-                    filterViewProps: {
-                        columns: [React.createElement(WorkScheduleFilter, { key: "WorkScheduleFilter", defaultValue: "Empty" })],
-                        onFilter,
-                    },
-                }, asideable: asideable, className: "work-schedule-list-content", formView: (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" && React.createElement(NewWorkScheduleForm, { contact: contact }), 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(WorkScheduleItem, { id: item.id, quickView: (view === null || view === void 0 ? void 0 : view.Type) === "PropertiesView" }))), propertiesView: (id) => (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" && React.createElement(WorkSchedulePropertiesView, { id: id }) })),
-        addAble && (React.createElement(NewWorkScheduleFormDialog, { contact: contact, onCancel: () => setAddAble(false), onSave: () => setAddAble(false) })))));
-    function filters() {
-        let filter = [];
-        const unscheduledFilter = {
-            c: "ScheduleDate",
-            o: "is null",
-            l: "And",
-            v1: "",
-        };
-        const dueFilter = {
-            c: "ScheduleDate",
-            o: "<",
-            l: "And",
-            v1: moment().format("YYYY-MM-DD HH:mm:ss"),
-        };
-        const weekFilter = {
-            c: "ScheduleDate",
-            o: "between",
-            l: "And",
-            v1: moment().startOf("week").format("YYYY-MM-DD HH:mm:ss"),
-            v2: moment().endOf("week").format("YYYY-MM-DD HH:mm:ss"),
-        };
-        const monthFilter = {
-            c: "ScheduleDate",
-            o: "between",
-            l: "And",
-            v1: moment().startOf("month").format("YYYY-MM-DD HH:mm:ss"),
-            v2: moment().endOf("month").format("YYYY-MM-DD HH:mm:ss"),
-        };
-        const quarterFilter = {
-            c: "ScheduleDate",
-            o: "between",
-            l: "And",
-            v1: moment().startOf("quarter").format("YYYY-MM-DD HH:mm:ss"),
-            v2: moment().endOf("quarter").format("YYYY-MM-DD HH:mm:ss"),
-        };
-        if (contact) {
-            filter.push({ c: "Contact", o: "=", l: "And", v1: contact.id });
-        }
-        if (scheduleDate === "create") {
-            filter.push({ c: "Work", o: "!=", v1: "null", l: "And" });
-        }
-        else {
-            filter.push({ c: "Work", o: "=", v1: "null", l: "And" });
-        }
-        switch (scheduleDate) {
-            case "unscheduled":
-                filter = [unscheduledFilter, ...filter];
-                break;
-            case "due":
-                filter = [dueFilter, ...filter];
-                break;
-            case "week":
-                filter = [weekFilter, ...filter];
-                break;
-            case "month":
-                filter = [monthFilter, ...filter];
-                break;
-            case "quarter":
-                filter = [quarterFilter, ...filter];
-                break;
-            default:
-                return filter;
-        }
-        return filter;
-    }
-    function onFilter(context) {
-        context.paging.Page = 1;
-        context.filter();
-    }
-};
-WorkScheduleList.defaultProps = {
-    viewTitle: " ",
-};
-export default WorkScheduleList;
+import React, { useState } from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+import { useWorkScheduleListEffect } from "../../../../../data/work-schedule";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import { useAutoUpdateListData } from "../../../../../data/work-schedule/work-schedule-events";
+import { useViewContext } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+import WorkScheduleFilter from "../../controls/WorkScheduleFilter";
+import NewWorkScheduleForm from "../NewWorkScheduleForm";
+import NewWorkScheduleFormDialog from "../NewWorkScheduleForm/NewWorkScheduleFormDialog";
+import WorkSchedulePropertiesView from "../WorkSchedulePropertiesView";
+import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import WorkScheduleItem from "../WorkScheduleItem";
+import moment from "moment";
+import styles from "./index.less";
+const WorkScheduleList = (props) => {
+    const { contact, viewTitle, asideable, scheduleDate } = props;
+    const [activeId, setActiveId] = useState("");
+    const [addAble, setAddAble] = useState(false);
+    const view = useViewContext();
+    const list = useCreateListDataState({
+        filterDefaults: {
+            filters: filters(),
+        },
+    }, [contact, scheduleDate]);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => {
+        if (contact) {
+            return d.contact.id === contact.id;
+        }
+        else {
+            return true;
+        }
+    });
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useWorkScheduleListEffect,使之可以自動更新loading, hasmore. */
+    useWorkScheduleListEffect(list, (result, total) => {
+        var _a;
+        list.union(result);
+        (_a = props.onTotal) === null || _a === void 0 ? void 0 : _a.call(props, total);
+    }, {
+        Total: true,
+        ...list.filters.options,
+    });
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement("div", { className: styles["work-schedule-list"] },
+            React.createElement(ListView, { headerProps: {
+                    viewTitle: viewTitle,
+                    sortable: false,
+                    quickSearch: true,
+                    onAdd: () => (view === null || view === void 0 ? void 0 : view.Type) === "PropertiesView" && setAddAble(!addAble),
+                    filterViewProps: {
+                        columns: [React.createElement(WorkScheduleFilter, { key: "WorkScheduleFilter", defaultValue: "Empty" })],
+                        onFilter,
+                    },
+                }, asideable: asideable, className: "work-schedule-list-content", formView: (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" && React.createElement(NewWorkScheduleForm, { contact: contact }), 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(WorkScheduleItem, { id: item.id, quickView: (view === null || view === void 0 ? void 0 : view.Type) === "PropertiesView" }))), propertiesView: (id) => (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" && React.createElement(WorkSchedulePropertiesView, { id: id }) })),
+        addAble && (React.createElement(NewWorkScheduleFormDialog, { contact: contact, onCancel: () => setAddAble(false), onSave: () => setAddAble(false) })))));
+    function filters() {
+        let filter = [];
+        const unscheduledFilter = {
+            c: "ScheduleDate",
+            o: "is null",
+            l: "And",
+            v1: "",
+        };
+        const dueFilter = {
+            c: "ScheduleDate",
+            o: "<",
+            l: "And",
+            v1: moment().format("YYYY-MM-DD HH:mm:ss"),
+        };
+        const weekFilter = {
+            c: "ScheduleDate",
+            o: "between",
+            l: "And",
+            v1: moment().startOf("week").format("YYYY-MM-DD HH:mm:ss"),
+            v2: moment().endOf("week").format("YYYY-MM-DD HH:mm:ss"),
+        };
+        const monthFilter = {
+            c: "ScheduleDate",
+            o: "between",
+            l: "And",
+            v1: moment().startOf("month").format("YYYY-MM-DD HH:mm:ss"),
+            v2: moment().endOf("month").format("YYYY-MM-DD HH:mm:ss"),
+        };
+        const quarterFilter = {
+            c: "ScheduleDate",
+            o: "between",
+            l: "And",
+            v1: moment().startOf("quarter").format("YYYY-MM-DD HH:mm:ss"),
+            v2: moment().endOf("quarter").format("YYYY-MM-DD HH:mm:ss"),
+        };
+        if (contact) {
+            filter.push({ c: "Contact", o: "=", l: "And", v1: contact.id });
+        }
+        if (scheduleDate === "create") {
+            filter.push({ c: "Work", o: "!=", v1: "null", l: "And" });
+        }
+        else {
+            filter.push({ c: "Work", o: "=", v1: "null", l: "And" });
+        }
+        switch (scheduleDate) {
+            case "unscheduled":
+                filter = [unscheduledFilter, ...filter];
+                break;
+            case "due":
+                filter = [dueFilter, ...filter];
+                break;
+            case "week":
+                filter = [weekFilter, ...filter];
+                break;
+            case "month":
+                filter = [monthFilter, ...filter];
+                break;
+            case "quarter":
+                filter = [quarterFilter, ...filter];
+                break;
+            default:
+                return filter;
+        }
+        return filter;
+    }
+    function onFilter(context) {
+        context.paging.Page = 1;
+        context.filter();
+    }
+};
+WorkScheduleList.defaultProps = {
+    viewTitle: " ",
+};
+export default WorkScheduleList;
 //# sourceMappingURL=index.js.map