@voplus/morpho-workspace 6.1.74 → 6.1.76

package/es/modules/workspace/components/CreatedOrDisabledWorkspacesList/index.js.map

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

package/es/modules/workspace/components/MyWorkspaces/index.js

@@ -1,31 +1,47 @@
 import React, { useState } from "react";
-import NewWorkspaceDialog from "../NewWorkspaceDialog";
+import { observe } from "@voplus/morpho-ui";
 import { Scrollbars } from "react-custom-scrollbars-2";
-import WorkspaceCardList from "../WorkspaceIconList";
-import WorkspaceCardList2 from "../WorkspaceIconList2";
-import { faBriefcase } from "@fortawesome/pro-solid-svg-icons";
+import { faUser, faUsers, faPlus, faBan, faThLarge, } from "@fortawesome/pro-solid-svg-icons";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import PageHeadDashboard from "@voplus/morpho-ui/es/components/layout/headers/PageHeadDashboard";
+import CreatedOrDisabledWorkspacesList from "../CreatedOrDisabledWorkspacesList";
+import ResponsiveGridContainer from "@voplus/morpho-ui/es/controls/ResponsiveGrid/ResponsiveGridContainer";
+import AllNewHeaderLayout from "@voplus/morpho-ui/es/controls/ResponsiveGrid/AllNewHeaderLayout";
 import DefaultViewLayout from "@voplus/morpho-ui/es/components/layout/DefaultViewLayout";
