@voplus/morpho-workspace 1.0.0-dev01

package/es/modules/user/pages/Positions/index.js

@@ -0,0 +1,94 @@
+import React, { useState } from "react";
+import classnames from "classnames";
+import { Select } from "@voplus/antd";
+import style from "./index.less";
+import { faTrashAlt } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+export default () => {
+    const list = [
+        {
+            id: 1,
+            name: "aaa",
+            position: "Member"
+        },
+        {
+            id: 2,
+            name: "ss",
+            position: "Member"
+        },
+        {
+            id: 3,
+            name: "sss",
+            position: "Member"
+        },
+        {
+            id: 4,
+            name: "ww",
+            position: "Member"
+        },
+        {
+            id: 5,
+            name: "avv",
+            position: "Member"
+        },
+        {
+            id: 6,
+            name: "ww",
+            position: "Member"
+        },
+        {
+            id: 7,
+            name: "avv",
+            position: "Member"
+        },
+        {
+            id: 8,
+            name: "ww",
+            position: "Member"
+        },
+        {
+            id: 9,
+            name: "avv",
+            position: "Member"
+        },
+        {
+            id: 10,
+            name: "ooo",
+            position: "Member"
+        }
+    ];
+    const [state, setState] = useState(list);
+    const deleteFile = (id) => {
+        // 删除行操作
+        setState(state.filter(item => item.id !== id));
+    };
+    const { Option } = Select;
+    function handleChange(value) {
+        console.log(`selected ${value}`);
+    }
+    const Status = (React.createElement("div", null,
+        React.createElement(Select, { defaultValue: "lucy", style: { width: 120 }, onChange: handleChange },
+            React.createElement(Option, { value: "jack" }, "Jack"),
+            React.createElement(Option, { value: "lucy" }, "Lucy"),
+            React.createElement(Option, { value: "disabled" }, "Disabled"),
+            React.createElement(Option, { value: "Yiminghe" }, "yiminghe"))));
+    return (React.createElement("div", { className: style.all },
+        React.createElement("div", { className: "list-heard" },
+            React.createElement("span", null, "Name"),
+            React.createElement("span", null, "Position"),
+            React.createElement("span", null, "Status"),
+            React.createElement("span", null, "Account Type"),
+            React.createElement("span", null, "Access")),
+        React.createElement("div", { className: classnames("list-body", style["members-list"]) }, state.map(item => {
+            return (React.createElement("div", { key: item.id, className: "list-content" },
+                React.createElement("div", { className: "name" }, item.name),
+                React.createElement("div", { className: "position" }, item.position),
+                React.createElement("div", null, Status),
+                React.createElement("div", null, Status),
+                React.createElement("div", { className: "access" },
+                    React.createElement("div", null, Status),
+                    React.createElement("span", { onClick: deleteFile.bind(event, item.id) },
+                        React.createElement(FAIcon, { icon: faTrashAlt })))));
+        }))));
+};
+//# sourceMappingURL=index.js.map

package/es/modules/user/pages/Positions/index.js.map

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

package/es/modules/user/pages/Positions/index.less

@@ -0,0 +1,60 @@
+@import "../../../../styles/ScrollBar.less";
+.all {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	:global {
+		.list-heard {
+			width: 100%;
+			padding: 0 80px 0 20px;
+			height: 50px;
+			line-height: 50px;
+			color: #000;
+			background-color: #fafafa;
+			font-size: 20px;
+			display: flex;
+			justify-content: space-between;
+			span:nth-child(2),
+			span:nth-child(3),
+			span:nth-child(4) {
+				margin-left: -40px;
+			}
+			span {
+				display: block;
+				width: 120px;
+			}
+		}
+		.list-body {
+			height: 100%;
+			.list-content {
+				width: 100%;
+				min-height: 60px;
+				padding: 0 20px;
+				background-color: #fff;
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				.name {
+					padding-left: 10px;
+					width: 7%;
+					font-size: 16px;
+					color: #000;
+				}
+				.position {
+					font-size: 16px;
+					color: #000;
+				}
+				.access {
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+					span {
+						display: inline-block;
+						margin-left: 50px;
+					}
+				}
+			}
+		}
+	}
+}

package/es/modules/user/pages/Profile/index.d.ts

