@voplus/morpho-workspace 2.0.12 → 4.0.1

package/es/modules/menus/pages/ListOptions/Company/index.js

@@ -1,114 +1,114 @@
-import { AutoComplete, Button, Cascader, Form, Input, Select, Tooltip } from "antd";
-import React, { useState } from "react";
-import { observe } from "@voplus/morpho-ui";
-import style from "./index.less";
-const Company = () => {
-    const [form] = Form.useForm();
-    const residences = [
-        {
-            value: "zhejiang",
-            label: "Zhejiang",
-            children: [
-                {
-                    value: "hangzhou",
-                    label: "Hangzhou",
-                },
-            ],
-        },
-        {
-            value: "jiangsu",
-            label: "Jiangsu",
-            children: [
-                {
-                    value: "nanjing",
-                    label: "Nanjing",
-                },
-            ],
-        },
-    ];
-    const formItemLayout = {
-        labelCol: {
-            xs: { span: 24 },
-            sm: { span: 8 },
-        },
-        wrapperCol: {
-            xs: { span: 24 },
-            sm: { span: 16 },
-        },
-    };
-    const tailFormItemLayout = {
-        wrapperCol: {
-            xs: {
-                span: 24,
-                offset: 0,
-            },
-            sm: {
-                span: 16,
-                offset: 8,
-            },
-        },
-    };
-    const suffix = {
-        autoCompleteResult: [],
-    };
-    const [state, setState] = useState(suffix);
-    const { autoCompleteResult } = state;
-    const handleSubmit = (values) => {
-        form
-            .validateFields()
-            .then((values) => {
-            console.log("Received values of form: ", values);
-        })
-            .catch((err) => console.log("err: ", err));
-    };
-    const handleWebsiteChange = (value) => {
-        let autoCompleteResult;
-        if (!value) {
-            autoCompleteResult = [];
-        }
-        else {
-            autoCompleteResult = [".com", ".org", ".net"].map((domain) => `${value}${domain}`);
-        }
-        setState({ autoCompleteResult });
-    };
-    const { Option } = Select;
-    const AutoCompleteOption = AutoComplete.Option;
-    const prefixSelector = (React.createElement(Form.Item, { name: "prefix", noStyle: true },
-        React.createElement(Select, { style: { width: 70 } },
-            React.createElement(Option, { value: "86" }, "+86"),
-            React.createElement(Option, { value: "87" }, "+87"))));
-    const websiteOptions = autoCompleteResult.map((website) => (React.createElement(AutoCompleteOption, { key: website, value: website }, website)));
-    return observe(() => (React.createElement("div", { className: style.all },
-        React.createElement(Form, { ...formItemLayout, form: form, initialValues: { ["residence"]: ["zhejiang", "hangzhou", "xihu"], ["prefix"]: 86 }, onFinish: handleSubmit },
-            React.createElement("h1", null, "Company"),
-            React.createElement(Form.Item, { name: "nickname", label: React.createElement("span", null,
-                    "Nickname\u00A0",
-                    React.createElement(Tooltip, { title: "What do you want others to call you?" })), rules: [{ required: true, message: "Please input your nickname!", whitespace: true }] },
-                React.createElement(Input, { style: { width: "70%" } })),
-            React.createElement(Form.Item, { label: React.createElement("span", null, "Address Line 1\u00A0") },
-                React.createElement(Input, { style: { width: "70%" } })),
-            React.createElement(Form.Item, { label: React.createElement("span", null, "Address Line 2\u00A0") },
-                React.createElement(Input, { style: { width: "70%" } })),
-            React.createElement(Form.Item, { label: React.createElement("span", null, "City\u00A0") },
-                React.createElement(Input, { style: { width: "70%" } })),
-            React.createElement(Form.Item, { label: "Country", required: true },
-                React.createElement(Select, { defaultValue: "Singapore", style: { width: "50%" } }, residences.map((item) => (React.createElement(Option, { value: item.value, key: item.value }, item.value))))),
-            React.createElement(Form.Item, { label: React.createElement("span", null, "Postal/Zip Code\u00A0") },
-                React.createElement(Input, { style: { width: "35%" } })),
-            React.createElement(Form.Item, { name: "residence", label: "Time Zone", rules: [
-                    { type: "array", required: true, message: "Please select your habitual residence!" },
-                ] },
-                React.createElement(Cascader, { options: residences, style: { width: "50%" } })),
-            React.createElement(Form.Item, { name: "phone", label: "Phone", rules: [{ required: true, message: "Please input your phone number!" }] },
-                React.createElement(Input, { addonBefore: prefixSelector, style: { width: "35%" } })),
-            React.createElement(Form.Item, { name: "website", label: "Website", rules: [{ required: true, message: "Please input website!" }] },
-                React.createElement(AutoComplete
-                // dataSource={websiteOptions}
-                , { 
-                    // dataSource={websiteOptions}
-                    onChange: handleWebsiteChange, placeholder: "website", style: { width: "50%" } }, websiteOptions)),
-            React.createElement(Form.Item, { ...tailFormItemLayout },
-                React.createElement(Button, { type: "primary", htmlType: "submit", className: "button" }, "Save"))))));
-};
-export default Company;
+import { AutoComplete, Button, Cascader, Form, Input, Select, Tooltip } from "antd";
+import React, { useState } from "react";
+import { observe } from "@voplus/morpho-ui";
+import style from "./index.less";
+const Company = () => {
+    const [form] = Form.useForm();
+    const residences = [
+        {
+            value: "zhejiang",
+            label: "Zhejiang",
+            children: [
+                {
+                    value: "hangzhou",
+                    label: "Hangzhou",
+                },
+            ],
+        },
+        {
+            value: "jiangsu",
+            label: "Jiangsu",
+            children: [
+                {
+                    value: "nanjing",
+                    label: "Nanjing",
+                },
+            ],
+        },
+    ];
+    const formItemLayout = {
+        labelCol: {
+            xs: { span: 24 },
+            sm: { span: 8 },
+        },
+        wrapperCol: {
+            xs: { span: 24 },
+            sm: { span: 16 },
+        },
+    };
+    const tailFormItemLayout = {
+        wrapperCol: {
+            xs: {
+                span: 24,
+                offset: 0,
+            },
+            sm: {
+                span: 16,
+                offset: 8,
+            },
+        },
+    };
+    const suffix = {
+        autoCompleteResult: [],
+    };
+    const [state, setState] = useState(suffix);
+    const { autoCompleteResult } = state;
+    const handleSubmit = (values) => {
+        form
+            .validateFields()
+            .then((values) => {
+            console.log("Received values of form: ", values);
+        })
+            .catch((err) => console.log("err: ", err));
+    };
+    const handleWebsiteChange = (value) => {
+        let autoCompleteResult;
+        if (!value) {
+            autoCompleteResult = [];
+        }
+        else {
+            autoCompleteResult = [".com", ".org", ".net"].map((domain) => `${value}${domain}`);
+        }
+        setState({ autoCompleteResult });
+    };
+    const { Option } = Select;
+    const AutoCompleteOption = AutoComplete.Option;
+    const prefixSelector = (React.createElement(Form.Item, { name: "prefix", noStyle: true },
+        React.createElement(Select, { style: { width: 70 } },
+            React.createElement(Option, { value: "86" }, "+86"),
+            React.createElement(Option, { value: "87" }, "+87"))));
+    const websiteOptions = autoCompleteResult.map((website) => (React.createElement(AutoCompleteOption, { key: website, value: website }, website)));
+    return observe(() => (React.createElement("div", { className: style.all },
+        React.createElement(Form, { ...formItemLayout, form: form, initialValues: { ["residence"]: ["zhejiang", "hangzhou", "xihu"], ["prefix"]: 86 }, onFinish: handleSubmit },
+            React.createElement("h1", null, "Company"),
+            React.createElement(Form.Item, { name: "nickname", label: React.createElement("span", null,
+                    "Nickname\u00A0",
+                    React.createElement(Tooltip, { title: "What do you want others to call you?" })), rules: [{ required: true, message: "Please input your nickname!", whitespace: true }] },
+                React.createElement(Input, { style: { width: "70%" } })),
+            React.createElement(Form.Item, { label: React.createElement("span", null, "Address Line 1\u00A0") },
+                React.createElement(Input, { style: { width: "70%" } })),
+            React.createElement(Form.Item, { label: React.createElement("span", null, "Address Line 2\u00A0") },
+                React.createElement(Input, { style: { width: "70%" } })),
+            React.createElement(Form.Item, { label: React.createElement("span", null, "City\u00A0") },
+                React.createElement(Input, { style: { width: "70%" } })),
+            React.createElement(Form.Item, { label: "Country", required: true },
+                React.createElement(Select, { defaultValue: "Singapore", style: { width: "50%" } }, residences.map((item) => (React.createElement(Option, { value: item.value, key: item.value }, item.value))))),
+            React.createElement(Form.Item, { label: React.createElement("span", null, "Postal/Zip Code\u00A0") },
+                React.createElement(Input, { style: { width: "35%" } })),
+            React.createElement(Form.Item, { name: "residence", label: "Time Zone", rules: [
+                    { type: "array", required: true, message: "Please select your habitual residence!" },
+                ] },
+                React.createElement(Cascader, { options: residences, style: { width: "50%" } })),
+            React.createElement(Form.Item, { name: "phone", label: "Phone", rules: [{ required: true, message: "Please input your phone number!" }] },
+                React.createElement(Input, { addonBefore: prefixSelector, style: { width: "35%" } })),
+            React.createElement(Form.Item, { name: "website", label: "Website", rules: [{ required: true, message: "Please input website!" }] },
+                React.createElement(AutoComplete
+                // dataSource={websiteOptions}
+                , { 
+                    // dataSource={websiteOptions}
+                    onChange: handleWebsiteChange, placeholder: "website", style: { width: "50%" } }, websiteOptions)),
+            React.createElement(Form.Item, { ...tailFormItemLayout },
+                React.createElement(Button, { type: "primary", htmlType: "submit", className: "button" }, "Save"))))));
+};
+export default Company;
 //# sourceMappingURL=index.js.map

