@voplus/morpho-workspace 6.1.49 → 6.1.51

package/es/modules/workspace/components/MyWorkspaces/index copy.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { IWorkspace } from "../../../../data/workspace";
+import "./index.less";
+declare const MyWorkspaces: (props: {
+    parentId?: string;
+    /** The current active item */
+    active?: string;
+    /** Call back when an item has been clicked on the list. */
+    onClickItem?: (item: IWorkspace) => void;
+}) => React.JSX.Element;
+export default MyWorkspaces;

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

@@ -0,0 +1,40 @@
+import React, { useState } from "react";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import NewWorkspaceDialog from "../NewWorkspaceDialog";
+import { Scrollbars } from "react-custom-scrollbars-2";
+import WorkspaceCardList from "../WorkspaceIconList";
+import WorkspaceCardList2 from "../WorkspaceIconList2";
+import WorkspacePropertiesView from "../WorkspacePropertiesView";
+import { observe } from "@voplus/morpho-ui";
+import "./index.less";
+const MyWorkspaces = (props) => {
+    /** 加class name 为了方便做integration tests */
+    const classId = "workspaces-list";
+    const [asideContext] = useState(AsideContent.createContext());
+    const [visible, setVisible] = useState(false);
+    return observe(() => (React.createElement(AsideContent, { context: asideContext },
+        React.createElement("div", { className: "my-workSpaces" },
+            React.createElement(Scrollbars, { autoHide: true },
+                React.createElement("div", { className: "workspace-list" },
+                    React.createElement("span", { className: "workspace-list-title" }, "My WorkSpaces"),
+                    React.createElement(WorkspaceCardList, { roles: true, addCard: true, WorkspaceStatus: "Active", onItemClick: onItemClick, className: classId + "-my" })),
+                React.createElement("div", { className: "workspace-list" },
+                    React.createElement("span", { className: "workspace-list-title" }, "Worksapce I have access"),
+                    React.createElement(WorkspaceCardList2, { onItemClick: onItemClick, className: classId + "-access" })),
+                React.createElement("div", { className: "workspace-list" },
+                    React.createElement("span", { className: "workspace-list-title" }, "Disabled Workspaces"),
+                    React.createElement(WorkspaceCardList, { WorkspaceStatus: "Disabled", onItemClick: onItemClick, className: classId + "-disabled" })),
+                visible && (React.createElement(NewWorkspaceDialog, { onCancel: () => setVisible(false), onSubmitSave: () => setVisible(false) })))))));
+    function onItemClick(item) {
+        var _a;
+        if (item.id !== "0") {
+            asideContext.openAside(React.createElement(WorkspacePropertiesView, { id: item.id }), { span: 12 });
+        }
+        else {
+            setVisible(true);
+        }
+        (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, item);
+    }
+};
+export default MyWorkspaces;
+//# sourceMappingURL=index%20copy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index copy.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/MyWorkspaces/index copy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAE/E,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,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,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,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;QAClC,6BAAK,SAAS,EAAC,eAAe;YAC7B,oBAAC,UAAU,IAAC,QAAQ;gBACnB,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,8BAAM,SAAS,EAAC,sBAAsB,oBAAqB;oBAC3D,oBAAC,iBAAiB,IACjB,KAAK,QACL,OAAO,QACP,eAAe,EAAC,QAAQ,EACxB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,OAAO,GAAG,KAAK,GACzB,CACG;gBACN,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,8BAAM,SAAS,EAAC,sBAAsB,8BAA+B;oBACrE,oBAAC,kBAAkB,IAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,GAAI,CAC3E;gBACN,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,8BAAM,SAAS,EAAC,sBAAsB,0BAA2B;oBACjE,oBAAC,iBAAiB,IACjB,eAAe,EAAC,UAAU,EAC1B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,OAAO,GAAG,WAAW,GAC/B,CACG;gBACL,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,CACR,CACQ,CACf,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,IAAgB;;QACpC,IAAI,IAAI,CAAC,EAAE,KAAK,GAAG,EAAE,CAAC;YACrB,YAAY,CAAC,SAAS,CAAC,oBAAC,uBAAuB,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;QAChF,CAAC;aAAM,CAAC;YACP,UAAU,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QACD,MAAA,KAAK,CAAC,WAAW,sDAAG,IAAI,CAAC,CAAC;IAC3B,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,40 +1,31 @@
 import React, { useState } from "react";
