@voplus/morpho-workspace 4.0.0 → 4.0.1

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;

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

@@ -1,53 +1,53 @@
-import { useWorkspaceListEffect } from "../../../../data/workspace";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import React, { useState } from "react";
-import { Empty } from "antd";
-import { State } from "./state";
-import WorkspaceCard from "../WorkspaceIcon";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-/** A workspace list view shows workspace in card style.
- * Worksapce I have access 显示的list，以后会删掉，以后还是用回WorkspaceCardList组件
- * 因后台的filter还没好，先用笨方法filter，先做好一个能用的测试版
- */
-const WorkspaceIconList = (props) => {
-    const [state] = useState(new State());
-    const [active, setActive] = useState(null);
-    /** 建立 ListView 和useWorkspaceListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
-    const list = useCreateListDataState({
-        filterDefaults: {
-            filters: [{ c: "WorkspaceStatus", o: "=", l: "And", v1: "Active" }],
-            page: { Page: 1, PageSize: 200 },
-        },
-    }, []);
-    useWorkspaceListEffect(null, (result) => {
-        state.rolesList = result;
-    }, {
-        Filters: [
-            { c: "Roles", o: "contains", l: "And", v1: JSON.stringify(["Member"]) },
-            { c: "WorkspaceStatus", o: "=", l: "And", v1: "Active" },
-        ],
-        Page: { Page: 1, PageSize: 200 },
-    });
-    /** 把ListDataState传给useWorkspaceListEffect,使之可以自動更新loading, hasmore. */
-    useWorkspaceListEffect(null, (result) => {
-        state.allList = result;
-    }, {
-        Filters: [{ c: "WorkspaceStatus", o: "=", l: "And", v1: "Active" }],
-        Page: { Page: 1, PageSize: 200 },
-    });
-    return observe(() => {
-        var _a, _b;
-        return (React.createElement(ListDataContext.Provider, { value: list },
-            React.createElement("div", { className: styles["workspace-list-view"] },
-                React.createElement("div", { className: "workspace-card-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("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 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 { State } from "./state";
+import WorkspaceCard from "../WorkspaceIcon";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+/** A workspace list view shows workspace in card style.
+ * Worksapce I have access 显示的list，以后会删掉，以后还是用回WorkspaceCardList组件
+ * 因后台的filter还没好，先用笨方法filter，先做好一个能用的测试版
+ */
+const WorkspaceIconList = (props) => {
+    const [state] = useState(new State());
+    const [active, setActive] = useState(null);
+    /** 建立 ListView 和useWorkspaceListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
+    const list = useCreateListDataState({
+        filterDefaults: {
+            filters: [{ c: "WorkspaceStatus", o: "=", l: "And", v1: "Active" }],
+            page: { Page: 1, PageSize: 200 },
+        },
+    }, []);
+    useWorkspaceListEffect(null, (result) => {
+        state.rolesList = result;
+    }, {
+        Filters: [
+            { c: "Roles", o: "contains", l: "And", v1: JSON.stringify(["Member"]) },
+            { c: "WorkspaceStatus", o: "=", l: "And", v1: "Active" },
+        ],
+        Page: { Page: 1, PageSize: 200 },
+    });
+    /** 把ListDataState传给useWorkspaceListEffect,使之可以自動更新loading, hasmore. */
+    useWorkspaceListEffect(null, (result) => {
+        state.allList = result;
+    }, {
+        Filters: [{ c: "WorkspaceStatus", o: "=", l: "And", v1: "Active" }],
+        Page: { Page: 1, PageSize: 200 },
+    });
+    return observe(() => {
+        var _a, _b;
+        return (React.createElement(ListDataContext.Provider, { value: list },
+            React.createElement("div", { className: styles["workspace-list-view"] },
+                React.createElement("div", { className: "workspace-card-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("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 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/WorkspaceIconList2/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: 8px;
-			}
-
-			.empty-style {
-				margin: auto;
-			}
-		}
-	}
+.workspace-list-view {
+	height: 100%;
+	padding: 0 12px;
+
+	:global {
+		.workspace-card-list {
+			display: flex;
+			flex-wrap: wrap;
+
+			>div {
+				margin: 8px;
+			}
+
+			.empty-style {
+				margin: auto;
+			}
+		}
+	}
 }

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

@@ -1,9 +1,9 @@
-import { IWorkspace } from "../../../../data/workspace";
-export declare class State {
-    allList: IWorkspace[];
-    rolesList: IWorkspace[];
-    constructor();
-    get list(): IWorkspace[];
-    /** 数组去重 */
-    array_diff(a: IWorkspace[], b: IWorkspace[]): IWorkspace[];
-}
+import { IWorkspace } from "../../../../data/workspace";
+export declare class State {
+    allList: IWorkspace[];
+    rolesList: IWorkspace[];
+    constructor();
+    get list(): IWorkspace[];
+    /** 数组去重 */
+    array_diff(a: IWorkspace[], b: IWorkspace[]): IWorkspace[];
+}

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

@@ -1,51 +1,51 @@
-import { __decorate } from "tslib";
-import { action, computed, makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        Object.defineProperty(this, "allList", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "rolesList", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        makeObservable(this);
-    }
-    get list() {
-        let lists = [];
-        if (this.rolesList !== undefined && this.allList !== undefined) {
-            lists = this.array_diff(this.allList, this.rolesList);
-        }
-        return lists;
-    }
-    /** 数组去重 */
-    array_diff(a, b) {
-        for (var i = 0; i < b.length; i++) {
-            for (var j = 0; j < a.length; j++) {
-                if (a[j].id == b[i].id) {
-                    a.splice(j, 1);
-                    j = j - 1;
-                }
-            }
-        }
-        return a;
-    }
-}
-__decorate([
-    observable
-], State.prototype, "allList", void 0);
-__decorate([
-    observable
-], State.prototype, "rolesList", void 0);
-__decorate([
-    computed
-], State.prototype, "list", null);
-__decorate([
-    action
-], State.prototype, "array_diff", null);
+import { __decorate } from "tslib";
+import { action, computed, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "allList", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "rolesList", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        makeObservable(this);
+    }
+    get list() {
+        let lists = [];
+        if (this.rolesList !== undefined && this.allList !== undefined) {
+            lists = this.array_diff(this.allList, this.rolesList);
+        }
+        return lists;
+    }
+    /** 数组去重 */
+    array_diff(a, b) {
+        for (var i = 0; i < b.length; i++) {
+            for (var j = 0; j < a.length; j++) {
+                if (a[j].id == b[i].id) {
+                    a.splice(j, 1);
+                    j = j - 1;
+                }
+            }
+        }
+        return a;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "allList", void 0);
+__decorate([
+    observable
+], State.prototype, "rolesList", void 0);
+__decorate([
+    computed
+], State.prototype, "list", null);
+__decorate([
+    action
+], State.prototype, "array_diff", null);
 //# sourceMappingURL=state.js.map

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import "./index.less";
-declare const WorkspacePropertiesView: (props: {
-    id: string;
-}) => JSX.Element;
-export default WorkspacePropertiesView;
+/// <reference types="react" />
+import "./index.less";
+declare const WorkspacePropertiesView: (props: {
+    id: string;
+}) => JSX.Element;
+export default WorkspacePropertiesView;