@voplus/morpho-workspace 4.0.0 → 4.0.2

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

@@ -1,30 +1,30 @@
-@import "../../../../style/common.less";
-
-@import "~@voplus/morpho-theme/styles/index.less";
-
-.new-workspace-form {
-	:global {
-		.ant-modal-body {
-			padding: 24px 32px !important;
-		}
-
-		.ant-select {
-			width: auto;
-		}
-		.ant-input {
-			height: 40px;
-			line-height: 40px;
-			font-size: 18px;
-			border: 1px solid @primary-dark-color;
-		}
-
-		.ant-form-item {
-			margin-bottom: 40px;
-		}
-
-		.btn-cancel {
-			color: @primary-color;
-			border: 1px solid @primary-color;
-		}
-	}
-}
+@import "../../../../style/common.less";
+
+@import "~@voplus/morpho-theme/styles/index.less";
+
+.new-workspace-form {
+	:global {
+		.ant-modal-body {
+			padding: 24px 32px !important;
+		}
+
+		.ant-select {
+			width: auto;
+		}
+		.ant-input {
+			height: 40px;
+			line-height: 40px;
+			font-size: 18px;
+			border: 1px solid @primary-dark-color;
+		}
+
+		.ant-form-item {
+			margin-bottom: 40px;
+		}
+
+		.btn-cancel {
+			color: @primary-color;
+			border: 1px solid @primary-color;
+		}
+	}
+}

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

@@ -1,12 +1,12 @@
-export declare class State {
-    constructor();
-    Params: {
-        Name: string;
-        MemberIds: never[];
-    };
-    params: {
-        Name: string;
-        MemberIds: never[];
-    };
-    loading: boolean;
-}
+export declare class State {
+    constructor();
+    Params: {
+        Name: string;
+        MemberIds: never[];
+    };
+    params: {
+        Name: string;
+        MemberIds: never[];
+    };
+    loading: boolean;
+}

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

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

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

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

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

@@ -1,25 +1,25 @@
-import "./index.less";
-import { Badge } from "antd";
-import Card from "@voplus/morpho-ui/es/controls/Card";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
-import classnames from "classnames";
-import { faFileAlt } from "@fortawesome/pro-regular-svg-icons";
-import { faPlus } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { useWorkspace } from "../../../../data/workspace";
-const colorList = ["#469CFF", "#FFCA61", "#EE6868", "#18BD85", "#7661E2", "#F78A70"];
-const WorkspaceIcon = (props) => {
-    const { id, active } = props;
-    const workspace = useWorkspace(id, { reload: false });
-    return observe(() => {
-        var _a;
-        return (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")));
-    });
-};
-export default WorkspaceIcon;
+import "./index.less";
+import { Badge } from "antd";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import classnames from "classnames";
+import { faFileAlt } from "@fortawesome/pro-regular-svg-icons";
+import { faPlus } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { useWorkspace } from "../../../../data/workspace";
+const colorList = ["#469CFF", "#FFCA61", "#EE6868", "#18BD85", "#7661E2", "#F78A70"];
+const WorkspaceIcon = (props) => {
+    const { id, active } = props;
+    const workspace = useWorkspace(id, { reload: false });
+    return observe(() => {
+        var _a;
+        return (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")));
+    });
+};
+export default WorkspaceIcon;
 //# sourceMappingURL=index.js.map

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

@@ -1,79 +1,79 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-: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;
-
-		&.active {
-			background: #f1f1f1;
-		}
-
-		&:hover {
-			background: #f1f1f1;
-		}
-
-		.site-badge-count {
-			position: absolute;
-			vertical-align: middle;
-			right: 10px;
-			top: 10px;
-
-			.ant-badge-count {
-				background-color: #fff !important;
-				border: none;
-				box-shadow: @badge-hover-shadow;
-			}
-		}
-
-		.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;
-
-			.diamond-icon-fa {
-				width: 31px;
-				height: 40px;
-				opacity: 1;
-			}
-		}
-
-		.new-workspace-icon {
-			color: #bdb9b9;
-			background: @white !important;
-			border: dashed 1px #bdb9b9;
-		}
-
-		.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;
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+: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;
+
+		&.active {
+			background: #f1f1f1;
+		}
+
+		&:hover {
+			background: #f1f1f1;
+		}
+
+		.site-badge-count {
+			position: absolute;
+			vertical-align: middle;
+			right: 10px;
+			top: 10px;
+
+			.ant-badge-count {
+				background-color: #fff !important;
+				border: none;
+				box-shadow: @badge-hover-shadow;
+			}
+		}
+
+		.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;
+
+			.diamond-icon-fa {
+				width: 31px;
+				height: 40px;
+				opacity: 1;
+			}
+		}
+
+		.new-workspace-icon {
+			color: #bdb9b9;
+			background: @white !important;
+			border: dashed 1px #bdb9b9;
+		}
+
+		.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;
+		}
+	}
+}

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

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { IWorkspace } from "../../../../data/workspace";
-/** A workspace list view shows workspace in card style. */
-declare const WorkspaceIconList: (props: {
-    /** filter roles */
-    roles?: boolean | undefined;
-    /** filter WorkspaceStatus */
-    WorkspaceStatus?: string | undefined;
-    /** 显示add card */
-    addCard?: boolean | undefined;
-    /** item onclick */
-    onItemClick?: ((item: IWorkspace) => void) | undefined;
-}) => JSX.Element;
-export default WorkspaceIconList;
+/// <reference types="react" />
+import { IWorkspace } from "../../../../data/workspace";
+/** A workspace list view shows workspace in card style. */
+declare const WorkspaceIconList: (props: {
+    /** filter roles */
+    roles?: boolean | undefined;
+    /** filter WorkspaceStatus */
+    WorkspaceStatus?: string | undefined;
+    /** 显示add card */
+    addCard?: boolean | undefined;
+    /** item onclick */
+    onItemClick?: ((item: IWorkspace) => void) | undefined;
+}) => JSX.Element;
+export default WorkspaceIconList;

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

