@voplus/morpho-workspace 11.2.4 → 11.2.7

package/es/modules/calendar-board/components/CalendarToolbar/index.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { FontAwesomeIcon as FAIcon, faAngleLeftRegular, faAngleRightRegular, } from "@voplus/morpho-ui/es/faIcons";
+import { UTCDatePicker as DatePicker } from "@voplus/morpho-ui";
+/**
+ * 顶部工具栏：TODAY / ← 日期 → / 右侧控件区。
+ *
+ * FullCalendar 自带工具栏已由 headerToolbar={false} 关闭，这里完全自绘。
+ * 日期标题上盖一个透明的 DatePicker，沿用 CalendarMonth 的做法
+ * （点标题即可跳到某月 / 某周 / 某天）。
+ *
+ * 控件区（OwnerType 过滤器、视图切换）由页面通过 children 装配：桌面把 MONTH·WEEK·DAY
+ * 一起放进来，小屏则把视图切换收进 Filter 浮层、只留过滤器 —— 工具栏自己不认识视图切换，
+ * 因此也不接 onChangeType。
+ *
+ * 高度用 min-h 而不是固定 90px：小屏上 TODAY / 导航 / 控件区会换行，固定高度会把
+ * 换行出来的那一行裁掉。
+ */
+const CalendarToolbar = (props) => (React.createElement("div", { className: "flex items-center gap-4 px-6 min-h-[90px] shrink-0 flex-wrap" },
+    React.createElement("button", { className: "secondary-button h-[45px] px-5 tracking-wide", onClick: props.onToday }, "TODAY"),
+    React.createElement("div", { className: "flex-1 flex items-center justify-center gap-3" },
+        React.createElement("button", { className: "w-10 h-10 rounded-full border border-border flex items-center justify-center text-font-grey cursor-pointer hover:text-font-secondary hover:border-font-secondary", onClick: props.onPrev },
+            React.createElement(FAIcon, { icon: faAngleLeftRegular })),
+        React.createElement("div", { className: "relative px-2 text-xl font-bold text-font-primary" },
+            props.title,
+            React.createElement(DatePicker, { picker: props.type === "month" ? "month" : props.type === "week" ? "week" : "date", className: "calendar-board-picker", defaultValue: props.currentTime, placeholder: "", onChange: props.onChangeDate })),
+        React.createElement("button", { className: "w-10 h-10 rounded-full border border-border flex items-center justify-center text-font-grey cursor-pointer hover:text-font-secondary hover:border-font-secondary", onClick: props.onNext },
+            React.createElement(FAIcon, { icon: faAngleRightRegular }))),
+    props.children));
+export default CalendarToolbar;
+//# sourceMappingURL=index.js.map

package/es/modules/calendar-board/components/CalendarToolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/calendar-board/components/CalendarToolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACN,eAAe,IAAI,MAAM,EACzB,kBAAkB,EAClB,mBAAmB,GACnB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,aAAa,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGhE;;;;;;;;;;;;;GAaG;AACH,MAAM,eAAe,GAAG,CAAC,KAYxB,EAAE,EAAE,CAAC,CACL,6BAAK,SAAS,EAAC,8DAA8D;IAC5E,gCAAQ,SAAS,EAAC,8CAA8C,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,YAE9E;IAET,6BAAK,SAAS,EAAC,+CAA+C;QAC7D,gCACC,SAAS,EAAC,kKAAkK,EAC5K,OAAO,EAAE,KAAK,CAAC,MAAM;YAErB,oBAAC,MAAM,IAAC,IAAI,EAAE,kBAAkB,GAAI,CAC5B;QACT,6BAAK,SAAS,EAAC,mDAAmD;YAChE,KAAK,CAAC,KAAK;YACZ,oBAAC,UAAU,IACV,MAAM,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAClF,SAAS,EAAC,uBAAuB,EACjC,YAAY,EAAE,KAAK,CAAC,WAAW,EAC/B,WAAW,EAAC,EAAE,EACd,QAAQ,EAAE,KAAK,CAAC,YAAY,GAC3B,CACG;QACN,gCACC,SAAS,EAAC,kKAAkK,EAC5K,OAAO,EAAE,KAAK,CAAC,MAAM;YAErB,oBAAC,MAAM,IAAC,IAAI,EAAE,mBAAmB,GAAI,CAC7B,CACJ;IAEL,KAAK,CAAC,QAAQ,CACV,CACN,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/es/modules/calendar-board/components/CalendarUpcomingBar/index.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import { type IUpcomingEvent } from "../../event-meta";
+/** 没有 upcoming 时的圆点：中性灰，不拿某个分类色冒充 */
+export declare const UPCOMING_BAR_EMPTY_DOT_CLASS = "bg-bg-grey";
+/** 没有 upcoming 时的占位文案（面板里那块会显示 antd Empty） */
+export declare const UPCOMING_BAR_EMPTY_TEXT = "No upcoming events";
+/**
+ * 小屏（< 1024px）固定在底部的 Upcoming 条：`UPCOMING [N] ● title time remaining >`。
+ *
+ * 小屏没有右侧栏，Upcoming 只能从这里进：
+ * - 分类圆点取第一条（最近一条）的分类色，与面板列表同源；
+ * - 数字取 `total`（今天及以后的**全部**条数）—— 面板列表最多 UPCOMING_LIMIT 条，
+ *   拿列表长度当总数会少报，所以由页面传全量计数进来；
+ * - 点击只负责「由用户决定展开」，展开成什么（页面里是 Modal）不归它管。
+ *
+ * 顶边用 `--shadow-card` 抬起来（与 .fc-more-popover 同一个主题 token）：条压在日历网格
+ * 上面，而不是平贴一根分隔线。左右与下方的外溢由外层 .calendar-board 的 overflow-hidden 裁掉，
+ * 只剩向上那 10px 落在网格上，正好是想要的「浮在内容之上」。
+ *
+ * 用 <button> 而不是 <div onClick>：底部条是页面唯一进入 Upcoming 的入口，
+ * 要有键盘可达与语义。
+ */
+declare const CalendarUpcomingBar: (props: {
+    /** 今天及以后的全部条数（不截断） */
+    total: number;
+    /** 第一条（最近一条）upcoming；没有数据时不传 */
+    first?: IUpcomingEvent;
+    onExpand: () => void;
+}) => React.JSX.Element;
+export default CalendarUpcomingBar;

