@voplus/morpho-workspace 1.0.0-dev01

package/LICENSE

@@ -0,0 +1 @@
+All rights reserved. VOPLUS.

package/es/MySpace.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export declare class MySpace extends React.Component<{
+    name?: string;
+}> {
+    constructor(props: any);
+    render(): JSX.Element;
+}

package/es/MySpace.js

@@ -0,0 +1,14 @@
+import React from "react";
+import styles from "./style/index.less";
+export class MySpace extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return React.createElement("div", { className: styles.app },
+            "Hello ",
+            this.props.name,
+            " !");
+    }
+}
+//# sourceMappingURL=MySpace.js.map

package/es/MySpace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MySpace.js","sourceRoot":"","sources":["../src/MySpace.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAA4B;IAC9D,YAAmB,KAAU;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;IACd,CAAC;IACM,MAAM;QACZ,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,GAAG;;YAAS,IAAI,CAAC,KAAK,CAAC,IAAI;iBAAS,CAAC;IACpE,CAAC;CACD"}

package/es/components/ActivityLog/index.d.ts

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

package/es/components/ActivityLog/index.js

@@ -0,0 +1,82 @@
+import React from "react";
+import classnames from "classnames";
+import moment from "moment";
+import { Timeline, Avatar } from "@voplus/antd";
+import { faReceipt, faLockAlt, faClone } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import styles from "./index.less";
+const ActivityLog = (props) => {
+    const data = [
+        {
+            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
+            userName: "John Doe",
+            content: "We supply a series of design principles",
+            datetime: "2019-06-19 1:2:3"
+        },
+        {
+            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
+            content: "We supply a series of design principles",
+            type: "invoice",
+            datetime: "2019-06-8 0:0:9"
+        },
+        {
+            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
+            content: "We supply a series of design principles",
+            type: "right",
+            datetime: "2019-06-26"
+        },
+        {
+            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
+            content: "We supply a series of design principles",
+            type: "message",
+            datetime: "2019-06-26"
+        },
+        {
+            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
+            userName: "John Doe",
+            content: "We supply a series of design principles",
+            datetime: "2019-06-24"
+        },
+        {
+            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
+            content: "We supply a series of design principles",
+            type: "invoice",
+            datetime: "2019-06-25 22:10:22"
+        },
+        {
+            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
+            content: "We supply a series of design principles",
+            type: "right",
+            datetime: "2019-06-26 22:10:22"
+        },
+        {
+            avatar: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
+            content: "We supply a series of design principles",
+            type: "message",
+            datetime: "2019-06-26 22:10:22"
+        }
+    ];
+    const dotElement = (type, avatar) => {
+        if (type === "invoice")
+            return (React.createElement("span", { className: "dot-icon", style: { borderColor: "#765fee" } },
+                React.createElement(FAIcon, { icon: faReceipt, color: "#765fee" })));
+        if (type === "right")
+            return (React.createElement("span", { className: "dot-icon", style: { borderColor: "#ff7285" } },
+                React.createElement(FAIcon, { icon: faLockAlt, color: "#ff7285" })));
+        if (type === "message")
+            return (React.createElement("span", { className: "dot-icon", style: { borderColor: "#ffca83" } },
+                React.createElement(FAIcon, { icon: faClone, color: "#ffca83" })));
+        return React.createElement(Avatar, { src: avatar });
+    };
+    return (React.createElement("div", { className: styles["activity-log"] },
+        props.showHeader && (React.createElement("div", { className: classnames(styles["module-header-title"], styles["margin-bottom-25"], "header") }, "Activity Log")),
+        React.createElement(Timeline, null, data.map((item, index) => (React.createElement(Timeline.Item, { key: index, dot: dotElement(item.type, item.avatar) },
+            React.createElement("p", null,
+                React.createElement("span", null, item.userName ? item.userName + "，" : ""),
+                item.content),
+            React.createElement("p", { className: "date-time" }, moment().diff(moment(item.datetime), "days") > 7
+                ? moment(item.datetime).format("HH:mm:ss DD MMM, YYYY")
+                : moment(item.datetime).fromNow())))))));
+};
+export default ActivityLog;
+//# sourceMappingURL=index.js.map

