@voplus/morpho-workspace 11.0.4 → 11.2.0

package/es/modules/calendar-board/pages/CalendarBoard/index.js

@@ -0,0 +1,181 @@
+import React, { useEffect, useRef, useState } from "react";
+import { observe, useRenderOnChange } from "@voplus/morpho-ui";
+import { message } from "antd";
+import { useOnDeleteDocument } from "@voplus/morpho-document-core";
+import { useOnDeleteWorkSchedule } from "../../../../data/work-schedule/work-schedule-events";
+import { FilterOptionsContext, FilterOptionsContextState } from "@voplus/morpho-ui/es/data";
+import { useCalendarListEffect, useCalendarStore } from "../../../../data/calendar";
+import QuickView from "@voplus/morpho-document-core/es/components/QuickView";
+import { useDeepMemo, useTabItem } from "@voplus/morpho-data";
+import { runInAction } from "mobx";
+import dayjs from "dayjs";
+import { ConfigProvider } from "antd";
+import antdTheme from "@voplus/morpho-theme/antdTheme";
+import FilterView from "@voplus/morpho-ui/es/controls/FilterView";
+import EventsFilter from "../../../../controls/filters/EventsFilter";
+import { applyDropToEvents, buildDropPayload, findEventById, } from "../../event-meta";
+import CalendarToolbar from "../../components/CalendarToolbar";
+import CalendarLegend from "../../components/CalendarLegend";
+import CalendarBoardGrid from "../../components/CalendarBoardGrid";
+import CalendarSidebar from "../../components/CalendarSidebar";
+import { FULL_CALENDAR_VIEW, State } from "./state";
+import "./index.css";
+const CalendarBoard = () => {
+    const tab = useTabItem();
+    const filterState = useDeepMemo(() => new FilterOptionsContextState({
+        defaults: {
+            filters: [{ c: "OwnerType", o: "contains", v1: JSON.stringify(["My"]), l: "And" }],
+            page: { Page: 1, PageSize: 200 },
+        },
+    }), []);
+    const [state] = useState(new State());
+    const [currentTime, setCurrentTime] = useState();
+    const [calendarApi, setCalendarApi] = useState();
+    const calendarRef = useRef(null);
+    const calendar = useCalendarStore();
+    useEffect(() => {
+        runInAction(() => (tab.title = "Calendar"));
+    }, []);
+    useEffect(() => {
+        setCalendarApi(calendarRef?.current?.getApi());
+    }, [calendarRef]);
+    useOnDeleteDocument((s, doc) => {
+        state.listOptions = state.listOptions.filter((i) => i.source?.id !== doc.id);
+    });
+    useOnDeleteWorkSchedule((s, doc) => {
+        state.listOptions = state.listOptions.filter((i) => i.source?.id !== doc.id);
+    });
+    useRenderOnChange(() => filterState.options);
+    useCalendarListEffect(null, (list) => {
+        runInAction(() => {
+            const events = list;
+            events.forEach((item) => {
+                // 事件卡颜色改由 CHIP_COLOR_CLASS 按 source.type 着色（见 event-meta.ts），
+                // 这里只补齐 source.title，其余沿用 CalendarMonth 的写法
+                if (item.source)
+                    item.source.title = item.title;
+            });
+            state.listOptions = events;
+        });
+    }, filterState.options);
+    /**
+     * 点击事件卡 / 侧栏条目 → 打开 QuickView。
+     *
+     * 只把节点的 id 交给 state，弹窗本身由 morpho-document-core 的 QuickView 负责：
+     * 它自己 useDocument 加载节点，再按 type 派发到对应 meta 的 getQuickView
+     * （Task / WorkSchedule / Meeting … 各有自己的对话框，未注册的 type 落到通用文档视图）。
+     */
+    const openSource = (source) => state.openQuickView(source?.id);
+    /** 切换 month / week / day 视图 */
+    const handleChangeType = (value) => {
+        runInAction(() => (state.type = value));
+        calendarApi?.changeView(FULL_CALENDAR_VIEW[value]);
+    };
+    /** 日期发生变化的回调 */
+    const onChange = (date, dateString) => {
+        const dateText = Array.isArray(dateString) ? dateString[0] : dateString;
+        setCurrentTime(date);
+        if (state.type === "week") {
+            calendarApi?.gotoDate(`${dayjs(date).format("YYYY-MM-DD")}`);
+        }
+        else if (dateText) {
+            calendarApi?.gotoDate(dateText);
+        }
+    };
+    /**
+     * 当拖动停止并且事件已移至其他日期/时间时触发。
+     *
+     * 四件事都和「拖完跳回原位 / 刷新后位置不对」有关，逐条说明：
+     *
+     * 1. 时间格式：交给 buildDropPayload 写成**本地时间**的 `YYYY-MM-DDTHH:mm:ss.SSS`，
+     *    而不是 toISOString()（UTC 时刻，UTC+8 下拖到某天零点时日期会退回前一天，
+     *    服务端按本地时间解析就落到错误日期）。
+     * 2. **先乐观写回本地模型再发请求**：请求往返期间只要有任意一次重渲染，事件源就可能
+     *    被重置，本地数据若还停在旧位置，刚拖过去的卡片会立刻被打回原位 —— 这就是
+     *    「拖拽当时跳回原位」的直接原因。
+     * 3. 失败要可见并回退：原先用 `error: "message"`，Store.action 会吞掉异常只弹个 toast，
+     *    事件仍停在拖过去的位置、看着像保存成功。改成回调显式判断，
+     *    失败就把本地模型与卡片一起退回拖拽前（changelog 的既有约定：
+     *    「改进edit处理，错误时UI重设回原值」）。
+     * 4. 事件源引用稳定：见 state.ts 的 sidebarData 与 CalendarBoardGrid 里的 useMemo。
+     */
+    const eventDrop = async (info) => {
+        const id = info.event.id;
+        /*
+         * 拒绝这次拖拽的三种情况都退回，但各自留下可诊断的线索 ——
+         * 静默 revert 的后果就是用户只看到「拖完立刻跳回」，却无从知道为什么。
+         */
+        if (!info.event.extendedProps.allowChangeStart) {
+            // 服务端没给改期权限（或压根没下发这个字段）：这是设计如此，直接退回
+            console.warn("[CalendarBoard] 该事件不允许改期，已退回", {
+                id,
+                allowChangeStart: info.event.extendedProps.allowChangeStart,
+                extendedProps: Object.keys(info.event.extendedProps ?? {}),
+            });
+            info.revert();
+            return;
+        }
+        if (!id) {
+            // FullCalendar 对没有 id 的事件给的是空字符串，此时无从定位服务端记录
+            console.warn("[CalendarBoard] 事件没有 id，无法保存改期结果", {
+                title: info.event.title,
+                extendedProps: Object.keys(info.event.extendedProps ?? {}),
+            });
+            info.revert();
+            return;
+        }
+        const drop = { start: info.event.start, end: info.event.end };
+        const payload = buildDropPayload(drop);
+        if (!payload) {
+            console.warn("[CalendarBoard] 拿不到有效的落点时间，已退回", {
+                id,
+                start: info.event.start,
+                end: info.event.end,
+            });
+            info.revert();
+            return;
+        }
+        // 回退用的快照要从列表里取：info.oldEvent 不保证存在，
+        // 拿不到时回退会静默失效 —— 模型留在新位置、卡片却退回原位，两边不一致
+        const before = findEventById(state.listOptions, id);
+        const rollback = { start: before?.start ?? before?.startDate, end: before?.end };
+        runInAction(() => {
+            state.listOptions = applyDropToEvents(state.listOptions, id, drop);
+        });
+        let failed = false;
+        await calendar.edit(id, {
+            data: payload,
+            error: (error) => {
+                failed = true;
+                message.error(error.message);
+                runInAction(() => {
+                    state.listOptions = applyDropToEvents(state.listOptions, id, rollback);
+                });
+                info.revert();
+            },
+        });
+        if (failed)
+            return;
+    };
+    return observe(() => {
+        /**
+         * 侧栏、图例、事件卡的推导（纯前端，见 sidebar-data.ts）。
+         *
+         * 取的是 state 上的 computed：既保证响应式（observe 是 <Observer>，只追踪它这次
+         * 渲染读到的 observable），又保证引用稳定 —— 详见 state.ts 里 sidebarData 的注释。
+         */
+        const sidebar = state.sidebarData;
+        return (React.createElement(ConfigProvider, { theme: antdTheme },
+            React.createElement("div", { className: "calendar-board flex h-full w-full flex-col overflow-hidden text-sm" },
+                React.createElement(CalendarToolbar, { type: state.type, title: state.title, currentTime: currentTime, onChangeType: handleChangeType, onToday: () => calendarApi?.today(), onPrev: () => calendarApi?.prev(), onNext: () => calendarApi?.next(), onChangeDate: onChange },
+                    React.createElement(FilterOptionsContext.Provider, { value: filterState },
+                        React.createElement(FilterView, { columns: [React.createElement(EventsFilter, { key: "EventsFilter", defaultValue: ["My"] })] }))),
+                React.createElement(CalendarLegend, { categories: sidebar.summary.categories, onSelectEvent: openSource }),
+                React.createElement("div", { className: "flex flex-1 min-h-0 overflow-hidden" },
+                    React.createElement(CalendarBoardGrid, { events: sidebar.visibleEvents, initialView: state.type, colorMap: sidebar.summary.colorMap, calendarRef: calendarRef, onSelectEvent: openSource, onEventDrop: eventDrop, onDatesSet: (info) => state.datesRender(info) }),
+                    React.createElement(CalendarSidebar, { upcoming: sidebar.upcoming, search: state.search, tab: state.sidebarTab, onSearch: state.setSearch, onChangeTab: state.setSidebarTab, onSelectEvent: openSource })),
+                state.quickViewId ? (React.createElement(QuickView, { id: state.quickViewId, visible: true, onCancel: state.closeQuickView })) : null)));
+    });
+};
+export default CalendarBoard;
+//# sourceMappingURL=index.js.map