package/es/modules/calendar-board/components/CalendarUpcomingBar/index.js

@@ -0,0 +1,35 @@
+import React from "react";
+import classnames from "classnames";
+import { FontAwesomeIcon as FAIcon, faAngleRightRegular } from "@voplus/morpho-ui/es/faIcons";
+import { DOT_COLOR_CLASS } from "../../event-meta";
+/** 没有 upcoming 时的圆点：中性灰，不拿某个分类色冒充 */
+export const UPCOMING_BAR_EMPTY_DOT_CLASS = "bg-bg-grey";
+/** 没有 upcoming 时的占位文案（面板里那块会显示 antd Empty） */
+export const UPCOMING_BAR_EMPTY_TEXT = "No upcoming events";
+/**
+ * 小屏（< 1024px）固定在底部的 Upcoming 条：`UPCOMING [N] ● title time remaining >`。
+ *
+ * 小屏没有右侧栏，Upcoming 只能从这里进：
+ * - 分类圆点取第一条（最近一条）的分类色，与面板列表同源；
+ * - 数字取 `total`（今天及以后的**全部**条数）—— 面板列表最多 UPCOMING_LIMIT 条，
+ *   拿列表长度当总数会少报，所以由页面传全量计数进来；
+ * - 点击只负责「由用户决定展开」，展开成什么（页面里是 Modal）不归它管。
+ *
+ * 顶边用 `--shadow-card` 抬起来（与 .fc-more-popover 同一个主题 token）：条压在日历网格
+ * 上面，而不是平贴一根分隔线。左右与下方的外溢由外层 .calendar-board 的 overflow-hidden 裁掉，
+ * 只剩向上那 10px 落在网格上，正好是想要的「浮在内容之上」。
+ *
+ * 用 <button> 而不是 <div onClick>：底部条是页面唯一进入 Upcoming 的入口，
+ * 要有键盘可达与语义。
+ */
+const CalendarUpcomingBar = (props) => (React.createElement("button", { type: "button", className: "calendar-upcoming-bar flex h-[52px] w-full shrink-0 cursor-pointer items-center gap-2 border-t border-border bg-bg-white px-6 text-left shadow-(--shadow-card)", onClick: props.onExpand },
+    React.createElement("span", { className: "field-label shrink-0" }, "UPCOMING"),
+    React.createElement("span", { className: "h-4.5 px-1.5 leading-4 rounded-full bg-font-secondary text-2xs text-white" }, props.total),
+    React.createElement("span", { className: "min-w-0 flex-1 flex items-center gap-1.5 truncate text-sm font-bold text-font-primary" },
+        React.createElement("span", { className: classnames("calendar-upcoming-dot inline-block h-1.5 w-1.5 rounded-full", props.first ? DOT_COLOR_CLASS[props.first.color] : UPCOMING_BAR_EMPTY_DOT_CLASS) }),
+        props.first?.title ?? UPCOMING_BAR_EMPTY_TEXT,
+        React.createElement("span", { className: "font-medium" }, props.first?.timeLabel),
+        React.createElement("span", { className: "text-font-secondary" }, props.first?.remainingLabel)),
+    React.createElement(FAIcon, { icon: faAngleRightRegular, className: "shrink-0 text-font-grey" })));
+export default CalendarUpcomingBar;
+//# sourceMappingURL=index.js.map