-import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
 import NewWorkspaceDialog from "../NewWorkspaceDialog";
 import { Scrollbars } from "react-custom-scrollbars-2";
 import WorkspaceCardList from "../WorkspaceIconList";
 import WorkspaceCardList2 from "../WorkspaceIconList2";
-import WorkspacePropertiesView from "../WorkspacePropertiesView";
+import { faBriefcase } 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 DefaultViewLayout from "@voplus/morpho-ui/es/components/layout/DefaultViewLayout";
 import { observe } from "@voplus/morpho-ui";
 import "./index.less";
 const MyWorkspaces = (props) => {
     /** 加class name 为了方便做integration tests */
     const classId = "workspaces-list";
-    const [asideContext] = useState(AsideContent.createContext());
     const [visible, setVisible] = useState(false);
-    return observe(() => (React.createElement(AsideContent, { context: asideContext },
-        React.createElement("div", { className: "my-workSpaces" },
-            React.createElement(Scrollbars, { autoHide: true },
+    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" }) },
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement("div", { className: "workspace-lists" },
                 React.createElement("div", { className: "workspace-list" },
-                    React.createElement("span", { className: "workspace-list-title" }, "My WorkSpaces"),
-                    React.createElement(WorkspaceCardList, { roles: true, addCard: true, WorkspaceStatus: "Active", onItemClick: onItemClick, className: classId + "-my" })),
+                    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("span", { className: "workspace-list-title" }, "Worksapce I have access"),
-                    React.createElement(WorkspaceCardList2, { onItemClick: onItemClick, className: classId + "-access" })),
+                    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("span", { className: "workspace-list-title" }, "Disabled Workspaces"),
-                    React.createElement(WorkspaceCardList, { WorkspaceStatus: "Disabled", onItemClick: onItemClick, className: classId + "-disabled" })),
-                visible && (React.createElement(NewWorkspaceDialog, { onCancel: () => setVisible(false), onSubmitSave: () => setVisible(false) })))))));
-    function onItemClick(item) {
-        var _a;
-        if (item.id !== "0") {
-            asideContext.openAside(React.createElement(WorkspacePropertiesView, { id: item.id }), { span: 12 });
-        }
-        else {
-            setVisible(true);
-        }
-        (_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, item);
-    }
+                    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) }))))));
 };
 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;AACxC,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAE/E,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,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,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,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;QAClC,6BAAK,SAAS,EAAC,eAAe;YAC7B,oBAAC,UAAU,IAAC,QAAQ;gBACnB,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,8BAAM,SAAS,EAAC,sBAAsB,oBAAqB;oBAC3D,oBAAC,iBAAiB,IACjB,KAAK,QACL,OAAO,QACP,eAAe,EAAC,QAAQ,EACxB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,OAAO,GAAG,KAAK,GACzB,CACG;gBACN,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,8BAAM,SAAS,EAAC,sBAAsB,8BAA+B;oBACrE,oBAAC,kBAAkB,IAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,GAAI,CAC3E;gBACN,6BAAK,SAAS,EAAC,gBAAgB;oBAC9B,8BAAM,SAAS,EAAC,sBAAsB,0BAA2B;oBACjE,oBAAC,iBAAiB,IACjB,eAAe,EAAC,UAAU,EAC1B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,OAAO,GAAG,WAAW,GAC/B,CACG;gBACL,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,CACR,CACQ,CACf,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,IAAgB;;QACpC,IAAI,IAAI,CAAC,EAAE,KAAK,GAAG,EAAE,CAAC;YACrB,YAAY,CAAC,SAAS,CAAC,oBAAC,uBAAuB,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;QAChF,CAAC;aAAM,CAAC;YACP,UAAU,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QACD,MAAA,KAAK,CAAC,WAAW,sDAAG,IAAI,CAAC,CAAC;IAC3B,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"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"}

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