@@ -0,0 +1,11 @@
+import { Component } from "react";
+export default class Subtask extends Component {
+    state: {
+        loading: boolean;
+        imageUrl: string;
+    };
+    getBase64: (img: any, callback: any) => void;
+    handleChange: (info: any) => void;
+    beforeUpload: (file: any) => boolean;
+    render(): JSX.Element;
+}

package/es/modules/user/pages/Profile/index.js

@@ -0,0 +1,79 @@
+import React, { Component } from "react";
+import Positions from "../Positions";
+import { Upload, Icon, message, Tabs, Form, Input, Button } from "@voplus/antd";
+import style from "./index.less";
+export default class Subtask extends Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            loading: false,
+            imageUrl: " "
+        };
+        this.getBase64 = (img, callback) => {
+            const reader = new FileReader();
+            reader.addEventListener("load", () => callback(reader.result));
+            reader.readAsDataURL(img);
+        };
+        this.handleChange = (info) => {
+            if (info.file.status === "uploading") {
+                this.setState({ loading: true });
+                return;
+            }
+            if (info.file.status === "done") {
+                // Get this url from response in real world.
+                this.getBase64(info.file.originFileObj, (imageUrl) => this.setState({
+                    imageUrl,
+                    loading: false
+                }));
+            }
+        };
+        this.beforeUpload = (file) => {
+            const isJPG = file.type === "image/jpeg";
+            if (!isJPG) {
+                message.error("您只能上传JPG文件!");
+            }
+            const isLt2M = file.size / 1024 / 1024 < 2;
+            if (!isLt2M) {
+                message.error("图像必须小于2MB!");
+            }
+            return isJPG && isLt2M;
+        };
+    }
+    render() {
+        const { TabPane } = Tabs;
+        function callback(key) {
+            console.log(key);
+        }
+        const { imageUrl } = this.state;
+        return (React.createElement("div", { className: style.situation },
+            React.createElement("div", { className: "head-portrait " },
+                React.createElement("img", { src: imageUrl }),
+                React.createElement(Upload, { name: "avatar", listType: "picture-card", className: "avatar-uploader", showUploadList: false, action: "https://www.mocky.io/v2/5cc8019d300000980a055e76", beforeUpload: this.beforeUpload, onChange: this.handleChange },
+                    React.createElement("div", null,
+                        React.createElement(Icon, { type: this.state.loading ? "loading" : "plus" }),
+                        React.createElement("div", { className: "ant-upload-text" }, "Upload a picture")))),
+            React.createElement(Tabs, { defaultActiveKey: "1", onChange: callback },
+                React.createElement(TabPane, { tab: "Personal Info", key: "1" },
+                    React.createElement("div", { className: "Persona" },
+                        React.createElement(Form, null,
+                            React.createElement(Form.Item, { label: "Username", required: true, style: { width: 400, marginRight: 200, display: "inline-block" } },
+                                React.createElement(Input, null)),
+                            React.createElement(Form.Item, { label: "Display name", required: true, style: { width: 400, marginRight: 200, display: "inline-block" } },
+                                React.createElement(Input, null)),
+                            React.createElement(Form.Item, { label: "Email address", required: true, style: { width: 400, marginRight: 200, display: "inline-block" } },
+                                React.createElement(Input, null)),
+                            React.createElement(Form.Item, { className: "Button" },
+                                React.createElement(Button, { type: "primary" }, "SAVE"))))),
+                React.createElement(TabPane, { tab: "Changes Password", key: "2" },
+                    React.createElement("div", { className: "Persona" },
+                        React.createElement(Form, null,
+                            React.createElement(Form.Item, { label: "Current Password", required: true, style: { width: 400, marginRight: 200 } }, React.createElement(Input.Password, null)),
+                            React.createElement(Form.Item, { label: "New Password", required: true, style: { width: 400, marginRight: 200 } }, React.createElement(Input.Password, null)),
+                            React.createElement(Form.Item, { label: "Confirm Password", required: true, style: { width: 400, marginRight: 200 } }, React.createElement(Input.Password, null)),
+                            React.createElement(Form.Item, null,
+                                React.createElement(Button, { type: "primary" }, "SAVE"))))),
+                React.createElement(TabPane, { tab: "Positions", key: "3" },
+                    React.createElement(Positions, null)))));
+    }
+}
+//# sourceMappingURL=index.js.map

