@voplus/morpho-csp 10.0.5 → 10.0.6

package/es/components/RegisterTable/index.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { TableProps } from "antd";
+/**
+ * 通用注册表单/列表组件属性接口。
+ * 抽离了计算表格容器高度和无限滚动的公共逻辑。
+ */
+export interface RegisterTableProps<T extends {
+    id?: string;
+}> extends Omit<TableProps<T>, "dataSource" | "columns"> {
+    /** 表格数据源 */
+    dataSource: T[];
+    /** 表格列定义 */
+    columns: TableProps<T>["columns"];
+    /** 加载中状态 */
+    loading?: boolean;
+    /** 触发加载下一页的回调 */
+    onLoadMore?: () => void;
+    /** 是否还有更多数据 */
+    hasMore?: boolean;
+    /** 行点击事件，用于打开侧边详情栏等操作 */
+    onRowClick?: (record: T) => void;
+}
+/**
+ * 具有无限滚动和自动适应高度功能的基于 antd Table 的列表组件。
+ * 会自动监听页面容器的高度，计算可容纳的Table Body高度并将其绑定给 `scroll={{ y: xxx }}` 以实现表头固定。
+ * 监听滚动到底部以触发分页加载。
+ */
+declare function RegisterTable<T extends {
+    id?: string;
+}>(props: RegisterTableProps<T>): React.JSX.Element;
+export default RegisterTable;

package/es/components/RegisterTable/index.js

@@ -0,0 +1,55 @@
+import React, { useState, useRef, useEffect } from "react";
+import { Table } from "antd";
+import { observe } from "@voplus/morpho-ui";
+/**
+ * 具有无限滚动和自动适应高度功能的基于 antd Table 的列表组件。
+ * 会自动监听页面容器的高度，计算可容纳的Table Body高度并将其绑定给 `scroll={{ y: xxx }}` 以实现表头固定。
+ * 监听滚动到底部以触发分页加载。
+ */
+function RegisterTable(props) {
+    const { dataSource, columns, loading, onLoadMore, hasMore, onRowClick, components, ...rest } = props;
+    const [tableScrollY, setTableScrollY] = useState(200);
+    const tableContainerRef = useRef(null);
+    // 监听容器高度变化来动态设置表格的 scroll.y
+    useEffect(() => {
+        const observer = new ResizeObserver((entries) => {
+            for (let entry of entries) {
+                const height = entry.contentRect.height;
+                // 表头高度约56px，减去表头即为Table Body的可用高度
+                setTableScrollY(Math.max(height - 56, 100));
+            }
+        });
+        if (tableContainerRef.current) {
+            observer.observe(tableContainerRef.current);
+        }
+        return () => observer.disconnect();
+    }, []);
+    // 处理滚动事件，触底则加载下一页
+    const handleScroll = (e) => {
+        var _a;
+        const target = e.target;
+        if ((_a = target.classList) === null || _a === void 0 ? void 0 : _a.contains("ant-table-body")) {
+            const { scrollTop, scrollHeight, clientHeight } = target;
+            if (scrollTop + clientHeight >= scrollHeight - 20) {
+                if (hasMore && !loading && onLoadMore) {
+                    onLoadMore();
+                }
+            }
+        }
+    };
+    return observe(() => (React.createElement("div", { ref: tableContainerRef, className: "flex-1 overflow-hidden", onScrollCapture: handleScroll },
+        React.createElement(Table, { columns: columns, dataSource: dataSource, loading: loading, scroll: { y: tableScrollY }, components: components, onRow: (record) => {
+                var _a;
+                return {
+                    className: "group/row",
+                    onClick: () => {
+                        if (onRowClick) {
+                            onRowClick(record);
+                        }
+                    },
+                    ...(_a = rest.onRow) === null || _a === void 0 ? void 0 : _a.call(rest, record),
+                };
+            }, pagination: false, className: "whitespace-nowrap [&_.ant-table-thead_>_tr_>_th]:p-5! [&_.ant-table-thead_>_tr_>_th]:text-xs! [&_.ant-table-thead_>_tr_>_th]:uppercase! [&_.ant-table-thead_>_tr_>_th]:font-bold! [&_.ant-table-thead_>_tr_>_th]:text-font-primary! [&_.ant-table-thead_>_tr_>_th]:bg-bg-table!", rowClassName: "group", rowKey: "id", ...rest }))));
+}
+export default RegisterTable;
+//# sourceMappingURL=index.js.map