@@ -1,7 +1,10 @@
 :global {
 	.my-workSpaces {
 		height: 100%;
-		background-color: #f5f9fc;
+
+		.workspace-lists {
+			padding: 10px 20px 20px 20px;
+		}
 
 		// display: flex;
 		// flex-direction: column;
@@ -11,7 +14,7 @@
 			flex-direction: column;
 
 			.workspace-list-title {
-				margin: 40px 0 16px 40px;
+				// margin: 40px 0 16px 40px;
 				height: 26px;
 				font-size: 20px;
 				font-family: Microsoft YaHei;

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

@@ -0,0 +1,6 @@
+import React from "react";
+import "./index.less";
+declare const NewIcon: (props: {
+    onClick?: () => void;
+}) => React.JSX.Element;
+export default NewIcon;

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { faPlus } from "@fortawesome/pro-solid-svg-icons";
+import "./index.less";
+const NewIcon = (props) => {
+    return observe(() => (React.createElement("div", { className: "bg-white border border-gray-200 rounded-lg p-4 hover:shadow-md transition-shadow cursor-pointer new-workspace-icon", onClick: props.onClick },
+        React.createElement("div", { className: "flex items-center justify-center new-icon" },
+            React.createElement(FAIcon, { icon: faPlus })))));
+};
+export default NewIcon;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/NewIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,cAAc,CAAC;AAEtB,MAAM,OAAO,GAAG,CAAC,KAA+B,EAAE,EAAE;IACnD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BACC,SAAS,EAAC,oHAAoH,EAC9H,OAAO,EAAE,KAAK,CAAC,OAAO;QAEtB,6BAAK,SAAS,EAAC,2CAA2C;YACzD,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CACnB,CACD,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,17 @@
+:global {
+	.new-workspace-icon {
+		border-radius: 5px;
+		width: 96px;
+		display: flex;
+		margin: 0 16px 16px 0;
+		.new-icon {
+			margin: auto;
+			font-size: 25px;
+			width: 60px;
+			height: 60px;
+			border-radius: 8px;
+			color: #868686;
+			background: #f9f9f9;
+		}
+	}
+}

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

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

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

@@ -1,25 +1,29 @@
 import React from "react";
 import { Badge } from "antd";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { faFileAlt } from "@fortawesome/pro-regular-svg-icons";
-import { faPlus } from "@fortawesome/pro-light-svg-icons";
+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 { useWorkspace } from "../../../../data/workspace";
-import Card from "@voplus/morpho-ui/es/controls/Card";
 import classnames from "classnames";
-import styles from "./index.less";
-const colorList = ["#469CFF", "#FFCA61", "#EE6868", "#18BD85", "#7661E2", "#F78A70"];
+import "./index.less";
 const WorkspaceIcon = (props) => {
     const { id, active } = props;
     const workspace = useWorkspace(id);
     return observe(() => {
         var _a;
-        return (React.createElement("div", { className: styles["work-space-type-card"] },
-            React.createElement(Card, { className: classnames("diamond-common-style", { active: active }), padding: "15px 12px", shadow: false, hoverShadow: false },
-                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" }),
-                React.createElement("div", { className: classnames("diamond-icon", { "new-workspace-icon": !id }) },
-                    React.createElement(FAIcon, { icon: id ? faFileAlt : faPlus, className: "diamond-icon-fa" })),
-                React.createElement("div", { className: "diamond-name" }, (workspace === null || workspace === void 0 ? void 0 : workspace.name) || "New WorkSpace"))));
+        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" }))));
     });
 };
 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,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,IAAI,MAAM,oCAAoC,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAErF,MAAM,aAAa,GAAG,CAAC,KAMtB,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,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC7C,oBAAC,IAAI,IACJ,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EACjE,OAAO,EAAC,WAAW,EACnB,MAAM,EAAE,KAAK,EACb,WAAW,EAAE,KAAK;gBAElB,oBAAC,KAAK,IAAC,KAAK,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,0CAAE,WAAW,EAAE,SAAS,EAAC,kBAAkB,GAAG;gBAC5E,6BACC,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,EAAE,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC;oBAGpE,oBAAC,MAAM,IAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAChE;gBACN,6BAAK,SAAS,EAAC,cAAc,IAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,KAAI,eAAe,CAAO,CAClE,CACF,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,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"}

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

@@ -84,3 +84,55 @@
 		}
 	}
 }