package/es/modules/user/pages/Profile/index.js.map

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

package/es/modules/user/pages/Profile/index.less

@@ -0,0 +1,45 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+
+.situation {
+	padding: 40px 100px;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	:global {
+		.head-portrait {
+			width: 230px;
+			height: 100px;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			.ant-upload.ant-upload-select-picture-card {
+				width: 150px;
+				height: 20px;
+				border: 1px solid #d9d9d9;
+				.anticon-plus {
+					display: none;
+				}
+			}
+			img {
+				width: 59px;
+				height: 59px;
+				border: 1px solid #a1a1a1;
+				border-radius: 50%;
+			}
+		}
+		.Persona {
+			height: 100%;
+			width: 100%;
+			overflow: auto;
+		}
+		.ant-tabs {
+			height: 100%;
+			display: flex;
+			flex-direction: column;
+			.ant-tabs-content {
+				height: 100%;
+				padding-bottom: 60px;
+			}
+		}
+	}
+}

package/es/modules/workspaces/components/Access/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const _default: (props: {
+    status?: string | undefined;
+    className?: string | undefined;
+}) => JSX.Element;
+export default _default;

package/es/modules/workspaces/components/Access/index.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { Select } from "@voplus/antd";
+export default (props) => {
+    const status = [
+        { id: 1, label: "Not Assigned" },
+        { id: 2, label: "Not Started" },
+        { id: 3, label: "In Progress" },
+        { id: 4, label: "Done" }
+    ];
+    const { Option } = Select;
+    function handleChange(value) {
+        console.log(`selected ${value}`);
+    }
+    return (React.createElement("div", null,
+        React.createElement(Select, { defaultValue: "lucy", style: { width: 120 }, onChange: handleChange }, status.map(item => {
+            return (React.createElement(Option, { value: item.label, key: item.id }, item.label));
+        }))));
+};
+//# sourceMappingURL=index.js.map

package/es/modules/workspaces/components/Access/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspaces/components/Access/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,eAAe,CAAC,KAA8C,EAAE,EAAE;IACjE,MAAM,MAAM,GAAG;QACd,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE;QAChC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE;QAC/B,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE;QAC/B,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE;KACxB,CAAC;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAE1B,SAAS,YAAY,CAAC,KAAU;QAC/B,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,EAAE,CAAC,CAAC;IAClC,CAAC;IACD,OAAO,CACN;QACC,oBAAC,MAAM,IAAC,YAAY,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,IACvE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAClB,OAAO,CACN,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,IACrC,IAAI,CAAC,KAAK,CACH,CACT,CAAC;QACH,CAAC,CAAC,CACM,CACJ,CACN,CAAC;AACH,CAAC,CAAC"}

package/es/modules/workspaces/components/Account/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const _default: (props: {
+    status?: string | undefined;
+    className?: string | undefined;
+}) => JSX.Element;
+export default _default;

package/es/modules/workspaces/components/Account/index.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { Select } from "@voplus/antd";
+export default (props) => {
+    const status = [
+        { id: 1, label: "Not Assigned" },
+        { id: 2, label: "Not Started" },
+        { id: 3, label: "In Progress" },
+        { id: 4, label: "Done" }
+    ];
+    const { Option } = Select;
+    function handleChange(value) {
+        console.log(`selected ${value}`);
+    }
+    return (React.createElement("div", null,
+        React.createElement(Select, { defaultValue: "lucy", style: { width: 120 }, onChange: handleChange }, status.map(item => {
+            return (React.createElement(Option, { value: item.label, key: item.id }, item.label));
+        }))));
+};
+//# sourceMappingURL=index.js.map

package/es/modules/workspaces/components/Account/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspaces/components/Account/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,eAAe,CAAC,KAA8C,EAAE,EAAE;IACjE,MAAM,MAAM,GAAG;QACd,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE;QAChC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE;QAC/B,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE;QAC/B,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE;KACxB,CAAC;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAE1B,SAAS,YAAY,CAAC,KAAU;QAC/B,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,EAAE,CAAC,CAAC;IAClC,CAAC;IACD,OAAO,CACN;QACC,oBAAC,MAAM,IAAC,YAAY,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,IACvE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAClB,OAAO,CACN,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,IACrC,IAAI,CAAC,KAAK,CACH,CACT,CAAC;QACH,CAAC,CAAC,CACM,CACJ,CACN,CAAC;AACH,CAAC,CAAC"}