package/es/modules/menus/pages/ListOptions/Company/index.less

@@ -1,20 +1,20 @@
-.all {
-	width: 100%;
-	:global {
-		h1 {
-			font-size: 50px;
-			font-weight: 600;
-			margin-left: 8%;
-		}
-		.ant-form-item-label {
-			width: 18%;
-		}
-		.button {
-			width: 100px;
-			height: 36px;
-			background-color: #1890ff;
-			border-radius: 50px;
-			color: #fff;
-		}
-	}
-}
+.all {
+	width: 100%;
+	:global {
+		h1 {
+			font-size: 50px;
+			font-weight: 600;
+			margin-left: 8%;
+		}
+		.ant-form-item-label {
+			width: 18%;
+		}
+		.button {
+			width: 100px;
+			height: 36px;
+			background-color: #1890ff;
+			border-radius: 50px;
+			color: #fff;
+		}
+	}
+}

package/es/modules/menus/pages/ListOptions/Config/index.d.ts

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

package/es/modules/menus/pages/ListOptions/Config/index.js

@@ -1,5 +1,5 @@
-import React from "react";
-export default () => {
-    return React.createElement("div", null, "\u914D\u7F6E\u8BBE\u7F6E");
-};
+import React from "react";
+export default () => {
+    return React.createElement("div", null, "\u914D\u7F6E\u8BBE\u7F6E");
+};
 //# sourceMappingURL=index.js.map