package/es/modules/calendar-board/components/CalendarUpcomingBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/calendar-board/components/CalendarUpcomingBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9F,OAAO,EAAE,eAAe,EAAuB,MAAM,kBAAkB,CAAC;AAExE,qCAAqC;AACrC,MAAM,CAAC,MAAM,4BAA4B,GAAG,YAAY,CAAC;AAEzD,8CAA8C;AAC9C,MAAM,CAAC,MAAM,uBAAuB,GAAG,oBAAoB,CAAC;AAE5D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,mBAAmB,GAAG,CAAC,KAM5B,EAAE,EAAE,CAAC,CACL,gCACC,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gKAAgK,EAC1K,OAAO,EAAE,KAAK,CAAC,QAAQ;IAEvB,8BAAM,SAAS,EAAC,sBAAsB,eAAgB;IAEtD,8BAAM,SAAS,EAAC,2EAA2E,IACzF,KAAK,CAAC,KAAK,CACN;IAEP,8BAAM,SAAS,EAAC,uFAAuF;QACtG,8BACC,SAAS,EAAE,UAAU,CACpB,6DAA6D,EAC7D,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,4BAA4B,CAC/E,GACA;QACD,KAAK,CAAC,KAAK,EAAE,KAAK,IAAI,uBAAuB;QAC9C,8BAAM,SAAS,EAAC,aAAa,IAAE,KAAK,CAAC,KAAK,EAAE,SAAS,CAAQ;QAC7D,8BAAM,SAAS,EAAC,qBAAqB,IAAE,KAAK,CAAC,KAAK,EAAE,cAAc,CAAQ,CACpE;IAEP,oBAAC,MAAM,IAAC,IAAI,EAAE,mBAAmB,EAAE,SAAS,EAAC,yBAAyB,GAAG,CACjE,CACT,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/es/modules/calendar-board/components/CalendarUpcomingEntry/index.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { CalendarBoardSource, IUpcomingEvent } from "../../event-meta";
+import type { CalendarSidebarTab } from "../../pages/CalendarBoard/state";
+/**
+ * 小屏（< 1024px）进入 Upcoming 的唯一入口：底部固定条 + 展开后的 Modal。
+ *
+ * 两段的责任这么分：
+ * - 底部条只显示「UPCOMING + 圆点总数 + 首条 title + >」并报一次点击；
+ * - 展开由用户决定（点条才挂 Modal），Modal 里放整份 CalendarSidebar ——
+ *   与桌面右侧栏同一份组件、同一份 data（搜索 / 页签 / 列表都在），小屏只是换了个容器。
+ *
+ * 点条目时先收起 Modal 再交出 source：属性面板（aside）是另一个层，
+ * Modal 不收的话会一直盖在它前面。
+ */
+declare const CalendarUpcomingEntry: (props: {
+    /** 今天及以后的全部条数（不截断） */
+    total: number;
+    upcoming: IUpcomingEvent[];
+    search: string;
+    tab: CalendarSidebarTab;
+    onSearch: (value: string) => void;
+    onChangeTab: (tab: CalendarSidebarTab) => void;
+    onSelectEvent: (source?: CalendarBoardSource) => void;
+}) => React.JSX.Element;
+export default CalendarUpcomingEntry;

package/es/modules/calendar-board/components/CalendarUpcomingEntry/index.js

@@ -0,0 +1,35 @@
+import React, { useState } from "react";
+import { Modal } from "antd";
+import CalendarUpcomingBar from "../CalendarUpcomingBar";
+import CalendarSidebar from "../CalendarSidebar";
+import classnames from "classnames";
+/** Modal 里侧栏要撑满宽度、去掉「贴在日历右边」才成立的左侧分隔线 */
+const MODAL_SIDEBAR_CLASS = "w-full! border-l-0!";
+/**
+ * 小屏（< 1024px）进入 Upcoming 的唯一入口：底部固定条 + 展开后的 Modal。
+ *
+ * 两段的责任这么分：
+ * - 底部条只显示「UPCOMING + 圆点总数 + 首条 title + >」并报一次点击；
+ * - 展开由用户决定（点条才挂 Modal），Modal 里放整份 CalendarSidebar ——
+ *   与桌面右侧栏同一份组件、同一份 data（搜索 / 页签 / 列表都在），小屏只是换了个容器。
+ *
+ * 点条目时先收起 Modal 再交出 source：属性面板（aside）是另一个层，
+ * Modal 不收的话会一直盖在它前面。
+ */
+const CalendarUpcomingEntry = (props) => {
+    const [open, setOpen] = useState(false);
+    /** 条目点击：先收起 Modal，再把 source 原样交给页面（关闭不能把这次点击吞掉） */
+    const handleSelectEvent = (source) => {
+        setOpen(false);
+        props.onSelectEvent(source);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(CalendarUpcomingBar, { total: props.total, first: props.upcoming[0], onExpand: () => setOpen(true) }),
+        React.createElement(Modal, { open: open, onCancel: () => setOpen(false), title: "AGENDA", footer: null, centered: true, width: 340, 
+            /* 收起时把侧栏一起卸掉：否则 Modal 里的列表会一直留在 DOM 里 */
+            destroyOnHidden: true, className: classnames("[&_.ant-modal-body]:p-1!") },
+            React.createElement("div", { className: "flex h-[70vh] max-h-[520px]" },
+                React.createElement(CalendarSidebar, { className: MODAL_SIDEBAR_CLASS, upcoming: props.upcoming, search: props.search, tab: props.tab, onSearch: props.onSearch, onChangeTab: props.onChangeTab, onSelectEvent: handleSelectEvent })))));
+};
+export default CalendarUpcomingEntry;
+//# sourceMappingURL=index.js.map