package/es/modules/workspaces/components/AddUsers/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: ({ form }: any) => JSX.Element;
+export default _default;

package/es/modules/workspaces/components/AddUsers/index.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { Form, Input, Button } from "@voplus/antd";
+import style from "./index.less";
+import Access from "../Access";
+import Account from "../Account";
+import Status from "../Status";
+export default ({ form }) => {
+    const formItemLayout = {
+        labelCol: {
+            xs: { span: 24 },
+            sm: { span: 5 }
+        },
+        wrapperCol: {
+            xs: { span: 24 },
+            sm: { span: 14 }
+        }
+    };
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        form.validateFieldsAndScroll((err, values) => {
+            if (!err) {
+                console.log("Received values of form: ", values);
+            }
+        });
+    };
+    return (React.createElement("div", { className: style.all },
+        React.createElement(Form, Object.assign({}, formItemLayout, { onSubmit: handleSubmit }),
+            React.createElement(Form.Item, { label: React.createElement("span", null, "Name\u00A0"), style: { paddingTop: 30 } },
+                React.createElement(Input, null)),
+            React.createElement(Form.Item, { label: React.createElement("span", null, "Email\u00A0") },
+                React.createElement(Input, null)),
+            React.createElement(Form.Item, { label: React.createElement("span", null, "Account Type\u00A0") },
+                React.createElement(Account, null)),
+            React.createElement(Form.Item, { label: React.createElement("span", null, "Access\u00A0") },
+                React.createElement(Access, null)),
+            React.createElement(Form.Item, { label: React.createElement("span", null, "Status\u00A0") },
+                React.createElement(Status, null)),
+            React.createElement("div", { style: { textAlign: "center", paddingBottom: 30 } },
+                React.createElement(Button, { type: "primary", htmlType: "submit" }, "Invite User")))));
+};
+//# sourceMappingURL=index.js.map

package/es/modules/workspaces/components/AddUsers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspaces/components/AddUsers/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAW,MAAM,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,KAAK,MAAM,cAAc,CAAC;AACjC,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,eAAe,CAAC,EAAE,IAAI,EAAO,EAAE,EAAE;IAChC,MAAM,cAAc,GAAG;QACtB,QAAQ,EAAE;YACT,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;YAChB,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;SACf;QACD,UAAU,EAAE;YACX,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;YAChB,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;SAChB;KACD,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAM,EAAE,EAAE;QAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,uBAAuB,CAAC,CAAC,GAAQ,EAAE,MAAW,EAAE,EAAE;YACtD,IAAI,CAAC,GAAG,EAAE;gBACT,OAAO,CAAC,GAAG,CAAC,2BAA2B,EAAE,MAAM,CAAC,CAAC;aACjD;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAE,KAAK,CAAC,GAAG;QACxB,oBAAC,IAAI,oBAAK,cAAc,IAAE,QAAQ,EAAE,YAAY;YAC/C,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAE,+CAAuB,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;gBACnE,oBAAC,KAAK,OAAG,CACE;YACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAE,gDAAwB;gBACzC,oBAAC,KAAK,OAAG,CACE;YACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAE,uDAA+B;gBAChD,oBAAC,OAAO,OAAG,CACA;YACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAE,iDAAyB;gBAC1C,oBAAC,MAAM,OAAG,CACC;YACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAE,iDAAyB;gBAC1C,oBAAC,MAAM,OAAG,CACC;YACZ,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE;gBACrD,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,kBAE/B,CACJ,CACA,CACF,CACN,CAAC;AACH,CAAC,CAAC"}

package/es/modules/workspaces/components/AddUsers/index.less

@@ -0,0 +1,7 @@
+.all {
+	:global {
+		.ant-select-enabled {
+			width: 100% !important;
+		}
+	}
+}

package/es/modules/workspaces/components/ListHeard/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: (props: {
+    show?: boolean | undefined;
+}) => JSX.Element;
+export default _default;

package/es/modules/workspaces/components/ListHeard/index.js