package/es/modules/calendar-board/pages/CalendarBoard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/calendar-board/pages/CalendarBoard/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/calendar-board/pages/CalendarBoard/state.d.ts

@@ -0,0 +1,116 @@
+import type { CalendarBoardEvent } from "../../event-meta";
+import { type ISidebarData } from "../../sidebar-data";
+/** 设计稿工具栏的三个视图 */
+export type CalendarViewType = "month" | "week" | "day";
+/**
+ * 视图类型 → FullCalendar 视图名。
+ *
+ * - month → dayGridMonth（月格子，对应 calendar-recreation.html）
+ * - week  → dayGridWeek（按天堆叠事件卡、无时间轴，对应 calendar-week-view.html）
+ * - day   → timeGridDay（时间轴，对应 calendar-day-view.html）
+ *
+ * 三个视图全部由已安装的 daygrid / timegrid 插件提供，未引入新插件。
+ */
+export declare const FULL_CALENDAR_VIEW: Record<CalendarViewType, string>;
+/**
+ * 上班时段：Day 视图只显示这一段，不再铺满 24 小时。
+ *
+ * slotMaxTime 是**开区间**，所以 09:00–18:00 的最后一格正好是 17:00–18:00。
+ * 这两个值目前只用在 timeGridDay；将来若把周视图换成 timeGridWeek，
+ * 直接复用即可。
+ */
+export declare const WORKDAY_START_TIME = "09:00:00";
+export declare const WORKDAY_END_TIME = "18:00:00";
+/**
+ * 周视图单列最多显示几条事件，其余收进 +N。
+ *
+ * 月视图每格只有一两行的空间（全局 DAY_MAX_EVENTS = 2），周视图则是一整列、
+ * 稿子里单列排了 5 张卡，所以单独给一个宽松的上限，不跟着月视图一起收紧。
+ */
+export declare const WEEK_MAX_EVENTS = 15;
+/**
+ * FullCalendar 的按视图覆盖选项。
+ *
+ * dayGridWeek 要还原 calendar-week-view.html：表头只留 SUN..SAT、日期标签落在格子里。
+ * 收起的口径与月视图不同：不受行数上限约束（dayMaxEventRows: false，同时也让它
+ * 不跟着全局的 DAY_MAX_EVENTS 一起收紧），只按 WEEK_MAX_EVENTS 这个事件数上限收起。
+ *
+ * timeGridDay 只保留上班时段（见 WORKDAY_START_TIME）：
+ * - slotMinTime / slotMaxTime 裁掉时段外的行；
+ * - scrollTime 让初始滚动停在 9:00（默认值是 06:00，裁掉后已经越界）；
+ * - expandRows 让这 9 小时撑满可用高度，否则默认 30 分钟格高 1.5em，
+ *   9 小时只有约 320px，高面板下方会留一大片空白。
+ */
+export declare const FULL_CALENDAR_VIEW_OPTIONS: {
+    dayGridWeek: {
+        /** 不设行数上限（默认也是 false，这里写出来是为了不被外面的全局配置影响） */
+        dayMaxEventRows: boolean;
+        dayMaxEvents: number;
+        dayHeaderFormat: {
+            weekday: string;
+        };
+        dayCellContent: (arg: any) => string;
+    };
+    timeGridDay: {
+        slotMinTime: string;
+        slotMaxTime: string;
+        scrollTime: string;
+        expandRows: boolean;
+    };
+};
+/** 工具栏 MONTH / WEEK / DAY 按钮 */
+export declare const VIEW_TYPE_OPTIONS: {
+    value: CalendarViewType;
+    label: string;
+}[];
+/** 侧栏页签 */
+export type CalendarSidebarTab = "upcoming" | "activity";
+export declare class State {
+    accessor listOptions: CalendarBoardEvent[];
+    /** 当前视图类型 */
+    accessor type: CalendarViewType;
+    /** FullCalendar 头部日期（由 datesSet 同步） */
+    accessor title: string;
+    /** 侧栏搜索关键字（纯前端过滤，不触发重新请求） */
+    accessor search: string;
+    /** 被隐藏的事件分类（source.type） */
+    accessor hiddenTypes: Set<string>;
+    /** 侧栏页签 */
+    accessor sidebarTab: CalendarSidebarTab;
+    /** 当前打开的 QuickView 目标节点 id；为空表示没有弹窗 */
+    accessor quickViewId: string | undefined;
+    /** 呈现一组新日期时触发。 */
+    datesRender(info: any): void;
+    /**
+     * 切换某个分类的显示 / 隐藏。
+     *
+     * 下面三个 action 写成箭头属性：它们会被直接当作 props 传给侧栏，
+     * 方法体里用到 this，脱离实例调用会抛
+     * `Cannot set properties of undefined`（MobX 的 action 用调用时的 this 作为 scope）。
+     */
+    toggleType: (type: string) => void;
+    setSearch: (value: string) => void;
+    setSidebarTab: (tab: CalendarSidebarTab) => void;
+    /**
+     * 打开某个节点的 QuickView。
+     *
+     * 传 id 即可：真正的弹窗由 morpho-document-core 的 QuickView 负责，
+     * 它会自己加载节点并按 type 派发到对应 meta 的对话框。
+     */
+    openQuickView: (id?: string) => void;
+    /** 关闭 QuickView */
+    closeQuickView: () => void;
+    /**
+     * 侧栏 / 图例 / 网格共用的推导结果。
+     *
+     * 用 computed 而不是每次渲染现算，关键是为了**引用稳定**：其中的 visibleEvents 会交给
+     * FullCalendar 当 eventSources，而每次渲染都换一个新数组会让 FullCalendar 重置事件源，
+     * 用它手上的外部数据覆盖内部状态 —— 刚拖拽出来的位置就会被打回原位。
+     * 依赖（listOptions / search / hiddenTypes）不变时，这里返回同一个对象。
+     *
+     * ⚠️ computed 只在**被观察时**才缓存，所以这个 getter 必须在 observe()（即
+     * mobx-react-lite 的 <Observer>）内部读 —— 挪到组件体里就会退化成每次现算，
+     * 引用不再稳定，拖拽结果又会被打回原位。测试里用 autorun 复刻了这个前提。
+     */
+    get sidebarData(): ISidebarData;
+}