package/es/components/RegisterTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RegisterTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAc,MAAM,MAAM,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAwB5C;;;;GAIG;AACH,SAAS,aAAa,CAA4B,KAA4B;IAC7E,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAC3F,KAAK,CAAC;IAEP,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACtD,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEvD,4BAA4B;IAC5B,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YAC/C,KAAK,IAAI,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC3B,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;gBACxC,kCAAkC;gBAClC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;YAC7C,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,IAAI,iBAAiB,CAAC,OAAO,EAAE,CAAC;YAC/B,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,kBAAkB;IAClB,MAAM,YAAY,GAAG,CAAC,CAAgC,EAAE,EAAE;;QACzD,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,IAAI,MAAA,MAAM,CAAC,SAAS,0CAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC;YAClD,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;YACzD,IAAI,SAAS,GAAG,YAAY,IAAI,YAAY,GAAG,EAAE,EAAE,CAAC;gBACnD,IAAI,OAAO,IAAI,CAAC,OAAO,IAAI,UAAU,EAAE,CAAC;oBACvC,UAAU,EAAE,CAAC;gBACd,CAAC;YACF,CAAC;QACF,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAC,wBAAwB,EAAC,eAAe,EAAE,YAAY;QAC5F,oBAAC,KAAK,IACL,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE,EAC3B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE;;gBACjB,OAAO;oBACN,SAAS,EAAE,WAAW;oBACtB,OAAO,EAAE,GAAG,EAAE;wBACb,IAAI,UAAU,EAAE,CAAC;4BAChB,UAAU,CAAC,MAAM,CAAC,CAAC;wBACpB,CAAC;oBACF,CAAC;oBACD,GAAG,MAAA,IAAI,CAAC,KAAK,qDAAG,MAAM,CAAC;iBACvB,CAAC;YACH,CAAC,EACD,UAAU,EAAE,KAAK,EACjB,SAAS,EAAC,iRAAiR,EAC3R,YAAY,EAAC,OAAO,EACpB,MAAM,EAAC,IAAI,KACP,IAAI,GACP,CACG,CACN,CAAC,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}

package/es/components/StatusLabel/index.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+/**
+ * 状态标签组件的属性接口
+ */
+interface StatusLabelProps {
+    /**
+     * 原始状态值，主要用于判定是否显示标签。
+     * 如果没有传入 `text`，则会将此值直接用于展示。
+     */
+    status?: string;
+    /**
+     * 覆盖默认状态的显示文本，可选项。
+     * 当需要实际显示的文案与后台返回的状态值 (status) 不一致时使用。
+     */
+    text?: string;
+    /** 组件的容器自定义 className */
+    className?: string;
+    /**
+     * 定义标签的各项颜色 Tailwind 类名
+     */
+    colors: {
+        /** 标签整体背景颜色类名 */
+        bg: string;
+        /** 标签文本颜色类名 */
+        text: string;
+        /** 前侧状态小圆点颜色类名 */
+        dot: string;
+    };
+}
+/**
+ * 通用状态 UI 组件 (共用部分提炼)。
+ * 根据不同的状态显示不同的文字和对应的主题色（带有左侧实心小圆点的胶囊样式）。
+ * 常用于 MemberRegister、ControllerRegister 等列表或详情处的状态呈现。
+ */
+declare const StatusLabel: (props: StatusLabelProps) => React.JSX.Element;
+export default StatusLabel;

package/es/components/StatusLabel/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+/**
+ * 通用状态 UI 组件 (共用部分提炼)。
+ * 根据不同的状态显示不同的文字和对应的主题色（带有左侧实心小圆点的胶囊样式）。
+ * 常用于 MemberRegister、ControllerRegister 等列表或详情处的状态呈现。
+ */
+const StatusLabel = (props) => {
+    const { status, text, className, colors } = props;
+    return observe(() => (React.createElement("span", { className: classnames("inline-flex items-center gap-1 px-2.5 py-1 rounded-xl text-[10px] font-bold uppercase", colors.bg, colors.text, className) }, status ? (React.createElement(React.Fragment, null,
+        React.createElement("i", { className: classnames("inline-block w-1.5 h-1.5 rounded-full", colors.dot) }),
+        React.createElement("span", null, text || status))) : null)));
+};
+export default StatusLabel;
+//# sourceMappingURL=index.js.map