@@ -1,54 +1,54 @@
-import { useWorkspaceListEffect } from "../../../../data/workspace";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import React, { useState } from "react";
-import { Empty } from "antd";
-import WorkspaceCard from "../WorkspaceIcon";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-import { useAutoUpdateListData } from "../../../../data/workspace/workspace-events";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-// import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
-/** A workspace list view shows workspace in card style. */
-const WorkspaceIconList = (props) => {
-    const [active, setActive] = useState(null);
-    /** 建立 ListView 和useWorkspaceListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
-    const list = useCreateListDataState({
-        filterDefaults: {
-            filters: filters(),
-            page: { Page: 1, PageSize: 200 },
-        },
-    }, [props.roles, props.WorkspaceStatus]);
-    if (props.addCard) {
-        list.insert({ id: "0", name: "" }, 0);
-    }
-    /** 如果 list.filters.options变更了就重渲染，使下一行的useWorkspaceListEffect 可以接收新参数*/
-    useRenderOnChange(() => list.filters.options);
-    /** 把ListDataState传给useWorkspaceListEffect,使之可以自動更新loading, hasmore. */
-    useWorkspaceListEffect(list, (result) => list.union(result), list.filters.options);
-    /** useOnNewWorkspace, useOnDeleteWorkspace的sugar syntax 自動更新list. */
-    useAutoUpdateListData(list, (d) => true);
-    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
-        React.createElement("div", { className: styles["workspace-list-view"] },
-            React.createElement("div", { className: "workspace-card-list" }, list.data.length ? (list.data.map((i, index) => (React.createElement("div", { key: i.id, onClick: () => onItemClick(i) },
-                React.createElement(WorkspaceCard, { id: i.id === "0" ? "" : i.id, active: active === i.id, index: index }))))) : (React.createElement(Empty, { className: "empty-style" })))))));
-    function filters() {
-        const filter = [];
-        if (props.roles) {
-            filter.push({ c: "Roles", o: "contains", l: "And", v1: JSON.stringify(["Member"]) });
-        }
-        if (props.WorkspaceStatus) {
-            filter.push({ c: "WorkspaceStatus", o: "=", l: "And", v1: props.WorkspaceStatus });
-        }
-        return filter;
-    }
-    // function loadMore() {
-    // 	list.triggerNextPage();
-    // }
-    function onItemClick(item) {
-        var _a;
-        setActive(item.id);
-        (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, item);
-    }
-};
-export default WorkspaceIconList;
+import { useWorkspaceListEffect } from "../../../../data/workspace";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import { Empty } from "antd";
+import WorkspaceCard from "../WorkspaceIcon";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useAutoUpdateListData } from "../../../../data/workspace/workspace-events";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+// import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
+/** A workspace list view shows workspace in card style. */
+const WorkspaceIconList = (props) => {
+    const [active, setActive] = useState(null);
+    /** 建立 ListView 和useWorkspaceListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
+    const list = useCreateListDataState({
+        filterDefaults: {
+            filters: filters(),
+            page: { Page: 1, PageSize: 200 },
+        },
+    }, [props.roles, props.WorkspaceStatus]);
+    if (props.addCard) {
+        list.insert({ id: "0", name: "" }, 0);
+    }
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useWorkspaceListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useWorkspaceListEffect,使之可以自動更新loading, hasmore. */
+    useWorkspaceListEffect(list, (result) => list.union(result), list.filters.options);
+    /** useOnNewWorkspace, useOnDeleteWorkspace的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => true);
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement("div", { className: styles["workspace-list-view"] },
+            React.createElement("div", { className: "workspace-card-list" }, list.data.length ? (list.data.map((i, index) => (React.createElement("div", { key: i.id, onClick: () => onItemClick(i) },
+                React.createElement(WorkspaceCard, { id: i.id === "0" ? "" : i.id, active: active === i.id, index: index }))))) : (React.createElement(Empty, { className: "empty-style" })))))));
+    function filters() {
+        const filter = [];
+        if (props.roles) {
+            filter.push({ c: "Roles", o: "contains", l: "And", v1: JSON.stringify(["Member"]) });
+        }
+        if (props.WorkspaceStatus) {
+            filter.push({ c: "WorkspaceStatus", o: "=", l: "And", v1: props.WorkspaceStatus });
+        }
+        return filter;
+    }
+    // function loadMore() {
+    // 	list.triggerNextPage();
+    // }
+    function onItemClick(item) {
+        var _a;
+        setActive(item.id);
+        (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, item);
+    }
+};
+export default WorkspaceIconList;
 //# sourceMappingURL=index.js.map

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

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

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

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