package/es/modules/calendar-board/pages/CalendarBoard/state.js

@@ -0,0 +1,232 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { action, computed, observable } from "mobx";
+import dayjs from "dayjs";
+import { deriveSidebarData } from "../../sidebar-data";
+/**
+ * 视图类型 → FullCalendar 视图名。
+ *
+ * - month → dayGridMonth（月格子，对应 calendar-recreation.html）
+ * - week  → dayGridWeek（按天堆叠事件卡、无时间轴，对应 calendar-week-view.html）
+ * - day   → timeGridDay（时间轴，对应 calendar-day-view.html）
+ *
+ * 三个视图全部由已安装的 daygrid / timegrid 插件提供，未引入新插件。
+ */
+export const FULL_CALENDAR_VIEW = {
+    month: "dayGridMonth",
+    week: "dayGridWeek",
+    day: "timeGridDay",
+};
+/**
+ * 上班时段：Day 视图只显示这一段，不再铺满 24 小时。
+ *
+ * slotMaxTime 是**开区间**，所以 09:00–18:00 的最后一格正好是 17:00–18:00。
+ * 这两个值目前只用在 timeGridDay；将来若把周视图换成 timeGridWeek，
+ * 直接复用即可。
+ */
+export const WORKDAY_START_TIME = "09:00:00";
+export const WORKDAY_END_TIME = "18:00:00";
+/**
+ * 周视图单列最多显示几条事件，其余收进 +N。
+ *
+ * 月视图每格只有一两行的空间（全局 DAY_MAX_EVENTS = 2），周视图则是一整列、
+ * 稿子里单列排了 5 张卡，所以单独给一个宽松的上限，不跟着月视图一起收紧。
+ */
+export const WEEK_MAX_EVENTS = 15;
+/**
+ * FullCalendar 的按视图覆盖选项。
+ *
+ * dayGridWeek 要还原 calendar-week-view.html：表头只留 SUN..SAT、日期标签落在格子里。
+ * 收起的口径与月视图不同：不受行数上限约束（dayMaxEventRows: false，同时也让它
+ * 不跟着全局的 DAY_MAX_EVENTS 一起收紧），只按 WEEK_MAX_EVENTS 这个事件数上限收起。
+ *
+ * timeGridDay 只保留上班时段（见 WORKDAY_START_TIME）：
+ * - slotMinTime / slotMaxTime 裁掉时段外的行；
+ * - scrollTime 让初始滚动停在 9:00（默认值是 06:00，裁掉后已经越界）；
+ * - expandRows 让这 9 小时撑满可用高度，否则默认 30 分钟格高 1.5em，
+ *   9 小时只有约 320px，高面板下方会留一大片空白。
+ */
+export const FULL_CALENDAR_VIEW_OPTIONS = {
+    dayGridWeek: {
+        /** 不设行数上限（默认也是 false，这里写出来是为了不被外面的全局配置影响） */
+        dayMaxEventRows: false,
+        dayMaxEvents: WEEK_MAX_EVENTS,
+        dayHeaderFormat: { weekday: "short" },
+        dayCellContent: (arg) => dayjs(arg.date).format("MMM D"),
+    },
+    timeGridDay: {
+        slotMinTime: WORKDAY_START_TIME,
+        slotMaxTime: WORKDAY_END_TIME,
+        scrollTime: WORKDAY_START_TIME,
+        expandRows: true,
+    },
+};
+/** 工具栏 MONTH / WEEK / DAY 按钮 */
+export const VIEW_TYPE_OPTIONS = [
+    { value: "month", label: "MONTH" },
+    { value: "week", label: "WEEK" },
+    { value: "day", label: "DAY" },
+];
+let State = (() => {
+    let _instanceExtraInitializers = [];
+    let _listOptions_decorators;
+    let _listOptions_initializers = [];
+    let _listOptions_extraInitializers = [];
+    let _type_decorators;
+    let _type_initializers = [];
+    let _type_extraInitializers = [];
+    let _title_decorators;
+    let _title_initializers = [];
+    let _title_extraInitializers = [];
+    let _search_decorators;
+    let _search_initializers = [];
+    let _search_extraInitializers = [];
+    let _hiddenTypes_decorators;
+    let _hiddenTypes_initializers = [];
+    let _hiddenTypes_extraInitializers = [];
+    let _sidebarTab_decorators;
+    let _sidebarTab_initializers = [];
+    let _sidebarTab_extraInitializers = [];
+    let _quickViewId_decorators;
+    let _quickViewId_initializers = [];
+    let _quickViewId_extraInitializers = [];
+    let _datesRender_decorators;
+    let _toggleType_decorators;
+    let _toggleType_initializers = [];
+    let _toggleType_extraInitializers = [];
+    let _setSearch_decorators;
+    let _setSearch_initializers = [];
+    let _setSearch_extraInitializers = [];
+    let _setSidebarTab_decorators;
+    let _setSidebarTab_initializers = [];
+    let _setSidebarTab_extraInitializers = [];
+    let _openQuickView_decorators;
+    let _openQuickView_initializers = [];
+    let _openQuickView_extraInitializers = [];
+    let _closeQuickView_decorators;
+    let _closeQuickView_initializers = [];
+    let _closeQuickView_extraInitializers = [];
+    let _get_sidebarData_decorators;
+    return class State {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _listOptions_decorators = [observable];
+            _type_decorators = [observable];
+            _title_decorators = [observable];
+            _search_decorators = [observable];
+            _hiddenTypes_decorators = [observable];
+            _sidebarTab_decorators = [observable];
+            _quickViewId_decorators = [observable];
+            _datesRender_decorators = [action];
+            _toggleType_decorators = [action];
+            _setSearch_decorators = [action];
+            _setSidebarTab_decorators = [action];
+            _openQuickView_decorators = [action];
+            _closeQuickView_decorators = [action];
+            _get_sidebarData_decorators = [computed];
+            __esDecorate(this, null, _listOptions_decorators, { kind: "accessor", name: "listOptions", static: false, private: false, access: { has: obj => "listOptions" in obj, get: obj => obj.listOptions, set: (obj, value) => { obj.listOptions = value; } }, metadata: _metadata }, _listOptions_initializers, _listOptions_extraInitializers);
+            __esDecorate(this, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
+            __esDecorate(this, null, _title_decorators, { kind: "accessor", name: "title", static: false, private: false, access: { has: obj => "title" in obj, get: obj => obj.title, set: (obj, value) => { obj.title = value; } }, metadata: _metadata }, _title_initializers, _title_extraInitializers);
+            __esDecorate(this, null, _search_decorators, { kind: "accessor", name: "search", static: false, private: false, access: { has: obj => "search" in obj, get: obj => obj.search, set: (obj, value) => { obj.search = value; } }, metadata: _metadata }, _search_initializers, _search_extraInitializers);
+            __esDecorate(this, null, _hiddenTypes_decorators, { kind: "accessor", name: "hiddenTypes", static: false, private: false, access: { has: obj => "hiddenTypes" in obj, get: obj => obj.hiddenTypes, set: (obj, value) => { obj.hiddenTypes = value; } }, metadata: _metadata }, _hiddenTypes_initializers, _hiddenTypes_extraInitializers);
+            __esDecorate(this, null, _sidebarTab_decorators, { kind: "accessor", name: "sidebarTab", static: false, private: false, access: { has: obj => "sidebarTab" in obj, get: obj => obj.sidebarTab, set: (obj, value) => { obj.sidebarTab = value; } }, metadata: _metadata }, _sidebarTab_initializers, _sidebarTab_extraInitializers);
+            __esDecorate(this, null, _quickViewId_decorators, { kind: "accessor", name: "quickViewId", static: false, private: false, access: { has: obj => "quickViewId" in obj, get: obj => obj.quickViewId, set: (obj, value) => { obj.quickViewId = value; } }, metadata: _metadata }, _quickViewId_initializers, _quickViewId_extraInitializers);
+            __esDecorate(this, null, _datesRender_decorators, { kind: "method", name: "datesRender", static: false, private: false, access: { has: obj => "datesRender" in obj, get: obj => obj.datesRender }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _get_sidebarData_decorators, { kind: "getter", name: "sidebarData", static: false, private: false, access: { has: obj => "sidebarData" in obj, get: obj => obj.sidebarData }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _toggleType_decorators, { kind: "field", name: "toggleType", static: false, private: false, access: { has: obj => "toggleType" in obj, get: obj => obj.toggleType, set: (obj, value) => { obj.toggleType = value; } }, metadata: _metadata }, _toggleType_initializers, _toggleType_extraInitializers);
+            __esDecorate(null, null, _setSearch_decorators, { kind: "field", name: "setSearch", static: false, private: false, access: { has: obj => "setSearch" in obj, get: obj => obj.setSearch, set: (obj, value) => { obj.setSearch = value; } }, metadata: _metadata }, _setSearch_initializers, _setSearch_extraInitializers);
+            __esDecorate(null, null, _setSidebarTab_decorators, { kind: "field", name: "setSidebarTab", static: false, private: false, access: { has: obj => "setSidebarTab" in obj, get: obj => obj.setSidebarTab, set: (obj, value) => { obj.setSidebarTab = value; } }, metadata: _metadata }, _setSidebarTab_initializers, _setSidebarTab_extraInitializers);
+            __esDecorate(null, null, _openQuickView_decorators, { kind: "field", name: "openQuickView", static: false, private: false, access: { has: obj => "openQuickView" in obj, get: obj => obj.openQuickView, set: (obj, value) => { obj.openQuickView = value; } }, metadata: _metadata }, _openQuickView_initializers, _openQuickView_extraInitializers);
+            __esDecorate(null, null, _closeQuickView_decorators, { kind: "field", name: "closeQuickView", static: false, private: false, access: { has: obj => "closeQuickView" in obj, get: obj => obj.closeQuickView, set: (obj, value) => { obj.closeQuickView = value; } }, metadata: _metadata }, _closeQuickView_initializers, _closeQuickView_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #listOptions_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _listOptions_initializers, []));
+        get listOptions() { return this.#listOptions_accessor_storage; }
+        set listOptions(value) { this.#listOptions_accessor_storage = value; }
+        #type_accessor_storage = (__runInitializers(this, _listOptions_extraInitializers), __runInitializers(this, _type_initializers, "month"));
+        /** 当前视图类型 */
+        get type() { return this.#type_accessor_storage; }
+        set type(value) { this.#type_accessor_storage = value; }
+        #title_accessor_storage = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _title_initializers, void 0));
+        /** FullCalendar 头部日期（由 datesSet 同步） */
+        get title() { return this.#title_accessor_storage; }
+        set title(value) { this.#title_accessor_storage = value; }
+        #search_accessor_storage = (__runInitializers(this, _title_extraInitializers), __runInitializers(this, _search_initializers, ""));
+        /** 侧栏搜索关键字（纯前端过滤，不触发重新请求） */
+        get search() { return this.#search_accessor_storage; }
+        set search(value) { this.#search_accessor_storage = value; }
+        #hiddenTypes_accessor_storage = (__runInitializers(this, _search_extraInitializers), __runInitializers(this, _hiddenTypes_initializers, new Set()));
+        /** 被隐藏的事件分类（source.type） */
+        get hiddenTypes() { return this.#hiddenTypes_accessor_storage; }
+        set hiddenTypes(value) { this.#hiddenTypes_accessor_storage = value; }
+        #sidebarTab_accessor_storage = (__runInitializers(this, _hiddenTypes_extraInitializers), __runInitializers(this, _sidebarTab_initializers, "upcoming"));
+        /** 侧栏页签 */
+        get sidebarTab() { return this.#sidebarTab_accessor_storage; }
+        set sidebarTab(value) { this.#sidebarTab_accessor_storage = value; }
+        #quickViewId_accessor_storage = (__runInitializers(this, _sidebarTab_extraInitializers), __runInitializers(this, _quickViewId_initializers, undefined));
+        /** 当前打开的 QuickView 目标节点 id；为空表示没有弹窗 */
+        get quickViewId() { return this.#quickViewId_accessor_storage; }
+        set quickViewId(value) { this.#quickViewId_accessor_storage = value; }
+        /** 呈现一组新日期时触发。 */
+        datesRender(info) {
+            this.title = info.view.title;
+        }
+        /**
+         * 切换某个分类的显示 / 隐藏。
+         *
+         * 下面三个 action 写成箭头属性：它们会被直接当作 props 传给侧栏，
+         * 方法体里用到 this，脱离实例调用会抛
+         * `Cannot set properties of undefined`（MobX 的 action 用调用时的 this 作为 scope）。
+         */
+        toggleType = (__runInitializers(this, _quickViewId_extraInitializers), __runInitializers(this, _toggleType_initializers, (type) => {
+            if (this.hiddenTypes.has(type)) {
+                this.hiddenTypes.delete(type);
+            }
+            else {
+                this.hiddenTypes.add(type);
+            }
+        }));
+        setSearch = (__runInitializers(this, _toggleType_extraInitializers), __runInitializers(this, _setSearch_initializers, (value) => {
+            this.search = value;
+        }));
+        setSidebarTab = (__runInitializers(this, _setSearch_extraInitializers), __runInitializers(this, _setSidebarTab_initializers, (tab) => {
+            this.sidebarTab = tab;
+        }));
+        /**
+         * 打开某个节点的 QuickView。
+         *
+         * 传 id 即可：真正的弹窗由 morpho-document-core 的 QuickView 负责，
+         * 它会自己加载节点并按 type 派发到对应 meta 的对话框。
+         */
+        openQuickView = (__runInitializers(this, _setSidebarTab_extraInitializers), __runInitializers(this, _openQuickView_initializers, (id) => {
+            this.quickViewId = id;
+        }));
+        /** 关闭 QuickView */
+        closeQuickView = (__runInitializers(this, _openQuickView_extraInitializers), __runInitializers(this, _closeQuickView_initializers, () => {
+            this.quickViewId = undefined;
+        }));
+        /**
+         * 侧栏 / 图例 / 网格共用的推导结果。
+         *
+         * 用 computed 而不是每次渲染现算，关键是为了**引用稳定**：其中的 visibleEvents 会交给
+         * FullCalendar 当 eventSources，而每次渲染都换一个新数组会让 FullCalendar 重置事件源，
+         * 用它手上的外部数据覆盖内部状态 —— 刚拖拽出来的位置就会被打回原位。
+         * 依赖（listOptions / search / hiddenTypes）不变时，这里返回同一个对象。
+         *
+         * ⚠️ computed 只在**被观察时**才缓存，所以这个 getter 必须在 observe()（即
+         * mobx-react-lite 的 <Observer>）内部读 —— 挪到组件体里就会退化成每次现算，
+         * 引用不再稳定，拖拽结果又会被打回原位。测试里用 autorun 复刻了这个前提。
+         */
+        get sidebarData() {
+            return deriveSidebarData({
+                events: this.listOptions,
+                search: this.search,
+                hiddenTypes: this.hiddenTypes,
+            });
+        }
+        constructor() {
+            __runInitializers(this, _closeQuickView_extraInitializers);
+        }
+    };
+})();
+export { State };
+//# sourceMappingURL=state.js.map

package/es/modules/calendar-board/pages/CalendarBoard/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/calendar-board/pages/CalendarBoard/state.ts"],"names":[],"mappings":"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"}

package/es/modules/calendar-board/sidebar-data.d.ts

@@ -0,0 +1,27 @@
+import type dayjs from "dayjs";
+import { type CalendarBoardEvent, type IEventSummary, type IUpcomingEvent } from "./event-meta";
+export interface ISidebarData {
+    /**
+     * 分类与配色，基于**全部**事件计算。
+     *
+     * 必须用全部事件而不是过滤后的事件：否则一旦搜索或隐藏分类，
+     * 事件的取色顺序就会变，同一 type 的颜色会跟着漂移。
+     */
+    summary: IEventSummary;
+    /** 搜索 + 隐藏分类过滤后的事件，日历与 UPCOMING 列表共用 */
+    visibleEvents: CalendarBoardEvent[];
+    /** UPCOMING DEADLINES：今天及以后的事件，按时间升序 */
+    upcoming: IUpcomingEvent[];
+}
+/**
+ * 侧栏、图例、事件卡共用的推导。
+ *
+ * 全部是纯前端计算：搜索与分类隐藏都不触发重新请求。
+ */
+export declare const deriveSidebarData: (options: {
+    events: CalendarBoardEvent[];
+    search?: string;
+    hiddenTypes?: Iterable<string>;
+    /** 以哪一天为「今天」，测试注入固定日期用 */
+    from?: dayjs.Dayjs;
+}) => ISidebarData;

package/es/modules/calendar-board/sidebar-data.js

@@ -0,0 +1,19 @@
+import { buildUpcoming, filterEvents, summarizeEvents, } from "./event-meta";
+/**
+ * 侧栏、图例、事件卡共用的推导。
+ *
+ * 全部是纯前端计算：搜索与分类隐藏都不触发重新请求。
+ */
+export const deriveSidebarData = (options) => {
+    const summary = summarizeEvents(options.events);
+    const visibleEvents = filterEvents(options.events, {
+        search: options.search,
+        hiddenTypes: options.hiddenTypes,
+    });
+    return {
+        summary,
+        visibleEvents,
+        upcoming: buildUpcoming(visibleEvents, summary, { from: options.from }),
+    };
+};
+//# sourceMappingURL=sidebar-data.js.map

package/es/modules/calendar-board/sidebar-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-data.js","sourceRoot":"","sources":["../../../src/modules/calendar-board/sidebar-data.ts"],"names":[],"mappings":"AACA,OAAO,EACN,aAAa,EACb,YAAY,EACZ,eAAe,GAIf,MAAM,cAAc,CAAC;AAgBtB;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAMjC,EAAgB,EAAE;IAClB,MAAM,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE;QAClD,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,WAAW,EAAE,OAAO,CAAC,WAAW;KAChC,CAAC,CAAC;IAEH,OAAO;QACN,OAAO;QACP,aAAa;QACb,QAAQ,EAAE,aAAa,CAAC,aAAa,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;KACvE,CAAC;AACH,CAAC,CAAC"}

package/es/modules/tasks/components/SubTaskList/index.js

@@ -89,7 +89,6 @@ const SubTaskList = ({ header = true, total = true, filterVisible = true, header
                     React.createElement(TaskFilter, { id: user.info.unit.id, key: "TaskFilter" }),
                     React.createElement(TaskStatusFilter, { key: "TaskStatusFilter", ...props.taskStatusFilterProps }),
                     React.createElement(FlagFilter, { key: "FlagFilter" }),
-                    // <AssigneeViewFilter key="AssigneeViewFilter" />,
                     React.createElement(CreateDateFilter, { key: "StartDateFilter", filterBy: "StartDate" }),
                     React.createElement(CreateDateFilter, { key: "DueDateFilter", filterBy: "DueDate" }),
                 ],
@@ -133,9 +132,7 @@ const SubTaskList = ({ header = true, total = true, filterVisible = true, header
             },
         },
     };
-    return observe(() => (
-    /** 建立新ListView所需Context. */
-    React.createElement(ListDataContext.Provider, { value: list },
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
         React.createElement(BatchContext.Provider, { value: batch },
             React.createElement("div", { style: props.style, className: classnames("sub-task-list", props.className) },
                 !state.showDialog && (React.createElement(ListView, { renderId: parentId, moveAfter: moveAfter, asideable: false, headerProps: {