package/es/components/StatusLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/StatusLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AA+B5C;;;;GAIG;AACH,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC/C,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAElD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,8BACC,SAAS,EAAE,UAAU,CACpB,uFAAuF,EACvF,MAAM,CAAC,EAAE,EACT,MAAM,CAAC,IAAI,EACX,SAAS,CACT,IAEA,MAAM,CAAC,CAAC,CAAC,CACT;QACC,2BAAG,SAAS,EAAE,UAAU,CAAC,uCAAuC,EAAE,MAAM,CAAC,GAAG,CAAC,GAAI;QACjF,kCAAO,IAAI,IAAI,MAAM,CAAQ,CAC3B,CACH,CAAC,CAAC,CAAC,IAAI,CACF,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/es/modules/corporate/company/controller-register/components/ControllerTableList/TableCell.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import "./index.css";
 export declare const columnsList: ({
     title: React.JSX.Element;
     dataIndex: string;
@@ -13,5 +12,18 @@ export declare const columnsList: ({
     dataIndex: string;
     width: string;
 })[];
+export declare const columnsSimpleList: ({
+    title: React.JSX.Element;
+    dataIndex: string;
+    width: string;
+} | {
+    title: React.JSX.Element;
+    dataIndex: string;
+    width?: undefined;
+} | {
+    title: string;
+    dataIndex: string;
+    width: string;
+})[];
 declare const TableCell: (props: any) => React.JSX.Element;
 export default TableCell;

package/es/modules/corporate/company/controller-register/components/ControllerTableList/TableCell.js

@@ -1,50 +1,74 @@
 import React from "react";
-import { faEllipsisVerticalSolid, faEnvelopeSolid, faPhoneSolid, faBarsProgressSolid, faUserGroupSolid, faCalendarDaysSolid, FontAwesomeIcon as FAIcon, } from "@voplus/morpho-ui/es/faIcons";
+import { faEllipsisVerticalSolid, faEnvelopeSolid, faPhoneSolid, faCalendarXmarkSolid, faUserGroupSolid, faCalendarCheckSolid, faCalendarDaysSolid, faCalendarSolid, faUserSolid, faCertificateSolid, FontAwesomeIcon as FAIcon, } from "@voplus/morpho-ui/es/faIcons";
 import { Tooltip } from "antd";
-import { observe } from "@voplus/morpho-ui";
+import { observe, useAsideContentContext } from "@voplus/morpho-ui";
 import { Open } from "@voplus/morpho-document-core/es/controls/ToolBar/buttons";
 import { useControllerStore, useController } from "../../../../../../data/controller";
 import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar/LoadedUnitAvatar";
 import UnitNameNoteAlert from "@voplus/morpho-org/es/components/UnitNameNoteAlert";
 import UTCShortDate from "@voplus/morpho-ui/es/controls/UTCShortDate";
 import IdentityStatus from "@voplus/morpho-org/es/modules/verification/IdentityStatus/IdentityStatus2";
-import TagView from "@voplus/morpho-org/es/modules/tag/TagView/TagView2";
 import CompanyControllerMenu from "../../../controls/CompanyRegisterMenu";
 import ControllerStatusLabel from "../../controls/ControllerStatusLabel/ControllerStatusLabel2";
 import ToolBar from "@voplus/morpho-document-core/es/controls/ToolBar";
 import classnames from "classnames";
-import "./index.css";
 export const columnsList = [
     {
         title: (React.createElement(React.Fragment, null,
-            React.createElement(FAIcon, { icon: faUserGroupSolid }),
-            " Controllers Name")),
+            React.createElement(FAIcon, { icon: faUserSolid }),
+            " \u00A0Controllers Name")),
         dataIndex: "name",
         width: "32%",
     },
     {
         title: (React.createElement(React.Fragment, null,
-            React.createElement(FAIcon, { icon: faCalendarDaysSolid }),
-            " Appointment")),
+            React.createElement(FAIcon, { icon: faCalendarSolid }),
+            " \u00A0Appointment")),
         dataIndex: "appointment",
     },
     {
         title: (React.createElement(React.Fragment, null,
-            React.createElement(FAIcon, { icon: faCalendarDaysSolid }),
-            " Cease")),
+            React.createElement(FAIcon, { icon: faCalendarXmarkSolid }),
+            " \u00A0Cease")),
         dataIndex: "cease",
     },
     {
         title: (React.createElement(React.Fragment, null,
-            React.createElement(FAIcon, { icon: faBarsProgressSolid }),
-            " Confirmation Status")),
+            React.createElement(FAIcon, { icon: faCalendarCheckSolid }),
+            " \u00A0Confirmation")),
+        dataIndex: "confirmation",
+    },
+    {
+        title: (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faCertificateSolid }),
+            " \u00A0Identity Status")),
+        dataIndex: "identity",
+    },
+    {
+        title: " ",
+        dataIndex: "menu",
+        width: "72px",
+    },
+];
+export const columnsSimpleList = [
+    {
+        title: (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faUserGroupSolid }),
+            " Controller Details")),
+        dataIndex: "details",
+        width: "40%",
+    },
+    {
+        title: (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faCalendarCheckSolid }),
+            " \u00A0Confirmation")),
         dataIndex: "confirmation",
     },
     {
         title: (React.createElement(React.Fragment, null,
-            React.createElement(FAIcon, { icon: faBarsProgressSolid }),
-            " Identity Status & Tag")),
-        dataIndex: "tags",
+            React.createElement(FAIcon, { icon: faCertificateSolid }),
+            " Identity Status")),
+        dataIndex: "identity",
     },
     {
         title: " ",
@@ -52,35 +76,66 @@ export const columnsList = [
         width: "72px",
     },
 ];