package/es/modules/menus/pages/ListOptions/Teams/index.d.ts

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

package/es/modules/menus/pages/ListOptions/Teams/index.js

@@ -1,71 +1,71 @@
-import { Avatar, Button, Card, List } from "antd";
-import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
-import React from "react";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import style from "./index.less";
-import { useApplicationContext } from "@voplus/morpho-data";
-//import DocumentMenu from "@voplus/morpho-document/es/components/DocumentMenu";
-export default () => {
-    const { user } = useApplicationContext();
-    const data = [
-        {
-            id: 1,
-            teams: "Product UI/IX",
-            name: "Jinny S(Team leader)",
-            url: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1582404497,2226613703&fm=26&gp=0.jpg",
-        },
-        {
-            id: 2,
-            teams: "Product UI/IX",
-            name: "Jinny S(Team leader)",
-            url: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1582404497,2226613703&fm=26&gp=0.jpg",
-        },
-        {
-            id: 3,
-            teams: "Product UI/IX",
-            name: "Jinny S(Team leader)",
-            url: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1582404497,2226613703&fm=26&gp=0.jpg",
-        },
-        {
-            id: 4,
-            teams: "Product UI/IX",
-            name: "Jinny S(Team leader)",
-            url: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1582404497,2226613703&fm=26&gp=0.jpg",
-        },
-        {
-            id: 5,
-            teams: "Product UI/IX",
-            name: "Jinny S(Team leader)",
-            url: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1582404497,2226613703&fm=26&gp=0.jpg",
-        },
-        {
-            id: 6,
-            teams: "Product UI/IX",
-            name: "Jinny S(Team leader)",
-            url: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1582404497,2226613703&fm=26&gp=0.jpg",
-        },
-    ];
-    return observe(() => (React.createElement("div", { className: style.all },
-        React.createElement("div", { className: "title" },
-            React.createElement("h1", null, "All Teams"),
-            React.createElement(Button, { type: "primary", className: "button" }, "+ Add")),
-        React.createElement("div", { className: classnames("list-body", style["members-list"]) },
-            React.createElement(List, { grid: {
-                    gutter: 16,
-                    xs: 1,
-                    sm: 2,
-                    // md: 4,
-                    // lg: 4,
-                    // xl: 4,
-                    xxl: 2,
-                }, dataSource: data, renderItem: (item) => (React.createElement(List.Item, { key: item.id },
-                    React.createElement(Card, { title: React.createElement("div", null,
-                            React.createElement("div", { className: "section" }, item.teams),
-                            React.createElement(Avatar, { src: item.url, size: 38, style: { marginRight: 8 } }),
-                            item.name) },
-                        React.createElement("div", null,
-                            React.createElement("p", null, "Member(s)"),
-                            React.createElement(AvatarList, { list: [], organizationId: user.info.organizationId }))))) })))));
-};
+import { Avatar, Button, Card, List } from "antd";
+import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
+import React from "react";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import style from "./index.less";
+import { useApplicationContext } from "@voplus/morpho-data";
+//import DocumentMenu from "@voplus/morpho-document/es/components/DocumentMenu";
+export default () => {
+    const { user } = useApplicationContext();
+    const data = [
+        {
+            id: 1,
+            teams: "Product UI/IX",
+            name: "Jinny S(Team leader)",
+            url: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1582404497,2226613703&fm=26&gp=0.jpg",
+        },
+        {
+            id: 2,
+            teams: "Product UI/IX",
+            name: "Jinny S(Team leader)",
+            url: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1582404497,2226613703&fm=26&gp=0.jpg",
+        },
+        {
+            id: 3,
+            teams: "Product UI/IX",
+            name: "Jinny S(Team leader)",
+            url: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1582404497,2226613703&fm=26&gp=0.jpg",
+        },
+        {
+            id: 4,
+            teams: "Product UI/IX",
+            name: "Jinny S(Team leader)",
+            url: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1582404497,2226613703&fm=26&gp=0.jpg",
+        },
+        {
+            id: 5,
+            teams: "Product UI/IX",
+            name: "Jinny S(Team leader)",
+            url: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1582404497,2226613703&fm=26&gp=0.jpg",
+        },
+        {
+            id: 6,
+            teams: "Product UI/IX",
+            name: "Jinny S(Team leader)",
+            url: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1582404497,2226613703&fm=26&gp=0.jpg",
+        },
+    ];
+    return observe(() => (React.createElement("div", { className: style.all },
+        React.createElement("div", { className: "title" },
+            React.createElement("h1", null, "All Teams"),
+            React.createElement(Button, { type: "primary", className: "button" }, "+ Add")),
+        React.createElement("div", { className: classnames("list-body", style["members-list"]) },
+            React.createElement(List, { grid: {
+                    gutter: 16,
+                    xs: 1,
+                    sm: 2,
+                    // md: 4,
+                    // lg: 4,
+                    // xl: 4,
+                    xxl: 2,
+                }, dataSource: data, renderItem: (item) => (React.createElement(List.Item, { key: item.id },
+                    React.createElement(Card, { title: React.createElement("div", null,
+                            React.createElement("div", { className: "section" }, item.teams),
+                            React.createElement(Avatar, { src: item.url, size: 38, style: { marginRight: 8 } }),
+                            item.name) },
+                        React.createElement("div", null,
+                            React.createElement("p", null, "Member(s)"),
+                            React.createElement(AvatarList, { list: [], organizationId: user.info.organizationId }))))) })))));
+};
 //# sourceMappingURL=index.js.map