+
+: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;
+		}
+
+		.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;
+		}
+	}
+}

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

@@ -2,14 +2,19 @@ import React, { useState } from "react";
 import { useWorkspaceListEffect } from "../../../../data/workspace";
 import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
 import { Empty } from "antd";
-import { observe, useRenderOnChange } from "@voplus/morpho-ui";
+import { observe, useRenderOnChange, useAsideContentContext } from "@voplus/morpho-ui";
 import { useAutoUpdateListData } from "../../../../data/workspace/workspace-events";
+import WorkspacePropertiesView from "../WorkspacePropertiesView";
+import NewWorkspaceDialog from "../NewWorkspaceDialog";
+import NewIcon from "../NewIcon";
 import WorkspaceIcon from "../WorkspaceIcon";
 import styles from "./index.less";
 import classnames from "classnames";
 // import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
 /** A workspace list view shows workspace in card style. */
 const WorkspaceIconList = (props) => {
+    const asideContext = useAsideContentContext();
+    const [visible, setVisible] = useState(false);
     const [active, setActive] = useState(null);
     /** 建立 ListView 和useWorkspaceListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
     const list = useCreateListDataState({
@@ -29,8 +34,8 @@ const WorkspaceIconList = (props) => {
     useAutoUpdateListData(list, (d) => true);
     return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
         React.createElement("div", { className: styles["workspace-list-view"] },
-            React.createElement("div", { className: classnames("workspace-card-list", props.className) }, list.data.length ? (list.data.map((i, index) => (React.createElement("div", { key: i.id, onClick: () => onItemClick(i) },
-                React.createElement(WorkspaceIcon, { id: i.id === "0" ? "" : i.id, active: active === i.id, index: index }))))) : (React.createElement(Empty, { className: "empty-style" })))))));
+            React.createElement("div", { className: classnames("workspace-card-list grid", { "col-2": asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent }, props.className) }, list.data.length ? (list.data.map((i, index) => (React.createElement(React.Fragment, { key: i.id }, i.id === "0" ? (React.createElement(NewIcon, { onClick: () => onItemClick(i) })) : (React.createElement(WorkspaceIcon, { id: i.id === "0" ? "" : i.id, active: active === i.id, index: index, onClick: () => onItemClick(i) })))))) : (React.createElement(Empty, { className: "empty-style" }))),
+            visible && (React.createElement(NewWorkspaceDialog, { onCancel: () => setVisible(false), onSubmitSave: () => setVisible(false) }))))));
     function filters() {
         const filter = [];
         if (props.roles) {
@@ -47,6 +52,12 @@ const WorkspaceIconList = (props) => {
     function onItemClick(item) {
         var _a;
         setActive(item.id);
+        if (item.id !== "0") {
+            asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(WorkspacePropertiesView, { id: item.id }), { span: 12 });
+        }
+        else {
+            setVisible(true);
+        }
         (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, item);
     }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/WorkspaceIconList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAc,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAE7B,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AACpF,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,qFAAqF;AAErF,2DAA2D;AAC3D,MAAM,iBAAiB,GAAG,CAAC,KAU1B,EAAE,EAAE;IACJ,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1D,mFAAmF;IACnF,MAAM,IAAI,GAAG,sBAAsB,CAClC;QACC,cAAc,EAAE;YACf,OAAO,EAAE,OAAO,EAAE;YAClB,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE;SAChC;KACD,EACD,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CACpC,CAAC;IAEF,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QACnB,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAgB,EAAE,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,wEAAwE;IACxE,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9C,uEAAuE;IACvE,sBAAsB,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAEnF,qEAAqE;IACrE,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QACpC,6BAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;YAO5C,6BAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,IAChE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,6BAAK,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;gBAC5C,oBAAC,aAAa,IACb,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAC5B,MAAM,EAAE,MAAM,KAAK,CAAC,CAAC,EAAE,EACvB,KAAK,EAAE,KAAK,GACX,CACG,CACN,CAAC,CACF,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,IAAC,SAAS,EAAC,aAAa,GAAG,CACjC,CACI,CAED,CACoB,CAC3B,CAAC,CAAC;IAEH,SAAS,OAAO;QACf,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YACjB,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;QACtF,CAAC;QACD,IAAI,KAAK,CAAC,eAAe,EAAE,CAAC;YAC3B,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC;QACpF,CAAC;QACD,OAAO,MAAwB,CAAC;IACjC,CAAC;IAED,wBAAwB;IACxB,2BAA2B;IAC3B,IAAI;IAEJ,SAAS,WAAW,CAAC,IAAgB;;QACpC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACnB,MAAA,KAAK,CAAC,WAAW,sDAAG,IAAI,CAAC,CAAC;IAC3B,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/WorkspaceIconList/index.tsx"],"names":[],"mappings":"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"}

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

@@ -1,14 +1,18 @@
 .workspace-list-view {
 	height: 100%;
-	padding: 0 12px;
 
 	:global {
 		.workspace-card-list {
 			display: flex;
 			flex-wrap: wrap;
 
-			>div {
-				margin: 4px;
+			&.col-2 {
+				.workspace-item {
+					width: calc((100% - 16px) / 2);
+					&:nth-child(2n) {
+						margin-right: 0;
+					}
+				}
 			}
 
 			.empty-style {
@@ -16,4 +20,4 @@
 			}
 		}
 	}
-}
+}

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

@@ -3,15 +3,17 @@ import { useWorkspaceListEffect } from "../../../../data/workspace";
 import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
 import { Empty } from "antd";
 import { State } from "./state";
-import { observe } from "@voplus/morpho-ui";
+import WorkspacePropertiesView from "../WorkspacePropertiesView";
+import { observe, useAsideContentContext } from "@voplus/morpho-ui";
 import WorkspaceIcon from "../WorkspaceIcon";
 import classnames from "classnames";
-import styles from "./index.less";
+import styles from "../WorkspaceIconList/index.less";
 /** A workspace list view shows workspace in card style.
  * Worksapce I have access 显示的list，以后会删掉，以后还是用回WorkspaceCardList组件
  * 因后台的filter还没好，先用笨方法filter，先做好一个能用的测试版
  */
 const WorkspaceIconList = (props) => {
+    const asideContext = useAsideContentContext();
     const [state] = useState(new State());
     const [active, setActive] = useState(null);
     /** 建立 ListView 和useWorkspaceListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
@@ -41,12 +43,13 @@ const WorkspaceIconList = (props) => {
         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", 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("div", { key: i.id, onClick: () => onItemClick(i) },
-                    React.createElement(WorkspaceIcon, { id: i.id === "0" ? "" : i.id, active: active === i.id, index: index }))))) : (React.createElement(Empty, { className: "empty-style" }))))));
+                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" }))))));
     });
     function onItemClick(item) {
         var _a;
         setActive(item.id);
+        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(WorkspacePropertiesView, { id: item.id }), { span: 12 });
         (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, item);
     }
 };

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

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

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

@@ -14,6 +14,9 @@
 			.avatar-list-view {
 				margin-top: 10px;
 			}
+			.tool-bar.tool-bar-2 {
+				font-size: 14px;
+			}
 		}
 	}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@voplus/morpho-workspace",
-	"version": "6.1.49",
+	"version": "6.1.51",
 	"description": "morpho workspace module",
 	"repository": {
 		"type": "git",

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

@@ -1,19 +0,0 @@
-.workspace-list-view {
-	height: 100%;
-	padding: 0 12px;
-
-	:global {
-		.workspace-card-list {
-			display: flex;
-			flex-wrap: wrap;
-
-			>div {
-				margin: 8px;
-			}
-
-			.empty-style {
-				margin: auto;
-			}
-		}
-	}
-}