+const renderDate = (date) => date ? (React.createElement(UTCShortDate, { value: date, format: "DD MMM YYYY", className: "text-sm text-font-primary font-semibold" })) : (React.createElement("span", { className: "text-font-primary" }, "__"));
 const TableCell = (props) => {
+    var _a;
     const { dataIndex, record, rowIndex, children, ...restProps } = props;
+    const isAside = (_a = useAsideContentContext()) === null || _a === void 0 ? void 0 : _a.asideContent;
     const store = useControllerStore();
     return observe(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
         const controller = useController(record === null || record === void 0 ? void 0 : record.id, { reload: (d) => !d.tags, includes: "tags" });
-        return (React.createElement("td", { ...restProps }, dataIndex === "name" ? (React.createElement("div", { className: "controller-table-item-info" },
-            React.createElement(UnitAvatar, { unit: controller.contact }),
-            React.createElement("div", { className: "controller-table-item-name" },
-                ((_a = controller.identity) === null || _a === void 0 ? void 0 : _a.fullName) ? (controller.identity.fullName) : controller.contact ? (React.createElement(UnitNameNoteAlert, { id: controller.contact.id, name: controller.contact.name })) : null,
-                React.createElement("div", { className: "controller-table-item-contact" },
-                    (controller.email || ((_b = controller.contact) === null || _b === void 0 ? void 0 : _b.email)) && (React.createElement("div", null,
-                        React.createElement("span", null,
-                            React.createElement(FAIcon, { icon: faEnvelopeSolid })),
-                        controller.email || ((_c = controller.contact) === null || _c === void 0 ? void 0 : _c.email))),
-                    (controller.phone || ((_d = controller.contact) === null || _d === void 0 ? void 0 : _d.phone)) && (React.createElement("div", null,
-                        React.createElement("span", null,
-                            React.createElement(FAIcon, { icon: faPhoneSolid })),
-                        controller.phone || ((_e = controller.contact) === null || _e === void 0 ? void 0 : _e.phone))))))) : dataIndex === "identity" ? (((_f = controller.identity) === null || _f === void 0 ? void 0 : _f.id) ? (React.createElement(IdentityStatus, { id: controller.identity.id })) : null) : dataIndex === "appointment" ? (React.createElement(UTCShortDate, { value: controller.appointment, format: "DD MMM YYYY" })) : dataIndex === "cease" ? (React.createElement(UTCShortDate, { value: controller.cease, format: "DD MMM YYYY" })) : dataIndex === "confirmation" ? (React.createElement(React.Fragment, null,
-            React.createElement(Tooltip, { title: controller.confimrationDate ? (React.createElement(React.Fragment, null,
-                    "Confimration Date:",
-                    " ",
-                    React.createElement(UTCShortDate, { value: controller.confimrationDate, format: "DD MMM YYYY" }))) : null, color: "#868686" },
-                React.createElement("div", { className: "controller-table-status-label" },
-                    React.createElement(ControllerStatusLabel, { className: classnames({ "need-identity": !controller.identity }), status: !controller.identity ? "Need Identity" : controller.confirmationStatus }))))) : dataIndex === "tags" ? (React.createElement(React.Fragment, null,
-            ((_g = controller.identity) === null || _g === void 0 ? void 0 : _g.id) ? (React.createElement(IdentityStatus, { id: controller.identity.id, className: "controller-table-item-identity" })) : null,
-            React.createElement(TagView, { id: record.id, tags: controller.tags, editable: false, items: store.items, maxCount: 1 }))) : dataIndex === "menu" ? (React.createElement(ToolBar, { id: record.id, showMenu: false },
-            React.createElement(Open, { url: `/controller/${record.id}` }),
-            React.createElement(CompanyControllerMenu, { id: record.id, title: "Controller Menu", unitId: (_h = controller.contact) === null || _h === void 0 ? void 0 : _h.id, store: store, closeAside: true, icon: React.createElement(FAIcon, { icon: faEllipsisVerticalSolid }) }))) : (children)));
+        const renderContent = () => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            switch (dataIndex) {
+                case "name":
+                    return (React.createElement("div", { className: "flex items-center gap-3.5" },
+                        React.createElement(UnitAvatar, { unit: controller.contact, className: "w-10! h-10! rounded-md! text-sm! text-font-secondary! bg-blue-profile!" }),
+                        React.createElement("div", { className: "flex flex-col gap-1" },
+                            ((_a = controller.identity) === null || _a === void 0 ? void 0 : _a.fullName) ? (React.createElement("div", { className: "text-font-primary uppercase font-semibold" }, controller.identity.fullName)) : controller.contact ? (React.createElement(UnitNameNoteAlert, { id: controller.contact.id, name: controller.contact.name })) : null,
+                            React.createElement("div", { className: "flex items-center gap-4 text-xs text-font-grey font-medium" },
+                                React.createElement("div", null,
+                                    React.createElement(FAIcon, { icon: faEnvelopeSolid }),
+                                    controller.email || ((_b = controller.contact) === null || _b === void 0 ? void 0 : _b.email) ? (React.createElement("span", { className: "ml-1" }, controller.email || ((_c = controller.contact) === null || _c === void 0 ? void 0 : _c.email))) : (" -")),
+                                React.createElement("div", null,
+                                    React.createElement(FAIcon, { icon: faPhoneSolid }),
+                                    controller.phone || ((_d = controller.contact) === null || _d === void 0 ? void 0 : _d.phone) ? (React.createElement("span", { className: "ml-1" }, controller.phone || ((_e = controller.contact) === null || _e === void 0 ? void 0 : _e.phone))) : (" -"))))));
+                case "details":
+                    return (React.createElement("div", { className: "flex items-center gap-3.5" },
+                        React.createElement(UnitAvatar, { unit: controller.contact, className: "w-10! h-10! rounded-md! text-sm! text-font-secondary! bg-blue-profile!" }),
+                        React.createElement("div", { className: "flex flex-col gap-1" },
+                            ((_f = controller.identity) === null || _f === void 0 ? void 0 : _f.fullName) ? (React.createElement("div", { className: "text-font-primary uppercase font-semibold" }, controller.identity.fullName)) : controller.contact ? (React.createElement(UnitNameNoteAlert, { id: controller.contact.id, name: controller.contact.name })) : null,
+                            React.createElement("div", { className: "flex items-center gap-2 text-xs text-font-grey font-medium" },
+                                React.createElement("div", { className: "flex items-center gap-0.5" },
+                                    React.createElement(FAIcon, { icon: faCalendarCheckSolid }),
+                                    controller.appointment ? (React.createElement(UTCShortDate, { value: controller.appointment, format: "DD MMM YYYY", className: "text-xs text-font-grey font-semibold" })) : (React.createElement("span", { className: "text-font-primary" }, " -"))),
+                                React.createElement("div", { className: "flex items-center gap-0.5" },
+                                    React.createElement(FAIcon, { icon: faCalendarDaysSolid }),
+                                    controller.cease ? (React.createElement(UTCShortDate, { value: controller.cease, format: "DD MMM YYYY", className: "text-xs text-font-grey font-semibold" })) : (React.createElement("span", { className: "text-font-primary" }, " -")))))));
+                case "appointment":
+                    return renderDate(controller.appointment);
+                case "cease":
+                    return renderDate(controller.cease);
+                case "confirmation": {
+                    const label = (React.createElement(ControllerStatusLabel, { className: classnames({ "need-identity": !controller.identity }), status: !controller.identity ? "Need Identity" : controller.confirmationStatus }));
+                    if (isAside)
+                        return label;
+                    return (React.createElement(Tooltip, { title: controller.confimrationDate ? (React.createElement(React.Fragment, null,
+                            "Confimration Date:",
+                            " ",
+                            React.createElement(UTCShortDate, { value: controller.confimrationDate, format: "DD MMM YYYY" }))) : null, color: "#868686" }, label));
+                }
+                case "identity":
+                    return ((_g = controller.identity) === null || _g === void 0 ? void 0 : _g.id) ? (React.createElement(IdentityStatus, { id: controller.identity.id, className: isAside ? "gap-2.5!" : undefined })) : null;
+                case "menu":
+                    return (React.createElement("div", { className: "opacity-0 group-hover/row:opacity-100 transition-opacity" },
+                        React.createElement(ToolBar, { id: record.id, showMenu: false },
+                            React.createElement(Open, { url: `/controller/${record.id}` }),
+                            React.createElement(CompanyControllerMenu, { id: record.id, title: "Controller Menu", unitId: (_h = controller.contact) === null || _h === void 0 ? void 0 : _h.id, store: store, closeAside: true, icon: React.createElement(FAIcon, { icon: faEllipsisVerticalSolid }) }))));
+                default:
+                    return children;
+            }
+        };
+        return React.createElement("td", { ...restProps }, renderContent());
     });
 };
 export default TableCell;