package/es/modules/menus/pages/ListOptions/Teams/index.less

@@ -1,44 +1,44 @@
-.all {
-	height: 100%;
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	overflow: hidden;
-	:global {
-		.title {
-			vertical-align: middle;
-			width: 100%;
-			h1 {
-				font-size: 35px;
-				font-weight: 600;
-				margin-right: 20px;
-				display: inline-block;
-			}
-			.button {
-				font-size: 16px;
-				text-align: center;
-				background-color: #f5fffa;
-				color: #1890ff;
-			}
-		}
-		.list-body {
-			height: 100%;
-			width: 100%;
-			display: flex;
-			flex-direction: column;
-			overflow-y: auto;
-			.ant-row {
-				margin: 0 !important;
-				.section {
-					width: 100%;
-					display: flex;
-					justify-content: space-between;
-				}
-				.ant-card-head {
-					padding: 0;
-					margin: 0 24px;
-				}
-			}
-		}
-	}
-}
+.all {
+	height: 100%;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	:global {
+		.title {
+			vertical-align: middle;
+			width: 100%;
+			h1 {
+				font-size: 35px;
+				font-weight: 600;
+				margin-right: 20px;
+				display: inline-block;
+			}
+			.button {
+				font-size: 16px;
+				text-align: center;
+				background-color: #f5fffa;
+				color: #1890ff;
+			}
+		}
+		.list-body {
+			height: 100%;
+			width: 100%;
+			display: flex;
+			flex-direction: column;
+			overflow-y: auto;
+			.ant-row {
+				margin: 0 !important;
+				.section {
+					width: 100%;
+					display: flex;
+					justify-content: space-between;
+				}
+				.ant-card-head {
+					padding: 0;
+					margin: 0 24px;
+				}
+			}
+		}
+	}
+}