package/es/components/ActivityLog/index.js.map

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

package/es/components/ActivityLog/index.less

@@ -0,0 +1,35 @@
+@import "../../styles/common.less";
+.activity-log {
+	:global {
+		.ant-timeline {
+			padding: 13px 0 0 15px;
+			.ant-avatar-image {
+				width: 34px;
+				height: 34px;
+				border: 1px solid #f2f2f2;
+			}
+			.dot-icon {
+				display: inline-block;
+				width: 34px;
+				height: 34px;
+				line-height: 32px;
+				border: 1px solid transparent;
+				border-radius: 50%;
+				font-size: 17px;
+			}
+			.ant-timeline-item-content {
+				top: -11px;
+				margin: 0 0 0 60px;
+				line-height: 22px;
+				color: #000;
+				span {
+					font-weight: bold;
+				}
+				.date-time {
+					font-size: 12px;
+					color: #444;
+				}
+			}
+		}
+	}
+}

package/es/components/AssignPeople/index.d.ts

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

package/es/components/AssignPeople/index.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { Form, Select } from "@voplus/antd";
+export default () => {
+    const items = [
+        { id: 1, name: "001" },
+        { id: 2, name: "002" },
+        { id: 3, name: "003" },
+        { id: 4, name: "004" },
+        { id: 5, name: "005" },
+        { id: 6, name: "006" }
+    ];
+    const { Option } = Select;
+    function handleChange(value) {
+        console.log(`selected ${value}`);
+    }
+    return (React.createElement(Form.Item, null,
+        React.createElement("div", { className: "form-item-layout" },
+            React.createElement("div", null,
+                React.createElement(Select, { mode: "multiple", style: { width: "100%" }, placeholder: "Please select", defaultValue: ["a10", "c12"], onChange: handleChange, showArrow: true }, items.map(item => {
+                    return React.createElement(Option, { key: item.id }, item.name);
+                }))))));
+};
+//# sourceMappingURL=index.js.map

package/es/components/AssignPeople/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AssignPeople/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE5C,eAAe,GAAG,EAAE;IACnB,MAAM,KAAK,GAAG;QACb,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;QACtB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;QACtB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;QACtB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;QACtB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;QACtB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;KACtB,CAAC;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1B,SAAS,YAAY,CAAC,KAAU;QAC/B,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,EAAE,CAAC,CAAC;IAClC,CAAC;IAED,OAAO,CACN,oBAAC,IAAI,CAAC,IAAI;QACT,6BAAK,SAAS,EAAC,kBAAkB;YAChC;gBACC,oBAAC,MAAM,IACN,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAC5B,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,IAAI,IAEd,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;oBACjB,OAAO,oBAAC,MAAM,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,IAAG,IAAI,CAAC,IAAI,CAAU,CAAC;gBACnD,CAAC,CAAC,CACM,CACJ,CACD,CACK,CACZ,CAAC;AACH,CAAC,CAAC"}