package/es/modules/corporate/company/controller-register/components/ControllerTableList/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/controller-register/components/ControllerTableList/TableCell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/controller-register/components/ControllerTableList/TableCell.tsx"],"names":[],"mappings":"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"}

package/es/modules/corporate/company/controller-register/components/ControllerTableList/index.d.ts

@@ -1,5 +1,4 @@
 import React, { ReactNode } from "react";
-import "./index.css";
 export type ControllerListProps = {
     controllerRegisterId: string;
     corporateId: string;

package/es/modules/corporate/company/controller-register/components/ControllerTableList/index.js

@@ -1,37 +1,29 @@
-import React, { useState, useRef, useEffect } from "react";
-import TableCell, { columnsList } from "./TableCell";
-import TableCellSimple, { columnsSimpleList } from "./TableCellSimple";
+import React, { useState } from "react";
 import { Button, Dropdown, Modal } from "antd";
-import { State } from "./state";
+import RegisterTable from "../../../../../../components/RegisterTable";
+import { faTrashSolid, faPrintSolid, faFileImportSolid, faEllipsisVerticalSolid, faFilterSolid, faPaperPlaneSolid, faUploadSolid, } from "@voplus/morpho-ui/es/faIcons";
+import TableCell, { columnsList, columnsSimpleList } from "./TableCell";
+import ControllerStatusFilter from "../../controls/ControllerStatusFilter";
 import { useDeepMemo } from "@voplus/morpho-data";
-import { faPrintSolid, faEllipsisVerticalSolid, faFileImportSolid, faTrashSolid, FontAwesomeIcon as FAIcon, } from "@voplus/morpho-ui/es/faIcons";
-import { useCorporateStore } from "../../../../../../data/corporate";
-import { observe, useRenderOnChange, useAsideContentContext } from "@voplus/morpho-ui";
-import { useAutoUpdateListData } from "@voplus/morpho-document-core";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import { useControllerListEffect, useControllerStore } from "../../../../../../data/controller";
-import ListHeaderTool from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeaderTool";
-import AddDropDown2 from "@voplus/morpho-ui/es/components/layout/ListView/controls/AddDropDown2";
-import DocumentTableListCard from "@voplus/morpho-ui/es/components/DocumentTableListCard";
 import UnitsSelectDialog from "@voplus/morpho-org/es/components/UnitsSelectDialog";
-import ControllerStatusFilter from "../../controls/ControllerStatusFilter";
-import TableListCard from "@voplus/morpho-ui/es/components/TableListCard";
-import ControllerPropertiesView from "../ControllerPropertiesView";
+import { useControllerListEffect, useControllerStore, } from "../../../../../../data/controller";
 import SelectControllerSendForm from "../SelectControllerSendForm";
 import SelectControllerForm from "../SelectControllerForm";
-import Scrollbars from "react-custom-scrollbars-2";
-import classnames from "classnames";
-import "./index.css";
+import { State } from "./state";
+import ListHeaderTool from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeaderTool";
+import { useAutoUpdateListData } from "@voplus/morpho-document-core";
+import { FontAwesomeIcon as FAIcon } from "@voplus/morpho-ui/es/faIcons";
+import ControllerPropertiesView from "../ControllerPropertiesView";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import { observe, useRenderOnChange, useAsideContentContext } from "@voplus/morpho-ui";
 const ControllerTableList = (props) => {
+    const asideContext = useAsideContentContext();
+    const controllerStore = useControllerStore();
     const { controllerRegisterId, corporateId } = props;
+    const state = useDeepMemo(() => new State(), [controllerRegisterId]);
     const [visible, setVisible] = useState(false);
     const [noticeVisible, setNoticeVisible] = useState(false);
-    const [height, setHeight] = useState(0);
-    const ref = useRef(null);
-    const corporateStore = useCorporateStore();
-    const controllerStore = useControllerStore();
-    const asideContext = useAsideContentContext();
-    const state = useDeepMemo(() => new State(), [controllerRegisterId]);
+    const [totalCount, setTotalCount] = useState(0);
     /** 建立 ListView 和useDocumentListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
     const list = useCreateListDataState({
         filterDefaults: {
@@ -47,40 +39,17 @@ const ControllerTableList = (props) => {
             includes: "tags",
         },
     }, [controllerRegisterId]);
-    const columns = columnsList.map((col) => {
-        return {
-            ...col,
-            onCell: (record, rowIndex) => {
-                return {
-                    record,
-                    dataIndex: col.dataIndex,
-                    rowIndex: rowIndex,
-                };
-            },
-        };
-    });
-    const columnsSimple = columnsSimpleList.map((col) => {
-        return {
-            ...col,
-            onCell: (record, rowIndex) => {
-                return {
-                    record,
-                    dataIndex: col.dataIndex,
-                    rowIndex: rowIndex,
-                };
-            },
-        };
-    });
-    useEffect(() => {
-        if (ref.current) {
-            setHeight(ref.current.offsetHeight);
-        }
-    }, [ref]);
     /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
     useAutoUpdateListData(list, (d) => d.parentId === controllerRegisterId);
     useRenderOnChange(() => list.filters.options);
     /** 把ListDataState传给useControllerListEffect,使之可以自動更新loading, hasmore. */
-    useControllerListEffect(list, (result, total) => list.union(result), list.filters.options);
+    useControllerListEffect(list, (result, total) => {
+        list.union(result);
+        setTotalCount(total || 0);
+    }, {
+        Total: true,
+        ...list.filters.options,
+    });
     // spec:1821 — CSP: Controller list overflow menu offers Send Notice, Print and Delete
     const items = [
         {
@@ -109,53 +78,55 @@ const ControllerTableList = (props) => {
             },
         },
     ];
-    return observe(() => (React.createElement("div", { className: "registers-page-item" },
-        React.createElement(ListDataContext.Provider, { value: list },
-            React.createElement(DocumentTableListCard, { isHeader: true, header: React.createElement(ListHeaderTool, { addAble: false, sortable: false, className: classnames("controller-table-list-header"), searchOptions: { placeholder: "Search in register controller" }, 
+    return observe(() => {
+        const columns = ((asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) ? columnsSimpleList : columnsList).map((col) => {
+            return {
+                ...col,
+                onCell: (record, rowIndex) => {
+                    return {
+                        record,
+                        dataIndex: col.dataIndex,
+                        rowIndex: rowIndex,
+                    };
+                },
+            };
+        });
+        return (React.createElement(ListDataContext.Provider, { value: list },
+            React.createElement("div", { className: "h-full flex flex-col" },
+                React.createElement(ListHeaderTool, { addAble: false, sortable: false, className: "p-5! [&_.header-tool-space]:gap-3.5 [&_button]:ml-0! [&_.ant-input-outlined]:h-auto! [&_.ant-input-outlined]:bg-bg-blue! [&_.ant-input-outlined]:border-border! [&_.ant-input-outlined:hover]:border-font-secondary! [&_.ant-input-outlined:focus]:border-font-secondary! [&_.ant-input-outlined:focus-within]:border-font-secondary! [&_button]:font-semibold!", searchOptions: { placeholder: "Search in register controller" }, 
                     // spec:1822 — CSP: Controller list filter has Unconfirmed, ConfirmedController, ConfirmedNotController
                     filterViewProps: {
+                        icon: (React.createElement(Button, null,
+                            React.createElement(FAIcon, { icon: faFilterSolid }))),
                         columns: [
                             React.createElement(ControllerStatusFilter, { key: "ControllerStatusFilter", defaultValue: ["Unconfirmed", "ConfirmedController"] }),
                         ],
                     }, rightExtra: () => (React.createElement(React.Fragment, null,
-                        React.createElement(Button, { className: "send-form-btn", onClick: () => setVisible(true) }, "Send Form"),
-                        React.createElement(Button, { className: "import-btn", onClick: async () => await controllerStore
+                        React.createElement(Button, { icon: React.createElement(FAIcon, { icon: faPaperPlaneSolid }), className: "text-font-primary font-semibold uppercase", onClick: () => setVisible(true) }, "Send Form"),
+                        React.createElement(Button, { className: "text-font-primary font-semibold uppercase", icon: React.createElement(FAIcon, { icon: faUploadSolid }), onClick: async () => await controllerStore
                                 .importController(controllerRegisterId, { error: "message" })
-                                .then(() => props.onReload && props.onReload()) }, "Import"),
-                        React.createElement(AddDropDown2, { btnType: "text", onClick: () => {
-                                state.addAble = true;
-                            } }),
-                        React.createElement(Dropdown, { classNames: { root: "controller-table-list-dropdown" }, trigger: ["click", "hover"], menu: { items } },
-                            React.createElement(Button, null,
-                                React.createElement(FAIcon, { icon: faEllipsisVerticalSolid }))))) }) },
-                React.createElement("div", { ref: ref, className: "controller-table-list-card" },
-                    React.createElement(Scrollbars, { autoHide: true },
-                        React.createElement(TableListCard, { tableListProps: {
-                                columns: (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) ? columnsSimple : columns,
-                                components: {
-                                    body: {
-                                        // row: DragTableRow,
-                                        cell: (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent) ? TableCellSimple : TableCell,
-                                    },
-                                },
-                                scrollH: height - 72,
-                                tableProps: {
-                                    onRow: (record) => {
-                                        return {
-                                            onClick: (e) => {
-                                                asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(ControllerPropertiesView, { id: record.id }), {
-                                                    span: 12,
-                                                });
-                                            },
-                                        };
-                                    },
-                                },
-                            }, ...props.tableCardProps }))))),
-        state.addAble && (React.createElement(UnitsSelectDialog, { type: "click", multiSelect: false, onSelect: onSave, onCancel: () => {
-                state.addAble = false;
-            } })),
-        visible && (React.createElement(SelectControllerSendForm, { parentId: controllerRegisterId, onCancel: () => setVisible(false) })),
-        noticeVisible && (React.createElement(SelectControllerForm, { parentId: controllerRegisterId, onCancel: () => setNoticeVisible(false) })))));
+                                .then(() => props.onReload && props.onReload()) }, "SYNC"),
+                        React.createElement(Button, { className: "primary-button", onClick: () => (state.addAble = true) }, "+ NEW ENTRY"),
+                        React.createElement(Dropdown, { trigger: ["click", "hover"], menu: { items } },
+                            React.createElement(Button, { className: "w-[45px]" },
+                                React.createElement(FAIcon, { icon: faEllipsisVerticalSolid }))))) }),
+                React.createElement(RegisterTable, { columns: columns, dataSource: list.data.map((e, i) => {
+                        return { key: i, ...e };
+                    }), loading: list.loading, onLoadMore: () => list.triggerNextPage(), hasMore: list.data.length < totalCount, components: {
+                        body: {
+                            cell: TableCell,
+                        },
+                    }, onRowClick: (record) => {
+                        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(ControllerPropertiesView, { id: record.id }), {
+                            span: 12,
+                        });
+                    } })),
+            state.addAble && (React.createElement(UnitsSelectDialog, { type: "click", multiSelect: false, onSelect: onSave, onCancel: () => {
+                    state.addAble = false;
+                } })),
+            visible && (React.createElement(SelectControllerSendForm, { parentId: controllerRegisterId, onCancel: () => setVisible(false) })),
+            noticeVisible && (React.createElement(SelectControllerForm, { parentId: controllerRegisterId, onCancel: () => setNoticeVisible(false) }))));
+    });
     /** 新增controllerItem */
     async function onSave(unit) {
         /** SelectLegalContactDialog 选择/新增有identity信息的unit */