package/es/modules/menus/pages/ListOptions/Users/index.d.ts

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

package/es/modules/menus/pages/ListOptions/Users/index.js

@@ -1,34 +1,34 @@
-import { Button, Modal, Tabs } from "antd";
-import React, { useState } from "react";
-import AddUsers from "../../../components/AddUsers";
-import UsersList from "../../../components/UsersList";
-import { observe } from "@voplus/morpho-ui";
-import style from "./index.less";
-export default () => {
-    const [visible, setVisible] = useState(false);
-    const { TabPane } = Tabs;
-    function callback(key) {
-        console.log(key);
-    }
-    const showModal = () => {
-        setVisible(true);
-    };
-    const handleCancel = (e) => {
-        console.log(e);
-        setVisible(false);
-    };
-    return observe(() => (React.createElement("div", { className: style.all },
-        React.createElement("div", { className: "title" },
-            React.createElement("div", null,
-                React.createElement("h1", null, "All Users"),
-                React.createElement(Button, { type: "primary", className: "button", onClick: showModal }, "+ Add Users")),
-            React.createElement("div", { className: "title-bottom" },
-                React.createElement(Tabs, { defaultActiveKey: "1", onChange: callback, items: [
-                        { key: "1", label: "Members(1)", children: React.createElement(UsersList, null) },
-                        { key: "2", label: "pending Invites(0)", children: "Content of Tab Pane 2" },
-                    ] }))),
-        React.createElement("div", null,
-            React.createElement(Modal, { title: "Invite new user", open: visible, onCancel: handleCancel, mask: false, maskClosable: true, footer: null, width: 620, centered: true, className: "bounced-content" },
-                React.createElement(AddUsers, null))))));
-};
+import { Button, Modal, Tabs } from "antd";
+import React, { useState } from "react";
+import AddUsers from "../../../components/AddUsers";
+import UsersList from "../../../components/UsersList";
+import { observe } from "@voplus/morpho-ui";
+import style from "./index.less";
+export default () => {
+    const [visible, setVisible] = useState(false);
+    const { TabPane } = Tabs;
+    function callback(key) {
+        console.log(key);
+    }
+    const showModal = () => {
+        setVisible(true);
+    };
+    const handleCancel = (e) => {
+        console.log(e);
+        setVisible(false);
+    };
+    return observe(() => (React.createElement("div", { className: style.all },
+        React.createElement("div", { className: "title" },
+            React.createElement("div", null,
+                React.createElement("h1", null, "All Users"),
+                React.createElement(Button, { type: "primary", className: "button", onClick: showModal }, "+ Add Users")),
+            React.createElement("div", { className: "title-bottom" },
+                React.createElement(Tabs, { defaultActiveKey: "1", onChange: callback, items: [
+                        { key: "1", label: "Members(1)", children: React.createElement(UsersList, null) },
+                        { key: "2", label: "pending Invites(0)", children: "Content of Tab Pane 2" },
+                    ] }))),
+        React.createElement("div", null,
+            React.createElement(Modal, { title: "Invite new user", open: visible, onCancel: handleCancel, mask: false, maskClosable: true, footer: null, width: 620, centered: true, className: "bounced-content" },
+                React.createElement(AddUsers, null))))));
+};
 //# sourceMappingURL=index.js.map