package/es/modules/calendar-board/components/CalendarUpcomingEntry/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/calendar-board/components/CalendarUpcomingEntry/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,mBAAmB,MAAM,wBAAwB,CAAC;AACzD,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,UAAU,MAAM,YAAY,CAAC;AAIpC,yCAAyC;AACzC,MAAM,mBAAmB,GAAG,qBAAqB,CAAC;AAElD;;;;;;;;;;GAUG;AACH,MAAM,qBAAqB,GAAG,CAAC,KAS9B,EAAE,EAAE;IACJ,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,mDAAmD;IACnD,MAAM,iBAAiB,GAAG,CAAC,MAA4B,EAAE,EAAE;QAC1D,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACN;QACC,oBAAC,mBAAmB,IACnB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAC5B;QAEF,oBAAC,KAAK,IACL,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC9B,KAAK,EAAC,QAAQ,EACd,MAAM,EAAE,IAAI,EACZ,QAAQ,QACR,KAAK,EAAE,GAAG;YACV,yCAAyC;YACzC,eAAe,QACf,SAAS,EAAE,UAAU,CAAC,0BAA0B,CAAC;YAGjD,6BAAK,SAAS,EAAC,6BAA6B;gBAC3C,oBAAC,eAAe,IACf,SAAS,EAAE,mBAAmB,EAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,aAAa,EAAE,iBAAiB,GAC/B,CACG,CACC,CACN,CACH,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/es/modules/calendar-board/components/CalendarViewFilter/index.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { type CalendarViewType } from "../../pages/CalendarBoard/state";
+/**
+ * Filter 浮层里的 By View 一列（小屏专用）。
+ *
+ * 小屏把工具栏的 MONTH / WEEK / DAY 收进 Filter：data 沿用 view 的 VIEW_TYPE_OPTIONS，
+ * 样式与交互对齐同一浮层里的 By Events（同一个 Checkbox.Group、同一串类名、同一个
+ * `.field-label` 标题），所以两列看起来是同一套控件。
+ *
+ * 两处刻意的差异，都是「视图是单值」决定的：
+ * - 受控 `value=[type]`：任何时候只有一个勾选项；
+ * - 点一下即切视图，且不写 filter state —— 浮层底部的 Apply / Clear Filters 不会影响它
+ *   （Clear 只重置 OwnerType 那类真正参与请求的过滤条件）。
+ */
+declare const CalendarViewFilter: (props: {
+    type: CalendarViewType;
+    onChangeType: (type: CalendarViewType) => void;
+}) => React.JSX.Element;
+export default CalendarViewFilter;

package/es/modules/calendar-board/components/CalendarViewFilter/index.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { Checkbox } from "antd";
+import { VIEW_TYPE_OPTIONS } from "../../pages/CalendarBoard/state";
+/**
+ * Filter 浮层里的 By View 一列（小屏专用）。
+ *
+ * 小屏把工具栏的 MONTH / WEEK / DAY 收进 Filter：data 沿用 view 的 VIEW_TYPE_OPTIONS，
+ * 样式与交互对齐同一浮层里的 By Events（同一个 Checkbox.Group、同一串类名、同一个
+ * `.field-label` 标题），所以两列看起来是同一套控件。
+ *
+ * 两处刻意的差异，都是「视图是单值」决定的：
+ * - 受控 `value=[type]`：任何时候只有一个勾选项；
+ * - 点一下即切视图，且不写 filter state —— 浮层底部的 Apply / Clear Filters 不会影响它
+ *   （Clear 只重置 OwnerType 那类真正参与请求的过滤条件）。
+ */
+const CalendarViewFilter = (props) => (React.createElement("div", null,
+    React.createElement("div", { className: "field-label mb-3.5" }, "By View"),
+    React.createElement(Checkbox.Group, { className: "flex-col gap-3 font-semibold [&_.ant-checkbox-label]:text-font-primary", value: [props.type], options: VIEW_TYPE_OPTIONS.map((option) => ({ label: option.name, value: option.value })), onChange: (values) => {
+            /*
+             * antd 给的是一次点击后的完整勾选集合，可能是 [旧值, 新值]（勾选）或 []（取消）。
+             * 取「不是当前视图的那一项」＝刚被勾上的那项；取消当前项时取不到，
+             * 直接忽略 —— 视图不能为空态。
+             */
+            const next = values.find((value) => value !== props.type);
+            if (next)
+                props.onChangeType(next);
+        } })));
+export default CalendarViewFilter;
+//# sourceMappingURL=index.js.map