package/es/components/AvatarList/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+declare const AvatarList: {
+    (props: {
+        list: any[];
+        num?: number | undefined;
+        className?: string | undefined;
+        onReload?: ((params?: any) => void) | undefined;
+        editable?: boolean | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        editable: boolean;
+    };
+};
+export default AvatarList;

package/es/components/AvatarList/index.js

@@ -0,0 +1,61 @@
+import React, { useState } from "react";
+import classnames from "classnames";
+import { Dropdown, Avatar, Menu, Icon, Tooltip, Input } from "@voplus/antd";
+import { useContactListEffect } from "@voplus/morpho-org";
+import styles from "./index.less";
+import { State } from "./state";
+import { useObserver } from "mobx-react-lite";
+// interface avatarProps {
+// 	list: any[];
+// }
+const AvatarList = (props) => {
+    const [state] = useState(new State());
+    const onTick = async (item) => {
+        state.itemId = item.id;
+        const ids = state.items.filter(({ checked }) => checked).map(({ id }) => id);
+        if (props && props.onReload) {
+            state.loading = true;
+            await props.onReload(ids);
+            state.loading = false;
+            item.checked = !item.checked;
+        }
+    };
+    const searchByKeWord = (keyWord) => {
+        // debounce(() => setStaffList(avatarList.filter(item => item.name.indexOf(value) !== -1)), 800);
+    };
+    const visibleChange = (visible) => {
+        state.visible = visible;
+    };
+    // const avatarList = avatarProps.list || [];
+    useContactListEffect(list => {
+        const avatarList = props.list || [];
+        state.items = list.map(item => ({
+            ...item,
+            checked: avatarList.some(({ id }) => item.id === id)
+        }));
+    });
+    // const num = avatarList.length;
+    return useObserver(() => (
+    // props.list.slice(0, props.num)
+    React.createElement("div", { className: classnames(styles["avatar-list"], props.className) },
+        props.list &&
+            props.list.map((item, index) => (React.createElement(Tooltip, { key: index, title: item.name },
+                React.createElement(Avatar, { src: item.url, size: 28, className: "avatar-img" })))),
+        props.editable ? (React.createElement(Dropdown, { onVisibleChange: visibleChange, visible: state.visible, overlay: React.createElement(Menu, null,
+                React.createElement("div", { className: "avatar-search" },
+                    React.createElement(Input.Search, { onSearch: searchByKeWord })),
+                state.items.map((item, index) => (React.createElement(Menu.Item, { key: item.id },
+                    React.createElement("div", { className: "avatar-item", onClick: () => onTick(item) },
+                        React.createElement(Avatar, { src: item.url, size: 28, className: "avatar-img" }),
+                        item.name,
+                        item.checked && React.createElement(Icon, { type: "check", className: "icon-check" }),
+                        state.loading && state.itemId === item.id && (React.createElement(Icon, { type: "loading", className: "icon-check" }))))))), overlayClassName: styles["avatar-dropdown"], placement: "bottomCenter", trigger: ["click"], getPopupContainer: (triggerNode) => triggerNode.parentElement },
+            React.createElement(Avatar, { size: 28, className: "avatar-text" },
+                "+",
+                props.list && props.list.length > props.num ? props.list.length - props.num : ""))) : props.list && props.list.length > props.num ? (React.createElement(Avatar, { size: 28, className: "avatar-text" }, "+props.list.length - props.num")) : (""))));
+};
+AvatarList.defaultProps = {
+    editable: true
+};
+export default AvatarList;
+//# sourceMappingURL=index.js.map

package/es/components/AvatarList/index.js.map

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

package/es/components/AvatarList/index.less

@@ -0,0 +1,48 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+.avatar-list {
+	display: inline;
+	:global {
+		.avatar-img {
+			margin-right: 5px;
+		}
+		.avatar-text {
+			font-size: 14px !important;
+			background: #fff;
+			color: @text-color;
+			border: 1px solid rgba(0, 0, 0, 0.1);
+			border-radius: 50%;
+			cursor: pointer;
+		}
+		.icon-add {
+			width: 20px;
+			font-weight: normal;
+		}
+	}
+}
+.avatar-dropdown {
+	padding: 0 10px;
+	:global {
+		.avatar-search {
+			padding: 10px 10px 5px 10px;
+			.ant-input {
+				width: 160px;
+				height: 28px;
+				line-height: 28px;
+				border-radius: 20px;
+			}
+		}
+		.ant-dropdown-menu-item {
+			padding: 0;
+			.avatar-item {
+				position: relative;
+				padding: 5px 28px 5px 12px;
+			}
+			.icon-check {
+				position: absolute;
+				right: 12px;
+				top: 10px;
+				color: @primary-color;
+			}
+		}
+	}
+}

package/es/components/AvatarList/state.d.ts

@@ -0,0 +1,6 @@
+export declare class State {
+    items: any[];
+    itemId: string;
+    loading: boolean;
+    visible: boolean;
+}

package/es/components/AvatarList/state.js

@@ -0,0 +1,23 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        this.items = [];
+        this.itemId = "";
+        this.loading = false;
+        this.visible = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "items", void 0);
+__decorate([
+    observable
+], State.prototype, "itemId", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "visible", void 0);
+//# sourceMappingURL=state.js.map

