@voplus/morpho-workspace 6.0.163 → 6.0.165

package/es/modules/work/components/WorkTableListCard/TableCellDetails.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+/** WorkTypePage 用到的 work list card */
+export declare const columnsSimpleList: ({
+    title: React.JSX.Element;
+    dataIndex: string;
+    width?: undefined;
+} | {
+    title: React.JSX.Element;
+    dataIndex: string;
+    width: string;
+} | {
+    title: string;
+    dataIndex: string;
+    width: string;
+})[];
+export declare const columnsDetailsList: ({
+    title: React.JSX.Element;
+    dataIndex: string;
+    width?: undefined;
+} | {
+    title: React.JSX.Element;
+    dataIndex: string;
+    width: string;
+} | {
+    title: string;
+    dataIndex: string;
+    width: string;
+})[];
+export declare const columnsDetailsList2: ({
+    title: React.JSX.Element;
+    dataIndex: string;
+    width?: undefined;
+} | {
+    title: React.JSX.Element;
+    dataIndex: string;
+    width: string;
+} | {
+    title: string;
+    dataIndex: string;
+    width: string;
+})[];
+declare const TableCell: (props: any) => React.JSX.Element;
+export default TableCell;

package/es/modules/work/components/WorkTableListCard/TableCellDetails.js

@@ -0,0 +1,130 @@
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { useMetaStore } from "@voplus/morpho-document-core";
+import { faBarsProgress, faCalendarDays, faUserGroup, faUser, faEllipsisVertical, } from "@fortawesome/pro-solid-svg-icons";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import UTCShortDate from "@voplus/morpho-ui/es/controls/UTCShortDate";
+import ItemFunction from "@voplus/morpho-org/es/controls/ItemFunction";
+import TagView from "@voplus/morpho-document/es/components/TagView/TagView2";
+import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar/LoadedUnitAvatar";
+import UnitNameNoteAlert from "@voplus/morpho-org/es/components/UnitNameNoteAlert";
+import WorkPropertiesView from "../WorkPropertiesView";
+import WorkQuickViewDialog from "../WorkQuickViewDialog";
+import { observe } from "@voplus/morpho-ui";
+import classnames from "classnames";
+import React from "react";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+/** WorkTypePage 用到的 work list card */
+export const columnsSimpleList = [
+    {
+        title: (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faUserGroup }),
+            " Created Name")),
+        dataIndex: "name",
+    },
+    {
+        title: (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faCalendarDays }),
+            " Create Date")),
+        dataIndex: "date",
+        width: "30%",
+    },
+    {
+        title: " ",
+        dataIndex: "menu",
+        width: "68px",
+    },
+];
+export const columnsDetailsList = [
+    {
+        title: (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faUserGroup }),
+            " Created Name")),
+        dataIndex: "name",
+    },
+    {
+        title: (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faCalendarDays }),
+            " Create Date")),
+        dataIndex: "date",
+        width: "22%",
+    },
+    {
+        title: (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faBarsProgress }),
+            " Tag")),
+        dataIndex: "tags",
+        width: "20%",
+    },
+    {
+        title: (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faUser }),
+            " Created By")),
+        dataIndex: "by",
+        width: "20%",
+    },
+    {
+        title: " ",
+        dataIndex: "menu",
+        width: "68px",
+    },
+];
+export const columnsDetailsList2 = [
+    {
+        title: (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faUserGroup }),
+            " Created Name")),
+        dataIndex: "name",
+    },
+    {
+        title: (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faCalendarDays }),
+            " Create Date")),
+        dataIndex: "date",
+        width: "15%",
+    },
+    {
+        title: (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faBarsProgress }),
+            " Tag")),
+        dataIndex: "tags",
+        width: "20%",
+    },
+    {
+        title: (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faUser }),
+            " Created By")),
+        dataIndex: "by",
+        width: "20%",
+    },
+    {
+        title: (React.createElement(React.Fragment, null,
+            React.createElement(FAIcon, { icon: faCalendarDays }),
+            " Due Date")),
+        dataIndex: "due",
+        width: "15%",
+    },
+    {
+        title: " ",
+        dataIndex: "menu",
+        width: "68px",
+    },
+];
+const TableCell = (props) => {
+    const { dataIndex, record, rowIndex, children, ...restProps } = props;
+    const store = useDocumentStore();
+    const meta = useMetaStore();
+    return observe(() => (React.createElement("td", { ...restProps }, dataIndex === "name" ? (React.createElement(ItemFunction, { className: "work-table-item-name_2", quickViewDialog: (onCancel) => (React.createElement(WorkQuickViewDialog, { id: record.id, visible: true, onCancel: onCancel })), propertiesView: React.createElement(WorkPropertiesView, { id: record.id }) },
+        React.createElement("span", { className: classnames(record.workStatus.charAt(0).toLowerCase() + record.workStatus.slice(1)) }),
+        record.name,
+        "-",
+        record.number)) : dataIndex === "date" ? (React.createElement(UTCShortDate, { className: "work-table-item-createDate", value: record.createDate, format: "DD MMM YYYY" })) : dataIndex === "due" ? (React.createElement(UTCShortDate, { value: record.due, format: "DD MMM YYYY" })) : dataIndex === "tags" ? (React.createElement(TagView, { id: record.id, tags: record.tags, editable: false, items: store.items, maxCount: 1, className: "work-table-item-tags" })) : dataIndex === "by" ? (React.createElement("div", { className: "work-table-item-info" },
+        record.contact && React.createElement(UnitAvatar, { unit: record.contact }),
+        React.createElement("div", { className: "work-by-name" }, record.contact ? (React.createElement(UnitNameNoteAlert, { id: record.contact.id, name: record.contact.name })) : null))) : dataIndex === "menu" ? (React.createElement(ToolBar, { id: record.id, moreProps: {
+            buttonProps: { size: "middle" },
+            icon: React.createElement(FAIcon, { icon: faEllipsisVertical }),
+        } },
+        React.createElement(Open, { size: "middle", url: meta.getRoute(record) }))) : (children))));
+};
+export default TableCell;
+//# sourceMappingURL=TableCellDetails.js.map

