@voplus/morpho-workspace 6.1.75 → 6.1.77

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

@@ -0,0 +1,35 @@
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "personalTotal", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "sharedTotal", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "disabledTotal", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "personalTotal", void 0);
+__decorate([
+    observable
+], State.prototype, "sharedTotal", void 0);
+__decorate([
+    observable
+], State.prototype, "disabledTotal", void 0);
+//# sourceMappingURL=state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/components/MyWorkspaces/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElD,MAAM,OAAO,KAAK;IAKjB;QAJmB;;;;mBAAwB,CAAC;WAAC;QAC1B;;;;mBAAsB,CAAC;WAAC;QACxB;;;;mBAAwB,CAAC;WAAC;QAG5C,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CACD;AAPmB;IAAlB,UAAU;4CAAkC;AAC1B;IAAlB,UAAU;0CAAgC;AACxB;IAAlB,UAAU;4CAAkC"}

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/SharedWorkspacesList/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { IWorkspace } from "../../../../data/workspace";
+/**
+ *  A workspace list view shows workspace in card style.
+ *  Workspace I have access 显示的list，以后会删掉，以后还是用回 WorkspaceCardList 组件
+ *  因后台的filter还没好，先用笨方法filter，先做好一个能用的测试版
+ */
+declare const WorkspaceIconList: (props: {
+    className?: string;
+    onTotal?: (total: number) => void;
+    /** item onclick */
+    onItemClick?: (item: IWorkspace) => void;
+}) => React.JSX.Element;
+export default WorkspaceIconList;

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

@@ -1,16 +1,15 @@
 import React, { useState } from "react";
+import { State } from "./state";
+import { Empty, Skeleton } from "antd";
+import { observe, useAsideContentContext } from "@voplus/morpho-ui";
 import { useWorkspaceListEffect } from "../../../../data/workspace";
 import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import { Empty } from "antd";
-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，先做好一个能用的测试版
+/**
+ *  A workspace list view shows workspace in card style.
+ *  Workspace I have access 显示的list，以后会删掉，以后还是用回 WorkspaceCardList 组件
+ *  因后台的filter还没好，先用笨方法filter，先做好一个能用的测试版
  */
 const WorkspaceIconList = (props) => {
     const asideContext = useAsideContentContext();
@@ -40,11 +39,10 @@ const WorkspaceIconList = (props) => {
         Page: { Page: 1, PageSize: 200 },
     });
     return observe(() => {
-        var _a, _b;
+        var _a, _b, _c, _d, _e;
+        (_a = props.onTotal) === null || _a === void 0 ? void 0 : _a.call(props, (_c = (_b = state.list) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0);
         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" }))))));
+            React.createElement(Skeleton, { loading: state.loading, active: true, paragraph: { rows: 4 } }, ((_d = state.list) === null || _d === void 0 ? void 0 : _d.length) ? ((_e = state.list) === null || _e === void 0 ? void 0 : _e.map((i, index) => (React.createElement(WorkspaceIcon, { id: i.id, key: i.id, index: index, active: active === i.id, onClick: () => onItemClick(i) })))) : (React.createElement(Empty, { className: "empty-style", image: Empty.PRESENTED_IMAGE_SIMPLE })))));
     });
     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":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAc,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C;;;;GAIG;AAEH,MAAM,iBAAiB,GAAG,CAAC,KAM1B,EAAE,EAAE;IACJ,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAC9C,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,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,CAAC,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC;YACnE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE;SAChC;KACD,EACD,EAAE,CACF,CAAC;IAEF,sBAAsB,CACrB,IAAI,EACJ,CAAC,MAAM,EAAE,EAAE;QACV,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAC1B,CAAC,EACD;QACC,OAAO,EAAE;YACR,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE;YACvE,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE;SACxD;QACD,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE;KAChC,CACD,CAAC;IAEF,uEAAuE;IACvE,sBAAsB,CACrB,IAAI,EACJ,CAAC,MAAM,EAAE,EAAE;QACV,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IACxB,CAAC,EACD;QACC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC;QACnE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE;KAChC,CACD,CAAC;IAEF,OAAO,OAAO,CAAC,GAAG,EAAE;;QACnB,MAAA,KAAK,CAAC,OAAO,sDAAG,MAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,MAAM,mCAAI,CAAC,CAAC,CAAC;QAEzC,OAAO,CACN,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;YACpC,oBAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,QAAC,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAC7D,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,MAAM,EAAC,CAAC,CAAC,CACrB,MAAA,KAAK,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,oBAAC,aAAa,IACb,EAAE,EAAE,CAAC,CAAC,EAAE,EACR,GAAG,EAAE,CAAC,CAAC,EAAE,EACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,KAAK,CAAC,CAAC,EAAE,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAC5B,CACF,CAAC,CACF,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,CAAC,sBAAsB,GAAI,CACtE,CACS,CACe,CAC3B,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,IAAgB;;QACpC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACnB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,oBAAC,uBAAuB,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;QAChF,MAAA,KAAK,CAAC,WAAW,sDAAG,IAAI,CAAC,CAAC;IAC3B,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/es/modules/workspace/components/{WorkspaceIconList2 → SharedWorkspacesList}/state.d.ts

@@ -1,5 +1,6 @@
 import { IWorkspace } from "../../../../data/workspace";
 export declare class State {
+    loading: boolean;
     allList: IWorkspace[];
     rolesList: IWorkspace[];
     constructor();

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

@@ -2,6 +2,12 @@ import { __decorate } from "tslib";
 import { action, computed, makeObservable, observable } from "mobx";
 export class State {
     constructor() {
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
         Object.defineProperty(this, "allList", {
             enumerable: true,
             configurable: true,
@@ -20,6 +26,7 @@ export class State {
         let lists = [];
         if (this.rolesList !== undefined && this.allList !== undefined) {
             lists = this.array_diff(this.allList, this.rolesList);
+            this.loading = false;
         }
         return lists;
     }
@@ -36,6 +43,9 @@ export class State {
         return a;
     }
 }
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
 __decorate([
     observable
 ], State.prototype, "allList", void 0);

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;IAKjB;QAJmB;;;;mBAAmB,IAAI;WAAC;QACxB;;;;;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;YAEtD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACtB,CAAC;QAED,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;AAhCmB;IAAlB,UAAU;sCAAgC;AACxB;IAAlB,UAAU;sCAA8B;AACtB;IAAlB,UAAU;wCAAgC;AAO3C;IADC,QAAQ;iCAUR;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;