-import { observe } from "@voplus/morpho-ui";
+import SharedWorkspacesList from "../SharedWorkspacesList";
+import NewWorkspaceDialog from "../NewWorkspaceDialog";
 import "./index.less";
 const MyWorkspaces = (props) => {
     /** 加class name 为了方便做integration tests */
     const classId = "workspaces-list";
     const [visible, setVisible] = useState(false);
-    return observe(() => (React.createElement(DefaultViewLayout, { className: "my-workSpaces", header: React.createElement(PageHeadDashboard, { avatarIcon: React.createElement(FAIcon, { icon: faBriefcase }), title: "My Workspaces", upAble: true, description: "Easy access on convenient shortcuts to your go-to folders" }) },
+    return observe(() => (React.createElement(DefaultViewLayout, { className: "my-workSpaces", header: React.createElement(AllNewHeaderLayout, { icon: faThLarge, title: "My Workspaces", subtitle: "Easy access on convenient shortcuts to your go-to folders" }) },
         React.createElement(Scrollbars, { autoHide: true },
-            React.createElement("div", { className: "workspace-lists" },
-                React.createElement("div", { className: "workspace-list" },
-                    React.createElement("h2", { className: "text-lg font-semibold text-gray-800 mb-3 mt-5" }, "Personal Created Workspaces"),
-                    React.createElement(WorkspaceCardList, { roles: true, addCard: true, WorkspaceStatus: "Active", onItemClick: props.onClickItem, className: classId + "-my" })),
-                React.createElement("div", { className: "workspace-list" },
-                    React.createElement("h2", { className: "text-lg font-semibold text-gray-800 mb-3 mt-5" }, "Workspace I have access"),
-                    React.createElement(WorkspaceCardList2, { onItemClick: props.onClickItem, className: classId + "-access" })),
-                React.createElement("div", { className: "workspace-list" },
-                    React.createElement("h2", { className: "text-lg font-semibold text-gray-800 mb-3 mt-5" }, "Disabled Workspaces"),
-                    React.createElement(WorkspaceCardList, { WorkspaceStatus: "Disabled", onItemClick: props.onClickItem, className: classId + "-disabled" }))),
-            visible && (React.createElement(NewWorkspaceDialog, { onCancel: () => setVisible(false), onSubmitSave: () => setVisible(false) }))))));
+            React.createElement(ResponsiveGridContainer, null, ({ cols }) => (React.createElement("div", { className: "space-y-8 w-full" },
+                React.createElement("div", { className: "animate-fade-in" },
+                    React.createElement("div", { className: "flex items-center justify-between mb-6" },
+                        React.createElement("h2", { className: "text-xl font-semibold text-slate-900 flex items-center gap-3" },
+                            React.createElement(FAIcon, { icon: faUser, className: "text-green-600" }),
+                            "Personal Created Workspaces"),
+                        React.createElement("button", { className: "text-green-600 hover:text-green-700 text-sm font-medium flex items-center gap-2 hover:bg-green-50 px-3 py-1.5 rounded-lg transition-colors", onClick: () => setVisible(true) },
+                            React.createElement(FAIcon, { icon: faPlus, className: "text-xs" }),
+                            "Create Workspace")),
+                    React.createElement("div", { className: "grid gap-6", style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` } },
+                        React.createElement(CreatedOrDisabledWorkspacesList, { className: classId + "-my", workspaceType: "Personal", onItemClick: props.onClickItem }))),
+                React.createElement("div", { className: "animate-fade-in" },
+                    React.createElement("div", { className: "flex items-center justify-between mb-6" },
+                        React.createElement("h2", { className: "text-xl font-semibold text-slate-900 flex items-center gap-3" },
+                            React.createElement(FAIcon, { icon: faUsers, className: "text-blue-600" }),
+                            "Shared Workspaces")),
+                    React.createElement("div", { className: "grid gap-6", style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` } },
+                        React.createElement(SharedWorkspacesList, { onItemClick: props.onClickItem, className: classId + "-access" }))),
+                React.createElement("div", { className: "animate-fade-in" },
+                    React.createElement("div", { className: "flex items-center justify-between mb-6" },
+                        React.createElement("h2", { className: "text-xl font-semibold text-slate-900 flex items-center gap-3" },
+                            React.createElement(FAIcon, { icon: faBan, className: "text-gray-400" }),
+                            "Disabled Workspaces")),
+                    React.createElement("div", { className: "grid gap-6", style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` } },
+                        React.createElement(CreatedOrDisabledWorkspacesList, { className: classId + "-disabled", workspaceType: "Disabled", onItemClick: props.onClickItem })))))),
+            visible && (React.createElement(NewWorkspaceDialog, { onCancel: () => setVisible(false), onSubmit: () => setVisible(false) }))))));
 };
 export default MyWorkspaces;
 //# sourceMappingURL=index.js.map

package/es/modules/workspace/components/MyWorkspaces/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/MyWorkspaces/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,iBAAiB,MAAM,kEAAkE,CAAC;AACjG,OAAO,iBAAiB,MAAM,0DAA0D,CAAC;AACzF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,MAAM,YAAY,GAAG,CAAC,KAMrB,EAAE,EAAE;IACJ,yCAAyC;IACzC,MAAM,OAAO,GAAG,iBAAiB,CAAC;IAClC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,iBAAiB,IACjB,SAAS,EAAC,eAAe,EACzB,MAAM,EACL,oBAAC,iBAAiB,IACjB,UAAU,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,WAAW,GAAI,EACzC,KAAK,EAAC,eAAe,EACrB,MAAM,QACN,WAAW,EAAC,2DAA2D,GACtE;QAGH,oBAAC,UAAU,IAAC,QAAQ;YACnB,6BAAK,SAAS,EAAC,iBAAiB;gBAC/B,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,4BAAI,SAAS,EAAC,+CAA+C,kCAExD;oBACL,oBAAC,iBAAiB,IACjB,KAAK,QACL,OAAO,QACP,eAAe,EAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,SAAS,EAAE,OAAO,GAAG,KAAK,GACzB,CACG;gBACN,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,4BAAI,SAAS,EAAC,+CAA+C,8BAExD;oBACL,oBAAC,kBAAkB,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,GAAI,CACjF;gBACN,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,4BAAI,SAAS,EAAC,+CAA+C,0BAAyB;oBACtF,oBAAC,iBAAiB,IACjB,eAAe,EAAC,UAAU,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,SAAS,EAAE,OAAO,GAAG,WAAW,GAC/B,CACG,CACD;YACL,OAAO,IAAI,CACX,oBAAC,kBAAkB,IAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GACpC,CACF,CACW,CACM,CACpB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/MyWorkspaces/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/workspace/components/MyWorkspaces/index.less

@@ -1,33 +1,9 @@
 :global {
 	.my-workSpaces {
-		height: 100%;
-
-		.workspace-lists {
-			padding: 10px 20px 20px 20px;
-		}
-
-		// display: flex;
-		// flex-direction: column;
-		.workspace-list {
-			flex: 1;
-			display: flex;
-			flex-direction: column;
-
-			.workspace-list-title {
-				// margin: 40px 0 16px 40px;
-				height: 26px;
-				font-size: 20px;
-				font-family: Microsoft YaHei;
-				font-weight: bold;
-				line-height: 26px;
-				color: #252525;
-				opacity: 1;
-			}
-		}
-
-		h3 {
-			padding: 10px 20px;
-			margin: 0;
+		.default-aside-content {
+			border: none;
+			box-shadow: none;
+			background: #f7f9fc;
 		}
 	}
 }

package/es/modules/workspace/components/NewWorkspaceDialog/index.d.ts

@@ -1,9 +1,6 @@
 import React from "react";
 declare const NewWorkspaceDialog: (props: {
-    parentId?: string;
-    className?: string;
-    showView?: boolean;
-    onSubmitSave?: (params?: any) => void;
     onCancel?: () => void;
+    onSubmit?: () => void;
 }) => React.JSX.Element;
 export default NewWorkspaceDialog;

package/es/modules/workspace/components/NewWorkspaceDialog/index.js

@@ -1,59 +1,49 @@
-import { Button, Form, Input, Row, Space, message } from "antd";
 import React, { useState } from "react";
-import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
-import Modal from "@voplus/morpho-ui/es/components/Modal";
 import { State } from "./state";
-import WorkspacePropertiesView from "../WorkspacePropertiesView";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
 import { runInAction } from "mobx";
-import styles from "./index.less";
+import { observe } from "@voplus/morpho-ui";
+import { Form, Input, message } from "antd";
 import { useApplicationContext } from "@voplus/morpho-data";
-import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
 import { useWorkspaceStore } from "../../../../data/workspace";
+import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
+import WorkspacePropertiesView from "../WorkspacePropertiesView";
+import Modal from "@voplus/morpho-ui/es/components/Modal";
 const NewWorkspaceDialog = (props) => {
     const workspaces = useWorkspaceStore();
     const [state] = useState(new State());
     const { user } = useApplicationContext();
     const asideContext = useAsideContentContext();
-    return observe(() => (React.createElement(Modal, { title: "New WorkSpace", open: true, destroyOnClose: true, 
-        // closable={false}
-        footer: null, className: classnames(styles["new-workspace-form"], props.className), onCancel: props.onCancel },
+    return observe(() => (React.createElement(Modal, { title: "New WorkSpace", open: true, destroyOnClose: true, okText: "Submit", loading: !!state.loading, onCancel: onCancel, onOk: onSubmit },
         React.createElement("div", null,
             React.createElement(Form, { layout: "vertical" },
-                React.createElement(React.Fragment, null,
-                    React.createElement(Form.Item, { label: "Title for your workspaces" },
-                        React.createElement(Input, { variant: "borderless", autoFocus: true, value: state.params.Name, onChange: (e) => runInAction(() => (state.params.Name = e.target.value)) })),
-                    React.createElement(Form.Item, { label: "Members" },
-                        React.createElement(AvatarList, { organizationId: user.info.organizationId, multiple: true, buttonText: "Ok", onChange: (ids) => (state.params.MemberIds = ids) })),
-                    React.createElement(Row, { justify: "end" },
-                        React.createElement(Space, null,
-                            React.createElement(Button, { size: "large", className: "btn-cancel", onClick: onCancel }, "Cancel"),
-                            React.createElement(Button, { size: "large", type: "primary", loading: !!state.loading, onClick: onSubmit }, "Submit")))))))));
+                React.createElement(Form.Item, { label: "Title for your workspaces" },
+                    React.createElement(Input, { autoFocus: true, value: state.params.Name, onChange: (e) => runInAction(() => (state.params.Name = e.target.value)) })),
+                React.createElement(Form.Item, { label: "Members" },
+                    React.createElement(AvatarList, { organizationId: user.info.organizationId, multiple: true, buttonText: "Ok", onChange: (ids) => (state.params.MemberIds = ids) })))))));
     async function onSubmit() {
-        if (!state.params.Name)
-            return message.warning("Title is required");
+        var _a;
+        if (!state.params.Name) {
+            message.warning("Title is required");
+            return;
+        }
         runInAction(() => (state.loading = true));
         const res = await workspaces.create({
-            data: { ...state.params, ParentId: props.parentId },
+            data: state.params,
             error: "message",
         });
         runInAction(() => {
             state.loading = false;
             state.params = state.Params;
         });
-        if (props.onSubmitSave)
-            props.onSubmitSave(state.params);
-        if (props.showView)
-            return asideContext.openAside(React.createElement(WorkspacePropertiesView, { id: res.id }), { span: 12 });
+        asideContext.openAside(React.createElement(WorkspacePropertiesView, { id: res.id }), { span: 12 });
+        (_a = props.onSubmit) === null || _a === void 0 ? void 0 : _a.call(props);
     }
     // cancel add workspaces
     function onCancel() {
+        var _a;
         state.params = state.Params;
-        if (props.showView)
-            return asideContext.closeAside();
-        if (props.onCancel)
-            props.onCancel();
+        (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
     }
 };
 export default NewWorkspaceDialog;

package/es/modules/workspace/components/NewWorkspaceDialog/index.js.map

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

package/es/modules/workspace/components/{WorkspaceIconList2 → SharedWorkspacesList}/index.js

@@ -6,8 +6,6 @@ import { State } from "./state";
 import WorkspacePropertiesView from "../WorkspacePropertiesView";
 import { observe, useAsideContentContext } from "@voplus/morpho-ui";
 import WorkspaceIcon from "../WorkspaceIcon";
-import classnames from "classnames";
-import styles from "../WorkspaceIconList/index.less";
 /** A workspace list view shows workspace in card style.
  * Worksapce I have access 显示的list，以后会删掉，以后还是用回WorkspaceCardList组件
  * 因后台的filter还没好，先用笨方法filter，先做好一个能用的测试版
@@ -41,10 +39,8 @@ const WorkspaceIconList = (props) => {
     });
     return observe(() => {
         var _a, _b;
-        return (React.createElement(ListDataContext.Provider, { value: list },
-            React.createElement("div", { className: styles["workspace-list-view"] },
-                React.createElement("div", { className: classnames("workspace-card-list grid", { "col-2": asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent }, props.className) }, ((_a = state.list) === null || _a === void 0 ? void 0 : _a.length) ? ((_b = state.list) === null || _b === void 0 ? void 0 : _b.map((i, index) => (React.createElement(React.Fragment, { key: i.id },
-                    React.createElement(WorkspaceIcon, { id: i.id === "0" ? "" : i.id, active: active === i.id, index: index, onClick: () => onItemClick(i) }))))) : (React.createElement(Empty, { className: "empty-style" }))))));
+        return (React.createElement(ListDataContext.Provider, { value: list }, ((_a = state.list) === null || _a === void 0 ? void 0 : _a.length) ? ((_b = state.list) === null || _b === void 0 ? void 0 : _b.map((i, index) => (React.createElement(React.Fragment, { key: i.id },
+            React.createElement(WorkspaceIcon, { id: i.id === "0" ? "" : i.id, active: active === i.id, index: index, onClick: () => onItemClick(i) }))))) : (React.createElement(Empty, { className: "empty-style" }))));
     });
     function onItemClick(item) {
         var _a;

package/es/modules/workspace/components/SharedWorkspacesList/index.js.map

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

package/es/modules/workspace/components/SharedWorkspacesList/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/SharedWorkspacesList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIpE,MAAM,OAAO,KAAK;IAIjB;QAHmB;;;;;WAAsB;QACtB;;;;;WAAwB;QAG1C,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAGD,IAAW,IAAI;QACd,IAAI,KAAK,GAAiB,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAChE,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACvD,CAAC;QACD,OAAO,KAAK,CAAC;IACd,CAAC;IAED,WAAW;IACI,UAAU,CAAC,CAAe,EAAE,CAAe;QACzD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACnC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;oBACxB,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;oBACf,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBACX,CAAC;YACF,CAAC;QACF,CAAC;QACD,OAAO,CAAC,CAAC;IACV,CAAC;CACD;AA5BmB;IAAlB,UAAU;sCAA8B;AACtB;IAAlB,UAAU;wCAAgC;AAO3C;IADC,QAAQ;iCAOR;AAGc;IAAd,MAAM;uCAUN"}

package/es/modules/workspace/components/WorkspaceIcon/index.d.ts

@@ -3,8 +3,6 @@ import "./index.less";
 declare const WorkspaceIcon: (props: {
     id?: string;
     index?: number;
-    size?: "large" | "middle" | "small";
-    /** Workspace Card 显示选中时的样式 */
     active?: boolean;
     onClick?: () => void;
 }) => React.JSX.Element;

package/es/modules/workspace/components/WorkspaceIcon/index.js

@@ -1,29 +1,19 @@
 import React from "react";
-import { Badge } from "antd";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { faCalendar, faFile } from "@fortawesome/pro-regular-svg-icons";
-import UTCShortDate from "@voplus/morpho-ui/es/controls/UTCShortDate";
 import { observe } from "@voplus/morpho-ui";
+import { faFile } from "@fortawesome/pro-regular-svg-icons";
 import { useWorkspace } from "../../../../data/workspace";
+import CommonCard, { colorList } from "@voplus/morpho-ui/es/controls/ResponsiveGrid/GridCard";
+import UTCShortDate from "@voplus/morpho-ui/es/controls/UTCShortDate";
 import classnames from "classnames";
 import "./index.less";
 const WorkspaceIcon = (props) => {
-    const { id, active } = props;
+    const { id, active, index = 0 } = props;
     const workspace = useWorkspace(id);
     return observe(() => {
-        var _a;
-        return (React.createElement("div", { className: classnames("workspace-item bg-white border border-gray-200 px-3 py-4 hover:shadow-md transition-shadow cursor-pointer", { "shadow-md": active }), onClick: props.onClick },
-            React.createElement("div", { className: "flex gap-5" },
-                React.createElement("div", { className: "bg-blue-100 rounded-lg flex items-center justify-center item-icon" },
-                    React.createElement(FAIcon, { icon: faFile })),
-                React.createElement("div", { className: "flex-1 workspace-info" },
-                    React.createElement("div", { className: "workspace-name truncate" }, (workspace === null || workspace === void 0 ? void 0 : workspace.name) || "New WorkSpace"),
-                    React.createElement("div", { className: "flex items-center workspace-date" },
-                        React.createElement(FAIcon, { icon: faCalendar }),
-                        "Created on ",
-                        React.createElement(UTCShortDate, { value: workspace === null || workspace === void 0 ? void 0 : workspace.createDate, format: "DD MMM YYYY" })),
-                    React.createElement("div", { className: "detail" }, "Visit 15 mins before")),
-                React.createElement(Badge, { count: (_a = workspace === null || workspace === void 0 ? void 0 : workspace.stats) === null || _a === void 0 ? void 0 : _a.activeWorks, className: "site-badge-count" }))));
+        var _a, _b;
+        return (React.createElement(CommonCard, { icon: faFile, iconColor: colorList[index % colorList.length].text, iconBg: colorList[index % colorList.length].bg, title: workspace === null || workspace === void 0 ? void 0 : workspace.name, rightText: ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.stats) === null || _a === void 0 ? void 0 : _a.activeWorks) ? (React.createElement("span", { className: classnames("inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium", colorList[index % colorList.length].text, colorList[index % colorList.length].bg) }, (_b = workspace === null || workspace === void 0 ? void 0 : workspace.stats) === null || _b === void 0 ? void 0 : _b.activeWorks)) : null, tag: React.createElement("span", { className: "text-xs text-slate-500" },
+                "Created on ",
+                React.createElement(UTCShortDate, { value: workspace === null || workspace === void 0 ? void 0 : workspace.createDate, format: "DD MMM YYYY" })), active: active, onClick: props.onClick }));
     });
 };
 export default WorkspaceIcon;

package/es/modules/workspace/components/WorkspaceIcon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/WorkspaceIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,YAAY,MAAM,4CAA4C,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,cAAc,CAAC;AAEtB,MAAM,aAAa,GAAG,CAAC,KAOtB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC7B,MAAM,SAAS,GAAG,YAAY,CAAC,EAAG,CAAC,CAAC;IAEpC,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,6BACC,SAAS,EAAE,UAAU,CACpB,2GAA2G,EAC3G,EAAE,WAAW,EAAE,MAAM,EAAE,CACvB,EACD,OAAO,EAAE,KAAK,CAAC,OAAO;YAEtB,6BAAK,SAAS,EAAC,YAAY;gBAC1B,6BAAK,SAAS,EAAC,mEAAmE;oBACjF,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CACnB;gBACN,6BAAK,SAAS,EAAC,uBAAuB;oBACrC,6BAAK,SAAS,EAAC,yBAAyB,IAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,KAAI,eAAe,CAAO;oBACnF,6BAAK,SAAS,EAAC,kCAAkC;wBAChD,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,GAAI;;wBACjB,oBAAC,YAAY,IAAC,KAAK,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,EAAE,MAAM,EAAC,aAAa,GAAG,CACzE;oBACN,6BAAK,SAAS,EAAC,QAAQ,2BAA2B,CAC7C;gBACN,oBAAC,KAAK,IAAC,KAAK,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,0CAAE,WAAW,EAAE,SAAS,EAAC,kBAAkB,GAAG,CACvE,CACD,CACN,CAAA;KAAA,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/WorkspaceIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,UAAU,EAAE,EAAE,SAAS,EAAE,MAAM,uDAAuD,CAAC;AAC9F,OAAO,YAAY,MAAM,4CAA4C,CAAC;AACtE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,cAAc,CAAC;AAEtB,MAAM,aAAa,GAAG,CAAC,KAKtB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,SAAS,GAAG,YAAY,CAAC,EAAG,CAAC,CAAC;IAEpC,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,oBAAC,UAAU,IACV,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,EACnD,MAAM,EAAE,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,EAC9C,KAAK,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EACtB,SAAS,EACR,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,0CAAE,WAAW,EAAC,CAAC,CAAC,CAC/B,8BACC,SAAS,EAAE,UAAU,CACpB,uEAAuE,EACvE,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,EACxC,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,CACtC,IAEA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,0CAAE,WAAW,CACxB,CACP,CAAC,CAAC,CAAC,IAAI,EAET,GAAG,EACF,8BAAM,SAAS,EAAC,wBAAwB;;gBAC5B,oBAAC,YAAY,IAAC,KAAK,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,EAAE,MAAM,EAAC,aAAa,GAAG,CACxE,EAER,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,KAAK,CAAC,OAAO,GACrB,CACF,CAAA;KAAA,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/modules/workspace/components/WorkspaceIcon/index.less

@@ -1,139 +1,134 @@
-@import "~@voplus/morpho-theme/styles/index.less";
+:global {
+	/* Color variant classes for workspace cards */
+	.icon-blue {
+		background-color: #dbeafe;
+	}
+	.icon-blue i {
+		color: #2563eb;
+	}
+	.badge-blue {
+		background-color: #dbeafe;
+		color: #1e40af;
+	}
 
-.work-space-type-card {
-	:global {
-		.diamond-common-style {
-			width: 140px;
-			display: flex;
-			flex-flow: column;
-			align-items: center;
-			border-radius: @border-radius;
-			padding: 15px 8px;
-			background: transparent;
-			position: relative;
+	.icon-green {
+		background-color: #dcfce7;
+	}
+	.icon-green i {
+		color: #16a34a;
+	}
+	.badge-green {
+		background-color: #dcfce7;
+		color: #166534;
+	}
 
-			&:hover {
-				background: #f1f1f1;
-			}
+	.icon-purple {
+		background-color: #f3e8ff;
+	}
+	.icon-purple i {
+		color: #9333ea;
+	}
+	.badge-purple {
+		background-color: #f3e8ff;
+		color: #7c3aed;
+	}
 
-			&.active {
-				background: #f1f1f1;
-			}
+	.icon-indigo {
+		background-color: #e0e7ff;
+	}
+	.icon-indigo i {
+		color: #4f46e5;
+	}
+	.badge-indigo {
+		background-color: #e0e7ff;
+		color: #3730a3;
+	}
 
-			.site-badge-count {
-				position: absolute;
-				vertical-align: middle;
-				right: 10px;
-				top: 10px;
+	.icon-teal {
+		background-color: #ccfbf1;
+	}
+	.icon-teal i {
+		color: #0d9488;
+	}
+	.badge-teal {
+		background-color: #ccfbf1;
+		color: #134e4a;
+	}
 
-				& > .ant-badge-count {
-					background-color: #fff !important;
-					border: none;
-					box-shadow: @badge-hover-shadow;
-					min-width: 22px !important;
-					height: 22px !important;
-					line-height: 20px !important;
-					color: @ant-badge-color !important;
-					border-radius: 11px !important;
-				}
-			}
+	.icon-rose {
+		background-color: #ffe4e6;
+	}
+	.icon-rose i {
+		color: #e11d48;
+	}
+	.badge-rose {
+		background-color: #ffe4e6;
+		color: #9f1239;
+	}
 
-			.diamond-icon {
-				width: 100px;
-				height: 100px;
-				font-size: 24px;
-				color: @white;
-				background: #469cff;
-				border-radius: @border-radius;
-				border: solid 1px @white;
-				display: flex;
-				justify-content: center;
-				align-items: center;
+	.icon-emerald {
+		background-color: #d1fae5;
+	}
+	.icon-emerald i {
+		color: #059669;
+	}
+	.badge-emerald {
+		background-color: #d1fae5;
+		color: #064e3b;
+	}
 
-				.diamond-icon-fa {
-					width: 31px;
-					height: 40px;
-					opacity: 1;
-				}
-			}
+	.icon-amber {
+		background-color: #fef3c7;
+	}
+	.icon-amber i {
+		color: #d97706;
+	}
+	.badge-amber {
+		background-color: #fef3c7;
+		color: #92400e;
+	}
 
-			.new-workspace-icon {
-				color: #bdb9b9;
-				background: @white !important;
-				border: dashed 1px #bdb9b9;
-			}
+	.icon-cyan {
+		background-color: #cffafe;
+	}
+	.icon-cyan i {
+		color: #0891b2;
+	}
+	.badge-cyan {
+		background-color: #cffafe;
+		color: #164e63;
+	}
 
-			.diamond-name {
-				// width: 100%;
-				max-width: 100px;
-				text-align: center;
-				display: -webkit-box;
-				-webkit-box-orient: vertical;
-				-webkit-line-clamp: 2;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				height: 38px;
-				font-size: @font-size-base;
-				font-family: Microsoft YaHei;
-				font-weight: bold;
-				line-height: 19px;
-				margin-top: 16px;
-				color: #67696d;
-				opacity: 1;
-			}
-		}
+	.icon-violet {
+		background-color: #ede9fe;
+	}
+	.icon-violet i {
+		color: #7c3aed;
+	}
+	.badge-violet {
+		background-color: #ede9fe;
+		color: #5b21b6;
 	}
-}
 
-:global {
-	.workspace-item {
-		font-size: 14px;
-		font-weight: 500;
-		border-radius: 5px;
-		/*   其中 48 为间隙的中和  */
-		width: calc((100% - 48px) / 4);
-		margin: 0 16px 16px 0;
-		&:nth-child(4n) {
-			margin-right: 0;
-		}
+	.icon-orange {
+		background-color: #fed7aa;
+	}
+	.icon-orange i {
+		color: #ea580c;
+	}
+	.badge-orange {
+		background-color: #fed7aa;
+		color: #9a3412;
+	}
 
-		.workspace-info {
-			flex: 1;
-			overflow: hidden;
-			white-space: nowrap;
-			text-overflow: ellipsis;
-		}
-		.item-icon {
-			width: 62px;
-			height: 62px;
-			font-size: 27px;
-			color: @purple-primary-color;
-		}
-		.workspace-name {
-			color: #5d5d5d;
-			line-height: 19px;
-			font-weight: bold;
-			margin-bottom: 5px;
-		}
-		.workspace-date {
-			color: #868686;
-			line-height: 19px;
-			margin-bottom: 3px;
-			svg {
-				margin-right: 5px;
-			}
-			span {
-				margin-left: 5px;
-			}
-		}
-		.detail {
-			color: #cbcbcb;
-		}
-		.ant-badge .ant-badge-count {
-			height: 18px;
-			line-height: 18px;
-			border-radius: 6px;
-			background: @purple-primary-color;
-		}
+	.icon-pink {
+		background-color: #fce7f3;
+	}
+	.icon-pink i {
+		color: #db2777;
+	}
+	.badge-pink {
+		background-color: #fce7f3;
+		color: #831843;
 	}
 }

package/es/modules/workspace/pages/WorkspaceDefaultView/index.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import "./index.less";
 declare const WorkspaceDefaultView: (props: {
     id: string;
 }) => React.JSX.Element;