package/es/modules/work/components/WorkTableListCard/TableCellDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellDetails.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTableListCard/TableCellDetails.tsx"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,5 @@
 import React, { ReactNode } from "react";
+import "./index.less";
 export type WorkTableListCardProps = {
     /** filter by contactId */
     contactId?: string;
@@ -7,6 +8,8 @@ export type WorkTableListCardProps = {
     /** status of works shown on the list. */
     status?: string;
     isHeader?: boolean;
+    /** types id of works shown on the list. */
+    typesId?: string;
     /** 预选 contact */
     primaryContact?: {
         id: string;
@@ -21,6 +24,12 @@ export type WorkTableListCardProps = {
         isHeader?: boolean;
         title?: ReactNode;
     };
+    scrollH?: number;
+    searchVal?: string;
+    /** 是否显示 Details 的 内容 */
+    details?: boolean;
+    type?: "simple" | "details" | "details2";
+    onWorkTotal?: (total: number) => void;
 };
 declare const WorkTableListCard: {
     (props: WorkTableListCardProps): React.JSX.Element;

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

@@ -1,19 +1,20 @@
-import { faBarsProgress, faThumbtack, faUserGroup } from "@fortawesome/pro-solid-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import { useAutoUpdateListData } from "@voplus/morpho-document-core";
 import { observe, useRenderOnChange } from "@voplus/morpho-ui";
 import DocumentTableListCard from "@voplus/morpho-ui/es/components/DocumentTableListCard";
 import TableListCard from "@voplus/morpho-ui/es/components/TableListCard";
 import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import AddDropDown2 from "@voplus/morpho-ui/es/components/layout/ListView/controls/AddDropDown2";
 import { Button } from "antd";
+import TableCell, { columnsList } from "./TableCell";
+import TableCellDetails, { columnsSimpleList, columnsDetailsList, columnsDetailsList2, } from "./TableCellDetails";
 import React, { useState, useEffect } from "react";
 import { useWorkListEffect } from "../../../../data/work";
 import NewWorkFormDialog from "../NewWorkForm/NewWorkFormDialog";
-import TableCell from "./TableCell";
 import classnames from "classnames";
+import "./index.less";
 const WorkTableListCard = (props) => {
     var _a;
-    const { contactId } = props;
+    const { contactId, typesId, scrollH } = props;
     const [visible, setVisible] = useState(false);
     const [workTotal, setWorkTotal] = useState(0);
     const [status, setStatus] = useState((_a = props.status) !== null && _a !== void 0 ? _a : "Active");
@@ -21,41 +22,9 @@ const WorkTableListCard = (props) => {
     const list = useCreateListDataState({
         filterDefaults: {
             filters: filters(),
+            includes: "tags",
         },
-    }, [contactId, status]);
-    const columnsList = [
-        {
-            title: (React.createElement(React.Fragment, null,
-                React.createElement(FAIcon, { icon: faThumbtack }),
-                " Name")),
-            dataIndex: "name",
-        },
-        {
-            title: (React.createElement(React.Fragment, null,
-                React.createElement(FAIcon, { icon: faUserGroup }),
-                " Assign")),
-            dataIndex: "assign",
-            width: "22%",
-        },
-        {
-            title: (React.createElement(React.Fragment, null,
-                React.createElement(FAIcon, { icon: faBarsProgress }),
-                " Status")),
-            dataIndex: "status",
-            width: "20%",
-        },
-        {
-            title: " ",
-            dataIndex: "menu",
-            width: "68px",
-        },
-    ];
-    const components = {
-        body: {
-            // row: DragTableRow,
-            cell: TableCell,
-        },
-    };
+    }, [contactId, status, typesId]);
     const columns = columnsList.map((col) => {
         return {
             ...col,
@@ -68,6 +37,24 @@ const WorkTableListCard = (props) => {
             },
         };
     });
+    const columnsDetails = (props.type === "details"
+        ? columnsDetailsList
+        : props.type === "details2"
+            ? columnsDetailsList2
+            : props.type === "simple"
+                ? columnsSimpleList
+                : []).map((col) => {
+        return {
+            ...col,
+            onCell: (record, rowIndex) => {
+                return {
+                    record,
+                    dataIndex: col.dataIndex,
+                    rowIndex: rowIndex,
+                };
+            },
+        };
+    });
     /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
     useAutoUpdateListData(list, (d) => {
         if (status) {
@@ -78,8 +65,10 @@ const WorkTableListCard = (props) => {
     useRenderOnChange(() => list.filters.options);
     /** 把ListDataState传给useWorkListEffect,使之可以自動更新loading, hasmore. */
     useWorkListEffect(list, (result, total) => {
+        var _a;
         list.union(result);
         setWorkTotal(total);
+        (_a = props.onWorkTotal) === null || _a === void 0 ? void 0 : _a.call(props, total);
     }, {
         Total: true,
         ...list.filters.options,
@@ -88,15 +77,33 @@ const WorkTableListCard = (props) => {
         if (props.status)
             setStatus(props.status);
     }, [props.status]);
+    useEffect(() => {
+        var _a;
+        list.triggerSearch((_a = props.searchVal) !== null && _a !== void 0 ? _a : "");
+    }, [props.searchVal]);
     return observe(() => (React.createElement(React.Fragment, null,
         React.createElement(ListDataContext.Provider, { value: list },
             React.createElement(DocumentTableListCard, { isHeader: props.isHeader, header: React.createElement(React.Fragment, null,
-                    React.createElement("div", null,
+                    props.details ? (React.createElement("div", { className: "work-table-card-header" },
+                        React.createElement("span", { className: classnames("work-status", status.charAt(0).toLowerCase() + status.slice(1)) }),
+                        React.createElement("span", { className: "title" },
+                            status,
+                            workTotal ? `(${workTotal})` : null))) : (React.createElement("div", null,
                         React.createElement("span", { className: "title" }, "Work"),
                         React.createElement(Button, { className: classnames({ current: status === "Active" }), onClick: () => setStatus("Active") }, "Active"),
-                        React.createElement(Button, { className: classnames({ current: status === "Done" }), onClick: () => setStatus("Done") }, "Done")),
-                    React.createElement("div", null, props.addAble && (React.createElement(Button, { className: "create-new", type: "link", onClick: () => setVisible(true) }, "+Create New")))) },
-                React.createElement(TableListCard, { tableListProps: { columns: columns, components: components }, ...props.tableCardProps, ...props.tableListProps, title: React.createElement(React.Fragment, null,
+                        React.createElement(Button, { className: classnames({ current: status === "Done" }), onClick: () => setStatus("Done") }, "Done"))),
+                    React.createElement("div", null, props.addAble && (React.createElement(AddDropDown2, { btnType: props.details ? "icon" : "text", onClick: () => setVisible(true) })))) },
+                React.createElement(TableListCard, { tableListProps: {
+                        // columns: columns, components: components
+                        columns: props.details ? columnsDetails : columns,
+                        components: {
+                            body: {
+                                // row: DragTableRow,
+                                cell: props.details ? TableCellDetails : TableCell,
+                            },
+                        },
+                        scrollH: scrollH,
+                    }, className: "work-table-list-card", ...props.tableCardProps, ...props.tableListProps, title: React.createElement(React.Fragment, null,
                         props.status,
                         workTotal ? ` (${workTotal})` : null) }))),
         visible && (React.createElement(NewWorkFormDialog, { contact: props.primaryContact, onCancel: () => setVisible(false), onSave: () => setVisible(false) })))));
@@ -113,6 +120,14 @@ const WorkTableListCard = (props) => {
                 v1: status,
             });
         }
+        if (typesId) {
+            filter.push({
+                c: "WorkType",
+                o: "=",
+                l: "And",
+                v1: typesId,
+            });
+        }
         return filter;
     }
 };

package/es/modules/work/components/WorkTableListCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTableListCard/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTableListCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,qBAAqB,MAAM,uDAAuD,CAAC;AAC1F,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,YAAY,MAAM,uEAAuE,CAAC;AACjG,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,SAAS,EAAE,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,gBAAgB,EAAE,EACxB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,GACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAS,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,cAAc,CAAC;AA4BtB,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;;IAC3D,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,MAAA,KAAK,CAAC,MAAM,mCAAI,QAAQ,CAAC,CAAC;IAC/D,kFAAkF;IAClF,MAAM,IAAI,GAAG,sBAAsB,CAClC;QACC,cAAc,EAAE;YACf,OAAO,EAAE,OAAO,EAAE;YAClB,QAAQ,EAAE,MAAM;SAChB;KACD,EACD,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAC5B,CAAC;IACF,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACvC,OAAO;YACN,GAAG,GAAG;YACN,MAAM,EAAE,CAAC,MAAW,EAAE,QAAgB,EAAE,EAAE;gBACzC,OAAO;oBACN,MAAM;oBACN,SAAS,EAAE,GAAG,CAAC,SAAS;oBACxB,QAAQ,EAAE,QAAQ;iBAClB,CAAC;YACH,CAAC;SACD,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,CACtB,KAAK,CAAC,IAAI,KAAK,SAAS;QACvB,CAAC,CAAC,kBAAkB;QACpB,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU;YAC3B,CAAC,CAAC,mBAAmB;YACrB,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ;gBACzB,CAAC,CAAC,iBAAiB;gBACnB,CAAC,CAAC,EAAE,CACL,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACb,OAAO;YACN,GAAG,GAAG;YACN,MAAM,EAAE,CAAC,MAAW,EAAE,QAAgB,EAAE,EAAE;gBACzC,OAAO;oBACN,MAAM;oBACN,SAAS,EAAE,GAAG,CAAC,SAAS;oBACxB,QAAQ,EAAE,QAAQ;iBAClB,CAAC;YACH,CAAC;SACD,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,mEAAmE;IACnE,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAQ,EAAE,EAAE;QACxC,IAAI,MAAM,EAAE,CAAC;YACZ,OAAO,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC;QACrD,CAAC;QACD,OAAO,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9C,kEAAkE;IAClE,iBAAiB,CAChB,IAAI,EACJ,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;;QACjB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACnB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,MAAA,KAAK,CAAC,WAAW,sDAAG,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD;QACC,KAAK,EAAE,IAAI;QACX,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO;KACvB,CACD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,CAAC,MAAM;YAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEnB,SAAS,CAAC,GAAG,EAAE;;QACd,IAAI,CAAC,aAAa,CAAC,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAEtB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB;QACC,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;YACpC,oBAAC,qBAAqB,IACrB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EACL;oBACE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAChB,6BAAK,SAAS,EAAC,wBAAwB;wBACtC,8BACC,SAAS,EAAE,UAAU,CACpB,aAAa,EACb,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAChD,GACM;wBACR,8BAAM,SAAS,EAAC,OAAO;4BACrB,MAAM;4BACN,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,CAC9B,CACF,CACN,CAAC,CAAC,CAAC,CACH;wBACC,8BAAM,SAAS,EAAC,OAAO,WAGhB;wBACP,oBAAC,MAAM,IACN,SAAS,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,KAAK,QAAQ,EAAE,CAAC,EACvD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,aAG1B;wBACT,oBAAC,MAAM,IACN,SAAS,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,WAGxB,CACJ,CACN;oBACD,iCACE,KAAK,CAAC,OAAO,IAAI,CACjB,oBAAC,YAAY,IACZ,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,GAC9B,CACF,CACI,CACJ;gBAGJ,oBAAC,aAAa,IACb,cAAc,EAAE;wBACf,2CAA2C;wBAC3C,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO;wBACjD,UAAU,EAAE;4BACX,IAAI,EAAE;gCACL,qBAAqB;gCACrB,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS;6BAClD;yBACD;wBACD,OAAO,EAAE,OAAO;qBAChB,EACD,SAAS,EAAC,sBAAsB,KAC5B,KAAK,CAAC,cAAc,KACpB,KAAK,CAAC,cAAc,EACxB,KAAK,EACJ;wBACE,KAAK,CAAC,MAAM;wBACZ,SAAS,CAAC,CAAC,CAAC,KAAK,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,CACnC,GAEH,CACqB,CACE;QAC1B,OAAO,IAAI,CACX,oBAAC,iBAAiB,IACjB,OAAO,EAAE,KAAK,CAAC,cAAc,EAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACjC,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAC9B,CACF,CACC,CACH,CAAC,CAAC;IAEH,SAAS,OAAO;QACf,IAAI,MAAM,GAAmB,EAAE,CAAC;QAChC,IAAI,SAAS,EAAE,CAAC;YACf,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;QAChE,CAAC;QAED,IAAI,MAAM,EAAE,CAAC;YACZ,MAAM,CAAC,IAAI,CAAC;gBACX,CAAC,EAAE,YAAY;gBACf,CAAC,EAAE,GAAG;gBACN,CAAC,EAAE,KAAK;gBACR,EAAE,EAAE,MAAM;aACM,CAAC,CAAC;QACpB,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACb,MAAM,CAAC,IAAI,CAAC;gBACX,CAAC,EAAE,UAAU;gBACb,CAAC,EAAE,GAAG;gBACN,CAAC,EAAE,KAAK;gBACR,EAAE,EAAE,OAAO;aACX,CAAC,CAAC;QACJ,CAAC;QAED,OAAO,MAAM,CAAC;IACf,CAAC;AACF,CAAC,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEnE,eAAe,iBAAiB,CAAC"}

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

@@ -1,14 +1,104 @@
 :global {
-	.work-table-item-name {
-		background-color: transparent;
-		padding: 0;
-		cursor: pointer;
-		.document-name-content .document-name {
-			font-size: 14px;
-			color: #5d5d5d;
+	.work-table-card-header {
+		.work-status {
+			display: inline-block;
+			width: 9px;
+			height: 9px;
+			background: #e6e6e6;
+			border-radius: 50%;
+			margin-right: 9px;
+			&.new {
+				background: #c5e1ff;
+			}
+			&.active {
+				background: #b7ffc5;
+			}
+			&.rejected {
+				background: #ffb7b7;
+			}
+			&.closed {
+				background: #e0d339;
+			}
+			&.done {
+				background: #fcb7ff;
+			}
 		}
 	}
-	.work-status.work-table-status-label {
-		width: 95px !important;
+	.work-table-list-card {
+		.work-table-item-name {
+			background-color: transparent;
+			padding: 0;
+			cursor: pointer;
+			.document-name-content .document-name {
+				font-size: 14px;
+				color: #5d5d5d;
+			}
+		}
+		.work-table-item-name_2 {
+			color: #217eb2;
+			font-weight: bold;
+			text-decoration: underline;
+			cursor: pointer;
+			display: flex;
+			align-items: center;
+			span {
+				display: inline-block;
+				width: 9px;
+				height: 9px;
+				background: #e6e6e6;
+				border-radius: 50%;
+				margin-right: 9px;
+				&.new {
+					background: #c5e1ff;
+				}
+				&.active {
+					background: #b7ffc5;
+				}
+				&.rejected {
+					background: #ffb7b7;
+				}
+				&.closed {
+					background: #e0d339;
+				}
+				&.done {
+					background: #fcb7ff;
+				}
+			}
+		}
+		.work-status.work-table-status-label {
+			width: 95px !important;
+		}
+
+		.work-table-item-info {
+			color: #5d5d5d;
+			font-weight: 500;
+			padding: 1px 0;
+			cursor: pointer;
+			display: flex;
+			align-items: center;
+			.ant-avatar {
+				width: 30px;
+				height: 30px;
+				line-height: 28px;
+				border-radius: 2px;
+			}
+			.work-by-name {
+				flex: 1;
+				margin-left: 8px;
+			}
+		}
+
+		.work-table-item-tags {
+			.ant-tag {
+				height: auto;
+				min-height: 24px;
+				line-height: 18px;
+				white-space: normal;
+			}
+		}
+
+		.work-table-item-createDate {
+			line-height: 32px;
+		}
 	}
 }

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { IWork } from "../../../../data/work";
+import "./index.less";
+export type WorkListProps = {
+    /** types id of works shown on the list. */
+    typesId?: string;
+    /** 用于预选的 contact */
+    contact?: {
+        name: string;
+        id: string;
+    };
+    onChangeFilter?: (status: string) => void;
+    /** Call back when an item has been clicked on the list. */
+    onClickItem?: (item: IWork) => void;
+};
+declare const WorkTableListCardPage: (props: WorkListProps) => React.JSX.Element;
+export default WorkTableListCardPage;

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

@@ -0,0 +1,85 @@
+import React, { useState } from "react";
+import { useWorkType } from "../../../../data/worktype";
+import { observe } from "@voplus/morpho-ui";
+import { Button } from "antd";
+import { Scrollbars } from "react-custom-scrollbars-2";
+import { faBriefcase } from "@fortawesome/pro-solid-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import PageHeadDashboard from "@voplus/morpho-ui/es/components/layout/headers/PageHeadDashboard";
+import ListHeaderTool from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeaderTool";
+import { useWorkTypeListEffect } from "../../../../data/worktype";
+import WorkTableListCard from "../WorkTableListCard";
+import NewWorkForm from "../NewWorkForm";
+import { useParams } from "react-router-dom";
+import { State } from "./state";
+import classnames from "classnames";
+import "./index.less";
+const WorkTableListCardPage = (props) => {
+    const { typesId, contact } = props;
+    const [asideContext] = useState(AsideContent.createContext());
+    const workType = useWorkType(typesId);
+    const [draftTotal, setDraftTotal] = useState();
+    const [newTotal, setNewTotal] = useState();
+    const [activeTotal, setActiveTotal] = useState();
+    const [rejectedTotal, setRejectedTotal] = useState();
+    const [closedTotal, setClosedTotal] = useState();
+    const [doneTotal, setDoneTotal] = useState();
+    const [timer, setTimer] = useState();
+    const status = ["All", "Draft", "New", "Active", "Rejected", "Closed", "Done"];
+    const params = useParams();
+    const [state] = useState(new State(typesId, params.status));
+    const list = useCreateListDataState({}, []);
+    // 检查能不能 addAble
+    useWorkTypeListEffect(null, (result) => {
+        const workType = result.find((d) => d.id === typesId);
+        state.addAble = workType ? true : false;
+    }, {
+        Includes: "workspace",
+        Filters: [{ c: "Roles", o: "contains", l: "And", v1: JSON.stringify(["Requester"]) }],
+        Page: { Page: 1, PageSize: 300 },
+    });
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(AsideContent, { context: asideContext },
+            React.createElement("div", { className: "work-table-list-card-page" },
+                React.createElement(PageHeadDashboard, { headerType: "page", avatarIcon: React.createElement(FAIcon, { icon: faBriefcase }), title: (workType === null || workType === void 0 ? void 0 : workType.name) || "My Works", description: "Your tasks: prioritize and complete your work" }),
+                React.createElement(ListHeaderTool, { addAble: state.addAble, onAdd: () => asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(NewWorkForm, { typeId: typesId, contact: contact, showView: true }), {
+                        span: 12,
+                    }), sortable: false, searchHeader: true, searchOptions: {
+                        placeholder: "search in work list",
+                        onChange: onSearch,
+                    }, preExtra: () => (React.createElement(React.Fragment, null,
+                        React.createElement("div", { className: "work-status-btn" }, status.map((item) => (React.createElement(Button, { key: item, className: classnames({ active: state.active === item }), onClick: () => onChangeFilter(item) },
+                            item,
+                            " ",
+                            item === "Draft" && draftTotal ? `(${draftTotal})` : null,
+                            item === "New" && newTotal ? `(${newTotal})` : null,
+                            item === "Active" && activeTotal ? `(${activeTotal})` : null,
+                            item === "Rejected" && rejectedTotal ? `(${rejectedTotal})` : null,
+                            item === "Closed" && closedTotal ? `(${closedTotal})` : null,
+                            item === "Done" && doneTotal ? `(${doneTotal})` : null)))))) }),
+                React.createElement(Scrollbars, { autoHide: true },
+                    React.createElement("div", { className: classnames("content", { "item-card": state.active !== "All" }) },
+                        (state.active === "All" || state.active === "Draft") && (React.createElement(WorkTableListCard, { status: "Draft", ...state.cardProps, type: asideContext.asideContent ? "simple" : "details2", onWorkTotal: (total) => setDraftTotal(total) })),
+                        (state.active === "All" || state.active === "New") && (React.createElement(WorkTableListCard, { status: "New", ...state.cardProps, type: asideContext.asideContent ? "simple" : "details2", onWorkTotal: (total) => setNewTotal(total) })),
+                        (state.active === "All" || state.active === "Active") && (React.createElement(WorkTableListCard, { status: "Active", ...state.cardProps, type: asideContext.asideContent ? "simple" : "details2", onWorkTotal: (total) => setActiveTotal(total) })),
+                        (state.active === "All" || state.active === "Rejected") && (React.createElement(WorkTableListCard, { status: "Rejected", ...state.cardProps, type: asideContext.asideContent ? "simple" : "details2", onWorkTotal: (total) => setRejectedTotal(total) })),
+                        (state.active === "All" || state.active === "Closed") && (React.createElement(WorkTableListCard, { status: "Closed", ...state.cardProps, type: asideContext.asideContent ? "simple" : "details2", onWorkTotal: (total) => setClosedTotal(total) })),
+                        (state.active === "All" || state.active === "Done") && (React.createElement(WorkTableListCard, { status: "Done", ...state.cardProps, type: asideContext.asideContent ? "simple" : "details2", onWorkTotal: (total) => setDoneTotal(total) })))))))));
+    function onChangeFilter(item) {
+        var _a;
+        state.active = item;
+        (_a = props.onChangeFilter) === null || _a === void 0 ? void 0 : _a.call(props, item.charAt(0).toLowerCase() + item.slice(1));
+    }
+    function onSearch(val) {
+        if (timer)
+            clearTimeout(timer);
+        setTimer(setTimeout(() => {
+            state.searchVal = val;
+            setTimer(undefined);
+        }, 1000));
+    }
+};
+export default WorkTableListCardPage;
+//# sourceMappingURL=index.js.map

package/es/modules/work/components/WorkTableListCardPage/index.js.map

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