package/es/components/AvatarList/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/AvatarList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACa,UAAK,GAAU,EAAE,CAAC;QAClB,WAAM,GAAW,EAAE,CAAC;QACpB,YAAO,GAAY,KAAK,CAAC;QACzB,YAAO,GAAY,KAAK,CAAC;IACtC,CAAC;CAAA;AAJY;IAAX,UAAU;oCAAmB;AAClB;IAAX,UAAU;qCAAqB;AACpB;IAAX,UAAU;sCAA0B;AACzB;IAAX,UAAU;sCAA0B"}

package/es/components/Comments/ChartInput.d.ts

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

package/es/components/Comments/ChartInput.js

@@ -0,0 +1,42 @@
+import React, { useState } from "react";
+import { Input, Icon, Upload } from "@voplus/antd";
+import styles from "./index.less";
+import { faPaperPlane } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+export default (props) => {
+    const [message, setMessage] = useState();
+    const onUpload = (info) => {
+        if (info.file.status !== "uploading") {
+            console.log(info.file, info.fileList);
+        }
+        if (info.file.status === "done") {
+            console.log(`${info.file.name} file uploaded successfully`);
+        }
+        else if (info.file.status === "error") {
+            console.log(`${info.file.name} file upload failed.`);
+        }
+    };
+    const changeMessage = (e) => {
+        e.persist();
+        setMessage(e.target.value);
+    };
+    const sendMessage = () => {
+        if (!props.onReload)
+            return;
+        props.onReload({
+            msgId: Math.floor(Math.random() * 899 + 100),
+            userName: "HaHa2",
+            headImg: "",
+            action: message,
+            uid: "2"
+        });
+        setMessage("");
+        console.log("2222");
+    };
+    return (React.createElement("div", { className: "comment-input" },
+        React.createElement(Input, { value: message, placeholder: "Type a message here", prefix: React.createElement(Upload, { action: "https://www.mocky.io/v2/5cc8019d300000980a055e76", showUploadList: false, onChange: onUpload },
+                React.createElement(Icon, { type: "paper-clip" })), suffix: React.createElement("span", { onClick: sendMessage },
+                React.createElement(FAIcon, { icon: faPaperPlane })), onChange: changeMessage, onPressEnter: sendMessage }),
+        React.createElement(Icon, { type: "smile", className: styles["margin-left-10"] })));
+};
+//# sourceMappingURL=ChartInput.js.map

package/es/components/Comments/ChartInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartInput.js","sourceRoot":"","sources":["../../../src/components/Comments/ChartInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAE3E,eAAe,CAAC,KAA4C,EAAE,EAAE;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,CAAC,IAAS,EAAE,EAAE;QAC9B,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,WAAW,EAAE;YACrC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SACtC;QACD,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,MAAM,EAAE;YAChC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,6BAA6B,CAAC,CAAC;SAC5D;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,OAAO,EAAE;YACxC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,sBAAsB,CAAC,CAAC;SACrD;IACF,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,CAAC,CAAM,EAAE,EAAE;QAChC,CAAC,CAAC,OAAO,EAAE,CAAC;QACZ,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,KAAK,CAAC,QAAQ;YAAE,OAAO;QAC5B,KAAK,CAAC,QAAQ,CAAC;YACd,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;YAC5C,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,OAAO;YACf,GAAG,EAAE,GAAG;SACR,CAAC,CAAC;QACH,UAAU,CAAC,EAAE,CAAC,CAAC;QACf,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IACF,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC7B,oBAAC,KAAK,IACL,KAAK,EAAE,OAAO,EACd,WAAW,EAAC,qBAAqB,EACjC,MAAM,EACL,oBAAC,MAAM,IACN,MAAM,EAAC,kDAAkD,EACzD,cAAc,EAAE,KAAK,EACrB,QAAQ,EAAE,QAAQ;gBAElB,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CAClB,EAEV,MAAM,EACL,8BAAM,OAAO,EAAE,WAAW;gBACzB,oBAAC,MAAM,IAAC,IAAI,EAAE,YAAY,GAAI,CACxB,EAER,QAAQ,EAAE,aAAa,EACvB,YAAY,EAAE,WAAW,GACxB;QACF,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,GAAI,CACrD,CACN,CAAC;AACH,CAAC,CAAC"}