package/es/modules/calendar-board/components/CalendarViewFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/calendar-board/components/CalendarViewFilter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAyB,MAAM,iCAAiC,CAAC;AAE3F;;;;;;;;;;;GAWG;AACH,MAAM,kBAAkB,GAAG,CAAC,KAG3B,EAAE,EAAE,CAAC,CACL;IACC,6BAAK,SAAS,EAAC,oBAAoB,cAAc;IACjD,oBAAC,QAAQ,CAAC,KAAK,IACd,SAAS,EAAC,wEAAwE,EAClF,KAAK,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EACnB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,EACzF,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB;;;;eAIG;YACH,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC;YAC1D,IAAI,IAAI;gBAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC,GACA,CACG,CACN,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/es/modules/calendar-board/components/CalendarViewSwitcher/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { type CalendarViewType } from "../../pages/CalendarBoard/state";
+/**
+ * MONTH / WEEK / DAY 胶囊控件。
+ *
+ * 原先内联在 CalendarToolbar 里，抽出来是因为装配位置在小屏和桌面不同：
+ * 桌面放在工具栏（这一版），小屏收进 Filter 浮层（那时用 CalendarViewFilter 的复选框形态）。
+ * 视觉与交互逐字沿用原工具栏里的写法，本次改动不涉及它的样式。
+ */
+declare const CalendarViewSwitcher: (props: {
+    type: CalendarViewType;
+    onChangeType: (type: CalendarViewType) => void;
+}) => React.JSX.Element;
+export default CalendarViewSwitcher;

package/es/modules/calendar-board/components/CalendarViewSwitcher/index.js

@@ -0,0 +1,15 @@
+import React from "react";
+import classnames from "classnames";
+import { VIEW_TYPE_OPTIONS } from "../../pages/CalendarBoard/state";
+/**
+ * MONTH / WEEK / DAY 胶囊控件。
+ *
+ * 原先内联在 CalendarToolbar 里，抽出来是因为装配位置在小屏和桌面不同：
+ * 桌面放在工具栏（这一版），小屏收进 Filter 浮层（那时用 CalendarViewFilter 的复选框形态）。
+ * 视觉与交互逐字沿用原工具栏里的写法，本次改动不涉及它的样式。
+ */
+const CalendarViewSwitcher = (props) => (React.createElement("div", { className: "flex items-center bg-bg-grey rounded-base p-1 h-[50px] text-sm uppercase tracking-wide" }, VIEW_TYPE_OPTIONS.map((option) => (React.createElement("button", { key: option.value, className: classnames("px-6 h-[35px] flex items-center justify-center rounded-base cursor-pointer", option.value === props.type
+        ? "bg-bg-white text-font-secondary font-bold shadow-sm"
+        : "text-font-grey font-medium"), onClick: () => props.onChangeType(option.value) }, option.label)))));
+export default CalendarViewSwitcher;
+//# sourceMappingURL=index.js.map

package/es/modules/calendar-board/components/CalendarViewSwitcher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/calendar-board/components/CalendarViewSwitcher/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAyB,MAAM,iCAAiC,CAAC;AAE3F;;;;;;GAMG;AACH,MAAM,oBAAoB,GAAG,CAAC,KAG7B,EAAE,EAAE,CAAC,CACL,6BAAK,SAAS,EAAC,wFAAwF,IACrG,iBAAiB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAClC,gCACC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,SAAS,EAAE,UAAU,CACpB,4EAA4E,EAC5E,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI;QAC1B,CAAC,CAAC,qDAAqD;QACvD,CAAC,CAAC,4BAA4B,CAC/B,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,IAE9C,MAAM,CAAC,KAAK,CACL,CACT,CAAC,CACG,CACN,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/es/modules/calendar-board/event-meta.d.ts