@@ -0,0 +1,24 @@
+import React from "react";
+import SortViewDropdown from "../../../../controls/SortViewDropdown";
+import FilterListDropdown from "../../../../controls/FilterListDropdown";
+import { faList, faThLarge } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Button } from "@voplus/antd";
+import style from "./index.less";
+export default (props) => {
+    const { show } = props;
+    return (React.createElement("div", { className: style.all },
+        React.createElement("div", { className: "heard-left" },
+            React.createElement("h1", null, "All Spaces"),
+            React.createElement(Button, { type: "primary", className: "button" }, "+ Add")),
+        React.createElement("div", { className: "heard-right" },
+            React.createElement("span", null,
+                React.createElement(FAIcon, { icon: faList })),
+            React.createElement("span", null,
+                React.createElement(FAIcon, { icon: faThLarge })),
+            show && (React.createElement("span", null,
+                React.createElement(SortViewDropdown, null))),
+            show && (React.createElement("span", null,
+                React.createElement(FilterListDropdown, null))))));
+};
+//# sourceMappingURL=index.js.map

package/es/modules/workspaces/components/ListHeard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspaces/components/ListHeard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,uCAAuC,CAAC;AACrE,OAAO,kBAAkB,MAAM,yCAAyC,CAAC;AAEzE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,MAAM,cAAc,CAAC;AAEjC,eAAe,CAAC,KAAyB,EAAE,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,OAAO,CACN,6BAAK,SAAS,EAAE,KAAK,CAAC,GAAG;QACxB,6BAAK,SAAS,EAAC,YAAY;YAC1B,6CAAmB;YACnB,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,YAEhC,CACJ;QACN,6BAAK,SAAS,EAAC,aAAa;YAC3B;gBACC,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CAClB;YACP;gBACC,oBAAC,MAAM,IAAC,IAAI,EAAE,SAAS,GAAI,CACrB;YACN,IAAI,IAAI,CACR;gBACC,oBAAC,gBAAgB,OAAG,CACd,CACP;YACA,IAAI,IAAI,CACR;gBACC,oBAAC,kBAAkB,OAAG,CAChB,CACP,CACI,CACD,CACN,CAAC;AACH,CAAC,CAAC"}

package/es/modules/workspaces/components/ListHeard/index.less

@@ -0,0 +1,33 @@
+.all {
+	width: 100%;
+	height: 80px;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding-right: 20px;
+	:global {
+		.heard-left {
+			width: 250px;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			h1 {
+				font-size: 30px;
+				font-weight: 600;
+			}
+			.button {
+				font-size: 16px;
+				text-align: center;
+				background-color: #f5fffa;
+				color: #1890ff;
+			}
+		}
+		.heard-right {
+			width: 170px;
+			height: 50px;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+		}
+	}
+}

package/es/modules/workspaces/components/Status/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const _default: (props: {
+    status?: string | undefined;
+    className?: string | undefined;
+}) => JSX.Element;
+export default _default;

package/es/modules/workspaces/components/Status/index.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { Select } from "@voplus/antd";
+export default (props) => {
+    const status = [
+        { id: 1, label: "Not Assigned" },
+        { id: 2, label: "Not Started" },
+        { id: 3, label: "In Progress" },
+        { id: 4, label: "Done" }
+    ];
+    const { Option } = Select;
+    function handleChange(value) {
+        console.log(`selected ${value}`);
+    }
+    return (React.createElement("div", null,
+        React.createElement(Select, { defaultValue: "lucy", style: { width: 120 }, onChange: handleChange }, status.map(item => {
+            return (React.createElement(Option, { value: item.label, key: item.id }, item.label));
+        }))));
+};
+//# sourceMappingURL=index.js.map

package/es/modules/workspaces/components/Status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/workspaces/components/Status/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,eAAe,CAAC,KAA8C,EAAE,EAAE;IACjE,MAAM,MAAM,GAAG;QACd,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE;QAChC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE;QAC/B,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE;QAC/B,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE;KACxB,CAAC;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAE1B,SAAS,YAAY,CAAC,KAAU;QAC/B,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,EAAE,CAAC,CAAC;IAClC,CAAC;IACD,OAAO,CACN;QACC,oBAAC,MAAM,IAAC,YAAY,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,IACvE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAClB,OAAO,CACN,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,IACrC,IAAI,CAAC,KAAK,CACH,CACT,CAAC;QACH,CAAC,CAAC,CACM,CACJ,CACN,CAAC;AACH,CAAC,CAAC"}

package/es/modules/workspaces/components/UsersList/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;