package/es/components/Comments/Message.d.ts

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

package/es/components/Comments/Message.js

@@ -0,0 +1,64 @@
+import React, { useState } from "react";
+import { Menu, Avatar, Dropdown, Row, Input } from "@voplus/antd";
+import { faComment, faTrashAlt, faClock, faFile, faThumbtack, faCheck, faEllipsisH, faChevronDown } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import styles from "./Message.less";
+const menu = (React.createElement(Menu, { className: styles["reply-menu"] },
+    React.createElement(Menu.Item, null,
+        React.createElement(FAIcon, { icon: faComment }),
+        "Follow Message"),
+    React.createElement(Menu.Item, null,
+        React.createElement(FAIcon, { icon: faTrashAlt }),
+        "Delete Message"),
+    React.createElement(Menu.Item, null,
+        React.createElement(FAIcon, { icon: faClock }),
+        "Remind Me"),
+    React.createElement(Menu.Item, null,
+        React.createElement(FAIcon, { icon: faFile }),
+        "Copy Text"),
+    React.createElement(Menu.Item, null,
+        React.createElement(FAIcon, { icon: faThumbtack }),
+        "Pin Message"),
+    React.createElement(Menu.Divider, null),
+    React.createElement(Menu.Item, null,
+        React.createElement(FAIcon, { icon: faCheck }),
+        "Add Task")));
+const a = () => {
+    return;
+};
+export default (props) => {
+    const [isShowMore, setShowMore] = useState(false);
+    const isMe = props.isMe;
+    const message = props.message;
+    const isRead = message.status === "read";
+    return (React.createElement("div", { className: styles[isMe ? "message-me" : "message-other"] },
+        React.createElement("div", { className: "message-main" },
+            React.createElement("div", { className: "message-content" },
+                React.createElement(Avatar, { size: 36, src: message.headImg }),
+                React.createElement("div", { className: "on-msg" },
+                    !isMe && (React.createElement(Row, { type: "flex", justify: "space-between", align: "middle" },
+                        React.createElement("span", null, message.userName),
+                        React.createElement("span", { className: isRead ? "read" : "unread" }, isRead ? "Read" : "Unread"))),
+                    message.action && React.createElement("div", { className: "bubble bubble-text" }, message.action),
+                    message.type === "image" && (React.createElement("div", { className: "bubble bubble-img" },
+                        React.createElement("img", { src: message.images, alt: "" }))),
+                    React.createElement("div", { className: "reply-operate" },
+                        React.createElement("div", { className: "date" }, "\u4E0A\u53489:33, Tue"),
+                        React.createElement(Dropdown, { overlay: menu, trigger: ["click"], getPopupContainer: () => props.commentRef.current },
+                            React.createElement("span", null,
+                                "Reply ",
+                                React.createElement(FAIcon, { icon: faEllipsisH, size: "lg", className: "more" })))))),
+            message.messages && (React.createElement("div", { className: isShowMore ? "reply-list show_in" : "reply-list show_out" },
+                message.messages.map((item) => (React.createElement("div", { key: item.msgId, className: "reply-message" },
+                    React.createElement(Avatar, { size: 36, src: item.headImg }),
+                    React.createElement("div", null, item.action)))),
+                React.createElement("div", { className: "reply-message" },
+                    React.createElement(Avatar, { size: 36 }),
+                    React.createElement(Input, { placeholder: "Add a reply..." })))),
+            message.messages && (React.createElement("div", { className: "reply-collapse", onClick: () => setShowMore(!isShowMore) },
+                React.createElement(FAIcon, { icon: faChevronDown, className: isShowMore ? "up" : "" }),
+                React.createElement("div", { className: isShowMore ? "hide-more" : "show-more" },
+                    React.createElement(Avatar, null),
+                    " 2Replies"))))));
+};
+//# sourceMappingURL=Message.js.map

package/es/components/Comments/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../src/components/Comments/Message.tsx"],"names":[],"mappings":"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"}