@@ -0,0 +1,262 @@
+import dayjs from "dayjs";
+import type { ICalendar } from "../../data/calendar";
+/** 日历事件来源（服务端返回的 source 字段，运行时还会被写入 title） */
+export type CalendarBoardSource = {
+    id: string;
+    type: string;
+    /** 属性面板派发用不到（只按 type 派发），不保证下发，见 toPropertiesTarget */
+    nodeType?: string;
+    title?: string;
+};
+/**
+ * 日历事件：字段与 src/data/calendar 的 ICalendar 兼容。
+ *
+ * 对 ICalendar 做了两处收窄 / 补充：
+ * - `source` 用更完整的 CalendarBoardSource（运行时还会带 nodeType / title，ICalendar 只声明了 id 与 type），
+ *   nodeType 见 toPropertiesTarget：属性面板派发用不到它；
+ * - 补上 FullCalendar 运行时字段：`start` / `end` 是 FullCalendar 读取的字段，服务端实际会返回；
+ *   `extendedProps.source` 是 FullCalendar 把非标准字段（source）收拢后的位置，
+ *   现有 CalendarMonth 就是通过 `info.event.extendedProps.source` 拿到事件的。
+ */
+export type CalendarBoardEvent = Omit<ICalendar, "source"> & {
+    source?: CalendarBoardSource;
+    start?: string | Date;
+    end?: string | Date;
+    extendedProps?: {
+        source?: CalendarBoardSource;
+    };
+};
+/**
+ * 分类色板：沿用 calendar-recreation.html 的事件卡原色（蓝 / 红 / 绿 / 橙）。
+ *
+ * 顺序即取色顺序，见 buildColorMap —— 同一 source.type 永远落在同一颜色上，
+ * 与现有 CalendarMonth 用 generateLightColorFromHash(source.type) 的意图一致。
+ */
+export declare const CATEGORY_COLORS: readonly ["blue", "red", "green", "orange"];
+/**
+ * 「其他」分类统一用的中性色。
+ *
+ * 指固定 3 项（Task / Case / Work）之外的一切分类，含没有 source.type 的 Other：
+ * 它们在整页只有这一种颜色 —— 图例的 Others 圆点、网格里的事件卡、侧栏 UPCOMING 的
+ * 圆点都取它（见 resolveEventColor），所以「不属于固定分类」这件事一眼可辨。
+ *
+ * 刻意不进 CATEGORY_COLORS：它不是分类色、不参与轮转 —— 掺进去会让现有分类的配色整体挪位。
+ */
+export declare const NEUTRAL_COLOR: "grey";
+export type CategoryColor = (typeof CATEGORY_COLORS)[number] | typeof NEUTRAL_COLOR;
+/**
+ * 事件卡配色：逐字取自 HTML 的 `border border-{c}-400 bg-{c}-50 text-{c}-600`。
+ *
+ * grey 是后加的「其他」专用色，不在设计稿的四个分类色里，按同一公式取灰阶
+ * （400 描边 + 50 浅底）。
+ */
+export declare const CHIP_COLOR_CLASS: Record<CategoryColor, string>;
+/** 事件卡内的时间行配色，取自 calendar-day-view.html 的 `text-amber-600` / `text-red-500` */
+export declare const CHIP_TIME_CLASS: Record<CategoryColor, string>;
+/**
+ * 图例 / 侧栏分类列表的圆点配色，取自 HTML 的 `bg-blue-600 / bg-red-500 / ...`。
+ *
+ * grey 与卡片同理，是同灰阶里更深的那一档（对应分类色的 500 / 600）。
+ */
+export declare const DOT_COLOR_CLASS: Record<CategoryColor, string>;
+/**
+ * 事件卡外壳：HTML 的 `text-[10px] font-bold uppercase rounded-md px-2 py-0.5 border-l-4 truncate`。
+ *
+ * 用 overflow-hidden 而不是 truncate：日视图的卡片里还有第二行时间文案，
+ * 文字截断交给内层每一行的 truncate。
+ */
+export declare const CHIP_BASE_CLASS = "border border-l-4 text-2xs text-font-primary font-bold uppercase rounded-base px-2 py-0.5 cursor-pointer overflow-hidden";
+/** 没有 source.type 时归入的分类名 */
+export declare const DEFAULT_CATEGORY_TYPE = "Other";
+/** 事件的分类名（source.type） */
+export declare const getEventType: (event: CalendarBoardEvent) => string;
+/**
+ * 事件的起始时间。
+ *
+ * ICalendar 声明的是 startDate，FullCalendar 读的是 start，两者都被兼容；
+ * 都缺失时退回 dueDate，仍缺失则返回 undefined（该事件不参与侧栏推导）。
+ */
+export declare const getEventStart: (event: CalendarBoardEvent) => Date | undefined;
+/** 事件标题：优先 FullCalendar 解析出的 title，退回 source.title */
+export declare const getEventTitle: (event: CalendarBoardEvent) => string;
+/**
+ * 事件 source → <NodePropertiesView> 需要的 node。
+ *
+ * 两处形状差异，收在这里而不是散在页面里：
+ * - `nodeType`：NodePropertiesView 的 props 把它声明成必填，但派发其实只看 type
+ *   （DocumentMetaStore.getPropertiesView = getMeta(document.type)），
+ *   source 拿不到时补空串即可；
+ * - `title`：node 不需要，顺手剥掉，避免带进组件。
+ */
+export declare const toPropertiesTarget: (source: CalendarBoardSource) => {
+    id: string;
+    type: string;
+    nodeType: string;
+};
+/**
+ * Action 事件的 source.type。
+ *
+ * Action 不是文档节点：它的 meta 注册在另一个 store（morpho-collaboration-action 的
+ * ActionMetaStore），DocumentMetaStore 里没有 "Action"（只有 Board / WorkScheduleNode /
+ * Meeting / MeetingsFolder / Work / Task / WorkType）。所以 Type 为 Action 的事件不能走
+ * <NodePropertiesView>，要另走 action 自己的加载器，见 CalendarActionProperties。
+ */
+export declare const ACTION_SOURCE_TYPE = "Action";
+/**
+ * 事件 source 是不是 Action —— 决定点开后打开哪一个属性视图。
+ *
+ * 判定只看 type：`nodeType` 运行时不一定下发（见 CalendarBoardSource.nodeType）。
+ */
+export declare const isActionSource: (source?: CalendarBoardSource) => boolean;
+/**
+ * 按 source.type 去重排序后依次取色。
+ *
+ * 排序保证映射只取决于「出现了哪些 type」，与事件顺序无关，
+ * 因此事件卡、图例、侧栏分类三处拿到的颜色必然一致。
+ */
+export declare const buildColorMap: (types: Iterable<string>) => Map<string, CategoryColor>;
+export interface ICategorySummary {
+    /** source.type */
+    type: string;
+    color: CategoryColor;
+    count: number;
+    /**
+     * 该分类下的事件，供图例 hover 时列出。
+     *
+     * 与 count 同源（都基于传入的全量事件），所以「图例上的数字」和「浮层里的条数」
+     * 永远一致；按开始时间升序，方便直接渲染。
+     */
+    events: CalendarBoardEvent[];
+}
+export interface IEventSummary {
+    colorMap: Map<string, CategoryColor>;
+    categories: ICategorySummary[];
+}
+/** 一次算出 type → 颜色映射与分类明细（计数 + 成员），供事件卡、图例、侧栏共用 */
+export declare const summarizeEvents: (events: CalendarBoardEvent[]) => IEventSummary;
+/**
+ * 图例固定展示的三个分类。
+ *
+ * 数组顺序即图例顺序，与事件多少无关：这四项是「位置」而不是「榜单」，
+ * 因此某一项当期没有事件时也占位（计数 0），图例不会随数据跳动。
+ * 匹配的是 source.type 原文（大小写敏感）。
+ */
+export declare const LEGEND_FIXED_TYPES: readonly ["Task", "Case", "Work"];
+/** 固定项之外的事件全部折叠进这一项 */
+export declare const OTHERS_CATEGORY_TYPE = "Others";
+/**
+ * Others 的圆点颜色 = 中性色。
+ *
+ * 与网格里「其他」事件卡同一个来源（NEUTRAL_COLOR 的三张表），
+ * 所以图例圆点、事件卡、侧栏圆点在「不属于固定分类」这件事上是一致的。
+ */
+export declare const OTHERS_DOT_CLASS: string;
+/**
+ * 图例的一项。
+ *
+ * 只带圆点的类名而不是 CategoryColor：Others 没有分类色可给，
+ * 取色在 buildLegendCategories 里一次做实，组件照着渲染即可。
+ */
+export interface ILegendCategory {
+    type: string;
+    count: number;
+    events: CalendarBoardEvent[];
+    dotClass: string;
+}
+/**
+ * 把分类明细折叠成图例要渲染的项：固定 3 项（Task / Case / Work）+ Others。
+ *
+ * 折叠只发生在**展示层**：`summarizeEvents` 的 colorMap 仍按全量分类计算，
+ * 所以固定项的取色与事件卡一致 —— 有事件时沿用它的原色（三处同色）。
+ *
+ * 0 计数的固定项没有原色可用，按固定下标取兜底色（Task → blue、Case → red、
+ * Work → green），否则三项会一起退回首色、挤成一个颜色。
+ *
+ * Others 只在真有其他分类时出现（否则就是一个恒为 0 的多余项）；它的条目是
+ * 其余分类的事件合并后按开始时间升序 —— 与单个分类浮层同一口径，不按原分类分块。
+ */
+export declare const buildLegendCategories: (categories: ICategorySummary[]) => ILegendCategory[];
+/**
+ * 整页事件的取色入口：固定分类（Task / Case / Work）用分类原色，其余一切用中性色。
+ *
+ * 网格里的事件卡、侧栏 UPCOMING 的圆点、小屏底部条的圆点都走这里，于是
+ * 「不在固定分类里」在整页是同一个灰 —— 否则同一条事件会出现「网格里是灰卡、
+ * 侧栏里还是蓝点」这种自相矛盾的呈现。
+ *
+ * 注意与 resolveColor 的区别：那个是纯「分类色轮转」，这里才是事件的最终颜色。
+ */
+export declare const resolveEventColor: (colorMap: Map<string, CategoryColor>, type: string) => CategoryColor;
+/** 取某个分类色（按 type 轮转）；映射缺失时退回色板首色。整页取色请走 resolveEventColor */
+export declare const resolveColor: (colorMap: Map<string, CategoryColor>, type: string) => CategoryColor;
+/**
+ * 本地过滤：搜索关键字 + 被隐藏的分类。
+ *
+ * 纯前端过滤，不触发重新请求；日历与侧栏 UPCOMING 列表共用同一份结果。
+ */
+export declare const filterEvents: (events: CalendarBoardEvent[], options?: {
+    search?: string;
+    hiddenTypes?: Iterable<string>;
+}) => CalendarBoardEvent[];
+export interface IUpcomingEvent {
+    id: string;
+    title: string;
+    type: string;
+    color: CategoryColor;
+    /** 形如 `Aug 20 | 4PM`；全天事件只有日期 */
+    timeLabel: string;
+    /** 剩余天数，形如 `10D` */
+    remainingLabel: string;
+    source?: CalendarBoardSource;
+}
+/** 侧栏 UPCOMING DEADLINES 的默认条数，与 HTML 稿一致 */
+export declare const UPCOMING_LIMIT = 5;
+/** 相对今天还有几天（今天为 0D） */
+export declare const formatRemaining: (start: Date, from: dayjs.Dayjs) => string;
+/**
+ * UPCOMING DEADLINES：今天及以后的事件，按起始时间升序取前 N 条。
+ *
+ * @param from 以哪一天为「今天」，默认取当前时间；测试注入固定日期用。
+ */
+export declare const buildUpcoming: (events: CalendarBoardEvent[], summary: IEventSummary, options?: {
+    from?: dayjs.Dayjs;
+    limit?: number;
+}) => IUpcomingEvent[];
+/**
+ * 写回服务端时的时间格式：**本地时间**，不带时区后缀。
+ *
+ * 与仓库里其它写时间属性的地方保持一致（见 MeetingHeader 的 StartTime/EndTime）。
+ * 注意不要用 toISOString()：它产出 UTC 时刻，UTC+8 下把事件拖到某天零点时，
+ * 日期部分会退回前一天，服务端按本地时间解析就落到错误的日期上。
+ */
+export declare const DATE_TIME_FORMAT = "YYYY-MM-DDTHH:mm:ss.SSS";
+/** 拖拽落点 → 服务端要写的时间字段 */
+export type DropPayload = {
+    Start: string;
+    End?: string;
+};
+/**
+ * 把 FullCalendar 给出的落点转成服务端载荷。
+ *
+ * @returns 起止时间都拿不到（或非法）时返回 undefined，调用方应当放弃这次拖拽
+ */
+export declare const buildDropPayload: (options: {
+    start?: Date | string | null;
+    end?: Date | string | null;
+}) => DropPayload | undefined;
+/** 按事件 id 在列表里找对应的那条（id 比较规则见 isSameEvent） */
+export declare const findEventById: (events: CalendarBoardEvent[], id?: string) => CalendarBoardEvent | undefined;
+/**
+ * 把拖拽结果写回页面自己的事件列表。
+ *
+ * 必须做这一步：`state.listOptions` 只在挂载时加载一次，而事件数据会交给 FullCalendar
+ * 当 eventSources —— 列表里还是旧位置的话，任何一次事件源重置都会把刚拖出去的事件打回原位。
+ *
+ * ⚠️ 没命中任何一条时必须**原样返回同一个数组**：`.map()` 那种写法即使什么都没改也会造出
+ * 新引用，而新引用本身就会触发 FullCalendar 重置事件源，反而把拖拽结果覆盖掉。
+ */
+export declare const applyDropToEvents: (events: CalendarBoardEvent[], id: string, drop: {
+    start?: Date | string | null;
+    end?: Date | string | null;
+}) => CalendarBoardEvent[];
+/** 图例浮层里的日期文案，设计稿是 `Aug 3`；拿不到时间时返回空串 */
+export declare const formatEventDate: (event: CalendarBoardEvent) => string;